DEV Community

Cüneyt Çakar
Cüneyt Çakar

Posted on

Critical Update: @spexop/tokens v0.2.2

``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)