pantoken / primitives

primitives ​

베타

원시 pantoken 프리미티브 팔레트(--instui-primitive-*)용 옵트인 유틸리티 클래스입니다.

@pantoken/components의 시맨틱 유틸리티는 의도적으로 시맨틱 토큰만 노출합니다 — 색상 덮어쓰기(color override)는 항상 원시 스와치가 아니라 역할(bg-brand)입니다. 이 패키지는 탈출구 역할을 합니다: 드문 경우에 개발자가 팔레트를 직접 필요로 할 때 각 프리미티브 토큰당 하나의 클래스를 제공합니다. 시맨틱 레이어와 분리하여 단독으로 로드하세요 (@pantoken/plugin-primitives/primitives.css).

예제 ​

프리미티브 스타일시트 빌드

ts
import { primitivesCss } from "@pantoken/plugin-primitives";
import { tokens } from "@pantoken/tokens";

const names = (p: string) => tokens.filter((t) => t.name.startsWith(p)).map((t) => t.name);
const css = primitivesCss({
  color: names("--instui-primitive-color-"),
  fontFamily: names("--instui-primitive-font-family-"),
  fontWeight: names("--instui-primitive-font-weight-"),
});
// .instui-bg-primitive-color-white { background: var(--instui-primitive-color-white); }

인터페이스 ​

함수 ​

참조 ​

default ​

primitivesCss의 이름을 바꾸고 재내보냅니다.