diff --git a/.github/workflows/02-e2e-showcases.yml b/.github/workflows/02-e2e-showcases.yml index 42c90778617..980245aaa13 100644 --- a/.github/workflows/02-e2e-showcases.yml +++ b/.github/workflows/02-e2e-showcases.yml @@ -96,6 +96,6 @@ jobs: if: failure() uses: actions/upload-artifact@v4 with: - name: ${{ matrix.framework }}-showcase-achecker-results-${{ matrix.shardIndex }} - path: ./showcases/${{ matrix.framework }}-showcase/results + name: ${{ inputs.showcase }}-showcase-achecker-results-${{ matrix.shardIndex }} + path: ./showcases/${{ inputs.showcase }}-showcase/results retention-days: 30 diff --git a/README.md b/README.md index 4f3bba0f7f9..f6c9c20a15f 100644 --- a/README.md +++ b/README.md @@ -100,6 +100,8 @@ Check our migration docs for breaking changes: 1. [Alpha ➡ Beta](https://github.com/db-ui/mono/tree/main/docs/migration/alpha-beta.md) (0.0.x➡0.x.x) 2. [v0.2 ➡ v0.3](https://github.com/db-ui/mono/tree/main/docs/migration/v0.2.x-to-v0.3.x.md) 3. [v0.3 ➡ v0.4](https://github.com/db-ui/mono/tree/main/docs/migration/v0.3.x-to-v0.4.x.md) +4. v0.4 ➡ v0.5: no migration needed, no breaking changes +5. [v0.5 ➡ v0.6](https://github.com/db-ui/mono/tree/main/docs/migration/v0.5.x-to-v0.6.x.md) ## How to start develop / contribute diff --git a/__snapshots__/accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png b/__snapshots__/accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png index 37f01459aa7..69564846931 100644 Binary files a/__snapshots__/accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png and b/__snapshots__/accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png differ diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml index 18ff0d9f86c..8247277d6e8 100644 --- a/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,3 +1,2 @@ - article: - - paragraph: Test - - button "cross\" / \" Close Button" \ No newline at end of file + - paragraph: Test \ No newline at end of file diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-critical.png b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-critical.png index f1787064372..9895e0766d7 100644 Binary files a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-critical.png and b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-critical.png differ diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-informational.png b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-informational.png index cddf1652de4..ba89c0cb577 100644 Binary files a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-informational.png and b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-informational.png differ diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-successful.png b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-successful.png index 7e767cce3ca..0759bcd78fb 100644 Binary files a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-successful.png and b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-successful.png differ diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-warning.png b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-warning.png index f5e2490a0f8..e47c160faf8 100644 Binary files a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-warning.png and b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot-for-semantic-warning.png differ diff --git a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot.png b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot.png index 757f3efde9a..6a5ebbeb449 100644 Binary files a/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/component/chromium/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml index f3ddd957eb9..8247277d6e8 100644 --- a/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,3 +1,2 @@ - article: - - paragraph: Test - - button "Close Button" \ No newline at end of file + - paragraph: Test \ No newline at end of file diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-critical.png b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-critical.png index 7c6274971ba..2f3f2e43d59 100644 Binary files a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-critical.png and b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-critical.png differ diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-informational.png b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-informational.png index 9536a7c22ed..b9a72dc0eb6 100644 Binary files a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-informational.png and b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-informational.png differ diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-successful.png b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-successful.png index 2a511333dcc..ff7fd506c8a 100644 Binary files a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-successful.png and b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-successful.png differ diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-warning.png b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-warning.png index f31e3fdb4cd..b5b8a0037bc 100644 Binary files a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-warning.png and b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot-for-semantic-warning.png differ diff --git a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot.png b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot.png index 8e4e2c6ce86..c70135080e4 100644 Binary files a/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/component/firefox/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml index 18ff0d9f86c..8247277d6e8 100644 --- a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml @@ -1,3 +1,2 @@ - article: - - paragraph: Test - - button "cross\" / \" Close Button" \ No newline at end of file + - paragraph: Test \ No newline at end of file diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png index f1787064372..9895e0766d7 100644 Binary files a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png and b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png differ diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png index cddf1652de4..ba89c0cb577 100644 Binary files a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png and b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png differ diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png index 7e767cce3ca..0759bcd78fb 100644 Binary files a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png and b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png differ diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png index f5e2490a0f8..e47c160faf8 100644 Binary files a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png and b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png differ diff --git a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot.png b/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot.png index 757f3efde9a..6a5ebbeb449 100644 Binary files a/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/component/mobile-chrome/DBNotification-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 90c4f2ac3b9..e94bcb45980 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-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index ef142348cac..ed3ffa26f20 100644 --- a/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -80,12 +80,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text @@ -108,12 +106,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text @@ -133,26 +129,21 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - paragraph: Text & Timed - text: 10 min ago - article: - paragraph: Text & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: Headline - paragraph: Text & Headline & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Timed & Cloaseable - - text: 10 min ago - - button "cross\" / \" Close Button" \ No newline at end of file + - text: 10 min ago \ No newline at end of file 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 f4ac19ded7f..ea938c8c854 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/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index ef142348cac..ed3ffa26f20 100644 --- a/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/chromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -80,12 +80,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text @@ -108,12 +106,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text @@ -133,26 +129,21 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - paragraph: Text & Timed - text: 10 min ago - article: - paragraph: Text & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: Headline - paragraph: Text & Headline & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Timed & Cloaseable - - text: 10 min ago - - button "cross\" / \" Close Button" \ No newline at end of file + - text: 10 min ago \ No newline at end of file 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 2f35911f4e5..15f52610e47 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/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index f3f5204f6c9..9ebd85a9983 100644 --- a/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -79,12 +79,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "Close Button" - article: - text: Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "Close Button" - link "Content - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text @@ -106,12 +104,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "Close Button" - article: - text: Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "Close Button" - link "Content - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text @@ -130,26 +126,21 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "Close Button" - article: - text: Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "Close Button" - article: - paragraph: Text & Timed - text: 10 min ago - article: - paragraph: Text & Timed & Cloaseable - text: 10 min ago - - button "Close Button" - article: - text: Headline - paragraph: Text & Headline & Timed & Cloaseable - text: 10 min ago - - button "Close Button" - article: - text: Headline - paragraph: Text & Icon & Headline & Timed & Cloaseable - - text: 10 min ago - - button "Close Button" \ No newline at end of file + - text: 10 min ago \ No newline at end of file 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 1e53e62dcde..44aa5d26949 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__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index ef142348cac..ed3ffa26f20 100644 --- a/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -80,12 +80,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text @@ -108,12 +106,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text @@ -133,26 +129,21 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - paragraph: Text & Timed - text: 10 min ago - article: - paragraph: Text & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: Headline - paragraph: Text & Headline & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Timed & Cloaseable - - text: 10 min ago - - button "cross\" / \" Close Button" \ No newline at end of file + - text: 10 min ago \ No newline at end of file diff --git a/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 3827ee894d7..f50a321bfbf 100644 Binary files a/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/mobile-safari/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index ef142348cac..ed3ffa26f20 100644 --- a/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/mobile-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -80,12 +80,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text @@ -108,12 +106,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text @@ -133,26 +129,21 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - paragraph: Text & Timed - text: 10 min ago - article: - paragraph: Text & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: Headline - paragraph: Text & Headline & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Timed & Cloaseable - - text: 10 min ago - - button "cross\" / \" Close Button" \ No newline at end of file + - text: 10 min ago \ No newline at end of file diff --git a/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png index 371610cb271..d91850a8ba3 100644 Binary files a/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png and b/__snapshots__/notification/showcase/webkit/DBNotification-should-match-screenshot-1/DBNotification-should-match-screenshot.png differ diff --git a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml index ef142348cac..ed3ffa26f20 100644 --- a/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/notification/showcase/webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml @@ -80,12 +80,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text @@ -108,12 +106,10 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - link "Content - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text @@ -133,26 +129,21 @@ - text: Headline - paragraph: Text & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - button "cross\" / \" Close Button" - article: - paragraph: Text & Timed - text: 10 min ago - article: - paragraph: Text & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: Headline - paragraph: Text & Headline & Timed & Cloaseable - text: 10 min ago - - button "cross\" / \" Close Button" - article: - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Timed & Cloaseable - - text: 10 min ago - - button "cross\" / \" Close Button" \ No newline at end of file + - text: 10 min ago \ No newline at end of file diff --git a/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png index 5c18c906b2d..a70a592795e 100644 Binary files a/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png and b/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png differ diff --git a/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png index 4020a48baf5..f778bac4602 100644 Binary files a/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png and b/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml deleted file mode 100644 index b08069ac182..00000000000 --- a/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml +++ /dev/null @@ -1,49 +0,0 @@ -- main: - - heading "DBSwitch" [level=1] - - link "Density arrow_up_right\" / \"" - - switch "functional": on O - - text: functional - - switch "regular (Default)": on O - - text: regular (Default) - - switch "expressive": on O - - text: expressive - - link "States arrow_up_right\" / \"" - - switch "(Def) Enabled": on O - - text: (Def) Enabled - - switch "Checked" [checked]: on O - - text: Checked - - switch "Disabled" [disabled]: on O - - text: Disabled - - link "Emphasis arrow_up_right\" / \"" - - switch "(Def) Weak + unchecked": on O - - text: (Def) Weak + unchecked - - switch "Strong + unchecked": on O cross" / " - - text: Strong + unchecked - - switch "(Def) Weak + checked" [checked]: on O - - text: (Def) Weak + checked - - switch "Strong + checked" [checked]: on O check" / " - - text: Strong + checked - - link "Visual Aid arrow_up_right\" / \"" - - switch "(Def) No Visual Aid + unchecked": on O - - text: (Def) No Visual Aid + unchecked - - switch "Visual Aid + unchecked": on O cross" / " - - text: Visual Aid + unchecked - - switch "(Def) No Visual Aid + checked" [checked]: on O - - text: (Def) No Visual Aid + checked - - switch "Visual Aid + checked" [checked]: on O check" / " - - text: Visual Aid + checked - - link "Size arrow_up_right\" / \"" - - switch "(Def) Medium": on O - - text: (Def) Medium - - switch "Small": on O - - text: Small - - link "Content arrow_up_right\" / \"" - - switch "(Def) Label": on O - - text: (Def) Label - - switch "No Label": on O - - text: No Label No Label - - link "Examples arrow_up_right\" / \"" - - switch "Custom Icons": on O night" / " - - text: Custom Icons - - switch "Custom Icons+ Emphasis": on O lock_closed" / " - - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml deleted file mode 100644 index b08069ac182..00000000000 --- a/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml +++ /dev/null @@ -1,49 +0,0 @@ -- main: - - heading "DBSwitch" [level=1] - - link "Density arrow_up_right\" / \"" - - switch "functional": on O - - text: functional - - switch "regular (Default)": on O - - text: regular (Default) - - switch "expressive": on O - - text: expressive - - link "States arrow_up_right\" / \"" - - switch "(Def) Enabled": on O - - text: (Def) Enabled - - switch "Checked" [checked]: on O - - text: Checked - - switch "Disabled" [disabled]: on O - - text: Disabled - - link "Emphasis arrow_up_right\" / \"" - - switch "(Def) Weak + unchecked": on O - - text: (Def) Weak + unchecked - - switch "Strong + unchecked": on O cross" / " - - text: Strong + unchecked - - switch "(Def) Weak + checked" [checked]: on O - - text: (Def) Weak + checked - - switch "Strong + checked" [checked]: on O check" / " - - text: Strong + checked - - link "Visual Aid arrow_up_right\" / \"" - - switch "(Def) No Visual Aid + unchecked": on O - - text: (Def) No Visual Aid + unchecked - - switch "Visual Aid + unchecked": on O cross" / " - - text: Visual Aid + unchecked - - switch "(Def) No Visual Aid + checked" [checked]: on O - - text: (Def) No Visual Aid + checked - - switch "Visual Aid + checked" [checked]: on O check" / " - - text: Visual Aid + checked - - link "Size arrow_up_right\" / \"" - - switch "(Def) Medium": on O - - text: (Def) Medium - - switch "Small": on O - - text: Small - - link "Content arrow_up_right\" / \"" - - switch "(Def) Label": on O - - text: (Def) Label - - switch "No Label": on O - - text: No Label No Label - - link "Examples arrow_up_right\" / \"" - - switch "Custom Icons": on O night" / " - - text: Custom Icons - - switch "Custom Icons+ Emphasis": on O lock_closed" / " - - text: Custom Icons+ Emphasis \ No newline at end of file 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 d3c7e240a18..89f7794b187 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/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml deleted file mode 100644 index 9d14513597d..00000000000 --- a/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml +++ /dev/null @@ -1,49 +0,0 @@ -- main: - - heading "DBSwitch" [level=1] - - link "Density arrow_up_right\" / \"" - - switch "functional": on O - - text: functional - - switch "regular (Default)": on O - - text: regular (Default) - - switch "expressive": on O - - text: expressive - - link "States arrow_up_right\" / \"" - - switch "(Def) Enabled": on O - - text: (Def) Enabled - - switch "Checked" [checked]: on O - - text: Checked - - switch "Disabled" [disabled]: on O - - text: Disabled - - link "Emphasis arrow_up_right\" / \"" - - switch "(Def) Weak + unchecked": on O - - text: (Def) Weak + unchecked - - switch "Strong + unchecked": on O cross" / " - - text: Strong + unchecked - - switch "(Def) Weak + checked" [checked]: on O - - text: (Def) Weak + checked - - switch "Strong + checked" [checked]: on O check" / " - - text: Strong + checked - - link "Visual Aid arrow_up_right\" / \"" - - switch "(Def) No Visual Aid + unchecked": on O - - text: (Def) No Visual Aid + unchecked - - switch "Visual Aid + unchecked": on O cross" / " - - text: Visual Aid + unchecked - - switch "(Def) No Visual Aid + checked" [checked]: on O - - text: (Def) No Visual Aid + checked - - switch "Visual Aid + checked" [checked]: on O check" / " - - text: Visual Aid + checked - - link "Size arrow_up_right\" / \"" - - switch "(Def) Medium": on O - - text: (Def) Medium - - switch "Small": on O - - text: Small - - link "Content arrow_up_right\" / \"" - - switch "(Def) Label": on O - - text: (Def) Label - - switch "No Label": on O - - text: No Label No Label - - link "Examples arrow_up_right\" / \"" - - switch "Custom Icons": on O - - text: Custom Icons - - switch "Custom Icons+ Emphasis": on O - - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml deleted file mode 100644 index b08069ac182..00000000000 --- a/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml +++ /dev/null @@ -1,49 +0,0 @@ -- main: - - heading "DBSwitch" [level=1] - - link "Density arrow_up_right\" / \"" - - switch "functional": on O - - text: functional - - switch "regular (Default)": on O - - text: regular (Default) - - switch "expressive": on O - - text: expressive - - link "States arrow_up_right\" / \"" - - switch "(Def) Enabled": on O - - text: (Def) Enabled - - switch "Checked" [checked]: on O - - text: Checked - - switch "Disabled" [disabled]: on O - - text: Disabled - - link "Emphasis arrow_up_right\" / \"" - - switch "(Def) Weak + unchecked": on O - - text: (Def) Weak + unchecked - - switch "Strong + unchecked": on O cross" / " - - text: Strong + unchecked - - switch "(Def) Weak + checked" [checked]: on O - - text: (Def) Weak + checked - - switch "Strong + checked" [checked]: on O check" / " - - text: Strong + checked - - link "Visual Aid arrow_up_right\" / \"" - - switch "(Def) No Visual Aid + unchecked": on O - - text: (Def) No Visual Aid + unchecked - - switch "Visual Aid + unchecked": on O cross" / " - - text: Visual Aid + unchecked - - switch "(Def) No Visual Aid + checked" [checked]: on O - - text: (Def) No Visual Aid + checked - - switch "Visual Aid + checked" [checked]: on O check" / " - - text: Visual Aid + checked - - link "Size arrow_up_right\" / \"" - - switch "(Def) Medium": on O - - text: (Def) Medium - - switch "Small": on O - - text: Small - - link "Content arrow_up_right\" / \"" - - switch "(Def) Label": on O - - text: (Def) Label - - switch "No Label": on O - - text: No Label No Label - - link "Examples arrow_up_right\" / \"" - - switch "Custom Icons": on O night" / " - - text: Custom Icons - - switch "Custom Icons+ Emphasis": on O lock_closed" / " - - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml deleted file mode 100644 index b08069ac182..00000000000 --- a/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml +++ /dev/null @@ -1,49 +0,0 @@ -- main: - - heading "DBSwitch" [level=1] - - link "Density arrow_up_right\" / \"" - - switch "functional": on O - - text: functional - - switch "regular (Default)": on O - - text: regular (Default) - - switch "expressive": on O - - text: expressive - - link "States arrow_up_right\" / \"" - - switch "(Def) Enabled": on O - - text: (Def) Enabled - - switch "Checked" [checked]: on O - - text: Checked - - switch "Disabled" [disabled]: on O - - text: Disabled - - link "Emphasis arrow_up_right\" / \"" - - switch "(Def) Weak + unchecked": on O - - text: (Def) Weak + unchecked - - switch "Strong + unchecked": on O cross" / " - - text: Strong + unchecked - - switch "(Def) Weak + checked" [checked]: on O - - text: (Def) Weak + checked - - switch "Strong + checked" [checked]: on O check" / " - - text: Strong + checked - - link "Visual Aid arrow_up_right\" / \"" - - switch "(Def) No Visual Aid + unchecked": on O - - text: (Def) No Visual Aid + unchecked - - switch "Visual Aid + unchecked": on O cross" / " - - text: Visual Aid + unchecked - - switch "(Def) No Visual Aid + checked" [checked]: on O - - text: (Def) No Visual Aid + checked - - switch "Visual Aid + checked" [checked]: on O check" / " - - text: Visual Aid + checked - - link "Size arrow_up_right\" / \"" - - switch "(Def) Medium": on O - - text: (Def) Medium - - switch "Small": on O - - text: Small - - link "Content arrow_up_right\" / \"" - - switch "(Def) Label": on O - - text: (Def) Label - - switch "No Label": on O - - text: No Label No Label - - link "Examples arrow_up_right\" / \"" - - switch "Custom Icons": on O night" / " - - text: Custom Icons - - switch "Custom Icons+ Emphasis": on O lock_closed" / " - - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml deleted file mode 100644 index b08069ac182..00000000000 --- a/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml +++ /dev/null @@ -1,49 +0,0 @@ -- main: - - heading "DBSwitch" [level=1] - - link "Density arrow_up_right\" / \"" - - switch "functional": on O - - text: functional - - switch "regular (Default)": on O - - text: regular (Default) - - switch "expressive": on O - - text: expressive - - link "States arrow_up_right\" / \"" - - switch "(Def) Enabled": on O - - text: (Def) Enabled - - switch "Checked" [checked]: on O - - text: Checked - - switch "Disabled" [disabled]: on O - - text: Disabled - - link "Emphasis arrow_up_right\" / \"" - - switch "(Def) Weak + unchecked": on O - - text: (Def) Weak + unchecked - - switch "Strong + unchecked": on O cross" / " - - text: Strong + unchecked - - switch "(Def) Weak + checked" [checked]: on O - - text: (Def) Weak + checked - - switch "Strong + checked" [checked]: on O check" / " - - text: Strong + checked - - link "Visual Aid arrow_up_right\" / \"" - - switch "(Def) No Visual Aid + unchecked": on O - - text: (Def) No Visual Aid + unchecked - - switch "Visual Aid + unchecked": on O cross" / " - - text: Visual Aid + unchecked - - switch "(Def) No Visual Aid + checked" [checked]: on O - - text: (Def) No Visual Aid + checked - - switch "Visual Aid + checked" [checked]: on O check" / " - - text: Visual Aid + checked - - link "Size arrow_up_right\" / \"" - - switch "(Def) Medium": on O - - text: (Def) Medium - - switch "Small": on O - - text: Small - - link "Content arrow_up_right\" / \"" - - switch "(Def) Label": on O - - text: (Def) Label - - switch "No Label": on O - - text: No Label No Label - - link "Examples arrow_up_right\" / \"" - - switch "Custom Icons": on O night" / " - - text: Custom Icons - - switch "Custom Icons+ Emphasis": on O lock_closed" / " - - text: Custom Icons+ Emphasis \ No newline at end of file diff --git a/docs/migration/v0.4.x-to-v0.5.x.md b/docs/migration/v0.4.x-to-v0.5.x.md new file mode 100644 index 00000000000..07e91ec3eb1 --- /dev/null +++ b/docs/migration/v0.4.x-to-v0.5.x.md @@ -0,0 +1,3 @@ +## Migration Beta (0.4.x) ➡ Beta (0.5.x) + +No breaking changes diff --git a/docs/migration/v0.5.x-to-v0.6.x.md b/docs/migration/v0.5.x-to-v0.6.x.md new file mode 100644 index 00000000000..cd9114c2558 --- /dev/null +++ b/docs/migration/v0.5.x-to-v0.6.x.md @@ -0,0 +1,22 @@ +## Migration Beta (0.5.x) ➡ Beta (0.6.x) + +### Icons + +We removed the `.svg` icons from `@db-ui/foundations`. This will not affect the `woff2` files required for components. If you still need some `.svg` files you need to install [`@db-ux/core-icons`](https://www.npmjs.com/package/@db-ux/core-icons). + +### Components + +We changed some properties for components to align with Figma properties: + +#### Accordion-Item + +- `content` ➡️ `text` + +#### Notification + +- `behaviour="closeable|permanent"` ➡️ `closeable="true/false"`- Defaults to `false` + +#### Form-Components (Input, Select, Checkbox, Radio, Switch, Textarea) + +- `variant="hidden"` ➡️ `showLabel="true/false"` - Defaults to `true` +- `customValidity` ➡️ `validation` diff --git a/packages/components/src/components/accordion-item/accordion-item.lite.tsx b/packages/components/src/components/accordion-item/accordion-item.lite.tsx index 9459c7aeb6c..a57d527b1e0 100644 --- a/packages/components/src/components/accordion-item/accordion-item.lite.tsx +++ b/packages/components/src/components/accordion-item/accordion-item.lite.tsx @@ -53,8 +53,8 @@ export default function DBAccordionItem(props: DBAccordionItemProps) {