Variables CSS, manifeste JSON et preset Tailwind.
Les noms et valeurs des tokens sont expérimentaux et peuvent évoluer.
pnpm add @liquidify/tokens| Export | Usage |
|---|---|
@liquidify/tokens/variables.css | Variables CSS de la configuration Web |
@liquidify/tokens/system-color-classes.css | Classes des couleurs système |
@liquidify/tokens/tokens.json | Valeurs des tokens en JSON |
@liquidify/tokens/tailwind-preset | Objet liquidifyPreset |
@liquidify/tokens | Utilitaires TypeScript comme ptToRem |
import "@liquidify/tokens/variables.css".account-card {
color: var(--lq-color-fg-primary);
padding: var(--lq-space-16);
border-radius: var(--lq-radius-14);
}La configuration de base est générée à partir des sources iOS du dépôt. Les fichiers de plateformes archivées ne sont pas des thèmes interchangeables à l’exécution.
@liquidify/react/styles.css contient déjà les tokens nécessaires. Importez directement variables.css uniquement si vous n’utilisez pas cette feuille complète.