ChangelogDesign Tokens
0.1.0
Global / Semantic / Color-set 3계층 토큰 시스템이 첫 0.1 라인으로 정렬됩니다.
@featuring-corp/design-tokens이 첫 0.1 라인으로 진입합니다. 디자인 토큰을 세 계층으로 구성합니다.
- Global tokens — 16 hue × 10 shade 컬러 팔레트, spacing, radius, elevation, typography, media queries
- Semantic tokens —
background-1,text-1,support-error-3등 용도 기반 토큰. global 위에 CSS custom properties로 매핑 - Color sets — 브랜드 primary 팔레트 (
featuring,dataEffect)
토큰은 모두 CSS custom properties로 노출되며, getGlobalColors('featuring')처럼 색상 세트를 선택해 사용할 수 있습니다.