pantoken / primitives

primitives ​

Beta

Opcjonalne klasy narzędziowe dla surowej palety prymitywów pantoken (--instui-primitive-*).

Narzędzia semantyczne w @pantoken/components celowo udostępniają wyłącznie tokeny semantyczne — nadpisanie koloru tam zawsze jest rolą (bg-brand), nigdy surowym odcieniem. Ten pakiet jest awaryjnym wyjściem: ją jedna klasa na token prymitywny na rzadki przypadek, gdy deweloper potrzebuje palety bezpośrednio. Ładuj go samodzielnie (@pantoken/plugin-primitives/primitives.css), oddzielnie od warstwy semantycznej.

Przykład ​

Zbuduj arkusz stylów prymitywów

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

Interfejsy ​

Funkcje ​

Odwołania ​

default ​

Zmienia nazwę i ponownie eksportuje primitivesCss