feat: Figma properties alignment breaking (#3465)

* feat: align properties with figma to have a nearly 1:1 relationship * fix: issue with showIcon * fix: issue with showIcon * fix: issue with vue output * fix: issue with showIcon * chore: update snapshots * fix: issue with checkbox icon for tag * fix: issue with checkbox icon for tag * chore: update snapshots * refactor: align properties with figma causing some breaking changes * chore: update from main * fix: issue with angular showcase * chore: update migration script * fix: issue with wrong notification test * chore: update snapshots * fix: issue with notification * fix: issue with switch * chore: update snapshots * fix: issue with snapshot for switch * chore: remove switch snapshots for regenerate * chore: update snapshots * fix: issue with angular showcase * refactor: brandname * Update README.md Co-authored-by: Maximilian Franzke <[email protected]> * chore: update snapshots * refactor: prettier * chore: update snapshots --------- Co-authored-by: Maximilian Franzke <[email protected]> Co-authored-by: Maximilian Franzke <[email protected]>
db-ui · Dec 6, 2024 · 8631d75 · 8631d75
1 parent 83498c0
commit 8631d75
Show file tree

Hide file tree

Showing 116 changed files with 2,950 additions and 3,555 deletions.
diff --git 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
@@ -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/...accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png b/...accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png
diff --git a/...hots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml b/...hots__/notification/component/chromium/DBNotification-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,2 @@
 - article:
-  - paragraph: Test
-  - button "cross\" / \" Close Button"
+  - paragraph: Test
diff --git a/...onent/chromium/DBNotification-should-match-screenshot-for-semantic-critical.png b/...onent/chromium/DBNotification-should-match-screenshot-for-semantic-critical.png
diff --git a/.../chromium/DBNotification-should-match-screenshot-for-semantic-informational.png b/.../chromium/DBNotification-should-match-screenshot-for-semantic-informational.png
diff --git a/...ent/chromium/DBNotification-should-match-screenshot-for-semantic-successful.png b/...ent/chromium/DBNotification-should-match-screenshot-for-semantic-successful.png
diff --git a/...ponent/chromium/DBNotification-should-match-screenshot-for-semantic-warning.png b/...ponent/chromium/DBNotification-should-match-screenshot-for-semantic-warning.png
diff --git a/...ts__/notification/component/chromium/DBNotification-should-match-screenshot.png b/...ts__/notification/component/chromium/DBNotification-should-match-screenshot.png
diff --git a/...shots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml b/...shots__/notification/component/firefox/DBNotification-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,2 @@
 - article:
-  - paragraph: Test
-  - button "Close Button"
+  - paragraph: Test
diff --git a/...ponent/firefox/DBNotification-should-match-screenshot-for-semantic-critical.png b/...ponent/firefox/DBNotification-should-match-screenshot-for-semantic-critical.png
diff --git a/...t/firefox/DBNotification-should-match-screenshot-for-semantic-informational.png b/...t/firefox/DBNotification-should-match-screenshot-for-semantic-informational.png
diff --git a/...nent/firefox/DBNotification-should-match-screenshot-for-semantic-successful.png b/...nent/firefox/DBNotification-should-match-screenshot-for-semantic-successful.png
diff --git a/...mponent/firefox/DBNotification-should-match-screenshot-for-semantic-warning.png b/...mponent/firefox/DBNotification-should-match-screenshot-for-semantic-warning.png
diff --git a/...ots__/notification/component/firefox/DBNotification-should-match-screenshot.png b/...ots__/notification/component/firefox/DBNotification-should-match-screenshot.png
diff --git a/..._/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml b/..._/notification/component/mobile-chrome/DBNotification-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,2 @@
 - article:
-  - paragraph: Test
-  - button "cross\" / \" Close Button"
+  - paragraph: Test
diff --git a/.../mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png b/.../mobile-chrome/DBNotification-should-match-screenshot-for-semantic-critical.png
diff --git a/...le-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png b/...le-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png
diff --git a/...obile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png b/...obile-chrome/DBNotification-should-match-screenshot-for-semantic-successful.png
diff --git a/...t/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png b/...t/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-warning.png
diff --git a/...notification/component/mobile-chrome/DBNotification-should-match-screenshot.png b/...notification/component/mobile-chrome/DBNotification-should-match-screenshot.png
diff --git a/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
diff --git a/...ontrast/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/...ontrast/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"
+    - text: 10 min ago
diff --git a/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
diff --git a/...hromium/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/...hromium/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"
+    - text: 10 min ago
diff --git a/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
diff --git a/...firefox/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/...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"
+    - text: 10 min ago
diff --git a/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
diff --git a/...-chrome/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/...-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"
+    - text: 10 min ago
diff --git a/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
diff --git a/...-safari/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/...-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"
+    - text: 10 min ago
diff --git a/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png b/...tification-should-match-screenshot-1/DBNotification-should-match-screenshot.png
diff --git a/.../webkit/should-have-same-aria-snapshot/DBNotification-should-have-same-aria-snapshot.yaml b/.../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"
+    - text: 10 min ago
diff --git a/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png
diff --git a/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png