pantoken / primitives

primitives ​

बीटा

कच्चे pantoken primitive palette (--instui-primitive-*) के लिए ऑप्ट-इन यूटिलिटी क्लास।

@pantoken/components में सेमांटिक यूटिलिटीज़ जानबूझकर केवल सेमांटिक टोकन उजागर करती हैं — वहाँ किसी रंग का ओवरराइड हमेशा एक भूमिका (bg-brand) होती है, कभी भी कच्चा स्वैच नहीं। यह पैकेज बच निकलने का रास्ता है: दुर्लभ मामलों के लिए जहाँ डेवलपर को सीधे पैलेट की आवश्यकता होती है, हर primitive टोकन के लिए एक क्लास। इसे अपने आप लोड करें (@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 को री-एक्सपोर्ट करता है