fix(styles): change request

swisspost · Jul 11, 2024 · 5023640 · 5023640
1 parent 52b825d
commit 5023640
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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;