@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
@@ -0,0 +1,351 @@
1
+ {
2
+ "g-animation-duration-10": "100ms",
3
+ "g-animation-duration-15": "0.15s",
4
+ "g-animation-duration-20": "200ms",
5
+ "g-animation-duration-30": "300ms",
6
+ "g-animation-duration-40": "0.4s",
7
+ "g-animation-timing-function-ease": "ease-in-out",
8
+ "g-animation-timing-function-linear": "linear",
9
+ "g-animation-easing-default": "ease",
10
+ "g-theme-animation-fade-quick": "0.15s",
11
+ "g-theme-animation-fade-long": "0.4s",
12
+ "g-theme-animation-move-quick": "0.15s",
13
+ "g-theme-animation-move-long": "0.4s",
14
+ "g-theme-animation-ease": "ease",
15
+ "g-border-width-1": "0.0625rem",
16
+ "g-border-width-2": "0.125rem",
17
+ "g-border-width-4": "0.25rem",
18
+ "g-border-width-8": "0.5rem",
19
+ "g-theme-border-width-sm": "0.0625rem",
20
+ "g-theme-border-width-md": "0.125rem",
21
+ "g-theme-border-width-lg": "0.25rem",
22
+ "g-theme-border-width-xl": "0.5rem",
23
+ "g-border-radius-0": "0rem",
24
+ "g-border-radius-2": "0.125rem",
25
+ "g-border-radius-4": "0.25rem",
26
+ "g-border-radius-8": "0.5rem",
27
+ "g-border-radius-16": "1rem",
28
+ "g-border-radius-32": "2rem",
29
+ "g-border-radius-round": "62.4375rem",
30
+ "g-theme-border-radius-none": "0rem",
31
+ "g-theme-border-radius-sm": "0rem",
32
+ "g-theme-border-radius-md": "0rem",
33
+ "g-theme-border-radius-lg": "0rem",
34
+ "g-color-neutral-100": "oklch(95% 0 0)",
35
+ "g-color-neutral-200": "oklch(90% 0 0)",
36
+ "g-color-neutral-300": "oklch(80% 0 0)",
37
+ "g-color-neutral-400": "oklch(70% 0 0)",
38
+ "g-color-neutral-500": "oklch(60% 0 0)",
39
+ "g-color-neutral-600": "oklch(50% 0 0)",
40
+ "g-color-neutral-700": "oklch(40% 0 0)",
41
+ "g-color-neutral-800": "oklch(30% 0 0)",
42
+ "g-color-neutral-900": "oklch(20% 0 0)",
43
+ "g-color-neutral-white": "oklch(100% 0 0)",
44
+ "g-color-neutral-black": "oklch(0% 0 0)",
45
+ "g-color-utility-green-100": "oklch(96.73% 0.0537 129.1)",
46
+ "g-color-utility-green-200": "oklch(93.45% 0.107 131.96)",
47
+ "g-color-utility-green-300": "oklch(87.97% 0.1546 135.05)",
48
+ "g-color-utility-green-400": "oklch(81.78% 0.1827 137.62)",
49
+ "g-color-utility-green-500": "oklch(74.01% 0.2132 139.87)",
50
+ "g-color-utility-green-600": "oklch(65.44% 0.1981 141.12)",
51
+ "g-color-utility-green-700": "oklch(57.11% 0.1795 142.12)",
52
+ "g-color-utility-green-800": "oklch(48.67% 0.1572 142.68)",
53
+ "g-color-utility-green-900": "oklch(42.59% 0.1358 143.3)",
54
+ "g-color-utility-blue-100": "oklch(95.86% 0.0542 179.13)",
55
+ "g-color-utility-blue-200": "oklch(92.82% 0.0973 184.41)",
56
+ "g-color-utility-blue-300": "oklch(90.54% 0.1282 189.63)",
57
+ "g-color-utility-blue-500": "oklch(81.86% 0.141005 208.7047)",
58
+ "g-color-utility-blue-600": "oklch(68.89% 0.125872 220.4932)",
59
+ "g-color-utility-blue-700": "oklch(56.7% 0.116289 232.4331)",
60
+ "g-color-utility-blue-800": "oklch(45.75% 0.107158 241.2805)",
61
+ "g-color-utility-blue-900": "oklch(37.55% 0.1037 249.04)",
62
+ "g-color-utility-yellow-100": "oklch(97.66% 0.0606 103.43)",
63
+ "g-color-utility-yellow-200": "oklch(95.72% 0.1147 103.53)",
64
+ "g-color-utility-yellow-300": "oklch(93.47% 0.1552 102.21)",
65
+ "g-color-utility-yellow-400": "oklch(91.68% 0.1745 101.08)",
66
+ "g-color-utility-yellow-500": "oklch(88.99% 0.183778 97.6996)",
67
+ "g-color-utility-yellow-600": "oklch(78.68% 0.162 96.43)",
68
+ "g-color-utility-yellow-700": "oklch(68.35% 0.14027 94.7302)",
69
+ "g-color-utility-yellow-800": "oklch(58.04% 0.1189 93.71)",
70
+ "g-color-utility-yellow-900": "oklch(50.09% 0.1025 92.6)",
71
+ "g-color-utility-red-100": "oklch(94.96% 0.0395 73.45)",
72
+ "g-color-utility-red-200": "oklch(89.21% 0.076552 65.9429)",
73
+ "g-color-utility-red-300": "oklch(82.67% 0.1156 57.65)",
74
+ "g-color-utility-red-400": "oklch(77.04% 0.1486 49.15)",
75
+ "g-color-utility-red-500": "oklch(69.31% 0.203172 39.994)",
76
+ "g-color-utility-red-600": "oklch(60.03% 0.1938 35.81)",
77
+ "g-color-utility-red-700": "oklch(51.18% 0.1802 32.56)",
78
+ "g-color-utility-red-800": "oklch(42.79% 0.16 30.38)",
79
+ "g-color-utility-red-900": "oklch(36.89% 0.1443 28.98)",
80
+ "g-color-transparent-0": "oklch(100% 0 0 / 0)",
81
+ "g-color-transparent-10": "oklch(100% 0 0 / 0.1)",
82
+ "g-color-transparent-25": "oklch(100% 0 0 / 0.25)",
83
+ "g-color-transparent-50": "oklch(100% 0 0 / 0.5)",
84
+ "g-color-transparent-75": "oklch(100% 0 0 / 0.75)",
85
+ "g-color-transparent-90": "oklch(100% 0 0 / 0.9)",
86
+ "g-color-brand-gray-100": "oklch(95% 0 0)",
87
+ "g-color-brand-gray-200": "oklch(90% 0 0)",
88
+ "g-color-brand-gray-300": "oklch(80% 0 0)",
89
+ "g-color-brand-gray-400": "oklch(70% 0 0)",
90
+ "g-color-brand-gray-500": "oklch(60% 0 0)",
91
+ "g-color-brand-gray-600": "oklch(50% 0 0)",
92
+ "g-color-brand-gray-700": "oklch(40% 0 0)",
93
+ "g-color-brand-gray-800": "oklch(30% 0 0)",
94
+ "g-color-brand-gray-900": "oklch(20% 0 0)",
95
+ "g-theme-color-background-default": "oklch(100% 0 0)",
96
+ "g-theme-color-background-default-hover": "oklch(95% 0 0)",
97
+ "g-theme-color-background-subtle": "oklch(95% 0 0)",
98
+ "g-theme-color-background-subtle-hover": "oklch(90% 0 0)",
99
+ "g-theme-color-background-knockout": "oklch(0% 0 0)",
100
+ "g-theme-color-background-brand": "oklch(95% 0 0)",
101
+ "g-theme-color-background-brand-hover": "oklch(90% 0 0)",
102
+ "g-theme-color-background-brand-disabled": "oklch(90% 0 0)",
103
+ "g-theme-color-background-brand-knockout": "oklch(30% 0 0)",
104
+ "g-theme-color-background-brand-knockout-hover": "oklch(40% 0 0)",
105
+ "g-theme-color-background-utility-error": "oklch(94.96% 0.0395 73.45)",
106
+ "g-theme-color-background-utility-error-knockout": "oklch(60.03% 0.1938 35.81)",
107
+ "g-theme-color-background-utility-warning": "oklch(97.66% 0.0606 103.43)",
108
+ "g-theme-color-background-utility-warning-knockout": "oklch(78.68% 0.162 96.43)",
109
+ "g-theme-color-background-utility-success": "oklch(96.73% 0.0537 129.1)",
110
+ "g-theme-color-background-utility-success-knockout": "oklch(65.44% 0.1981 141.12)",
111
+ "g-theme-color-background-utility-info": "oklch(95.86% 0.0542 179.13)",
112
+ "g-theme-color-background-utility-info-knockout": "oklch(68.89% 0.125872 220.4932)",
113
+ "g-theme-color-background-dataviz-primary": "oklch(50% 0 0)",
114
+ "g-theme-color-background-dataviz-primary-subtle": "oklch(100% 0 0 / 0.25)",
115
+ "g-theme-color-background-dataviz-secondary": "oklch(90% 0 0)",
116
+ "g-theme-color-background-dataviz-tertiary": "oklch(70% 0 0)",
117
+ "g-theme-color-background-disabled": "oklch(90% 0 0)",
118
+ "g-theme-color-background-transparent": "oklch(100% 0 0 / 0.25)",
119
+ "g-theme-color-background-transparent-strong": "oklch(100% 0 0 / 0.9)",
120
+ "g-theme-color-border-default": "oklch(80% 0 0)",
121
+ "g-theme-color-border-default-hover": "oklch(60% 0 0)",
122
+ "g-theme-color-border-subtle": "oklch(90% 0 0)",
123
+ "g-theme-color-border-strong": "oklch(20% 0 0)",
124
+ "g-theme-color-border-knockout": "oklch(70% 0 0)",
125
+ "g-theme-color-border-brand": "oklch(80% 0 0)",
126
+ "g-theme-color-border-utility-error": "oklch(51.18% 0.1802 32.56)",
127
+ "g-theme-color-border-utility-warning": "oklch(68.35% 0.14027 94.7302)",
128
+ "g-theme-color-border-utility-success": "oklch(57.11% 0.1795 142.12)",
129
+ "g-theme-color-border-utility-info": "oklch(56.7% 0.116289 232.4331)",
130
+ "g-theme-color-border-disabled": "oklch(90% 0 0)",
131
+ "g-theme-color-content-default": "oklch(20% 0 0)",
132
+ "g-theme-color-content-default-hover": "oklch(0% 0 0)",
133
+ "g-theme-color-content-subtle": "oklch(60% 0 0)",
134
+ "g-theme-color-content-brand": "oklch(40% 0 0)",
135
+ "g-theme-color-content-brand-hover": "oklch(20% 0 0)",
136
+ "g-theme-color-content-brand-knockout": "oklch(95% 0 0)",
137
+ "g-theme-color-content-knockout": "oklch(100% 0 0)",
138
+ "g-theme-color-content-disabled": "oklch(50% 0 0)",
139
+ "g-theme-color-content-utility-error": "oklch(60.03% 0.1938 35.81)",
140
+ "g-theme-color-content-utility-warning": "oklch(78.68% 0.162 96.43)",
141
+ "g-theme-color-content-utility-success": "oklch(65.44% 0.1981 141.12)",
142
+ "g-theme-color-content-utility-info": "oklch(68.89% 0.125872 220.4932)",
143
+ "g-shadow-sm-x": "0rem",
144
+ "g-shadow-sm-y": "0.25rem",
145
+ "g-shadow-sm-blur": "0.25rem",
146
+ "g-shadow-sm-spread": "0rem",
147
+ "g-shadow-sm-color": "#00000040",
148
+ "g-shadow-md-x": "0rem",
149
+ "g-shadow-md-y": "0.5rem",
150
+ "g-shadow-md-blur": "0.375rem",
151
+ "g-shadow-md-spread": "-0.375rem",
152
+ "g-shadow-md-color": "#0000001a",
153
+ "g-spacing-0": "0rem",
154
+ "g-spacing-1": "0.0625rem",
155
+ "g-spacing-2": "0.125rem",
156
+ "g-spacing-4": "0.25rem",
157
+ "g-spacing-6": "0.375rem",
158
+ "g-spacing-8": "0.5rem",
159
+ "g-spacing-10": "0.625rem",
160
+ "g-spacing-12": "0.75rem",
161
+ "g-spacing-16": "1rem",
162
+ "g-spacing-20": "1.25rem",
163
+ "g-spacing-24": "1.5rem",
164
+ "g-spacing-32": "2rem",
165
+ "g-spacing-40": "2.5rem",
166
+ "g-spacing-48": "3rem",
167
+ "g-spacing-64": "4rem",
168
+ "g-theme-spacing-xs": "0.25rem",
169
+ "g-theme-spacing-sm": "0.5rem",
170
+ "g-theme-spacing-md": "1rem",
171
+ "g-theme-spacing-lg": "1.5rem",
172
+ "g-theme-spacing-xl": "2rem",
173
+ "g-theme-spacing-2xl": "3rem",
174
+ "g-theme-spacing-3xl": "4rem",
175
+ "g-typography-font-weight-400": "400",
176
+ "g-typography-font-weight-500": "500",
177
+ "g-typography-font-weight-600": "600",
178
+ "g-typography-font-weight-700": "700",
179
+ "g-typography-letter-spacing-none": "0rem",
180
+ "g-typography-letter-spacing-sm": "0.0313rem",
181
+ "g-typography-letter-spacing-lg": "0.125rem",
182
+ "g-typography-letter-spacing-neg-sm": "-0.0313rem",
183
+ "g-typography-letter-spacing-neg-md": "-0.0625rem",
184
+ "g-typography-letter-spacing-neg-lg": "-0.0938rem",
185
+ "g-typography-letter-spacing-neg-xl": "-0.125rem",
186
+ "g-typography-text-transform-none": "none",
187
+ "g-typography-text-transform-uppercase": "uppercase",
188
+ "g-typography-font-family-system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
189
+ "g-typography-font-family-helvetica": "Helvetica, sans-serif",
190
+ "g-typography-font-size-xs": "0.75rem",
191
+ "g-typography-font-size-sm": "0.875rem",
192
+ "g-typography-font-size-md": "1rem",
193
+ "g-typography-font-size-lg": "1.125rem",
194
+ "g-typography-font-size-xl": "1.25rem",
195
+ "g-typography-font-size-2xl": "1.5rem",
196
+ "g-typography-font-size-3xl": "1.75rem",
197
+ "g-typography-font-size-4xl": "2rem",
198
+ "g-typography-font-size-5xl": "2.5rem",
199
+ "g-typography-font-size-6xl": "3rem",
200
+ "g-typography-font-size-7xl": "3.5rem",
201
+ "g-typography-font-size-8xl": "4rem",
202
+ "g-typography-font-size-display": "6.25rem",
203
+ "g-theme-typography-h1-font-family": "Helvetica, sans-serif",
204
+ "g-theme-typography-h1-font-weight": "700",
205
+ "g-theme-typography-h1-font-size": "6.25rem",
206
+ "g-theme-typography-h1-line-height": "1.1",
207
+ "g-theme-typography-h1-letter-spacing": "-0.125rem",
208
+ "g-theme-typography-h1-text-transform": "none",
209
+ "g-theme-typography-h2-font-family": "Helvetica, sans-serif",
210
+ "g-theme-typography-h2-font-weight": "700",
211
+ "g-theme-typography-h2-font-size": "3rem",
212
+ "g-theme-typography-h2-line-height": "1.17",
213
+ "g-theme-typography-h2-letter-spacing": "0.0313rem",
214
+ "g-theme-typography-h2-text-transform": "none",
215
+ "g-theme-typography-h3-font-family": "Helvetica, sans-serif",
216
+ "g-theme-typography-h3-font-weight": "700",
217
+ "g-theme-typography-h3-font-size": "2.5rem",
218
+ "g-theme-typography-h3-line-height": "1.2",
219
+ "g-theme-typography-h3-letter-spacing": "0.0313rem",
220
+ "g-theme-typography-h3-text-transform": "none",
221
+ "g-theme-typography-h4-font-family": "Helvetica, sans-serif",
222
+ "g-theme-typography-h4-font-weight": "700",
223
+ "g-theme-typography-h4-font-size": "2rem",
224
+ "g-theme-typography-h4-line-height": "1.25",
225
+ "g-theme-typography-h4-letter-spacing": "0.0313rem",
226
+ "g-theme-typography-h4-text-transform": "none",
227
+ "g-theme-typography-h5-font-family": "Helvetica, sans-serif",
228
+ "g-theme-typography-h5-font-weight": "700",
229
+ "g-theme-typography-h5-font-size": "1.75rem",
230
+ "g-theme-typography-h5-line-height": "1.29",
231
+ "g-theme-typography-h5-letter-spacing": "-0.0313rem",
232
+ "g-theme-typography-h5-text-transform": "none",
233
+ "g-theme-typography-h6-font-family": "Helvetica, sans-serif",
234
+ "g-theme-typography-h6-font-weight": "700",
235
+ "g-theme-typography-h6-font-size": "1.5rem",
236
+ "g-theme-typography-h6-line-height": "1.33",
237
+ "g-theme-typography-h6-letter-spacing": "-0.0313rem",
238
+ "g-theme-typography-h6-text-transform": "none",
239
+ "g-theme-typography-body-lg-font-family": "Helvetica, sans-serif",
240
+ "g-theme-typography-body-lg-font-weight": "400",
241
+ "g-theme-typography-body-lg-font-size": "1.25rem",
242
+ "g-theme-typography-body-lg-line-height": "1.4",
243
+ "g-theme-typography-body-lg-letter-spacing": "0rem",
244
+ "g-theme-typography-body-lg-text-transform": "none",
245
+ "g-theme-typography-body-font-family": "Helvetica, sans-serif",
246
+ "g-theme-typography-body-font-weight": "400",
247
+ "g-theme-typography-body-font-size": "1rem",
248
+ "g-theme-typography-body-line-height": "1.5",
249
+ "g-theme-typography-body-letter-spacing": "0rem",
250
+ "g-theme-typography-body-text-transform": "none",
251
+ "g-theme-typography-body-sm-font-family": "Helvetica, sans-serif",
252
+ "g-theme-typography-body-sm-font-weight": "400",
253
+ "g-theme-typography-body-sm-font-size": "0.875rem",
254
+ "g-theme-typography-body-sm-line-height": "1.43",
255
+ "g-theme-typography-body-sm-letter-spacing": "0rem",
256
+ "g-theme-typography-body-sm-text-transform": "none",
257
+ "g-theme-typography-label-lg-font-family": "Helvetica, sans-serif",
258
+ "g-theme-typography-label-lg-font-weight": "700",
259
+ "g-theme-typography-label-lg-font-size": "1.25rem",
260
+ "g-theme-typography-label-lg-line-height": "1.4",
261
+ "g-theme-typography-label-lg-letter-spacing": "0rem",
262
+ "g-theme-typography-label-lg-text-transform": "none",
263
+ "g-theme-typography-label-font-family": "Helvetica, sans-serif",
264
+ "g-theme-typography-label-font-weight": "700",
265
+ "g-theme-typography-label-font-size": "1rem",
266
+ "g-theme-typography-label-line-height": "1.5",
267
+ "g-theme-typography-label-letter-spacing": "0rem",
268
+ "g-theme-typography-label-text-transform": "none",
269
+ "g-theme-typography-label-sm-font-family": "Helvetica, sans-serif",
270
+ "g-theme-typography-label-sm-font-weight": "700",
271
+ "g-theme-typography-label-sm-font-size": "0.875rem",
272
+ "g-theme-typography-label-sm-line-height": "1.43",
273
+ "g-theme-typography-label-sm-letter-spacing": "0rem",
274
+ "g-theme-typography-label-sm-text-transform": "none",
275
+ "g-theme-typography-meta-font-family": "Helvetica, sans-serif",
276
+ "g-theme-typography-meta-font-weight": "700",
277
+ "g-theme-typography-meta-font-size": "0.875rem",
278
+ "g-theme-typography-meta-line-height": "1.43",
279
+ "g-theme-typography-meta-letter-spacing": "0.125rem",
280
+ "g-theme-typography-meta-text-transform": "uppercase",
281
+ "g-theme-typography-meta-sm-font-family": "Helvetica, sans-serif",
282
+ "g-theme-typography-meta-sm-font-weight": "700",
283
+ "g-theme-typography-meta-sm-font-size": "0.75rem",
284
+ "g-theme-typography-meta-sm-line-height": "1.33",
285
+ "g-theme-typography-meta-sm-letter-spacing": "0.125rem",
286
+ "g-theme-typography-meta-sm-text-transform": "uppercase",
287
+ "g-z-index-0": "0",
288
+ "g-z-index-100": "100",
289
+ "g-z-index-200": "200",
290
+ "g-z-index-300": "300",
291
+ "g-z-index-400": "400",
292
+ "g-z-index-500": "500",
293
+ "g-z-index-top": "99999",
294
+ "g-z-index-bottom": "-100",
295
+ "g-theme-button-color-background-default": "oklch(95% 0 0)",
296
+ "g-theme-button-color-background-hover": "oklch(90% 0 0)",
297
+ "g-theme-button-color-background-active": "oklch(90% 0 0)",
298
+ "g-theme-button-color-background-disabled": "oklch(100% 0 0)",
299
+ "g-theme-button-color-content-default": "oklch(20% 0 0)",
300
+ "g-theme-button-color-content-hover": "oklch(95% 0 0)",
301
+ "g-theme-button-color-content-active": "oklch(95% 0 0)",
302
+ "g-theme-button-color-content-disabled": "oklch(50% 0 0)",
303
+ "g-theme-button-color-border-default": "oklch(80% 0 0)",
304
+ "g-theme-button-color-border-hover": "oklch(80% 0 0)",
305
+ "g-theme-button-color-border-active": "oklch(80% 0 0)",
306
+ "g-theme-button-color-border-disabled": "oklch(80% 0 0)",
307
+ "g-theme-button-primary-color-background-default": "oklch(40% 0 0)",
308
+ "g-theme-button-primary-color-background-hover": "oklch(30% 0 0)",
309
+ "g-theme-button-primary-color-background-active": "oklch(30% 0 0)",
310
+ "g-theme-button-primary-color-background-disabled": "oklch(90% 0 0)",
311
+ "g-theme-button-primary-color-content-default": "oklch(0% 0 0)",
312
+ "g-theme-button-primary-color-content-hover": "oklch(0% 0 0)",
313
+ "g-theme-button-primary-color-content-active": "oklch(0% 0 0)",
314
+ "g-theme-button-primary-color-content-disabled": "oklch(20% 0 0)",
315
+ "g-theme-button-primary-color-border-default": "oklch(40% 0 0)",
316
+ "g-theme-button-primary-color-border-hover": "oklch(30% 0 0)",
317
+ "g-theme-button-primary-color-border-active": "oklch(30% 0 0)",
318
+ "g-theme-button-primary-color-border-disabled": "oklch(80% 0 0)",
319
+ "g-theme-focus-ring-color-default": "rgba(0, 0, 0, 0.4)",
320
+ "g-theme-focus-ring-color-contrast": "oklch(90% 0 0)",
321
+ "g-theme-focus-ring-color-contrast-shadow": "oklch(30% 0 0)",
322
+ "g-theme-focus-ring-width-default": "0.2rem",
323
+ "g-theme-focus-ring-offset-default": "0rem",
324
+ "g-theme-form-color-background-default": "oklch(100% 0 0)",
325
+ "g-theme-form-color-background-focus": "oklch(100% 0 0)",
326
+ "g-theme-form-color-background-hover": "oklch(95% 0 0)",
327
+ "g-theme-form-color-background-active": "oklch(100% 0 0)",
328
+ "g-theme-form-color-background-disabled": "oklch(100% 0 0)",
329
+ "g-theme-form-color-content-default": "oklch(20% 0 0)",
330
+ "g-theme-form-color-content-focus": "oklch(20% 0 0)",
331
+ "g-theme-form-color-content-hover": "oklch(20% 0 0)",
332
+ "g-theme-form-color-content-active": "oklch(20% 0 0)",
333
+ "g-theme-form-color-content-disabled": "oklch(50% 0 0)",
334
+ "g-theme-form-color-border-default": "oklch(80% 0 0)",
335
+ "g-theme-form-color-border-focus": "oklch(80% 0 0)",
336
+ "g-theme-form-color-border-hover": "oklch(60% 0 0)",
337
+ "g-theme-form-color-border-active": "oklch(80% 0 0)",
338
+ "g-theme-form-color-border-disabled": "oklch(80% 0 0)",
339
+ "g-theme-form-color-border-error": "oklch(51.18% 0.1802 32.56)",
340
+ "g-theme-form-input-accent-color-default": "oklch(60% 0 0)",
341
+ "g-theme-link-color-content-default": "oklch(50% 0 0)",
342
+ "g-theme-link-color-content-hover": "oklch(20% 0 0)",
343
+ "g-theme-link-color-content-active": "oklch(20% 0 0)",
344
+ "g-theme-link-color-content-visited": "oklch(50% 0 0)",
345
+ "g-theme-link-knockout-color-content-default": "oklch(100% 0 0)",
346
+ "g-theme-link-knockout-color-content-hover": "oklch(100% 0 0)",
347
+ "g-theme-link-knockout-color-content-active": "oklch(100% 0 0)",
348
+ "g-theme-link-knockout-color-content-visited": "oklch(100% 0 0)",
349
+ "g-theme-box-shadow-sm": "0rem 0.25rem 0.25rem 0rem #00000040",
350
+ "g-theme-box-shadow-md": "0rem 0.5rem 0.375rem -0.375rem #0000001a"
351
+ }
package/package.json CHANGED
@@ -1,62 +1,77 @@
1
1
  {
2
- "name": "@grantcodes/style-dictionary",
3
- "version": "1.3.0",
4
- "type": "module",
5
- "description": "My personal style dictionary",
6
- "main": "./dist/js/default/style-dictionary.js",
7
- "exports": {
8
- "./wireframe/css": "./dist/css/wireframe/tokens.css",
9
- "./wireframe/css/theme": "./dist/css/wireframe/wireframe.css",
10
- "./wireframe/js": "./dist/js/wireframe/style-dictionary.js",
11
- "./wireframe/json": "./dist/json/wireframe/tokens.json",
12
- "./grantcodes/css": "./dist/css/grantcodes/tokens.css",
13
- "./grantcodes/css/theme": "./dist/css/grantcodes/grantcodes.css",
14
- "./grantcodes/js": "./dist/js/grantcodes/style-dictionary.js",
15
- "./grantcodes/json": "./dist/json/grantcodes/tokens.json",
16
- "./todomap/css": "./dist/css/todomap/tokens.css",
17
- "./todomap/css/theme": "./dist/css/todomap/todomap.css",
18
- "./todomap/js": "./dist/js/todomap/style-dictionary.js",
19
- "./todomap/json": "./dist/json/todomap/tokens.json",
20
- "./assets/fonts/greycliff": "./assets/fonts/greycliff.css",
21
- "./assets/fonts/quicksand": "./assets/fonts/quicksand.css"
22
- },
23
- "types": {
24
- "./wireframe/js": "./dist/js/wireframe/style-dictionary.d.ts",
25
- "./grantcodes/js": "./dist/js/grantcodes/style-dictionary.d.ts",
26
- "./todomap/js": "./dist/js/todomap/style-dictionary.d.ts"
27
- },
28
- "scripts": {
29
- "build": "node ./build.js",
30
- "clean": "rm -rf dist",
31
- "prepublishOnly": "npm run clean && npm run build",
32
- "fix": "run-s fix:lint",
33
- "fix:lint": "npx @biomejs/biome format --write tokens build.js",
34
- "test": "run-s lint",
35
- "lint": "npx @biomejs/biome lint tokens build.js lib",
36
- "test:unit": "node --test"
37
- },
38
- "author": {
39
- "email": "mail@grant.codes",
40
- "name": "Grant Richmond",
41
- "url": "https://grant.codes"
42
- },
43
- "repository": {
44
- "type": "git",
45
- "url": "git+https://github.com/grantcodes/style-dictionary.git"
46
- },
47
- "bugs": {
48
- "url": "https://github.com/grantcodes/style-dictionary/issues"
49
- },
50
- "homepage": "https://github.com/grantcodes/style-dictionary#readme",
51
- "license": "MIT",
52
- "devDependencies": {
53
- "@biomejs/biome": "2.1.1",
54
- "@grantcodes/commit": "^2.0.0",
55
- "minimist": "^1.2.8",
56
- "npm-run-all": "^4.1.5",
57
- "style-dictionary": "^5.0.1"
58
- },
59
- "dependencies": {
60
- "colorjs.io": "^0.5.2"
61
- }
62
- }
2
+ "name": "@grantcodes/style-dictionary",
3
+ "version": "1.4.0",
4
+ "type": "module",
5
+ "description": "My personal style dictionary",
6
+ "main": "./dist/js/default/style-dictionary.js",
7
+ "exports": {
8
+ "./wireframe/css": "./dist/css/wireframe/tokens.css",
9
+ "./wireframe/css/theme": "./dist/css/wireframe/wireframe.css",
10
+ "./wireframe/js": "./dist/js/wireframe/style-dictionary.js",
11
+ "./wireframe/json": "./dist/json/wireframe/tokens.json",
12
+ "./grantcodes/css": "./dist/css/grantcodes/tokens.css",
13
+ "./grantcodes/css/theme": "./dist/css/grantcodes/grantcodes.css",
14
+ "./grantcodes/js": "./dist/js/grantcodes/style-dictionary.js",
15
+ "./grantcodes/json": "./dist/json/grantcodes/tokens.json",
16
+ "./todomap/css": "./dist/css/todomap/tokens.css",
17
+ "./todomap/css/theme": "./dist/css/todomap/todomap.css",
18
+ "./todomap/js": "./dist/js/todomap/style-dictionary.js",
19
+ "./todomap/json": "./dist/json/todomap/tokens.json",
20
+ "./grantina/css": "./dist/css/grantina/tokens.css",
21
+ "./grantina/css/theme": "./dist/css/grantina/grantina.css",
22
+ "./grantina/js": "./dist/js/grantina/style-dictionary.js",
23
+ "./grantina/json": "./dist/json/grantina/tokens.json",
24
+ "./wireframe/css/dark": "./dist/css/wireframe/dark.css",
25
+ "./grantcodes/css/dark": "./dist/css/grantcodes/dark.css",
26
+ "./todomap/css/dark": "./dist/css/todomap/dark.css",
27
+ "./grantina/css/dark": "./dist/css/grantina/dark.css",
28
+ "./assets/fonts/greycliff": "./assets/fonts/greycliff.css",
29
+ "./assets/fonts/quicksand": "./assets/fonts/quicksand.css",
30
+ "./assets/fonts/grantina": "./assets/fonts/grantina.css"
31
+ },
32
+ "types": {
33
+ "./wireframe/js": "./dist/js/wireframe/style-dictionary.d.ts",
34
+ "./grantcodes/js": "./dist/js/grantcodes/style-dictionary.d.ts",
35
+ "./todomap/js": "./dist/js/todomap/style-dictionary.d.ts",
36
+ "./grantina/js": "./dist/js/grantina/style-dictionary.d.ts"
37
+ },
38
+ "author": {
39
+ "email": "mail@grant.codes",
40
+ "name": "Grant Richmond",
41
+ "url": "https://grant.codes"
42
+ },
43
+ "repository": {
44
+ "type": "git",
45
+ "url": "git+https://github.com/grantcodes/style-dictionary.git"
46
+ },
47
+ "bugs": {
48
+ "url": "https://github.com/grantcodes/style-dictionary/issues"
49
+ },
50
+ "homepage": "https://github.com/grantcodes/style-dictionary#readme",
51
+ "license": "MIT",
52
+ "devDependencies": {
53
+ "@biomejs/biome": "2.1.1",
54
+ "@grantcodes/commit": "^2.0.0",
55
+ "minimist": "^1.2.8",
56
+ "npm-run-all": "^4.1.5",
57
+ "style-dictionary": "^5.0.1"
58
+ },
59
+ "dependencies": {
60
+ "colorjs.io": "^0.5.2"
61
+ },
62
+ "files": [
63
+ "dist/**/*",
64
+ "assets/**/*",
65
+ "README.md",
66
+ "CHANGELOG.md"
67
+ ],
68
+ "scripts": {
69
+ "build": "node ./build.js",
70
+ "clean": "rm -rf dist",
71
+ "fix": "run-s fix:lint",
72
+ "fix:lint": "npx @biomejs/biome format --write tokens build.js",
73
+ "test": "run-s lint",
74
+ "lint": "npx @biomejs/biome lint tokens build.js lib",
75
+ "test:unit": "node --test"
76
+ }
77
+ }
@@ -1,45 +0,0 @@
1
-
2
-
3
- > @grantcodes/style-dictionary@1.3.0 build /home/grantcodes/projects/@grantcodes/ui/packages/style-dictionary
4
- > node ./build.js
5
-
6
- 🚧 No theme specified, building all themes...
7
-
8
- 🏗️ Building WIREFRAME theme
9
-
10
- 🏗️ Building GRANTCODES theme
11
-
12
- 🏗️ Building TODOMAP theme
13
-
14
- css
15
- ✔︎ dist/css/todomap/tokens.css
16
- ✔︎ dist/css/todomap/todomap.css
17
-
18
- json
19
- ✔︎ dist/json/todomap/tokens.json
20
-
21
- css
22
- ✔︎ dist/css/grantcodes/tokens.css
23
- ✔︎ dist/css/grantcodes/grantcodes.css
24
-
25
- json
26
- ✔︎ dist/json/grantcodes/tokens.json
27
-
28
- css
29
- ✔︎ dist/css/wireframe/tokens.css
30
- ✔︎ dist/css/wireframe/wireframe.css
31
-
32
- json
33
- ✔︎ dist/json/wireframe/tokens.json
34
-
35
- ts
36
- ✔︎ dist/js/todomap/style-dictionary.js
37
- ✔︎ dist/js/todomap/style-dictionary.d.ts
38
-
39
- ts
40
- ✔︎ dist/js/grantcodes/style-dictionary.js
41
- ✔︎ dist/js/grantcodes/style-dictionary.d.ts
42
-
43
- ts
44
- ✔︎ dist/js/wireframe/style-dictionary.js
45
- ✔︎ dist/js/wireframe/style-dictionary.d.ts
@@ -1,10 +0,0 @@
1
-
2
-
3
- > @grantcodes/style-dictionary@1.2.1 lint /home/grantcodes/projects/@grantcodes/ui/packages/style-dictionary
4
- > npx @biomejs/biome lint tokens build.js lib
5
-
6
- npm warn Unknown env config "npm-globalconfig". This will stop working in the next major version of npm.
7
- npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm.
8
- npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm.
9
- ⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏Checked 54 files in 6ms. No fixes applied.
10
- ⠙
package/AGENTS.md DELETED
@@ -1,67 +0,0 @@
1
- # @grantcodes/style-dictionary
2
-
3
- Design tokens and theming system for the UI packages. Built with Style Dictionary.
4
-
5
- ## Themes
6
-
7
- Three themes are available:
8
-
9
- - **grantcodes** - Default theme with Greycliff font
10
- - **todomap** - Theme with Quicksand font
11
- - **wireframe** - Minimal theme with system fonts
12
-
13
- ## Token Structure
14
-
15
- Tokens are organized in tiers:
16
-
17
- ```
18
- tokens/
19
- ├── core/ # Shared tokens (z-index)
20
- ├── grantcodes/ # Grantcodes theme
21
- │ ├── tier-1-definitions/ # Base tokens (colors, typography, etc.)
22
- │ ├── tier-2-usage/ # Usage tokens (component-level)
23
- │ └── tier-3-components/ # Component-specific tokens
24
- ├── todomap/ # Todomap theme
25
- └── wireframe/ # Wireframe theme
26
- ```
27
-
28
- ### Tier System
29
-
30
- - **Tier 1** - Primitive/base tokens (colors, spacing, typography)
31
- - **Tier 2** - Usage tokens (semantic, component-level)
32
- - **Tier 3** - Component-specific tokens
33
-
34
- ## Exports
35
-
36
- ```javascript
37
- // Theme tokens (CSS variables)
38
- import '@grantcodes/style-dictionary/grantcodes/css';
39
- import '@grantcodes/style-dictionary/todomap/css';
40
- import '@grantcodes/style-dictionary/wireframe/css';
41
-
42
- // Theme with component tokens
43
- import '@grantcodes/style-dictionary/grantcodes/css/theme';
44
-
45
- // JavaScript tokens
46
- import { GColorNeutral100 } from '@grantcodes/style-dictionary/grantcodes/js';
47
-
48
- // Fonts
49
- import '@grantcodes/style-dictionary/assets/fonts/greycliff';
50
- import '@grantcodes/style-dictionary/assets/fonts/quicksand';
51
- ```
52
-
53
- ## Adding New Tokens
54
-
55
- 1. Choose the appropriate theme folder
56
- 2. Add token to the correct tier (1, 2, or 3)
57
- 3. Rebuild with `pnpm build`
58
-
59
- ## Building
60
-
61
- ```bash
62
- # Build all themes
63
- pnpm build
64
-
65
- # Build single theme
66
- pnpm build -- --theme=grantcodes
67
- ```
package/biome.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "root": false,
3
- "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
4
- "extends": ["../biome.json"],
5
- "files": {
6
- "ignoreUnknown": false,
7
- "includes": ["tokens/**", "lib/**", "build.js", "config.js"]
8
- }
9
- }
package/build.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Build script to create style dictionary outputs for each theme
3
- * This now uses the config.js file which contains all the build logic
4
- */
5
-
6
- // The build logic is now in config.js and runs automatically when executed
7
- // This file can be kept for backwards compatibility or removed
8
- // Run: node config.js or node build.js (which runs config.js)
9
-
10
- import "./config.js";