pantoken / primitives

primitives ​

بيتا

فئات أدوات اختيارية للوحة الألوان الأولية الخام لـ 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