@grantcodes/style-dictionary 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/css/grantcodes/grantcodes.css +367 -0
- package/dist/css/grantcodes/tokens.css +367 -0
- package/dist/css/todomap/todomap.css +200 -0
- package/dist/css/todomap/tokens.css +200 -0
- package/dist/css/wireframe/tokens.css +426 -0
- package/dist/css/wireframe/wireframe.css +426 -0
- package/dist/js/grantcodes/style-dictionary.d.ts +361 -0
- package/dist/js/grantcodes/style-dictionary.js +386 -0
- package/dist/js/todomap/style-dictionary.d.ts +202 -0
- package/dist/js/todomap/style-dictionary.js +220 -0
- package/dist/js/wireframe/style-dictionary.d.ts +414 -0
- package/dist/js/wireframe/style-dictionary.js +427 -0
- package/dist/json/grantcodes/tokens.json +351 -0
- package/dist/json/todomap/tokens.json +200 -0
- package/dist/json/wireframe/tokens.json +404 -0
- package/package.json +66 -61
- package/.turbo/turbo-build.log +0 -45
- package/.turbo/turbo-lint.log +0 -10
- package/AGENTS.md +0 -67
- package/biome.json +0 -9
- package/build.js +0 -10
- package/config.js +0 -509
- package/demo.html +0 -171
- package/lib/color-generator.js +0 -13
- package/lib/get-style-dictionary-config.js +0 -223
- package/lib/get-themes.js +0 -10
- package/lib/index.js +0 -3
- package/tests/tokens.test.js +0 -87
- package/tokens/core/tier-1-definitions/colors.json +0 -174
- package/tokens/core/tier-1-definitions/z-index.json +0 -28
- package/tokens/grantcodes/tier-1-definitions/animation.json +0 -26
- package/tokens/grantcodes/tier-1-definitions/borders.json +0 -35
- package/tokens/grantcodes/tier-1-definitions/colors.json +0 -35
- package/tokens/grantcodes/tier-1-definitions/shadows.json +0 -38
- package/tokens/grantcodes/tier-1-definitions/spacing.json +0 -49
- package/tokens/grantcodes/tier-1-definitions/typography.json +0 -142
- package/tokens/grantcodes/tier-2-usage/00-colors-background.json +0 -71
- package/tokens/grantcodes/tier-2-usage/00-colors-border.json +0 -41
- package/tokens/grantcodes/tier-2-usage/00-colors-content.json +0 -44
- package/tokens/grantcodes/tier-2-usage/animation.json +0 -23
- package/tokens/grantcodes/tier-2-usage/borders.json +0 -26
- package/tokens/grantcodes/tier-2-usage/shadows.json +0 -38
- package/tokens/grantcodes/tier-2-usage/spacing.json +0 -25
- package/tokens/grantcodes/tier-2-usage/typography-usage.json +0 -276
- package/tokens/grantcodes/tier-3-components/button.json +0 -94
- package/tokens/grantcodes/tier-3-components/focus-ring.json +0 -25
- package/tokens/grantcodes/tier-3-components/form.json +0 -69
- package/tokens/grantcodes/tier-3-components/link.json +0 -38
- package/tokens/todomap/tier-1-definitions/colors.json +0 -91
- package/tokens/todomap/tier-1-definitions/spacing.json +0 -49
- package/tokens/todomap/tier-1-definitions/typography.json +0 -12
- package/tokens/todomap/tier-2-usage/00-colors-background.json +0 -35
- package/tokens/todomap/tier-2-usage/00-colors-content.json +0 -32
- package/tokens/todomap/tier-2-usage/spacing.json +0 -25
- package/tokens/todomap/tier-2-usage/typography-usage.json +0 -20
- package/tokens/todomap/tier-3-components/button.json +0 -140
- package/tokens/todomap/tier-3-components/focus-ring.json +0 -25
- package/tokens/todomap/tier-3-components/form.json +0 -69
- package/tokens/todomap/tier-3-components/link.json +0 -38
- package/tokens/wireframe/tier-1-definitions/animation.json +0 -17
- package/tokens/wireframe/tier-1-definitions/borders.json +0 -41
- package/tokens/wireframe/tier-1-definitions/colors.json +0 -35
- package/tokens/wireframe/tier-1-definitions/shadows.json +0 -38
- package/tokens/wireframe/tier-1-definitions/spacing.json +0 -49
- package/tokens/wireframe/tier-1-definitions/typography.json +0 -130
- package/tokens/wireframe/tier-2-usage/00-colors-background.json +0 -85
- package/tokens/wireframe/tier-2-usage/00-colors-border.json +0 -41
- package/tokens/wireframe/tier-2-usage/00-colors-content.json +0 -44
- package/tokens/wireframe/tier-2-usage/animation.json +0 -23
- package/tokens/wireframe/tier-2-usage/borders.json +0 -32
- package/tokens/wireframe/tier-2-usage/shadows.json +0 -38
- package/tokens/wireframe/tier-2-usage/spacing.json +0 -25
- package/tokens/wireframe/tier-2-usage/typography-usage.json +0 -444
- package/tokens/wireframe/tier-3-components/button.json +0 -94
- package/tokens/wireframe/tier-3-components/focus-ring.json +0 -25
- package/tokens/wireframe/tier-3-components/form.json +0 -69
- package/tokens/wireframe/tier-3-components/link.json +0 -38
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"color": {
|
|
3
|
-
"background": {
|
|
4
|
-
"default": {
|
|
5
|
-
"value": "{color.neutral.white}"
|
|
6
|
-
},
|
|
7
|
-
"default-hover": {
|
|
8
|
-
"value": "{color.neutral.100}"
|
|
9
|
-
},
|
|
10
|
-
"subtle": {
|
|
11
|
-
"value": "{color.neutral.100}"
|
|
12
|
-
},
|
|
13
|
-
"subtle-hover": {
|
|
14
|
-
"value": "{color.neutral.200}"
|
|
15
|
-
},
|
|
16
|
-
"knockout": {
|
|
17
|
-
"value": "{color.neutral.black}"
|
|
18
|
-
},
|
|
19
|
-
"brand": {
|
|
20
|
-
"value": "{color.brand.gray.100}"
|
|
21
|
-
},
|
|
22
|
-
"brand-hover": {
|
|
23
|
-
"value": "{color.brand.gray.200}"
|
|
24
|
-
},
|
|
25
|
-
"brand-disabled": {
|
|
26
|
-
"value": "{color.neutral.200}"
|
|
27
|
-
},
|
|
28
|
-
"brand-knockout": {
|
|
29
|
-
"value": "{color.brand.gray.800}"
|
|
30
|
-
},
|
|
31
|
-
"brand-knockout-hover": {
|
|
32
|
-
"value": "{color.brand.gray.700}"
|
|
33
|
-
},
|
|
34
|
-
"utility": {
|
|
35
|
-
"error": {
|
|
36
|
-
"value": "{color.utility.red.100}"
|
|
37
|
-
},
|
|
38
|
-
"error-knockout": {
|
|
39
|
-
"value": "{color.utility.red.600}"
|
|
40
|
-
},
|
|
41
|
-
"warning": {
|
|
42
|
-
"value": "{color.utility.yellow.100}"
|
|
43
|
-
},
|
|
44
|
-
"warning-knockout": {
|
|
45
|
-
"value": "{color.utility.yellow.600}"
|
|
46
|
-
},
|
|
47
|
-
"success": {
|
|
48
|
-
"value": "{color.utility.green.100}"
|
|
49
|
-
},
|
|
50
|
-
"success-knockout": {
|
|
51
|
-
"value": "{color.utility.green.600}"
|
|
52
|
-
},
|
|
53
|
-
"info": {
|
|
54
|
-
"value": "{color.utility.blue.100}"
|
|
55
|
-
},
|
|
56
|
-
"info-knockout": {
|
|
57
|
-
"value": "{color.utility.blue.600}"
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
"dataviz": {
|
|
61
|
-
"primary": {
|
|
62
|
-
"value": "{color.brand.gray.600}"
|
|
63
|
-
},
|
|
64
|
-
"primary-subtle": {
|
|
65
|
-
"value": "{color.transparent.25}"
|
|
66
|
-
},
|
|
67
|
-
"secondary": {
|
|
68
|
-
"value": "{color.neutral.200}"
|
|
69
|
-
},
|
|
70
|
-
"tertiary": {
|
|
71
|
-
"value": "{color.neutral.400}"
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
"disabled": {
|
|
75
|
-
"value": "{color.neutral.200}"
|
|
76
|
-
},
|
|
77
|
-
"transparent": {
|
|
78
|
-
"value": "{color.transparent.25}"
|
|
79
|
-
},
|
|
80
|
-
"transparent-strong": {
|
|
81
|
-
"value": "{color.transparent.90}"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"color": {
|
|
3
|
-
"border": {
|
|
4
|
-
"default": {
|
|
5
|
-
"value": "{color.neutral.300}"
|
|
6
|
-
},
|
|
7
|
-
"default-hover": {
|
|
8
|
-
"value": "{color.neutral.500}"
|
|
9
|
-
},
|
|
10
|
-
"subtle": {
|
|
11
|
-
"value": "{color.neutral.200}"
|
|
12
|
-
},
|
|
13
|
-
"strong": {
|
|
14
|
-
"value": "{color.neutral.900}"
|
|
15
|
-
},
|
|
16
|
-
"knockout": {
|
|
17
|
-
"value": "{color.neutral.400}"
|
|
18
|
-
},
|
|
19
|
-
"brand": {
|
|
20
|
-
"value": "{color.brand.gray.300}"
|
|
21
|
-
},
|
|
22
|
-
"utility": {
|
|
23
|
-
"error": {
|
|
24
|
-
"value": "{color.utility.red.700}"
|
|
25
|
-
},
|
|
26
|
-
"warning": {
|
|
27
|
-
"value": "{color.utility.yellow.700}"
|
|
28
|
-
},
|
|
29
|
-
"success": {
|
|
30
|
-
"value": "{color.utility.green.700}"
|
|
31
|
-
},
|
|
32
|
-
"info": {
|
|
33
|
-
"value": "{color.utility.blue.700}"
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"disabled": {
|
|
37
|
-
"value": "{color.neutral.200}"
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"color": {
|
|
3
|
-
"content": {
|
|
4
|
-
"default": {
|
|
5
|
-
"value": "{color.neutral.900}"
|
|
6
|
-
},
|
|
7
|
-
"default-hover": {
|
|
8
|
-
"value": "{color.neutral.black}"
|
|
9
|
-
},
|
|
10
|
-
"subtle": {
|
|
11
|
-
"value": "{color.neutral.500}"
|
|
12
|
-
},
|
|
13
|
-
"brand": {
|
|
14
|
-
"value": "{color.brand.gray.700}"
|
|
15
|
-
},
|
|
16
|
-
"brand-hover": {
|
|
17
|
-
"value": "{color.brand.gray.900}"
|
|
18
|
-
},
|
|
19
|
-
"brand-knockout": {
|
|
20
|
-
"value": "{color.brand.gray.100}"
|
|
21
|
-
},
|
|
22
|
-
"knockout": {
|
|
23
|
-
"value": "{color.neutral.white}"
|
|
24
|
-
},
|
|
25
|
-
"disabled": {
|
|
26
|
-
"value": "{color.neutral.600}"
|
|
27
|
-
},
|
|
28
|
-
"utility": {
|
|
29
|
-
"error": {
|
|
30
|
-
"value": "{color.utility.red.600}"
|
|
31
|
-
},
|
|
32
|
-
"warning": {
|
|
33
|
-
"value": "{color.utility.yellow.600}"
|
|
34
|
-
},
|
|
35
|
-
"success": {
|
|
36
|
-
"value": "{color.utility.green.600}"
|
|
37
|
-
},
|
|
38
|
-
"info": {
|
|
39
|
-
"value": "{color.utility.blue.600}"
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"animation": {
|
|
3
|
-
"fade": {
|
|
4
|
-
"quick": {
|
|
5
|
-
"value": "{animation.duration.15}"
|
|
6
|
-
},
|
|
7
|
-
"long": {
|
|
8
|
-
"value": "{animation.duration.40}"
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
"move": {
|
|
12
|
-
"quick": {
|
|
13
|
-
"value": "{animation.duration.15}"
|
|
14
|
-
},
|
|
15
|
-
"long": {
|
|
16
|
-
"value": "{animation.duration.40}"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"ease": {
|
|
20
|
-
"value": "{animation.easing.default}"
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"border": {
|
|
3
|
-
"radius": {
|
|
4
|
-
"none": {
|
|
5
|
-
"value": "{border.radius.0}"
|
|
6
|
-
},
|
|
7
|
-
"sm": {
|
|
8
|
-
"value": "{border.radius.0}"
|
|
9
|
-
},
|
|
10
|
-
"md": {
|
|
11
|
-
"value": "{border.radius.0}"
|
|
12
|
-
},
|
|
13
|
-
"lg": {
|
|
14
|
-
"value": "{border.radius.0}"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"width": {
|
|
18
|
-
"sm": {
|
|
19
|
-
"value": "{border.width.1}"
|
|
20
|
-
},
|
|
21
|
-
"md": {
|
|
22
|
-
"value": "{border.width.2}"
|
|
23
|
-
},
|
|
24
|
-
"lg": {
|
|
25
|
-
"value": "{border.width.4}"
|
|
26
|
-
},
|
|
27
|
-
"xl": {
|
|
28
|
-
"value": "{border.width.8}"
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"box-shadow": {
|
|
3
|
-
"sm": {
|
|
4
|
-
"x": {
|
|
5
|
-
"value": "{shadow.sm.x}"
|
|
6
|
-
},
|
|
7
|
-
"y": {
|
|
8
|
-
"value": "{shadow.sm.y}"
|
|
9
|
-
},
|
|
10
|
-
"blur": {
|
|
11
|
-
"value": "{shadow.sm.blur}"
|
|
12
|
-
},
|
|
13
|
-
"spread": {
|
|
14
|
-
"value": "{shadow.sm.spread}"
|
|
15
|
-
},
|
|
16
|
-
"color": {
|
|
17
|
-
"value": "{shadow.sm.color}"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"md": {
|
|
21
|
-
"x": {
|
|
22
|
-
"value": "{shadow.md.x}"
|
|
23
|
-
},
|
|
24
|
-
"y": {
|
|
25
|
-
"value": "{shadow.md.y}"
|
|
26
|
-
},
|
|
27
|
-
"blur": {
|
|
28
|
-
"value": "{shadow.md.blur}"
|
|
29
|
-
},
|
|
30
|
-
"spread": {
|
|
31
|
-
"value": "{shadow.md.spread}"
|
|
32
|
-
},
|
|
33
|
-
"color": {
|
|
34
|
-
"value": "{shadow.md.color}"
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spacing": {
|
|
3
|
-
"xs": {
|
|
4
|
-
"value": "{spacing.4}"
|
|
5
|
-
},
|
|
6
|
-
"sm": {
|
|
7
|
-
"value": "{spacing.8}"
|
|
8
|
-
},
|
|
9
|
-
"md": {
|
|
10
|
-
"value": "{spacing.16}"
|
|
11
|
-
},
|
|
12
|
-
"lg": {
|
|
13
|
-
"value": "{spacing.24}"
|
|
14
|
-
},
|
|
15
|
-
"xl": {
|
|
16
|
-
"value": "{spacing.32}"
|
|
17
|
-
},
|
|
18
|
-
"2xl": {
|
|
19
|
-
"value": "{spacing.48}"
|
|
20
|
-
},
|
|
21
|
-
"3xl": {
|
|
22
|
-
"value": "{spacing.64}"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|