3.0.0 • Published 3 years ago
@powel/design-colors v3.0.0
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); // rgb(0, 0, 0)
In JSON, design token names are formatted in SNAKE_CASE.
const tokens = require('@powel/design-colors/dist/index.json');
console.log(tokens['COLOR_BLACK']); // rgb(0, 0, 0)
Sass
Sass variables and map keys are formatted in kebab-case.
// Using variables
@import '~@powel/design-colors/dist/index';
a {
color: $color-navy125;
}
3.0.0
3 years ago
3.0.0-1611848835682
3 years ago
3.0.0-1611838341989
3 years ago
3.0.0-1611738685411
3 years ago
3.0.0-1611670896489
3 years ago
3.0.0-1611649280269
3 years ago
3.0.0-1611613105489
3 years ago
2.4.0
3 years ago
2.4.0-1611318412866
3 years ago
2.4.0-1611317370457
3 years ago
2.3.0
4 years ago
2.2.0
4 years ago
2.1.0
4 years ago
2.0.1
4 years ago
2.0.0
4 years ago
1.0.0
4 years ago