@@ -75,13 +75,12 @@ $spacing-large: $spacing-base * 2;
7575- ❌ Can't use in JavaScript, native apps, etc.
7676- ❌ No color space conversions
7777- ❌ Poor tooling for design tokens
78- - ❌ Not DTCG compliant
7978
8079---
8180
8281## The Solution: TokenScript
8382
84- TokenScript is a ** type-safe language for design token logic** that integrates seamlessly with DTCG (Design Token Community Group) standards .
83+ TokenScript is a ** type-safe language for design token logic** that integrates seamlessly with token files .
8584
8685### What makes TokenScript different?
8786
@@ -231,7 +230,7 @@ variable remSpacing: NumberWithUnit = baseSpacing.convertTo("rem", 16); // 1rem
231230| ----------------------| ------------------| ------------------| ---------------| ---------------| ------------------|
232231| ** Type Safety** | ✅ Built-in | ❌ No | ❌ No | ❌ No | 🟡 DIY |
233232| ** Color Spaces** | ✅ Oklch, P3+ | 🟡 Basic | 🟡 Basic | 🟡 Limited | 🟡 DIY |
234- | ** DTCG Standard ** | ✅ Native | 🟡 Plugin | ❌ No | N/A | 🟡 DIY |
233+ | ** JSON ** | ✅ Native | 🟡 Plugin | ❌ No | N/A | 🟡 DIY |
235234| ** Logic/Conditions** | ✅ Full language | 🟡 Transforms | 🟡 Limited | ❌ No | ✅ Yes (custom) |
236235| ** Embeddable** | ✅ CLI + API | 🟡 CLI mainly | 🟡 CLI mainly | N/A | 🟡 DIY |
237236| ** Learning Curve** | 🟡 Moderate | 🟡 Moderate | 🟢 Easy | 🟢 Easy | 🔴 High (custom) |
@@ -241,7 +240,7 @@ variable remSpacing: NumberWithUnit = baseSpacing.convertTo("rem", 16); // 1rem
241240
242241## What Can You Build With TokenScript?
243242
244- - ** Design token resolvers** - Turn DTCG JSON into platform-specific formats
243+ - ** Design token resolvers** - Turn JSON into platform-specific formats
245244- ** Theme generators** - Auto-generate theme variations
246245- ** Color tools** - Build color palette generators
247246- ** Design system validators** - Check token consistency
0 commit comments