pantoken-root / panda

panda ​

Compatibility ​

Target: Panda CSS. Current format: Panda token utility extraction from the Pantoken preset. Minimum host version: 1.12.1. Tested through 2.2.0. Newer releases require review.

Full compatibility matrix

ทดลอง

@pantoken/panda — พรีเซ็ตโทเค็นการออกแบบของ Instructure สำหรับ Panda CSS.

toPandaPreset แปลง IR ใดๆ; pantokenPreset คือพรีเซ็ต rebrand ที่พร้อมใช้งาน. กระจายเข้าไปใน panda.config.ts presets ของคุณ และเงื่อนไข _dark จะติดตามโทเค็น light-dark() ของ pantoken โดยอัตโนมัติ.

ตัวอย่าง ​

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