@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.
Files changed (53) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-lint.log +10 -0
  3. package/AGENTS.md +67 -0
  4. package/CHANGELOG.md +7 -0
  5. package/config.js +25 -1
  6. package/package.json +1 -1
  7. package/tokens/core/tier-1-definitions/colors.json +172 -173
  8. package/tokens/core/tier-1-definitions/z-index.json +26 -27
  9. package/tokens/grantcodes/tier-1-definitions/animation.json +24 -25
  10. package/tokens/grantcodes/tier-1-definitions/borders.json +33 -34
  11. package/tokens/grantcodes/tier-1-definitions/shadows.json +36 -37
  12. package/tokens/grantcodes/tier-1-definitions/spacing.json +49 -0
  13. package/tokens/grantcodes/tier-1-definitions/typography.json +140 -131
  14. package/tokens/grantcodes/tier-2-usage/00-colors-background.json +69 -70
  15. package/tokens/grantcodes/tier-2-usage/00-colors-border.json +39 -40
  16. package/tokens/grantcodes/tier-2-usage/00-colors-content.json +42 -43
  17. package/tokens/grantcodes/tier-2-usage/animation.json +21 -21
  18. package/tokens/grantcodes/tier-2-usage/borders.json +24 -24
  19. package/tokens/grantcodes/tier-2-usage/shadows.json +36 -37
  20. package/tokens/grantcodes/tier-2-usage/spacing.json +25 -0
  21. package/tokens/grantcodes/tier-2-usage/typography-usage.json +274 -275
  22. package/tokens/grantcodes/tier-3-components/button.json +92 -92
  23. package/tokens/grantcodes/tier-3-components/focus-ring.json +23 -24
  24. package/tokens/grantcodes/tier-3-components/form.json +67 -67
  25. package/tokens/grantcodes/tier-3-components/link.json +36 -37
  26. package/tokens/todomap/tier-1-definitions/colors.json +89 -90
  27. package/tokens/todomap/tier-1-definitions/spacing.json +49 -0
  28. package/tokens/todomap/tier-1-definitions/typography.json +10 -8
  29. package/tokens/todomap/tier-2-usage/00-colors-background.json +33 -34
  30. package/tokens/todomap/tier-2-usage/00-colors-content.json +30 -31
  31. package/tokens/todomap/tier-2-usage/spacing.json +25 -0
  32. package/tokens/todomap/tier-2-usage/typography-usage.json +18 -18
  33. package/tokens/todomap/tier-3-components/button.json +138 -139
  34. package/tokens/todomap/tier-3-components/focus-ring.json +23 -24
  35. package/tokens/todomap/tier-3-components/form.json +67 -67
  36. package/tokens/todomap/tier-3-components/link.json +36 -37
  37. package/tokens/wireframe/tier-1-definitions/animation.json +15 -16
  38. package/tokens/wireframe/tier-1-definitions/borders.json +39 -40
  39. package/tokens/wireframe/tier-1-definitions/colors.json +33 -34
  40. package/tokens/wireframe/tier-1-definitions/shadows.json +36 -37
  41. package/tokens/wireframe/tier-1-definitions/spacing.json +49 -0
  42. package/tokens/wireframe/tier-1-definitions/typography.json +128 -128
  43. package/tokens/wireframe/tier-2-usage/00-colors-background.json +83 -84
  44. package/tokens/wireframe/tier-2-usage/00-colors-border.json +39 -40
  45. package/tokens/wireframe/tier-2-usage/00-colors-content.json +42 -43
  46. package/tokens/wireframe/tier-2-usage/animation.json +21 -22
  47. package/tokens/wireframe/tier-2-usage/borders.json +30 -31
  48. package/tokens/wireframe/tier-2-usage/shadows.json +36 -37
  49. package/tokens/wireframe/tier-2-usage/spacing.json +25 -0
  50. package/tokens/wireframe/tier-2-usage/typography-usage.json +442 -443
  51. package/tokens/wireframe/tier-3-components/focus-ring.json +23 -24
  52. package/tokens/wireframe/tier-3-components/form.json +67 -67
  53. package/tokens/wireframe/tier-3-components/link.json +36 -37
