Design Token files are a central location to store design related information such as colors, fonts, widths, animations, etc. These raw values can then be transformed and formatted to meet the needs of any platform. Instead of hard coding this information in each platform/format, we store here centralized Design Tokens and publish on npm output files for each platform/format to be consumed.
This project is structured to host design-tokens used by the following OpenTable design-systems:
OTKit - Documentation
| Token | Available Formats | Version |
|---|---|---|
otkit-breakpoints |
scss, cssmodules.css, common.js |
 |
otkit-colors |
scss, cssmodules.css, common.js |
 |
otkit-spacing |
scss, cssmodules.css, common.js |
 |
otkit-typography |
scss, cssmodules.css, common.js |
 |
OTTheme - Documentation
| Token | Available Formats | Version |
|---|---|---|
ottheme-colors |
scss, cssmodules.css, common.js |
 |
ottheme-spacing |
scss, cssmodules.css, common.js |
 |