pantoken / primitives

primitives ​

Behta

Valinnalaš utilihtta klaassat primitiiva pantoken-palettas (--instui-primitive-*).

Semantalaš utilihtat @pantoken/components:nas čuovvut badjel semantalaš tohkkaid — gávnnat dahje čuoggat color-overridda lea nu álggu rolva (bg-brand), eai primitiiva swatch. Dát pakettilaš čuovvut lea gaskaladdji: olggos klaasssjuvvon čiehkadit primitiiva tohkka birra máŋggaid dihte go developera galggašii dovddut palettan ođđašeapmi. Bođii dan bures otná (@pantoken/plugin-primitives/primitives.css), eret semantalaš skávvii.

Exempel ​

Gávnnit primitiiva stylesheeta

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

Interfáčat ​

Fuššat ​

Referenssat ​

default ​

Ođđa nammasat ja re-exports primitivesCss