From 50236409ce968f7c6448d23de4ba374369b24544 Mon Sep 17 00:00:00 2001 From: davidritter-dotcom Date: Thu, 11 Jul 2024 14:17:23 +0200 Subject: [PATCH] fix(styles): change request --- packages/styles/src/components/floating-label.scss | 4 ++-- packages/styles/src/components/form-select.scss | 2 +- packages/styles/src/components/forms.scss | 4 ++-- packages/styles/src/mixins/_utilities.scss | 2 +- packages/styles/src/variables/components/_forms.scss | 2 +- 5 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/styles/src/components/floating-label.scss b/packages/styles/src/components/floating-label.scss index 01f0e0f8ab..8bc859b9d5 100644 --- a/packages/styles/src/components/floating-label.scss +++ b/packages/styles/src/components/floating-label.scss @@ -68,7 +68,7 @@ &:disabled { ~ label { - color: forms.$input-disabled-color; + color: var(--post-gray-60); } } @@ -133,7 +133,7 @@ &:disabled { ~ label { - color: forms.$input-disabled-color; + color: var(--post-gray-60); } } diff --git a/packages/styles/src/components/form-select.scss b/packages/styles/src/components/form-select.scss index 9b31694375..77a9635fda 100644 --- a/packages/styles/src/components/form-select.scss +++ b/packages/styles/src/components/form-select.scss @@ -54,7 +54,7 @@ @include utilities.disabled-style { ~ .form-text { - color: var(--post-gray-40); + color: var(--post-gray-60); } } diff --git a/packages/styles/src/components/forms.scss b/packages/styles/src/components/forms.scss index 48bb99ddf3..cac60818a8 100644 --- a/packages/styles/src/components/forms.scss +++ b/packages/styles/src/components/forms.scss @@ -96,7 +96,7 @@ select.form-control-rg:not([size]):not([multiple]) { border: forms.$input-disabled-border-style; ~ .form-text { - color: forms.$input-disabled-color; + color: var(--post-gray-60); } @include utilities.high-contrast-mode { @@ -220,6 +220,6 @@ select.form-control-rg:not([size]):not([multiple]) { } &:has(+ .form-control[disabled], + .form-select[disabled]) { - color: forms.$input-disabled-color; + color: var(--post-gray-60); } } diff --git a/packages/styles/src/mixins/_utilities.scss b/packages/styles/src/mixins/_utilities.scss index 67826ecdac..3513794820 100644 --- a/packages/styles/src/mixins/_utilities.scss +++ b/packages/styles/src/mixins/_utilities.scss @@ -149,7 +149,7 @@ @mixin disabled-style($additional-selector: '') { &:disabled#{$additional-selector} { pointer-events: none; - color: var(--post-gray-40); + color: var(--post-gray-60); border-color: var(--post-gray-40); border-style: dashed; background-clip: padding-box; diff --git a/packages/styles/src/variables/components/_forms.scss b/packages/styles/src/variables/components/_forms.scss index 04629842a9..9cfd3d4270 100644 --- a/packages/styles/src/variables/components/_forms.scss +++ b/packages/styles/src/variables/components/_forms.scss @@ -37,7 +37,7 @@ $input-line-height-lg: type.$line-height-copy !default; $input-bg: color.$white !default; $input-disabled-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.4) !default; -$input-disabled-color: rgba(var(--post-contrast-color-rgb), 0.6); // Design System only +$input-disabled-color: color.$gray-40; // Design System only $input-disabled-border-color: color.$gray-40; // Design System only $input-disabled-border-style: spacing.$size-line dashed;