pantoken / primitives

primitives ​

Beta

Classi utility opzionali per la palette primitiva raw di pantoken (--instui-primitive-*).

Le utility semantiche in @pantoken/components espongono deliberatamente solo token semantici — una sovrascrittura del colore è sempre un ruolo (bg-brand), mai una tinta grezza. Questo pacchetto è la via d'uscita: una classe per ogni token primitivo per il raro caso in cui uno sviluppatore abbia bisogno della palette direttamente. Caricalo da solo (@pantoken/plugin-primitives/primitives.css), separato dal livello semantico.

Esempio ​

Costruisci il foglio di stile primitivo

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

Interfacce ​

Funzioni ​

Riferimenti ​

default ​

Rinomina e riesporta primitivesCss