diff --git a/__snapshots__/input/component/chromium/DBInput-should-match-screenshot.png b/__snapshots__/input/component/chromium/DBInput-should-match-screenshot.png index a32a8edc87c..66429091bcd 100644 Binary files a/__snapshots__/input/component/chromium/DBInput-should-match-screenshot.png and b/__snapshots__/input/component/chromium/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/component/firefox/DBInput-should-match-screenshot.png b/__snapshots__/input/component/firefox/DBInput-should-match-screenshot.png index a39e90ff778..e3fa723c8d4 100644 Binary files a/__snapshots__/input/component/firefox/DBInput-should-match-screenshot.png and b/__snapshots__/input/component/firefox/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/component/mobile-chrome/DBInput-should-match-screenshot.png b/__snapshots__/input/component/mobile-chrome/DBInput-should-match-screenshot.png index a32a8edc87c..66429091bcd 100644 Binary files a/__snapshots__/input/component/mobile-chrome/DBInput-should-match-screenshot.png and b/__snapshots__/input/component/mobile-chrome/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png b/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png index a01f2709406..851eab07e96 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/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 6ca4b619d8e..913359efca9 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/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 294c60bcdb3..60bf9ccacaa 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/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 dd73f80f32e..061604896c3 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-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 f9c48cff1f9..8ab6469646b 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/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 4ec6336746b..ba563a0d5fc 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__/select/component/chromium/DBSelect-should-match-screenshot.png b/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png index eb7f54e0aaa..66057619c20 100644 Binary files a/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png and b/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png b/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png index fc398c88595..d863313a50b 100644 Binary files a/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png and b/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png b/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png index eb7f54e0aaa..66057619c20 100644 Binary files a/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png and b/__snapshots__/select/component/mobile-chrome/DBSelect-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 ea29340d1bb..f0bf3dbafd8 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/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 eb823e89fc8..7b3a6ef3f5b 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/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 30a80d5f3fe..3d8fb13b5db 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/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 353827bd0b8..3841ce997c3 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-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 282206641b9..7aae8cf62de 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/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 70aee132f69..1fd993d6848 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__/textarea/component/chromium/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/component/chromium/DBTextarea-should-match-screenshot.png index 099fa271004..c65dc7b3d6f 100644 Binary files a/__snapshots__/textarea/component/chromium/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/component/chromium/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/component/firefox/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/component/firefox/DBTextarea-should-match-screenshot.png index 8c554d23ec6..e51c3339f68 100644 Binary files a/__snapshots__/textarea/component/firefox/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/component/firefox/DBTextarea-should-match-screenshot.png differ diff --git a/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-match-screenshot.png b/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-match-screenshot.png index c8f92e111c7..83a41be4e6b 100644 Binary files a/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-match-screenshot.png and b/__snapshots__/textarea/component/mobile-chrome/DBTextarea-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 0c59544bb62..d47ce879e58 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/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 054945e6c70..35266033ae2 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 7edb7929db9..03448687c40 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 1f4e020a357..5b18ba9608a 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 2d51cf7d7ff..77dbc9b55e2 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 dc1774d9116..a62cfd2fe59 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/src/components/textarea/textarea.scss b/packages/components/src/components/textarea/textarea.scss index a37e28b92dc..d0d2f9d0513 100644 --- a/packages/components/src/components/textarea/textarea.scss +++ b/packages/components/src/components/textarea/textarea.scss @@ -62,7 +62,7 @@ } &::after { - @extend %component-border; + @extend %form-component-border; @include get-scrolling-workaround(); diff --git a/packages/components/src/styles/_component.scss b/packages/components/src/styles/_component.scss index fd9f9eeee31..58222888ad3 100644 --- a/packages/components/src/styles/_component.scss +++ b/packages/components/src/styles/_component.scss @@ -24,6 +24,11 @@ $placeholder-disabled: 0.68; colors.$db-adaptive-on-bg-basic-emphasis-60-default; } +%form-component-border { + border: variables.$db-border-height-3xs solid + colors.$db-adaptive-on-bg-basic-emphasis-70-default; +} + %default-interactive-component { @extend %default-adaptive-border; diff --git a/packages/components/src/styles/_form-components.scss b/packages/components/src/styles/_form-components.scss index 8c0c275988f..ee8529becd4 100644 --- a/packages/components/src/styles/_form-components.scss +++ b/packages/components/src/styles/_form-components.scss @@ -301,7 +301,7 @@ $input-valid-types: "color", "date", "datetime-local", "email", "file", #{$selector} { @extend %db-overwrite-font-size-md; @extend %default-interactive-component; - @extend %component-border; + @extend %form-component-border; background-color: colors.$db-adaptive-bg-basic-transparent-semi-default; caret-color: colors.$db-adaptive-on-bg-basic-emphasis-100-default; diff --git a/showcases/shared/_accessibility-review.json b/showcases/shared/_accessibility-review.json index 81e63d9de25..10f3d29ab4e 100644 --- a/showcases/shared/_accessibility-review.json +++ b/showcases/shared/_accessibility-review.json @@ -53,5 +53,10 @@ "name": "card", "status": "DONE", "date": "2024-12-12" + }, + { + "name": "textarea", + "status": "DONE", + "date": "2024-12-12" } ]