@x-plat/tokens-core

XPLAT 디자인 시스템의 기초(primitive) 토큰 + semantic 매핑 패키지.

모든 브랜드 토큰 패키지(default / cbio / haetbitgil / daibee-ir) 가 이 패키지에 의존한다.

설치

npm install @x-plat/tokens-core

Export 내용

import {
  // Color
  primitive,         // 색상 primitive 팔레트 (red/blue/neutral 등 50-900)
  semantic,          // semantic 매핑 (text/surface/border/icon/emphasis/interaction)
  CATEGORICAL_SEMANTIC_RULE,
  primitiveRef,      // var(--primitive-X-Y) 헬퍼
  brand,             // var(--brand-X-Y) 헬퍼
  brandCat,          // var(--brand-categorical-N-Y) 헬퍼
  system,            // var(--system-X-Y) 헬퍼
  cssVar,

  // Spacing
  spacingPrimitive,  // size/stroke 원시 값
  spacingSemantic,   // space/control-height/radius/stroke semantic
  sizeRef,
  strokeRef,

  // Typography
  typoPrimitive,     // font-family/size/line-height/weight/letter-spacing (responsive)
  typoSemantic,      // 합성 스타일 (display-1-b 등 23개)
  typoFont,
  typoSize,
  typoLh,
  typoLs,
  typoWeight,
  typoBrandFont,
  typoBrandSize,
  typoBrandLh,
  typoBrandLs,
  typoBrandWeight,
} from "@x-plat/tokens-core";

직접 사용보다는 브랜드 패키지로

일반 앱에서는 이 패키지를 직접 쓰기보다 브랜드 토큰 패키지(@x-plat/tokens-default 등) 를 통해 간접적으로 사용한다.

브랜드 패키지가 이 core 의 primitive + semantic 에 자기 brand/system 을 결합해 완성된 토큰 세트를 제공한다.

라이선스

Private. XPLAT WOONG.