db-ux-design-system · mfranzke · Aug 13, 2024 · Aug 22, 2024 · Aug 29, 2024 · Aug 30, 2024
diff --git a/.eslintrc.js → .eslintrc.mjs b/.eslintrc.js → .eslintrc.mjs
diff --git a/.xo-config.cjs b/.xo-config.cjs
@@ -6,14 +6,19 @@ module.exports = {
 		'./packages/foundations/**'
 	],
 	overrides: [
+		{
+			files: ['./packages/components/**'],
+			rules: {
+				'@typescript-eslint/no-explicit-any': 0
+			}
+		},
 		{
 			files: ['./showcases/angular-showcase/**'],
 			rules: {
 				'import/no-extraneous-dependencies': 0,
 				'@typescript-eslint/consistent-type-imports': 0
 			}
 		},
-
 		{
 			files: ['./**/angular-**/**'],
 			rules: {

diff --git a/...__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png b/...__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png
diff --git a/..._/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png b/..._/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png
diff --git a/...accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png b/...accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png
diff --git a/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
diff --git a/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
diff --git a/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
diff --git a/...irefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/...irefox/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml
@@ -1,18 +1,18 @@
 - main:
   - heading "DBAccordionItem" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - listitem:
     - group: Functional chevron_down" / "
   - listitem:
     - group: (Default) Regular chevron_down" / "
   - listitem:
     - group: Expressive chevron_down" / "
-  - link "Disabled arrow_up_right\" / \""
+  - link "Disabledarrow_up_right\" / \""
   - listitem:
     - group: (Default) False chevron_down" / "
   - listitem:
     - group [disabled]: True chevron_down" / "
-  - link "Open arrow_up_right\" / \""
+  - link "Openarrow_up_right\" / \""
   - listitem:
     - group: (Default) False chevron_down" / "
   - listitem:

diff --git a/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
diff --git a/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
diff --git a/...safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/...safari/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml
@@ -1,18 +1,18 @@
 - main:
   - heading "DBAccordionItem" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - listitem:
     - group: Functional chevron_down" / "
   - listitem:
     - group: (Default) Regular chevron_down" / "
   - listitem:
     - group: Expressive chevron_down" / "
-  - link "Disabled arrow_up_right\" / \""
+  - link "Disabledarrow_up_right\" / \""
   - listitem:
     - group: (Default) False chevron_down" / "
   - listitem:
     - group [disabled]: True chevron_down" / "
-  - link "Open arrow_up_right\" / \""
+  - link "Openarrow_up_right\" / \""
   - listitem:
     - group: (Default) False chevron_down" / "
   - listitem:

diff --git a/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/...rdionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
diff --git a/...webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml b/...webkit/should-have-same-aria-snapshot/DBAccordionItem-should-have-same-aria-snapshot.yaml
@@ -1,18 +1,18 @@
 - main:
   - heading "DBAccordionItem" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - listitem:
     - group: Functional chevron_down" / "
   - listitem:
     - group: (Default) Regular chevron_down" / "
   - listitem:
     - group: Expressive chevron_down" / "
-  - link "Disabled arrow_up_right\" / \""
+  - link "Disabledarrow_up_right\" / \""
   - listitem:
     - group: (Default) False chevron_down" / "
   - listitem:
     - group [disabled]: True chevron_down" / "
-  - link "Open arrow_up_right\" / \""
+  - link "Openarrow_up_right\" / \""
   - listitem:
     - group: (Default) False chevron_down" / "
   - listitem:

diff --git a/.../accordion/component/firefox/DBAccordion-open-items-should-match-screenshot.png b/.../accordion/component/firefox/DBAccordion-open-items-should-match-screenshot.png
diff --git a/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png
diff --git a/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png b/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png
diff --git a/...t/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/...t/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
diff --git a/...m/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/...m/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
diff --git a/...x/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/...x/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
diff --git a/...se/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/...se/firefox/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml
@@ -1,6 +1,6 @@
 - main:
   - heading "DBAccordion" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional
   - list:
     - listitem:
@@ -25,7 +25,7 @@
       - group: Item 2 chevron_down" / "
     - listitem:
       - group: Item 3 chevron_down" / "
-  - link "Variant arrow_up_right\" / \""
+  - link "Variantarrow_up_right\" / \""
   - text: (Default) Divider
   - list:
     - listitem:
@@ -42,7 +42,7 @@
       - group: Item 2 chevron_down" / "
     - listitem:
       - group: Item 3 chevron_down" / "
-  - link "Behavior arrow_up_right\" / \""
+  - link "Behaviorarrow_up_right\" / \""
   - text: (Default) Multiple
   - list:
     - listitem:

diff --git a/...e/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/...e/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
diff --git a/...i/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/...i/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
diff --git a/...ile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/...ile-safari/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml
@@ -1,6 +1,6 @@
 - main:
   - heading "DBAccordion" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional
   - list:
     - listitem:
@@ -25,7 +25,7 @@
       - group: Item 2 chevron_down" / "
     - listitem:
       - group: Item 3 chevron_down" / "
-  - link "Variant arrow_up_right\" / \""
+  - link "Variantarrow_up_right\" / \""
   - text: (Default) Divider
   - list:
     - listitem:
@@ -42,7 +42,7 @@
       - group: Item 2 chevron_down" / "
     - listitem:
       - group: Item 3 chevron_down" / "
-  - link "Behavior arrow_up_right\" / \""
+  - link "Behaviorarrow_up_right\" / \""
   - text: (Default) Multiple
   - list:
     - listitem:

diff --git a/...t/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/...t/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
diff --git a/...ase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml b/...ase/webkit/should-have-same-aria-snapshot/DBAccordion-should-have-same-aria-snapshot.yaml
@@ -1,6 +1,6 @@
 - main:
   - heading "DBAccordion" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional
   - list:
     - listitem:
@@ -25,7 +25,7 @@
       - group: Item 2 chevron_down" / "
     - listitem:
       - group: Item 3 chevron_down" / "
-  - link "Variant arrow_up_right\" / \""
+  - link "Variantarrow_up_right\" / \""
   - text: (Default) Divider
   - list:
     - listitem:
@@ -42,7 +42,7 @@
       - group: Item 2 chevron_down" / "
     - listitem:
       - group: Item 3 chevron_down" / "
-  - link "Behavior arrow_up_right\" / \""
+  - link "Behaviorarrow_up_right\" / \""
   - text: (Default) Multiple
   - list:
     - listitem:

diff --git a/__snapshots__/badge/component/chromium/DBBadge-should-match-screenshot.png b/__snapshots__/badge/component/chromium/DBBadge-should-match-screenshot.png
diff --git a/__snapshots__/badge/component/firefox/DBBadge-should-match-screenshot.png b/__snapshots__/badge/component/firefox/DBBadge-should-match-screenshot.png
diff --git a/__snapshots__/badge/component/mobile-chrome/DBBadge-should-match-screenshot.png b/__snapshots__/badge/component/mobile-chrome/DBBadge-should-match-screenshot.png
diff --git a/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png b/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png
diff --git a/...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/.../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/.../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -1,16 +1,16 @@
 - main:
   - heading "DBBadge" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional (Default) Regular Expressive
-  - link "Emphasis arrow_up_right\" / \""
+  - link "Emphasisarrow_up_right\" / \""
   - text: (Default) Weak Origin Strong
-  - link "Semantic arrow_up_right\" / \""
+  - link "Semanticarrow_up_right\" / \""
   - text: (Default) Adaptive Critical Informational Neutral Successful Warning Adaptive Origin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong
-  - link "Size arrow_up_right\" / \""
+  - link "Sizearrow_up_right\" / \""
   - text: (Default) Small Medium
-  - link "Content arrow_up_right\" / \""
+  - link "Contentarrow_up_right\" / \""
   - text: (Default) Text Dot - Small Icon - Small
-  - link "Placement arrow_up_right\" / \""
+  - link "Placementarrow_up_right\" / \""
   - text: (Default) Inline Label
   - button "LABEL SHOULD BE SET Corner - Top - Left"
   - text: Corner - Top - Left
@@ -24,5 +24,5 @@
   - text: Corner - Center - Right
   - button "LABEL SHOULD BE SET Corner - Bottom- Right"
   - text: Corner - Bottom- Right
-  - link "Examples arrow_up_right\" / \""
+  - link "Examplesarrow_up_right\" / \""
   - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/.../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/.../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -1,28 +1,28 @@
 - main:
   - heading "DBBadge" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional (Default) Regular Expressive
-  - link "Emphasis arrow_up_right\" / \""
+  - link "Emphasisarrow_up_right\" / \""
   - text: (Default) Weak Origin Strong
-  - link "Semantic arrow_up_right\" / \""
+  - link "Semanticarrow_up_right\" / \""
   - text: (Default) Adaptive Critical Informational Neutral Successful Warning Adaptive Origin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong
-  - link "Size arrow_up_right\" / \""
+  - link "Sizearrow_up_right\" / \""
   - text: (Default) Small Medium
-  - link "Content arrow_up_right\" / \""
+  - link "Contentarrow_up_right\" / \""
   - text: (Default) Text Dot - Small Icon - Small
-  - link "Placement arrow_up_right\" / \""
+  - link "Placementarrow_up_right\" / \""
   - text: (Default) Inline Label
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Left"
+  - button "LABEL SHOULD BE SET Corner - Top - Left"
   - text: Corner - Top - Left
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Left"
+  - button "LABEL SHOULD BE SET Corner - Center - Left"
   - text: Corner - Center - Left
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left"
+  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
   - text: Corner - Bottom- Left
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Right"
+  - button "LABEL SHOULD BE SET Corner - Top - Right"
   - text: Corner - Top - Right
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Right"
+  - button "LABEL SHOULD BE SET Corner - Center - Right"
   - text: Corner - Center - Right
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right"
+  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
   - text: Corner - Bottom- Right
-  - link "Examples arrow_up_right\" / \""
+  - link "Examplesarrow_up_right\" / \""
   - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/...se/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...se/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -1,28 +1,28 @@
 - main:
   - heading "DBBadge" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional (Default) Regular Expressive
-  - link "Emphasis arrow_up_right\" / \""
+  - link "Emphasisarrow_up_right\" / \""
   - text: (Default) Weak Origin Strong
-  - link "Semantic arrow_up_right\" / \""
+  - link "Semanticarrow_up_right\" / \""
   - text: (Default) Adaptive Critical Informational Neutral Successful Warning Adaptive Origin Critical Origin Informational Origin Neutral Origin Successful Origin Warning Origin Adaptive Strong Critical Strong Informational Strong Neutral Strong Successful Strong Warning Strong
-  - link "Size arrow_up_right\" / \""
+  - link "Sizearrow_up_right\" / \""
   - text: (Default) Small Medium
-  - link "Content arrow_up_right\" / \""
+  - link "Contentarrow_up_right\" / \""
   - text: (Default) Text Dot - Small Icon - Small
-  - link "Placement arrow_up_right\" / \""
+  - link "Placementarrow_up_right\" / \""
   - text: (Default) Inline Label
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Left"
+  - button "LABEL SHOULD BE SET Corner - Top - Left"
   - text: Corner - Top - Left
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Left"
+  - button "LABEL SHOULD BE SET Corner - Center - Left"
   - text: Corner - Center - Left
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Left"
+  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
   - text: Corner - Bottom- Left
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Top - Right"
+  - button "LABEL SHOULD BE SET Corner - Top - Right"
   - text: Corner - Top - Right
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Center - Right"
+  - button "LABEL SHOULD BE SET Corner - Center - Right"
   - text: Corner - Center - Right
-  - button "x_placeholder\" / \" LABEL SHOULD BE SET Corner - Bottom- Right"
+  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
   - text: Corner - Bottom- Right
-  - link "Examples arrow_up_right\" / \""
+  - link "Examplesarrow_up_right\" / \""
   - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
diff --git a/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png b/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png
diff --git a/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png b/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png
diff --git a/...hContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/...hContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
diff --git a/.../chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/.../chromium/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
diff --git a/...e/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/...e/firefox/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
diff --git a/...owcase/firefox/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/...owcase/firefox/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,8 @@
 - main:
   - heading "DBBrand" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - text: Functional (Default) Regular Expressive
-  - link "Variants arrow_up_right\" / \""
+  - link "Variantsarrow_up_right\" / \""
   - text: (Default) With Logo No Logo
   - img "this is a fancy placeholder logo"
   - text: Custom Logo
diff --git a/...le-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/...le-chrome/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
diff --git a/...le-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/...le-safari/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
diff --git a/.../mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/.../mobile-safari/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,8 @@
 - main:
   - heading "DBBrand" [level=1]
-  - link "Density arrow_up_right\" / \""
-  - text: brand" / " Functional brand" / " (Default) Regular brand" / " Expressive
-  - link "Variants arrow_up_right\" / \""
-  - text: brand" / " (Default) With Logo No Logo
+  - link "Densityarrow_up_right\" / \""
+  - text: Functional (Default) Regular Expressive
+  - link "Variantsarrow_up_right\" / \""
+  - text: (Default) With Logo No Logo
   - img "this is a fancy placeholder logo"
   - text: Custom Logo
diff --git a/...se/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png b/...se/webkit/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
diff --git a/...howcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml b/...howcase/webkit/should-have-same-aria-snapshot/DBBrand-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,8 @@
 - main:
   - heading "DBBrand" [level=1]
-  - link "Density arrow_up_right\" / \""
-  - text: brand" / " Functional brand" / " (Default) Regular brand" / " Expressive
-  - link "Variants arrow_up_right\" / \""
-  - text: brand" / " (Default) With Logo No Logo
+  - link "Densityarrow_up_right\" / \""
+  - text: Functional (Default) Regular Expressive
+  - link "Variantsarrow_up_right\" / \""
+  - text: (Default) With Logo No Logo
   - img "this is a fancy placeholder logo"
   - text: Custom Logo
diff --git a/..._/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png b/..._/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png
diff --git a/.../button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png b/.../button/component/firefox/DBButton-should-only-have-icon-for-variant-filled.png
diff --git a/..._/button/component/firefox/DBButton-should-only-have-icon-for-variant-ghost.png b/..._/button/component/firefox/DBButton-should-only-have-icon-for-variant-ghost.png
diff --git a/...utton/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png b/...utton/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png
diff --git a/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png b/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png
diff --git a/...ontrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...ontrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...hromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...hromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...wcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...wcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -1,26 +1,26 @@
 - main:
   - heading "DBButton" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant arrow_up_right\" / \""
+  - link "Variantarrow_up_right\" / \""
   - button "(Default) Outlined - Adaptive"
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "Disabled arrow_up_right\" / \""
+  - link "Disabledarrow_up_right\" / \""
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size arrow_up_right\" / \""
+  - link "Sizearrow_up_right\" / \""
   - button "(Default) Medium"
   - button "Small"
-  - link "Show Icon arrow_up_right\" / \""
+  - link "Show Iconarrow_up_right\" / \""
   - button "(Default) False"
   - button "True"
-  - link "No Text arrow_up_right\" / \""
+  - link "No Textarrow_up_right\" / \""
   - button "(Default) False"
   - button "True"
-  - link "Width arrow_up_right\" / \""
+  - link "Widtharrow_up_right\" / \""
   - button "(Default) Auto"
   - button "Width"
diff --git a/...-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/...-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
diff --git a/...mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/...mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml
@@ -1,26 +1,26 @@
 - main:
   - heading "DBButton" [level=1]
-  - link "Density arrow_up_right\" / \""
+  - link "Densityarrow_up_right\" / \""
   - button "Functional"
   - button "(Default) Regular"
   - button "Expressive"
-  - link "Variant arrow_up_right\" / \""
+  - link "Variantarrow_up_right\" / \""
   - button "(Default) Outlined - Adaptive"
   - button "Filled - Adaptive"
   - button "Ghost - Adaptive"
   - button "Brand"
-  - link "Disabled arrow_up_right\" / \""
+  - link "Disabledarrow_up_right\" / \""
   - button "(Default) False"
   - button "True" [disabled]
-  - link "Size arrow_up_right\" / \""
+  - link "Sizearrow_up_right\" / \""
   - button "(Default) Medium"
   - button "Small"
-  - link "Show Icon arrow_up_right\" / \""
+  - link "Show Iconarrow_up_right\" / \""
   - button "(Default) False"
-  - button "x_placeholder\" / \" True"
-  - link "No Text arrow_up_right\" / \""
-  - button "x_placeholder\" / \" (Default) False"
-  - button "x_placeholder\" / \" True"
-  - link "Width arrow_up_right\" / \""
+  - button "True"
+  - link "No Textarrow_up_right\" / \""
+  - button "(Default) False"
+  - button "True"
+  - link "Widtharrow_up_right\" / \""
   - button "(Default) Auto"
   - button "Width"
diff --git a/.../webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/.../webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png