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을 재내보냅니다