diff --git a/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png
index d5e81a97bdc..00fcb2c4f7f 100644
Binary files a/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png differ
diff --git a/__snapshots__/accordion-item/showcase/firefox/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/firefox/regular/neutral/DBAccordionItem-should-match-screenshot.png
index bebcee471f3..90fce659636 100644
Binary files a/__snapshots__/accordion-item/showcase/firefox/regular/neutral/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/firefox/regular/neutral/DBAccordionItem-should-match-screenshot.png differ
diff --git a/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png
index 1017db638c8..5e019e338b8 100644
Binary files a/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png differ
diff --git a/__snapshots__/accordion-item/showcase/mobile-safari/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-safari/regular/neutral/DBAccordionItem-should-match-screenshot.png
index 8e181189061..a0fc8bc31cc 100644
Binary files a/__snapshots__/accordion-item/showcase/mobile-safari/regular/neutral/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/mobile-safari/regular/neutral/DBAccordionItem-should-match-screenshot.png differ
diff --git a/__snapshots__/accordion-item/showcase/webkit/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/webkit/regular/neutral/DBAccordionItem-should-match-screenshot.png
index b4679addac9..2b0c2a201fb 100644
Binary files a/__snapshots__/accordion-item/showcase/webkit/regular/neutral/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/webkit/regular/neutral/DBAccordionItem-should-match-screenshot.png differ
diff --git a/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png
index 5035f3fb460..2b808efa19e 100644
Binary files a/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png differ
diff --git a/__snapshots__/badge/showcase/firefox/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/firefox/regular/neutral/DBBadge-should-match-screenshot.png
index f6393a49a1b..387c3a47803 100644
Binary files a/__snapshots__/badge/showcase/firefox/regular/neutral/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/firefox/regular/neutral/DBBadge-should-match-screenshot.png differ
diff --git a/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png
index e22044c9e87..9f7bce43977 100644
Binary files a/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png differ
diff --git a/__snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png
index 7abf0b669a9..9476cbf3786 100644
Binary files a/__snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png differ
diff --git a/__snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png
index 668cb8640c9..88cda2d062f 100644
Binary files a/__snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png differ
diff --git a/__snapshots__/infotext/showcase/chromium/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/chromium/regular/neutral/DBInfotext-should-match-screenshot.png
index 0dc3719610a..1084691e33f 100644
Binary files a/__snapshots__/infotext/showcase/chromium/regular/neutral/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/chromium/regular/neutral/DBInfotext-should-match-screenshot.png differ
diff --git a/__snapshots__/infotext/showcase/firefox/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/firefox/regular/neutral/DBInfotext-should-match-screenshot.png
index 00277cbae72..cc76e50b81c 100644
Binary files a/__snapshots__/infotext/showcase/firefox/regular/neutral/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/firefox/regular/neutral/DBInfotext-should-match-screenshot.png differ
diff --git a/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png
index 477b22a7dd7..9e05b9fc353 100644
Binary files a/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png differ
diff --git a/__snapshots__/infotext/showcase/mobile-safari/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-safari/regular/neutral/DBInfotext-should-match-screenshot.png
index 9883827f311..9a4aefc0d5f 100644
Binary files a/__snapshots__/infotext/showcase/mobile-safari/regular/neutral/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/mobile-safari/regular/neutral/DBInfotext-should-match-screenshot.png differ
diff --git a/__snapshots__/infotext/showcase/webkit/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/webkit/regular/neutral/DBInfotext-should-match-screenshot.png
index b42ea3cd829..d1c5248ee66 100644
Binary files a/__snapshots__/infotext/showcase/webkit/regular/neutral/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/webkit/regular/neutral/DBInfotext-should-match-screenshot.png differ
diff --git a/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png
index c3a3883902f..485af9ee2bb 100644
Binary files a/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png differ
diff --git a/__snapshots__/link/showcase/firefox/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/firefox/regular/neutral/DBLink-should-match-screenshot.png
index f6cf4d81020..f2f192b68ee 100644
Binary files a/__snapshots__/link/showcase/firefox/regular/neutral/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/firefox/regular/neutral/DBLink-should-match-screenshot.png differ
diff --git a/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png
index 66586332d19..4c4af8e6cd7 100644
Binary files a/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png differ
diff --git a/__snapshots__/link/showcase/mobile-safari/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-safari/regular/neutral/DBLink-should-match-screenshot.png
index 90e2a879c69..08730f987b9 100644
Binary files a/__snapshots__/link/showcase/mobile-safari/regular/neutral/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-safari/regular/neutral/DBLink-should-match-screenshot.png differ
diff --git a/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png
index 0b1ca35a6e9..a8975d5fd18 100644
Binary files a/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png differ
diff --git a/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png
index bc7146730ed..42660babfce 100644
Binary files a/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png differ
diff --git a/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png
index f2f4fb2e9cb..3a1a36ca432 100644
Binary files a/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png differ
diff --git a/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png
index 96f94e64b4a..9321e28c4de 100644
Binary files a/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png differ
diff --git a/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png
index 38ae8b02845..4b8a898b9f3 100644
Binary files a/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png differ
diff --git a/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png
index 708ed1918d0..3f339796003 100644
Binary files a/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png differ
diff --git a/e2e/package-lock.json b/e2e/package-lock.json
index d677cb93bd0..68916a0afe4 100644
--- a/e2e/package-lock.json
+++ b/e2e/package-lock.json
@@ -495,20 +495,6 @@
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
"dev": true
},
- "node_modules/fsevents": {
- "version": "2.3.2",
- "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
- "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
- "dev": true,
- "hasInstallScript": true,
- "optional": true,
- "os": [
- "darwin"
- ],
- "engines": {
- "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
- }
- },
"node_modules/function-bind": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -2390,13 +2376,6 @@
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
"dev": true
},
- "fsevents": {
- "version": "2.3.2",
- "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
- "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
- "dev": true,
- "optional": true
- },
"function-bind": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
diff --git a/packages/foundations/assets/icons/illustrative/travel/db_ic_il_bear.svg b/packages/foundations/assets/icons/illustrative/travel/db_ic_il_bear.svg
index 153197ce987..2ee10946257 100644
--- a/packages/foundations/assets/icons/illustrative/travel/db_ic_il_bear.svg
+++ b/packages/foundations/assets/icons/illustrative/travel/db_ic_il_bear.svg
@@ -1 +1 @@
-
+
diff --git a/showcases/shared/accordion-item.json b/showcases/shared/accordion-item.json
index dfa7168c58f..4dd6321ba98 100644
--- a/showcases/shared/accordion-item.json
+++ b/showcases/shared/accordion-item.json
@@ -3,35 +3,35 @@
"name": "Tonality",
"examples": [
{
- "name": "functional",
+ "name": "Functional",
"className": "db-ui-functional",
"props": {
- "title": "functional"
+ "title": "Functional"
}
},
{
- "name": "regular (Default)",
+ "name": "Regular (Default)",
"className": "db-ui-regular",
"props": {
- "title": "regular (Default)"
+ "title": "Regular (Default)"
}
},
{
- "name": "expressive",
+ "name": "Expressive",
"className": "db-ui-expressive",
"props": {
- "title": "expressive"
+ "title": "Expressive"
}
}
]
},
{
- "name": "States",
+ "name": "Interaction States",
"examples": [
{
- "name": "Enabled (Default)",
+ "name": "Enabled (Default)/Hover/Pressed",
"props": {
- "title": "Enabled (Default)"
+ "title": "Enabled (Default)/Hover/Pressed"
}
},
{
@@ -40,20 +40,23 @@
"title": "Disabled",
"disabled": true
}
- },
+ }
+ ]
+ },
+ {
+ "name": "Content States",
+ "examples": [
{
- "name": "Open",
+ "name": "Collapsed (Default)",
"props": {
- "title": "Open",
- "open": true
+ "title": "Collapsed (Default)"
}
},
{
- "name": "Open Disabled",
+ "name": "Open",
"props": {
- "title": "Open Disabled",
- "open": true,
- "disabled": true
+ "title": "Open",
+ "open": true
}
}
]
diff --git a/showcases/shared/badge.json b/showcases/shared/badge.json
index 2ccaddaf840..1eea8806f77 100644
--- a/showcases/shared/badge.json
+++ b/showcases/shared/badge.json
@@ -3,17 +3,17 @@
"name": "Tonality",
"examples": [
{
- "name": "functional",
+ "name": "Functional",
"className": "db-ui-functional",
"props": {}
},
{
- "name": "regular (Default)",
+ "name": "Regular (Default)",
"className": "db-ui-regular",
"props": {}
},
{
- "name": "expressive",
+ "name": "Expressive",
"className": "db-ui-expressive",
"props": {}
}
@@ -35,7 +35,7 @@
]
},
{
- "name": "Variant",
+ "name": "Semantic",
"examples": [
{
"name": "Adaptive (Default)",
@@ -71,12 +71,6 @@
"variant": "warning"
}
},
- {
- "name": "Adaptive Strong",
- "props": {
- "emphasis": "strong"
- }
- },
{
"name": "Neutral Strong",
"props": {
@@ -118,14 +112,14 @@
"name": "Size",
"examples": [
{
- "name": "Medium (Default)",
- "props": {}
- },
- {
- "name": "Small",
+ "name": "Small (Default)",
"props": {
"size": "small"
}
+ },
+ {
+ "name": "Medium",
+ "props": {}
}
]
},
@@ -133,7 +127,11 @@
"name": "Content",
"examples": [
{
- "name": "Dot (Default)",
+ "name": "Text (Default)",
+ "props": {}
+ },
+ {
+ "name": "Dot",
"props": {
"noContent": true
}
@@ -145,10 +143,6 @@
"size": "small"
}
},
- {
- "name": "Text",
- "props": {}
- },
{
"name": "Icon",
"props": {
diff --git a/showcases/shared/checkbox.json b/showcases/shared/checkbox.json
index 4981f16f3eb..cbab43b2bc2 100644
--- a/showcases/shared/checkbox.json
+++ b/showcases/shared/checkbox.json
@@ -3,21 +3,21 @@
"name": "Tonality",
"examples": [
{
- "name": "functional",
+ "name": "Functional",
"className": "db-ui-functional",
"props": {
"name": "Tonality"
}
},
{
- "name": "regular (Default)",
+ "name": "Regular (Default)",
"className": "db-ui-regular",
"props": {
"name": "Tonality"
}
},
{
- "name": "expressive",
+ "name": "Expressive",
"className": "db-ui-expressive",
"props": {
"name": "Tonality"
diff --git a/showcases/shared/infotext.json b/showcases/shared/infotext.json
index 6aadf704bc0..7c138257031 100644
--- a/showcases/shared/infotext.json
+++ b/showcases/shared/infotext.json
@@ -3,27 +3,27 @@
"name": "Tonality",
"examples": [
{
- "name": "functional",
+ "name": "Functional",
"className": "db-ui-functional",
"props": {}
},
{
- "name": "regular (Default)",
+ "name": "Regular (Default)",
"className": "db-ui-regular",
"props": {}
},
{
- "name": "expressive",
+ "name": "Expressive",
"className": "db-ui-expressive",
"props": {}
}
]
},
{
- "name": "Variant",
+ "name": "Semantic",
"examples": [
{
- "name": "(Default) Adaptive",
+ "name": "Adaptive (Default)",
"props": {}
},
{
@@ -56,7 +56,7 @@
"name": "Size",
"examples": [
{
- "name": "(Default) Medium",
+ "name": "Medium (Default)",
"props": {}
},
{
diff --git a/showcases/shared/link.json b/showcases/shared/link.json
index 956c266d018..9efafb01e77 100644
--- a/showcases/shared/link.json
+++ b/showcases/shared/link.json
@@ -3,21 +3,21 @@
"name": "Tonality",
"examples": [
{
- "name": "functional",
+ "name": "Functional",
"className": "db-ui-functional",
"props": {
"href": "#"
}
},
{
- "name": "regular (Default)",
+ "name": "Regular (Default)",
"className": "db-ui-regular",
"props": {
"href": "#"
}
},
{
- "name": "expressive",
+ "name": "Expressive",
"className": "db-ui-expressive",
"props": {
"href": "#"
@@ -26,16 +26,16 @@
]
},
{
- "name": "Variant",
+ "name": "Semantic",
"examples": [
{
- "name": "(Default) Adaptive",
+ "name": "Adaptive (Default)",
"props": {
"href": "#"
}
},
{
- "name": "Primary",
+ "name": "Brand",
"props": {
"href": "#",
"variant": "primary"
@@ -44,10 +44,10 @@
]
},
{
- "name": "State",
+ "name": "Interaction-States",
"examples": [
{
- "name": "Default: (Enabled, Hover, Pressed)",
+ "name": "Enabled (Default)/Hover/Pressed",
"props": {
"href": "#"
}
@@ -65,7 +65,7 @@
"name": "Size",
"examples": [
{
- "name": "(Default) Medium",
+ "name": "Medium (Default)",
"props": {
"href": "#"
}
@@ -83,7 +83,7 @@
"name": "Content",
"examples": [
{
- "name": "(Default) Internal",
+ "name": "Internal (Default)",
"props": {
"href": "#"
}
diff --git a/showcases/shared/navigation-item.json b/showcases/shared/navigation-item.json
index e1390b0a148..216436ac139 100644
--- a/showcases/shared/navigation-item.json
+++ b/showcases/shared/navigation-item.json
@@ -3,21 +3,21 @@
"name": "Tonality",
"examples": [
{
- "name": "functional",
+ "name": "Functional",
"className": "db-ui-functional",
"props": {
"areaPopup": true
}
},
{
- "name": "regular (Default)",
+ "name": "Regular (Default)",
"className": "db-ui-regular",
"props": {
"areaPopup": true
}
},
{
- "name": "expressive",
+ "name": "Expressive",
"className": "db-ui-expressive",
"props": {
"areaPopup": true
@@ -26,10 +26,10 @@
]
},
{
- "name": "States",
+ "name": "Interaction-States",
"examples": [
{
- "name": "Enabled (Default)",
+ "name": "Enabled (Default)/Hover/Pressed",
"props": {
"areaPopup": true
}
@@ -54,29 +54,29 @@
"name": "Content",
"examples": [
{
- "name": "Leading Icon - Text",
+ "name": "Text (Default)",
"props": {
- "icon": "account",
"areaPopup": false
}
},
{
- "name": "Leading Icon - Text - Trailing Icon",
+ "name": "Text - Icon (Leading)",
"props": {
"icon": "account",
- "areaPopup": true
+ "areaPopup": false
}
},
{
- "name": "Text - Trailing Icon",
+ "name": "Text - Icons (Leading, Chevron)",
"props": {
+ "icon": "account",
"areaPopup": true
}
},
{
- "name": "Text",
+ "name": "Text - Icon (Chevron)",
"props": {
- "areaPopup": false
+ "areaPopup": true
}
}
]