pantoken / primitives

primitives ​

เบต้า

คลาสยูทิลิตี้แบบเลือกใช้สำหรับพาเลตโทเค็นดิบของ pantoken (--instui-primitive-*).

ยูทิลิตี้เชิงความหมายใน @pantoken/components ตั้งใจเปิดเผยเฉพาะโทเค็นเชิงความหมายเท่านั้น — การแทนที่สี ในที่นั้นจะเป็นบทบาทเสมอ (bg-brand), ไม่ใช่สวอชดิบ แพ็กเกจนี้เป็นทางหนี: คลาสหนึ่งต่อโทเค็นพื้นฐานสำหรับกรณีที่หายากเมื่อผู้พัฒนาต้องการพาเลตโดยตรง โหลดมัน แยกต่างหาก (@pantoken/plugin-primitives/primitives.css), แยกจากเลเยอร์เชิงความหมาย.

ตัวอย่าง ​

สร้างสไตล์ชีทของ primitive

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