package/tokens/grantcodes/tier-1-definitions/borders.json CHANGED
@@ -1,36 +1,35 @@
1
1
  {
2
- "border": {
3
- "radius": {
4
- "square": {
5
- "value": "0"
6
- },
7
- "125": {
8
- "value": "0.125rem"
9
- },
10
- "250": {
11
- "value": "0.25rem"
12
- },
13
- "500": {
14
- "value": "0.5rem"
15
- },
16
- "1000": {
17
- "value": "1rem"
18
- },
19
- "rounded": {
20
- "value": "50%"
21
- }
22
- },
23
- "width": {
24
- "1": {
25
- "value": "1px"
26
- },
27
- "2": {
28
- "value": "2px"
29
- },
30
- "4": {
31
- "value": "4px"
32
- }
33
- }
34
- }
2
+ "border": {
3
+ "radius": {
4
+ "square": {
5
+ "value": "0"
6
+ },
7
+ "125": {
8
+ "value": "0.125rem"
9
+ },
10
+ "250": {
11
+ "value": "0.25rem"
12
+ },
13
+ "500": {
14
+ "value": "0.5rem"
15
+ },
16
+ "1000": {
17
+ "value": "1rem"
18
+ },
19
+ "rounded": {
20
+ "value": "50%"
21
+ }
22
+ },
23
+ "width": {
24
+ "1": {
25
+ "value": "1px"
26
+ },
27
+ "2": {
28
+ "value": "2px"
29
+ },
30
+ "4": {
31
+ "value": "4px"
32
+ }
33
+ }
34
+ }
35
35
  }
36
-
package/tokens/grantcodes/tier-1-definitions/shadows.json CHANGED
@@ -1,39 +1,38 @@
1
1
  {
2
- "shadow": {
3
- "sm": {
4
- "x": {
5
- "value": "0px"
6
- },
7
- "y": {
8
- "value": "4px"
9
- },
10
- "blur": {
11
- "value": "4px"
12
- },
13
- "spread": {
14
- "value": "0px"
15
- },
16
- "color": {
17
- "value": "#00000040"
18
- }
19
- },
20
- "md": {
21
- "x": {
22
- "value": "0px"
23
- },
24
- "y": {
25
- "value": "8px"
26
- },
27
- "blur": {
28
- "value": "6px"
29
- },
30
- "spread": {
31
- "value": "-6px"
32
- },
33
- "color": {
34
- "value": "#0000001a"
35
- }
36
- }
37
- }
2
+ "shadow": {
3
+ "sm": {
4
+ "x": {
5
+ "value": "0px"
6
+ },
7
+ "y": {
8
+ "value": "4px"
9
+ },
10
+ "blur": {
11
+ "value": "4px"
12
+ },
13
+ "spread": {
14
+ "value": "0px"
15
+ },
16
+ "color": {
17
+ "value": "#00000040"
18
+ }
19
+ },
20
+ "md": {
21
+ "x": {
22
+ "value": "0px"
23
+ },
24
+ "y": {
25
+ "value": "8px"
26
+ },
27
+ "blur": {
28
+ "value": "6px"
29
+ },
30
+ "spread": {
31
+ "value": "-6px"
32
+ },
33
+ "color": {
34
+ "value": "#0000001a"
35
+ }
36
+ }
37
+ }
38
38
  }
