pantoken / primitives

primitives ​

Beta

Ham pantoken ilkel paleti için isteğe bağlı yardımcı sınıflar (--instui-primitive-*).

@pantoken/components içindeki semantik yardımcılar kasıtlı olarak yalnızca semantik token'ları açığa çıkarır — bir renk geçersiz kılma orada her zaman bir roldür (bg-brand), asla ham bir renk numunesi değildir. Bu paket kaçış yoludur: bir geliştiricinin paleti doğrudan kullanması gerektiği nadir durumlar için her bir ilkel token başına bir sınıf sağlar. Semantik katmandan ayrı olarak kendi başına yükleyin (@pantoken/plugin-primitives/primitives.css).

Örnek ​

İlkel stil sayfasını oluştur

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

Arayüzler ​

Fonksiyonlar ​

Başvurular ​

default ​

primitivesCss'i yeniden adlandırır ve yeniden dışa aktarır