refactor: input 컴포넌트 info 상태 옵션 추가 (#ATR-603)

Atractorrr · Aug 28, 2024 · ac07a87 · ac07a87
1 parent f8644f5
commit ac07a87
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 4 deletions.
diff --git a/packages/design-system/packages/core/src/components/input-description/_index.scss b/packages/design-system/packages/core/src/components/input-description/_index.scss
@@ -39,4 +39,10 @@
       color: variable.$ds-green-300;
     }
   }
+  *[class$='--info'] & {
+    color: variable.$ds-blue-400;
+    .dark & {
+      color: variable.$ds-blue-300;
+    }
+  }
 }
diff --git a/packages/design-system/packages/core/src/components/select/Select.stories.tsx b/packages/design-system/packages/core/src/components/select/Select.stories.tsx
@@ -14,10 +14,10 @@ const meta: Meta<typeof Select> = {
     state: {
       description: '셀렉트 박스의 상태를 지정합니다.',
       control: 'select',
-      options: ['default', 'danger', 'warn', 'success'],
+      options: ['default', 'danger', 'warn', 'success', 'info'],
       table: {
         type: {
-          summary: ['default', 'danger', 'warn', 'success'].join(' | '),
+          summary: ['default', 'danger', 'warn', 'success', 'info'].join(' | '),
         },
         defaultValue: { summary: 'default' },
       },

diff --git a/packages/design-system/packages/core/src/components/select/Select.style.ts b/packages/design-system/packages/core/src/components/select/Select.style.ts
@@ -13,6 +13,7 @@ export const variants = {
     danger: getSelectModifier('danger'),
     warn: getSelectModifier('warn'),
     success: getSelectModifier('success'),
+    info: getSelectModifier('info'),
   },
   size: {
     md: '',

diff --git a/packages/design-system/packages/core/src/components/text-input/TextInput.stories.tsx b/packages/design-system/packages/core/src/components/text-input/TextInput.stories.tsx
@@ -14,10 +14,10 @@ const meta: Meta<typeof TextInput> = {
     state: {
       description: '인풋의 상태를 지정합니다.',
       control: 'select',
-      options: ['default', 'danger', 'warn', 'success'],
+      options: ['default', 'danger', 'warn', 'success', 'info'],
       table: {
         type: {
-          summary: ['default', 'danger', 'warn', 'success'].join(' | '),
+          summary: ['default', 'danger', 'warn', 'success', 'info'].join(' | '),
         },
         defaultValue: { summary: 'default' },
       },

diff --git a/packages/design-system/packages/core/src/components/text-input/TextInput.style.ts b/packages/design-system/packages/core/src/components/text-input/TextInput.style.ts
@@ -9,6 +9,7 @@ export const variants = {
     danger: getTextInputModifier('danger'),
     warn: getTextInputModifier('warn'),
     success: getTextInputModifier('success'),
+    info: getTextInputModifier('info'),
   },
   size: {
     md: '',