pantoken / primitives

primitives ​

Beta

Klas èd opsyonèl pou palèt primitif raw pantoken (--instui-primitive-*).

Fonksyon semantik nan @pantoken/components eksprèsman ekspoze sèlman token semantik — yon ranplasman koulè la toujou se yon wòl (bg-brand), pa janm yon echantiyon raw. Pake sa a se pòt sovtaj la: yon klas pou chak token primitif pou ka ra kote yon devlopè bezwen palèt la dirèkteman. Chaje li poukont li (@pantoken/plugin-primitives/primitives.css), apa de kouch semantik la.

Egzanp ​

Kreye fichye stil primitif

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

Entèfas ​

Fonksyon ​

Referans ​

default ​

Renome ak re-ekspòte primitivesCss