@open-formulieren/design-tokens
Advanced tools
Open Forms projects follow the NL Design System. We organize the design tokens in JSON files and use them in downstream projects like the SDK and the Open Forms backend project.
Specify the design tokens in JSON files, which are picked up and merged using the style-dictionary library. The resulting packages include various build targets, such as ES6 modules, CSS variables files, SASS vars... to be consumed in downstream projects.
Using tokens
If you are only consuming the design tokens, the easiest integration path is adding the NPM package as dependency to your project:
npm install --save-dev @open-formulieren/design-tokens
Then, import the desired build target artifact and run your usual build chain.
Developing and using tokens
If you actively need to add or change design tokens, we recommend installing the package
locally and using npm workspaces or npm link for the least-friction experience. For
Open Forms specifically, we include the package as a git-submodule and leverage
npm workspaces with instructions in the downstream projects.
This allows you to create atomic PRs with design token changes, while being able to develop against the newest changes.
Run:
npm start
to start the watcher which will re-build on changes.
FAQs
Design tokens for Open Forms
The npm package @open-formulieren/design-tokens receives a total of 496 weekly downloads. As such, @open-formulieren/design-tokens popularity was classified as not popular.
We found that @open-formulieren/design-tokens demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.
Security News
PEP 770 proposes adding SBOM support to Python packages to improve transparency and catch hidden non-Python dependencies that security tools often miss.
Security News
Socket CEO Feross Aboukhadijeh discusses open source security challenges, including zero-day attacks and supply chain risks, on the Cyber Security Council podcast.