diff --git a/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 5c2ad92876d..0e66e0f95a1 100644 Binary files a/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml index 2b34771e254..6c43ab19cdd 100644 --- a/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/badge/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -9,7 +9,7 @@ - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" @@ -25,4 +25,4 @@ - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - - text: 9 12 123 9 12 123 Numbers \ No newline at end of file + - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium \ No newline at end of file diff --git a/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 6b64009dbec..6bd9228f1f3 100644 Binary files a/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml index 2b34771e254..6c43ab19cdd 100644 --- a/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/badge/showcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -9,7 +9,7 @@ - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" @@ -25,4 +25,4 @@ - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - - text: 9 12 123 9 12 123 Numbers \ No newline at end of file + - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium \ No newline at end of file diff --git a/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 0ab20599d11..ca040913752 100644 Binary files a/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml index c5d12e457ae..2daf9c7d8c8 100644 --- a/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/badge/showcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -9,7 +9,7 @@ - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "Corner - Top - Left" @@ -25,4 +25,4 @@ - button "Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - - text: 9 12 123 9 12 123 Numbers \ No newline at end of file + - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium \ No newline at end of file diff --git a/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 09f8a7e1bb7..f062ea38dc9 100644 Binary files a/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/mobile-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml index 2b34771e254..6c43ab19cdd 100644 --- a/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/badge/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -9,7 +9,7 @@ - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" @@ -25,4 +25,4 @@ - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - - text: 9 12 123 9 12 123 Numbers \ No newline at end of file + - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium \ No newline at end of file diff --git a/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index bc11f127c38..9d22b95bb55 100644 Binary files a/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml index 2b34771e254..6c43ab19cdd 100644 --- a/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/badge/showcase/mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -9,7 +9,7 @@ - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" @@ -25,4 +25,4 @@ - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - - text: 9 12 123 9 12 123 Numbers \ No newline at end of file + - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium \ No newline at end of file diff --git a/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png index 715ac186d7d..337f81065fd 100644 Binary files a/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png and b/__snapshots__/badge/showcase/webkit/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png differ diff --git a/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml index 2b34771e254..6c43ab19cdd 100644 --- a/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/badge/showcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml @@ -9,7 +9,7 @@ - link "Size arrow_up_right\" / \"" - text: (Default) Small Medium - link "Content arrow_up_right\" / \"" - - text: (Default) Text (Default) Text - Medium Dot - Small Dot - Medium Icon - Small Icon - Medium + - text: (Default) Text Dot - Small Icon - Small - link "Placement arrow_up_right\" / \"" - text: (Default) Inline Label - button "person\" / \" LABEL SHOULD BE SET Corner - Top - Left" @@ -25,4 +25,4 @@ - button "person\" / \" LABEL SHOULD BE SET Corner - Bottom- Right" - text: Corner - Bottom- Right - link "Examples arrow_up_right\" / \"" - - text: 9 12 123 9 12 123 Numbers \ No newline at end of file + - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium \ No newline at end of file diff --git a/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 4e6273a278a..c06cd3ae4d0 100644 Binary files a/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index b23cfcee99d..57ac10efca8 100644 --- a/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -9,16 +9,18 @@ - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - - link "State arrow_up_right\" / \"" - - button "(Default) Enabled" - - button "Disabled" [disabled] + - link "Disabled arrow_up_right\" / \"" + - button "(Default) False" + - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - - link "Content arrow_up_right\" / \"" - - button "(Default) Text" - - button "person\" / \" Icon & Text" - - button "person\" / \" Icon" - - link "Behaviour arrow_up_right\" / \"" - - button "(Default) Auto Width" - - button "Width full" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - button "(Default) False" + - button "person\" / \" True" + - link "No Text arrow_up_right\" / \"" + - button "person\" / \" (Default) False" + - button "person\" / \" True" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Width" \ No newline at end of file diff --git a/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index eedfb2486f2..a7288cf0a7f 100644 Binary files a/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/chromium/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index b23cfcee99d..57ac10efca8 100644 --- a/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/chromium/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -9,16 +9,18 @@ - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - - link "State arrow_up_right\" / \"" - - button "(Default) Enabled" - - button "Disabled" [disabled] + - link "Disabled arrow_up_right\" / \"" + - button "(Default) False" + - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - - link "Content arrow_up_right\" / \"" - - button "(Default) Text" - - button "person\" / \" Icon & Text" - - button "person\" / \" Icon" - - link "Behaviour arrow_up_right\" / \"" - - button "(Default) Auto Width" - - button "Width full" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - button "(Default) False" + - button "person\" / \" True" + - link "No Text arrow_up_right\" / \"" + - button "person\" / \" (Default) False" + - button "person\" / \" True" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Width" \ No newline at end of file diff --git a/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index c3cfd09c3e7..64d784c314d 100644 Binary files a/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/firefox/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index f79ac6de203..cfff1c4a7f3 100644 --- a/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/firefox/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -9,16 +9,18 @@ - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - - link "State arrow_up_right\" / \"" - - button "(Default) Enabled" - - button "Disabled" [disabled] + - link "Disabled arrow_up_right\" / \"" + - button "(Default) False" + - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - - link "Content arrow_up_right\" / \"" - - button "(Default) Text" - - button "Icon & Text" - - button "Icon" - - link "Behaviour arrow_up_right\" / \"" - - button "(Default) Auto Width" - - button "Width full" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - button "(Default) False" + - button "True" + - link "No Text arrow_up_right\" / \"" + - button "(Default) False" + - button "True" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Width" \ No newline at end of file diff --git a/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 69cc9798e8e..b4bc8cd37a7 100644 Binary files a/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index b23cfcee99d..57ac10efca8 100644 --- a/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/mobile-chrome/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -9,16 +9,18 @@ - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - - link "State arrow_up_right\" / \"" - - button "(Default) Enabled" - - button "Disabled" [disabled] + - link "Disabled arrow_up_right\" / \"" + - button "(Default) False" + - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - - link "Content arrow_up_right\" / \"" - - button "(Default) Text" - - button "person\" / \" Icon & Text" - - button "person\" / \" Icon" - - link "Behaviour arrow_up_right\" / \"" - - button "(Default) Auto Width" - - button "Width full" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - button "(Default) False" + - button "person\" / \" True" + - link "No Text arrow_up_right\" / \"" + - button "person\" / \" (Default) False" + - button "person\" / \" True" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Width" \ No newline at end of file diff --git a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index a99a96b28dd..7b6961e0bee 100644 Binary files a/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/mobile-safari/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index b23cfcee99d..57ac10efca8 100644 --- a/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/mobile-safari/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -9,16 +9,18 @@ - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - - link "State arrow_up_right\" / \"" - - button "(Default) Enabled" - - button "Disabled" [disabled] + - link "Disabled arrow_up_right\" / \"" + - button "(Default) False" + - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - - link "Content arrow_up_right\" / \"" - - button "(Default) Text" - - button "person\" / \" Icon & Text" - - button "person\" / \" Icon" - - link "Behaviour arrow_up_right\" / \"" - - button "(Default) Auto Width" - - button "Width full" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - button "(Default) False" + - button "person\" / \" True" + - link "No Text arrow_up_right\" / \"" + - button "person\" / \" (Default) False" + - button "person\" / \" True" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Width" \ No newline at end of file diff --git a/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png b/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png index 33940b1bced..5beaec5ce7c 100644 Binary files a/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png and b/__snapshots__/button/showcase/webkit/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png differ diff --git a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml index b23cfcee99d..57ac10efca8 100644 --- a/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/button/showcase/webkit/should-have-same-aria-snapshot/DBButton-should-have-same-aria-snapshot.yaml @@ -9,16 +9,18 @@ - button "Filled - Adaptive" - button "Ghost - Adaptive" - button "Brand" - - link "State arrow_up_right\" / \"" - - button "(Default) Enabled" - - button "Disabled" [disabled] + - link "Disabled arrow_up_right\" / \"" + - button "(Default) False" + - button "True" [disabled] - link "Size arrow_up_right\" / \"" - button "(Default) Medium" - button "Small" - - link "Content arrow_up_right\" / \"" - - button "(Default) Text" - - button "person\" / \" Icon & Text" - - button "person\" / \" Icon" - - link "Behaviour arrow_up_right\" / \"" - - button "(Default) Auto Width" - - button "Width full" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - button "(Default) False" + - button "person\" / \" True" + - link "No Text arrow_up_right\" / \"" + - button "person\" / \" (Default) False" + - button "person\" / \" True" + - link "Width arrow_up_right\" / \"" + - button "(Default) Auto" + - button "Width" \ No newline at end of file diff --git a/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png b/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png index d12f1529abc..80dc70c7b09 100644 Binary files a/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png and b/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index dbee27630b0..8677e6a0a67 100644 Binary files a/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 85896940373..6c8e5241432 100644 Binary files a/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/chromium/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index a6ff4c6aa5c..03e83a75823 100644 Binary files a/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/firefox/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 3089507ac19..6b22e895a76 100644 Binary files a/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/mobile-chrome/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 1d7c4b81130..09e86c5b3d7 100644 Binary files a/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/mobile-safari/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png b/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png index 3bb3f077183..1be8604f20e 100644 Binary files a/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png and b/__snapshots__/checkbox/showcase/webkit/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 559bc3f85db..9c6735ae847 100644 Binary files a/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/chromium-highContrast/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml index b60d8d91f8c..c34dbcec68c 100644 --- a/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/drawer/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -8,19 +8,19 @@ - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - - 'button "Open: (Default) No rounding"' - - 'button "Open: Rounded"' + - 'button "Open: (Default) False"' + - 'button "Open: True"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - - 'button "Open: (Default) With Backdrop"' - - 'button "Open: Backdrop-weak"' + - 'button "Open: (Default) Strong"' + - 'button "Open: Weak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - - link "Directions arrow_up_right\" / \"" + - link "Direction arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' diff --git a/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 4a9d9d114b0..d170d40df9c 100644 Binary files a/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/chromium/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml index b60d8d91f8c..c34dbcec68c 100644 --- a/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/drawer/showcase/chromium/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -8,19 +8,19 @@ - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - - 'button "Open: (Default) No rounding"' - - 'button "Open: Rounded"' + - 'button "Open: (Default) False"' + - 'button "Open: True"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - - 'button "Open: (Default) With Backdrop"' - - 'button "Open: Backdrop-weak"' + - 'button "Open: (Default) Strong"' + - 'button "Open: Weak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - - link "Directions arrow_up_right\" / \"" + - link "Direction arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' diff --git a/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 10dd8c79a84..853c26d61d5 100644 Binary files a/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/firefox/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml index b60d8d91f8c..c34dbcec68c 100644 --- a/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/drawer/showcase/firefox/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -8,19 +8,19 @@ - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - - 'button "Open: (Default) No rounding"' - - 'button "Open: Rounded"' + - 'button "Open: (Default) False"' + - 'button "Open: True"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - - 'button "Open: (Default) With Backdrop"' - - 'button "Open: Backdrop-weak"' + - 'button "Open: (Default) Strong"' + - 'button "Open: Weak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - - link "Directions arrow_up_right\" / \"" + - link "Direction arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' diff --git a/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 31d680cb795..b008612a546 100644 Binary files a/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/mobile-chrome/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml index b60d8d91f8c..c34dbcec68c 100644 --- a/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/drawer/showcase/mobile-chrome/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -8,19 +8,19 @@ - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - - 'button "Open: (Default) No rounding"' - - 'button "Open: Rounded"' + - 'button "Open: (Default) False"' + - 'button "Open: True"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - - 'button "Open: (Default) With Backdrop"' - - 'button "Open: Backdrop-weak"' + - 'button "Open: (Default) Strong"' + - 'button "Open: Weak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - - link "Directions arrow_up_right\" / \"" + - link "Direction arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' diff --git a/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index 5cedb8d1dcc..7238e5502b1 100644 Binary files a/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/mobile-safari/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml index b60d8d91f8c..c34dbcec68c 100644 --- a/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/drawer/showcase/mobile-safari/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -8,19 +8,19 @@ - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - - 'button "Open: (Default) No rounding"' - - 'button "Open: Rounded"' + - 'button "Open: (Default) False"' + - 'button "Open: True"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - - 'button "Open: (Default) With Backdrop"' - - 'button "Open: Backdrop-weak"' + - 'button "Open: (Default) Strong"' + - 'button "Open: Weak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - - link "Directions arrow_up_right\" / \"" + - link "Direction arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' diff --git a/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png b/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png index fed0cf30ec9..07aaced0aed 100644 Binary files a/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png and b/__snapshots__/drawer/showcase/webkit/DBDrawer-should-match-screenshot-1/DBDrawer-should-match-screenshot.png differ diff --git a/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml b/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml index b60d8d91f8c..c34dbcec68c 100644 --- a/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/drawer/showcase/webkit/should-have-same-aria-snapshot/DBDrawer-should-have-same-aria-snapshot.yaml @@ -8,19 +8,19 @@ - 'button "Open: (Default) Medium"' - 'button "Open: Full"' - link "Rounded arrow_up_right\" / \"" - - 'button "Open: (Default) No rounding"' - - 'button "Open: Rounded"' + - 'button "Open: (Default) False"' + - 'button "Open: True"' - link "Spacing arrow_up_right\" / \"" - 'button "Open: (Default) Medium"' - 'button "Open: Small"' - 'button "Open: Large"' - 'button "Open: None"' - link "Backdrop arrow_up_right\" / \"" - - 'button "Open: (Default) With Backdrop"' - - 'button "Open: Backdrop-weak"' + - 'button "Open: (Default) Strong"' + - 'button "Open: Weak"' - 'button "Open: Invisible"' - 'button "Open: No Backdrop"' - - link "Directions arrow_up_right\" / \"" + - link "Direction arrow_up_right\" / \"" - 'button "Open: (Default) Right"' - 'button "Open: Left"' - 'button "Open: Up"' diff --git a/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 83163bd36af..77c46189461 100644 Binary files a/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/chromium-highContrast/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml index b38001cf6ec..834d9fec264 100644 --- a/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/infotext/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -5,4 +5,6 @@ - link "Semantic arrow_up_right\" / \"" - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning - link "Size arrow_up_right\" / \"" - - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file + - text: information_circle" / " (Default) Medium information_circle" / " Small + - link "Show Icon arrow_up_right\" / \"" + - text: information_circle" / " (Default) True False \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 6defed7a49e..eb79d031ddf 100644 Binary files a/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/chromium/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml index b38001cf6ec..834d9fec264 100644 --- a/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/infotext/showcase/chromium/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -5,4 +5,6 @@ - link "Semantic arrow_up_right\" / \"" - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning - link "Size arrow_up_right\" / \"" - - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file + - text: information_circle" / " (Default) Medium information_circle" / " Small + - link "Show Icon arrow_up_right\" / \"" + - text: information_circle" / " (Default) True False \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index d408cb502f7..2c562c82192 100644 Binary files a/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/firefox/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml index b38001cf6ec..834d9fec264 100644 --- a/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/infotext/showcase/firefox/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -5,4 +5,6 @@ - link "Semantic arrow_up_right\" / \"" - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning - link "Size arrow_up_right\" / \"" - - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file + - text: information_circle" / " (Default) Medium information_circle" / " Small + - link "Show Icon arrow_up_right\" / \"" + - text: information_circle" / " (Default) True False \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index 936556893f9..9cf341925ac 100644 Binary files a/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/mobile-chrome/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml index b38001cf6ec..834d9fec264 100644 --- a/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/infotext/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -5,4 +5,6 @@ - link "Semantic arrow_up_right\" / \"" - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning - link "Size arrow_up_right\" / \"" - - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file + - text: information_circle" / " (Default) Medium information_circle" / " Small + - link "Show Icon arrow_up_right\" / \"" + - text: information_circle" / " (Default) True False \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index f32d0dc9b34..5f93fa46952 100644 Binary files a/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/mobile-safari/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml index b38001cf6ec..834d9fec264 100644 --- a/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/infotext/showcase/mobile-safari/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -5,4 +5,6 @@ - link "Semantic arrow_up_right\" / \"" - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning - link "Size arrow_up_right\" / \"" - - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file + - text: information_circle" / " (Default) Medium information_circle" / " Small + - link "Show Icon arrow_up_right\" / \"" + - text: information_circle" / " (Default) True False \ No newline at end of file diff --git a/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png b/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png index daabaa5bfe8..069e74474e9 100644 Binary files a/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png and b/__snapshots__/infotext/showcase/webkit/DBInfotext-should-match-screenshot-1/DBInfotext-should-match-screenshot.png differ diff --git a/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml b/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml index b38001cf6ec..834d9fec264 100644 --- a/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/infotext/showcase/webkit/should-have-same-aria-snapshot/DBInfotext-should-have-same-aria-snapshot.yaml @@ -5,4 +5,6 @@ - link "Semantic arrow_up_right\" / \"" - text: information_circle" / " (Default) Adaptive information_circle" / " Neutral exclamation_mark_circle" / " Critical information_circle" / " Informational check_circle" / " Successful exclamation_mark_triangle" / " Warning - link "Size arrow_up_right\" / \"" - - text: information_circle" / " (Default) Medium information_circle" / " Small \ No newline at end of file + - text: information_circle" / " (Default) Medium information_circle" / " Small + - link "Show Icon arrow_up_right\" / \"" + - text: information_circle" / " (Default) True False \ No newline at end of file diff --git a/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png b/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png index 851eab07e96..aeae0ff7a5f 100644 Binary files a/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png and b/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 99946ac0cba..532ccb89c71 100644 Binary files a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 2a32c1779a8..f73edee0a49 100644 --- a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -10,57 +10,72 @@ - text: Label - textbox "Label" - status - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status + - link "Show Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status + - link "Show Message arrow_up_right\" / \"" - text: Label - textbox "Label" - - text: information_circle" / " Helper Message - status - - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - text: information_circle" / " Message + - status + - link "State arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status + - link "Disabled arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status - text: Label - textbox "Label" [disabled] - status + - link "Readonly arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label": (Default) False + - status + - text: Label + - textbox "Label": "True" - status - - link "States Floating Label arrow_up_right\" / \"" + - link "Validation arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - - textbox "Label": Filled + - textbox "Label" + - text: exclamation_mark_circle" / " Invalid Message - status - text: Label - - textbox "Label" [disabled] + - textbox "Label" + - text: check_circle" / " Valid message - status + - link "Required arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - - text: Number - - spinbutton "Number": "123456" - - status - text: x_placeholder" / " Label - textbox "Label" - status @@ -71,13 +86,6 @@ - textbox "Label" - status - text: x_placeholder" / " - - link "Requirement arrow_up_right\" / \"" - - text: Label - - textbox "Label" - - status - - text: Label*" / " - - textbox "Label*\" / \"" - - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" @@ -92,9 +100,6 @@ - textbox "Label" - status - text: Label - - spinbutton "Label" - - status - - text: Label - textbox "Label" - status - text: Label @@ -115,12 +120,20 @@ - text: clock" / " Label - textbox "Label" - status - - text: calendar" / " Label - - combobox "Label" - - status - - text: chevron_down" / " Label + - text: calendar" / " + - link "Example Floating Label arrow_up_right\" / \"" + - text: Label - textbox "Label" - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" diff --git a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index f81d4f101e8..1d0d3f25d93 100644 Binary files a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 2a32c1779a8..f73edee0a49 100644 --- a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -10,57 +10,72 @@ - text: Label - textbox "Label" - status - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status + - link "Show Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status + - link "Show Message arrow_up_right\" / \"" - text: Label - textbox "Label" - - text: information_circle" / " Helper Message - status - - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - text: information_circle" / " Message + - status + - link "State arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status + - link "Disabled arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status - text: Label - textbox "Label" [disabled] - status + - link "Readonly arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label": (Default) False + - status + - text: Label + - textbox "Label": "True" - status - - link "States Floating Label arrow_up_right\" / \"" + - link "Validation arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - - textbox "Label": Filled + - textbox "Label" + - text: exclamation_mark_circle" / " Invalid Message - status - text: Label - - textbox "Label" [disabled] + - textbox "Label" + - text: check_circle" / " Valid message - status + - link "Required arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - - text: Number - - spinbutton "Number": "123456" - - status - text: x_placeholder" / " Label - textbox "Label" - status @@ -71,13 +86,6 @@ - textbox "Label" - status - text: x_placeholder" / " - - link "Requirement arrow_up_right\" / \"" - - text: Label - - textbox "Label" - - status - - text: Label*" / " - - textbox "Label*\" / \"" - - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" @@ -92,9 +100,6 @@ - textbox "Label" - status - text: Label - - spinbutton "Label" - - status - - text: Label - textbox "Label" - status - text: Label @@ -115,12 +120,20 @@ - text: clock" / " Label - textbox "Label" - status - - text: calendar" / " Label - - combobox "Label" - - status - - text: chevron_down" / " Label + - text: calendar" / " + - link "Example Floating Label arrow_up_right\" / \"" + - text: Label - textbox "Label" - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" diff --git a/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index f36c0b31f90..f040ef9b802 100644 Binary files a/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 36d9b392c9c..6d16f968015 100644 --- a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -10,59 +10,71 @@ - text: Label - textbox "Label" - status - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status + - link "Show Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status + - link "Show Message arrow_up_right\" / \"" - text: Label - textbox "Label" - - text: information_circle" / " Helper Message - status - - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - text: information_circle" / " Message + - status + - link "State arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status + - link "Disabled arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status - text: Label - textbox "Label" [disabled] - status + - link "Readonly arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label": (Default) False - status - - link "States Floating Label arrow_up_right\" / \"" - text: Label - - textbox "Label" + - textbox "Label": "True" - status + - link "Validation arrow_up_right\" / \"" - text: Label - - textbox "Label": Filled + - textbox "Label" - status - text: Label - - textbox "Label" [disabled] + - textbox "Label" + - text: exclamation_mark_circle" / " Invalid Message - status - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label" + - text: check_circle" / " Valid message - status - - link "Content arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - - textbox "Label": (Default) Text + - textbox "Label" - status - - text: Number - - spinbutton "Number": "123456" + - text: Label*" / " + - textbox "Label*\" / \"" - status + - link "Content arrow_up_right\" / \"" - text: Label - - textbox "Label" + - textbox "Label": (Default) Text - status - text: Label - textbox "Label" @@ -70,13 +82,9 @@ - text: Label - textbox "Label" - status - - link "Requirement arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - text: Label*" / " - - textbox "Label*\" / \"" - - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" @@ -91,9 +99,6 @@ - textbox "Label" - status - text: Label - - spinbutton "Label" - - status - - text: Label - textbox "Label" - status - text: Label @@ -114,12 +119,20 @@ - text: clock" / " Label - textbox "Label" - status - - text: calendar" / " Label - - combobox "Label" - - status - - text: chevron_down" / " Label + - text: calendar" / " + - link "Example Floating Label arrow_up_right\" / \"" + - text: Label - textbox "Label" - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" diff --git a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 162dfec5e9f..c4ad40e1716 100644 Binary files a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 2a32c1779a8..f73edee0a49 100644 --- a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -10,57 +10,72 @@ - text: Label - textbox "Label" - status - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status + - link "Show Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status + - link "Show Message arrow_up_right\" / \"" - text: Label - textbox "Label" - - text: information_circle" / " Helper Message - status - - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - text: information_circle" / " Message + - status + - link "State arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status + - link "Disabled arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status - text: Label - textbox "Label" [disabled] - status + - link "Readonly arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label": (Default) False + - status + - text: Label + - textbox "Label": "True" - status - - link "States Floating Label arrow_up_right\" / \"" + - link "Validation arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - - textbox "Label": Filled + - textbox "Label" + - text: exclamation_mark_circle" / " Invalid Message - status - text: Label - - textbox "Label" [disabled] + - textbox "Label" + - text: check_circle" / " Valid message - status + - link "Required arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - - text: Number - - spinbutton "Number": "123456" - - status - text: x_placeholder" / " Label - textbox "Label" - status @@ -71,13 +86,6 @@ - textbox "Label" - status - text: x_placeholder" / " - - link "Requirement arrow_up_right\" / \"" - - text: Label - - textbox "Label" - - status - - text: Label*" / " - - textbox "Label*\" / \"" - - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" @@ -92,9 +100,6 @@ - textbox "Label" - status - text: Label - - spinbutton "Label" - - status - - text: Label - textbox "Label" - status - text: Label @@ -115,12 +120,20 @@ - text: clock" / " Label - textbox "Label" - status - - text: calendar" / " Label - - combobox "Label" - - status - - text: chevron_down" / " Label + - text: calendar" / " + - link "Example Floating Label arrow_up_right\" / \"" + - text: Label - textbox "Label" - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" diff --git a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index f1f74467c03..5be098fda35 100644 Binary files a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 2a32c1779a8..f73edee0a49 100644 --- a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -10,57 +10,72 @@ - text: Label - textbox "Label" - status - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status + - link "Show Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status + - link "Show Message arrow_up_right\" / \"" - text: Label - textbox "Label" - - text: information_circle" / " Helper Message - status - - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - text: information_circle" / " Message + - status + - link "State arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status + - link "Disabled arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status - text: Label - textbox "Label" [disabled] - status + - link "Readonly arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label": (Default) False + - status + - text: Label + - textbox "Label": "True" - status - - link "States Floating Label arrow_up_right\" / \"" + - link "Validation arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - - textbox "Label": Filled + - textbox "Label" + - text: exclamation_mark_circle" / " Invalid Message - status - text: Label - - textbox "Label" [disabled] + - textbox "Label" + - text: check_circle" / " Valid message - status + - link "Required arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - - text: Number - - spinbutton "Number": "123456" - - status - text: x_placeholder" / " Label - textbox "Label" - status @@ -71,13 +86,6 @@ - textbox "Label" - status - text: x_placeholder" / " - - link "Requirement arrow_up_right\" / \"" - - text: Label - - textbox "Label" - - status - - text: Label*" / " - - textbox "Label*\" / \"" - - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" @@ -92,9 +100,6 @@ - textbox "Label" - status - text: Label - - spinbutton "Label" - - status - - text: Label - textbox "Label" - status - text: Label @@ -115,12 +120,20 @@ - text: clock" / " Label - textbox "Label" - status - - text: calendar" / " Label - - combobox "Label" - - status - - text: chevron_down" / " Label + - text: calendar" / " + - link "Example Floating Label arrow_up_right\" / \"" + - text: Label - textbox "Label" - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" diff --git a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index e8805750195..1a1cb9d0fa0 100644 Binary files a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 2a32c1779a8..f73edee0a49 100644 --- a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -10,57 +10,72 @@ - text: Label - textbox "Label" - status - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Floating Label - status + - link "Show Label arrow_up_right\" / \"" - text: Label - textbox "Label" - status - - link "Variant Helper Message arrow_up_right\" / \"" - text: Label - textbox "Label" - status + - link "Show Message arrow_up_right\" / \"" - text: Label - textbox "Label" - - text: information_circle" / " Helper Message - status - - link "States Label Above arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - text: information_circle" / " Message + - status + - link "State arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - textbox "Label": Filled - status + - link "Disabled arrow_up_right\" / \"" + - text: Label + - textbox "Label" + - status - text: Label - textbox "Label" [disabled] - status + - link "Readonly arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label": (Default) False + - status + - text: Label + - textbox "Label": "True" - status - - link "States Floating Label arrow_up_right\" / \"" + - link "Validation arrow_up_right\" / \"" - text: Label - textbox "Label" - status - text: Label - - textbox "Label": Filled + - textbox "Label" + - text: exclamation_mark_circle" / " Invalid Message - status - text: Label - - textbox "Label" [disabled] + - textbox "Label" + - text: check_circle" / " Valid message - status + - link "Required arrow_up_right\" / \"" - text: Label - - textbox "Label": Readonly - Filled + - textbox "Label" + - status + - text: Label*" / " + - textbox "Label*\" / \"" - status - link "Content arrow_up_right\" / \"" - text: Label - textbox "Label": (Default) Text - status - - text: Number - - spinbutton "Number": "123456" - - status - text: x_placeholder" / " Label - textbox "Label" - status @@ -71,13 +86,6 @@ - textbox "Label" - status - text: x_placeholder" / " - - link "Requirement arrow_up_right\" / \"" - - text: Label - - textbox "Label" - - status - - text: Label*" / " - - textbox "Label*\" / \"" - - status - link "Example - Types arrow_up_right\" / \"" - text: Label - textbox "Label" @@ -92,9 +100,6 @@ - textbox "Label" - status - text: Label - - spinbutton "Label" - - status - - text: Label - textbox "Label" - status - text: Label @@ -115,12 +120,20 @@ - text: clock" / " Label - textbox "Label" - status - - text: calendar" / " Label - - combobox "Label" - - status - - text: chevron_down" / " Label + - text: calendar" / " + - link "Example Floating Label arrow_up_right\" / \"" + - text: Label - textbox "Label" - status + - text: Label + - textbox "Label": Filled + - status + - text: Label + - textbox "Label" [disabled] + - status + - text: Label + - textbox "Label": Readonly - Filled + - status - link "Example - Types - Floating Label arrow_up_right\" / \"" - text: Label - textbox "Label" diff --git a/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png b/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png index e7b278a1b34..9b69d700baf 100644 Binary files a/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png and b/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index cfe5f7711d9..9b39a57dbc7 100644 Binary files a/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 85d58f7b390..f4e18675a19 100644 --- a/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -4,16 +4,18 @@ - link "Functional arrow_right\" / \"" - link "(Default) Regular arrow_right\" / \"" - link "Expressive arrow_right\" / \"" - - link "Semantic arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - link "(Default) Adaptive arrow_right\" / \"" - link "Brand arrow_right\" / \"" - - link "Interaction-States arrow_up_right\" / \"" - - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" - - link "Disabled arrow_right\" / \"" [disabled] + - link "Disabled arrow_up_right\" / \"" + - link "(Default) False arrow_right\" / \"" + - link "True arrow_right\" / \"" [disabled] - link "Size arrow_up_right\" / \"" - link "(Default) Medium arrow_right\" / \"" - link "Small arrow_right\" / \"" - link "Content arrow_up_right\" / \"" - link "(Default) Internal arrow_right\" / \"" - link "External arrow_up_right\" / \"" - - link "Show Icon" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - link "(Default) True arrow_right\" / \"" + - link "False" \ No newline at end of file diff --git a/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index 5c4553913e5..49d2903e151 100644 Binary files a/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/chromium/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 85d58f7b390..f4e18675a19 100644 --- a/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/chromium/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -4,16 +4,18 @@ - link "Functional arrow_right\" / \"" - link "(Default) Regular arrow_right\" / \"" - link "Expressive arrow_right\" / \"" - - link "Semantic arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - link "(Default) Adaptive arrow_right\" / \"" - link "Brand arrow_right\" / \"" - - link "Interaction-States arrow_up_right\" / \"" - - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" - - link "Disabled arrow_right\" / \"" [disabled] + - link "Disabled arrow_up_right\" / \"" + - link "(Default) False arrow_right\" / \"" + - link "True arrow_right\" / \"" [disabled] - link "Size arrow_up_right\" / \"" - link "(Default) Medium arrow_right\" / \"" - link "Small arrow_right\" / \"" - link "Content arrow_up_right\" / \"" - link "(Default) Internal arrow_right\" / \"" - link "External arrow_up_right\" / \"" - - link "Show Icon" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - link "(Default) True arrow_right\" / \"" + - link "False" \ No newline at end of file diff --git a/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index 140b6552ce6..59d9ddce58d 100644 Binary files a/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/firefox/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 85d58f7b390..f4e18675a19 100644 --- a/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/firefox/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -4,16 +4,18 @@ - link "Functional arrow_right\" / \"" - link "(Default) Regular arrow_right\" / \"" - link "Expressive arrow_right\" / \"" - - link "Semantic arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - link "(Default) Adaptive arrow_right\" / \"" - link "Brand arrow_right\" / \"" - - link "Interaction-States arrow_up_right\" / \"" - - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" - - link "Disabled arrow_right\" / \"" [disabled] + - link "Disabled arrow_up_right\" / \"" + - link "(Default) False arrow_right\" / \"" + - link "True arrow_right\" / \"" [disabled] - link "Size arrow_up_right\" / \"" - link "(Default) Medium arrow_right\" / \"" - link "Small arrow_right\" / \"" - link "Content arrow_up_right\" / \"" - link "(Default) Internal arrow_right\" / \"" - link "External arrow_up_right\" / \"" - - link "Show Icon" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - link "(Default) True arrow_right\" / \"" + - link "False" \ No newline at end of file diff --git a/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index c10d7f77611..7341d5c659f 100644 Binary files a/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-chrome/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 85d58f7b390..f4e18675a19 100644 --- a/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/mobile-chrome/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -4,16 +4,18 @@ - link "Functional arrow_right\" / \"" - link "(Default) Regular arrow_right\" / \"" - link "Expressive arrow_right\" / \"" - - link "Semantic arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - link "(Default) Adaptive arrow_right\" / \"" - link "Brand arrow_right\" / \"" - - link "Interaction-States arrow_up_right\" / \"" - - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" - - link "Disabled arrow_right\" / \"" [disabled] + - link "Disabled arrow_up_right\" / \"" + - link "(Default) False arrow_right\" / \"" + - link "True arrow_right\" / \"" [disabled] - link "Size arrow_up_right\" / \"" - link "(Default) Medium arrow_right\" / \"" - link "Small arrow_right\" / \"" - link "Content arrow_up_right\" / \"" - link "(Default) Internal arrow_right\" / \"" - link "External arrow_up_right\" / \"" - - link "Show Icon" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - link "(Default) True arrow_right\" / \"" + - link "False" \ No newline at end of file diff --git a/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index d96a9f5019b..a7c04991164 100644 Binary files a/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/mobile-safari/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 85d58f7b390..f4e18675a19 100644 --- a/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/mobile-safari/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -4,16 +4,18 @@ - link "Functional arrow_right\" / \"" - link "(Default) Regular arrow_right\" / \"" - link "Expressive arrow_right\" / \"" - - link "Semantic arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - link "(Default) Adaptive arrow_right\" / \"" - link "Brand arrow_right\" / \"" - - link "Interaction-States arrow_up_right\" / \"" - - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" - - link "Disabled arrow_right\" / \"" [disabled] + - link "Disabled arrow_up_right\" / \"" + - link "(Default) False arrow_right\" / \"" + - link "True arrow_right\" / \"" [disabled] - link "Size arrow_up_right\" / \"" - link "(Default) Medium arrow_right\" / \"" - link "Small arrow_right\" / \"" - link "Content arrow_up_right\" / \"" - link "(Default) Internal arrow_right\" / \"" - link "External arrow_up_right\" / \"" - - link "Show Icon" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - link "(Default) True arrow_right\" / \"" + - link "False" \ No newline at end of file diff --git a/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png b/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png index e7c530a83a3..93937bc63c2 100644 Binary files a/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png and b/__snapshots__/link/showcase/webkit/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png differ diff --git a/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml b/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml index 85d58f7b390..f4e18675a19 100644 --- a/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/link/showcase/webkit/should-have-same-aria-snapshot/DBLink-should-have-same-aria-snapshot.yaml @@ -4,16 +4,18 @@ - link "Functional arrow_right\" / \"" - link "(Default) Regular arrow_right\" / \"" - link "Expressive arrow_right\" / \"" - - link "Semantic arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - link "(Default) Adaptive arrow_right\" / \"" - link "Brand arrow_right\" / \"" - - link "Interaction-States arrow_up_right\" / \"" - - link "Enabled (Default)/Hover/Pressed arrow_right\" / \"" - - link "Disabled arrow_right\" / \"" [disabled] + - link "Disabled arrow_up_right\" / \"" + - link "(Default) False arrow_right\" / \"" + - link "True arrow_right\" / \"" [disabled] - link "Size arrow_up_right\" / \"" - link "(Default) Medium arrow_right\" / \"" - link "Small arrow_right\" / \"" - link "Content arrow_up_right\" / \"" - link "(Default) Internal arrow_right\" / \"" - link "External arrow_up_right\" / \"" - - link "Show Icon" \ No newline at end of file + - link "Show Icon arrow_up_right\" / \"" + - link "(Default) True arrow_right\" / \"" + - link "False" \ No newline at end of file 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 e94bcb45980..5e84c659019 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 ed3ffa26f20..7d7aedb0262 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 @@ -52,13 +52,45 @@ - text: exclamation_mark_triangle" / " Headline - paragraph: Warning - button "cross\" / \" Close Button" - - link "Behaviour arrow_up_right\" / \"" + - link "Closeable arrow_up_right\" / \"" - article: - - paragraph: (Default) Permanent + - paragraph: (Default) False - article: - - paragraph: Closeable + - paragraph: "True" - button "cross\" / \" Close Button" - - link "Content - Variant:Docked arrow_up_right\" / \"" + - link "Visual arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Image + - link "Show Icon arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Link Variant arrow_up_right\" / \"" + - article: + - paragraph: (Default) Block + - link "Textlink" + - article: + - paragraph: Inline + - link "Textlink" + - link "Show Headline arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Show Timestamp arrow_up_right\" / \"" + - article: + - paragraph: (Default) False + - article: + - paragraph: "True" + - text: 10 min ago + - link "Examples - Variant:Docked arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -84,7 +116,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Standalone arrow_up_right\" / \"" + - link "Examples - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -110,7 +142,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Overlay arrow_up_right\" / \"" + - link "Examples - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text - article: 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 ea938c8c854..96822314ec7 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 ed3ffa26f20..7d7aedb0262 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 @@ -52,13 +52,45 @@ - text: exclamation_mark_triangle" / " Headline - paragraph: Warning - button "cross\" / \" Close Button" - - link "Behaviour arrow_up_right\" / \"" + - link "Closeable arrow_up_right\" / \"" - article: - - paragraph: (Default) Permanent + - paragraph: (Default) False - article: - - paragraph: Closeable + - paragraph: "True" - button "cross\" / \" Close Button" - - link "Content - Variant:Docked arrow_up_right\" / \"" + - link "Visual arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Image + - link "Show Icon arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Link Variant arrow_up_right\" / \"" + - article: + - paragraph: (Default) Block + - link "Textlink" + - article: + - paragraph: Inline + - link "Textlink" + - link "Show Headline arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Show Timestamp arrow_up_right\" / \"" + - article: + - paragraph: (Default) False + - article: + - paragraph: "True" + - text: 10 min ago + - link "Examples - Variant:Docked arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -84,7 +116,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Standalone arrow_up_right\" / \"" + - link "Examples - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -110,7 +142,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Overlay arrow_up_right\" / \"" + - link "Examples - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text - article: 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 15f52610e47..5cbf58d5fbe 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 9ebd85a9983..4ad1f015ede 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 @@ -52,13 +52,43 @@ - text: exclamation_mark_triangle" / " Headline - paragraph: Warning - button "Close Button" - - link "Behaviour arrow_up_right\" / \"" + - link "Closeable arrow_up_right\" / \"" - article: - - paragraph: (Default) Permanent + - paragraph: (Default) False - article: - - paragraph: Closeable + - paragraph: "True" - button "Close Button" - - link "Content - Variant:Docked arrow_up_right\" / \"" + - link "Visual arrow_up_right\" / \"" + - article: + - paragraph: (Default) Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Image + - link "Show Icon arrow_up_right\" / \"" + - article: + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Link Variant arrow_up_right\" / \"" + - article: + - paragraph: (Default) Block + - link "Textlink" + - article: + - paragraph: Inline + - link "Textlink" + - link "Show Headline arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Show Timestamp arrow_up_right\" / \"" + - article: + - paragraph: (Default) False + - article: + - paragraph: "True" + - text: 10 min ago + - link "Examples - Variant:Docked arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -83,7 +113,7 @@ - text: Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Standalone arrow_up_right\" / \"" + - link "Examples - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -108,7 +138,7 @@ - text: Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Overlay arrow_up_right\" / \"" + - link "Examples - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text - article: 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 44aa5d26949..379da2c490f 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 ed3ffa26f20..7d7aedb0262 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 @@ -52,13 +52,45 @@ - text: exclamation_mark_triangle" / " Headline - paragraph: Warning - button "cross\" / \" Close Button" - - link "Behaviour arrow_up_right\" / \"" + - link "Closeable arrow_up_right\" / \"" - article: - - paragraph: (Default) Permanent + - paragraph: (Default) False - article: - - paragraph: Closeable + - paragraph: "True" - button "cross\" / \" Close Button" - - link "Content - Variant:Docked arrow_up_right\" / \"" + - link "Visual arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Image + - link "Show Icon arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Link Variant arrow_up_right\" / \"" + - article: + - paragraph: (Default) Block + - link "Textlink" + - article: + - paragraph: Inline + - link "Textlink" + - link "Show Headline arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Show Timestamp arrow_up_right\" / \"" + - article: + - paragraph: (Default) False + - article: + - paragraph: "True" + - text: 10 min ago + - link "Examples - Variant:Docked arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -84,7 +116,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Standalone arrow_up_right\" / \"" + - link "Examples - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -110,7 +142,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Overlay arrow_up_right\" / \"" + - link "Examples - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text - article: 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 f50a321bfbf..9503a2b6fd9 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 ed3ffa26f20..7d7aedb0262 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 @@ -52,13 +52,45 @@ - text: exclamation_mark_triangle" / " Headline - paragraph: Warning - button "cross\" / \" Close Button" - - link "Behaviour arrow_up_right\" / \"" + - link "Closeable arrow_up_right\" / \"" - article: - - paragraph: (Default) Permanent + - paragraph: (Default) False - article: - - paragraph: Closeable + - paragraph: "True" - button "cross\" / \" Close Button" - - link "Content - Variant:Docked arrow_up_right\" / \"" + - link "Visual arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Image + - link "Show Icon arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Link Variant arrow_up_right\" / \"" + - article: + - paragraph: (Default) Block + - link "Textlink" + - article: + - paragraph: Inline + - link "Textlink" + - link "Show Headline arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Show Timestamp arrow_up_right\" / \"" + - article: + - paragraph: (Default) False + - article: + - paragraph: "True" + - text: 10 min ago + - link "Examples - Variant:Docked arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -84,7 +116,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Standalone arrow_up_right\" / \"" + - link "Examples - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -110,7 +142,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Overlay arrow_up_right\" / \"" + - link "Examples - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text - article: 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 d91850a8ba3..8d13034b9b1 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 ed3ffa26f20..7d7aedb0262 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 @@ -52,13 +52,45 @@ - text: exclamation_mark_triangle" / " Headline - paragraph: Warning - button "cross\" / \" Close Button" - - link "Behaviour arrow_up_right\" / \"" + - link "Closeable arrow_up_right\" / \"" - article: - - paragraph: (Default) Permanent + - paragraph: (Default) False - article: - - paragraph: Closeable + - paragraph: "True" - button "cross\" / \" Close Button" - - link "Content - Variant:Docked arrow_up_right\" / \"" + - link "Visual arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) Icon + - article: + - img "this is a fancy placeholder" + - paragraph: Image + - link "Show Icon arrow_up_right\" / \"" + - article: + - text: information_circle" / " + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Link Variant arrow_up_right\" / \"" + - article: + - paragraph: (Default) Block + - link "Textlink" + - article: + - paragraph: Inline + - link "Textlink" + - link "Show Headline arrow_up_right\" / \"" + - article: + - text: Headline + - paragraph: (Default) True + - article: + - paragraph: "False" + - link "Show Timestamp arrow_up_right\" / \"" + - article: + - paragraph: (Default) False + - article: + - paragraph: "True" + - text: 10 min ago + - link "Examples - Variant:Docked arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -84,7 +116,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Standalone arrow_up_right\" / \"" + - link "Examples - Variant:Standalone arrow_up_right\" / \"" - article: - paragraph: Text - article: @@ -110,7 +142,7 @@ - text: information_circle" / " Headline - paragraph: Text & Icon & Headline & Textlink Inline & Cloaseable - link "Textlink" - - link "Content - Variant:Overlay arrow_up_right\" / \"" + - link "Examples - Variant:Overlay arrow_up_right\" / \"" - article: - paragraph: Text - article: diff --git a/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png index 6b350fc3a14..cde1f1623b3 100644 Binary files a/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png and b/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index 3242a7b60b9..cc8c2d9608f 100644 Binary files a/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/chromium-highContrast/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index 7ad7dbb6e00..00f879a7350 100644 Binary files a/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/chromium/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index d4495d8da2f..ac2e789c91e 100644 Binary files a/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/firefox/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index ee4cca50639..042b7e91fdd 100644 Binary files a/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/mobile-chrome/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index 3bbce588ad1..b4ce775c7d8 100644 Binary files a/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/mobile-safari/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png b/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png index 5e5b025d724..d38d7180361 100644 Binary files a/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png and b/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png differ diff --git a/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png b/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png index f0bf3dbafd8..123c9e3dc52 100644 Binary files a/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png and b/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 41edf7340af..227c8b86717 100644 Binary files a/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index 3ca67ab1f73..4d5737a859d 100644 --- a/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -23,7 +23,7 @@ - text: Expressive - status - text: chevron_down" / " - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -37,31 +37,40 @@ - option "Option 2" - text: Floating Label - status + - text: chevron_down" / " + - link "Show Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) True + - text: (Default) True + - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Hidden Label - - text: Hidden Label + - text: "False" + - text: "False" - status - text: chevron_down" / " - - link "Variant Helper Message arrow_up_right\" / \"" + - link "Show Message arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Basic - - text: (Default) Basic + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Helper Message - - text: Helper Message information_circle" / " Helper Message + - text: "True" + - text: True information_circle" / " Message - status - text: chevron_down" / " - - link "States Label Above arrow_up_right\" / \"" + - link "State arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -75,33 +84,44 @@ - option "Option 2" - text: Filled - status - - text: chevron_down" / " Label - - combobox "Label" [disabled]: + - text: chevron_down" / " + - link "Validation arrow_up_right\" / \"" + - text: Label + - combobox "Label": - option "Option 1" - option "Option 2" - - text: Disabled - - text: Disabled + - text: (Default) No validation + - text: (Default) No validation - status - - text: chevron_down" / " - - link "States Floating Label arrow_up_right\" / \"" - - text: Label + - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Empty - - text: (Default) Empty + - text: Invalid + - text: Invalid exclamation_mark_circle" / " Invalid Message - status - text: chevron_down" / " Label - combobox "Label": - - option "Filled" [selected] + - option "Valid" [selected] - option "Option 2" - - text: Filled + - text: Valid + - text: check_circle" / " Valid message + - status + - text: chevron_down" / " + - link "Disabled arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label" [disabled]: - - option "Disabled" [selected] + - option "Option 1" - option "Option 2" - - text: Disabled + - text: "True" + - text: "True" - status - text: chevron_down" / " - link "Content arrow_up_right\" / \"" @@ -120,19 +140,40 @@ - text: Text - Leading Icon - status - text: chevron_down" / " - - link "Requirement arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Optional - - text: (Default) Optional + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label*" / " - combobox "Label*\" / \"": - option "Option 1" - option "Option 2" - - text: Required - - text: Required + - text: "True" + - text: "True" + - status + - text: chevron_down" / " + - link "Examples Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled - status - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 7db085a44f3..ee28cf6ef92 100644 Binary files a/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index 3ca67ab1f73..4d5737a859d 100644 --- a/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -23,7 +23,7 @@ - text: Expressive - status - text: chevron_down" / " - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -37,31 +37,40 @@ - option "Option 2" - text: Floating Label - status + - text: chevron_down" / " + - link "Show Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) True + - text: (Default) True + - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Hidden Label - - text: Hidden Label + - text: "False" + - text: "False" - status - text: chevron_down" / " - - link "Variant Helper Message arrow_up_right\" / \"" + - link "Show Message arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Basic - - text: (Default) Basic + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Helper Message - - text: Helper Message information_circle" / " Helper Message + - text: "True" + - text: True information_circle" / " Message - status - text: chevron_down" / " - - link "States Label Above arrow_up_right\" / \"" + - link "State arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -75,33 +84,44 @@ - option "Option 2" - text: Filled - status - - text: chevron_down" / " Label - - combobox "Label" [disabled]: + - text: chevron_down" / " + - link "Validation arrow_up_right\" / \"" + - text: Label + - combobox "Label": - option "Option 1" - option "Option 2" - - text: Disabled - - text: Disabled + - text: (Default) No validation + - text: (Default) No validation - status - - text: chevron_down" / " - - link "States Floating Label arrow_up_right\" / \"" - - text: Label + - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Empty - - text: (Default) Empty + - text: Invalid + - text: Invalid exclamation_mark_circle" / " Invalid Message - status - text: chevron_down" / " Label - combobox "Label": - - option "Filled" [selected] + - option "Valid" [selected] - option "Option 2" - - text: Filled + - text: Valid + - text: check_circle" / " Valid message + - status + - text: chevron_down" / " + - link "Disabled arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label" [disabled]: - - option "Disabled" [selected] + - option "Option 1" - option "Option 2" - - text: Disabled + - text: "True" + - text: "True" - status - text: chevron_down" / " - link "Content arrow_up_right\" / \"" @@ -120,19 +140,40 @@ - text: Text - Leading Icon - status - text: chevron_down" / " - - link "Requirement arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Optional - - text: (Default) Optional + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label*" / " - combobox "Label*\" / \"": - option "Option 1" - option "Option 2" - - text: Required - - text: Required + - text: "True" + - text: "True" + - status + - text: chevron_down" / " + - link "Examples Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled - status - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 3d8fb13b5db..e14936db97a 100644 Binary files a/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index 747d407ed19..1bf479a7e38 100644 --- a/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -23,7 +23,7 @@ - text: Expressive - status - text: chevron_down" / " - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -37,31 +37,40 @@ - option "Option 2" - text: Floating Label - status + - text: chevron_down" / " + - link "Show Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) True + - text: (Default) True + - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Hidden Label - - text: Hidden Label + - text: "False" + - text: "False" - status - text: chevron_down" / " - - link "Variant Helper Message arrow_up_right\" / \"" + - link "Show Message arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Basic - - text: (Default) Basic + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Helper Message - - text: Helper Message information_circle" / " Helper Message + - text: "True" + - text: True information_circle" / " Message - status - text: chevron_down" / " - - link "States Label Above arrow_up_right\" / \"" + - link "State arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -75,33 +84,44 @@ - option "Option 2" - text: Filled - status - - text: chevron_down" / " Label - - combobox "Label" [disabled]: + - text: chevron_down" / " + - link "Validation arrow_up_right\" / \"" + - text: Label + - combobox "Label": - option "Option 1" - option "Option 2" - - text: Disabled - - text: Disabled + - text: (Default) No validation + - text: (Default) No validation - status - - text: chevron_down" / " - - link "States Floating Label arrow_up_right\" / \"" - - text: Label + - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Empty - - text: (Default) Empty + - text: Invalid + - text: Invalid exclamation_mark_circle" / " Invalid Message - status - text: chevron_down" / " Label - combobox "Label": - - option "Filled" [selected] + - option "Valid" [selected] - option "Option 2" - - text: Filled + - text: Valid + - text: check_circle" / " Valid message + - status + - text: chevron_down" / " + - link "Disabled arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label" [disabled]: - - option "Disabled" [selected] + - option "Option 1" - option "Option 2" - - text: Disabled + - text: "True" + - text: "True" - status - text: chevron_down" / " - link "Content arrow_up_right\" / \"" @@ -120,19 +140,40 @@ - text: Text - Leading Icon - status - text: chevron_down" / " - - link "Requirement arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Optional - - text: (Default) Optional + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label*" / " - combobox "Label*\" / \"": - option "Option 1" - option "Option 2" - - text: Required - - text: Required + - text: "True" + - text: "True" + - status + - text: chevron_down" / " + - link "Examples Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled - status - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 31a7d6c9ab9..6e2da169ca1 100644 Binary files a/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index 3ca67ab1f73..4d5737a859d 100644 --- a/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -23,7 +23,7 @@ - text: Expressive - status - text: chevron_down" / " - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -37,31 +37,40 @@ - option "Option 2" - text: Floating Label - status + - text: chevron_down" / " + - link "Show Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) True + - text: (Default) True + - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Hidden Label - - text: Hidden Label + - text: "False" + - text: "False" - status - text: chevron_down" / " - - link "Variant Helper Message arrow_up_right\" / \"" + - link "Show Message arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Basic - - text: (Default) Basic + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Helper Message - - text: Helper Message information_circle" / " Helper Message + - text: "True" + - text: True information_circle" / " Message - status - text: chevron_down" / " - - link "States Label Above arrow_up_right\" / \"" + - link "State arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -75,33 +84,44 @@ - option "Option 2" - text: Filled - status - - text: chevron_down" / " Label - - combobox "Label" [disabled]: + - text: chevron_down" / " + - link "Validation arrow_up_right\" / \"" + - text: Label + - combobox "Label": - option "Option 1" - option "Option 2" - - text: Disabled - - text: Disabled + - text: (Default) No validation + - text: (Default) No validation - status - - text: chevron_down" / " - - link "States Floating Label arrow_up_right\" / \"" - - text: Label + - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Empty - - text: (Default) Empty + - text: Invalid + - text: Invalid exclamation_mark_circle" / " Invalid Message - status - text: chevron_down" / " Label - combobox "Label": - - option "Filled" [selected] + - option "Valid" [selected] - option "Option 2" - - text: Filled + - text: Valid + - text: check_circle" / " Valid message + - status + - text: chevron_down" / " + - link "Disabled arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label" [disabled]: - - option "Disabled" [selected] + - option "Option 1" - option "Option 2" - - text: Disabled + - text: "True" + - text: "True" - status - text: chevron_down" / " - link "Content arrow_up_right\" / \"" @@ -120,19 +140,40 @@ - text: Text - Leading Icon - status - text: chevron_down" / " - - link "Requirement arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Optional - - text: (Default) Optional + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label*" / " - combobox "Label*\" / \"": - option "Option 1" - option "Option 2" - - text: Required - - text: Required + - text: "True" + - text: "True" + - status + - text: chevron_down" / " + - link "Examples Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled - status - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 7aae8cf62de..a35ed935fd3 100644 Binary files a/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index 3ca67ab1f73..4d5737a859d 100644 --- a/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -23,7 +23,7 @@ - text: Expressive - status - text: chevron_down" / " - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -37,31 +37,40 @@ - option "Option 2" - text: Floating Label - status + - text: chevron_down" / " + - link "Show Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) True + - text: (Default) True + - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Hidden Label - - text: Hidden Label + - text: "False" + - text: "False" - status - text: chevron_down" / " - - link "Variant Helper Message arrow_up_right\" / \"" + - link "Show Message arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Basic - - text: (Default) Basic + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Helper Message - - text: Helper Message information_circle" / " Helper Message + - text: "True" + - text: True information_circle" / " Message - status - text: chevron_down" / " - - link "States Label Above arrow_up_right\" / \"" + - link "State arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -75,33 +84,44 @@ - option "Option 2" - text: Filled - status - - text: chevron_down" / " Label - - combobox "Label" [disabled]: + - text: chevron_down" / " + - link "Validation arrow_up_right\" / \"" + - text: Label + - combobox "Label": - option "Option 1" - option "Option 2" - - text: Disabled - - text: Disabled + - text: (Default) No validation + - text: (Default) No validation - status - - text: chevron_down" / " - - link "States Floating Label arrow_up_right\" / \"" - - text: Label + - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Empty - - text: (Default) Empty + - text: Invalid + - text: Invalid exclamation_mark_circle" / " Invalid Message - status - text: chevron_down" / " Label - combobox "Label": - - option "Filled" [selected] + - option "Valid" [selected] - option "Option 2" - - text: Filled + - text: Valid + - text: check_circle" / " Valid message + - status + - text: chevron_down" / " + - link "Disabled arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label" [disabled]: - - option "Disabled" [selected] + - option "Option 1" - option "Option 2" - - text: Disabled + - text: "True" + - text: "True" - status - text: chevron_down" / " - link "Content arrow_up_right\" / \"" @@ -120,19 +140,40 @@ - text: Text - Leading Icon - status - text: chevron_down" / " - - link "Requirement arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Optional - - text: (Default) Optional + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label*" / " - combobox "Label*\" / \"": - option "Option 1" - option "Option 2" - - text: Required - - text: Required + - text: "True" + - text: "True" + - status + - text: chevron_down" / " + - link "Examples Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled - status - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 1fd993d6848..eebf4ecb01b 100644 Binary files a/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index 3ca67ab1f73..4d5737a859d 100644 --- a/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -23,7 +23,7 @@ - text: Expressive - status - text: chevron_down" / " - - link "Variant Label arrow_up_right\" / \"" + - link "Variant arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -37,31 +37,40 @@ - option "Option 2" - text: Floating Label - status + - text: chevron_down" / " + - link "Show Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) True + - text: (Default) True + - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Hidden Label - - text: Hidden Label + - text: "False" + - text: "False" - status - text: chevron_down" / " - - link "Variant Helper Message arrow_up_right\" / \"" + - link "Show Message arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Basic - - text: (Default) Basic + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: Helper Message - - text: Helper Message information_circle" / " Helper Message + - text: "True" + - text: True information_circle" / " Message - status - text: chevron_down" / " - - link "States Label Above arrow_up_right\" / \"" + - link "State arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" @@ -75,33 +84,44 @@ - option "Option 2" - text: Filled - status - - text: chevron_down" / " Label - - combobox "Label" [disabled]: + - text: chevron_down" / " + - link "Validation arrow_up_right\" / \"" + - text: Label + - combobox "Label": - option "Option 1" - option "Option 2" - - text: Disabled - - text: Disabled + - text: (Default) No validation + - text: (Default) No validation - status - - text: chevron_down" / " - - link "States Floating Label arrow_up_right\" / \"" - - text: Label + - text: chevron_down" / " Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Empty - - text: (Default) Empty + - text: Invalid + - text: Invalid exclamation_mark_circle" / " Invalid Message - status - text: chevron_down" / " Label - combobox "Label": - - option "Filled" [selected] + - option "Valid" [selected] - option "Option 2" - - text: Filled + - text: Valid + - text: check_circle" / " Valid message + - status + - text: chevron_down" / " + - link "Disabled arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label - combobox "Label" [disabled]: - - option "Disabled" [selected] + - option "Option 1" - option "Option 2" - - text: Disabled + - text: "True" + - text: "True" - status - text: chevron_down" / " - link "Content arrow_up_right\" / \"" @@ -120,19 +140,40 @@ - text: Text - Leading Icon - status - text: chevron_down" / " - - link "Requirement arrow_up_right\" / \"" + - link "Required arrow_up_right\" / \"" - text: Label - combobox "Label": - option "Option 1" - option "Option 2" - - text: (Default) Optional - - text: (Default) Optional + - text: (Default) False + - text: (Default) False - status - text: chevron_down" / " Label*" / " - combobox "Label*\" / \"": - option "Option 1" - option "Option 2" - - text: Required - - text: Required + - text: "True" + - text: "True" + - status + - text: chevron_down" / " + - link "Examples Floating Label arrow_up_right\" / \"" + - text: Label + - combobox "Label": + - option "Option 1" + - option "Option 2" + - text: (Default) Empty + - text: (Default) Empty + - status + - text: chevron_down" / " Label + - combobox "Label": + - option "Filled" [selected] + - option "Option 2" + - text: Filled + - status + - text: chevron_down" / " Label + - combobox "Label" [disabled]: + - option "Disabled" [selected] + - option "Option 2" + - text: Disabled - status - text: chevron_down" / " \ No newline at end of file diff --git a/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png b/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png index e32864f3102..ee00fac268b 100644 Binary files a/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png and b/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index b5a97162d0f..120d8eb2661 100644 Binary files a/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/chromium-highContrast/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index 32fbbf9525f..96fcb74987d 100644 Binary files a/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/chromium/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index ba75cca536f..ce908a42f15 100644 Binary files a/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/firefox/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index d6b384309d2..65b604b4c4a 100644 Binary files a/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/mobile-chrome/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index f2a59f03fe4..be4d02bb4f1 100644 Binary files a/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/mobile-safari/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png b/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png index f9c343e9474..5faa415c22d 100644 Binary files a/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png and b/__snapshots__/stack/showcase/webkit/DBStack-should-match-screenshot-1/DBStack-should-match-screenshot.png differ diff --git a/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png index bfccd26921b..3665a03cc9d 100644 Binary files a/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png and b/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 37ee7f4ebef..5932eddb712 100644 Binary files a/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 8de0647869a..619b3a5900e 100644 Binary files a/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 89f7794b187..993d55d37fd 100644 Binary files a/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index fc3744eb015..1dd17c44538 100644 Binary files a/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 1ad35a829c6..66a906dc087 100644 Binary files a/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/mobile-safari/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png index 695987aa657..c628d39618e 100644 Binary files a/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png and b/__snapshots__/switch/showcase/webkit/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png b/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png index d47ce879e58..a551c475c17 100644 Binary files a/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png and b/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 5d4835f0fd4..2a8e6e42db4 100644 Binary files a/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/chromium-highContrast/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 35266033ae2..0e3e1f7c076 100644 Binary files a/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/chromium/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 03448687c40..66b89e4270c 100644 Binary files a/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/firefox/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 5b18ba9608a..4eb169dff3b 100644 Binary files a/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/mobile-chrome/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index 77dbc9b55e2..c055fafffdb 100644 Binary files a/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/mobile-safari/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png index a62cfd2fe59..2fc650958f2 100644 Binary files a/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png differ diff --git a/packages/components/scripts/post-build/angular.ts b/packages/components/scripts/post-build/angular.ts index e8a96dc6f08..65d5771c26f 100644 --- a/packages/components/scripts/post-build/angular.ts +++ b/packages/components/scripts/post-build/angular.ts @@ -200,10 +200,6 @@ export default (tmp?: boolean) => { }); const replacements: Overwrite[] = [ - { - from: 'attr.disabled', - to: 'disabled' - }, { from: 'ngOnChanges', to: 'ngAfterContentChecked' diff --git a/packages/components/src/components/button/button.lite.tsx b/packages/components/src/components/button/button.lite.tsx index 13a1b5ecb7c..f8d2ba114c2 100644 --- a/packages/components/src/components/button/button.lite.tsx +++ b/packages/components/src/components/button/button.lite.tsx @@ -3,7 +3,11 @@ import type { DBButtonProps, DBButtonState } from './model'; import { cls, getBooleanAsString, getHideProp } from '../../utils'; import { ClickEvent } from '../../shared/model'; -useMetadata({}); +useMetadata({ + angular: { + nativeAttributes: ['disabled'] + } +}); export default function DBButton(props: DBButtonProps) { const ref = useRef(null); diff --git a/packages/components/src/components/checkbox/checkbox.lite.tsx b/packages/components/src/components/checkbox/checkbox.lite.tsx index a01a882bc4f..36f058f316d 100644 --- a/packages/components/src/components/checkbox/checkbox.lite.tsx +++ b/packages/components/src/components/checkbox/checkbox.lite.tsx @@ -11,7 +11,7 @@ import { DBCheckboxProps, DBCheckboxState } from './model'; import { cls, delay, - getBooleanAsString, + stringPropVisible, getHideProp, hasVoiceOver, uuid @@ -24,13 +24,14 @@ import { DEFAULT_VALID_MESSAGE_ID_SUFFIX } from '../../shared/constants'; import { ChangeEvent, InteractionEvent } from '../../shared/model'; -import { - handleFrameworkEvent, - messageVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; import DBInfotext from '../infotext/infotext.lite'; -useMetadata({}); +useMetadata({ + angular: { + nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate'] + } +}); export default function DBCheckbox(props: DBCheckboxProps) { const ref = useRef(null); @@ -77,7 +78,7 @@ export default function DBCheckbox(props: DBCheckboxProps) { props.validMessage ?? DEFAULT_VALID_MESSAGE; delay(() => (state._voiceOverFallback = ''), 1000); } - } else if (props.message) { + } else if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = state._messageId; } else { state._descByIds = ''; @@ -120,7 +121,7 @@ export default function DBCheckbox(props: DBCheckboxProps) { state._invalidMessageId = state._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX; - if (props.message) { + if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = messageId; } } @@ -182,7 +183,7 @@ export default function DBCheckbox(props: DBCheckboxProps) { - + + data-hide-icon-before={getHideProp(props.showIcon ?? true)}> {props.text} diff --git a/packages/components/src/components/input/input.lite.tsx b/packages/components/src/components/input/input.lite.tsx index 1ca574f038b..52f133993de 100644 --- a/packages/components/src/components/input/input.lite.tsx +++ b/packages/components/src/components/input/input.lite.tsx @@ -11,7 +11,7 @@ import { import { cls, delay, - getBooleanAsString, + stringPropVisible, getHideProp, hasVoiceOver, isArrayOfStrings, @@ -35,12 +35,13 @@ import { ValueLabelType } from '../../shared/model'; import DBInfotext from '../infotext/infotext.lite'; -import { - handleFrameworkEvent, - messageVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; -useMetadata({}); +useMetadata({ + angular: { + nativeAttributes: ['disabled', 'required'] + } +}); export default function DBInput(props: DBInputProps) { const ref = useRef(null); @@ -101,7 +102,7 @@ export default function DBInput(props: DBInputProps) { props.validMessage ?? DEFAULT_VALID_MESSAGE; delay(() => (state._voiceOverFallback = ''), 1000); } - } else if (props.message) { + } else if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = state._messageId; } else { state._descByIds = ''; @@ -158,7 +159,7 @@ export default function DBInput(props: DBInputProps) { state._dataListId = props.dataListId ?? state._id + DEFAULT_DATALIST_ID_SUFFIX; - if (props.message) { + if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = messageId; } } @@ -231,7 +232,7 @@ export default function DBInput(props: DBInputProps) { {props.children} - + - +
{props.headline}

@@ -39,7 +39,8 @@ export default function DBNotification(props: DBNotificationProps) { {props.text}

- + {props.timestamp} diff --git a/packages/components/src/components/radio/radio.lite.tsx b/packages/components/src/components/radio/radio.lite.tsx index e42ee772aef..f9636f21491 100644 --- a/packages/components/src/components/radio/radio.lite.tsx +++ b/packages/components/src/components/radio/radio.lite.tsx @@ -12,7 +12,11 @@ import { cls, getHideProp, uuid } from '../../utils'; import { ChangeEvent, InteractionEvent } from '../../shared/model'; import { handleFrameworkEvent } from '../../utils/form-components'; -useMetadata({}); +useMetadata({ + angular: { + nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate'] + } +}); export default function DBRadio(props: DBRadioProps) { const ref = useRef(null); diff --git a/packages/components/src/components/select/select.lite.tsx b/packages/components/src/components/select/select.lite.tsx index 345d0978dc5..f64bfe0a6e0 100644 --- a/packages/components/src/components/select/select.lite.tsx +++ b/packages/components/src/components/select/select.lite.tsx @@ -12,7 +12,7 @@ import { DBSelectOptionType, DBSelectProps, DBSelectState } from './model'; import { cls, delay, - getBooleanAsString, + stringPropVisible, getHideProp, hasVoiceOver, uuid @@ -33,14 +33,11 @@ import { InputEvent, InteractionEvent } from '../../shared/model'; -import { - handleFrameworkEvent, - messageVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; useMetadata({ angular: { - nativeAttributes: ['value'] + nativeAttributes: ['disabled', 'required', 'value'] } }); @@ -106,7 +103,7 @@ export default function DBSelect(props: DBSelectProps) { props.validMessage ?? DEFAULT_VALID_MESSAGE; delay(() => (state._voiceOverFallback = ''), 1000); } - } else if (props.message) { + } else if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = state._messageId; } else { state._descByIds = state._placeholderId; @@ -155,7 +152,7 @@ export default function DBSelect(props: DBSelectProps) { state._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX; state._placeholderId = placeholderId; - if (props.message) { + if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = messageId; } else { state._descByIds = placeholderId; @@ -250,7 +247,7 @@ export default function DBSelect(props: DBSelectProps) { {props.placeholder ?? props.label} - + (null); diff --git a/packages/components/src/components/textarea/textarea.lite.tsx b/packages/components/src/components/textarea/textarea.lite.tsx index a18cd0d64a2..d949d9bafcf 100644 --- a/packages/components/src/components/textarea/textarea.lite.tsx +++ b/packages/components/src/components/textarea/textarea.lite.tsx @@ -9,25 +9,32 @@ import { } from '@builder.io/mitosis'; import { DBTextareaProps, DBTextareaState } from './model'; import DBInfotext from '../infotext/infotext.lite'; -import { cls, delay, getHideProp, hasVoiceOver, uuid } from '../../utils'; +import { + cls, + delay, + getHideProp, + stringPropVisible, + hasVoiceOver, + uuid +} from '../../utils'; import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, - DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_ROWS, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX } from '../../shared/constants'; import { ChangeEvent, InputEvent, InteractionEvent } from '../../shared/model'; -import { - handleFrameworkEvent, - messageVisible -} from '../../utils/form-components'; +import { handleFrameworkEvent } from '../../utils/form-components'; -useMetadata({}); +useMetadata({ + angular: { + nativeAttributes: ['disabled', 'required'] + } +}); export default function DBTextarea(props: DBTextareaProps) { const ref = useRef(null); @@ -84,7 +91,7 @@ export default function DBTextarea(props: DBTextareaProps) { props.validMessage ?? DEFAULT_VALID_MESSAGE; delay(() => (state._voiceOverFallback = ''), 1000); } - } else if (props.message) { + } else if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = state._messageId; } else { state._descByIds = ''; @@ -126,7 +133,7 @@ export default function DBTextarea(props: DBTextareaProps) { state._invalidMessageId = state._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX; - if (props.message) { + if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = messageId; } } @@ -178,7 +185,7 @@ export default function DBTextarea(props: DBTextareaProps) { cols={props.cols} /> - + { - if (showMessage === undefined) { - return !!message; - } else { - return showMessage && message; - } -}; - -export default { messageVisible, handleFrameworkEvent }; +export default { handleFrameworkEvent }; diff --git a/packages/components/src/utils/index.ts b/packages/components/src/utils/index.ts index a8089fbe8ad..62f955b506a 100644 --- a/packages/components/src/utils/index.ts +++ b/packages/components/src/utils/index.ts @@ -272,6 +272,17 @@ export const getHideProp = (show?: boolean): any => { return getBooleanAsString(!show); }; +export const stringPropVisible = ( + givenString?: string, + showString?: boolean +) => { + if (showString === undefined) { + return !!givenString; + } else { + return showString && givenString; + } +}; + export default { getRootProps, filterPassingProps, @@ -287,5 +298,6 @@ export default { delay, enableCustomElementAttributePassing, getBooleanAsString, - getHideIcon: getHideProp + getHideProp, + stringPropVisible }; diff --git a/showcases/angular-showcase/src/app/components/button/button.component.html b/showcases/angular-showcase/src/app/components/button/button.component.html index 9a5d3895d3e..c7a5c36ab1b 100644 --- a/showcases/angular-showcase/src/app/components/button/button.component.html +++ b/showcases/angular-showcase/src/app/components/button/button.component.html @@ -15,6 +15,7 @@ [size]="exampleProps?.size" [icon]="exampleProps?.icon" [noText]="exampleProps?.noText" + [showIcon]="exampleProps?.showIcon" [disabled]="exampleProps?.disabled" [width]="exampleProps?.width" (click)="showAlert(exampleName)" diff --git a/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.html b/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.html index feec7f0f281..c9b5b7658d0 100644 --- a/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.html +++ b/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.html @@ -18,8 +18,24 @@ [required]="exampleProps?.required" [indeterminate]="exampleProps?.indeterminate" [showLabel]="exampleProps?.showLabel" + [validation]="exampleProps?.validation" + [invalidMessage]="exampleProps?.invalidMessage" + [validMessage]="exampleProps?.validMessage" [size]="exampleProps?.size" >{{ exampleName }} + @if ( + exampleProps?.showLabel !== undefined && + exampleProps?.showLabel !== null && + !exampleProps?.showLabel + ) { + + {{ exampleName }} + + } diff --git a/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.ts b/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.ts index c896e2e63a0..6869387448e 100644 --- a/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.ts +++ b/showcases/angular-showcase/src/app/components/checkbox/checkbox.component.ts @@ -1,5 +1,5 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; -import { DBCheckbox } from '../../../../../../output/angular/src'; +import { DBCheckbox, DBInfotext } from '../../../../../../output/angular/src'; import defaultComponentVariants from '../../../../../shared/checkbox.json'; import { DefaultComponent } from '../default.component'; import { environment } from '../../../environments/environment'; @@ -7,9 +7,11 @@ import { environment } from '../../../environments/environment'; @Component({ selector: 'app-checkbox', templateUrl: './checkbox.component.html', - imports: environment.webComponents - ? [DefaultComponent] - : [DefaultComponent, DBCheckbox], + imports: [ + environment.webComponents + ? [DefaultComponent] + : [DefaultComponent, DBCheckbox, DBInfotext] + ], standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) diff --git a/showcases/angular-showcase/src/app/components/infotext/infotext.component.html b/showcases/angular-showcase/src/app/components/infotext/infotext.component.html index 87d9cca75b5..34d29ef0aad 100644 --- a/showcases/angular-showcase/src/app/components/infotext/infotext.component.html +++ b/showcases/angular-showcase/src/app/components/infotext/infotext.component.html @@ -14,6 +14,7 @@ [size]="exampleProps?.size" [semantic]="exampleProps?.semantic" [icon]="exampleProps?.icon" + [showIcon]="exampleProps?.showIcon" > {{ exampleName }} diff --git a/showcases/angular-showcase/src/app/components/input/input.component.html b/showcases/angular-showcase/src/app/components/input/input.component.html index 6520f125a81..45186e747e2 100644 --- a/showcases/angular-showcase/src/app/components/input/input.component.html +++ b/showcases/angular-showcase/src/app/components/input/input.component.html @@ -24,6 +24,10 @@ [iconAfter]="exampleProps?.iconAfter" [readOnly]="exampleProps?.readOnly" [showLabel]="exampleProps?.showLabel" + [showMessage]="exampleProps?.showMessage" + [invalidMessage]="exampleProps?.invalidMessage" + [validMessage]="exampleProps?.validMessage" + [validation]="exampleProps?.validation" [dataList]=" exampleProps?.dataList ? getDataList(exampleProps?.variant) diff --git a/showcases/angular-showcase/src/app/components/input/input.component.ts b/showcases/angular-showcase/src/app/components/input/input.component.ts index d350fa95207..b6a8124c375 100644 --- a/showcases/angular-showcase/src/app/components/input/input.component.ts +++ b/showcases/angular-showcase/src/app/components/input/input.component.ts @@ -2,7 +2,6 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import defaultComponentVariants from '../../../../../shared/input.json'; import { DefaultComponent } from '../default.component'; import { - DBCheckbox, DBInput, LabelVariantType, ValueLabelType @@ -15,8 +14,7 @@ import { environment } from '../../../environments/environment'; imports: [ environment.webComponents ? [DefaultComponent] - : [DefaultComponent, DBInput], - DBCheckbox + : [DefaultComponent, DBInput] ], standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA] diff --git a/showcases/angular-showcase/src/app/components/notification/notification.component.html b/showcases/angular-showcase/src/app/components/notification/notification.component.html index ffef1e818bc..23ecdd04db5 100644 --- a/showcases/angular-showcase/src/app/components/notification/notification.component.html +++ b/showcases/angular-showcase/src/app/components/notification/notification.component.html @@ -17,7 +17,10 @@ [icon]="exampleProps?.icon" [closeable]="exampleProps?.closeable" [variant]="exampleProps?.variant" + [showIcon]="exampleProps?.showIcon" + [showHeadline]="exampleProps?.showHeadline" [timestamp]="exampleProps?.timestamp" + [showTimestamp]="exampleProps?.showTimestamp" (onClose)="showNotification(exampleName)" > @if (exampleProps?.link) { diff --git a/showcases/angular-showcase/src/app/components/radio/radio.component.html b/showcases/angular-showcase/src/app/components/radio/radio.component.html index 0b6fa9877a2..276aa88bf15 100644 --- a/showcases/angular-showcase/src/app/components/radio/radio.component.html +++ b/showcases/angular-showcase/src/app/components/radio/radio.component.html @@ -19,8 +19,22 @@ [required]="exampleProps?.required" [disabled]="exampleProps?.disabled" [showLabel]="exampleProps?.showLabel" + [validation]="exampleProps?.validation" > {{ exampleName }} + @if ( + exampleProps?.showLabel !== undefined && + exampleProps?.showLabel !== null && + !exampleProps?.showLabel + ) { + + {{ exampleName }} + + } diff --git a/showcases/angular-showcase/src/app/components/radio/radio.component.ts b/showcases/angular-showcase/src/app/components/radio/radio.component.ts index 115d8c6b435..1e029db0d6a 100644 --- a/showcases/angular-showcase/src/app/components/radio/radio.component.ts +++ b/showcases/angular-showcase/src/app/components/radio/radio.component.ts @@ -1,7 +1,11 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import defaultComponentVariants from '../../../../../shared/radio.json'; import { DefaultComponent } from '../default.component'; -import { DBCheckbox, DBRadio } from '../../../../../../output/angular/src'; +import { + DBCheckbox, + DBInfotext, + DBRadio +} from '../../../../../../output/angular/src'; import { environment } from '../../../environments/environment'; @Component({ @@ -10,8 +14,7 @@ import { environment } from '../../../environments/environment'; imports: [ environment.webComponents ? [DefaultComponent] - : [DefaultComponent, DBRadio], - DBCheckbox + : [DefaultComponent, DBRadio, DBInfotext] ], schemas: [CUSTOM_ELEMENTS_SCHEMA], standalone: true diff --git a/showcases/angular-showcase/src/app/components/select/select.component.html b/showcases/angular-showcase/src/app/components/select/select.component.html index b51738a8eb3..caf556e651e 100644 --- a/showcases/angular-showcase/src/app/components/select/select.component.html +++ b/showcases/angular-showcase/src/app/components/select/select.component.html @@ -21,6 +21,10 @@ [required]="exampleProps?.required" [value]="exampleProps?.value" [message]="exampleProps?.message" + [showMessage]="exampleProps?.showMessage" + [invalidMessage]="exampleProps?.invalidMessage" + [validMessage]="exampleProps?.validMessage" + [validation]="exampleProps?.validation" >{{ exampleName }} diff --git a/showcases/angular-showcase/src/app/components/select/select.component.ts b/showcases/angular-showcase/src/app/components/select/select.component.ts index 841a8f8d3e2..8fe54418001 100644 --- a/showcases/angular-showcase/src/app/components/select/select.component.ts +++ b/showcases/angular-showcase/src/app/components/select/select.component.ts @@ -1,7 +1,7 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import defaultComponentVariants from '../../../../../shared/select.json'; import { DefaultComponent } from '../default.component'; -import { DBCheckbox, DBSelect } from '../../../../../../output/angular/src'; +import { DBSelect } from '../../../../../../output/angular/src'; import { environment } from '../../../environments/environment'; @Component({ @@ -10,8 +10,7 @@ import { environment } from '../../../environments/environment'; imports: [ environment.webComponents ? [DefaultComponent] - : [DefaultComponent, DBSelect], - DBCheckbox + : [DefaultComponent, DBSelect] ], schemas: [CUSTOM_ELEMENTS_SCHEMA], standalone: true diff --git a/showcases/angular-showcase/src/app/components/switch/switch.component.html b/showcases/angular-showcase/src/app/components/switch/switch.component.html index 1f938ee903b..b4bcec73a3e 100644 --- a/showcases/angular-showcase/src/app/components/switch/switch.component.html +++ b/showcases/angular-showcase/src/app/components/switch/switch.component.html @@ -14,11 +14,13 @@ [visualAid]="exampleProps?.visualAid" [checked]="exampleProps?.checked" [disabled]="exampleProps?.disabled" + [required]="exampleProps?.required" [showLabel]="exampleProps?.showLabel" [size]="exampleProps?.size" [emphasis]="exampleProps?.emphasis" [icon]="exampleProps?.icon" [iconAfter]="exampleProps?.iconAfter" + [validation]="exampleProps?.validation" > {{ exampleName }} diff --git a/showcases/angular-showcase/src/app/components/textarea/textarea.component.html b/showcases/angular-showcase/src/app/components/textarea/textarea.component.html index d338713912b..bfb28a479de 100644 --- a/showcases/angular-showcase/src/app/components/textarea/textarea.component.html +++ b/showcases/angular-showcase/src/app/components/textarea/textarea.component.html @@ -22,6 +22,10 @@ [showLabel]="exampleProps?.showLabel" [placeholder]="exampleProps?.placeholder || exampleName" [message]="exampleProps?.message" + [showMessage]="exampleProps?.showMessage" + [invalidMessage]="exampleProps?.invalidMessage" + [validMessage]="exampleProps?.validMessage" + [validation]="exampleProps?.validation" > diff --git a/showcases/angular-showcase/src/app/components/textarea/textarea.component.ts b/showcases/angular-showcase/src/app/components/textarea/textarea.component.ts index 4839f93eb9f..dfb5c77ebe0 100644 --- a/showcases/angular-showcase/src/app/components/textarea/textarea.component.ts +++ b/showcases/angular-showcase/src/app/components/textarea/textarea.component.ts @@ -1,7 +1,7 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import defaultComponentVariants from '../../../../../shared/textarea.json'; import { DefaultComponent } from '../default.component'; -import { DBCheckbox, DBTextarea } from '../../../../../../output/angular/src'; +import { DBTextarea } from '../../../../../../output/angular/src'; import { environment } from '../../../environments/environment'; @Component({ @@ -10,8 +10,7 @@ import { environment } from '../../../environments/environment'; imports: [ environment.webComponents ? [DefaultComponent] - : [DefaultComponent, DBTextarea], - DBCheckbox + : [DefaultComponent, DBTextarea] ], schemas: [CUSTOM_ELEMENTS_SCHEMA], standalone: true diff --git a/showcases/react-showcase/src/components/button/index.tsx b/showcases/react-showcase/src/components/button/index.tsx index c3c0f07feec..d658dfeabe0 100644 --- a/showcases/react-showcase/src/components/button/index.tsx +++ b/showcases/react-showcase/src/components/button/index.tsx @@ -14,7 +14,8 @@ const getButton = ({ width, disabled, children, - type + type, + showIcon }: DBButtonProps) => ( { // eslint-disable-next-line no-alert alert(children.toString()); diff --git a/showcases/react-showcase/src/components/checkbox/index.tsx b/showcases/react-showcase/src/components/checkbox/index.tsx index 601fddc84ee..9a47d13ffc9 100644 --- a/showcases/react-showcase/src/components/checkbox/index.tsx +++ b/showcases/react-showcase/src/components/checkbox/index.tsx @@ -1,4 +1,4 @@ -import { DBCheckbox } from '../../../../../output/react/src'; +import { DBCheckbox, DBInfotext } from '../../../../../output/react/src'; import DefaultComponent from '../default-component'; import { getVariants } from '../data'; import defaultComponentVariants from '../../../../shared/checkbox.json'; @@ -15,20 +15,33 @@ const getCheckbox = ({ disabled, indeterminate, variant, - showLabel + showLabel, + validation, + invalidMessage, + validMessage }: DBCheckboxProps) => ( - - {children} - + <> + + {children} + + {showLabel !== undefined && !showLabel && ( + + {children} + + )} + ); const CheckboxComponent = (props: BaseComponentProps) => { diff --git a/showcases/react-showcase/src/components/infotext/index.tsx b/showcases/react-showcase/src/components/infotext/index.tsx index 1132b1680b5..383cada8b4b 100644 --- a/showcases/react-showcase/src/components/infotext/index.tsx +++ b/showcases/react-showcase/src/components/infotext/index.tsx @@ -5,8 +5,14 @@ import { type DBInfotextProps } from '../../../../../output/react/src/components import { getVariants } from '../data'; import { type BaseComponentProps } from '../base-component-data'; -const getInfotext = ({ semantic, size, icon, children }: DBInfotextProps) => ( - +const getInfotext = ({ + semantic, + size, + icon, + children, + showIcon +}: DBInfotextProps) => ( + {children} ); diff --git a/showcases/react-showcase/src/components/input/index.tsx b/showcases/react-showcase/src/components/input/index.tsx index 882749e87ac..0c05f93d225 100644 --- a/showcases/react-showcase/src/components/input/index.tsx +++ b/showcases/react-showcase/src/components/input/index.tsx @@ -36,7 +36,11 @@ const getInput = ({ variant, readOnly, dataList, - showLabel + showLabel, + showMessage, + validMessage, + validation, + invalidMessage }: DBInputProps & { dataList: boolean }) => { return ( ); diff --git a/showcases/react-showcase/src/components/notification/index.tsx b/showcases/react-showcase/src/components/notification/index.tsx index 8607652936c..d937176422d 100644 --- a/showcases/react-showcase/src/components/notification/index.tsx +++ b/showcases/react-showcase/src/components/notification/index.tsx @@ -16,7 +16,10 @@ const getNotification = ({ link, timestamp, linkVariant, - img + img, + showIcon, + showHeadline, + showTimestamp }: DBNotificationProps & { link: boolean; img: boolean }) => ( { // eslint-disable-next-line no-alert alert(children.toString()); - }}> + }} + showIcon={showIcon} + showHeadline={showHeadline}> {children} ); diff --git a/showcases/react-showcase/src/components/radio/index.tsx b/showcases/react-showcase/src/components/radio/index.tsx index 47b516ff9da..f3d08696e85 100644 --- a/showcases/react-showcase/src/components/radio/index.tsx +++ b/showcases/react-showcase/src/components/radio/index.tsx @@ -1,4 +1,4 @@ -import { DBRadio } from '../../../../../output/react/src'; +import { DBInfotext, DBRadio } from '../../../../../output/react/src'; import DefaultComponent from '../default-component'; import { getVariants } from '../data'; import defaultComponentVariants from '../../../../shared/radio.json'; @@ -14,19 +14,28 @@ const getRadio = ({ children, disabled, value, - showLabel + showLabel, + validation }: DBRadioProps) => ( - - {children} - + <> + + {children} + + {showLabel !== undefined && !showLabel && ( + + {children} + + )} + ); const RadioComponent = (props: BaseComponentProps) => { diff --git a/showcases/react-showcase/src/components/select/index.tsx b/showcases/react-showcase/src/components/select/index.tsx index 8e2ec2c9721..4ad705f1216 100644 --- a/showcases/react-showcase/src/components/select/index.tsx +++ b/showcases/react-showcase/src/components/select/index.tsx @@ -16,7 +16,11 @@ const getSelect = ({ value, required, variant, - showLabel + showLabel, + showMessage, + invalidMessage, + validMessage, + validation }: DBSelectProps) => { const [mValue, setValue] = useState(value); return ( @@ -33,7 +37,11 @@ const getSelect = ({ setValue(event.target.value); }} message={message} - required={required}> + required={required} + showMessage={showMessage} + invalidMessage={invalidMessage} + validMessage={validMessage} + validation={validation}> {children} ); diff --git a/showcases/react-showcase/src/components/switch/index.tsx b/showcases/react-showcase/src/components/switch/index.tsx index d15bdc713b9..a0851386cba 100644 --- a/showcases/react-showcase/src/components/switch/index.tsx +++ b/showcases/react-showcase/src/components/switch/index.tsx @@ -14,7 +14,8 @@ const getSwitch = ({ emphasis, size, icon, - iconAfter + iconAfter, + required }: DBSwitchProps) => ( <> + iconAfter={iconAfter} + required={required}> {children} {showLabel !== undefined && !showLabel && ( diff --git a/showcases/react-showcase/src/components/textarea/index.tsx b/showcases/react-showcase/src/components/textarea/index.tsx index 589939f48ee..478adbbf020 100644 --- a/showcases/react-showcase/src/components/textarea/index.tsx +++ b/showcases/react-showcase/src/components/textarea/index.tsx @@ -18,7 +18,11 @@ const getTextarea = ({ required, children, variant, - showLabel + showLabel, + showMessage, + validMessage, + validation, + invalidMessage }: DBTextareaProps) => { const [dynamicValue, setDynamicValue] = useState(value); return ( @@ -37,6 +41,10 @@ const getTextarea = ({ placeholder={placeholder ?? children} rows={rows} value={dynamicValue} + showMessage={showMessage} + invalidMessage={invalidMessage} + validMessage={validMessage} + validation={validation} /> ); }; diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBButton-next-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBButton-next-1.txt index 2f9862eb9f6..572d984e9de 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBButton-next-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBButton-next-1.txt @@ -1 +1 @@ -["(Default) Text button","Icon & Text button","Icon button"] \ No newline at end of file +["(Default) False button","True button"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt index be24bbe63c9..0abcc62a147 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt @@ -1 +1 @@ -["Required required unchecked checkbox","Required","Required - Indeterminate required mixed checkbox","Required","Required required unchecked checkbox","TODO: Add a validMessage","Required","TODO: Add a validMessage","Required - Indeterminate required mixed checkbox","TODO: Add a validMessage","Required","Required TODO: Add a validMessage required checked checkbox","Select this checkbox","Required","Select this checkbox","Required - Indeterminate required mixed checkbox"] \ No newline at end of file +["True required unchecked checkbox","True","end of Required group","True","True required unchecked checkbox","required checked True TODO: Add a validMessage checkbox","True","TODO: Add a validMessage","end of Required group","TODO: Add a validMessage","True","True TODO: Add a validMessage required checked checkbox","required unchecked True Select this checkbox checkbox","True","Select this checkbox","end of Required group"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt index 2a265deac6b..710c361d50d 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-next-1.txt @@ -1 +1 @@ -["Label (Default) Basic edit text","Label","Label Helper Message edit text","Helper Message"] \ No newline at end of file +["Label (Default) False edit text","Label","Label True edit text","Message"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt index f8521dd5853..71bf3867876 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBInput-required-1.txt @@ -1 +1 @@ -["Label Required required edit text","TODO: Add a validMessage. Test","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file +["Label True required edit text","TODO: Add a validMessage. Test","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt index d14a1b6c6e0..6c14d7dcea6 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBLink-default-1.txt @@ -1 +1 @@ -["link Enabled (Default)/Hover/Pressed","dimmed link Disabled. This item is dimmed"] \ No newline at end of file +["link (Default) False","dimmed link True. This item is dimmed"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt index d8733408ea4..1ceaf61b247 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-default-1.txt @@ -1 +1 @@ -["(Def) Enabled off switch","on (Def) Enabled switch","(Def) Enabled","Checked on switch","off Checked switch","Checked","Disabled dimmed off switch. This item is dimmed","dimmed","Disabled"] \ No newline at end of file +["(Default) False off switch","on (Default) False switch","(Default) False","True on switch","off True switch","True","True","on True switch","True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt index f91b17880c8..4397680d2fe 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBSwitch-icon-1.txt @@ -1 +1 @@ -["(Def) No Visual Aid + unchecked off switch","(Def) No Visual Aid + unchecked","Visual Aid + unchecked off switch","on Visual Aid + unchecked switch","Visual Aid + unchecked"] \ No newline at end of file +["(Default) False + Unchecked off switch","(Default) False + Unchecked","(Default) False + Checked on switch","off (Default) False + Checked switch","(Default) False + Checked"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt index 912da617d91..b389f068218 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-next-1.txt @@ -1 +1 @@ -["Label","Label (Default) Basic edit text","Label","Label Helper Message edit text","Helper Message"] \ No newline at end of file +["Label","Label (Default) False edit text","Label","Label true edit text","Message"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt index f8521dd5853..71bf3867876 100644 --- a/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt +++ b/showcases/screen-reader/__snapshots__/macos/webkit/DBTextarea-required-1.txt @@ -1 +1 @@ -["Label Required required edit text","TODO: Add a validMessage. Test","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file +["Label True required edit text","TODO: Add a validMessage. Test","Test selected","Fill out this field","TODO: Add a validMessage. Test"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-next-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-next-1.txt index 5966d60a9d2..f8dc0de433b 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-next-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-next-1.txt @@ -1 +1 @@ -["button, (Default) Text","button, Icon and Text","button, Icon"] \ No newline at end of file +["button, (Default) False","button, True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-tab-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-tab-1.txt index f7e1b68df91..14ea6bc40ca 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-tab-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBButton-tab-1.txt @@ -1 +1 @@ -["(Default) Text, button","Icon and Text, button","Icon, button"] \ No newline at end of file +["(Default) False, button","True, button"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt index 8c67ec6303d..f22859f463f 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt @@ -1 +1 @@ -["check box, not checked, required, Required","TODO: Add a valid Message. checked","Required","TODO: Add a valid Message","Required","check box, checked, required, Required","Please check this box if you want to proceed.. not checked","Required","Please check this box if you want to proceed.","check box, half checked, required, Required Indeterminate"] \ No newline at end of file +["check box, not checked, required, True","TODO: Add a valid Message. checked","True","TODO: Add a valid Message","True","check box, checked, required, True","Please check this box if you want to proceed.. not checked","True","Please check this box if you want to proceed.","Please check this box if you want to proceed."] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-required-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-required-1.txt index cde79e5eb05..116822a36ab 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-required-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-required-1.txt @@ -1 +1 @@ -["Label, edit, required, Required, blank","T. e. s. t. TODO: Add a valid Message","Test selected","blank. Please fill out this field.. unselected","T. e. s. t. TODO: Add a valid Message"] \ No newline at end of file +["Label, edit, required, True, blank","T. e. s. t. TODO: Add a valid Message","Test selected","blank. Please fill out this field.. unselected","T. e. s. t. TODO: Add a valid Message"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt index 5a7d07d2153..bc03259ffe2 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBInput-tab-1.txt @@ -1 +1 @@ -["Label, edit, (Default) Basic, blank","Label, edit, Helper Message, Helper Message, blank"] \ No newline at end of file +["Label, edit, (Default) False, blank","Label, edit, Message, True, blank"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt index ef3d724fe95..29f9aeded8d 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBLink-default-1.txt @@ -1 +1 @@ -["link, Enabled (Default) slash Hover slash Pressed","unavailable, link, Disabled"] \ No newline at end of file +["link, (Default) False","unavailable, link, True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt index b82b5e0e4c0..cc5a15a8035 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-default-1.txt @@ -1 +1 @@ -["check box, not checked, (Def) Enabled","checked","check box, checked, Checked","not checked","check box, unavailable, not checked, Disabled"] \ No newline at end of file +["check box, not checked, (Default) False","checked","check box, checked, True","not checked","check box, not checked, True"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt index 31b3206dabd..ca6989b66b9 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt @@ -1 +1 @@ -["check box, not checked, (Def) No Visual Aid plus unchecked","check box, not checked, Visual Aid plus unchecked","checked"] \ No newline at end of file +["check box, not checked, (Default) False plus Unchecked","check box, checked, (Default) False plus Checked","not checked"] \ No newline at end of file diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt index bbd72d3c97e..0dfb1786d96 100644 --- a/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt +++ b/showcases/screen-reader/__snapshots__/windows/chromium/DBTextarea-required-1.txt @@ -1 +1 @@ -["Label, edit, required, multi line, Required, blank","T. e. s. t. TODO: Add a valid Message","Test selected","blank. Please fill out this field.. unselected","T. e. s. t. TODO: Add a valid Message"] \ No newline at end of file +["Label, edit, required, multi line, True, blank","T. e. s. t. TODO: Add a valid Message","Test selected","blank. Please fill out this field.. unselected","T. e. s. t. TODO: Add a valid Message"] \ No newline at end of file diff --git a/showcases/screen-reader/tests/button.spec.ts b/showcases/screen-reader/tests/button.spec.ts index ca33ec727b1..4bb8dc10fbf 100644 --- a/showcases/screen-reader/tests/button.spec.ts +++ b/showcases/screen-reader/tests/button.spec.ts @@ -7,7 +7,7 @@ test.describe('DBButton', () => { test, title: 'next()', description: 'should not have icon in screen reader (next())', - url: './#/02/button?page=content', + url: './#/02/button?page=show+icon', async testFn(voiceOver, nvda) { if (nvda) { await nvda?.next(); @@ -17,14 +17,13 @@ test.describe('DBButton', () => { await screenReader?.clearSpokenPhraseLog(); await screenReader?.previous(); await screenReader?.next(); - await screenReader?.next(); } }); testDefault({ test, title: 'tab', description: 'should not have icon in screen reader (tab)', - url: './#/02/button?page=content', + url: './#/02/button?page=show+icon', async testFn(voiceOver, nvda) { if (voiceOver) { // Voiceover isn't working with tab in pipeline @@ -35,7 +34,6 @@ test.describe('DBButton', () => { await nvda?.clearSpokenPhraseLog(); await nvda?.press('Shift+Tab'); await nvda?.press('Tab'); - await nvda?.press('Tab'); } }); }); diff --git a/showcases/screen-reader/tests/checkbox.spec.ts b/showcases/screen-reader/tests/checkbox.spec.ts index 0b594ad5ae4..6542bfe06b1 100644 --- a/showcases/screen-reader/tests/checkbox.spec.ts +++ b/showcases/screen-reader/tests/checkbox.spec.ts @@ -8,7 +8,7 @@ test.describe('DBCheckbox', () => { title: 'default', description: 'should tick and untick checkbox, feedback messages must appear', - url: './#/03/checkbox?page=requirement', + url: './#/03/checkbox?page=required', async testFn(voiceOver, nvda) { if (nvda) { await nvda?.next(); // Focus checkbox 2 diff --git a/showcases/screen-reader/tests/input.spec.ts b/showcases/screen-reader/tests/input.spec.ts index 8f06ca6a40c..78f6462552c 100644 --- a/showcases/screen-reader/tests/input.spec.ts +++ b/showcases/screen-reader/tests/input.spec.ts @@ -7,7 +7,7 @@ test.describe('DBInput', () => { test, title: 'next()', description: 'should have message and label (next())', - url: './#/03/input?page=variant%20helper%20message', + url: './#/03/input?page=show+message', async testFn(voiceOver, nvda) { if (nvda) { // Nvda doesn't have a next if the element is an input @@ -26,7 +26,7 @@ test.describe('DBInput', () => { test, title: 'tab', description: 'should have message and label (tab)', - url: './#/03/input?page=variant%20helper%20message', + url: './#/03/input?page=show+message', async testFn(voiceOver, nvda) { if (voiceOver) { // Voiceover isn't working with tab in pipeline @@ -43,7 +43,7 @@ test.describe('DBInput', () => { test, title: 'required', description: 'should inform user for changes', - url: './#/03/input?page=requirement', + url: './#/03/input?page=required', async testFn(voiceOver, nvda) { if (voiceOver) { /* Goto desired input */ diff --git a/showcases/screen-reader/tests/link.spec.ts b/showcases/screen-reader/tests/link.spec.ts index cdaa4cf8857..9a21b2e7ea9 100644 --- a/showcases/screen-reader/tests/link.spec.ts +++ b/showcases/screen-reader/tests/link.spec.ts @@ -8,7 +8,7 @@ test.describe('DBLink', () => { title: 'default', description: 'should not mention icon, should have link and dimmed link (next())', - url: './#/02/link?page=interaction-states', + url: './#/02/link?page=disabled', async testFn(voiceOver, nvda) { const screenReader = voiceOver ?? nvda; await screenReader?.previous(); // Link "Enabled (Default)/Hover/Pressed" diff --git a/showcases/screen-reader/tests/switch.spec.ts b/showcases/screen-reader/tests/switch.spec.ts index e921e545077..061f9c5d776 100644 --- a/showcases/screen-reader/tests/switch.spec.ts +++ b/showcases/screen-reader/tests/switch.spec.ts @@ -8,7 +8,7 @@ test.describe('DBSwitch', () => { title: 'default', description: 'should toggle switches, should not toggle disabled switch', - url: './#/03/switch?page=states', + url: './#/03/switch?page=checked', async testFn(voiceOver, nvda) { if (nvda) { await nvda?.previous(); // Focus "switch 1" diff --git a/showcases/screen-reader/tests/textarea.spec.ts b/showcases/screen-reader/tests/textarea.spec.ts index 5ff45b6aedd..9738d8cc308 100644 --- a/showcases/screen-reader/tests/textarea.spec.ts +++ b/showcases/screen-reader/tests/textarea.spec.ts @@ -7,7 +7,7 @@ test.describe('DBTextarea', () => { test, title: 'next', description: 'should have message and label (next())', - url: './#/03/textarea?page=variant+helper+message', + url: './#/03/textarea?page=show+message', async testFn(voiceOver, nvda) { if (nvda) { // Nvda doesn't have a next if the element is an input @@ -26,7 +26,7 @@ test.describe('DBTextarea', () => { test, title: 'required', description: 'should inform user for changes', - url: './#/03/textarea?page=requirement', + url: './#/03/textarea?page=required', async testFn(voiceOver, nvda) { if (voiceOver) { /* Goto desired input */ diff --git a/showcases/shared/badge.json b/showcases/shared/badge.json index 6b72eca28a5..caf3b3c8eb3 100644 --- a/showcases/shared/badge.json +++ b/showcases/shared/badge.json @@ -132,12 +132,6 @@ { "name": "(Default) Text" }, - { - "name": "(Default) Text - Medium", - "props": { - "size": "medium" - } - }, { "name": "Dot - Small", "content": "", @@ -145,26 +139,11 @@ "noContent": true } }, - { - "name": "Dot - Medium", - "content": "", - "props": { - "noContent": true, - "size": "medium" - } - }, { "name": "Icon - Small", "props": { "example": "icon" } - }, - { - "name": "Icon - Medium", - "props": { - "example": "icon", - "size": "medium" - } } ] }, @@ -229,6 +208,27 @@ "props": { "example": "number" } + }, + { + "name": "(Default) Text - Medium", + "props": { + "size": "medium" + } + }, + { + "name": "Dot - Medium", + "content": "", + "props": { + "noContent": true, + "size": "medium" + } + }, + { + "name": "Icon - Medium", + "props": { + "example": "icon", + "size": "medium" + } } ] } diff --git a/showcases/shared/button.json b/showcases/shared/button.json index ce2a6aaab30..df71a2af66a 100644 --- a/showcases/shared/button.json +++ b/showcases/shared/button.json @@ -47,13 +47,16 @@ ] }, { - "name": "State", + "name": "Disabled", "examples": [ { - "name": "(Default) Enabled" + "name": "(Default) False", + "props": { + "disabled": false + } }, { - "name": "Disabled", + "name": "True", "props": { "disabled": true } @@ -75,19 +78,35 @@ ] }, { - "name": "Content", + "name": "Show Icon", "examples": [ { - "name": "(Default) Text" + "name": "(Default) False", + "props": { + "icon": "person", + "showIcon": false + } }, { - "name": "Icon & Text", + "name": "True", + "props": { + "icon": "person", + "showIcon": true + } + } + ] + }, + { + "name": "No Text", + "examples": [ + { + "name": "(Default) False", "props": { "icon": "person" } }, { - "name": "Icon", + "name": "True", "props": { "icon": "person", "noText": true @@ -96,13 +115,16 @@ ] }, { - "name": "Behaviour", + "name": "Width", "examples": [ { - "name": "(Default) Auto Width" + "name": "(Default) Auto", + "props": { + "width": "auto" + } }, { - "name": "Width full", + "name": "Width", "style": { "width": "500px" }, "props": { "width": "full" diff --git a/showcases/shared/checkbox.json b/showcases/shared/checkbox.json index 5cee28d30aa..c59424b5ebd 100644 --- a/showcases/shared/checkbox.json +++ b/showcases/shared/checkbox.json @@ -27,77 +27,90 @@ ] }, { - "name": "Interaction States", + "name": "Disabled", "role": "group", "examples": [ { - "name": "(Default) Enabled", + "name": "(Default) False", "props": { - "name": "Interaction States" + "name": "Disabled", + "disabled": false } }, { - "name": "Disabled", + "name": "True", "props": { - "name": "Interaction States", + "name": "Disabled", "disabled": true } } ] }, { - "name": "States", + "name": "Checked", "role": "group", "examples": [ { - "name": "(Default) Unchecked", + "name": "(Default) False", "props": { - "name": "States" + "name": "State", + "checked": false } }, { - "name": "Unchecked - Invalid", + "name": "True", "props": { - "name": "States", - "required": true + "name": "State", + "checked": true } - }, + } + ] + }, + { + "name": "Indeterminate", + "role": "group", + "examples": [ { - "name": "Checked", + "name": "(Default) False", "props": { - "name": "States", - "checked": true + "name": "Indeterminate", + "indeterminate": false } }, { - "name": "Checked - Valid", + "name": "True", "props": { - "name": "States", - "required": true, - "checked": true + "name": "Indeterminate", + "indeterminate": true } - }, + } + ] + }, + { + "name": "Validation", + "role": "group", + "examples": [ { - "name": "Indeterminate", + "name": "(Default) No validation", "props": { - "name": "States", - "indeterminate": true + "name": "Validation", + "validation": "no-validation" } }, { - "name": "Indeterminate - Invalid", + "name": "Invalid", "props": { - "name": "States", - "indeterminate": true, - "required": true + "name": "Validation", + "validation": "invalid", + "invalidMessage": "Invalid Message" } }, { - "name": "Indeterminate - Valid", + "name": "Valid", "props": { - "name": "States", - "indeterminate": true, - "required": true + "name": "Validation", + "validation": "valid", + "validMessage": "Valid message" } } ] @@ -122,42 +135,49 @@ ] }, { - "name": "Requirement", + "name": "Required", "role": "group", "examples": [ { - "name": "(Default) Optional", - "props": { - "name": "Requirement" - } - }, - { - "name": "Required", + "name": "(Default) False", "props": { "name": "Requirement", - "required": true + "required": false } }, { - "name": "Required - Indeterminate", + "name": "True", "props": { "name": "Requirement", - "indeterminate": true, "required": true } } ] }, { - "name": "Content", + "name": "Label", "role": "group", "examples": [ { - "name": "(Default) Label", + "name": "(Default) True", "props": { - "name": "Content" + "name": "Label", + "showLabel": true } }, + { + "name": "False", + "props": { + "name": "Label", + "showLabel": false + } + } + ] + }, + { + "name": "Example", + "role": "group", + "examples": [ { "name": "Long label", "style": { @@ -165,14 +185,7 @@ }, "props": { "checked": true, - "name": "Long label" - } - }, - { - "name": "No Label", - "props": { - "name": "Content", - "showLabel": false + "name": "Example" } } ] diff --git a/showcases/shared/drawer.json b/showcases/shared/drawer.json index 71c2a3d6184..9b23c780155 100644 --- a/showcases/shared/drawer.json +++ b/showcases/shared/drawer.json @@ -52,14 +52,15 @@ "name": "Rounded", "examples": [ { - "name": "(Default) No rounding", + "name": "(Default) False", "props": { + "rounded": false, "open": "open", "onClose": "toggleDrawer(false)" } }, { - "name": "Rounded", + "name": "True", "props": { "rounded": true, "open": "open", @@ -108,14 +109,15 @@ "name": "Backdrop", "examples": [ { - "name": "(Default) With Backdrop", + "name": "(Default) Strong", "props": { + "backdrop": "strong", "open": "open", "onClose": "toggleDrawer(false)" } }, { - "name": "Backdrop-weak", + "name": "Weak", "props": { "backdrop": "weak", "open": "open", @@ -141,7 +143,7 @@ ] }, { - "name": "Directions", + "name": "Direction", "examples": [ { "name": "(Default) Right", diff --git a/showcases/shared/infotext.json b/showcases/shared/infotext.json index b2e86318a5a..272239ea91d 100644 --- a/showcases/shared/infotext.json +++ b/showcases/shared/infotext.json @@ -70,5 +70,22 @@ } } ] + }, + { + "name": "Show Icon", + "examples": [ + { + "name": "(Default) True", + "props": { + "showIcon": true + } + }, + { + "name": "False", + "props": { + "showIcon": false + } + } + ] } ] diff --git a/showcases/shared/input.json b/showcases/shared/input.json index 1487918a4f1..425de2ecc0a 100644 --- a/showcases/shared/input.json +++ b/showcases/shared/input.json @@ -26,7 +26,7 @@ ] }, { - "name": "Variant Label", + "name": "Variant", "examples": [ { "name": "(Default) Label Above", @@ -41,9 +41,21 @@ "variant": "floating", "value": "Floating Label" } + } + ] + }, + { + "name": "Show Label", + "examples": [ + { + "name": "(Default) True", + "props": { + "label": "Label", + "showLabel": true + } }, { - "name": "Hidden Label", + "name": "False", "props": { "label": "Label", "showLabel": false @@ -52,25 +64,28 @@ ] }, { - "name": "Variant Helper Message", + "name": "Show Message", "examples": [ { - "name": "(Default) Basic", + "name": "(Default) False", "props": { - "label": "Label" + "label": "Label", + "message": "Message", + "showMessage": false } }, { - "name": "Helper Message", + "name": "True", "props": { "label": "Label", - "message": "Helper Message" + "message": "Message", + "showMessage": true } } ] }, { - "name": "States Label Above", + "name": "State", "examples": [ { "name": "(Default) Empty", @@ -84,57 +99,92 @@ "label": "Label", "value": "Filled" } + } + ] + }, + { + "name": "Disabled", + "examples": [ + { + "name": "(Default) False", + "props": { + "label": "Label", + "disabled": false + } }, { - "name": "Disabled", + "name": "True", "props": { "label": "Label", "disabled": true } + } + ] + }, + { + "name": "Readonly", + "examples": [ + { + "name": "(Default) False", + "props": { + "label": "Label", + "value": "(Default) False", + "readOnly": false + } }, { - "name": "Readonly - Filled", + "name": "True", "props": { "label": "Label", - "value": "Readonly - Filled", + "value": "True", "readOnly": true } } ] }, { - "name": "States Floating Label", + "name": "Validation", "examples": [ { - "name": "(Default) Empty", + "name": "(Default) No validation", "props": { "label": "Label", - "variant": "floating" + "validation": "no-validation" } }, { - "name": "Filled", + "name": "Invalid", "props": { "label": "Label", - "value": "Filled", - "variant": "floating" + "validation": "invalid", + "invalidMessage": "Invalid Message" } }, { - "name": "Disabled", + "name": "Valid", "props": { "label": "Label", - "disabled": true, - "variant": "floating" + "validation": "valid", + "validMessage": "Valid message" + } + } + ] + }, + { + "name": "Required", + "examples": [ + { + "name": "(Default) False", + "props": { + "label": "Label", + "required": false } }, { - "name": "Readonly - Filled", + "name": "True", "props": { "label": "Label", - "value": "Readonly - Filled", - "readOnly": true, - "variant": "floating" + "required": true } } ] @@ -149,14 +199,6 @@ "value": "(Default) Text" } }, - { - "name": "Filled Number", - "props": { - "label": "Number", - "value": "123456", - "type": "number" - } - }, { "name": "Text - Leading Icon", "props": { @@ -181,24 +223,6 @@ } ] }, - { - "name": "Requirement", - "examples": [ - { - "name": "(Default) Optional", - "props": { - "label": "Label" - } - }, - { - "name": "Required", - "props": { - "label": "Label", - "required": true - } - } - ] - }, { "name": "Example - Types", "codeFileName": "ExampleTypes", @@ -230,13 +254,6 @@ "type": "email" } }, - { - "name": "Number", - "props": { - "label": "Label", - "type": "number" - } - }, { "name": "Tel", "props": { @@ -285,21 +302,42 @@ "label": "Label", "type": "week" } + } + ] + }, + { + "name": "Example Floating Label", + "examples": [ + { + "name": "(Default) Empty", + "props": { + "label": "Label", + "variant": "floating" + } }, { - "name": "Datalist", - "experimental": true, + "name": "Filled", "props": { "label": "Label", - "dataList": true + "value": "Filled", + "variant": "floating" } }, { - "name": "File", - "experimental": true, + "name": "Disabled", "props": { "label": "Label", - "type": "file" + "disabled": true, + "variant": "floating" + } + }, + { + "name": "Readonly - Filled", + "props": { + "label": "Label", + "value": "Readonly - Filled", + "readOnly": true, + "variant": "floating" } } ] diff --git a/showcases/shared/link.json b/showcases/shared/link.json index 2dd054920df..2468cfefa5c 100644 --- a/showcases/shared/link.json +++ b/showcases/shared/link.json @@ -26,7 +26,7 @@ ] }, { - "name": "Semantic", + "name": "Variant", "examples": [ { "name": "(Default) Adaptive", @@ -44,16 +44,17 @@ ] }, { - "name": "Interaction-States", + "name": "Disabled", "examples": [ { - "name": "Enabled (Default)/Hover/Pressed", + "name": "(Default) False", "props": { - "href": "#" + "href": "#", + "disabled": false } }, { - "name": "Disabled", + "name": "True", "props": { "href": "#", "disabled": true @@ -94,12 +95,23 @@ "href": "#", "content": "external" } + } + ] + }, + { + "name": "Show Icon", + "examples": [ + { + "name": "(Default) True", + "props": { + "href": "#", + "showIcon": true + } }, { - "name": "Show Icon", + "name": "False", "props": { "href": "#", - "content": "external", "showIcon": false } } diff --git a/showcases/shared/notification.json b/showcases/shared/notification.json index 4df3214a555..89bcbe97c4b 100644 --- a/showcases/shared/notification.json +++ b/showcases/shared/notification.json @@ -135,17 +135,17 @@ ] }, { - "name": "Behaviour", + "name": "Closeable", "examples": [ { - "name": "(Default) Permanent", + "name": "(Default) False", "style": { "width": "300px" }, "props": { - "behaviour": "permanent" + "closeable": false } }, { - "name": "Closeable", + "name": "True", "style": { "width": "300px" }, "props": { "closeable": true @@ -154,7 +154,112 @@ ] }, { - "name": "Content - Variant:Docked", + "name": "Visual", + "examples": [ + { + "name": "(Default) Icon", + "style": { "width": "300px" }, + "props": { + "icon": "information_circle" + } + }, + { + "name": "Image", + "style": { "width": "300px" }, + "props": { + "img": true + } + } + ] + }, + { + "name": "Show Icon", + "examples": [ + { + "name": "(Default) True", + "style": { "width": "300px" }, + "props": { + "icon": "information_circle", + "showIcon": true + } + }, + { + "name": "False", + "style": { "width": "300px" }, + "props": { + "icon": "information_circle", + "showIcon": false + } + } + ] + }, + { + "name": "Link Variant", + "examples": [ + { + "name": "(Default) Block", + "style": { "width": "300px" }, + "props": { + "link": true, + "linkVariant": "block" + } + }, + { + "name": "Inline", + "style": { "width": "300px" }, + "props": { + "link": true, + "linkVariant": "inline" + } + } + ] + }, + { + "name": "Show Headline", + "examples": [ + { + "name": "(Default) True", + "style": { "width": "300px" }, + "props": { + "headline": "Headline", + "showHeadline": true + } + }, + { + "name": "False", + "style": { "width": "300px" }, + "props": { + "headline": "Headline", + "showHeadline": false + } + } + ] + }, + { + "name": "Show Timestamp", + "examples": [ + { + "name": "(Default) False", + "style": { "width": "300px" }, + "props": { + "variant": "overlay", + "showTimestamp": false, + "timestamp": "10 min ago" + } + }, + { + "name": "True", + "style": { "width": "300px" }, + "props": { + "variant": "overlay", + "showTimestamp": true, + "timestamp": "10 min ago" + } + } + ] + }, + { + "name": "Examples - Variant:Docked", "codeFileName": "ContentVariantDocked", "examples": [ { @@ -279,7 +384,7 @@ ] }, { - "name": "Content - Variant:Standalone", + "name": "Examples - Variant:Standalone", "codeFileName": "ContentVariantStandalone", "examples": [ { @@ -412,7 +517,7 @@ ] }, { - "name": "Content - Variant:Overlay", + "name": "Examples - Variant:Overlay", "codeFileName": "ContentVariantOverlay", "examples": [ { diff --git a/showcases/shared/radio.json b/showcases/shared/radio.json index cc2bae483fd..a84247200d7 100644 --- a/showcases/shared/radio.json +++ b/showcases/shared/radio.json @@ -30,53 +30,69 @@ ] }, { - "name": "Interaction States", + "name": "Disabled", "role": "radiogroup", "examples": [ { - "name": "(Default) Enabled", + "name": "(Default) False", "props": { - "name": "Interaction States" + "name": "Disabled", + "disabled": false } }, { - "name": "Disabled", + "name": "True", "props": { - "name": "Interaction States", + "name": "Disabled", "disabled": true } } ] }, { - "name": "States", + "name": "Checked", "role": "radiogroup", "examples": [ { - "name": "(Default) Unselected", + "name": "(Default) False", "props": { - "name": "States" + "name": "Checked" } }, { - "name": "Unselected - Invalid", + "name": "True", "props": { - "name": "States Required", - "required": true + "name": "Checked", + "checked": true + } + } + ] + }, + { + "name": "Validation", + "role": "radiogroup", + "examples": [ + { + "name": "(Default) No validation", + "props": { + "name": "No validation", + "validation": "no-validation" } }, { - "name": "Selected", + "name": "Invalid", "props": { - "name": "States", - "checked": true + "name": "invalid", + "validation": "invalid", + "invalidMessage": "Invalid Message" } }, { - "name": "Selected - Valid", + "name": "Valid", "props": { - "name": "States Required", - "required": true, + "name": "valid", + "validation": "valid", + "validMessage": "Valid message", "checked": true } } @@ -102,17 +118,18 @@ ] }, { - "name": "Requirement", + "name": "Required", "role": "radiogroup", "examples": [ { - "name": "(Default) Optional", + "name": "(Default) False", "props": { - "name": "Requirement" + "name": "Requirement", + "required": false } }, { - "name": "Required", + "name": "True", "props": { "name": "Requirement", "required": true @@ -121,17 +138,18 @@ ] }, { - "name": "Content", + "name": "Show Label", "role": "radiogroup", "examples": [ { - "name": "(Default) Label", + "name": "(Default) True", "props": { - "name": "Content" + "name": "Content", + "showLabel": true } }, { - "name": "Hidden Label", + "name": "False", "props": { "name": "Content", "showLabel": false diff --git a/showcases/shared/select.json b/showcases/shared/select.json index aacfa13828e..c6040021d6b 100644 --- a/showcases/shared/select.json +++ b/showcases/shared/select.json @@ -59,7 +59,7 @@ ] }, { - "name": "Variant Label", + "name": "Variant", "examples": [ { "name": "(Default) Label Above", @@ -97,9 +97,32 @@ "variant": "floating", "value": "Floating Label" } + } + ] + }, + { + "name": "Show Label", + "examples": [ + { + "name": "(Default) True", + "style": { + "width": "300px" + }, + "props": { + "options": [ + { + "value": "Option 1" + }, + { + "value": "Option 2" + } + ], + "label": "Label", + "showLabel": true + } }, { - "name": "Hidden Label", + "name": "False", "style": { "width": "300px" }, @@ -119,10 +142,10 @@ ] }, { - "name": "Variant Helper Message", + "name": "Show Message", "examples": [ { - "name": "(Default) Basic", + "name": "(Default) False", "style": { "width": "300px" }, @@ -135,11 +158,13 @@ "value": "Option 2" } ], - "label": "Label" + "label": "Label", + "message": "Message", + "showMessage": false } }, { - "name": "Helper Message", + "name": "True", "style": { "width": "300px" }, @@ -153,13 +178,14 @@ } ], "label": "Label", - "message": "Helper Message" + "message": "Message", + "showMessage": true } } ] }, { - "name": "States Label Above", + "name": "State", "examples": [ { "name": "(Default) Empty", @@ -196,9 +222,14 @@ "label": "Label", "value": "Filled" } - }, + } + ] + }, + { + "name": "Validation", + "examples": [ { - "name": "Disabled", + "name": "(Default) No validation", "style": { "width": "300px" }, @@ -212,16 +243,11 @@ } ], "label": "Label", - "disabled": true + "validation": "no-validation" } - } - ] - }, - { - "name": "States Floating Label", - "examples": [ + }, { - "name": "(Default) Empty", + "name": "Invalid", "style": { "width": "300px" }, @@ -235,18 +261,19 @@ } ], "label": "Label", - "variant": "floating" + "validation": "invalid", + "invalidMessage": "Invalid Message" } }, { - "name": "Filled", + "name": "Valid", "style": { "width": "300px" }, "props": { "options": [ { - "value": "Filled", + "value": "Valid", "selected": true }, { @@ -254,29 +281,50 @@ } ], "label": "Label", - "value": "Filled", - "variant": "floating" + "validation": "valid", + "validMessage": "Valid message", + "value": "Valid" + } + } + ] + }, + { + "name": "Disabled", + "examples": [ + { + "name": "(Default) False", + "style": { + "width": "300px" + }, + "props": { + "options": [ + { + "value": "Option 1" + }, + { + "value": "Option 2" + } + ], + "label": "Label", + "disabled": false } }, { - "name": "Disabled", + "name": "True", "style": { "width": "300px" }, "props": { "options": [ { - "value": "Disabled", - "selected": true + "value": "Option 1" }, { "value": "Option 2" } ], "label": "Label", - "disabled": true, - "variant": "floating", - "value": "Disabled" + "disabled": true } } ] @@ -322,10 +370,10 @@ ] }, { - "name": "Requirement", + "name": "Required", "examples": [ { - "name": "(Default) Optional", + "name": "(Default) False", "style": { "width": "300px" }, @@ -338,11 +386,12 @@ "value": "Option 2" } ], - "label": "Label" + "label": "Label", + "required": false } }, { - "name": "Required", + "name": "True", "style": { "width": "300px" }, @@ -360,5 +409,69 @@ } } ] + }, + { + "name": "Examples Floating Label", + "examples": [ + { + "name": "(Default) Empty", + "style": { + "width": "300px" + }, + "props": { + "options": [ + { + "value": "Option 1" + }, + { + "value": "Option 2" + } + ], + "label": "Label", + "variant": "floating" + } + }, + { + "name": "Filled", + "style": { + "width": "300px" + }, + "props": { + "options": [ + { + "value": "Filled", + "selected": true + }, + { + "value": "Option 2" + } + ], + "label": "Label", + "value": "Filled", + "variant": "floating" + } + }, + { + "name": "Disabled", + "style": { + "width": "300px" + }, + "props": { + "options": [ + { + "value": "Disabled", + "selected": true + }, + { + "value": "Option 2" + } + ], + "label": "Label", + "disabled": true, + "variant": "floating", + "value": "Disabled" + } + } + ] } ] diff --git a/showcases/shared/stack.json b/showcases/shared/stack.json index 7670332792f..b40f62c7d76 100644 --- a/showcases/shared/stack.json +++ b/showcases/shared/stack.json @@ -49,7 +49,7 @@ "name": "Variant", "examples": [ { - "name": "(Def) Simple", + "name": "(Default) Simple", "props": {}, "style": { "width": "200px" @@ -165,7 +165,7 @@ } }, { - "name": "(Def) small", + "name": "(Default) small", "props": { "gap": "small" }, @@ -241,7 +241,7 @@ ], "examples": [ { - "name": "(Def) Column", + "name": "(Default) Column", "props": {}, "style": { "width": "200px" @@ -279,7 +279,7 @@ ], "examples": [ { - "name": "(Def) No Wrap: Column", + "name": "(Default) No Wrap: Column", "style": { "width": "160px", "height": "88px" @@ -340,7 +340,7 @@ ], "examples": [ { - "name": "(Def) Stretch", + "name": "(Default) Stretch", "style": { "width": "200px" }, @@ -398,7 +398,7 @@ ], "examples": [ { - "name": "(Def) Stretch", + "name": "(Default) Stretch", "style": { "height": "100px" }, @@ -460,7 +460,7 @@ ], "examples": [ { - "name": "(Def) Start", + "name": "(Default) Start", "style": { "width": "200px", "height": "200px" @@ -522,7 +522,7 @@ ], "examples": [ { - "name": "(Def) Start", + "name": "(Default) Start", "style": { "width": "300px" }, diff --git a/showcases/shared/switch.json b/showcases/shared/switch.json index 821c5ad3089..cf38a386c9e 100644 --- a/showcases/shared/switch.json +++ b/showcases/shared/switch.json @@ -20,19 +20,33 @@ ] }, { - "name": "States", + "name": "Checked", "examples": [ { - "name": "(Def) Enabled" + "name": "(Default) False", + "props": { + "checked": false + } }, { - "name": "Checked", + "name": "True", "props": { "checked": true } + } + ] + }, + { + "name": "Disabled", + "examples": [ + { + "name": "(Default) False", + "props": { + "disabled": false + } }, { - "name": "Disabled", + "name": "True", "props": { "disabled": true } @@ -43,26 +57,26 @@ "name": "Emphasis", "examples": [ { - "name": "(Def) Weak + unchecked", + "name": "(Default) Weak + Unchecked", "props": { "emphasis": "weak" } }, { - "name": "Strong + unchecked", + "name": "(Default) Weak + Checked", "props": { - "emphasis": "strong" + "emphasis": "weak", + "checked": true } }, { - "name": "(Def) Weak + checked", + "name": "Strong + Unchecked", "props": { - "emphasis": "weak", - "checked": true + "emphasis": "strong" } }, { - "name": "Strong + checked", + "name": "Strong + Checked", "props": { "emphasis": "strong", "checked": true @@ -74,26 +88,26 @@ "name": "Visual Aid", "examples": [ { - "name": "(Def) No Visual Aid + unchecked", + "name": "(Default) False + Unchecked", "props": { "visualAid": false } }, { - "name": "Visual Aid + unchecked", + "name": "(Default) False + Checked", "props": { - "visualAid": true + "visualAid": false, + "checked": true } }, { - "name": "(Def) No Visual Aid + checked", + "name": "True + Unchecked", "props": { - "visualAid": false, - "checked": true + "visualAid": true } }, { - "name": "Visual Aid + checked", + "name": "True + Checked", "props": { "visualAid": true, "checked": true @@ -105,7 +119,7 @@ "name": "Size", "examples": [ { - "name": "(Def) Medium" + "name": "(Default) Medium" }, { "name": "Small", @@ -116,19 +130,39 @@ ] }, { - "name": "Content", + "name": "Show Label", "examples": [ { - "name": "(Def) Label" + "name": "(Default) True", + "props": { + "showLabel": true + } }, { - "name": "No Label", + "name": "False", "props": { "showLabel": false } } ] }, + { + "name": "Required", + "examples": [ + { + "name": "(Default) False", + "props": { + "required": false + } + }, + { + "name": "True", + "props": { + "required": true + } + } + ] + }, { "name": "Examples", "examples": [ diff --git a/showcases/shared/textarea.json b/showcases/shared/textarea.json index 573c082e63e..a1b24d4a6ea 100644 --- a/showcases/shared/textarea.json +++ b/showcases/shared/textarea.json @@ -26,7 +26,7 @@ ] }, { - "name": "Variant Label", + "name": "Variant", "examples": [ { "name": "(Default) Label Above", @@ -41,9 +41,21 @@ "variant": "floating", "value": "Floating Label" } + } + ] + }, + { + "name": "Show Label", + "examples": [ + { + "name": "(Default) True", + "props": { + "label": "Label", + "showLabel": true + } }, { - "name": "Hidden Label", + "name": "False", "props": { "label": "Label", "showLabel": false @@ -52,25 +64,27 @@ ] }, { - "name": "Variant Helper Message", + "name": "Show Message", "examples": [ { - "name": "(Default) Basic", + "name": "(Default) False", "props": { - "label": "Label" + "label": "Label", + "showMessage": false } }, { - "name": "Helper Message", + "name": "true", "props": { "label": "Label", - "message": "Helper Message" + "message": "Message", + "showMessage": true } } ] }, { - "name": "States Label Above", + "name": "State", "examples": [ { "name": "(Default) Empty", @@ -84,72 +98,89 @@ "label": "Label", "value": "Filled" } - }, + } + ] + }, + { + "name": "Disabled", + "examples": [ { - "name": "Disabled", + "name": "(Default) False", "props": { "label": "Label", - "disabled": true + "disabled": false } }, { - "name": "Readonly - Filled", + "name": "True", "props": { "label": "Label", - "value": "Readonly - Filled", - "readOnly": true + "disabled": true } } ] }, { - "name": "States Floating Label", + "name": "Readonly", "examples": [ { - "name": "(Default) Empty", + "name": "(Default) False", "props": { "label": "Label", - "variant": "floating" + "value": "(Default) False", + "readOnly": false } }, { - "name": "Filled", + "name": "True", "props": { "label": "Label", - "value": "Filled", - "variant": "floating" + "value": "True", + "readOnly": true + } + } + ] + }, + { + "name": "Validation", + "examples": [ + { + "name": "(Default) No validation", + "props": { + "label": "Label", + "validation": "no-validation" } }, { - "name": "Disabled", + "name": "Invalid", "props": { "label": "Label", - "disabled": true, - "variant": "floating" + "validation": "invalid", + "invalidMessage": "Invalid Message" } }, { - "name": "Readonly - Filled", + "name": "Valid", "props": { "label": "Label", - "value": "Readonly - Filled", - "readOnly": true, - "variant": "floating" + "validation": "valid", + "validMessage": "Valid message" } } ] }, { - "name": "Requirement", + "name": "Required", "examples": [ { - "name": "(Default) Optional", + "name": "(Default) False", "props": { - "label": "Label" + "label": "Label", + "required": false } }, { - "name": "Required", + "name": "True", "props": { "label": "Label", "required": true @@ -178,5 +209,42 @@ } } ] + }, + { + "name": "Examples Floating Label", + "examples": [ + { + "name": "(Default) Empty", + "props": { + "label": "Label", + "variant": "floating" + } + }, + { + "name": "Filled", + "props": { + "label": "Label", + "value": "Filled", + "variant": "floating" + } + }, + { + "name": "Disabled", + "props": { + "label": "Label", + "disabled": true, + "variant": "floating" + } + }, + { + "name": "Readonly - Filled", + "props": { + "label": "Label", + "value": "Readonly - Filled", + "readOnly": true, + "variant": "floating" + } + } + ] } ] diff --git a/showcases/vue-showcase/src/components/button/Button.vue b/showcases/vue-showcase/src/components/button/Button.vue index 744f9bd039a..a5c36073900 100644 --- a/showcases/vue-showcase/src/components/button/Button.vue +++ b/showcases/vue-showcase/src/components/button/Button.vue @@ -19,6 +19,7 @@ const log = (exampleName: string) => { :size="exampleProps?.size" :icon="exampleProps?.icon" :noText="exampleProps?.noText" + :showIcon="exampleProps?.showIcon" :disabled="exampleProps?.disabled" :width="exampleProps?.width" @click="log(exampleName)" diff --git a/showcases/vue-showcase/src/components/checkbox/Checkbox.vue b/showcases/vue-showcase/src/components/checkbox/Checkbox.vue index fee4844db14..440d53a4298 100644 --- a/showcases/vue-showcase/src/components/checkbox/Checkbox.vue +++ b/showcases/vue-showcase/src/components/checkbox/Checkbox.vue @@ -1,7 +1,7 @@ diff --git a/showcases/vue-showcase/src/components/infotext/Infotext.vue b/showcases/vue-showcase/src/components/infotext/Infotext.vue index 4ccca804f94..7bb00ccddeb 100644 --- a/showcases/vue-showcase/src/components/infotext/Infotext.vue +++ b/showcases/vue-showcase/src/components/infotext/Infotext.vue @@ -13,6 +13,7 @@ import { DBInfotext } from "../../../../../output/vue/src"; :size="exampleProps?.size" :semantic="exampleProps?.semantic" :icon="exampleProps?.icon" + :showIcon="exampleProps?.showIcon" > {{ exampleName }} diff --git a/showcases/vue-showcase/src/components/input/Input.vue b/showcases/vue-showcase/src/components/input/Input.vue index 60736636cae..4c6f601e804 100644 --- a/showcases/vue-showcase/src/components/input/Input.vue +++ b/showcases/vue-showcase/src/components/input/Input.vue @@ -41,6 +41,10 @@ const getDataList = ( :value="exampleProps?.value" :icon="exampleProps?.icon" :iconAfter="exampleProps?.iconAfter" + :showMessage="exampleProps?.showMessage" + :invalidMessage="exampleProps?.invalidMessage" + :validMessage="exampleProps?.validMessage" + :validation="exampleProps?.validation" :dataList=" exampleProps?.dataList ? getDataList(exampleProps?.variant) diff --git a/showcases/vue-showcase/src/components/notification/Notification.vue b/showcases/vue-showcase/src/components/notification/Notification.vue index 50f6ee043cc..3d063fa0dad 100644 --- a/showcases/vue-showcase/src/components/notification/Notification.vue +++ b/showcases/vue-showcase/src/components/notification/Notification.vue @@ -25,6 +25,9 @@ const log = (exampleName: string) => { :timestamp="exampleProps?.timestamp" :icon="exampleProps?.icon" :closeable="exampleProps?.closeable" + :showIcon="exampleProps?.showIcon" + :showHeadline="exampleProps?.showHeadline" + :showTimestamp="exampleProps?.showTimestamp" @onClose="log(exampleName)" > diff --git a/showcases/vue-showcase/src/components/select/Select.vue b/showcases/vue-showcase/src/components/select/Select.vue index f0b3ac10000..97360f952bd 100644 --- a/showcases/vue-showcase/src/components/select/Select.vue +++ b/showcases/vue-showcase/src/components/select/Select.vue @@ -1,7 +1,7 @@