Featuring Design System
ChangelogComponents

0.1.0

Button과 Tag 컴파운드 패턴이 도입되고, $css prop과 docgen 자동 추출이 자리잡습니다.

@featuring-corp/components가 첫 0.1 라인으로 진입합니다.

컴파운드 컴포넌트

ButtonTag가 namespace 패턴으로 재정비됩니다. Context로 size·loading·disabled 상태를 자식에 공유합니다.

<Button.Root size="lg" loading>
  <Button.Icon><IconCheck /></Button.Icon>
  <Button.Text>저장</Button.Text>
</Button.Root>

$css prop

rainbow-sprinkles 기반 atomic styling이 $css prop으로 제공됩니다. dynamicProperties 덕분에 토큰 값과 임의 값을 모두 받습니다.

<Button.Root $css={{ marginTop: 'spacing-4', backgroundColor: 'primary-3' }}>
  확인
</Button.Root>

Docgen

Storybook 10 react-docgen-typescript가 prop description을 소스 인터페이스의 JSDoc 주석에서 자동 추출합니다. argTypes를 수동으로 적지 않아도 사이드바에 prop 설명이 노출됩니다.