pantoken-root / primitives

primitives ​

Beta

Valfrie hjelpeklassar for den rå pantoken-primitivepaletten (--instui-primitive-*).

De semantiske hjelpeverktøya i @pantoken/components eksponerer medvite berre semantiske token — ein farge override der er alltid ei rolle (bg-brand), aldri ein rå fargeprøve. Dette pakkjet er rømmingsvegen: ein klasse per primitiv token for det sjeldne tilfellet ein utviklar treng paletten direkte. Last det inn for seg sjølv (@pantoken/plugin-primitives/primitives.css), atskilt frå det semantiske laget.

Døme ​

Bygg det primitive stilarket

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

Grensesnitt ​

Funksjonar ​

Referansar ​

default ​

Endrar namn og re-eksporterer primitivesCss