pantoken / primitives

primitives ​

Beta

Clases utilitarias optativas para la paleta primitiva sin procesar de pantoken (--instui-primitive-*).

Las utilidades semánticas en @pantoken/components exponen deliberadamente solo tokens semánticos — un color override allí siempre es un rol (bg-brand), nunca una muestra cruda. Este paquete es la vía de escape: una clase por token primitivo para el caso raro en que un desarrollador necesite la paleta directamente. Cárguelo por separado (@pantoken/plugin-primitives/primitives.css), independiente de la capa semántica.

Ejemplo ​

Construir la hoja de estilo primitiva

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 ​

Funciones ​

Referencias ​

default ​

Renombra y reexporta primitivesCss