@grantcodes/style-dictionary 1.2.1 → 1.3.1

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 (70) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/css/grantcodes/grantcodes.css +367 -0
  3. package/dist/css/grantcodes/tokens.css +367 -0
  4. package/dist/css/todomap/todomap.css +200 -0
  5. package/dist/css/todomap/tokens.css +200 -0
  6. package/dist/css/wireframe/tokens.css +426 -0
  7. package/dist/css/wireframe/wireframe.css +426 -0
  8. package/dist/js/grantcodes/style-dictionary.d.ts +361 -0
  9. package/dist/js/grantcodes/style-dictionary.js +386 -0
  10. package/dist/js/todomap/style-dictionary.d.ts +202 -0
  11. package/dist/js/todomap/style-dictionary.js +220 -0
  12. package/dist/js/wireframe/style-dictionary.d.ts +414 -0
  13. package/dist/js/wireframe/style-dictionary.js +427 -0
  14. package/dist/json/grantcodes/tokens.json +351 -0
  15. package/dist/json/todomap/tokens.json +200 -0
  16. package/dist/json/wireframe/tokens.json +404 -0
  17. package/package.json +66 -61
  18. package/.turbo/turbo-build.log +0 -45
  19. package/biome.json +0 -9
  20. package/build.js +0 -10
  21. package/config.js +0 -485
  22. package/demo.html +0 -171
  23. package/lib/color-generator.js +0 -13
  24. package/lib/get-style-dictionary-config.js +0 -223
  25. package/lib/get-themes.js +0 -10
  26. package/lib/index.js +0 -3
  27. package/tests/tokens.test.js +0 -87
  28. package/tokens/core/tier-1-definitions/colors.json +0 -175
  29. package/tokens/core/tier-1-definitions/z-index.json +0 -29
  30. package/tokens/grantcodes/tier-1-definitions/animation.json +0 -27
  31. package/tokens/grantcodes/tier-1-definitions/borders.json +0 -36
  32. package/tokens/grantcodes/tier-1-definitions/colors.json +0 -35
  33. package/tokens/grantcodes/tier-1-definitions/shadows.json +0 -39
  34. package/tokens/grantcodes/tier-1-definitions/typography.json +0 -133
  35. package/tokens/grantcodes/tier-2-usage/00-colors-background.json +0 -72
  36. package/tokens/grantcodes/tier-2-usage/00-colors-border.json +0 -42
  37. package/tokens/grantcodes/tier-2-usage/00-colors-content.json +0 -45
  38. package/tokens/grantcodes/tier-2-usage/animation.json +0 -23
  39. package/tokens/grantcodes/tier-2-usage/borders.json +0 -26
  40. package/tokens/grantcodes/tier-2-usage/shadows.json +0 -39
  41. package/tokens/grantcodes/tier-2-usage/typography-usage.json +0 -277
  42. package/tokens/grantcodes/tier-3-components/button.json +0 -94
  43. package/tokens/grantcodes/tier-3-components/focus-ring.json +0 -26
  44. package/tokens/grantcodes/tier-3-components/form.json +0 -69
  45. package/tokens/grantcodes/tier-3-components/link.json +0 -39
  46. package/tokens/todomap/tier-1-definitions/colors.json +0 -92
  47. package/tokens/todomap/tier-1-definitions/typography.json +0 -10
  48. package/tokens/todomap/tier-2-usage/00-colors-background.json +0 -36
  49. package/tokens/todomap/tier-2-usage/00-colors-content.json +0 -33
  50. package/tokens/todomap/tier-2-usage/typography-usage.json +0 -20
  51. package/tokens/todomap/tier-3-components/button.json +0 -141
  52. package/tokens/todomap/tier-3-components/focus-ring.json +0 -26
  53. package/tokens/todomap/tier-3-components/form.json +0 -69
  54. package/tokens/todomap/tier-3-components/link.json +0 -39
  55. package/tokens/wireframe/tier-1-definitions/animation.json +0 -18
  56. package/tokens/wireframe/tier-1-definitions/borders.json +0 -42
  57. package/tokens/wireframe/tier-1-definitions/colors.json +0 -36
  58. package/tokens/wireframe/tier-1-definitions/shadows.json +0 -39
  59. package/tokens/wireframe/tier-1-definitions/typography.json +0 -130
  60. package/tokens/wireframe/tier-2-usage/00-colors-background.json +0 -86
  61. package/tokens/wireframe/tier-2-usage/00-colors-border.json +0 -42
  62. package/tokens/wireframe/tier-2-usage/00-colors-content.json +0 -45
  63. package/tokens/wireframe/tier-2-usage/animation.json +0 -24
  64. package/tokens/wireframe/tier-2-usage/borders.json +0 -33
  65. package/tokens/wireframe/tier-2-usage/shadows.json +0 -39
  66. package/tokens/wireframe/tier-2-usage/typography-usage.json +0 -445
  67. package/tokens/wireframe/tier-3-components/button.json +0 -94
  68. package/tokens/wireframe/tier-3-components/focus-ring.json +0 -26
  69. package/tokens/wireframe/tier-3-components/form.json +0 -69
  70. package/tokens/wireframe/tier-3-components/link.json +0 -39