39
-
package/tokens/grantcodes/tier-1-definitions/spacing.json ADDED
@@ -0,0 +1,49 @@
1
+ {
2
+ "spacing": {
3
+ "0": {
4
+ "value": "0px"
5
+ },
6
+ "1": {
7
+ "value": "1px"
8
+ },
9
+ "2": {
10
+ "value": "2px"
11
+ },
12
+ "4": {
13
+ "value": "4px"
14
+ },
15
+ "6": {
16
+ "value": "6px"
17
+ },
18
+ "8": {
19
+ "value": "8px"
20
+ },
21
+ "10": {
22
+ "value": "10px"
23
+ },
24
+ "12": {
25
+ "value": "12px"
26
+ },
27
+ "16": {
28
+ "value": "16px"
29
+ },
30
+ "20": {
31
+ "value": "20px"
32
+ },
33
+ "24": {
34
+ "value": "24px"
35
+ },
36
+ "32": {
37
+ "value": "32px"
38
+ },
39
+ "40": {
40
+ "value": "40px"
41
+ },
42
+ "48": {
43
+ "value": "48px"
44
+ },
45
+ "64": {
46
+ "value": "64px"
47
+ }
48
+ }
49
+ }
package/tokens/grantcodes/tier-1-definitions/typography.json CHANGED
@@ -1,133 +1,142 @@
1
1
  {
2
- "typography": {
3
- "font-family": {
4
- "system": {
5
- "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
6
- },
7
- "greycliff": {
8
- "value": "Greycliff, {typography.font-family.system}"
9
- }
10
- },
11
- "font-weight": {
12
- "400": {
13
- "value": "400"
14
- },
15
- "600": {
16
- "value": "600"
17
- },
18
- "700": {
19
- "value": "700"
20
- }
21
- },
22
- "font-size": {
23
- "12": {
24
- "value": "12px"
25
- },
26
- "14": {
27
- "value": "14px"
28
- },
29
- "16": {
30
- "value": "16px"
31
- },
32
- "18": {
33
- "value": "18px"
34
- },
35
- "20": {
36
- "value": "20px"
37
- },
38
- "24": {
39
- "value": "24px"
40
- },
41
- "28": {
42
- "value": "28px"
43
- },
44
- "32": {
45
- "value": "32px"
46
- },
47
- "40": {
48
- "value": "40px"
49
- },
50
- "48": {
51
- "value": "48px"
52
- },
53
- "56": {
54
- "value": "56px"
55
- },
56
- "64": {
57
- "value": "64px"
58
- },
59
- "100": {
60
- "value": "100px"
61
- }
62
- },
63
- "line-height": {
64
- "16": {
65
- "value": "16px"
66
- },
67
- "20": {
68
- "value": "20px"
69
- },
70
- "24": {
71
- "value": "24px"
72
- },
73
- "28": {
74
- "value": "28px"
75
- },
76
- "32": {
77
- "value": "32px"
78
- },
79
- "36": {
80
- "value": "36px"
81
- },
82
- "40": {
83
- "value": "40px"
84
- },
85
- "48": {
86
- "value": "48px"
87
- },
88
- "56": {
89
- "value": "56px"
90
- },
91
- "64": {
92
- "value": "64px"
93
- },
94
- "72": {
95
- "value": "72px"
96
- },
97
- "110": {
98
- "value": "110px"
99
- }
100
- },
101
- "letter-spacing": {
102
- "0": {
103
- "value": "0px"
104
- },
105
- "2": {
106
- "value": "2px"
107
- },
108
- "minus-2": {
109
- "value": "-2px"
110
- },
111
- "minus-1-half": {
112
- "value": "-1.5px"
113
- },
114
- "minus-1": {
115
- "value": "-1px"
116
- },
117
- "minus-half": {
118
- "value": "-0.5px"
119
- },
120
- "half": {
121
- "value": "0.5px"
122
- }
123
- },
124
- "text-transform": {
125
- "none": {
126
- "value": "none"
127
- },
128
- "uppercase": {
129
- "value": "uppercase"
130
- }
131
- }
132
- }
2
+ "typography": {
3
+ "font-family": {
4
+ "system": {
5
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
6
+ },
7
+ "greycliff": {
8
+ "value": "Greycliff, {typography.font-family.system}"
9
+ }
10
+ },
11
+ "font-weight": {
12
+ "400": {
13
+ "value": "400"
14
+ },
15
+ "500": {
16
+ "value": "500"
17
+ },
18
+ "600": {
19
+ "value": "600"
20
+ },
21
+ "700": {
22
+ "value": "700"
23
+ },
24
+ "800": {
25
+ "value": "800"
26
+ },
27
+ "900": {
28
+ "value": "900"
29
+ }
30
+ },
31
+ "font-size": {
32
+ "12": {
33
+ "value": "12px"
34
+ },
35
+ "14": {
36
+ "value": "14px"
37
+ },
38
+ "16": {
39
+ "value": "16px"
40
+ },
41
+ "18": {
42
+ "value": "18px"
43
+ },
44
+ "20": {
45
+ "value": "20px"
46
+ },
47
+ "24": {
48
+ "value": "24px"
49
+ },
50
+ "28": {
51
+ "value": "28px"
52
+ },
53
+ "32": {
54
+ "value": "32px"
55
+ },
56
+ "40": {
57
+ "value": "40px"
58
+ },
59
+ "48": {
60
+ "value": "48px"
61
+ },
62
+ "56": {
63
+ "value": "56px"
64
+ },
65
+ "64": {
66
+ "value": "64px"
67
+ },
68
+ "100": {
69
+ "value": "100px"
70
+ }
71
+ },
72
+ "line-height": {
73
+ "16": {
74
+ "value": "16px"
75
+ },
76
+ "20": {
77
+ "value": "20px"
78
+ },
79
+ "24": {
80
+ "value": "24px"
81
+ },
82
+ "28": {
83
+ "value": "28px"
84
+ },
85
+ "32": {
86
+ "value": "32px"
87
+ },
88
+ "36": {
89
+ "value": "36px"
90
+ },
91
+ "40": {
92
+ "value": "40px"
93
+ },
94
+ "48": {
95
+ "value": "48px"
96
+ },
97
+ "56": {
98
+ "value": "56px"
99
+ },
100
+ "64": {
101
+ "value": "64px"
102
+ },
103
+ "72": {
104
+ "value": "72px"
105
+ },
106
+ "110": {
107
+ "value": "110px"
108
+ }
109
+ },
110
+ "letter-spacing": {
111
+ "0": {
112
+ "value": "0px"
113
+ },
114
+ "2": {
115
+ "value": "2px"
116
+ },
117
+ "minus-2": {
118
+ "value": "-2px"
119
+ },
120
+ "minus-1-half": {
121
+ "value": "-1.5px"
122
+ },
123
+ "minus-1": {
124
+ "value": "-1px"
125
+ },
126
+ "minus-half": {
127
+ "value": "-0.5px"
128
+ },
129
+ "half": {
130
+ "value": "0.5px"
131
+ }
132
+ },
133
+ "text-transform": {
134
+ "none": {
135
+ "value": "none"
136
+ },
137
+ "uppercase": {
138
+ "value": "uppercase"
139
+ }
140
+ }
141
+ }
133
142
  }
