pantoken / primitives

primitives ​

Beta

Izbirni pripomočni razredi za surovo pantoken primitivno paleto (--instui-primitive-*).

Semantične pripomočne funkcije v @pantoken/components namerno razkrivajo le semantične tokene — barvno override tam vedno pomeni vlogo (bg-brand), nikoli surovega odtenka. Ta paket je izhod: en razred na primitivni token za redek primer, ko razvijalec potrebuje paleto neposredno. Naložite ga samostojno (@pantoken/plugin-primitives/primitives.css), ločeno od semantičnega sloja.

Primer ​

Ustvari primitivni slogovni list

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

Vmesniki ​

Funkcije ​

Sklici ​

default ​

Preimenuje in ponovno izvozi primitivesCss