🪶 style-dictionary-esm
An ESM-ready version of Style Dictionary.
- Fully ESM-ready
- Allows mocking
fs
dependency, improving browser support - Replaces
console.log
by consola
, with custom levels - Replaces
node-sass
by dart-sass
- Replaces
glob
by fast-glob
- Drops
lodash
dependency - 100% coverage from upstream test suite
- PNPM, tsup, Vite and Vitest for the repository
Install
npm i style-dictionary-esm
Why
I love Design Tokens and the Style Dictionary API!
Migrating to ESM is a tedious task, but I need it to integrate it inside my projects and toolchains.
I would happily move this work as a PR on the original repo, if this makes sense in the project roadmap!
This is an initial step in doing a Vite plugin for Style Dictionary.
Todos
- Improve tree-shaking
- Moving formats per-file and require none by default
- Avoid relying on global export
- Avoid relying on
fs
globally, but instead support unified storage layer - Make tests paralellizable, currently
threads
has to be set to false
due to fs
mismatchs
License
Apache 2.0