pantoken / primitives

primitives ​

بتا

کلاس‌های کمکی اختیاری برای پالت ابتدایی خام pantoken (--instui-primitive-*).

ابزارهای معنایی در @pantoken/components به‌طور عمدی تنها توکن‌های معنایی را افشا می‌کنند — یک بازنویسی رنگ همیشه یک نقش است (bg-brand)، هرگز یک نمونهٔ خام رنگی نیست. این بسته مسیر خروج است: یک کلاس برای هر توکن ابتدایی برای حالت نادر که توسعه‌دهنده به‌طور مستقیم به پالت نیاز دارد. آن را به‌طور مستقل بارگذاری کنید (@pantoken/plugin-primitives/primitives.css)، جدا از لایهٔ معنایی.

نمونه ​

ساخت stylesheet اولیه

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