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 0d966f3fce4..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 cd095accda7..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 c341bc67490..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 3399f8f52c3..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 a5dcc93daed..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 e7dc690278d..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 d6d108fba81..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 927d98b07cc..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 c4e447b2232..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/package-lock.json b/package-lock.json index a8e1f6fbe91..c8c99365e7a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21590,9 +21590,9 @@ } }, "node_modules/highlight.js": { - "version": "11.10.0", - "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.10.0.tgz", - "integrity": "sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.0.tgz", + "integrity": "sha512-6ErL7JlGu2CNFHyRQEuDogOyGPNiqcuWdt4iSSFUPyferNTGlNTPFqeV36Y/XwA4V/TJ8l0sxp6FTnxud/mf8g==", "engines": { "node": ">=12.0.0" } @@ -41480,7 +41480,7 @@ "dependencies": { "@db-ux/core-icons": "0.0.7", "dompurify": "3.2.3", - "highlight.js": "^11.10.0", + "highlight.js": "^11.11.0", "next": "15.1.0", "react": "18.3.1", "react-archer": "^4.4.0", 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/patternhub/package.json b/showcases/patternhub/package.json index 0278b079d68..55cf1bb7576 100644 --- a/showcases/patternhub/package.json +++ b/showcases/patternhub/package.json @@ -25,7 +25,7 @@ "dependencies": { "@db-ux/core-icons": "0.0.7", "dompurify": "3.2.3", - "highlight.js": "^11.10.0", + "highlight.js": "^11.11.0", "next": "15.1.0", "react": "18.3.1", "react-archer": "^4.4.0", 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" } ]