각종 이슈를 해결한다

[DeveloperRyou]

• [x] label:boolean, labelText:string 으로 나누어진 props를 label?:string 로 통일한다
• [x] state에 enable, disable, readonly등을 넣을 수 있게 통일하고, 기본값은 enable로 작성한다 (2번)
• [x] props를 pascalCase로 통일한다
• [x] Elevation storybook의 text를 가시성 있게 변경한다
• [x] Motion을 정의한 classname이 실제 animation 동작을 수행하도록 수정한다 (5번)
• [x] Motion을 정의한 classname을 확인할 수 있는 storybook을 생성한다
• [x] spacing을 확인할 수 있게 storybook을 수정한다
• [x] Typography의 classname에 따른 폰트크기를 확인한다
• [x] Accordion 컴포넌트에 Motion을 추가한다 (5번 수정 후)
• [x] Snackbar 컴포넌트에 Motion을 추가한다 (5번 수정 후)
• [x] Accordion 컴포넌트에서 data props 대신 title, children을 바로 받게끔 수정한다
• [x] Divider subheader 의존성을 제거한다
• [x] storybook에서 Badge의 status가 선택가능하도록 (dropdown) 수정한다 (2번 수정 후)
• [x] status -> state로 변경한다
• [x] Iconkey를 사용하는 컴포넌트의 storybook에서 IconKey가 선택가능하도록 수정한다
• [x] Button border color 수정한다
• [x] Button IconKey을 props로 받게끔 수정한다
• [x] Button Icon 크기를 수정한다
• [x] Button active props를 제거한다
• [x] Button focus를 대응한다
• [x] Nav Bar horizontal 요소 클릭시 font-bold를 준다
• [x] Topbar는 left, center 텍스트만 존재하기 때문에 type으로 조절한다
• [x] Chip readonly일 때 width가 변하지 않게끔 수정한다
• [x] Datepicker border와 관계없이 content의 위치를 유지한다
• [x] Menu 컴포넌트의 좌우스크롤 없게끔 대응한다
• [x] Progress의 Max는 100으로 제한한다
• [x] MenuItem의 simple/complex는 삭제한다
• [x] switch 의 readonly속성에서 컴포넌트가 무너지는 문제를 해결한다
• [x] textfield/textarea의 label, description, placeholder, value의 classname이 잘 들어가는지 확인한다
• [x] textfield/textarea 에 error, warning일 때 icon의 width 가 줄어드는 문제를 shrink-0로 해결한다
• [x] textfield/textarea 에 error, warning이고, size가 S, M일때 icon size를 해결한다

수정이 완료된 이슈는 체크로 기록 부탁드립니다.

[iOdiO89]

@DeveloperRyou textfield/textarea 에 error, warning이고, size가 S, M일때 icon size를 해결한다 이건 혹시 어떤 오류인가요?

[DeveloperRyou]

error, warning일때 아이콘이 나오는데, 해당 아이콘의 크기가 이상한 문제였습니다!

[iOdiO89]

state에 enable, disable, readonly등을 넣을 수 있게 통일하고, 기본값은 enable로 작성한다

input state는 /src/input/textfiled.tsx에 inputStateType이 정의되어 있습니다! 필요하신 경우 import 해서 사용하시면 됩니당

export type InputStateType =
  | "enable"
  | "warning"
  | "error"
  | "disabled"
  | "readOnly";

[iOdiO89]

Iconkey를 사용하는 컴포넌트의 storybook에서 IconKey가 선택가능하도록 수정한다

iconKey 관련해서 제가 작업했던 거 올려두겠습니다 참고가 되셨으면 좋겠습니다 ..!!!!!

1. iconkey 링크만 거는 경우

// /src/navigation/navigationBar/horizontalNav.stories.tsx
export default {
  ...
  argTypes: {
    items: {
      description: `[> iconKey 확인하러 가기](?path=/docs/components-icon-icon-list--docs)`,
    },
  },
} as Meta<typeof HorizontalNav>;

2. iconkey 드랍다운 설정

// /src/navigation/navigationBar/horizontalNavItem.stories.tsx
import { icons } from "src/icon/Icon";

export default {
  ...
  argTypes: {
    icon: {
      options: Object.keys(icons),
      description: "type: iconKey",
    },
  },
} as Meta<typeof HorizontalNavItem>;