@grantcodes/style-dictionary 1.3.0 → 1.4.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 (90) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/assets/fonts/grantina.css +1 -0
  3. package/assets/logos/grantina/monogram-light-bg.svg +3 -0
  4. package/assets/logos/grantina/monogram.svg +15 -0
  5. package/dist/css/grantcodes/dark.css +168 -0
  6. package/dist/css/grantcodes/grantcodes.css +343 -0
  7. package/dist/css/grantcodes/tokens.css +343 -0
  8. package/dist/css/grantina/dark.css +166 -0
  9. package/dist/css/grantina/grantina.css +363 -0
  10. package/dist/css/grantina/tokens.css +363 -0
  11. package/dist/css/todomap/dark.css +120 -0
  12. package/dist/css/todomap/todomap.css +360 -0
  13. package/dist/css/todomap/tokens.css +360 -0
  14. package/dist/css/wireframe/dark.css +180 -0
  15. package/dist/css/wireframe/tokens.css +365 -0
  16. package/dist/css/wireframe/wireframe.css +365 -0
  17. package/dist/js/grantcodes/style-dictionary.d.ts +339 -0
  18. package/dist/js/grantcodes/style-dictionary.js +362 -0
  19. package/dist/js/grantina/style-dictionary.d.ts +362 -0
  20. package/dist/js/grantina/style-dictionary.js +391 -0
  21. package/dist/js/todomap/style-dictionary.d.ts +356 -0
  22. package/dist/js/todomap/style-dictionary.js +388 -0
  23. package/dist/js/wireframe/style-dictionary.d.ts +361 -0
  24. package/dist/js/wireframe/style-dictionary.js +368 -0
  25. package/dist/json/grantcodes/tokens.json +329 -0
  26. package/dist/json/grantina/tokens.json +352 -0
  27. package/dist/json/todomap/tokens.json +346 -0
  28. package/dist/json/wireframe/tokens.json +351 -0
  29. package/package.json +76 -61
  30. package/.turbo/turbo-build.log +0 -45
  31. package/.turbo/turbo-lint.log +0 -10
  32. package/AGENTS.md +0 -67
  33. package/biome.json +0 -9
  34. package/build.js +0 -10
  35. package/config.js +0 -509
  36. package/demo.html +0 -171
  37. package/lib/color-generator.js +0 -13
  38. package/lib/get-style-dictionary-config.js +0 -223
  39. package/lib/get-themes.js +0 -10
  40. package/lib/index.js +0 -3
  41. package/tests/tokens.test.js +0 -87
  42. package/tokens/core/tier-1-definitions/colors.json +0 -174
  43. package/tokens/core/tier-1-definitions/z-index.json +0 -28
  44. package/tokens/grantcodes/tier-1-definitions/animation.json +0 -26
  45. package/tokens/grantcodes/tier-1-definitions/borders.json +0 -35
  46. package/tokens/grantcodes/tier-1-definitions/colors.json +0 -35
  47. package/tokens/grantcodes/tier-1-definitions/shadows.json +0 -38
  48. package/tokens/grantcodes/tier-1-definitions/spacing.json +0 -49
  49. package/tokens/grantcodes/tier-1-definitions/typography.json +0 -142
  50. package/tokens/grantcodes/tier-2-usage/00-colors-background.json +0 -71
  51. package/tokens/grantcodes/tier-2-usage/00-colors-border.json +0 -41
  52. package/tokens/grantcodes/tier-2-usage/00-colors-content.json +0 -44
  53. package/tokens/grantcodes/tier-2-usage/animation.json +0 -23
  54. package/tokens/grantcodes/tier-2-usage/borders.json +0 -26
  55. package/tokens/grantcodes/tier-2-usage/shadows.json +0 -38
  56. package/tokens/grantcodes/tier-2-usage/spacing.json +0 -25
  57. package/tokens/grantcodes/tier-2-usage/typography-usage.json +0 -276
  58. package/tokens/grantcodes/tier-3-components/button.json +0 -94
  59. package/tokens/grantcodes/tier-3-components/focus-ring.json +0 -25
  60. package/tokens/grantcodes/tier-3-components/form.json +0 -69
  61. package/tokens/grantcodes/tier-3-components/link.json +0 -38
  62. package/tokens/todomap/tier-1-definitions/colors.json +0 -91
  63. package/tokens/todomap/tier-1-definitions/spacing.json +0 -49
  64. package/tokens/todomap/tier-1-definitions/typography.json +0 -12
  65. package/tokens/todomap/tier-2-usage/00-colors-background.json +0 -35
  66. package/tokens/todomap/tier-2-usage/00-colors-content.json +0 -32
  67. package/tokens/todomap/tier-2-usage/spacing.json +0 -25
  68. package/tokens/todomap/tier-2-usage/typography-usage.json +0 -20
  69. package/tokens/todomap/tier-3-components/button.json +0 -140
  70. package/tokens/todomap/tier-3-components/focus-ring.json +0 -25
  71. package/tokens/todomap/tier-3-components/form.json +0 -69
  72. package/tokens/todomap/tier-3-components/link.json +0 -38
  73. package/tokens/wireframe/tier-1-definitions/animation.json +0 -17
  74. package/tokens/wireframe/tier-1-definitions/borders.json +0 -41
  75. package/tokens/wireframe/tier-1-definitions/colors.json +0 -35
  76. package/tokens/wireframe/tier-1-definitions/shadows.json +0 -38
  77. package/tokens/wireframe/tier-1-definitions/spacing.json +0 -49
  78. package/tokens/wireframe/tier-1-definitions/typography.json +0 -130
  79. package/tokens/wireframe/tier-2-usage/00-colors-background.json +0 -85
  80. package/tokens/wireframe/tier-2-usage/00-colors-border.json +0 -41
  81. package/tokens/wireframe/tier-2-usage/00-colors-content.json +0 -44
  82. package/tokens/wireframe/tier-2-usage/animation.json +0 -23
  83. package/tokens/wireframe/tier-2-usage/borders.json +0 -32
  84. package/tokens/wireframe/tier-2-usage/shadows.json +0 -38
  85. package/tokens/wireframe/tier-2-usage/spacing.json +0 -25
  86. package/tokens/wireframe/tier-2-usage/typography-usage.json +0 -444
  87. package/tokens/wireframe/tier-3-components/button.json +0 -94
  88. package/tokens/wireframe/tier-3-components/focus-ring.json +0 -25
  89. package/tokens/wireframe/tier-3-components/form.json +0 -69
  90. package/tokens/wireframe/tier-3-components/link.json +0 -38
package/tokens/grantcodes/tier-1-definitions/spacing.json DELETED
@@ -1,49 +0,0 @@
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 DELETED
@@ -1,142 +0,0 @@
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
- "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
- }
142
- }
package/tokens/grantcodes/tier-2-usage/00-colors-background.json DELETED
@@ -1,71 +0,0 @@
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
- }
71
- }
package/tokens/grantcodes/tier-2-usage/00-colors-border.json DELETED
@@ -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.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
- }
package/tokens/grantcodes/tier-2-usage/00-colors-content.json DELETED
@@ -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
- "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
- }
package/tokens/grantcodes/tier-2-usage/animation.json DELETED
@@ -1,23 +0,0 @@
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
- }
23
- }
package/tokens/grantcodes/tier-2-usage/borders.json DELETED
@@ -1,26 +0,0 @@
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
- }
26
- }
package/tokens/grantcodes/tier-2-usage/shadows.json DELETED
@@ -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
- }
package/tokens/grantcodes/tier-2-usage/spacing.json DELETED
@@ -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
- }