pantoken / primitives

primitives ​

Beta

Classes utilitárias opt-in para a paleta primitiva bruta do pantoken (--instui-primitive-*).

As utilidades semânticas em @pantoken/components expõem deliberadamente apenas tokens semânticos — uma sobrescrita de cor ali é sempre um papel (bg-brand), nunca uma amostra bruta. Este pacote é a saída de emergência: uma classe por token primitivo para o caso raro em que um desenvolvedor precise da paleta diretamente. Carregue-o sozinho (@pantoken/plugin-primitives/primitives.css), separado da camada semântica.

Exemplo ​

Gerar a folha 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 ​

Funções ​

Referências ​

default ​

Renomeia e reexporta primitivesCss