pantoken / primitives

primitives

Beta

Ngā karaehe āwhina kōwhiri (opt‑in) mō te papa tae pūtake raw o pantoken (--instui-primitive-*).

Ko ngā taputapu tikanga i roto i @pantoken/components e whakaatu atu ana i ngā tohu tikanga anake — ko te huringa tae i reira he wāhi tonu (bg-brand), ehara i te kāri tae raw. He huarahi whakatā tēnei mō taua āhuatanga: kotahi karaehe mō ia tohu pūtake mō te wāheke noa ka hiahia te kaihanga rorohiko ki te whakamahi tika i te papa. Whakahohehia anake ia (@pantoken/plugin-primitives/primitives.css), wehe mai i te paparanga tikanga.

Tauira

Waihanga i te raupapa kāhua pūtake

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

Ngā Atanga

• PrimitiveTokenNames
• PrimitivesOptions

Ngā Mahi

• primitivesCss

Ngā Tohutoro

default

E ingoa anō ana, e kawe anō hoki i a primitivesCss