pantoken / primitives

primitives ​

Beta

Valfria hjälparklasser för den råa pantoken-primitiva paletten (--instui-primitive-*).

De semantiska hjälputiliterna i @pantoken/components exponerar avsiktligt endast semantiska tokens — en färg överskrivning där är alltid en roll (bg-brand), aldrig en rå provfärg. Detta paket är nödbrytaren: en klass per primitiv token för det sällsynta fallet då en utvecklare behöver paletten direkt. Ladda det separat (@pantoken/plugin-primitives/primitives.css), åtskilt från det semantiska lagret.

Exempel ​

Bygg den primitiva stilmallen

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

Gränssnitt ​

Funktioner ​

Referenser ​

default ​

Byter namn på och återexporterar primitivesCss