pantoken / primitives

primitives

Beta（測試）

供選擇性加入的工具類別，對應 pantoken 的原始調色盤 (--instui-primitive-*)。

@pantoken/components 中的語義工具刻意僅公開語義代幣——那裡的顏色覆寫始終是一個角色（bg-brand），而非原始色票。此套件為應急方案：為每個原始代幣提供一個類別，以應付開發者偶爾需要直接使用調色盤的情況。請獨立載入它（@pantoken/plugin-primitives/primitives.css），與語義層分離。

範例

建立原始樣式表

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); }

介面

• PrimitiveTokenNames
• PrimitivesOptions

函式

• primitivesCss

參考

default

重新命名並重新導出 primitivesCss