pantoken / primitives

primitives ​

Béite

Ranganna uirlisíochta roghnacha don phailéad bunaidh pantoken amh (--instui-primitive-*).

Cuireann na huirlisí shéamantaice i @pantoken/components go fóill ach na tóicní shéamantaice — má sháraítear dath ansin bíonn ról i gcónaí (bg-brand), ní scáthán dathanna amh riamh. Is é an pacáiste seo an bealach éalaithe: ranga amháin in aghaidh an tóicín bhunaidh don chás annamh a theastaíonn ón bhforbróir an pailéad go díreach. Lódáil é dá chuid féin (@pantoken/plugin-primitives/primitives.css), scartha ón sraith shéamantaice.

Sampla ​

Tóg an stíleabhair bhunúsach

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

Comhéadan ​

Feidhmeanna ​

Tagairtí ​

default ​

Athainmníonn agus ath-easpórtálann primitivesCss