diff --git a/.github/workflows/02-e2e-showcases.yml b/.github/workflows/02-e2e-showcases.yml index 1858646912a..9344c358a69 100644 --- a/.github/workflows/02-e2e-showcases.yml +++ b/.github/workflows/02-e2e-showcases.yml @@ -21,8 +21,8 @@ jobs: fail-fast: false matrix: framework: [angular, react, vue] - shardIndex: [1, 2] - shardTotal: [2] + shardIndex: [1, 2, 3, 4, 5] + shardTotal: [5] steps: - name: ⏬ Checkout repo uses: actions/checkout@v4 diff --git a/__snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/chromium/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion-item/showcase/chromium/regular/neutral/DBAccordionItem-should-match-screenshot.png rename to __snapshots__/accordion-item/showcase/chromium/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png diff --git a/__snapshots__/accordion-item/showcase/firefox/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/firefox/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion-item/showcase/firefox/regular/neutral/DBAccordionItem-should-match-screenshot.png rename to __snapshots__/accordion-item/showcase/firefox/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png diff --git a/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png new file mode 100644 index 00000000000..b8d20fec177 Binary files /dev/null and b/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png differ diff --git a/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png deleted file mode 100644 index 246691252b4..00000000000 Binary files a/__snapshots__/accordion-item/showcase/mobile-chrome/regular/neutral/DBAccordionItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/accordion-item/showcase/mobile-safari/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion-item/showcase/mobile-safari/regular/neutral/DBAccordionItem-should-match-screenshot.png rename to __snapshots__/accordion-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png diff --git a/__snapshots__/accordion-item/showcase/webkit/regular/neutral/DBAccordionItem-should-match-screenshot.png b/__snapshots__/accordion-item/showcase/webkit/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion-item/showcase/webkit/regular/neutral/DBAccordionItem-should-match-screenshot.png rename to __snapshots__/accordion-item/showcase/webkit/regular/neutral-bg-lvl-1/DBAccordionItem-should-match-screenshot.png diff --git a/__snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/chromium/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion/showcase/chromium/regular/neutral/DBAccordion-should-match-screenshot.png rename to __snapshots__/accordion/showcase/chromium/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png diff --git a/__snapshots__/accordion/showcase/firefox/regular/neutral/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/firefox/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion/showcase/firefox/regular/neutral/DBAccordion-should-match-screenshot.png rename to __snapshots__/accordion/showcase/firefox/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png diff --git a/__snapshots__/accordion/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png new file mode 100644 index 00000000000..c3660fb94b3 Binary files /dev/null and b/__snapshots__/accordion/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png differ diff --git a/__snapshots__/accordion/showcase/mobile-chrome/regular/neutral/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/mobile-chrome/regular/neutral/DBAccordion-should-match-screenshot.png deleted file mode 100644 index 8ac434e7ae1..00000000000 Binary files a/__snapshots__/accordion/showcase/mobile-chrome/regular/neutral/DBAccordion-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/accordion/showcase/mobile-safari/regular/neutral/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion/showcase/mobile-safari/regular/neutral/DBAccordion-should-match-screenshot.png rename to __snapshots__/accordion/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png diff --git a/__snapshots__/accordion/showcase/webkit/regular/neutral/DBAccordion-should-match-screenshot.png b/__snapshots__/accordion/showcase/webkit/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png similarity index 100% rename from __snapshots__/accordion/showcase/webkit/regular/neutral/DBAccordion-should-match-screenshot.png rename to __snapshots__/accordion/showcase/webkit/regular/neutral-bg-lvl-1/DBAccordion-should-match-screenshot.png diff --git a/__snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/chromium/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png similarity index 100% rename from __snapshots__/badge/showcase/chromium/regular/neutral/DBBadge-should-match-screenshot.png rename to __snapshots__/badge/showcase/chromium/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png diff --git a/__snapshots__/badge/showcase/firefox/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/firefox/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png similarity index 100% rename from __snapshots__/badge/showcase/firefox/regular/neutral/DBBadge-should-match-screenshot.png rename to __snapshots__/badge/showcase/firefox/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png diff --git a/__snapshots__/badge/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png new file mode 100644 index 00000000000..0b4e12b4580 Binary files /dev/null and b/__snapshots__/badge/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png deleted file mode 100644 index 9798998e930..00000000000 Binary files a/__snapshots__/badge/showcase/mobile-chrome/regular/neutral/DBBadge-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png similarity index 100% rename from __snapshots__/badge/showcase/mobile-safari/regular/neutral/DBBadge-should-match-screenshot.png rename to __snapshots__/badge/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png diff --git a/__snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/webkit/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png similarity index 100% rename from __snapshots__/badge/showcase/webkit/regular/neutral/DBBadge-should-match-screenshot.png rename to __snapshots__/badge/showcase/webkit/regular/neutral-bg-lvl-1/DBBadge-should-match-screenshot.png diff --git a/__snapshots__/brand/showcase/chromium/regular/neutral/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/chromium/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png similarity index 100% rename from __snapshots__/brand/showcase/chromium/regular/neutral/DBBrand-should-match-screenshot.png rename to __snapshots__/brand/showcase/chromium/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png diff --git a/__snapshots__/brand/showcase/firefox/regular/neutral/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/firefox/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png similarity index 100% rename from __snapshots__/brand/showcase/firefox/regular/neutral/DBBrand-should-match-screenshot.png rename to __snapshots__/brand/showcase/firefox/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png diff --git a/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png new file mode 100644 index 00000000000..c69bdd141e8 Binary files /dev/null and b/__snapshots__/brand/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png differ diff --git a/__snapshots__/brand/showcase/mobile-chrome/regular/neutral/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/mobile-chrome/regular/neutral/DBBrand-should-match-screenshot.png deleted file mode 100644 index 7ce67f1a5e3..00000000000 Binary files a/__snapshots__/brand/showcase/mobile-chrome/regular/neutral/DBBrand-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/brand/showcase/mobile-safari/regular/neutral/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png similarity index 100% rename from __snapshots__/brand/showcase/mobile-safari/regular/neutral/DBBrand-should-match-screenshot.png rename to __snapshots__/brand/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png diff --git a/__snapshots__/brand/showcase/webkit/regular/neutral/DBBrand-should-match-screenshot.png b/__snapshots__/brand/showcase/webkit/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png similarity index 100% rename from __snapshots__/brand/showcase/webkit/regular/neutral/DBBrand-should-match-screenshot.png rename to __snapshots__/brand/showcase/webkit/regular/neutral-bg-lvl-1/DBBrand-should-match-screenshot.png diff --git a/__snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png similarity index 100% rename from __snapshots__/button/showcase/chromium/regular/neutral/DBButton-should-match-screenshot.png rename to __snapshots__/button/showcase/chromium/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png diff --git a/__snapshots__/button/showcase/firefox/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/firefox/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png similarity index 100% rename from __snapshots__/button/showcase/firefox/regular/neutral/DBButton-should-match-screenshot.png rename to __snapshots__/button/showcase/firefox/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png diff --git a/__snapshots__/button/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png new file mode 100644 index 00000000000..56dd907a279 Binary files /dev/null and b/__snapshots__/button/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png deleted file mode 100644 index cc369ce10c9..00000000000 Binary files a/__snapshots__/button/showcase/mobile-chrome/regular/neutral/DBButton-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/button/showcase/mobile-safari/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png similarity index 100% rename from __snapshots__/button/showcase/mobile-safari/regular/neutral/DBButton-should-match-screenshot.png rename to __snapshots__/button/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png diff --git a/__snapshots__/button/showcase/webkit/regular/neutral/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/webkit/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png similarity index 100% rename from __snapshots__/button/showcase/webkit/regular/neutral/DBButton-should-match-screenshot.png rename to __snapshots__/button/showcase/webkit/regular/neutral-bg-lvl-1/DBButton-should-match-screenshot.png diff --git a/__snapshots__/card/showcase/chromium/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/chromium/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png new file mode 100644 index 00000000000..bfe979c55c0 Binary files /dev/null and b/__snapshots__/card/showcase/chromium/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/firefox/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/firefox/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png new file mode 100644 index 00000000000..46b04520491 Binary files /dev/null and b/__snapshots__/card/showcase/firefox/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png new file mode 100644 index 00000000000..bb8ad3476e0 Binary files /dev/null and b/__snapshots__/card/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png new file mode 100644 index 00000000000..3b834ac14f8 Binary files /dev/null and b/__snapshots__/card/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/card/showcase/webkit/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png b/__snapshots__/card/showcase/webkit/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png new file mode 100644 index 00000000000..3c46da8816e Binary files /dev/null and b/__snapshots__/card/showcase/webkit/regular/neutral-bg-lvl-1/DBCard-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/chromium/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/chromium/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png new file mode 100644 index 00000000000..0790d0626a7 Binary files /dev/null and b/__snapshots__/checkbox/showcase/chromium/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/firefox/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/firefox/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png new file mode 100644 index 00000000000..948cb958353 Binary files /dev/null and b/__snapshots__/checkbox/showcase/firefox/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png new file mode 100644 index 00000000000..a8c54e33d3c Binary files /dev/null and b/__snapshots__/checkbox/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png new file mode 100644 index 00000000000..54ad471425f Binary files /dev/null and b/__snapshots__/checkbox/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/webkit/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/webkit/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png new file mode 100644 index 00000000000..2d49aded799 Binary files /dev/null and b/__snapshots__/checkbox/showcase/webkit/regular/neutral-bg-lvl-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/chromium/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/chromium/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png new file mode 100644 index 00000000000..1c388c0a988 Binary files /dev/null and b/__snapshots__/divider/showcase/chromium/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/firefox/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/firefox/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png new file mode 100644 index 00000000000..ee4a5b589a7 Binary files /dev/null and b/__snapshots__/divider/showcase/firefox/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png new file mode 100644 index 00000000000..5caa881b9dc Binary files /dev/null and b/__snapshots__/divider/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png new file mode 100644 index 00000000000..c2b8cdb4513 Binary files /dev/null and b/__snapshots__/divider/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/divider/showcase/webkit/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png b/__snapshots__/divider/showcase/webkit/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png new file mode 100644 index 00000000000..86f2925ed29 Binary files /dev/null and b/__snapshots__/divider/showcase/webkit/regular/neutral-bg-lvl-1/DBDivider-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/chromium/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/chromium/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png new file mode 100644 index 00000000000..12411018554 Binary files /dev/null and b/__snapshots__/drawer/showcase/chromium/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/firefox/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/firefox/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png new file mode 100644 index 00000000000..46f757d4ed2 Binary files /dev/null and b/__snapshots__/drawer/showcase/firefox/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png new file mode 100644 index 00000000000..06a28d7f991 Binary files /dev/null and b/__snapshots__/drawer/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png new file mode 100644 index 00000000000..cfd681df175 Binary files /dev/null and b/__snapshots__/drawer/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/webkit/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/webkit/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png new file mode 100644 index 00000000000..9a77be72225 Binary files /dev/null and b/__snapshots__/drawer/showcase/webkit/regular/neutral-bg-lvl-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png new file mode 100644 index 00000000000..4fe1177c67b Binary files /dev/null and b/__snapshots__/header/showcase/chromium/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png new file mode 100644 index 00000000000..4ddea2b61e2 Binary files /dev/null and b/__snapshots__/header/showcase/firefox/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png new file mode 100644 index 00000000000..2e471293c27 Binary files /dev/null and b/__snapshots__/header/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png new file mode 100644 index 00000000000..a9667090637 Binary files /dev/null and b/__snapshots__/header/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png b/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png new file mode 100644 index 00000000000..5b84faa0822 Binary files /dev/null and b/__snapshots__/header/showcase/webkit/regular/neutral-bg-lvl-1/DBHeader-should-match-screenshot.png differ diff --git a/__snapshots__/icon/showcase/chromium/regular/neutral/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/chromium/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png similarity index 100% rename from __snapshots__/icon/showcase/chromium/regular/neutral/DBIcon-should-match-screenshot.png rename to __snapshots__/icon/showcase/chromium/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png diff --git a/__snapshots__/icon/showcase/firefox/regular/neutral/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/firefox/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png similarity index 100% rename from __snapshots__/icon/showcase/firefox/regular/neutral/DBIcon-should-match-screenshot.png rename to __snapshots__/icon/showcase/firefox/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png diff --git a/__snapshots__/icon/showcase/mobile-chrome/regular/neutral/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png similarity index 100% rename from __snapshots__/icon/showcase/mobile-chrome/regular/neutral/DBIcon-should-match-screenshot.png rename to __snapshots__/icon/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png diff --git a/__snapshots__/icon/showcase/mobile-safari/regular/neutral/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png similarity index 100% rename from __snapshots__/icon/showcase/mobile-safari/regular/neutral/DBIcon-should-match-screenshot.png rename to __snapshots__/icon/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png diff --git a/__snapshots__/icon/showcase/webkit/regular/neutral/DBIcon-should-match-screenshot.png b/__snapshots__/icon/showcase/webkit/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png similarity index 100% rename from __snapshots__/icon/showcase/webkit/regular/neutral/DBIcon-should-match-screenshot.png rename to __snapshots__/icon/showcase/webkit/regular/neutral-bg-lvl-1/DBIcon-should-match-screenshot.png diff --git a/__snapshots__/infotext/showcase/chromium/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/chromium/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png similarity index 100% rename from __snapshots__/infotext/showcase/chromium/regular/neutral/DBInfotext-should-match-screenshot.png rename to __snapshots__/infotext/showcase/chromium/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png diff --git a/__snapshots__/infotext/showcase/firefox/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/firefox/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png similarity index 100% rename from __snapshots__/infotext/showcase/firefox/regular/neutral/DBInfotext-should-match-screenshot.png rename to __snapshots__/infotext/showcase/firefox/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png diff --git a/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png new file mode 100644 index 00000000000..6efb07dbe47 Binary files /dev/null and b/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png deleted file mode 100644 index f86295baf09..00000000000 Binary files a/__snapshots__/infotext/showcase/mobile-chrome/regular/neutral/DBInfotext-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/infotext/showcase/mobile-safari/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png similarity index 100% rename from __snapshots__/infotext/showcase/mobile-safari/regular/neutral/DBInfotext-should-match-screenshot.png rename to __snapshots__/infotext/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png diff --git a/__snapshots__/infotext/showcase/webkit/regular/neutral/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/webkit/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png similarity index 100% rename from __snapshots__/infotext/showcase/webkit/regular/neutral/DBInfotext-should-match-screenshot.png rename to __snapshots__/infotext/showcase/webkit/regular/neutral-bg-lvl-1/DBInfotext-should-match-screenshot.png diff --git a/__snapshots__/input/showcase/chromium/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png new file mode 100644 index 00000000000..b814c67012c Binary files /dev/null and b/__snapshots__/input/showcase/chromium/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium/regular/neutral/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium/regular/neutral/DBInput-should-match-screenshot.png deleted file mode 100644 index 0369383414f..00000000000 Binary files a/__snapshots__/input/showcase/chromium/regular/neutral/DBInput-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/input/showcase/firefox/regular/neutral/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/firefox/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png similarity index 100% rename from __snapshots__/input/showcase/firefox/regular/neutral/DBInput-should-match-screenshot.png rename to __snapshots__/input/showcase/firefox/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png diff --git a/__snapshots__/input/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png new file mode 100644 index 00000000000..9d1371f96f8 Binary files /dev/null and b/__snapshots__/input/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-chrome/regular/neutral/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-chrome/regular/neutral/DBInput-should-match-screenshot.png deleted file mode 100644 index 4d152c8f4dd..00000000000 Binary files a/__snapshots__/input/showcase/mobile-chrome/regular/neutral/DBInput-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/input/showcase/mobile-safari/regular/neutral/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png similarity index 100% rename from __snapshots__/input/showcase/mobile-safari/regular/neutral/DBInput-should-match-screenshot.png rename to __snapshots__/input/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png diff --git a/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/webkit/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png similarity index 100% rename from __snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png rename to __snapshots__/input/showcase/webkit/regular/neutral-bg-lvl-1/DBInput-should-match-screenshot.png diff --git a/__snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/chromium/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png similarity index 100% rename from __snapshots__/link/showcase/chromium/regular/neutral/DBLink-should-match-screenshot.png rename to __snapshots__/link/showcase/chromium/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png diff --git a/__snapshots__/link/showcase/firefox/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/firefox/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png similarity index 100% rename from __snapshots__/link/showcase/firefox/regular/neutral/DBLink-should-match-screenshot.png rename to __snapshots__/link/showcase/firefox/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png diff --git a/__snapshots__/link/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png new file mode 100644 index 00000000000..c7a76c51318 Binary files /dev/null and b/__snapshots__/link/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png deleted file mode 100644 index 110d96019bf..00000000000 Binary files a/__snapshots__/link/showcase/mobile-chrome/regular/neutral/DBLink-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/link/showcase/mobile-safari/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png similarity index 100% rename from __snapshots__/link/showcase/mobile-safari/regular/neutral/DBLink-should-match-screenshot.png rename to __snapshots__/link/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png diff --git a/__snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/webkit/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png similarity index 100% rename from __snapshots__/link/showcase/webkit/regular/neutral/DBLink-should-match-screenshot.png rename to __snapshots__/link/showcase/webkit/regular/neutral-bg-lvl-1/DBLink-should-match-screenshot.png diff --git a/__snapshots__/navigation-item/showcase/chromium/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/chromium/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png new file mode 100644 index 00000000000..344a8d6c4a4 Binary files /dev/null and b/__snapshots__/navigation-item/showcase/chromium/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png deleted file mode 100644 index 475a808bdd8..00000000000 Binary files a/__snapshots__/navigation-item/showcase/chromium/regular/neutral/DBNavigationItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/navigation-item/showcase/firefox/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/firefox/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png new file mode 100644 index 00000000000..0bdb4800917 Binary files /dev/null and b/__snapshots__/navigation-item/showcase/firefox/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png deleted file mode 100644 index 3117133e24d..00000000000 Binary files a/__snapshots__/navigation-item/showcase/firefox/regular/neutral/DBNavigationItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png new file mode 100644 index 00000000000..0ee29987046 Binary files /dev/null and b/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png deleted file mode 100644 index 8436f9abc8f..00000000000 Binary files a/__snapshots__/navigation-item/showcase/mobile-chrome/regular/neutral/DBNavigationItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png new file mode 100644 index 00000000000..0befd4811bb Binary files /dev/null and b/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png deleted file mode 100644 index 508d7316e57..00000000000 Binary files a/__snapshots__/navigation-item/showcase/mobile-safari/regular/neutral/DBNavigationItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/navigation-item/showcase/webkit/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/webkit/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png new file mode 100644 index 00000000000..72e40aa4c7f Binary files /dev/null and b/__snapshots__/navigation-item/showcase/webkit/regular/neutral-bg-lvl-1/DBNavigationItem-should-match-screenshot.png differ diff --git a/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png b/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png deleted file mode 100644 index 69c03e19157..00000000000 Binary files a/__snapshots__/navigation-item/showcase/webkit/regular/neutral/DBNavigationItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/navigation/showcase/chromium/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/chromium/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png new file mode 100644 index 00000000000..aa8aa4eae34 Binary files /dev/null and b/__snapshots__/navigation/showcase/chromium/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/showcase/firefox/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/firefox/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png new file mode 100644 index 00000000000..11f451dc806 Binary files /dev/null and b/__snapshots__/navigation/showcase/firefox/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png new file mode 100644 index 00000000000..53762e29b71 Binary files /dev/null and b/__snapshots__/navigation/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png new file mode 100644 index 00000000000..b6ad5484f80 Binary files /dev/null and b/__snapshots__/navigation/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/navigation/showcase/webkit/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png b/__snapshots__/navigation/showcase/webkit/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png new file mode 100644 index 00000000000..a6af9ae44e6 Binary files /dev/null and b/__snapshots__/navigation/showcase/webkit/regular/neutral-bg-lvl-1/DBNavigation-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/chromium/regular/neutral/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/chromium/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png similarity index 100% rename from __snapshots__/notification/showcase/chromium/regular/neutral/DBNotification-should-match-screenshot.png rename to __snapshots__/notification/showcase/chromium/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png diff --git a/__snapshots__/notification/showcase/firefox/regular/neutral/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/firefox/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png similarity index 100% rename from __snapshots__/notification/showcase/firefox/regular/neutral/DBNotification-should-match-screenshot.png rename to __snapshots__/notification/showcase/firefox/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png diff --git a/__snapshots__/notification/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png new file mode 100644 index 00000000000..3af93511564 Binary files /dev/null and b/__snapshots__/notification/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/mobile-chrome/regular/neutral/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/mobile-chrome/regular/neutral/DBNotification-should-match-screenshot.png deleted file mode 100644 index b80f9023b7d..00000000000 Binary files a/__snapshots__/notification/showcase/mobile-chrome/regular/neutral/DBNotification-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/notification/showcase/mobile-safari/regular/neutral/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png similarity index 100% rename from __snapshots__/notification/showcase/mobile-safari/regular/neutral/DBNotification-should-match-screenshot.png rename to __snapshots__/notification/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png diff --git a/__snapshots__/notification/showcase/webkit/regular/neutral/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/webkit/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png similarity index 100% rename from __snapshots__/notification/showcase/webkit/regular/neutral/DBNotification-should-match-screenshot.png rename to __snapshots__/notification/showcase/webkit/regular/neutral-bg-lvl-1/DBNotification-should-match-screenshot.png diff --git a/__snapshots__/popover/showcase/chromium/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/chromium/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png new file mode 100644 index 00000000000..fb1067c292d Binary files /dev/null and b/__snapshots__/popover/showcase/chromium/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/firefox/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/firefox/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png new file mode 100644 index 00000000000..c76315c33ea Binary files /dev/null and b/__snapshots__/popover/showcase/firefox/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png new file mode 100644 index 00000000000..cee93f06689 Binary files /dev/null and b/__snapshots__/popover/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png new file mode 100644 index 00000000000..5e5f8d10fe6 Binary files /dev/null and b/__snapshots__/popover/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/popover/showcase/webkit/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png b/__snapshots__/popover/showcase/webkit/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png new file mode 100644 index 00000000000..b24acc208d2 Binary files /dev/null and b/__snapshots__/popover/showcase/webkit/regular/neutral-bg-lvl-1/DBPopover-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/chromium/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/chromium/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png new file mode 100644 index 00000000000..7485934d911 Binary files /dev/null and b/__snapshots__/radio/showcase/chromium/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/firefox/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/firefox/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png new file mode 100644 index 00000000000..dea635813d0 Binary files /dev/null and b/__snapshots__/radio/showcase/firefox/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png new file mode 100644 index 00000000000..e5f152d0df8 Binary files /dev/null and b/__snapshots__/radio/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png new file mode 100644 index 00000000000..7c621ffe40a Binary files /dev/null and b/__snapshots__/radio/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/webkit/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/webkit/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png new file mode 100644 index 00000000000..9f7c412e0f2 Binary files /dev/null and b/__snapshots__/radio/showcase/webkit/regular/neutral-bg-lvl-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/chromium/regular/neutral/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/chromium/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png similarity index 100% rename from __snapshots__/section/showcase/chromium/regular/neutral/DBSection-should-match-screenshot.png rename to __snapshots__/section/showcase/chromium/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png diff --git a/__snapshots__/section/showcase/firefox/regular/neutral/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/firefox/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png similarity index 100% rename from __snapshots__/section/showcase/firefox/regular/neutral/DBSection-should-match-screenshot.png rename to __snapshots__/section/showcase/firefox/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png diff --git a/__snapshots__/section/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png new file mode 100644 index 00000000000..d80eb9838bc Binary files /dev/null and b/__snapshots__/section/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png differ diff --git a/__snapshots__/section/showcase/mobile-chrome/regular/neutral/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/mobile-chrome/regular/neutral/DBSection-should-match-screenshot.png deleted file mode 100644 index c9acfad27d1..00000000000 Binary files a/__snapshots__/section/showcase/mobile-chrome/regular/neutral/DBSection-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/section/showcase/mobile-safari/regular/neutral/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png similarity index 100% rename from __snapshots__/section/showcase/mobile-safari/regular/neutral/DBSection-should-match-screenshot.png rename to __snapshots__/section/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png diff --git a/__snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png b/__snapshots__/section/showcase/webkit/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png similarity index 100% rename from __snapshots__/section/showcase/webkit/regular/neutral/DBSection-should-match-screenshot.png rename to __snapshots__/section/showcase/webkit/regular/neutral-bg-lvl-1/DBSection-should-match-screenshot.png diff --git a/__snapshots__/select/showcase/chromium/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png new file mode 100644 index 00000000000..2e9f1eadefd Binary files /dev/null and b/__snapshots__/select/showcase/chromium/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/firefox/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/firefox/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png new file mode 100644 index 00000000000..339ab1933cc Binary files /dev/null and b/__snapshots__/select/showcase/firefox/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png new file mode 100644 index 00000000000..bd7775860bc Binary files /dev/null and b/__snapshots__/select/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png new file mode 100644 index 00000000000..a30a86df820 Binary files /dev/null and b/__snapshots__/select/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/webkit/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/webkit/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png new file mode 100644 index 00000000000..0cbb1843435 Binary files /dev/null and b/__snapshots__/select/showcase/webkit/regular/neutral-bg-lvl-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png new file mode 100644 index 00000000000..958ccf8087d Binary files /dev/null and b/__snapshots__/switch/showcase/chromium/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png new file mode 100644 index 00000000000..f9c1519d1ea Binary files /dev/null and b/__snapshots__/switch/showcase/firefox/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png new file mode 100644 index 00000000000..66251613de7 Binary files /dev/null and b/__snapshots__/switch/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png new file mode 100644 index 00000000000..f37598c0cc2 Binary files /dev/null and b/__snapshots__/switch/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/webkit/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/webkit/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png new file mode 100644 index 00000000000..3b2dce07bc4 Binary files /dev/null and b/__snapshots__/switch/showcase/webkit/regular/neutral-bg-lvl-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/chromium/regular/neutral/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/chromium/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/tab-item/showcase/chromium/regular/neutral/DBTabItem-should-match-screenshot.png rename to __snapshots__/tab-item/showcase/chromium/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png diff --git a/__snapshots__/tab-item/showcase/firefox/regular/neutral/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/firefox/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/tab-item/showcase/firefox/regular/neutral/DBTabItem-should-match-screenshot.png rename to __snapshots__/tab-item/showcase/firefox/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png diff --git a/__snapshots__/tab-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png new file mode 100644 index 00000000000..26119806795 Binary files /dev/null and b/__snapshots__/tab-item/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png differ diff --git a/__snapshots__/tab-item/showcase/mobile-chrome/regular/neutral/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/mobile-chrome/regular/neutral/DBTabItem-should-match-screenshot.png deleted file mode 100644 index 9e2d557ff0b..00000000000 Binary files a/__snapshots__/tab-item/showcase/mobile-chrome/regular/neutral/DBTabItem-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/tab-item/showcase/mobile-safari/regular/neutral/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/tab-item/showcase/mobile-safari/regular/neutral/DBTabItem-should-match-screenshot.png rename to __snapshots__/tab-item/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png diff --git a/__snapshots__/tab-item/showcase/webkit/regular/neutral/DBTabItem-should-match-screenshot.png b/__snapshots__/tab-item/showcase/webkit/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png similarity index 100% rename from __snapshots__/tab-item/showcase/webkit/regular/neutral/DBTabItem-should-match-screenshot.png rename to __snapshots__/tab-item/showcase/webkit/regular/neutral-bg-lvl-1/DBTabItem-should-match-screenshot.png diff --git a/__snapshots__/tabs/showcase/chromium/regular/neutral/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/chromium/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png similarity index 100% rename from __snapshots__/tabs/showcase/chromium/regular/neutral/DBTabs-should-match-screenshot.png rename to __snapshots__/tabs/showcase/chromium/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png diff --git a/__snapshots__/tabs/showcase/firefox/regular/neutral/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/firefox/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png similarity index 100% rename from __snapshots__/tabs/showcase/firefox/regular/neutral/DBTabs-should-match-screenshot.png rename to __snapshots__/tabs/showcase/firefox/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png diff --git a/__snapshots__/tabs/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png new file mode 100644 index 00000000000..e48ed11f6b1 Binary files /dev/null and b/__snapshots__/tabs/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png differ diff --git a/__snapshots__/tabs/showcase/mobile-chrome/regular/neutral/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/mobile-chrome/regular/neutral/DBTabs-should-match-screenshot.png deleted file mode 100644 index 5fa11e4535d..00000000000 Binary files a/__snapshots__/tabs/showcase/mobile-chrome/regular/neutral/DBTabs-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/tabs/showcase/mobile-safari/regular/neutral/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png similarity index 100% rename from __snapshots__/tabs/showcase/mobile-safari/regular/neutral/DBTabs-should-match-screenshot.png rename to __snapshots__/tabs/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png diff --git a/__snapshots__/tabs/showcase/webkit/regular/neutral/DBTabs-should-match-screenshot.png b/__snapshots__/tabs/showcase/webkit/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png similarity index 100% rename from __snapshots__/tabs/showcase/webkit/regular/neutral/DBTabs-should-match-screenshot.png rename to __snapshots__/tabs/showcase/webkit/regular/neutral-bg-lvl-1/DBTabs-should-match-screenshot.png diff --git a/__snapshots__/tag/showcase/chromium/regular/neutral/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/chromium/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png similarity index 100% rename from __snapshots__/tag/showcase/chromium/regular/neutral/DBTag-should-match-screenshot.png rename to __snapshots__/tag/showcase/chromium/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png diff --git a/__snapshots__/tag/showcase/firefox/regular/neutral/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/firefox/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png similarity index 100% rename from __snapshots__/tag/showcase/firefox/regular/neutral/DBTag-should-match-screenshot.png rename to __snapshots__/tag/showcase/firefox/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png diff --git a/__snapshots__/tag/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png new file mode 100644 index 00000000000..9be4aa92c1d Binary files /dev/null and b/__snapshots__/tag/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png differ diff --git a/__snapshots__/tag/showcase/mobile-chrome/regular/neutral/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/mobile-chrome/regular/neutral/DBTag-should-match-screenshot.png deleted file mode 100644 index 1e9698e3ec0..00000000000 Binary files a/__snapshots__/tag/showcase/mobile-chrome/regular/neutral/DBTag-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/tag/showcase/mobile-safari/regular/neutral/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png similarity index 100% rename from __snapshots__/tag/showcase/mobile-safari/regular/neutral/DBTag-should-match-screenshot.png rename to __snapshots__/tag/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png diff --git a/__snapshots__/tag/showcase/webkit/regular/neutral/DBTag-should-match-screenshot.png b/__snapshots__/tag/showcase/webkit/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png similarity index 100% rename from __snapshots__/tag/showcase/webkit/regular/neutral/DBTag-should-match-screenshot.png rename to __snapshots__/tag/showcase/webkit/regular/neutral-bg-lvl-1/DBTag-should-match-screenshot.png diff --git a/__snapshots__/textarea/showcase/chromium/regular/neutral/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/chromium/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png similarity index 100% rename from __snapshots__/textarea/showcase/chromium/regular/neutral/DBTextarea-should-match-screenshot.png rename to __snapshots__/textarea/showcase/chromium/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png diff --git a/__snapshots__/textarea/showcase/firefox/regular/neutral/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/firefox/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png similarity index 100% rename from __snapshots__/textarea/showcase/firefox/regular/neutral/DBTextarea-should-match-screenshot.png rename to __snapshots__/textarea/showcase/firefox/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png diff --git a/__snapshots__/textarea/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png new file mode 100644 index 00000000000..95d8d892b34 Binary files /dev/null and b/__snapshots__/textarea/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/mobile-chrome/regular/neutral/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-chrome/regular/neutral/DBTextarea-should-match-screenshot.png deleted file mode 100644 index 1827ae728a7..00000000000 Binary files a/__snapshots__/textarea/showcase/mobile-chrome/regular/neutral/DBTextarea-should-match-screenshot.png and /dev/null differ diff --git a/__snapshots__/textarea/showcase/mobile-safari/regular/neutral/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png similarity index 100% rename from __snapshots__/textarea/showcase/mobile-safari/regular/neutral/DBTextarea-should-match-screenshot.png rename to __snapshots__/textarea/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png diff --git a/__snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/webkit/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png similarity index 100% rename from __snapshots__/textarea/showcase/webkit/regular/neutral/DBTextarea-should-match-screenshot.png rename to __snapshots__/textarea/showcase/webkit/regular/neutral-bg-lvl-1/DBTextarea-should-match-screenshot.png diff --git a/__snapshots__/tooltip/showcase/chromium/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/chromium/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png new file mode 100644 index 00000000000..c3793983b99 Binary files /dev/null and b/__snapshots__/tooltip/showcase/chromium/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/firefox/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/firefox/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png new file mode 100644 index 00000000000..49e56effd2b Binary files /dev/null and b/__snapshots__/tooltip/showcase/firefox/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png new file mode 100644 index 00000000000..51f796e5e4c Binary files /dev/null and b/__snapshots__/tooltip/showcase/mobile-chrome/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png new file mode 100644 index 00000000000..be80d60b244 Binary files /dev/null and b/__snapshots__/tooltip/showcase/mobile-safari/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/webkit/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/webkit/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png new file mode 100644 index 00000000000..591728848fe Binary files /dev/null and b/__snapshots__/tooltip/showcase/webkit/regular/neutral-bg-lvl-1/DBTooltip-should-match-screenshot.png differ diff --git a/output/react/package.json b/output/react/package.json index f935cfaf503..3b8c42ca9c5 100644 --- a/output/react/package.json +++ b/output/react/package.json @@ -25,7 +25,6 @@ "tsc": "tsc -p . --sourceMap false" }, "devDependencies": { - "@axe-core/playwright": "^4.8.5", "@playwright/experimental-ct-react": "1.44.0", "@types/react": "^18.3.2", "react": "^18.3.1", diff --git a/output/vue/package.json b/output/vue/package.json index e39570a077f..5bbecdac907 100644 --- a/output/vue/package.json +++ b/output/vue/package.json @@ -41,7 +41,6 @@ "vue": "^3.4.27" }, "devDependencies": { - "@axe-core/playwright": "^4.8.5", "@playwright/experimental-ct-vue": "1.44.0", "@vitejs/plugin-vue": "^5.0.4", "sass": "^1.77.1", diff --git a/package-lock.json b/package-lock.json index 7581b3edc8b..4988556cd05 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,7 @@ "e2e" ], "devDependencies": { + "@axe-core/playwright": "^4.9.0", "@commitlint/cli": "19.3.0", "@commitlint/config-conventional": "19.2.2", "@playwright/test": "1.44.0", @@ -32055,7 +32056,6 @@ "version": "0.0.0", "license": "Apache-2.0", "devDependencies": { - "@axe-core/playwright": "^4.8.5", "@playwright/experimental-ct-react": "1.44.0", "@types/react": "^18.3.2", "react": "^18.3.1", @@ -32071,7 +32071,6 @@ "vue": "^3.4.27" }, "devDependencies": { - "@axe-core/playwright": "^4.8.5", "@playwright/experimental-ct-vue": "1.44.0", "@vitejs/plugin-vue": "^5.0.4", "sass": "^1.77.1", diff --git a/package.json b/package.json index c457714b7cb..9d897e484ae 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,7 @@ "update:icon-fonts": "npm run update:icon-fonts --workspace=scripts" }, "devDependencies": { + "@axe-core/playwright": "^4.9.0", "@commitlint/cli": "19.3.0", "@commitlint/config-conventional": "19.2.2", "@playwright/test": "1.44.0", diff --git a/packages/components/_templates/mitosis/new/showcases/e2e-test.ejs.t b/packages/components/_templates/mitosis/new/showcases/e2e-test.ejs.t index 2af11cbe771..ab99dde7a5c 100644 --- a/packages/components/_templates/mitosis/new/showcases/e2e-test.ejs.t +++ b/packages/components/_templates/mitosis/new/showcases/e2e-test.ejs.t @@ -6,6 +6,6 @@ import { test } from '@playwright/test'; import { getDefaultScreenshotTest } from '../default.ts'; test.describe('DB<%= h.changeCase.pascal(name) %>', () => { - getDefaultScreenshotTest('<%= name %>'); + getDefaultScreenshotTest({ path: '<%= name %>' }); }); diff --git a/packages/components/scripts/post-build/angular.js b/packages/components/scripts/post-build/angular.js index 58fd1d6a614..46a27aa68b6 100644 --- a/packages/components/scripts/post-build/angular.js +++ b/packages/components/scripts/post-build/angular.js @@ -175,6 +175,26 @@ export class ${directive.name}Directive {} }); }; +const getAttributePassing = (componentName) => ` +ngAfterViewInit(): void { +\t\tconst element: HTMLElement | null = this.ref?.nativeElement; +\t\tconst parent = element?.closest('db-${componentName}') ?? element?.closest('db${componentName.replaceAll('-', '')}'); +\t\tif (element && parent) { +\t\t\tconst attributes = parent.attributes; +\t\t\tfor (let i = 0; i < attributes.length; i++) { +\t\t\t\tconst attr = attributes.item(i); +\t\t\t\tif ( +\t\t\t\t\tattr && +\t\t\t\t\t(attr.name.startsWith('data-') || +\t\t\t\t\t\tattr.name.startsWith('aria-')) +\t\t\t\t) { +\t\t\t\t\telement.setAttribute(attr.name, attr.value); +\t\t\t\t\tparent.removeAttribute(attr.name); +\t\t\t\t} +\t\t\t} +\t\t} +\t}`; + module.exports = (tmp) => { const outputFolder = `${tmp ? 'output/tmp' : 'output'}`; // Activate vue specific event handling @@ -212,6 +232,12 @@ module.exports = (tmp) => { { from: 'mouseMove', to: 'mousemove' + }, + { + from: '@ViewChild("ref") ref!: ElementRef | undefined;', + to: + '@ViewChild("ref") ref!: ElementRef | undefined;' + + getAttributePassing(component.name) } ]; diff --git a/packages/components/scripts/post-build/components.js b/packages/components/scripts/post-build/components.js index 385ee0eed31..59e20cb1eda 100644 --- a/packages/components/scripts/post-build/components.js +++ b/packages/components/scripts/post-build/components.js @@ -38,24 +38,16 @@ const getComponents = () => [ }, { - name: 'tab-panel', - config: { - angular: { - initValues: [ - { key: 'name', value: '' }, - { key: 'index', value: 0 } - ] - } - } + name: 'tab-panel' }, { name: 'tab-item', config: { + vue: { + vModel: [{ modelValue: 'checked', binding: ':checked' }] + }, angular: { - initValues: [ - { key: 'name', value: '' }, - { key: 'index', value: 0 } - ] + controlValueAccessor: 'checked' } } }, diff --git a/packages/components/src/components/navigation/model.ts b/packages/components/src/components/navigation/model.ts index ffd0f69e453..0ae6bae29fc 100644 --- a/packages/components/src/components/navigation/model.ts +++ b/packages/components/src/components/navigation/model.ts @@ -1,8 +1,14 @@ -import { GlobalProps, GlobalState } from '../../shared/model'; +import { + AriaLabelledByProps, + GlobalProps, + GlobalState +} from '../../shared/model'; export interface DBNavigationDefaultProps {} -export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps; +export type DBNavigationProps = DBNavigationDefaultProps & + GlobalProps & + AriaLabelledByProps; export interface DBNavigationDefaultState {} diff --git a/packages/components/src/components/navigation/navigation.lite.tsx b/packages/components/src/components/navigation/navigation.lite.tsx index a3ba9ef7b6c..69c69cddb3c 100644 --- a/packages/components/src/components/navigation/navigation.lite.tsx +++ b/packages/components/src/components/navigation/navigation.lite.tsx @@ -24,6 +24,7 @@ export default function DBNavigation(props: DBNavigationProps) { diff --git a/packages/components/src/components/notification/model.ts b/packages/components/src/components/notification/model.ts index d59e19672e7..a6ff52789b3 100644 --- a/packages/components/src/components/notification/model.ts +++ b/packages/components/src/components/notification/model.ts @@ -44,7 +44,7 @@ export interface DBNotificationDefaultProps { /** * The headline attribute changes the text of the bold headline. */ - headline?: string; + headline?: string | any; /** * The linkVariant will be used if slotLink is set. diff --git a/packages/components/src/components/notification/notification-grid-default.scss b/packages/components/src/components/notification/notification-grid-default.scss index cc84779fe32..36339a09df5 100644 --- a/packages/components/src/components/notification/notification-grid-default.scss +++ b/packages/components/src/components/notification/notification-grid-default.scss @@ -9,7 +9,7 @@ } // 2. headline - &:has(h6) { + &:has(header) { grid-template-columns: 1fr; grid-template-areas: "head" @@ -35,7 +35,7 @@ grid-template-areas: "icon content close"; } - &:has(h6) { + &:has(header) { grid-template-columns: min-content 1fr; grid-template-areas: "icon head" diff --git a/packages/components/src/components/notification/notification-grid-non-overlay.scss b/packages/components/src/components/notification/notification-grid-non-overlay.scss index a2e9a9edf0b..edfec8d63e1 100644 --- a/packages/components/src/components/notification/notification-grid-non-overlay.scss +++ b/packages/components/src/components/notification/notification-grid-non-overlay.scss @@ -20,7 +20,7 @@ } // 2. headline - &:has(h6) { + &:has(header) { grid-template-columns: 1fr; grid-template-areas: "head" @@ -45,7 +45,7 @@ "icon link"; grid-template-columns: min-content 1fr; - &:has(h6) { + &:has(header) { grid-template-columns: min-content 1fr; grid-template-areas: "icon head" @@ -74,7 +74,7 @@ } // 2. headline - &:has(h6) { + &:has(header) { grid-template-columns: 1fr min-content; grid-template-areas: "head link" @@ -100,7 +100,7 @@ grid-template-areas: "icon content link close"; } - &:has(h6) { + &:has(header) { grid-template-columns: min-content 1fr min-content; grid-template-areas: "icon head link" diff --git a/packages/components/src/components/notification/notification-grid-overlay.scss b/packages/components/src/components/notification/notification-grid-overlay.scss index aaaf4bef5f9..a633f735866 100644 --- a/packages/components/src/components/notification/notification-grid-overlay.scss +++ b/packages/components/src/components/notification/notification-grid-overlay.scss @@ -15,7 +15,7 @@ } // 2. headline - &:has(h6) { + &:has(header) { grid-template-columns: 1fr min-content; grid-template-areas: "head timestamp" @@ -41,7 +41,7 @@ grid-template-areas: "icon content timestamp close"; } - &:has(h6) { + &:has(header) { grid-template-columns: min-content 1fr min-content; grid-template-areas: "icon head timestamp" diff --git a/packages/components/src/components/notification/notification.lite.tsx b/packages/components/src/components/notification/notification.lite.tsx index 297b1e97b73..a49cd059fe2 100644 --- a/packages/components/src/components/notification/notification.lite.tsx +++ b/packages/components/src/components/notification/notification.lite.tsx @@ -22,7 +22,7 @@ export default function DBNotification(props: DBNotificationProps) { // jscpd:ignore-end return ( -
-
{props.headline}
+
{props.headline}

{props.children}

@@ -55,6 +55,6 @@ export default function DBNotification(props: DBNotificationProps) { {props.closeButtonText ?? DEFAULT_CLOSE_BUTTON} -
+ ); } diff --git a/packages/components/src/components/notification/notification.scss b/packages/components/src/components/notification/notification.scss index 00bdb643033..19aafdb3948 100644 --- a/packages/components/src/components/notification/notification.scss +++ b/packages/components/src/components/notification/notification.scss @@ -13,7 +13,7 @@ %ugly-line-height-workarounds { // resets line-height to smaller height based on timestamp &:has(span) { - h6, + header, p, &::before, .db-button { @@ -59,10 +59,28 @@ } // headline - h6 { - font-family: var(--db-font-family-sans); + header { grid-area: head; - margin: 0; + font-weight: 700; + + &, + h1, + h2, + h3, + h4, + h5, + h6 { + font-family: var(--db-font-family-sans); + margin: 0; + line-height: var(--db-type-headline-line-height-2xs); + font-size: var(--db-type-headline-font-size-2xs); + + &::before, + &::after { + --db-icon-font-size: var(--db-base-headline-icon-font-size-2xs); + --db-icon-font-weight: var(--db-base-headline-icon-weight-2xs); + } + } } // content diff --git a/packages/components/src/components/page/page.scss b/packages/components/src/components/page/page.scss index 984132203f0..db5ac752522 100644 --- a/packages/components/src/components/page/page.scss +++ b/packages/components/src/components/page/page.scss @@ -22,7 +22,6 @@ } &[data-variant="fixed"] { - @include header-footer-style(); block-size: 100%; min-block-size: 100%; diff --git a/packages/components/src/components/popover/popover.scss b/packages/components/src/components/popover/popover.scss index 63873879637..c38b94ecb9f 100644 --- a/packages/components/src/components/popover/popover.scss +++ b/packages/components/src/components/popover/popover.scss @@ -4,6 +4,7 @@ .db-popover { position: relative; + &[data-e2e-hover="true"], &:hover, &:focus-within { & > article { diff --git a/packages/components/src/components/tab-item/model.ts b/packages/components/src/components/tab-item/model.ts index a42678db4ca..fceaf3a9f9d 100644 --- a/packages/components/src/components/tab-item/model.ts +++ b/packages/components/src/components/tab-item/model.ts @@ -1,5 +1,8 @@ import { ActiveProps, + AriaControlsProps, + ChangeEventProps, + ChangeEventState, GlobalProps, GlobalState, IconAfterProps, @@ -8,29 +11,38 @@ import { } from '../../shared/model'; export type DBTabItemDefaultProps = { + /** + * To control the component + */ + checked?: boolean; + + /** + * The disabled attribute can be set to keep a user from clicking on the tab-item. + */ + disabled?: boolean; /** * The label of the tab-item, if you don't want to use children. */ label?: string; - /** * Define the text next to the icon specified via the icon Property to get hidden. */ noText?: boolean; - /** - * The disabled attribute can be set to keep a user from clicking on the tab-item. - */ - disabled?: boolean; }; export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & - ActiveProps; + ActiveProps & + AriaControlsProps & + ChangeEventProps; -export type DBTabItemDefaultState = {}; +export type DBTabItemDefaultState = { + _selected: boolean; +}; export type DBTabItemState = DBTabItemDefaultState & GlobalState & + ChangeEventState & InitializedState; diff --git a/packages/components/src/components/tab-item/tab-item.lite.tsx b/packages/components/src/components/tab-item/tab-item.lite.tsx index 461523cf621..c9ea481fb96 100644 --- a/packages/components/src/components/tab-item/tab-item.lite.tsx +++ b/packages/components/src/components/tab-item/tab-item.lite.tsx @@ -8,7 +8,8 @@ import { } from '@builder.io/mitosis'; import type { DBTabItemProps, DBTabItemState } from './model'; import { cls } from '../../utils'; -import { DEFAULT_ID } from '../../shared/constants'; +import { ChangeEvent } from '../../shared/model'; +import { handleFrameworkEvent } from '../../utils/form-components'; useMetadata({ isAttachedToShadowDom: true @@ -18,8 +19,22 @@ export default function DBTabItem(props: DBTabItemProps) { const ref = useRef(null); // jscpd:ignore-start const state = useStore({ - _id: DEFAULT_ID, - initialized: false + initialized: false, + _selected: false, + handleChange: (event: ChangeEvent) => { + if (props.onChange) { + props.onChange(event); + } + + if (props.change) { + props.change(event); + } + + // We have different ts types in different frameworks, so we need to use any here + state._selected = (event.target as any)?.['checked']; + + handleFrameworkEvent(this, event, 'checked'); + } }); onMount(() => { @@ -35,18 +50,24 @@ export default function DBTabItem(props: DBTabItemProps) { }, [ref, state.initialized]); return ( -
  • +