pantoken / panda

panda ​

実験的

@pantoken/panda — Panda CSS用のInstructureデザイントークンプリセット。

toPandaPreset は任意のIRを変換します；pantokenPreset は出来合いの rebrand プリセットです。 それを panda.config.ts presets に展開すると、_dark 条件が pantoken の light-dark() トークンを自動的に追跡します。

例 ​

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

インターフェース ​

型エイリアス ​

変数 ​

関数 ​

参照 ​

default ​

pantokenPreset をリネームして再エクスポートします。