diff --git a/.config/.jscpd.json b/.config/.jscpd.json index 48bc7431db18..5658d1fdb1ed 100644 --- a/.config/.jscpd.json +++ b/.config/.jscpd.json @@ -3,6 +3,7 @@ "reporters": ["console"], "minTokens": 65, "ignore": [ + "showcases/patternhub/public/assets/images/*.svg", "**/.angular/**", ".history/**", "**/__snapshots__/**", diff --git a/.github/ISSUE_TEMPLATE/bug_report.yaml b/.github/ISSUE_TEMPLATE/bug_report.yaml index b3ec725d1a06..78a31880807e 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.yaml +++ b/.github/ISSUE_TEMPLATE/bug_report.yaml @@ -9,6 +9,8 @@ body: value: | Thank you for taking the time to fill out this bug report! Feedback from the community is highly valuable to us, as it helps improve our work and benefits all users. 🙂 + We would be more than happy if you could share a URL if the problem occurs in our [documentation](https://design-system.deutschebahn.com/core-web/), or at least some code. Even better would be a [working example on StackBlitz or CodeSandbox](https://design-system.deutschebahn.com/core-web/version/latest/foundations/playgrounds). Please keep in mind not to share any internal information or data this way. This includes internal URLs. Only use sample material. + - type: checkboxes id: component attributes: diff --git a/README.md b/README.md index 1cbd2eff6a05..062e65366616 100644 --- a/README.md +++ b/README.md @@ -100,6 +100,7 @@ Check our migration docs for breaking changes: 6. [v0.6 ➡ v0.7](https://github.com/db-ux-design-system/core-web/blob/main/docs/migration/v0.6.x-to-v0.7.x.md) 7. [v0.7 ➡ v1.0](https://github.com/db-ux-design-system/core-web/blob/main/docs/migration/v0.7.x-to-v1.0.0.md) 8. [v1.x ➡ v2.0](https://github.com/db-ux-design-system/core-web/blob/main/docs/migration/v1.x.x-to-v2.0.0.md) +9. [v2.x ➡ v3.0](https://github.com/db-ux-design-system/core-web/blob/main/docs/migration/v2.x.x-to-v3.0.0.md) ## FAQ diff --git a/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png b/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png index 0d2a310fcaa2..9afcf8d887a5 100644 Binary files a/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png and b/__snapshots__/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png index 43b900ad27c4..e22d91dd5239 100644 Binary files a/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png index f0e4d6e39fdd..fe8b3c85c721 100644 Binary files a/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/chromium/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png index 7ee954f2a085..2b8eca8e161f 100644 Binary files a/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/firefox/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png index 3f3910ff16bc..b509b29cd8bb 100644 Binary files a/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png and b/__snapshots__/accordion-item/showcase/mobile-chrome/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png b/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png index 1a67d2af773f..6e2db7c3df37 100644 Binary files a/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png and b/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png index 649d62c53a35..58239fb13fb7 100644 Binary files a/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png and b/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png index 82e1e981d19a..3f58bd2687c6 100644 Binary files a/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png and b/__snapshots__/accordion/showcase/chromium/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png index a5dd635809e9..5fdb9024d1db 100644 Binary files a/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png and b/__snapshots__/accordion/showcase/firefox/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png index bdfb6936fa56..1b7f5ecae7a4 100644 Binary files a/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png and b/__snapshots__/accordion/showcase/mobile-chrome/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png b/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png index fc5196e83fa4..6cbfb4f3249c 100644 Binary files a/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png and b/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 08a4800198eb..230d7a3fa0c0 100644 Binary files a/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 7d2f1c69e726..7519dccc54da 100644 Binary files a/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index f4ef32f11358..e0ffd6b968d4 100644 Binary files a/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index ebab9cf0f818..e0062b34f3fc 100644 Binary files a/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png b/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png index 8623c2760c67..b0197e2b022a 100644 Binary files a/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png and b/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png differ diff --git a/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png b/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png index f2f733597812..2a4d9259c9bc 100644 Binary files a/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png and b/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png differ diff --git a/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png b/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png index 0b7d66695e8e..20043a5433fa 100644 Binary files a/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png and b/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index f290167db489..0cf2995ac96c 100644 Binary files a/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index 82e555eaa372..4e568e77d453 100644 --- a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -15,7 +15,10 @@ - link "Size" - button "(Default) Medium" - button "Small" - - link "Show Icon" + - link "Show Icon Leading" + - button "(Default) False" + - button "True" + - link "Show Icon Trailing" - button "(Default) False" - button "True" - link "No Text" diff --git a/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 88f0740c49e2..c40ca30c14e1 100644 Binary files a/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index 82e555eaa372..4e568e77d453 100644 --- a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -15,7 +15,10 @@ - link "Size" - button "(Default) Medium" - button "Small" - - link "Show Icon" + - link "Show Icon Leading" + - button "(Default) False" + - button "True" + - link "Show Icon Trailing" - button "(Default) False" - button "True" - link "No Text" diff --git a/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 935e9a9d66ca..aa022def3e82 100644 Binary files a/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index 82e555eaa372..4e568e77d453 100644 --- a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -15,7 +15,10 @@ - link "Size" - button "(Default) Medium" - button "Small" - - link "Show Icon" + - link "Show Icon Leading" + - button "(Default) False" + - button "True" + - link "Show Icon Trailing" - button "(Default) False" - button "True" - link "No Text" diff --git a/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 599db2659fcf..c9953192272c 100644 Binary files a/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index 82e555eaa372..4e568e77d453 100644 --- a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -15,7 +15,10 @@ - link "Size" - button "(Default) Medium" - button "Small" - - link "Show Icon" + - link "Show Icon Leading" + - button "(Default) False" + - button "True" + - link "Show Icon Trailing" - button "(Default) False" - button "True" - link "No Text" diff --git a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 821a8f10a54a..b428f536c5f4 100644 Binary files a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index 82e555eaa372..4e568e77d453 100644 --- a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -15,7 +15,10 @@ - link "Size" - button "(Default) Medium" - button "Small" - - link "Show Icon" + - link "Show Icon Leading" + - button "(Default) False" + - button "True" + - link "Show Icon Trailing" - button "(Default) False" - button "True" - link "No Text" diff --git a/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 6fcd2fc9dc77..9fa398514814 100644 Binary files a/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index 82e555eaa372..4e568e77d453 100644 --- a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -15,7 +15,10 @@ - link "Size" - button "(Default) Medium" - button "Small" - - link "Show Icon" + - link "Show Icon Leading" + - button "(Default) False" + - button "True" + - link "Show Icon Trailing" - button "(Default) False" - button "True" - link "No Text" diff --git a/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png b/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png index 6964b2a5cab4..55e45ba12d5f 100644 Binary files a/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png and b/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png index ec7dc2883683..10dc1394c270 100644 Binary files a/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png and b/__snapshots__/card/showcase/chromium-highContrast/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png index c3eff425ea2b..8a0fbb21d273 100644 Binary files a/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png and b/__snapshots__/card/showcase/chromium/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png index 90571c9e66cc..ae64e912c38f 100644 Binary files a/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png and b/__snapshots__/card/showcase/firefox/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png index 33ade08aa986..207206a933bc 100644 Binary files a/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png and b/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png b/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png index c1332a5a7756..a6b859efccd7 100644 Binary files a/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png and b/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 6f3b83f8f16e..bf675876d918 100644 Binary files a/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 8b4091853d6a..493df1ad1c4a 100644 Binary files a/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index c689424408ab..3e515f0c5b3e 100644 Binary files a/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 062808db856e..dceeadb38000 100644 Binary files a/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/patternhub/custom-select-overview-should-match-screenshot.png b/__snapshots__/custom-select/patternhub/custom-select-overview-should-match-screenshot.png index 87060968f1ce..db6fb4a41b71 100644 Binary files a/__snapshots__/custom-select/patternhub/custom-select-overview-should-match-screenshot.png and b/__snapshots__/custom-select/patternhub/custom-select-overview-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index ebb59f4852bf..7276a50637bc 100644 Binary files a/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index 98bbddc6cb03..a6f24924e507 100644 Binary files a/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index 7d219a21bfe5..b92bb31921f6 100644 Binary files a/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png b/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png index 33f702aab06d..971de000a6da 100644 Binary files a/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png and b/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/chromium-highContrast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/chromium-highContrast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png index e47f42894a28..1117f516a507 100644 Binary files a/__snapshots__/divider/showcase/chromium-highContrast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png and b/__snapshots__/divider/showcase/chromium-highContrast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/chromium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/chromium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png index ddb5a0ecaab8..29634016901f 100644 Binary files a/__snapshots__/divider/showcase/chromium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png and b/__snapshots__/divider/showcase/chromium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png index c5c16983337d..e45f9ca4e6a1 100644 Binary files a/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png and b/__snapshots__/divider/showcase/firefox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/mobile-chrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/mobile-chrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png index 6e7c88480aa7..40d60d539557 100644 Binary files a/__snapshots__/divider/showcase/mobile-chrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png and b/__snapshots__/divider/showcase/mobile-chrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png b/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png index 3015ef3fd19e..38a75533caf0 100644 Binary files a/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png and b/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 15f8fbaef2ff..20b7e22bbb6b 100644 Binary files a/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 8b0195b2c176..0de53918b286 100644 Binary files a/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 27ec8c896e00..f45ad0f4d894 100644 Binary files a/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 3d325cae3535..3f65217c9495 100644 Binary files a/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png b/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png index 45a853f52ca9..af68334bf7ce 100644 Binary files a/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png and b/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png index 19a25bed52e9..3f31a124c2e8 100644 Binary files a/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png and b/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png index 9a0d80d4bf75..40b16bab2728 100644 Binary files a/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png and b/__snapshots__/header/showcase/chromium/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png index 69c2ac16ed57..5d871138ed49 100644 Binary files a/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png and b/__snapshots__/header/showcase/firefox/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png index 490178c76a98..74d33d3105f5 100644 Binary files a/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png and b/__snapshots__/header/showcase/mobile-chrome/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png b/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png index ba59b4cbc2de..47e1ac5435b1 100644 Binary files a/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png and b/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 45fdda6db230..771771b29e34 100644 Binary files a/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 1cdb0806afda..8c807b64ae31 100644 Binary files a/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 5baea693c8c9..bfd299304b99 100644 Binary files a/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 6e66ee0645f3..984710915b58 100644 Binary files a/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png b/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png index 5a92e5882a6d..65075e6be582 100644 Binary files a/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png and b/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index ab2fc8688a97..4fa452522495 100644 Binary files a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index e4c94a2939a6..d8426fa99be7 100644 --- a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -79,18 +79,26 @@ - text: Label - textbox "Label" - status - - link "Content" - - text: Label - - textbox "Label": (Default) Text + - link "Show Icon Leading" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" - status - - text: Label - - textbox "Label" + - link "Show Icon Leading + Trailing" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" + - status + - link "Show Icon Trailing" + - text: "False" + - textbox "False" + - status + - text: "True" + - textbox "True" - status - link "Example - Length" - text: Label diff --git a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index e8de122797bd..721dfd24b833 100644 Binary files a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index e4c94a2939a6..d8426fa99be7 100644 --- a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -79,18 +79,26 @@ - text: Label - textbox "Label" - status - - link "Content" - - text: Label - - textbox "Label": (Default) Text + - link "Show Icon Leading" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" - status - - text: Label - - textbox "Label" + - link "Show Icon Leading + Trailing" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" + - status + - link "Show Icon Trailing" + - text: "False" + - textbox "False" + - status + - text: "True" + - textbox "True" - status - link "Example - Length" - text: Label diff --git a/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 262ff268fd1c..f4f91cd0865b 100644 Binary files a/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index e4c94a2939a6..d8426fa99be7 100644 --- a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -79,18 +79,26 @@ - text: Label - textbox "Label" - status - - link "Content" - - text: Label - - textbox "Label": (Default) Text + - link "Show Icon Leading" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" - status - - text: Label - - textbox "Label" + - link "Show Icon Leading + Trailing" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" + - status + - link "Show Icon Trailing" + - text: "False" + - textbox "False" + - status + - text: "True" + - textbox "True" - status - link "Example - Length" - text: Label diff --git a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 2448b40cc0ab..ffcd6b157c06 100644 Binary files a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index e4c94a2939a6..d8426fa99be7 100644 --- a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -79,18 +79,26 @@ - text: Label - textbox "Label" - status - - link "Content" - - text: Label - - textbox "Label": (Default) Text + - link "Show Icon Leading" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" - status - - text: Label - - textbox "Label" + - link "Show Icon Leading + Trailing" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" + - status + - link "Show Icon Trailing" + - text: "False" + - textbox "False" + - status + - text: "True" + - textbox "True" - status - link "Example - Length" - text: Label diff --git a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 6b614569ebff..8fcfcd5dcc42 100644 Binary files a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index e4c94a2939a6..d8426fa99be7 100644 --- a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -79,18 +79,26 @@ - text: Label - textbox "Label" - status - - link "Content" - - text: Label - - textbox "Label": (Default) Text + - link "Show Icon Leading" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" - status - - text: Label - - textbox "Label" + - link "Show Icon Leading + Trailing" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" + - status + - link "Show Icon Trailing" + - text: "False" + - textbox "False" + - status + - text: "True" + - textbox "True" - status - link "Example - Length" - text: Label diff --git a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 5350765b2457..483adc2d7e4d 100644 Binary files a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index e4c94a2939a6..d8426fa99be7 100644 --- a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -79,18 +79,26 @@ - text: Label - textbox "Label" - status - - link "Content" - - text: Label - - textbox "Label": (Default) Text + - link "Show Icon Leading" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" - status - - text: Label - - textbox "Label" + - link "Show Icon Leading + Trailing" + - text: "False" + - textbox "False" - status - - text: Label - - textbox "Label" + - text: "True" + - textbox "True" + - status + - link "Show Icon Trailing" + - text: "False" + - textbox "False" + - status + - text: "True" + - textbox "True" - status - link "Example - Length" - text: Label diff --git a/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png b/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png index a99df7637b44..6141b376bbb4 100644 Binary files a/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png and b/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png differ diff --git a/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png b/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png index 1b7ccdd234ac..7d08c28341e3 100644 Binary files a/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png and b/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index e3a0bb98afd7..ad405f4d8b42 100644 Binary files a/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 8452622c55ce..86e831fbae00 100644 --- a/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -18,4 +18,9 @@ - link "External" - link "Show Icon" - link "(Default) True" - - link "False" \ No newline at end of file + - link "False" + - link "Wrap" + - link "(Default) False" + - link "True [Multiline]" + - link "Examples" + - link "Variant Inline" \ No newline at end of file diff --git a/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index f7a05a73683e..85df5f1520d1 100644 Binary files a/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 8452622c55ce..86e831fbae00 100644 --- a/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -18,4 +18,9 @@ - link "External" - link "Show Icon" - link "(Default) True" - - link "False" \ No newline at end of file + - link "False" + - link "Wrap" + - link "(Default) False" + - link "True [Multiline]" + - link "Examples" + - link "Variant Inline" \ No newline at end of file diff --git a/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index 86a1cf08ebcd..40ba8fa7199c 100644 Binary files a/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 8452622c55ce..86e831fbae00 100644 --- a/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -18,4 +18,9 @@ - link "External" - link "Show Icon" - link "(Default) True" - - link "False" \ No newline at end of file + - link "False" + - link "Wrap" + - link "(Default) False" + - link "True [Multiline]" + - link "Examples" + - link "Variant Inline" \ No newline at end of file diff --git a/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index 66ece00bf02b..57b1f5f027d6 100644 Binary files a/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 8452622c55ce..86e831fbae00 100644 --- a/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -18,4 +18,9 @@ - link "External" - link "Show Icon" - link "(Default) True" - - link "False" \ No newline at end of file + - link "False" + - link "Wrap" + - link "(Default) False" + - link "True [Multiline]" + - link "Examples" + - link "Variant Inline" \ No newline at end of file diff --git a/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index 9e7d767e4c2f..0dd70ad469e5 100644 Binary files a/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 8452622c55ce..86e831fbae00 100644 --- a/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -18,4 +18,9 @@ - link "External" - link "Show Icon" - link "(Default) True" - - link "False" \ No newline at end of file + - link "False" + - link "Wrap" + - link "(Default) False" + - link "True [Multiline]" + - link "Examples" + - link "Variant Inline" \ No newline at end of file diff --git a/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index e9023ac71da8..637be4d2b9e3 100644 Binary files a/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 8452622c55ce..86e831fbae00 100644 --- a/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -18,4 +18,9 @@ - link "External" - link "Show Icon" - link "(Default) True" - - link "False" \ No newline at end of file + - link "False" + - link "Wrap" + - link "(Default) False" + - link "True [Multiline]" + - link "Examples" + - link "Variant Inline" \ No newline at end of file diff --git a/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png b/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png index c845f4b06018..831194533c83 100644 Binary files a/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png and b/__snapshots__/navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/chromium-highContrast/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/chromium-highContrast/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png index 87ebcc475a49..2fafc9dc8855 100644 Binary files a/__snapshots__/navigation-item/showcase/chromium-highContrast/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/chromium-highContrast/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/chromium/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/chromium/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png index 72135923e5f3..5f1cfff18137 100644 Binary files a/__snapshots__/navigation-item/showcase/chromium/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/chromium/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png index 523ae9e8ab44..62a6f1646a05 100644 Binary files a/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/firefox/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/mobile-chrome/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-chrome/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png index e97310a05789..5dc8155c864a 100644 Binary files a/__snapshots__/navigation-item/showcase/mobile-chrome/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png and b/__snapshots__/navigation-item/showcase/mobile-chrome/DBNavigationItem-should-match-screenshot-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png b/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png index ce7a5b00b023..17d1876a9902 100644 Binary files a/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png and b/__snapshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/patternhub/navigation-properties-should-match-screenshot.png b/__snapshots__/navigation/patternhub/navigation-properties-should-match-screenshot.png index 32129104fcbf..2d22c5cf0998 100644 Binary files a/__snapshots__/navigation/patternhub/navigation-properties-should-match-screenshot.png and b/__snapshots__/navigation/patternhub/navigation-properties-should-match-screenshot.png differ diff --git a/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png b/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png index a136b4cc51b2..41469b7236fc 100644 Binary files a/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png and b/__snapshots__/notification/patternhub/notification-overview-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/chromium-highContrast/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/chromium-highContrast/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 69d9590b1304..332692e321e3 100644 Binary files a/__snapshots__/notification/showcase/chromium-highContrast/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/chromium-highContrast/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/chromium/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/chromium/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 8f70e5776959..1bc72e563ea3 100644 Binary files a/__snapshots__/notification/showcase/chromium/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/chromium/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 8f38c76d49b3..a33c468257ef 100644 Binary files a/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/firefox/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/mobile-chrome/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/mobile-chrome/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 689a8fe5a85e..15b314f8cbb3 100644 Binary files a/__snapshots__/notification/showcase/mobile-chrome/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/mobile-chrome/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png b/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png index 83738279fda8..2df0ac0aa943 100644 Binary files a/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png and b/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png index 785b4f2b6e24..3e3ea6f9051e 100644 Binary files a/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png and b/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png index 2cc07b4b28f5..cd7ee2cbc837 100644 Binary files a/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png and b/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index fe252e978069..515547b60010 100644 Binary files a/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index d09975b71efb..cb35a6957d0b 100644 Binary files a/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index dcc5dbd5ca8d..3ada6092f4f8 100644 Binary files a/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index 03725ad3103a..aa44227aeccb 100644 Binary files a/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png b/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png index 108ff4294aeb..4d04e3f628a4 100644 Binary files a/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png and b/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png index 7e4a8a030663..4d5c281d837d 100644 Binary files a/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png and b/__snapshots__/section/showcase/chromium-highContrast/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/chromium/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/chromium/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png index efa5f9aa8f62..695944a76353 100644 Binary files a/__snapshots__/section/showcase/chromium/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png and b/__snapshots__/section/showcase/chromium/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/firefox/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/firefox/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png index c51d38f81790..66dadfaec5c3 100644 Binary files a/__snapshots__/section/showcase/firefox/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png and b/__snapshots__/section/showcase/firefox/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/mobile-chrome/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/mobile-chrome/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png index c7036a4baaab..43c13ec34bc6 100644 Binary files a/__snapshots__/section/showcase/mobile-chrome/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png and b/__snapshots__/section/showcase/mobile-chrome/DBSection-should-match-screenshot-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png b/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png index 7c0d5af26322..51218b4c3302 100644 Binary files a/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png and b/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 4b94076673a1..4622f941b87f 100644 Binary files a/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index d3f94b460bbd..2eab09288e44 100644 Binary files a/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 21789e4ca58d..e28e576233b6 100644 Binary files a/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index bc407748c878..382a497bea1d 100644 Binary files a/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png b/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png index 470f47dadfc2..f893db3d347e 100644 Binary files a/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png and b/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index c42d57ddf297..1f77697ea8e2 100644 Binary files a/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index e97e8e0feda7..fa94224d2632 100644 Binary files a/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index 0d6f95d28d49..4b98fa585f7e 100644 Binary files a/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index f8324c6d050a..2b4109276928 100644 Binary files a/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png index 5d5d86e6bd88..4a206d90b6c5 100644 Binary files a/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png and b/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index a2acec67ce18..28a95f3284a1 100644 Binary files a/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 4f39c24d4748..9430cb8414d1 100644 Binary files a/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 24f4b0d9118a..f135f5f22cf6 100644 Binary files a/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 3c61983033ce..4621c8545c67 100644 Binary files a/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png b/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png index d01fdf802324..845e8a1f572e 100644 Binary files a/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png and b/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png b/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png index 204ae15b0b54..7d1db3f13147 100644 Binary files a/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png and b/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 766784f39290..ae0b0b85ff5e 100644 Binary files a/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/chromium-highContrast/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml index 457185b3bf39..14ee8a7543c6 100644 --- a/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -20,19 +20,20 @@ - tablist: - tab "disabled" [disabled] - text: disabled - - link "Content" + - link "Show Icon Leading" - tablist: - - tab "(Default) Text" - - text: (Default) Text + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Text - Icon (Leading)" - - text: Text - Icon (Leading) + - tab "True" + - text: "True" + - link "Show Icon Trailing" - tablist: - - tab "Text - Icon (Trailing)" - - text: Text - Icon (Trailing) + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Icon" - - text: Icon + - tab "True" + - text: "True" - link "Behavior" - tablist: - tab "(Default) Auto Width" diff --git a/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 608bdab0132d..421f74542629 100644 Binary files a/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/chromium/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml index 457185b3bf39..14ee8a7543c6 100644 --- a/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -20,19 +20,20 @@ - tablist: - tab "disabled" [disabled] - text: disabled - - link "Content" + - link "Show Icon Leading" - tablist: - - tab "(Default) Text" - - text: (Default) Text + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Text - Icon (Leading)" - - text: Text - Icon (Leading) + - tab "True" + - text: "True" + - link "Show Icon Trailing" - tablist: - - tab "Text - Icon (Trailing)" - - text: Text - Icon (Trailing) + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Icon" - - text: Icon + - tab "True" + - text: "True" - link "Behavior" - tablist: - tab "(Default) Auto Width" diff --git a/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 372f2c8d0666..2c36d4d7e034 100644 Binary files a/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/firefox/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml index 457185b3bf39..14ee8a7543c6 100644 --- a/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/tab-item/showcase/firefox/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -20,19 +20,20 @@ - tablist: - tab "disabled" [disabled] - text: disabled - - link "Content" + - link "Show Icon Leading" - tablist: - - tab "(Default) Text" - - text: (Default) Text + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Text - Icon (Leading)" - - text: Text - Icon (Leading) + - tab "True" + - text: "True" + - link "Show Icon Trailing" - tablist: - - tab "Text - Icon (Trailing)" - - text: Text - Icon (Trailing) + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Icon" - - text: Icon + - tab "True" + - text: "True" - link "Behavior" - tablist: - tab "(Default) Auto Width" diff --git a/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 449a2eb3bbdd..e208c08c5df8 100644 Binary files a/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/mobile-chrome/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml index 457185b3bf39..14ee8a7543c6 100644 --- a/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -20,19 +20,20 @@ - tablist: - tab "disabled" [disabled] - text: disabled - - link "Content" + - link "Show Icon Leading" - tablist: - - tab "(Default) Text" - - text: (Default) Text + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Text - Icon (Leading)" - - text: Text - Icon (Leading) + - tab "True" + - text: "True" + - link "Show Icon Trailing" - tablist: - - tab "Text - Icon (Trailing)" - - text: Text - Icon (Trailing) + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Icon" - - text: Icon + - tab "True" + - text: "True" - link "Behavior" - tablist: - tab "(Default) Auto Width" diff --git a/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 909ef4328e3e..6a79f178945d 100644 Binary files a/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/mobile-safari/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml index 457185b3bf39..14ee8a7543c6 100644 --- a/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -20,19 +20,20 @@ - tablist: - tab "disabled" [disabled] - text: disabled - - link "Content" + - link "Show Icon Leading" - tablist: - - tab "(Default) Text" - - text: (Default) Text + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Text - Icon (Leading)" - - text: Text - Icon (Leading) + - tab "True" + - text: "True" + - link "Show Icon Trailing" - tablist: - - tab "Text - Icon (Trailing)" - - text: Text - Icon (Trailing) + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Icon" - - text: Icon + - tab "True" + - text: "True" - link "Behavior" - tablist: - tab "(Default) Auto Width" diff --git a/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png index 79875925e1b7..56580c26b3c1 100644 Binary files a/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png and b/__snapshots__/tab-item/showcase/webkit/DBTabItem-should-match-screenshot-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml b/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml index 457185b3bf39..14ee8a7543c6 100644 --- a/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml @@ -20,19 +20,20 @@ - tablist: - tab "disabled" [disabled] - text: disabled - - link "Content" + - link "Show Icon Leading" - tablist: - - tab "(Default) Text" - - text: (Default) Text + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Text - Icon (Leading)" - - text: Text - Icon (Leading) + - tab "True" + - text: "True" + - link "Show Icon Trailing" - tablist: - - tab "Text - Icon (Trailing)" - - text: Text - Icon (Trailing) + - tab "(Default) False" + - text: (Default) False - tablist: - - tab "Icon" - - text: Icon + - tab "True" + - text: "True" - link "Behavior" - tablist: - tab "(Default) Auto Width" diff --git a/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png b/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png index 001aaaff7dce..f03c34ea83c1 100644 Binary files a/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png and b/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png index 2166322b1ec2..cff0ff1a6d50 100644 Binary files a/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png and b/__snapshots__/tabs/showcase/chromium-highContrast/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/chromium/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/chromium/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png index 83a3d8d43d9c..c0bba43a5f71 100644 Binary files a/__snapshots__/tabs/showcase/chromium/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png and b/__snapshots__/tabs/showcase/chromium/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/firefox/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/firefox/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png index f3c8ec24b305..1e7e03ae6d26 100644 Binary files a/__snapshots__/tabs/showcase/firefox/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png and b/__snapshots__/tabs/showcase/firefox/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/mobile-chrome/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/mobile-chrome/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png index 3dc0991e7dfb..26a3d48add31 100644 Binary files a/__snapshots__/tabs/showcase/mobile-chrome/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png and b/__snapshots__/tabs/showcase/mobile-chrome/DBTabs-should-match-screenshot-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png b/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png index ac0758b1a2f4..e244b36b19e7 100644 Binary files a/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png and b/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png differ diff --git a/__snapshots__/tag/patternhub/tag-properties-should-match-screenshot.png b/__snapshots__/tag/patternhub/tag-properties-should-match-screenshot.png index c54bfa3b3438..0a2783fc2696 100644 Binary files a/__snapshots__/tag/patternhub/tag-properties-should-match-screenshot.png and b/__snapshots__/tag/patternhub/tag-properties-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/chromium-highContrast/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/chromium-highContrast/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png index 55a1723536fe..3465cff2321d 100644 Binary files a/__snapshots__/tag/showcase/chromium-highContrast/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png and b/__snapshots__/tag/showcase/chromium-highContrast/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png index aa6642cd3cb1..bcf4032defaf 100644 Binary files a/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png and b/__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png index 3629d919e67c..7304d17cd9b4 100644 Binary files a/__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png and b/__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/mobile-chrome/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/mobile-chrome/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png index b0eb22c58e42..3bb592bd320e 100644 Binary files a/__snapshots__/tag/showcase/mobile-chrome/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png and b/__snapshots__/tag/showcase/mobile-chrome/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png b/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png index 942e1a6e18b3..713a3f9a69ee 100644 Binary files a/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png and b/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index fc5a9b0cddbc..edd9a149f05f 100644 Binary files a/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index da8b6e0383c5..9114b706673a 100644 Binary files a/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index e26e733d2f14..8c743adb6bc8 100644 Binary files a/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 60d1bd805c1a..33e748dd856a 100644 Binary files a/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png b/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png index a3846f1019de..53613ed3ccc2 100644 Binary files a/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png and b/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index e2d5ccdfc7c7..d203bf3961b4 100644 Binary files a/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index 34be92c95330..ca6815ff92e4 100644 Binary files a/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/firefox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/firefox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index 179ed3bfaa21..d15bab9b240f 100644 Binary files a/__snapshots__/tooltip/showcase/firefox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/firefox/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index 47d7dae4efe8..625a29d5473a 100644 Binary files a/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/docs/how-to-develop-a-component.md b/docs/how-to-develop-a-component.md index 7ab7bc844d35..23a42825e575 100644 --- a/docs/how-to-develop-a-component.md +++ b/docs/how-to-develop-a-component.md @@ -33,7 +33,7 @@ In addition to the `SCSS`, you need to modify the HTML code for your component. There are some things you have to know: -1. There are some reserved `data-*` attributes. For example `data-icon="xxx"` or `data-icon-after="xxx"` which will set an icon as `::before` / `::after` contents. +1. There are some reserved `data-*` attributes. For example `data-icon="xxx"` or `data-icon-trailing="xxx"` which will set an icon as `::before` / `::after` contents. 2. Moreover, there are some `data-*` attributes with the same meaning which we try to align across all components. For example `data-width` should be always `auto` or `full-width` to have the same possible options. We've additionally summarized those by providing models / types for these. For a closer look on this ask the Design Team for the glossary. 3. Try to use native HTML tags. For example if you have something like an Accordion use `
`, so you would reduce the amount of custom JS/TS code for the components. diff --git a/docs/migration/v2.x.x-to-v3.0.0.md b/docs/migration/v2.x.x-to-v3.0.0.md new file mode 100644 index 000000000000..6144f019c0f4 --- /dev/null +++ b/docs/migration/v2.x.x-to-v3.0.0.md @@ -0,0 +1,119 @@ +## Migration Beta (1.x.x) ➡ 2.0.0 + +## transparent-hovered/-pressed + +We aligned some variables with design. + +`db-adaptive-bg-basic-transparent-hovered` becomes: + +- `db-adaptive-bg-basic-transparent-full-hovered` +- `db-adaptive-bg-basic-transparent-semi-hovered` + +`db-adaptive-bg-basic-transparent-pressed` becomes: + +- `db-adaptive-bg-basic-transparent-full-pressed` +- `db-adaptive-bg-basic-transparent-semi-pressed` + +## db-button/DBButton type + +### `type` property + +We changed the behaviour of the `type` property in the `db-button`/`DBButton` component. +Those changes will only affect React and Vue users. +If you use `onClick` or `@click` you will get `type=button` as default, otherwise it will be `type=submit`. +You can still set the `type` property manually, to overwrite this. +Angular and Web Components users will not be affected by this change, the default will be `button`, because click event listeners can't be undefined in the frameworks. +Please provide the correct `type` property in your code anyhow as a best practise. + +### `state` property + +We removed the `state` property from the `db-button`/`DBButton` component for now. +It wasn't implemented in any framework causing some confusion, and we will reintroduce it in a future version. + +## db-card/DBCard + +### `behavior='interactive'` change + +We changed the `behavior='interactive'` property not applying `role='button'` and `tabIndex` anymore. +If you want to use an interactive card, you should wrap the card with the correct HTML element, like a `button` or an `a` HTML tag: + +```html + + + + + +``` + +## breakpoints + +We updated some breakpoints to align with design: + +- `$db-screen-size-xs: 360` ➡️ `$db-screen-size-xs: 320` +- `$db-screen-size-sm: 720` ➡️ `$db-screen-size-sm: 768` + +## icon-before/-after + +We renamed the `data-icon-after` and `data-icon-before` properties to `data-icon-trailing` and `data-icon-leading`, +as well the properties in components to `iconTrailing` and/or `iconLeading`. +Furthermore, we added the possibility to set a trailing icon on the `db-button`/`DBButton` component. + +You can still use `db-icon`/`icon` in most elements/components, which results in showing the default icon. +Most of the time this will be the leading icon, but in some cases it might be the trailing icon, depending on the component. + +## Aria properties in components + +### `db-button`/`DBButton` + +- **Removed**: `describedbyid` property, just use `aria-describedby` +- **Removed**: `ariaexpanded` property, just use `aria-expanded` +- **Removed**: `ariapressed` property, just use `aria-pressed` +- **Removed**: `label` property, just use `aria-label` + +### `db-link`/`DBLink` + +- **Removed**: `selected` property, just use `aria-selected` +- **Removed**: `current` property, just use `aria-current` +- **Removed**: `label` property, just use `aria-label` + +### `db-navigation`/`DBNavigation` + +- **Removed**: `labelledBy` property, just use `aria-labelledby` + +### `db-radio`/`DBRadio` + +- **Removed**: `describedbyid` property, just use `aria-describedby` + +### `db-switch`/`DBSwitch` + +- **Removed**: `describedbyid` property, just use `aria-describedby` + +### `db-tab-item`/`DBTabItem` + +- **Removed**: `controls` property, just use `aria-controls` + +### `db-tab-panel`/`DBTabPanel` + +- **Removed**: `labelledBy` property, just use `aria-labelledby` + +### `db-tag`/`DBTag` + +- **Removed**: `disabled` property, use `disabled` on child component like `button` or `a` tag + +## Automate migration via CLI + +We provide a CLI tool to auto migrate your source code. Use this command in your repository: + +```shell +npx @db-ux/core-migration --type=v200_v300 --src=./src +``` + +Please check the changes made in your codebase afterwards, as this is mainly a simple search & replace and there might be unexpected changes of similar wordings to our properties for any other methods, or further code occurrences that don't even refer to properties. diff --git a/package-lock.json b/package-lock.json index fe19cd865c97..8c9c6920e4f0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -35,7 +35,7 @@ "@babel/eslint-parser": "^7.28.0", "@commitlint/cli": "19.8.1", "@commitlint/config-conventional": "19.8.1", - "@db-ux/db-theme": "3.2.1", + "@db-ux/db-theme": "4.0.0", "@double-great/stylelint-a11y": "3.0.4", "@guidepup/guidepup": "0.24.0", "@guidepup/playwright": "^0.14.2", @@ -4230,15 +4230,15 @@ "link": true }, "node_modules/@db-ux/db-theme": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/@db-ux/db-theme/-/db-theme-3.2.1.tgz", - "integrity": "sha512-Xqf4/vwtyKYcf2Dm+I76WifuX+CKdFoKn5cjJhBVni6izqzy1qO2tHQeaW9x0pcWbg3H6u+KMQZW9gNWcyISHw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@db-ux/db-theme/-/db-theme-4.0.0.tgz", + "integrity": "sha512-javMrEXNaijU/vIV4c4Hfy5sXZZFkCNQHYsQHXOxXUyOCvWO5N/IelOmPZ7I/vLwhjSTRexMNTPleelbqyYaaQ==", "dev": true, "license": "SEE LICENSE IN LICENSE", "peerDependencies": { "@db-ux/db-theme-fonts": "^2.0.3", - "@db-ux/db-theme-icons": "^1.5.0", - "@db-ux/db-theme-illustrative-icons": "^1.2.4" + "@db-ux/db-theme-icons": "^2.0.0", + "@db-ux/db-theme-illustrative-icons": "^2.0.0" } }, "node_modules/@db-ux/db-theme-fonts": { @@ -4251,18 +4251,18 @@ "peer": true }, "node_modules/@db-ux/db-theme-icons": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@db-ux/db-theme-icons/-/db-theme-icons-1.5.0.tgz", - "integrity": "sha512-rfK4W2Dc/YdVkK7go9epyl0S1CUbIguy+ZNfKX0O2DDGgPR8DQijHSzjm+Rdu5+d0j5PIR30HS5UfJL5On0tZw==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@db-ux/db-theme-icons/-/db-theme-icons-2.0.0.tgz", + "integrity": "sha512-3rc+89m9U246g5X0ESMl1dWUl+EXQ+JkkXXcPfoGgqGtrhX0Rhl5jS8Or3BgByijTxvAgfcqr1QfqXZOscgsCQ==", "dev": true, "hasInstallScript": true, "license": "SEE LICENSE IN LICENSE", "peer": true }, "node_modules/@db-ux/db-theme-illustrative-icons": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@db-ux/db-theme-illustrative-icons/-/db-theme-illustrative-icons-1.2.4.tgz", - "integrity": "sha512-nBysqQnSFsGTR887YfH1aGdijkbN7if3eTUmlmmocIMX5EMEttWCimQYQpVvFXqJlMardFX+e6OMW3w6NUd7cA==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@db-ux/db-theme-illustrative-icons/-/db-theme-illustrative-icons-2.0.0.tgz", + "integrity": "sha512-RuV7D+i8n5RUuiXlHp/NZ5JnGtg80gXWSa3oXp7R1aGqlPqmj/IbGm8Tk17T7fe4l3a6PLVLs7SdoTdEtMOmDA==", "dev": true, "hasInstallScript": true, "license": "SEE LICENSE IN LICENSE", @@ -43243,7 +43243,7 @@ }, "showcases/next-showcase": { "dependencies": { - "next": "*", + "next": "latest", "react": "18.3.1", "react-dom": "18.3.1" }, diff --git a/package.json b/package.json index af179b188f7a..83e49feea590 100644 --- a/package.json +++ b/package.json @@ -88,7 +88,7 @@ "@babel/eslint-parser": "^7.28.0", "@commitlint/cli": "19.8.1", "@commitlint/config-conventional": "19.8.1", - "@db-ux/db-theme": "3.2.1", + "@db-ux/db-theme": "4.0.0", "@double-great/stylelint-a11y": "3.0.4", "@guidepup/guidepup": "0.24.0", "@guidepup/playwright": "^0.14.2", diff --git a/packages/components/README.md b/packages/components/README.md index 5104cc93386e..deba89505449 100644 --- a/packages/components/README.md +++ b/packages/components/README.md @@ -82,7 +82,7 @@ In the case you want to include only some components, and you could do it like t /* Optional: Add animations / transitions for components */ @import "@db-ux/core-components/build/styles/component-animations.css"; -/* Optional: Add data-icon/data-icon-after to global attributes to enable icons for components */ +/* Optional: Add data-icon/data-icon-trailing to global attributes to enable icons for components */ @import "@db-ux/core-foundations/build/styles/icons/include-rollup.css"; /* Optional: Add components */ diff --git a/packages/components/src/README.md b/packages/components/src/README.md index 9fc6df72356e..42b20cf57552 100644 --- a/packages/components/src/README.md +++ b/packages/components/src/README.md @@ -52,11 +52,11 @@ Main use-case to overwrite a color or change colors by `data-variant`. Example: .db-xxx { @include helpers.hover { - background-color: colors.$db-adaptive-bg-basic-transparent-hovered; + background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered; } @include helpers.active { - background-color: colors.$db-adaptive-bg-basic-transparent-pressed; + background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed; } @each $name in colors.$variant-colors { diff --git a/packages/components/src/components/brand/brand.lite.tsx b/packages/components/src/components/brand/brand.lite.tsx index e05d451a7c09..de0f9e2b64fe 100644 --- a/packages/components/src/components/brand/brand.lite.tsx +++ b/packages/components/src/components/brand/brand.lite.tsx @@ -6,7 +6,7 @@ import { useStore } from '@builder.io/mitosis'; import { DEFAULT_ICON } from '../../shared/constants'; -import { cls, getHideProp } from '../../utils'; +import { cls, getBooleanAsString } from '../../utils'; import { DBBrandProps, DBBrandState } from './model'; useMetadata({}); @@ -23,7 +23,7 @@ export default function DBBrand(props: DBBrandProps) {
diff --git a/packages/components/src/components/button/button.lite.tsx b/packages/components/src/components/button/button.lite.tsx index 4196761439f0..e070d3033f68 100644 --- a/packages/components/src/components/button/button.lite.tsx +++ b/packages/components/src/components/button/button.lite.tsx @@ -2,10 +2,11 @@ import { Show, useDefaultProps, useMetadata, - useRef + useRef, + useStore } from '@builder.io/mitosis'; -import { cls, getBoolean, getBooleanAsString, getHideProp } from '../../utils'; -import type { DBButtonProps } from './model'; +import { cls, getBoolean, getBooleanAsString } from '../../utils'; +import type { DBButtonProps, DBButtonState } from './model'; useMetadata({ angular: { @@ -18,27 +19,37 @@ useDefaultProps({}); export default function DBButton(props: DBButtonProps) { const _ref = useRef(null); + const state = useStore({ + getButtonType: () => { + if (props.type) { + return props.type; + } else if (props.onClick) { + return 'button'; + } + return 'submit'; + } + }); + return ( + } @else { + + {{ exampleName }} + + } diff --git a/showcases/angular-showcase/src/app/components/form/form.component.html b/showcases/angular-showcase/src/app/components/form/form.component.html index f6724aae06dd..d3a840f8ba3d 100644 --- a/showcases/angular-showcase/src/app/components/form/form.component.html +++ b/showcases/angular-showcase/src/app/components/form/form.component.html @@ -266,11 +266,13 @@

Output

Airplane Button - Cancel Button - + Cancel Button + Long Button Label with a lot of text - + Another Button Label with a lot of text {{ exampleName }} diff --git a/showcases/angular-showcase/src/app/components/navigation/navigation.component.html b/showcases/angular-showcase/src/app/components/navigation/navigation.component.html index c78144e30147..84ccb4e99fd7 100644 --- a/showcases/angular-showcase/src/app/components/navigation/navigation.component.html +++ b/showcases/angular-showcase/src/app/components/navigation/navigation.component.html @@ -19,7 +19,7 @@ > {{ exampleName }} - + Navi-Item 1 diff --git a/showcases/angular-showcase/src/app/components/switch/switch.component.html b/showcases/angular-showcase/src/app/components/switch/switch.component.html index d79b318febeb..0e5c417fdf07 100644 --- a/showcases/angular-showcase/src/app/components/switch/switch.component.html +++ b/showcases/angular-showcase/src/app/components/switch/switch.component.html @@ -20,7 +20,7 @@ [size]="exampleProps?.size" [emphasis]="exampleProps?.emphasis" [icon]="exampleProps?.icon" - [iconAfter]="exampleProps?.iconAfter" + [iconTrailing]="exampleProps?.iconTrailing" [validation]="exampleProps?.validation" > {{ exampleName }} diff --git a/showcases/angular-showcase/src/app/components/tab-item/tab-item.component.html b/showcases/angular-showcase/src/app/components/tab-item/tab-item.component.html index 988c66ab50b5..c7048b50402a 100644 --- a/showcases/angular-showcase/src/app/components/tab-item/tab-item.component.html +++ b/showcases/angular-showcase/src/app/components/tab-item/tab-item.component.html @@ -14,7 +14,9 @@ [active]="exampleProps?.active" [noText]="exampleProps?.noText" [icon]="exampleProps?.icon" - [iconAfter]="exampleProps?.iconAfter" + [iconTrailing]="exampleProps?.iconTrailing" + [showIcon]="exampleProps?.showIcon" + [showIconTrailing]="exampleProps?.showIconTrailing" [disabled]="exampleProps?.disabled" > {{ exampleName }} diff --git a/showcases/patternhub/components/default-page.tsx b/showcases/patternhub/components/default-page.tsx index c6917cd69962..8561dd6df82f 100644 --- a/showcases/patternhub/components/default-page.tsx +++ b/showcases/patternhub/components/default-page.tsx @@ -150,7 +150,7 @@ const DefaultPage = ({ checked={mode} visualAid icon="sun" - iconAfter="moon" + iconTrailing="moon" showLabel={false} onChange={() => { setColorMode(!mode); @@ -222,7 +222,7 @@ const DefaultPage = ({ href={nextNavigationItem.path ?? '/'}> Next - + {nextNavigationItem.label} diff --git a/showcases/patternhub/data/routes.tsx b/showcases/patternhub/data/routes.tsx index cf414ab5023e..4b31222b4520 100644 --- a/showcases/patternhub/data/routes.tsx +++ b/showcases/patternhub/data/routes.tsx @@ -291,7 +291,8 @@ export const ROUTES: NavigationItem[] = [ ] } ] - } + }, + { label: 'Playgrounds', path: '/foundations/playgrounds' } ]; const fillNavigationRecursive = ( diff --git a/showcases/patternhub/pages/_app.tsx b/showcases/patternhub/pages/_app.tsx index 1995a1939b5c..0746e8537935 100644 --- a/showcases/patternhub/pages/_app.tsx +++ b/showcases/patternhub/pages/_app.tsx @@ -7,6 +7,7 @@ import LinkHeader from '../components/link-header'; import '../styles/decision-tree.scss'; import '../styles/globals.scss'; import '../styles/highlight.scss'; +import '../styles/playgrounds.scss'; const App = ({ Component, pageProps }: AppProps) => ( + + ## CodeSandbox + + + + ![](/assets/images/react-showcase.svg) + React 18 + React app including `@db-ux/react-core-components` + + + + + + ![](/assets/images/vue-showcase.svg) + Vue 3 + Vue app including `@db-ux/v-core-components` + + + + + + ![](/assets/images/angular-showcase.svg) + Angular 17 + Angular app including `@db-ux/ngx-core-components` + + + + + + ![](/assets/images/react-wind-showcase.svg) + React 18 + tailwind + React + tailwind app including `@db-ux/react-core-components` + + + + + +
+ + ## StackBlitz + + + + ![](/assets/images/react-showcase.svg) + React 18 + React app including `@db-ux/react-core-components` + + + + + + ![](/assets/images/vue-showcase.svg) + Vue 3 + Vue app including `@db-ux/v-core-components` + + + + + + ![](/assets/images/angular-showcase.svg) + Angular 17 + Angular app including `@db-ux/ngx-core-components` + + + + + + ![](/assets/images/react-wind-showcase.svg) + React 18 + tailwind + React + tailwind app including `@db-ux/react-core-components` + + + +
+ +export default ({ children }) => {children}; diff --git a/showcases/patternhub/public/assets/images/angular-showcase.svg b/showcases/patternhub/public/assets/images/angular-showcase.svg new file mode 100644 index 000000000000..34b2edde7128 --- /dev/null +++ b/showcases/patternhub/public/assets/images/angular-showcase.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/showcases/patternhub/public/assets/images/angular-showcase.svg.license b/showcases/patternhub/public/assets/images/angular-showcase.svg.license new file mode 100644 index 000000000000..c3d2bca37d20 --- /dev/null +++ b/showcases/patternhub/public/assets/images/angular-showcase.svg.license @@ -0,0 +1 @@ +Angular logo retrieved from URL: https://angular.io/assets/images/logos/angular/angular.svg diff --git a/showcases/patternhub/public/assets/images/react-showcase.svg b/showcases/patternhub/public/assets/images/react-showcase.svg new file mode 100644 index 000000000000..eb45348951d2 --- /dev/null +++ b/showcases/patternhub/public/assets/images/react-showcase.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/showcases/patternhub/public/assets/images/react-showcase.svg.license b/showcases/patternhub/public/assets/images/react-showcase.svg.license new file mode 100644 index 000000000000..b9acb3300d92 --- /dev/null +++ b/showcases/patternhub/public/assets/images/react-showcase.svg.license @@ -0,0 +1 @@ +React logo retrieved from URL: https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg diff --git a/showcases/patternhub/public/assets/images/react-wind-showcase.svg b/showcases/patternhub/public/assets/images/react-wind-showcase.svg new file mode 100644 index 000000000000..0a1aa47ba144 --- /dev/null +++ b/showcases/patternhub/public/assets/images/react-wind-showcase.svg @@ -0,0 +1,134 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/showcases/patternhub/public/assets/images/react-wind-showcase.svg.license b/showcases/patternhub/public/assets/images/react-wind-showcase.svg.license new file mode 100644 index 000000000000..621425eff96f --- /dev/null +++ b/showcases/patternhub/public/assets/images/react-wind-showcase.svg.license @@ -0,0 +1,2 @@ +React logo retrieved from URL: https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg +Tailwind logo retrieved from URL: https://tailwindcss.com/brand diff --git a/showcases/patternhub/public/assets/images/vue-showcase.svg b/showcases/patternhub/public/assets/images/vue-showcase.svg new file mode 100644 index 000000000000..1d2071afdb1e --- /dev/null +++ b/showcases/patternhub/public/assets/images/vue-showcase.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/showcases/patternhub/public/assets/images/vue-showcase.svg.license b/showcases/patternhub/public/assets/images/vue-showcase.svg.license new file mode 100644 index 000000000000..0b91cd772425 --- /dev/null +++ b/showcases/patternhub/public/assets/images/vue-showcase.svg.license @@ -0,0 +1 @@ +Vue logo retrieved from URL: https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg diff --git a/showcases/patternhub/scripts/get-properties-file.js b/showcases/patternhub/scripts/get-properties-file.js index dfd9ac873896..cd6abee16790 100644 --- a/showcases/patternhub/scripts/get-properties-file.js +++ b/showcases/patternhub/scripts/get-properties-file.js @@ -39,7 +39,9 @@ const getPropertiesFile = ({ name, attributes, events, slots }) => { propertyTable += `| ${description?.replaceAll(/\r\n|\r|\n/g, '
') || 'No description'} `; propertyTable += `| ${isUnion ? 'union' : value.type} `; - propertyTable += ['icon', 'icon-after', 'message-icon'].includes(name) + propertyTable += ['icon', 'icon-trailing', 'message-icon'].includes( + name + ) ? `| [IconTypes](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview) |\n` : `| ${isUnion ? `
${value.type.replaceAll('|', '|')}
` : ''} |\n`; } diff --git a/showcases/patternhub/styles/playgrounds.scss b/showcases/patternhub/styles/playgrounds.scss new file mode 100644 index 000000000000..70c6317778c9 --- /dev/null +++ b/showcases/patternhub/styles/playgrounds.scss @@ -0,0 +1,25 @@ +@use "@db-ux/core-foundations/build/styles/variables"; + +section.playground { + display: grid; + grid-template-columns: repeat(2, 1fr); /* Two columns */ + gap: variables.$db-spacing-fixed-md; /* Optional spacing between items */ + + h2 { + grid-column: span 2; + } + + a { + text-decoration: none; + + strong { + display: block; + } + + img { + width: variables.$db-sizing-md; + float: left; + margin-inline-end: variables.$db-spacing-fixed-sm; + } + } +} diff --git a/showcases/react-showcase/src/components/button/index.tsx b/showcases/react-showcase/src/components/button/index.tsx index 00a2404e3b98..e68410c1b575 100644 --- a/showcases/react-showcase/src/components/button/index.tsx +++ b/showcases/react-showcase/src/components/button/index.tsx @@ -7,7 +7,6 @@ import DefaultComponent from '../default-component'; const getButton = ({ variant, - state, size, noText, icon, @@ -15,17 +14,20 @@ const getButton = ({ disabled, children, type, - showIcon + showIcon, + showIconTrailing, + iconTrailing }: DBButtonProps) => ( { // eslint-disable-next-line no-alert alert(children.toString()); diff --git a/showcases/react-showcase/src/components/card/index.tsx b/showcases/react-showcase/src/components/card/index.tsx index 9738fcd079fb..104a8225eb43 100644 --- a/showcases/react-showcase/src/components/card/index.tsx +++ b/showcases/react-showcase/src/components/card/index.tsx @@ -10,25 +10,31 @@ const getCard = ({ children, spacing, elevationLevel -}: DBCardProps) => ( - - {children} - -); +}: DBCardProps) => { + const card = ( + + {children} + + ); -const CardComponent = (props: BaseComponentProps) => { - return ( - + return behavior === 'interactive' ? ( + + ) : ( + card ); }; +const CardComponent = (properties: BaseComponentProps) => ( + +); + export default CardComponent; diff --git a/showcases/react-showcase/src/components/form/index.tsx b/showcases/react-showcase/src/components/form/index.tsx index a61fd2aa649e..d8da140fa7e0 100644 --- a/showcases/react-showcase/src/components/form/index.tsx +++ b/showcases/react-showcase/src/components/form/index.tsx @@ -336,11 +336,13 @@ const FormComponent = () => { Airplane Button - Cancel Button - + + Cancel Button + + Long Button Label with a lot of text - + Another Button Label with a lot of text ( + showIcon={showIcon} + wrap={wrap}> {children} ); diff --git a/showcases/react-showcase/src/components/navigation/index.tsx b/showcases/react-showcase/src/components/navigation/index.tsx index cb63a0df93fd..cda765c200da 100644 --- a/showcases/react-showcase/src/components/navigation/index.tsx +++ b/showcases/react-showcase/src/components/navigation/index.tsx @@ -20,7 +20,7 @@ const getNavigation = ({ children }: DBNavigationProps) => { icon="none"> {children} - + diff --git a/showcases/react-showcase/src/components/switch/index.tsx b/showcases/react-showcase/src/components/switch/index.tsx index 84842f1e899c..2116b797ecfe 100644 --- a/showcases/react-showcase/src/components/switch/index.tsx +++ b/showcases/react-showcase/src/components/switch/index.tsx @@ -18,7 +18,7 @@ const getSwitch = ({ emphasis, size, icon, - iconAfter, + iconTrailing, required, showRequiredAsterisk }: DBSwitchProps) => ( @@ -32,7 +32,7 @@ const getSwitch = ({ size={size} emphasis={emphasis} icon={icon} - iconAfter={iconAfter} + iconTrailing={iconTrailing} required={required}> {children} diff --git a/showcases/react-showcase/src/components/tab-item/index.tsx b/showcases/react-showcase/src/components/tab-item/index.tsx index 22cde8252fc6..3c396be2631a 100644 --- a/showcases/react-showcase/src/components/tab-item/index.tsx +++ b/showcases/react-showcase/src/components/tab-item/index.tsx @@ -10,7 +10,9 @@ const getTab = ({ active, noText, icon, - iconAfter, + iconTrailing, + showIconTrailing, + showIcon, disabled }: DBTabItemProps) => ( @@ -18,7 +20,9 @@ const getTab = ({ active={active} noText={noText} icon={icon} - iconAfter={iconAfter} + iconTrailing={iconTrailing} + showIcon={showIcon} + showIconTrailing={showIconTrailing} disabled={disabled}> {children} diff --git a/showcases/screen-reader/tests/button.spec.ts b/showcases/screen-reader/tests/button.spec.ts index 4bb8dc10fbfa..766ff1d571c8 100644 --- a/showcases/screen-reader/tests/button.spec.ts +++ b/showcases/screen-reader/tests/button.spec.ts @@ -7,7 +7,7 @@ test.describe('DBButton', () => { test, title: 'next()', description: 'should not have icon in screen reader (next())', - url: './#/02/button?page=show+icon', + url: './#/02/button?page=show+icon+leading', async testFn(voiceOver, nvda) { if (nvda) { await nvda?.next(); @@ -23,7 +23,7 @@ test.describe('DBButton', () => { test, title: 'tab', description: 'should not have icon in screen reader (tab)', - url: './#/02/button?page=show+icon', + url: './#/02/button?page=show+icon+leading', async testFn(voiceOver, nvda) { if (voiceOver) { // Voiceover isn't working with tab in pipeline diff --git a/showcases/shared/button.json b/showcases/shared/button.json index cbb1cae8bfe9..96257f6bdaff 100644 --- a/showcases/shared/button.json +++ b/showcases/shared/button.json @@ -78,7 +78,7 @@ ] }, { - "name": "Show Icon", + "name": "Show Icon Leading", "examples": [ { "name": "(Default) False", @@ -96,6 +96,25 @@ } ] }, + { + "name": "Show Icon Trailing", + "examples": [ + { + "name": "(Default) False", + "props": { + "iconTrailing": "x_placeholder", + "showIconTrailing": false + } + }, + { + "name": "True", + "props": { + "iconTrailing": "x_placeholder", + "showIconTrailing": true + } + } + ] + }, { "name": "No Text", "examples": [ diff --git a/showcases/shared/input.json b/showcases/shared/input.json index 46dc243a3d16..0fd2b5c40564 100644 --- a/showcases/shared/input.json +++ b/showcases/shared/input.json @@ -211,35 +211,68 @@ ] }, { - "name": "Content", + "name": "Show Icon Leading", "examples": [ { - "name": "(Default) Text", + "name": "(Default) False", "props": { - "label": "Label", - "value": "(Default) Text" + "label": "False", + "icon": "x_placeholder", + "showIcon": false } }, { - "name": "Text - Leading Icon", + "name": "True", "props": { - "label": "Label", - "icon": "x_placeholder" + "label": "True", + "icon": "x_placeholder", + "showIcon": true + } + } + ] + }, + { + "name": "Show Icon Leading + Trailing", + "examples": [ + { + "name": "(Default) False", + "props": { + "label": "False", + "icon": "x_placeholder", + "showIcon": false, + "iconTrailing": "x_placeholder", + "showIconTrailing": false } }, { - "name": "Text - Leading Icon - Trailing Icon", + "name": "True", "props": { - "label": "Label", + "label": "True", "icon": "x_placeholder", - "iconAfter": "x_placeholder" + "showIcon": true, + "iconTrailing": "x_placeholder", + "showIconTrailing": true + } + } + ] + }, + { + "name": "Show Icon Trailing", + "examples": [ + { + "name": "(Default) False", + "props": { + "label": "False", + "iconTrailing": "x_placeholder", + "showIconTrailing": false } }, { - "name": "Text - Trailing Icon", + "name": "True", "props": { - "label": "Label", - "iconAfter": "x_placeholder" + "label": "True", + "iconTrailing": "x_placeholder", + "showIconTrailing": true } } ] diff --git a/showcases/shared/link.json b/showcases/shared/link.json index 2468cfefa5c6..c9a757433ff6 100644 --- a/showcases/shared/link.json +++ b/showcases/shared/link.json @@ -116,5 +116,37 @@ } } ] + }, + { + "name": "Wrap", + "examples": [ + { + "name": "(Default) False", + "props": { + "href": "#", + "wrap": false + } + }, + { + "name": "True [Multiline]", + "style": { "width": "2ch" }, + "props": { + "href": "#", + "wrap": true + } + } + ] + }, + { + "name": "Examples", + "examples": [ + { + "name": "Variant Inline", + "props": { + "href": "#", + "variant": "inline" + } + } + ] } ] diff --git a/showcases/shared/switch.json b/showcases/shared/switch.json index a37edb43e985..9c4ad4c16668 100644 --- a/showcases/shared/switch.json +++ b/showcases/shared/switch.json @@ -190,7 +190,7 @@ "props": { "visualAid": true, "icon": "cross_circle", - "iconAfter": "clock" + "iconTrailing": "clock" } }, { @@ -198,7 +198,7 @@ "props": { "visualAid": true, "icon": "cross_circle", - "iconAfter": "clock", + "iconTrailing": "clock", "emphasis": "strong" } } diff --git a/showcases/shared/tab-item.json b/showcases/shared/tab-item.json index 270e2ea96652..3b542c87864a 100644 --- a/showcases/shared/tab-item.json +++ b/showcases/shared/tab-item.json @@ -54,33 +54,47 @@ ] }, { - "name": "Content", + "name": "Show Icon Leading", "examples": [ { - "name": "(Default) Text", + "name": "(Default) False", "props": { - "label": "(Default) Text" + "label": "False", + "icon": "x_placeholder", + "showIcon": false } }, { - "name": "Text - Icon (Leading)", + "name": "True", "props": { - "label": "Text - Icon (Leading)", - "icon": "x_placeholder" + "label": "True", + "icon": "x_placeholder", + "showIcon": true } - }, + } + ] + }, + { + "name": "Show Icon Trailing", + "examples": [ { - "name": "Text - Icon (Trailing)", + "name": "(Default) False", "props": { - "label": "Text - Icon (Trailing)", - "iconAfter": "x_placeholder" + "label": "False", + "icon": "x_placeholder", + "showIcon": false, + "iconTrailing": "x_placeholder", + "showIconTrailing": false } }, { - "name": "Icon", + "name": "True", "props": { + "label": "True", "icon": "x_placeholder", - "noText": true + "showIcon": true, + "iconTrailing": "x_placeholder", + "showIconTrailing": true } } ] diff --git a/showcases/vue-showcase/src/components/button/Button.vue b/showcases/vue-showcase/src/components/button/Button.vue index 86af74253722..de745686d330 100644 --- a/showcases/vue-showcase/src/components/button/Button.vue +++ b/showcases/vue-showcase/src/components/button/Button.vue @@ -18,8 +18,10 @@ const log = (exampleName: string) => { :variant="exampleProps?.variant" :size="exampleProps?.size" :icon="exampleProps?.icon" - :noText="exampleProps?.noText" :showIcon="exampleProps?.showIcon" + :iconTrailing="exampleProps?.iconTrailing" + :showIconTrailing="exampleProps?.showIconTrailing" + :noText="exampleProps?.noText" :disabled="exampleProps?.disabled" :width="exampleProps?.width" @click="log(exampleName)" diff --git a/showcases/vue-showcase/src/components/card/Card.vue b/showcases/vue-showcase/src/components/card/Card.vue index 6284da2a8a9b..092d6deffa5c 100644 --- a/showcases/vue-showcase/src/components/card/Card.vue +++ b/showcases/vue-showcase/src/components/card/Card.vue @@ -9,7 +9,20 @@ import DefaultComponent from "../DefaultComponent.vue";