pantoken / primitives

primitives ​

Bèta

Opt-in utility-klassen voor het ruwe pantoken primitiefpalet (--instui-primitive-*).

De semantische utilities in @pantoken/components geven opzettelijk alleen semantische tokens bloot — een kleur overriding daar is altijd een rol (bg-brand), nooit een ruwe kleurstaal. Dit pakket is de uitweg: één klasse per primitief token voor het zeldzame geval dat een ontwikkelaar het palet direct nodig heeft. Laad het los (@pantoken/plugin-primitives/primitives.css), los van de semantische laag.

Voorbeeld ​

Bouw de primitieve stylesheet

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

Interfaces ​

Functies ​

Referenties ​

default ​

Hernoemt en herexporteert primitivesCss