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) {
- - {props.content} + + {props.text}
diff --git a/packages/components/src/components/accordion-item/model.ts b/packages/components/src/components/accordion-item/model.ts index 607d8d2e922..58893078d0e 100644 --- a/packages/components/src/components/accordion-item/model.ts +++ b/packages/components/src/components/accordion-item/model.ts @@ -1,15 +1,12 @@ import { GlobalProps, GlobalState, + TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model'; export type DBAccordionItemDefaultProps = { - /** - * Alternative for passing only a string instead of children - */ - content?: string; /** * Initial state for the accordion item */ @@ -26,7 +23,7 @@ export type DBAccordionItemDefaultProps = { * Title of the accordion-item as plain text */ headlinePlain?: string; -}; +} & TextProps; export type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & diff --git a/packages/components/src/components/accordion/accordion.lite.tsx b/packages/components/src/components/accordion/accordion.lite.tsx index 36625874d58..41193e14503 100644 --- a/packages/components/src/components/accordion/accordion.lite.tsx +++ b/packages/components/src/components/accordion/accordion.lite.tsx @@ -121,7 +121,7 @@ export default function DBAccordion(props: DBAccordionProps) { key={`accordion-item-${index}`} headlinePlain={item.headlinePlain} disabled={item.disabled} - content={item.content} + text={item.text} /> )} diff --git a/packages/components/src/components/brand/brand.lite.tsx b/packages/components/src/components/brand/brand.lite.tsx index 0fac1db160b..c5e4135f7c0 100644 --- a/packages/components/src/components/brand/brand.lite.tsx +++ b/packages/components/src/components/brand/brand.lite.tsx @@ -1,5 +1,5 @@ import { Show, useMetadata, useRef, useStore } from '@builder.io/mitosis'; -import { cls, getHideIcon } from '../../utils'; +import { cls, getHideProp } from '../../utils'; import { DBBrandProps, DBBrandState } from './model'; import { DEFAULT_ICON } from '../../shared/constants'; @@ -15,7 +15,7 @@ export default function DBBrand(props: DBBrandProps) {
diff --git a/packages/components/src/components/button/button.lite.tsx b/packages/components/src/components/button/button.lite.tsx index 396f04321ae..13a1b5ecb7c 100644 --- a/packages/components/src/components/button/button.lite.tsx +++ b/packages/components/src/components/button/button.lite.tsx @@ -1,6 +1,6 @@ import { Show, useMetadata, useRef, useStore } from '@builder.io/mitosis'; import type { DBButtonProps, DBButtonState } from './model'; -import { cls, getBooleanAsString, getHideIcon } from '../../utils'; +import { cls, getBooleanAsString, getHideProp } from '../../utils'; import { ClickEvent } from '../../shared/model'; useMetadata({}); @@ -27,7 +27,7 @@ export default function DBButton(props: DBButtonProps) { disabled={props.disabled} aria-label={props.label} data-icon={props.icon} - data-hide-icon={getHideIcon(props.showIcon)} + data-hide-icon={getHideProp(props.showIcon)} data-size={props.size} data-state={props.state} data-width={props.width} diff --git a/packages/components/src/components/checkbox/checkbox.lite.tsx b/packages/components/src/components/checkbox/checkbox.lite.tsx index 8acd9cf9ac0..a01a882bc4f 100644 --- a/packages/components/src/components/checkbox/checkbox.lite.tsx +++ b/packages/components/src/components/checkbox/checkbox.lite.tsx @@ -8,7 +8,14 @@ import { useTarget } from '@builder.io/mitosis'; import { DBCheckboxProps, DBCheckboxState } from './model'; -import { cls, delay, hasVoiceOver, uuid } from '../../utils'; +import { + cls, + delay, + getBooleanAsString, + getHideProp, + hasVoiceOver, + uuid +} from '../../utils'; import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, @@ -51,7 +58,7 @@ export default function DBCheckbox(props: DBCheckboxProps) { }); /* For a11y reasons we need to map the correct message with the checkbox */ - if (!ref?.validity.valid || props.customValidity === 'invalid') { + if (!ref?.validity.valid || props.validation === 'invalid') { state._descByIds = state._invalidMessageId; if (hasVoiceOver()) { state._voiceOverFallback = @@ -61,7 +68,7 @@ export default function DBCheckbox(props: DBCheckboxProps) { delay(() => (state._voiceOverFallback = ''), 1000); } } else if ( - props.customValidity === 'valid' || + props.validation === 'valid' || (ref?.validity.valid && props.required) ) { state._descByIds = state._validMessageId; @@ -146,11 +153,11 @@ export default function DBCheckbox(props: DBCheckboxProps) {
+ data-hide-label={getHideProp(props.showLabel)}>