pantoken / primitives

primitives ​

Бета

Утиліти-класи за вибором для сирої примітивної палітри pantoken (--instui-primitive-*).

Семантичні утиліти в @pantoken/components навмисно відкривають лише семантичні токени — a color override там завжди є роллю (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