@grantcodes/style-dictionary 1.2.0 → 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 +45 -44
  2. package/.turbo/turbo-lint.log +10 -5
  3. package/AGENTS.md +67 -0
  4. package/CHANGELOG.md +14 -0
  5. package/config.js +25 -1
  6. package/package.json +4 -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/todomap/tier-3-components/form.json CHANGED
@@ -1,69 +1,69 @@
1
1
  {
2
- "form": {
3
- "color": {
4
- "background": {
5
- "default": {
6
- "value": "{color.background.default}"
7
- },
8
- "focus": {
9
- "value": "{color.background.default}"
10
- },
11
- "hover": {
12
- "value": "{color.background.subtle}"
13
- },
14
- "active": {
15
- "value": "{color.background.default}"
16
- },
17
- "disabled": {
18
- "value": "{color.background.default}"
19
- }
20
- },
21
- "content": {
22
- "default": {
23
- "value": "{color.content.default}"
24
- },
25
- "focus": {
26
- "value": "{color.content.default}"
27
- },
28
- "hover": {
29
- "value": "{color.content.default}"
30
- },
31
- "active": {
32
- "value": "{color.content.default}"
33
- },
34
- "disabled": {
35
- "value": "{color.content.subtle}"
36
- }
37
- },
38
- "border": {
39
- "default": {
40
- "value": "{color.neutral.500}"
41
- },
42
- "focus": {
43
- "value": "{color.brand.600}"
44
- },
45
- "hover": {
46
- "value": "{color.neutral.700}"
47
- },
48
- "active": {
49
- "value": "{color.brand.600}"
50
- },
51
- "disabled": {
52
- "value": "{color.neutral.300}"
53
- },
54
- "error": {
55
- "value": "{color.utility.red.600}"
56
- }
57
- }
58
- },
59
- "input": {
60
- "accent": {
61
- "color": {
62
- "default": {
63
- "value": "{color.brand.500}"
64
- }
65
- }
66
- }
67
- }
68
- }
2
+ "form": {
3
+ "color": {
4
+ "background": {
5
+ "default": {
6
+ "value": "{color.background.default}"
7
+ },
8
+ "focus": {
9
+ "value": "{color.background.default}"
10
+ },
11
+ "hover": {
12
+ "value": "{color.background.subtle}"
13
+ },
14
+ "active": {
15
+ "value": "{color.background.default}"
16
+ },
17
+ "disabled": {
18
+ "value": "{color.background.default}"
19
+ }
20
+ },
21
+ "content": {
22
+ "default": {
23
+ "value": "{color.content.default}"
24
+ },
25
+ "focus": {
26
+ "value": "{color.content.default}"
27
+ },
28
+ "hover": {
29
+ "value": "{color.content.default}"
30
+ },
31
+ "active": {
32
+ "value": "{color.content.default}"
33
+ },
34
+ "disabled": {
35
+ "value": "{color.content.subtle}"
36
+ }
37
+ },
38
+ "border": {
39
+ "default": {
40
+ "value": "{color.neutral.500}"
41
+ },
42
+ "focus": {
43
+ "value": "{color.brand.600}"
44
+ },
45
+ "hover": {
46
+ "value": "{color.neutral.700}"
47
+ },
48
+ "active": {
49
+ "value": "{color.brand.600}"
50
+ },
51
+ "disabled": {
52
+ "value": "{color.neutral.300}"
53
+ },
54
+ "error": {
55
+ "value": "{color.utility.red.600}"
56
+ }
57
+ }
58
+ },
59
+ "input": {
60
+ "accent": {
61
+ "color": {
62
+ "default": {
63
+ "value": "{color.brand.500}"
64
+ }
65
+ }
66
+ }
67
+ }
68
+ }
69
69
  }
package/tokens/todomap/tier-3-components/link.json CHANGED
@@ -1,39 +1,38 @@
1
1
  {
2
- "link": {
3
- "color": {
4
- "content": {
5
- "default": {
6
- "value": "{color.brand.600}"
7
- },
8
- "hover": {
9
- "value": "{color.brand.900}"
10
- },
11
- "active": {
12
- "value": "{color.brand.900}"
13
- },
14
- "visited": {
15
- "value": "{color.brand.600}"
16
- }
17
- }
18
- },
19
- "knockout": {
20
- "color": {
21
- "content": {
22
- "default": {
23
- "value": "{color.content.knockout}"
24
- },
25
- "hover": {
26
- "value": "{color.content.knockout}"
27
- },
28
- "active": {
29
- "value": "{color.content.knockout}"
30
- },
31
- "visited": {
32
- "value": "{color.content.knockout}"
33
- }
34
- }
35
- }
36
- }
37
- }
2
+ "link": {
3
+ "color": {
4
+ "content": {
5
+ "default": {
6
+ "value": "{color.brand.600}"
7
+ },
8
+ "hover": {
9
+ "value": "{color.brand.900}"
10
+ },
11
+ "active": {
12
+ "value": "{color.brand.900}"
13
+ },
14
+ "visited": {
15
+ "value": "{color.brand.600}"
16
+ }
17
+ }
18
+ },
19
+ "knockout": {
20
+ "color": {
21
+ "content": {
22
+ "default": {
23
+ "value": "{color.content.knockout}"
24
+ },
25
+ "hover": {
26
+ "value": "{color.content.knockout}"
27
+ },
28
+ "active": {
29
+ "value": "{color.content.knockout}"
30
+ },
31
+ "visited": {
32
+ "value": "{color.content.knockout}"
33
+ }
34
+ }
35
+ }
36
+ }
37
+ }
38
38
  }
