pantoken / panda

panda ​

Experimentell

@pantoken/panda — en Instructure design-token-förinställning för Panda CSS.

toPandaPreset konverterar vilken IR som helst; pantokenPreset är den färdiga rebrand-preseten. Sprid den i din panda.config.ts presets, och _dark-villkoret spårar pantokens light-dark()-tokens automatiskt.

Exempel ​

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)" })

Gränssnitt ​

Typalias ​

Variabler ​

Funktioner ​

Referenser ​

default ​

Byter namn på och återexporterar pantokenPreset