design-colors
Color primitives/tokens to be used across Powel's products
Installation
npm install @powel/design-colors --save
Usage
JavaScript
In JavaScript, design token names are formatted in lower camelCase.
const tokens = require('@powel/design-colors');
console.log(tokens.colorBlue100);
In JSON, design token names are formatted in SNAKE_CASE.
const tokens = require('@powel/design-colors/dist/index.json');
console.log(tokens['COLOR_BLACK']);
Sass
Sass variables and map keys are formatted in kebab-case.
@import '~@powel/design-colors/dist/index';
a {
color: $color-accent120;
}