pantoken / primitives

primitives ​

Bêta

Classes utilitaires opt-in pour la palette primitive brute de pantoken (--instui-primitive-*).

Les utilitaires sémantiques dans @pantoken/components exposent délibérément uniquement des tokens sémantiques — une surcharge de couleur là‑bas est toujours un rôle (bg-brand), jamais un échantillon brut. Ce paquet est la voie de contournement : une classe par token primitif pour le cas rare où un développeur a besoin d'accéder directement à la palette. Chargez‑le indépendamment (@pantoken/plugin-primitives/primitives.css), séparé de la couche sémantique.

Exemple ​

Générer la feuille de style primitive

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 ​

Fonctions ​

Références ​

default ​

Renomme et réexporte primitivesCss