fix: diamond-color-valid and diamond-color-invalid

etchteam · May 28, 2024 · 720b703 · 720b703
1 parent ce4cbc0
commit 720b703
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/components/content/HelpText/HelpText.css b/components/content/HelpText/HelpText.css
@@ -3,10 +3,10 @@ diamond-help-text {
   font-size: var(--diamond-help-text-font-size);
 
   &[state='valid'] {
-    color: var(--diamond-help-text-color-success);
+    color: var(--diamond-help-text-color-valid);
   }
 
   &[state='invalid'] {
-    color: var(--diamond-help-text-color-error);
+    color: var(--diamond-help-text-color-invalid);
   }
 }
diff --git a/styles/tokens/color.css b/styles/tokens/color.css
@@ -17,4 +17,7 @@
   --diamond-color-green-100: #219653;
 
   --diamond-color-red-100: #eb5757;
+
+  --diamond-color-valid: var(--diamond-color-green-100);
+  --diamond-color-invalid: var(--diamond-color-red-100);
 }
diff --git a/styles/tokens/input.css b/styles/tokens/input.css
@@ -7,8 +7,8 @@
   --diamond-input-border-radius: var(--diamond-radius);
   --diamond-input-border-color: var(--diamond-theme-border-color);
   --diamond-input-border-color-hover: var(--diamond-theme-border-color-hover);
-  --diamond-input-border-color-valid: var(--diamond-color-green-100);
-  --diamond-input-border-color-invalid: var(--diamond-color-red-100);
+  --diamond-input-border-color-valid: var(--diamond-color-valid);
+  --diamond-input-border-color-invalid: var(--diamond-color-invalid);
 
   --diamond-input-outline-offset: 4px;
 

diff --git a/styles/tokens/label.css b/styles/tokens/label.css
@@ -5,7 +5,7 @@
   --diamond-label-height: var(--diamond-spacing-thumb);
 
   --diamond-help-text-color: var(--diamond-theme-color);
-  --diamond-help-text-color-success: var(--diamond-input-border-color-valid);
-  --diamond-help-text-color-error: var(--diamond-input-border-color-invalid);
+  --diamond-help-text-color-valid: var(--diamond-color-valid);
+  --diamond-help-text-color-invalid: var(--diamond-invalid);
   --diamond-help-text-font-size: var(--diamond-font-size-sm);
 }