Featuring Design System
ChangelogComponents

0.1.2

@layer 기반 Cascade Layers와 단일 import Preset이 도입됩니다. !important 없이 소비자 CSS가 오버라이드합니다.

컴포넌트 CSS를 Cascade Layers로 감싸 소비자 오버라이드 경로를 정리합니다.

레이어 구조

@layer ft-reset, ft-normalize, ft-components, ft-utilities;
  • ft-reset — Meyer reset
  • ft-normalize — normalize + base element 스타일
  • ft-components — 컴포넌트 CSS
  • ft-utilities$css atomic 유틸리티
  • Unlayered (소비자 CSS) — 항상 최상위

소비자는 @layer 없이 작성한 CSS로 이 모든 레이어를 이깁니다. !important 없이 오버라이드가 가능합니다.

Preset CSS

단일 import로 layer 선언 + reset + normalize + 브랜드 토큰을 한 번에 주입합니다.

import '@featuring-corp/components/preset/featuring';
// 또는
import '@featuring-corp/components/preset/dataEffect';

Button / IconButton 분리

기존 Button에 섞여있던 icon-only 패턴을 IconButton으로 분리합니다. 두 컴포넌트는 동일한 ButtonContext를 공유해 size·loading 상태가 동기화됩니다.

그 외

  • Button / Tag disabled selector 통일 (&:is(:disabled, [data-disabled]))
  • 디자인 철학(Design Philosophy) 문서 추가