pantoken / primitives

primitives ​

Bêta

Dosbarthiadau cyfleustrol dewisol ar gyfer palet primitif pantoken crai (--instui-primitive-*).

Mae'r cyfleustronau semantaidd yn @pantoken/components yn fwriadol yn datgelu dim ond tokenau semantaidd — mae gorfodaeth lliw yno bob amser yn rôl (bg-brand), byth yn sampl lliw crai. Mae'r pecyn hwn yn'r lloches allan: un dosbarth fesul token primitif ar gyfer yr achos prin pan fo datblygwr angen y palet yn uniongyrchol. Llwythwch ef ar ei ben ei hun (@pantoken/plugin-primitives/primitives.css), ar wahân i'r haen semantaidd.

Enghraifft ​

Adeiladu'r daflen arddull 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); }

Rhyngwynebau ​

Swyddogaethau ​

Cyfeiriadau ​

default ​

Ailenwir ac ail-allforir primitivesCss