package/tokens/grantcodes/tier-2-usage/00-colors-background.json CHANGED
@@ -1,72 +1,71 @@
1
1
  {
2
- "color": {
3
- "background": {
4
- "default": {
5
- "value": "{color.neutral.white}"
6
- },
7
- "default-hover": {
8
- "value": "{color.neutral.300}"
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.purple.100}"
21
- },
22
- "brand-hover": {
23
- "value": "{color.brand.purple.200}"
24
- },
25
- "brand-disabled": {
26
- "value": "{color.neutral.200}"
27
- },
28
- "brand-knockout": {
29
- "value": "{color.brand.purple.800}"
30
- },
31
- "brand-knockout-hover": {
32
- "value": "{color.brand.purple.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
- "disabled": {
61
- "value": "{color.neutral.200}"
62
- },
63
- "transparent": {
64
- "value": "{color.transparent.25}"
65
- },
66
- "transparent-strong": {
67
- "value": "{color.transparent.90}"
68
- }
69
- }
70
- }
2
+ "color": {
3
+ "background": {
4
+ "default": {
5
+ "value": "{color.neutral.white}"
6
+ },
7
+ "default-hover": {
8
+ "value": "{color.neutral.300}"
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.purple.100}"
21
+ },
22
+ "brand-hover": {
23
+ "value": "{color.brand.purple.200}"
24
+ },
25
+ "brand-disabled": {
26
+ "value": "{color.neutral.200}"
27
+ },
28
+ "brand-knockout": {
29
+ "value": "{color.brand.purple.800}"
30
+ },
31
+ "brand-knockout-hover": {
32
+ "value": "{color.brand.purple.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
+ "disabled": {
61
+ "value": "{color.neutral.200}"
62
+ },
63
+ "transparent": {
64
+ "value": "{color.transparent.25}"
65
+ },
66
+ "transparent-strong": {
67
+ "value": "{color.transparent.90}"
68
+ }
69
+ }
70
+ }
71
71
  }
72
-