Merge pull request #158 from aboutbits/default-variant-for-select

Same default variants for all inputs
aboutbits · Nov 8, 2022 · 56af9c1 · 56af9c1
2 parents 4bca4c7 + 6ae70cf
commit 56af9c1
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 5 deletions.
diff --git a/src/components/form/Input.stories.mdx b/src/components/form/Input.stories.mdx
@@ -50,7 +50,7 @@ export const Template = ({ ...args }) => <Input {...args} name="name" />
       placeholder: 'Your Name',
       type: 'text',
       mode: Mode.light,
-      variant: InputVariant.ghost,
+      variant: InputVariant.solid,
       disabled: false,
       iconStart: 'None',
       iconEnd: 'None',

diff --git a/src/components/form/Select.stories.mdx b/src/components/form/Select.stories.mdx
@@ -54,7 +54,7 @@ export const Template = ({ ...args }) => (
     args={{
       label: 'User rights',
       mode: Mode.light,
-      variant: InputVariant.ghost,
+      variant: InputVariant.solid,
     }}
     argTypes={{
       mode: {

diff --git a/src/components/form/Select.tsx b/src/components/form/Select.tsx
@@ -34,7 +34,7 @@ export function SelectComponent(
     name,
     label,
     mode = Mode.light,
-    variant = InputVariant.ghost,
+    variant = InputVariant.solid,
     disabled,
     children,
     className,

diff --git a/src/components/form/TextArea.stories.mdx b/src/components/form/TextArea.stories.mdx
@@ -6,6 +6,7 @@ import * as Yup from 'yup'
 import { Mode } from '../types'
 import { Form } from './Form'
 import { TextArea } from './TextArea'
+import { InputVariant } from './types'
 
 <Meta
   title="Components/Form/TextArea"
@@ -48,8 +49,9 @@ export const Template = ({ ...args }) => <TextArea {...args} />
       cols: 5,
       maxLength: 240,
       spellCheck: true,
-      mode: Mode.light,
       disabled: false,
+      mode: Mode.light,
+      variant: InputVariant.solid,
     }}
   >
     {Template.bind({})}

diff --git a/src/components/form/TextArea.tsx b/src/components/form/TextArea.tsx
@@ -30,7 +30,7 @@ export function TextAreaComponent(
     name,
     label,
     mode = Mode.light,
-    variant = InputVariant.ghost,
+    variant = InputVariant.solid,
     disabled,
     className,
     ...props