pantoken / primitives

primitives ​

Βήτα

Προαιρετικές βοηθητικές κλάσεις για την ακατέργαστη παλέτα primitive του pantoken (--instui-primitive-*).

Οι σημασιολογικές βοηθητικές λειτουργίες στο @pantoken/components εκθέτουν σκόπιμα μόνο σημασιολογικά token — μια υπεραναπλήρωση χρώματος εκεί είναι πάντα ένας ρόλος (bg-brand), ποτέ μια ακατέργαστη απόχρωση. Αυτό το πακέτο είναι η έξοδος ανάγκης: μία κλάση ανά primitive token για την σπάνια περίπτωση που ένας προγραμματιστής χρειάζεται την παλέτα απευθείας. Φορτώστε το μόνο του (@pantoken/plugin-primitives/primitives.css), ξεχωριστά από το σημασιολογικό επίπεδο.

Παράδειγμα ​

Δημιουργία του primitive stylesheet

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