Added black color for errorstate-textarea

undp · Oct 1, 2021 · 560bf38 · 560bf38
1 parent c7d962e
commit 560bf38
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/stories/Atom/Input-group/date_input.jsx b/stories/Atom/Input-group/date_input.jsx
@@ -6,7 +6,7 @@ import { Label_caption } from './label';
 export const Datecomponent = ({ type, id, disabled, required, mode, placeholder, errorText, labelText}) => {
   return (
     <form className= 'input-group'>
-      <div className={[`label__${mode}`]}>
+      <div className={[`label__message ${mode}`]}>
         <Label_caption label= { labelText } />
       </div>
       <div className={[`field__setdate ${type} ${mode}`]}>

diff --git a/stories/Atom/Input-group/input_group.stories.mdx b/stories/Atom/Input-group/input_group.stories.mdx
@@ -264,7 +264,7 @@ The <code>input</code> HTML element is used to create interactive controls for w
   <div className="input_item">
     <div className="input__box input-textarea-error"></div>
     <div className="input__label"> Input textarea-Error </div>
-    <div className="input__code"> <Textareacomponent labelText='Brief description' errorText='*Error: this field is required' id= 'textarea' inputfor='textarea' mode='errorstate' required='required' placeholder= 'Enter text'></Textareacomponent></div>
+    <div className="input__code"> <Textareacomponent labelText='Brief description' errorText='*Error: this field is required' id= 'textarea' inputfor='textarea' mode='defaultstate' required='required' placeholder= 'Enter text'></Textareacomponent></div>
   </div>
   <div className="input_item">
     <div className="input__box input-textarea-disabled"></div>
@@ -479,7 +479,7 @@ The <code>input</code> HTML element is used to create interactive controls for w
 <Story name="Textareacomponent-error">
   {(args, { globals: { locale } }) => {
     const caption = getCaptionForLocale(locale);
-    return <Textareacomponent labelText={caption.detail10} errorText={caption.detail2} id= 'textarea' inputfor='textarea' cols='40' rows='10' mode='errorstate' required='required' placeholder= {caption.text2}></Textareacomponent>;
+    return <Textareacomponent labelText={caption.detail10} errorText={caption.detail2} id= 'textarea' inputfor='textarea' cols='40' rows='10' mode='defaultstate' required='required' placeholder= {caption.text2}></Textareacomponent>;
   }}
 </Story>