fix(input): add different parameter for message color vs help color

momentum-design · Sep 18, 2019 · 6fa9030 · 6fa9030
1 parent 1b2195d
commit 6fa9030
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/core/scss/components/input/input.scss b/core/scss/components/input/input.scss
@@ -190,7 +190,7 @@
       $color-clear: $input__clear-icon__color,
       $color-clear-hover: $input__clear-icon__color--hover,
       $color-disabled: $input__font-color--disabled,
-      $color-message: $input__font-color--help,
+      $color-help: $input__font-color--help,
       $color-placeholder: $input__font-color--placeholder,
       $color-read-only: $input__font-color--read-only
     );
@@ -202,7 +202,7 @@
         $background-color-hover: $input__background--hover--contrast,
         $border-color: $input__border-color--contrast,
         $color-disabled: $input__font-color--disabled--contrast,
-        $color-message: $input__font-color--help--contrast,
+        $color-help: $input__font-color--help--contrast,
         $color-read-only: $input__font-color
       );
     }
@@ -218,7 +218,7 @@
         $color-clear: $input__clear-icon__color--dark,
         $color-clear-hover: $input__clear-icon__color--hover--dark,
         $color-disabled: $input__font-color--disabled--dark,
-        $color-message: $input__font-color--help--dark,
+        $color-help: $input__font-color--help--dark,
         $color-placeholder: $input__font-color--placeholder--dark,
         $color-read-only: $input__font-color--read-only--dark
       );
@@ -228,7 +228,7 @@
         @include input-color(
           $background-color-hover: $input__background--hover--dark--contrast,
           $border-color: $input__border-color--dark--contrast,
-          $color-message: $input__font-color--help--dark--contrast
+          $color-help: $input__font-color--help--dark--contrast
         );
       }
     }

diff --git a/core/scss/components/input/mixins.scss b/core/scss/components/input/mixins.scss
@@ -40,6 +40,7 @@
   $color-clear: null,
   $color-clear-hover: null,
   $color-disabled: null,
+  $color-help: null,
   $color-message: null,
   $color-placeholder: null,
   $color-read-only: null,
@@ -128,7 +129,7 @@
 
   .#{$input__class}__help-text,
   .#{$input__class}__secondary-label {
-    color: $color-message;
+    color: $color-help;
   }
 }