@grantcodes/style-dictionary 1.2.1 → 1.3.0
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/.turbo/turbo-build.log +1 -1
- package/.turbo/turbo-lint.log +10 -0
- package/AGENTS.md +67 -0
- package/CHANGELOG.md +7 -0
- package/config.js +25 -1
- package/package.json +1 -1
- package/tokens/core/tier-1-definitions/colors.json +172 -173
- package/tokens/core/tier-1-definitions/z-index.json +26 -27
- package/tokens/grantcodes/tier-1-definitions/animation.json +24 -25
- package/tokens/grantcodes/tier-1-definitions/borders.json +33 -34
- package/tokens/grantcodes/tier-1-definitions/shadows.json +36 -37
- package/tokens/grantcodes/tier-1-definitions/spacing.json +49 -0
- package/tokens/grantcodes/tier-1-definitions/typography.json +140 -131
- package/tokens/grantcodes/tier-2-usage/00-colors-background.json +69 -70
- package/tokens/grantcodes/tier-2-usage/00-colors-border.json +39 -40
- package/tokens/grantcodes/tier-2-usage/00-colors-content.json +42 -43
- package/tokens/grantcodes/tier-2-usage/animation.json +21 -21
- package/tokens/grantcodes/tier-2-usage/borders.json +24 -24
- package/tokens/grantcodes/tier-2-usage/shadows.json +36 -37
- package/tokens/grantcodes/tier-2-usage/spacing.json +25 -0
- package/tokens/grantcodes/tier-2-usage/typography-usage.json +274 -275
- package/tokens/grantcodes/tier-3-components/button.json +92 -92
- package/tokens/grantcodes/tier-3-components/focus-ring.json +23 -24
- package/tokens/grantcodes/tier-3-components/form.json +67 -67
- package/tokens/grantcodes/tier-3-components/link.json +36 -37
- package/tokens/todomap/tier-1-definitions/colors.json +89 -90
- package/tokens/todomap/tier-1-definitions/spacing.json +49 -0
- package/tokens/todomap/tier-1-definitions/typography.json +10 -8
- package/tokens/todomap/tier-2-usage/00-colors-background.json +33 -34
- package/tokens/todomap/tier-2-usage/00-colors-content.json +30 -31
- package/tokens/todomap/tier-2-usage/spacing.json +25 -0
- package/tokens/todomap/tier-2-usage/typography-usage.json +18 -18
- package/tokens/todomap/tier-3-components/button.json +138 -139
- package/tokens/todomap/tier-3-components/focus-ring.json +23 -24
- package/tokens/todomap/tier-3-components/form.json +67 -67
- package/tokens/todomap/tier-3-components/link.json +36 -37
- package/tokens/wireframe/tier-1-definitions/animation.json +15 -16
- package/tokens/wireframe/tier-1-definitions/borders.json +39 -40
- package/tokens/wireframe/tier-1-definitions/colors.json +33 -34
- package/tokens/wireframe/tier-1-definitions/shadows.json +36 -37
- package/tokens/wireframe/tier-1-definitions/spacing.json +49 -0
- package/tokens/wireframe/tier-1-definitions/typography.json +128 -128
- package/tokens/wireframe/tier-2-usage/00-colors-background.json +83 -84
- package/tokens/wireframe/tier-2-usage/00-colors-border.json +39 -40
- package/tokens/wireframe/tier-2-usage/00-colors-content.json +42 -43
- package/tokens/wireframe/tier-2-usage/animation.json +21 -22
- package/tokens/wireframe/tier-2-usage/borders.json +30 -31
- package/tokens/wireframe/tier-2-usage/shadows.json +36 -37
- package/tokens/wireframe/tier-2-usage/spacing.json +25 -0
- package/tokens/wireframe/tier-2-usage/typography-usage.json +442 -443
- package/tokens/wireframe/tier-3-components/focus-ring.json +23 -24
- package/tokens/wireframe/tier-3-components/form.json +67 -67
- package/tokens/wireframe/tier-3-components/link.json +36 -37
|
@@ -1,42 +1,41 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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.purple.700}"
|
|
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
41
|
}
|
|
42
|
-
|
|
@@ -1,45 +1,44 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
+
"knockout": {
|
|
14
|
+
"value": "{color.neutral.white}"
|
|
15
|
+
},
|
|
16
|
+
"brand": {
|
|
17
|
+
"value": "{color.brand.purple.600}"
|
|
18
|
+
},
|
|
19
|
+
"brand-hover": {
|
|
20
|
+
"value": "{color.brand.purple.900}"
|
|
21
|
+
},
|
|
22
|
+
"brand-knockout": {
|
|
23
|
+
"value": "{color.brand.purple.100}"
|
|
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
44
|
}
|
|
45
|
-
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
2
|
+
"animation": {
|
|
3
|
+
"fade": {
|
|
4
|
+
"quick": {
|
|
5
|
+
"value": "{animation.duration.10}"
|
|
6
|
+
},
|
|
7
|
+
"long": {
|
|
8
|
+
"value": "{animation.duration.40}"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"move": {
|
|
12
|
+
"quick": {
|
|
13
|
+
"value": "{animation.duration.20}"
|
|
14
|
+
},
|
|
15
|
+
"long": {
|
|
16
|
+
"value": "{animation.duration.40}"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"ease": {
|
|
20
|
+
"value": "{animation.timing-function.ease}"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
23
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
2
|
+
"border": {
|
|
3
|
+
"radius": {
|
|
4
|
+
"sm": {
|
|
5
|
+
"value": "{border.radius.125}"
|
|
6
|
+
},
|
|
7
|
+
"md": {
|
|
8
|
+
"value": "{border.radius.500}"
|
|
9
|
+
},
|
|
10
|
+
"lg": {
|
|
11
|
+
"value": "{border.radius.1000}"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"width": {
|
|
15
|
+
"sm": {
|
|
16
|
+
"value": "{border.width.1}"
|
|
17
|
+
},
|
|
18
|
+
"md": {
|
|
19
|
+
"value": "{border.width.2}"
|
|
20
|
+
},
|
|
21
|
+
"lg": {
|
|
22
|
+
"value": "{border.width.4}"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
26
|
}
|
|
@@ -1,39 +1,38 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
38
|
}
|
|
39
|
-
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
}
|