fix: 빌드에러 수정

peauty · Nov 17, 2024 · 25734b4 · 25734b4
1 parent b53053f
commit 25734b4
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/src/stories/components/CustomButton/CustomButton.stories.tsx b/src/stories/components/CustomButton/CustomButton.stories.tsx
@@ -115,6 +115,9 @@ export const FullWidthContainer: Story = {
 
 // 버튼 그룹 예시
 export const ButtonGroup: Story = {
+  args: {
+    children: '버튼', // 기본 children 값 추가
+  },
   render: () => (
     <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
       <CustomButton variant="primary" size="medium">확인</CustomButton>
@@ -126,6 +129,9 @@ export const ButtonGroup: Story = {
 
 // 다양한 너비의 버튼 예시
 export const VariousWidths: Story = {
+  args: {
+    children: '버튼', // 기본 children 값 추가
+  },
   render: () => (
     <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', width: '100%', maxWidth: '600px' }}>
       <CustomButton variant="primary">기본 버튼</CustomButton>

diff --git a/src/stories/components/CustomInput/CustomInput.tsx b/src/stories/components/CustomInput/CustomInput.tsx
@@ -69,25 +69,25 @@ const StyledInput = styled.input<{
     cursor: not-allowed;
   }
 
-  ${props => props.$variant === 'outlined' ? css`
+  ${({ $variant, $error }) => $variant === 'outlined' ? css`
     border-radius: 20px;
-    border: 2px solid ${props => props.$error ? '#EF4444' : '#E5E7EB'};
+    border: 2px solid ${$error ? '#EF4444' : '#E5E7EB'};
     padding: 8px 16px;
     height: 32px;
 
     &:focus {
-      border-color: ${props => props.$error ? '#EF4444' : '#4F46E5'};
-      box-shadow: 0 0 0 3px ${props => props.$error ? 'rgba(239, 68, 68, 0.1)' : 'rgba(79, 70, 229, 0.1)'};
+      border-color: ${$error ? '#EF4444' : '#4F46E5'};
+      box-shadow: 0 0 0 3px ${$error ? 'rgba(239, 68, 68, 0.1)' : 'rgba(79, 70, 229, 0.1)'};
     }
   ` : css`
     border: none;
-    border-bottom: 2px solid ${props => props.$error ? '#EF4444' : '#E5E7EB'};
+    border-bottom: 2px solid ${$error ? '#EF4444' : '#E5E7EB'};
     border-radius: 0;
     padding: 4px 0;
     height: 24px;
 
     &:focus {
-      border-bottom-color: ${props => props.$error ? '#EF4444' : '#4F46E5'};
+      border-bottom-color: ${$error ? '#EF4444' : '#4F46E5'};
     }
   `}
 `;

diff --git a/src/stories/components/StepProgress/StepProgress.stories.tsx b/src/stories/components/StepProgress/StepProgress.stories.tsx
@@ -19,7 +19,7 @@ const meta: Meta<typeof StepProgress> = {
       description: '현재 진행 단계',
     },
     steps: {
-      control: 'array',
+      control: [],
       description: '각 단계별 텍스트',
     },
     activeColor: {

diff --git a/src/stories/examples/Header.tsx b/src/stories/examples/Header.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Button } from './Button';
 import './header.css';