39
-
package/tokens/wireframe/tier-1-definitions/animation.json CHANGED
@@ -1,18 +1,17 @@
1
1
  {
2
- "animation": {
3
- "duration": {
4
- "15": {
5
- "value": "0.15s"
6
- },
7
- "40": {
8
- "value": "0.4s"
9
- }
10
- },
11
- "easing": {
12
- "default": {
13
- "value": "ease"
14
- }
15
- }
16
- }
2
+ "animation": {
3
+ "duration": {
4
+ "15": {
5
+ "value": "0.15s"
6
+ },
7
+ "40": {
8
+ "value": "0.4s"
9
+ }
10
+ },
11
+ "easing": {
12
+ "default": {
13
+ "value": "ease"
14
+ }
15
+ }
16
+ }
17
17
  }
18
-
package/tokens/wireframe/tier-1-definitions/borders.json CHANGED
@@ -1,42 +1,41 @@
1
1
  {
2
- "border": {
3
- "radius": {
4
- "0": {
5
- "value": "0px"
6
- },
7
- "2": {
8
- "value": "2px"
9
- },
10
- "4": {
11
- "value": "4px"
12
- },
13
- "8": {
14
- "value": "8px"
15
- },
16
- "16": {
17
- "value": "16px"
18
- },
19
- "32": {
20
- "value": "32px"
21
- },
22
- "round": {
23
- "value": "999px"
24
- }
25
- },
26
- "width": {
27
- "1": {
28
- "value": "1px"
29
- },
30
- "2": {
31
- "value": "2px"
32
- },
33
- "4": {
34
- "value": "4px"
35
- },
36
- "8": {
37
- "value": "8px"
38
- }
39
- }
40
- }
2
+ "border": {
3
+ "radius": {
4
+ "0": {
5
+ "value": "0px"
6
+ },
7
+ "2": {
8
+ "value": "2px"
9
+ },
10
+ "4": {
11
+ "value": "4px"
12
+ },
13
+ "8": {
14
+ "value": "8px"
15
+ },
16
+ "16": {
17
+ "value": "16px"
18
+ },
19
+ "32": {
20
+ "value": "32px"
21
+ },
22
+ "round": {
23
+ "value": "999px"
24
+ }
25
+ },
26
+ "width": {
27
+ "1": {
28
+ "value": "1px"
29
+ },
30
+ "2": {
31
+ "value": "2px"
32
+ },
33
+ "4": {
34
+ "value": "4px"
35
+ },
36
+ "8": {
37
+ "value": "8px"
38
+ }
39
+ }
40
+ }
41
41
  }
42
-
package/tokens/wireframe/tier-1-definitions/colors.json CHANGED
@@ -1,36 +1,35 @@
1
1
  {
2
- "color": {
3
- "brand": {
4
- "gray": {
5
- "100": {
6
- "value": "{color.neutral.100}"
7
- },
8
- "200": {
9
- "value": "{color.neutral.200}"
10
- },
11
- "300": {
12
- "value": "{color.neutral.300}"
13
- },
14
- "400": {
15
- "value": "{color.neutral.400}"
16
- },
17
- "500": {
18
- "value": "{color.neutral.500}"
19
- },
20
- "600": {
21
- "value": "{color.neutral.600}"
22
- },
23
- "700": {
24
- "value": "{color.neutral.700}"
25
- },
26
- "800": {
27
- "value": "{color.neutral.800}"
28
- },
29
- "900": {
30
- "value": "{color.neutral.900}"
31
- }
32
- }
33
- }
34
- }
2
+ "color": {
3
+ "brand": {
4
+ "gray": {
5
+ "100": {
6
+ "value": "{color.neutral.100}"
7
+ },
8
+ "200": {
9
+ "value": "{color.neutral.200}"
10
+ },
11
+ "300": {
12
+ "value": "{color.neutral.300}"
13
+ },
14
+ "400": {
15
+ "value": "{color.neutral.400}"
16
+ },
17
+ "500": {
18
+ "value": "{color.neutral.500}"
19
+ },
20
+ "600": {
21
+ "value": "{color.neutral.600}"
22
+ },
23
+ "700": {
24
+ "value": "{color.neutral.700}"
25
+ },
26
+ "800": {
27
+ "value": "{color.neutral.800}"
28
+ },
29
+ "900": {
30
+ "value": "{color.neutral.900}"
31
+ }
32
+ }
33
+ }
34
+ }
35
35
  }
36
-
package/tokens/wireframe/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/wireframe/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
+ }