pantoken / panda

panda

Experimental

@pantoken/panda — an Instructure design-token preset for Panda CSS.

toPandaPreset converts any IR; pantokenPreset is the ready-made rebrand preset. Spread it into your panda.config.ts presets, and the _dark condition tracks pantoken's light-dark() tokens automatically.

Example

panda.config.ts

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

Interfaces

• PandaToken
• PandaSemanticToken
• PandaPreset

Type Aliases

• PandaCategory

Variables

• pantokenPreset

Functions

• toPandaPreset

References

default

Renames and re-exports pantokenPreset