pantoken / primitives

primitives

Béta

Opt-in segédlet osztályok a nyers pantoken alap palettához (--instui-primitive-*).

A @pantoken/components szemantikus segédletei szándékosan csak szemantikus tokeneket teszik közzé — egy szín felülbírálat ott mindig egy szerep (bg-brand), soha nem nyers minta. Ez a csomag a szökőút: egy osztály primitív tokenként abban az esetben, ha egy fejlesztőnek közvetlenül szüksége van a palettára. Töltse be magában (@pantoken/plugin-primitives/primitives.css), a szemantikus rétegtől elkülönítve.

Példa

Hozza létre az alap stíluslapot

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

Interfészek

• PrimitiveTokenNames
• PrimitivesOptions

Függvények

• primitivesCss

Hivatkozások

default

Átnevezi és újra exportálja a primitivesCss függvényt