🪶 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