``markdown
Critical Update: @spexop/tokens v0.2.2
We discovered and fixed a critical CSS variable naming bug in v0.2.1.
The Bug
v0.2.1 generated malformed CSS variable names:
-
--s-color-red-5-0-0
instead of--s-color-red-500
- Affected all 148 color tokens
The Fix
v0.2.2 corrects this:
- Clean, consistent naming:
--s-color-{name}-{shade}
- All color families now work properly in CSS
Action Required
If you installed v0.2.1, upgrade immediately:
`bash
npm install @spexop/tokens@0.2.2
`
v0.2.1 has been deprecated on npm.
Bonus
v0.2.2 also includes modern breakpoint updates from v0.2.1:
- Better support for tablets (1280px)
- Full HD displays (1920px)
- 2K/QHD displays (2560px)
Sorry for the confusion! 🙏
` bash
✅ Final Checks Before Publishing
`bash
cd packages/tokens
1. Version
grep '"version"' package.json
Output: "version": "0.2.2" ✅
2. CSS variables (correct format)
grep "color-red-500:" dist/tokens.css
Output: --s-color-red-500: #b04554; ✅
3. No broken format
grep "color-.*-[0-9]-[0-9]-[0-9]:" dist/tokens.css
Output: (empty) ✅
4. Tests
pnpm test
Output: 34 tests passing ✅
`
Top comments (0)