@cockroachlabs/design-tokens v0.4.13
design-tokens
Uses style-dictionary to transform tokens defined in json into different formats.
Install dependencies
yarn
Generate tokens from json
npm run build
Exported Tokens
Sass
_tokens.scss
contains exported token values as Sass variables.
@import "~@cockroachlabs/design-tokens/dist/web/tokens"
.example {
background-color: $color-background-button-primary-success-base;
color: $color-font-button-primary-success-base;
border-width: 1px;
border-style: solid;
border-color: $color-border-button-primary-success-base;
}
Stylus
tokens.styl
contains exported token values as Stylus variables.
@require "~@cockroachlabs/design-tokens/dist/web/tokens"
.example
color $color-intent-success-4
background-color $color-intent-success-1
border-radius 3px
JavaScript
tokens.js
contains exported token values as JavaScript constants.
import {
ColorFont1,
ColorBaseBlue,
ColorBasePurple,
} from "@cockroachlabs/design-tokens";
// ...
<SomeComponent
fontColor={ColorFont1}
interactionColor={ColorBaseBlue}
progressColor={ColorBasePurple}
/>;
a tokens.d.ts
file is also generated to act as types for tokens for TypeScript support.
12 hours ago
4 days ago
3 days ago
5 days ago
8 days ago
9 days ago
8 days ago
9 days ago
11 days ago
13 days ago
19 days ago
20 days ago
22 days ago
22 days ago
22 days ago
23 days ago
25 days ago
25 days ago
28 days ago
30 days ago
29 days ago
30 days ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
9 months ago
5 months ago
10 months ago
8 months ago
9 months ago
8 months ago
8 months ago
10 months ago
7 months ago
5 months ago
8 months ago
9 months ago
7 months ago
7 months ago
10 months ago
7 months ago
8 months ago
7 months ago
8 months ago
6 months ago
9 months ago
7 months ago
9 months ago
10 months ago
10 months ago
10 months ago
9 months ago
6 months ago
8 months ago
6 months ago
7 months ago
9 months ago
8 months ago
9 months ago
6 months ago
6 months ago
8 months ago
6 months ago
9 months ago
7 months ago
8 months ago
8 months ago
7 months ago
8 months ago
6 months ago
6 months ago
7 months ago
8 months ago
7 months ago
5 months ago
9 months ago
8 months ago
10 months ago
6 months ago
6 months ago
9 months ago
6 months ago
9 months ago
8 months ago
7 months ago
8 months ago
7 months ago
6 months ago
7 months ago
10 months ago
9 months ago
7 months ago
6 months ago
10 months ago
8 months ago
7 months ago
7 months ago
10 months ago
6 months ago
7 months ago
8 months ago
6 months ago
9 months ago
6 months ago
7 months ago
6 months ago
8 months ago
7 months ago
6 months ago
8 months ago
9 months ago
8 months ago
6 months ago
10 months ago
6 months ago
7 months ago
7 months ago
7 months ago
6 months ago
8 months ago
7 months ago
9 months ago
6 months ago
8 months ago
8 months ago
8 months ago
8 months ago
10 months ago
7 months ago
8 months ago
7 months ago
7 months ago
6 months ago
9 months ago
10 months ago
7 months ago
7 months ago
6 months ago
6 months ago
7 months ago
6 months ago
8 months ago
9 months ago
6 months ago
7 months ago
7 months ago
7 months ago
9 months ago
6 months ago
9 months ago
10 months ago
7 months ago
5 months ago
9 months ago
8 months ago
6 months ago
10 months ago
8 months ago
10 months ago
7 months ago
9 months ago
8 months ago
6 months ago
9 months ago
10 months ago
8 months ago
6 months ago
7 months ago
6 months ago
8 months ago
9 months ago
10 months ago
7 months ago
8 months ago
9 months ago
8 months ago
8 months ago
8 months ago
6 months ago
7 months ago
9 months ago
7 months ago
7 months ago
9 months ago
7 months ago
9 months ago
9 months ago
8 months ago
10 months ago
8 months ago
6 months ago
9 months ago
8 months ago
6 months ago
9 months ago
9 months ago
7 months ago
8 months ago
6 months ago
10 months ago
9 months ago
8 months ago
10 months ago
10 months ago
9 months ago
8 months ago
9 months ago
6 months ago
6 months ago
9 months ago
7 months ago
8 months ago
6 months ago
8 months ago
7 months ago
7 months ago
10 months ago
9 months ago
8 months ago
6 months ago
7 months ago
9 months ago
9 months ago
7 months ago
10 months ago
6 months ago
8 months ago
7 months ago
8 months ago
9 months ago
8 months ago
8 months ago
7 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
12 months ago
1 year ago
11 months ago
12 months ago
11 months ago
12 months ago
11 months ago
11 months ago
1 year ago
11 months ago
12 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago