1 | import COMPILED_TOKENS from '../../dist/tokens/json/tokens.json';
|
2 | import { createDesignTokenStory } from './common_story_options';
|
3 |
|
4 | export const Default = createDesignTokenStory({
|
5 | tokens: {
|
6 | white: COMPILED_TOKENS.white,
|
7 | black: COMPILED_TOKENS.black,
|
8 | },
|
9 | });
|
10 |
|
11 | export const Gray = createDesignTokenStory({ tokens: COMPILED_TOKENS.gray });
|
12 |
|
13 | export const Blue = createDesignTokenStory({ tokens: COMPILED_TOKENS.blue });
|
14 |
|
15 | export const Green = createDesignTokenStory({ tokens: COMPILED_TOKENS.green });
|
16 |
|
17 | export const Orange = createDesignTokenStory({ tokens: COMPILED_TOKENS.orange });
|
18 |
|
19 | export const Red = createDesignTokenStory({ tokens: COMPILED_TOKENS.red });
|
20 |
|
21 | export const Purple = createDesignTokenStory({ tokens: COMPILED_TOKENS.purple });
|
22 |
|
23 |
|
24 | export default {
|
25 | title: 'tokens/color/base/light',
|
26 | };
|