pantoken / primitives

primitives ​

בטא

מחלקות עזר לבחירה (opt-in) עבור פלטת הפרימיטיבים הגולמית של pantoken (--instui-primitive-*).

הכלי העזר הסמנטיים ב־@pantoken/components חושפים במכוון רק טוקנים סמנטיים — העברת צבע שם היא תמיד תפקיד (bg-brand), לעולם לא דוגמית גולמית. החבילה הזו היא דרך מילוט: מחלקה אחת לכל טוקן פרימיטיבי למקרה החריג שמפתח זקוק לפלטה ישירות. טענו אותה בנפרד (@pantoken/plugin-primitives/primitives.css), מופרדת מהשכבה הסמנטית.

דוגמה ​

בנה את גיליון הסגנון הפרימיטיבי

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

ממשקים ​

פונקציות ​

הפניות ​

default ​

משנה שם ומייצא מחדש את primitivesCss