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