package/tokens/wireframe/tier-2-usage/typography-usage.json DELETED
@@ -1,445 +0,0 @@
1
- {
2
- "typography": {
3
- "display-default": {
4
- "font-family": {
5
- "value": "{typography.font-family.helvetica}"
6
- },
7
- "font-weight": {
8
- "value": "{typography.font-weight.700}"
9
- },
10
- "font-size": {
11
- "value": "{typography.font-size.100}"
12
- },
13
- "line-height": {
14
- "value": "{typography.line-height.110}"
15
- },
16
- "letter-spacing": {
17
- "value": "{typography.letter-spacing.minus-2}"
18
- },
19
- "text-transform": {
20
- "value": "{typography.text-transform.none}"
21
- }
22
- },
23
- "display-default-mobile": {
24
- "font-family": {
25
- "value": "{typography.display-default.font-family}"
26
- },
27
- "font-weight": {
28
- "value": "{typography.display-default.font-weight}"
29
- },
30
- "font-size": {
31
- "value": "{typography.font-size.48}"
32
- },
33
- "line-height": {
34
- "value": "{typography.line-height.56}"
35
- },
36
- "letter-spacing": {
37
- "value": "{typography.letter-spacing.minus-1-half}"
38
- },
39
- "text-transform": {
40
- "value": "{typography.display-default.text-transform}"
41
- }
42
- },
43
- "display-sm": {
44
- "font-family": {
45
- "value": "{typography.font-family.helvetica}"
46
- },
47
- "font-weight": {
48
- "value": "{typography.font-weight.400}"
49
- },
50
- "font-size": {
51
- "value": "{typography.font-size.40}"
52
- },
53
- "line-height": {
54
- "value": "{typography.line-height.48}"
55
- },
56
- "letter-spacing": {
57
- "value": "{typography.letter-spacing.minus-1-half}"
58
- },
59
- "text-transform": {
60
- "value": "{typography.text-transform.none}"
61
- }
62
- },
63
- "display-sm-mobile": {
64
- "font-family": {
65
- "value": "{typography.display-sm.font-family}"
66
- },
67
- "font-weight": {
68
- "value": "{typography.display-sm.font-weight}"
69
- },
70
- "font-size": {
71
- "value": "{typography.font-size.32}"
72
- },
73
- "line-height": {
74
- "value": "{typography.line-height.40}"
75
- },
76
- "letter-spacing": {
77
- "value": "{typography.letter-spacing.minus-1}"
78
- },
79
- "text-transform": {
80
- "value": "{typography.text-transform.none}"
81
- }
82
- },
83
- "headline-lg": {
84
- "font-family": {
85
- "value": "{typography.font-family.helvetica}"
86
- },
87
- "font-weight": {
88
- "value": "{typography.font-weight.700}"
89
- },
90
- "font-size": {
91
- "value": "{typography.font-size.48}"
92
- },
93
- "line-height": {
94
- "value": "{typography.line-height.56}"
95
- },
96
- "letter-spacing": {
97
- "value": "{typography.letter-spacing.half}"
98
- },
99
- "text-transform": {
100
- "value": "{typography.text-transform.none}"
101
- }
102
- },
103
- "headline-lg-mobile": {
104
- "font-family": {
105
- "value": "{typography.headline-lg.font-family}"
106
- },
107
- "font-weight": {
108
- "value": "{typography.headline-lg.font-weight}"
109
- },
110
- "font-size": {
111
- "value": "{typography.font-size.40}"
112
- },
113
- "line-height": {
114
- "value": "{typography.line-height.48}"
115
- },
116
- "letter-spacing": {
117
- "value": "{typography.letter-spacing.half}"
118
- },
119
- "text-transform": {
120
- "value": "{typography.text-transform.none}"
121
- }
122
- },
123
- "headline-default": {
124
- "font-family": {
125
- "value": "{typography.font-family.helvetica}"
126
- },
127
- "font-weight": {
128
- "value": "{typography.font-weight.700}"
129
- },
130
- "font-size": {
131
- "value": "{typography.font-size.40}"
132
- },
133
- "line-height": {
134
- "value": "{typography.line-height.48}"
135
- },
136
- "letter-spacing": {
137
- "value": "{typography.letter-spacing.half}"
138
- },
139
- "text-transform": {
140
- "value": "{typography.text-transform.none}"
141
- }
142
- },
143
- "headline-default-mobile": {
144
- "font-family": {
145
- "value": "{typography.headline-default.font-family}"
146
- },
147
- "font-weight": {
148
- "value": "{typography.headline-default.font-weight}"
149
- },
150
- "font-size": {
151
- "value": "{typography.font-size.32}"
152
- },
153
- "line-height": {
154
- "value": "{typography.line-height.40}"
155
- },
156
- "letter-spacing": {
157
- "value": "{typography.letter-spacing.half}"
158
- },
159
- "text-transform": {
160
- "value": "{typography.headline-default.text-transform}"
161
- }
162
- },
163
- "headline-sm": {
164
- "font-family": {
165
- "value": "{typography.font-family.helvetica}"
166
- },
167
- "font-weight": {
168
- "value": "{typography.font-weight.700}"
169
- },
170
- "font-size": {
171
- "value": "{typography.font-size.32}"
172
- },
173
- "line-height": {
174
- "value": "{typography.line-height.40}"
175
- },
176
- "letter-spacing": {
177
- "value": "{typography.letter-spacing.half}"
178
- },
179
- "text-transform": {
180
- "value": "{typography.text-transform.none}"
181
- }
182
- },
183
- "headline-sm-mobile": {
184
- "font-family": {
185
- "value": "{typography.headline-sm.font-family}"
186
- },
187
- "font-weight": {
188
- "value": "{typography.headline-sm.font-weight}"
189
- },
190
- "font-size": {
191
- "value": "{typography.font-size.28}"
192
- },
193
- "line-height": {
194
- "value": "{typography.line-height.36}"
195
- },
196
- "letter-spacing": {
197
- "value": "{typography.letter-spacing.half}"
198
- },
199
- "text-transform": {
200
- "value": "{typography.text-transform.none}"
201
- }
202
- },
203
- "title-lg": {
204
- "font-family": {
205
- "value": "{typography.font-family.helvetica}"
206
- },
207
- "font-weight": {
208
- "value": "{typography.font-weight.700}"
209
- },
210
- "font-size": {
211
- "value": "{typography.font-size.32}"
212
- },
213
- "line-height": {
214
- "value": "{typography.line-height.40}"
215
- },
216
- "letter-spacing": {
217
- "value": "{typography.letter-spacing.minus-1}"
218
- },
219
- "text-transform": {
220
- "value": "{typography.text-transform.none}"
221
- }
222
- },
223
- "title-lg-mobile": {
224
- "font-family": {
225
- "value": "{typography.title-lg.font-family}"
226
- },
227
- "font-weight": {
228
- "value": "{typography.title-lg.font-weight}"
229
- },
230
- "font-size": {
231
- "value": "{typography.font-size.28}"
232
- },
233
- "line-height": {
234
- "value": "{typography.line-height.36}"
235
- },
236
- "letter-spacing": {
237
- "value": "{typography.letter-spacing.minus-half}"
238
- },
239
- "text-transform": {
240
- "value": "{typography.text-transform.none}"
241
- }
242
- },
243
- "title-default": {
244
- "font-family": {
245
- "value": "{typography.font-family.helvetica}"
246
- },
247
- "font-weight": {
248
- "value": "{typography.font-weight.700}"
249
- },
250
- "font-size": {
251
- "value": "{typography.font-size.28}"
252
- },
253
- "line-height": {
254
- "value": "{typography.line-height.36}"
255
- },
256
- "letter-spacing": {
257
- "value": "{typography.letter-spacing.minus-half}"
258
- },
259
- "text-transform": {
260
- "value": "{typography.text-transform.none}"
261
- }
262
- },
263
- "title-sm": {
264
- "font-family": {
265
- "value": "{typography.font-family.helvetica}"
266
- },
267
- "font-weight": {
268
- "value": "{typography.font-weight.700}"
269
- },
270
- "font-size": {
271
- "value": "{typography.font-size.24}"
272
- },
273
- "line-height": {
274
- "value": "{typography.line-height.32}"
275
- },
276
- "letter-spacing": {
277
- "value": "{typography.letter-spacing.minus-half}"
278
- },
279
- "text-transform": {
280
- "value": "{typography.text-transform.none}"
281
- }
282
- },
283
- "label-lg": {
284
- "font-family": {
285
- "value": "{typography.font-family.helvetica}"
286
- },
287
- "font-weight": {
288
- "value": "{typography.font-weight.700}"
289
- },
290
- "font-size": {
291
- "value": "{typography.font-size.20}"
292
- },
293
- "line-height": {
294
- "value": "{typography.line-height.28}"
295
- },
296
- "letter-spacing": {
297
- "value": "{typography.letter-spacing.0}"
298
- },
299
- "text-transform": {
300
- "value": "{typography.text-transform.none}"
301
- }
302
- },
303
- "label-default": {
304
- "font-family": {
305
- "value": "{typography.font-family.helvetica}"
306
- },
307
- "font-weight": {
308
- "value": "{typography.font-weight.700}"
309
- },
310
- "font-size": {
311
- "value": "{typography.font-size.16}"
312
- },
313
- "line-height": {
314
- "value": "{typography.line-height.24}"
315
- },
316
- "letter-spacing": {
317
- "value": "{typography.letter-spacing.0}"
318
- },
319
- "text-transform": {
320
- "value": "{typography.text-transform.none}"
321
- }
322
- },
323
- "label-sm": {
324
- "font-family": {
325
- "value": "{typography.font-family.helvetica}"
326
- },
327
- "font-weight": {
328
- "value": "{typography.font-weight.700}"
329
- },
330
- "font-size": {
331
- "value": "{typography.font-size.14}"
332
- },
333
- "line-height": {
334
- "value": "{typography.line-height.20}"
335
- },
336
- "letter-spacing": {
337
- "value": "{typography.letter-spacing.0}"
338
- },
339
- "text-transform": {
340
- "value": "{typography.text-transform.none}"
341
- }
342
- },
343
- "body-lg": {
344
- "font-family": {
345
- "value": "{typography.font-family.helvetica}"
346
- },
347
- "font-weight": {
348
- "value": "{typography.font-weight.400}"
349
- },
350
- "font-size": {
351
- "value": "{typography.font-size.20}"
352
- },
353
- "line-height": {
354
- "value": "{typography.line-height.28}"
355
- },
356
- "letter-spacing": {
357
- "value": "{typography.letter-spacing.0}"
358
- },
359
- "text-transform": {
360
- "value": "{typography.text-transform.none}"
361
- }
362
- },
363
- "body-default": {
364
- "font-family": {
365
- "value": "{typography.font-family.helvetica}"
366
- },
367
- "font-weight": {
368
- "value": "{typography.font-weight.400}"
369
- },
370
- "font-size": {
371
- "value": "{typography.font-size.16}"
372
- },
373
- "line-height": {
374
- "value": "{typography.line-height.24}"
375
- },
376
- "letter-spacing": {
377
- "value": "{typography.letter-spacing.0}"
378
- },
379
- "text-transform": {
380
- "value": "{typography.text-transform.none}"
381
- }
382
- },
383
- "body-sm": {
384
- "font-family": {
385
- "value": "{typography.font-family.helvetica}"
386
- },
387
- "font-weight": {
388
- "value": "{typography.font-weight.400}"
389
- },
390
- "font-size": {
391
- "value": "{typography.font-size.14}"
392
- },
393
- "line-height": {
394
- "value": "{typography.line-height.20}"
395
- },
396
- "letter-spacing": {
397
- "value": "{typography.letter-spacing.0}"
398
- },
399
- "text-transform": {
400
- "value": "{typography.text-transform.none}"
401
- }
402
- },
403
- "meta-default": {
404
- "font-family": {
405
- "value": "{typography.font-family.helvetica}"
406
- },
407
- "font-weight": {
408
- "value": "{typography.font-weight.700}"
409
- },
410
- "font-size": {
411
- "value": "{typography.font-size.14}"
412
- },
413
- "line-height": {
414
- "value": "{typography.line-height.20}"
415
- },
416
- "letter-spacing": {
417
- "value": "{typography.letter-spacing.2}"
418
- },
419
- "text-transform": {
420
- "value": "{typography.text-transform.uppercase}"
421
- }
422
- },
423
- "meta-sm": {
424
- "font-family": {
425
- "value": "{typography.font-family.helvetica}"
426
- },
427
- "font-weight": {
428
- "value": "{typography.font-weight.700}"
429
- },
430
- "font-size": {
431
- "value": "{typography.font-size.12}"
432
- },
433
- "line-height": {
434
- "value": "{typography.line-height.16}"
435
- },
436
- "letter-spacing": {
437
- "value": "{typography.letter-spacing.2}"
438
- },
439
- "text-transform": {
440
- "value": "{typography.text-transform.uppercase}"
441
- }
442
- }
443
- }
444
- }
445
-
package/tokens/wireframe/tier-3-components/button.json DELETED
@@ -1,94 +0,0 @@
1
- {
2
- "button": {
3
- "color": {
4
- "background": {
5
- "default": {
6
- "value": "{color.background.brand}"
7
- },
8
- "hover": {
9
- "value": "{color.background.brand-hover}"
10
- },
11
- "active": {
12
- "value": "{color.background.brand-hover}"
13
- },
14
- "disabled": {
15
- "value": "{color.background.default}"
16
- }
17
- },
18
- "content": {
19
- "default": {
20
- "value": "{color.content.default}"
21
- },
22
- "hover": {
23
- "value": "{color.content.brand-knockout}"
24
- },
25
- "active": {
26
- "value": "{color.content.brand-knockout}"
27
- },
28
- "disabled": {
29
- "value": "{color.content.disabled}"
30
- }
31
- },
32
- "border": {
33
- "default": {
34
- "value": "{color.border.default}"
35
- },
36
- "hover": {
37
- "value": "{color.border.brand}"
38
- },
39
- "active": {
40
- "value": "{color.border.brand}"
41
- },
42
- "disabled": {
43
- "value": "{color.border.default}"
44
- }
45
- }
46
- },
47
- "primary": {
48
- "color": {
49
- "background": {
50
- "default": {
51
- "value": "{color.brand.gray.700}"
52
- },
53
- "hover": {
54
- "value": "{color.brand.gray.800}"
55
- },
56
- "active": {
57
- "value": "{color.brand.gray.800}"
58
- },
59
- "disabled": {
60
- "value": "{color.background.brand-disabled}"
61
- }
62
- },
63
- "content": {
64
- "default": {
65
- "value": "{color.background.knockout}"
66
- },
67
- "hover": {
68
- "value": "{color.background.knockout}"
69
- },
70
- "active": {
71
- "value": "{color.background.knockout}"
72
- },
73
- "disabled": {
74
- "value": "{color.content.default}"
75
- }
76
- },
77
- "border": {
78
- "default": {
79
- "value": "{color.brand.gray.700}"
80
- },
81
- "hover": {
82
- "value": "{color.brand.gray.800}"
83
- },
84
- "active": {
85
- "value": "{color.brand.gray.800}"
86
- },
87
- "disabled": {
88
- "value": "{color.border.default}"
89
- }
90
- }
91
- }
92
- }
93
- }
94
- }
package/tokens/wireframe/tier-3-components/focus-ring.json DELETED
@@ -1,26 +0,0 @@
1
- {
2
- "focus-ring": {
3
- "color": {
4
- "default": {
5
- "value": "rgba(0, 0, 0, 0.4)"
6
- },
7
- "contrast": {
8
- "value": "{color.neutral.200}"
9
- },
10
- "contrast-shadow": {
11
- "value": "{color.neutral.800}"
12
- }
13
- },
14
- "width": {
15
- "default": {
16
- "value": "0.2rem"
17
- }
18
- },
19
- "offset": {
20
- "default": {
21
- "value": "0px"
22
- }
23
- }
24
- }
25
- }
26
-
package/tokens/wireframe/tier-3-components/form.json DELETED
@@ -1,69 +0,0 @@
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.disabled}"
36
- }
37
- },
38
- "border": {
39
- "default": {
40
- "value": "{color.border.default}"
41
- },
42
- "focus": {
43
- "value": "{color.border.brand}"
44
- },
45
- "hover": {
46
- "value": "{color.border.default-hover}"
47
- },
48
- "active": {
49
- "value": "{color.border.brand}"
50
- },
51
- "disabled": {
52
- "value": "{color.border.default}"
53
- },
54
- "error": {
55
- "value": "{color.border.utility.error}"
56
- }
57
- }
58
- },
59
- "input": {
60
- "accent": {
61
- "color": {
62
- "default": {
63
- "value": "{color.brand.gray.500}"
64
- }
65
- }
66
- }
67
- }
68
- }
69
- }
package/tokens/wireframe/tier-3-components/link.json DELETED
@@ -1,39 +0,0 @@
1
- {
2
- "link": {
3
- "color": {
4
- "content": {
5
- "default": {
6
- "value": "{color.brand.gray.600}"
7
- },
8
- "hover": {
9
- "value": "{color.brand.gray.900}"
10
- },
11
- "active": {
12
- "value": "{color.brand.gray.900}"
13
- },
14
- "visited": {
15
- "value": "{color.brand.gray.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
- }
39
-