@adyen/bento-design-tokens
Advanced tools
Welcome to the Bento Design Tokens library!
The aim of this library is to maintain design consistency across various products at Adyen.
Design tokens are semantic values that are used in Figma designs and CSS styles.
We have opted to use the Style Dictionary token creation tool that resides
in the @adyen/bento-design-tokens package.
The Style dictionary uses 3 layers of tokens:
Example: color.grey.30
Example: background-color-interacted
Example: toggle-checked-background-color
For further explanation please check Adobe Spectrum documentation.
The design tokens package tokens folder contains 2 folders:
FAQs
## Introduction
The npm package @adyen/bento-design-tokens receives a total of 87,091 weekly downloads. As such, @adyen/bento-design-tokens popularity was classified as popular.
We found that @adyen/bento-design-tokens demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 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.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.
Security News
CISA’s 2025 draft SBOM guidance adds new fields like hashes, licenses, and tool metadata to make software inventories more actionable.