pantoken / primitives

primitives ​

Beta

Kelas utiliti opt-in untuk palet primitif pantoken mentah (--instui-primitive-*).

Utiliti semantik dalam @pantoken/components dengan sengaja mendedahkan hanya token semantik — ganti warna di situ sentiasa merupakan peranan (bg-brand), bukan sapuan mentah. Pek ini ialah laluan kecemasan: satu kelas bagi setiap token primitif untuk kes jarang apabila pembangun memerlukan palet secara langsung. Muatkan ia sendiri (@pantoken/plugin-primitives/primitives.css), berasingan daripada lapisan semantik.

Contoh ​

Bina helaian gaya 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); }

Antaramuka ​

Fungsi ​

Rujukan ​

default ​

Menamakan semula dan mengeksport semula primitivesCss