fix: match state names to input

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

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/components/content/HelpText/HelpText.css b/components/content/HelpText/HelpText.css
@@ -2,11 +2,11 @@ diamond-help-text {
   color: var(--diamond-help-text-color);
   font-size: var(--diamond-help-text-font-size);
 
-  &[state='success'] {
+  &[state='valid'] {
     color: var(--diamond-help-text-color-success);
   }
 
-  &[state='error'] {
+  &[state='invalid'] {
     color: var(--diamond-help-text-color-error);
   }
 }
diff --git a/components/content/HelpText/HelpText.stories.ts b/components/content/HelpText/HelpText.stories.ts
@@ -19,7 +19,7 @@ export default {
       control: {
         type: 'select',
       },
-      options: ['error', 'success'],
+      options: ['valid', 'invalid'],
     },
   },
 };

diff --git a/components/content/HelpText/HelpText.ts b/components/content/HelpText/HelpText.ts
@@ -1,7 +1,7 @@
 import { JSXCustomElement } from '../../../types/jsx-custom-element';
 
 export interface HelpTextAttributes {
-  state?: 'error' | 'success';
+  state?: 'valid' | 'invalid';
 }
 
 declare global {