@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/grantcodes/tier-2-usage/00-colors-border.json CHANGED
@@ -1,42 +1,41 @@
1
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.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
- }
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
-
package/tokens/grantcodes/tier-2-usage/00-colors-content.json CHANGED
@@ -1,45 +1,44 @@
1
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
- "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
- }
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
-
package/tokens/grantcodes/tier-2-usage/animation.json CHANGED
@@ -1,23 +1,23 @@
1
1
  {
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
- }
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
  }
package/tokens/grantcodes/tier-2-usage/borders.json CHANGED
@@ -1,26 +1,26 @@
1
1
  {
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
- }
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
  }
package/tokens/grantcodes/tier-2-usage/shadows.json CHANGED
@@ -1,39 +1,38 @@
1
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
- }
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
-
package/tokens/grantcodes/tier-2-usage/spacing.json ADDED
@@ -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
+ }