pantoken / panda

panda ​

Experimentell

@pantoken/panda — ein Instructure-Design-Token-Preset für Panda CSS.

toPandaPreset konvertiert beliebiges IR; pantokenPreset ist das fertige rebrand-Preset. Füge es in deine panda.config.ts presets ein, und die _dark-Bedingung verfolgt die light-dark()-Tokens von pantoken automatisch.

Beispiel ​

panda.config.ts

ts
import { defineConfig } from "@pandacss/dev";
import { pantokenPreset } from "@pantoken/panda";
export default defineConfig({ presets: [pantokenPreset] });
// then: css({ color: "token(colors.color-text-base)" })

Schnittstellen ​

Typ-Aliasse ​

Variablen ​

Funktionen ​

Referenzen ​

default ​

Benennt pantokenPreset um und exportiert es erneut.