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