From aae407ec0bd0372fcba2d5a502d1d8deaa03d50c Mon Sep 17 00:00:00 2001 From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com> Date: Wed, 26 Nov 2025 11:30:48 +0100 Subject: [PATCH 1/4] fix(form elements): colors --- packages/components/src/styles/internal/_form-components.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/src/styles/internal/_form-components.scss b/packages/components/src/styles/internal/_form-components.scss index 8a21e0f789ac..c6fa946f69c7 100644 --- a/packages/components/src/styles/internal/_form-components.scss +++ b/packages/components/src/styles/internal/_form-components.scss @@ -103,13 +103,13 @@ $db-min-inline-size: var( &[data-variant="floating"] { @include get-validity($selector) { label { - color: var(--db-successful-on-bg-basic-emphasis-80-default); + color: var(--db-successful-on-bg-basic-emphasis-90-default); } } @include get-validity($selector, "invalid") { label { - color: var(--db-critical-on-bg-basic-emphasis-80-default); + color: var(--db-critical-on-bg-basic-emphasis-90-default); } } From 93d914fcce70d58efb63376c47ceca932c63bb5c Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Wed, 26 Nov 2025 14:44:50 +0100 Subject: [PATCH 2/4] refactor: simplified CSS logic --- .../components/src/styles/internal/_form-components.scss | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/packages/components/src/styles/internal/_form-components.scss b/packages/components/src/styles/internal/_form-components.scss index c6fa946f69c7..fa64f327c43f 100644 --- a/packages/components/src/styles/internal/_form-components.scss +++ b/packages/components/src/styles/internal/_form-components.scss @@ -376,13 +376,8 @@ $input-valid-types: @include set-floating-label-overwrites($selector); - @include get-validity($selector) { - &:has( - > .db-infotext[data-semantic="successful"], - > db-infotext > .db-infotext[data-semantic="successful"] - ) { - @include get-validity-color($selector, "valid"); - } + @include get-validity($selector, "valid") { + @include get-validity-color($selector, "valid"); } @include get-validity($selector, "invalid") { From 6aae8c3bf41989b22eb3937da3242874556d7d1d Mon Sep 17 00:00:00 2001 From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com> Date: Wed, 26 Nov 2025 15:44:22 +0100 Subject: [PATCH 3/4] Update packages/components/src/styles/internal/_form-components.scss Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- packages/components/src/styles/internal/_form-components.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/styles/internal/_form-components.scss b/packages/components/src/styles/internal/_form-components.scss index fa64f327c43f..8e2dc97dccb5 100644 --- a/packages/components/src/styles/internal/_form-components.scss +++ b/packages/components/src/styles/internal/_form-components.scss @@ -101,7 +101,7 @@ $db-min-inline-size: var( @mixin set-floating-label-overwrites($selector) { &[data-variant="floating"] { - @include get-validity($selector) { + @include get-validity($selector, "valid") { label { color: var(--db-successful-on-bg-basic-emphasis-90-default); } From b0406f169a4755104eae28c11f41c6cdc128559d Mon Sep 17 00:00:00 2001 From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com> Date: Wed, 26 Nov 2025 15:54:17 +0100 Subject: [PATCH 4/4] Create fluffy-balloons-peel.md --- .changeset/fluffy-balloons-peel.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 .changeset/fluffy-balloons-peel.md diff --git a/.changeset/fluffy-balloons-peel.md b/.changeset/fluffy-balloons-peel.md new file mode 100644 index 000000000000..4127dd9b623a --- /dev/null +++ b/.changeset/fluffy-balloons-peel.md @@ -0,0 +1,9 @@ +--- +"@db-ux/core-components": patch +"@db-ux/ngx-core-components": patch +"@db-ux/react-core-components": patch +"@db-ux/wc-core-components": patch +"@db-ux/v-core-components": patch +--- + +fix(form elements): `valid` background- and border-colors