@nysds/tokens 1.18.1 → 1.19.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 (3) hide show
  1. package/dist/tokens.css +1 -1
  2. package/package.json +1 -1
  3. package/src/tokens.json +1092 -399
package/src/tokens.json CHANGED
@@ -1,230 +1,543 @@
1
1
  {
2
2
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
-
4
3
  "primitive": {
5
4
  "$description": "Raw foundational values - not for direct use in code, referenced by applied tokens",
6
5
  "color": {
7
6
  "$type": "color",
8
-
9
7
  "neutral": {
10
- "10": { "$value": "#f6f6f6" },
11
- "50": { "$value": "#ededed" },
12
- "100": { "$value": "#d0d0ce" },
13
- "200": { "$value": "#bec0c1" },
14
- "300": { "$value": "#a7a9ab" },
15
- "400": { "$value": "#909395" },
16
- "500": { "$value": "#797c7f" },
17
- "600": { "$value": "#62666a" },
18
- "700": { "$value": "#4a4d4f" },
19
- "800": { "$value": "#323435" },
20
- "900": { "$value": "#1b1b1b" }
21
- },
22
- "black": { "$value": "#000000" },
23
- "white": { "$value": "#ffffff" },
24
-
8
+ "10": {
9
+ "$value": "#f6f6f6"
10
+ },
11
+ "50": {
12
+ "$value": "#ededed"
13
+ },
14
+ "100": {
15
+ "$value": "#d0d0ce"
16
+ },
17
+ "200": {
18
+ "$value": "#bec0c1"
19
+ },
20
+ "300": {
21
+ "$value": "#a7a9ab"
22
+ },
23
+ "400": {
24
+ "$value": "#909395"
25
+ },
26
+ "500": {
27
+ "$value": "#797c7f"
28
+ },
29
+ "600": {
30
+ "$value": "#62666a"
31
+ },
32
+ "700": {
33
+ "$value": "#4a4d4f"
34
+ },
35
+ "800": {
36
+ "$value": "#323435"
37
+ },
38
+ "900": {
39
+ "$value": "#1b1b1b"
40
+ }
41
+ },
42
+ "black": {
43
+ "$value": "#000000"
44
+ },
45
+ "white": {
46
+ "$value": "#ffffff"
47
+ },
25
48
  "red": {
26
- "10": { "$value": "#fbf4f4" },
27
- "50": { "$value": "#f7eaea" },
28
- "100": { "$value": "#f0d5d5" },
29
- "200": { "$value": "#e4b3b3" },
30
- "300": { "$value": "#d89191" },
31
- "400": { "$value": "#cc6f6f" },
32
- "500": { "$value": "#c04d4d" },
33
- "600": { "$value": "#b52c2c" },
34
- "700": { "$value": "#932424" },
35
- "800": { "$value": "#721c1c" },
36
- "900": { "$value": "#511414" }
37
- },
38
-
49
+ "10": {
50
+ "$value": "#fbf4f4"
51
+ },
52
+ "50": {
53
+ "$value": "#f7eaea"
54
+ },
55
+ "100": {
56
+ "$value": "#f0d5d5"
57
+ },
58
+ "200": {
59
+ "$value": "#e4b3b3"
60
+ },
61
+ "300": {
62
+ "$value": "#d89191"
63
+ },
64
+ "400": {
65
+ "$value": "#cc6f6f"
66
+ },
67
+ "500": {
68
+ "$value": "#c04d4d"
69
+ },
70
+ "600": {
71
+ "$value": "#b52c2c"
72
+ },
73
+ "700": {
74
+ "$value": "#932424"
75
+ },
76
+ "800": {
77
+ "$value": "#721c1c"
78
+ },
79
+ "900": {
80
+ "$value": "#511414"
81
+ }
82
+ },
39
83
  "blue": {
40
- "10": { "$value": "#f2f7fc" },
41
- "50": { "$value": "#e5effa" },
42
- "100": { "$value": "#cce0f6" },
43
- "200": { "$value": "#a3c2ee" },
44
- "300": { "$value": "#7aa5e7" },
45
- "400": { "$value": "#5187df" },
46
- "500": { "$value": "#286ad8" },
47
- "600": { "$value": "#004dd1" },
48
- "700": { "$value": "#003ba1" },
49
- "800": { "$value": "#002971" },
50
- "900": { "$value": "#001842" }
51
- },
52
-
84
+ "10": {
85
+ "$value": "#f2f7fc"
86
+ },
87
+ "50": {
88
+ "$value": "#e5effa"
89
+ },
90
+ "100": {
91
+ "$value": "#cce0f6"
92
+ },
93
+ "200": {
94
+ "$value": "#a3c2ee"
95
+ },
96
+ "300": {
97
+ "$value": "#7aa5e7"
98
+ },
99
+ "400": {
100
+ "$value": "#5187df"
101
+ },
102
+ "500": {
103
+ "$value": "#286ad8"
104
+ },
105
+ "600": {
106
+ "$value": "#004dd1"
107
+ },
108
+ "700": {
109
+ "$value": "#003ba1"
110
+ },
111
+ "800": {
112
+ "$value": "#002971"
113
+ },
114
+ "900": {
115
+ "$value": "#001842"
116
+ }
117
+ },
53
118
  "green": {
54
- "10": { "$value": "#f3f8f4" },
55
- "50": { "$value": "#e8f1ea" },
56
- "100": { "$value": "#d2e3d5" },
57
- "200": { "$value": "#aecdb3" },
58
- "300": { "$value": "#8ab792" },
59
- "400": { "$value": "#66a170" },
60
- "500": { "$value": "#428b4f" },
61
- "600": { "$value": "#1e752e" },
62
- "700": { "$value": "#165923" },
63
- "800": { "$value": "#0f3d18" },
64
- "900": { "$value": "#08210d" }
65
- },
66
-
119
+ "10": {
120
+ "$value": "#f3f8f4"
121
+ },
122
+ "50": {
123
+ "$value": "#e8f1ea"
124
+ },
125
+ "100": {
126
+ "$value": "#d2e3d5"
127
+ },
128
+ "200": {
129
+ "$value": "#aecdb3"
130
+ },
131
+ "300": {
132
+ "$value": "#8ab792"
133
+ },
134
+ "400": {
135
+ "$value": "#66a170"
136
+ },
137
+ "500": {
138
+ "$value": "#428b4f"
139
+ },
140
+ "600": {
141
+ "$value": "#1e752e"
142
+ },
143
+ "700": {
144
+ "$value": "#165923"
145
+ },
146
+ "800": {
147
+ "$value": "#0f3d18"
148
+ },
149
+ "900": {
150
+ "$value": "#08210d"
151
+ }
152
+ },
67
153
  "yellow": {
68
- "10": { "$value": "#fefcf2" },
69
- "50": { "$value": "#fefae5" },
70
- "100": { "$value": "#fef5cc" },
71
- "200": { "$value": "#fce888" },
72
- "300": { "$value": "#fbdb44" },
73
- "400": { "$value": "#face00" },
74
- "500": { "$value": "#d6b000" },
75
- "600": { "$value": "#b29200" },
76
- "700": { "$value": "#8e7500" },
77
- "800": { "$value": "#6a5700" },
78
- "900": { "$value": "#463a00" }
79
- },
80
-
154
+ "10": {
155
+ "$value": "#fefcf2"
156
+ },
157
+ "50": {
158
+ "$value": "#fefae5"
159
+ },
160
+ "100": {
161
+ "$value": "#fef5cc"
162
+ },
163
+ "200": {
164
+ "$value": "#fce888"
165
+ },
166
+ "300": {
167
+ "$value": "#fbdb44"
168
+ },
169
+ "400": {
170
+ "$value": "#face00"
171
+ },
172
+ "500": {
173
+ "$value": "#d6b000"
174
+ },
175
+ "600": {
176
+ "$value": "#b29200"
177
+ },
178
+ "700": {
179
+ "$value": "#8e7500"
180
+ },
181
+ "800": {
182
+ "$value": "#6a5700"
183
+ },
184
+ "900": {
185
+ "$value": "#463a00"
186
+ }
187
+ },
81
188
  "state-blue": {
82
- "$description": "Default theme palette",
83
- "10": { "$value": "#f7fafd" },
84
- "50": { "$value": "#eff6fb" },
85
- "100": { "$value": "#cddde9" },
86
- "200": { "$value": "#abc4d8" },
87
- "300": { "$value": "#89abc7" },
88
- "400": { "$value": "#6792b6" },
89
- "500": { "$value": "#457aa5" },
90
- "600": { "$value": "#2d618c" },
91
- "700": { "$value": "#154973" },
92
- "800": { "$value": "#0e324f" },
93
- "900": { "$value": "#081b2b" }
94
- },
95
-
189
+ "10": {
190
+ "$value": "#f7fafd"
191
+ },
192
+ "50": {
193
+ "$value": "#eff6fb"
194
+ },
195
+ "100": {
196
+ "$value": "#cddde9"
197
+ },
198
+ "200": {
199
+ "$value": "#abc4d8"
200
+ },
201
+ "300": {
202
+ "$value": "#89abc7"
203
+ },
204
+ "400": {
205
+ "$value": "#6792b6"
206
+ },
207
+ "500": {
208
+ "$value": "#457aa5"
209
+ },
210
+ "600": {
211
+ "$value": "#2d618c"
212
+ },
213
+ "700": {
214
+ "$value": "#154973"
215
+ },
216
+ "800": {
217
+ "$value": "#0e324f"
218
+ },
219
+ "900": {
220
+ "$value": "#081b2b"
221
+ },
222
+ "$description": "Default theme palette"
223
+ },
96
224
  "business-teal": {
97
- "10": { "$value": "#f2f6f6" },
98
- "50": { "$value": "#e5eded" },
99
- "100": { "$value": "#c5d8d9" },
100
- "200": { "$value": "#a5c3c5" },
101
- "300": { "$value": "#85aeb1" },
102
- "400": { "$value": "#65999e" },
103
- "500": { "$value": "#387b82" },
104
- "600": { "$value": "#0b5d66" },
105
- "700": { "$value": "#084b52" },
106
- "800": { "$value": "#05393f" },
107
- "900": { "$value": "#02272c" }
108
- },
109
-
225
+ "10": {
226
+ "$value": "#f2f6f6"
227
+ },
228
+ "50": {
229
+ "$value": "#e5eded"
230
+ },
231
+ "100": {
232
+ "$value": "#c5d8d9"
233
+ },
234
+ "200": {
235
+ "$value": "#a5c3c5"
236
+ },
237
+ "300": {
238
+ "$value": "#85aeb1"
239
+ },
240
+ "400": {
241
+ "$value": "#65999e"
242
+ },
243
+ "500": {
244
+ "$value": "#387b82"
245
+ },
246
+ "600": {
247
+ "$value": "#0b5d66"
248
+ },
249
+ "700": {
250
+ "$value": "#084b52"
251
+ },
252
+ "800": {
253
+ "$value": "#05393f"
254
+ },
255
+ "900": {
256
+ "$value": "#02272c"
257
+ }
258
+ },
110
259
  "health-purple": {
111
- "10": { "$value": "#f4f4f8" },
112
- "50": { "$value": "#e9eaf1" },
113
- "100": { "$value": "#d3d5e3" },
114
- "200": { "$value": "#bbb8cc" },
115
- "300": { "$value": "#a39bb6" },
116
- "400": { "$value": "#8b7fa0" },
117
- "500": { "$value": "#736289" },
118
- "600": { "$value": "#5b4573" },
119
- "700": { "$value": "#43285d" },
120
- "800": { "$value": "#2c1a3e" },
121
- "900": { "$value": "#160d1f" }
122
- },
123
-
260
+ "10": {
261
+ "$value": "#f4f4f8"
262
+ },
263
+ "50": {
264
+ "$value": "#e9eaf1"
265
+ },
266
+ "100": {
267
+ "$value": "#d3d5e3"
268
+ },
269
+ "200": {
270
+ "$value": "#bbb8cc"
271
+ },
272
+ "300": {
273
+ "$value": "#a39bb6"
274
+ },
275
+ "400": {
276
+ "$value": "#8b7fa0"
277
+ },
278
+ "500": {
279
+ "$value": "#736289"
280
+ },
281
+ "600": {
282
+ "$value": "#5b4573"
283
+ },
284
+ "700": {
285
+ "$value": "#43285d"
286
+ },
287
+ "800": {
288
+ "$value": "#2c1a3e"
289
+ },
290
+ "900": {
291
+ "$value": "#160d1f"
292
+ }
293
+ },
124
294
  "local-brown": {
125
- "10": { "$value": "#f6f5f4" },
126
- "50": { "$value": "#eeebe9" },
127
- "100": { "$value": "#ddd7d3" },
128
- "200": { "$value": "#c3b9b3" },
129
- "300": { "$value": "#a99b94" },
130
- "400": { "$value": "#8f7d75" },
131
- "500": { "$value": "#745e55" },
132
- "600": { "$value": "#5a4036" },
133
- "700": { "$value": "#402217" },
134
- "800": { "$value": "#2a160f" },
135
- "900": { "$value": "#150b07" }
136
- },
137
-
295
+ "10": {
296
+ "$value": "#f6f5f4"
297
+ },
298
+ "50": {
299
+ "$value": "#eeebe9"
300
+ },
301
+ "100": {
302
+ "$value": "#ddd7d3"
303
+ },
304
+ "200": {
305
+ "$value": "#c3b9b3"
306
+ },
307
+ "300": {
308
+ "$value": "#a99b94"
309
+ },
310
+ "400": {
311
+ "$value": "#8f7d75"
312
+ },
313
+ "500": {
314
+ "$value": "#745e55"
315
+ },
316
+ "600": {
317
+ "$value": "#5a4036"
318
+ },
319
+ "700": {
320
+ "$value": "#402217"
321
+ },
322
+ "800": {
323
+ "$value": "#2a160f"
324
+ },
325
+ "900": {
326
+ "$value": "#150b07"
327
+ }
328
+ },
138
329
  "environment-green": {
139
- "10": { "$value": "#f5f7f6" },
140
- "50": { "$value": "#ecf0ee" },
141
- "100": { "$value": "#d9e1dd" },
142
- "200": { "$value": "#bac6bf" },
143
- "300": { "$value": "#9caba1" },
144
- "400": { "$value": "#7e9084" },
145
- "500": { "$value": "#5f7566" },
146
- "600": { "$value": "#415a48" },
147
- "700": { "$value": "#233f2b" },
148
- "800": { "$value": "#172a1c" },
149
- "900": { "$value": "#0b150e" }
150
- },
151
-
330
+ "10": {
331
+ "$value": "#f5f7f6"
332
+ },
333
+ "50": {
334
+ "$value": "#ecf0ee"
335
+ },
336
+ "100": {
337
+ "$value": "#d9e1dd"
338
+ },
339
+ "200": {
340
+ "$value": "#bac6bf"
341
+ },
342
+ "300": {
343
+ "$value": "#9caba1"
344
+ },
345
+ "400": {
346
+ "$value": "#7e9084"
347
+ },
348
+ "500": {
349
+ "$value": "#5f7566"
350
+ },
351
+ "600": {
352
+ "$value": "#415a48"
353
+ },
354
+ "700": {
355
+ "$value": "#233f2b"
356
+ },
357
+ "800": {
358
+ "$value": "#172a1c"
359
+ },
360
+ "900": {
361
+ "$value": "#0b150e"
362
+ }
363
+ },
152
364
  "admin-orange": {
153
- "10": { "$value": "#fcf4ef" },
154
- "50": { "$value": "#f9e9e0" },
155
- "100": { "$value": "#f3d3c1" },
156
- "200": { "$value": "#e7b59c" },
157
- "300": { "$value": "#db9778" },
158
- "400": { "$value": "#d07954" },
159
- "500": { "$value": "#c0623b" },
160
- "600": { "$value": "#b14b22" },
161
- "700": { "$value": "#a2350a" },
162
- "800": { "$value": "#752607" },
163
- "900": { "$value": "#481704" }
164
- },
165
-
365
+ "10": {
366
+ "$value": "#fcf4ef"
367
+ },
368
+ "50": {
369
+ "$value": "#f9e9e0"
370
+ },
371
+ "100": {
372
+ "$value": "#f3d3c1"
373
+ },
374
+ "200": {
375
+ "$value": "#e7b59c"
376
+ },
377
+ "300": {
378
+ "$value": "#db9778"
379
+ },
380
+ "400": {
381
+ "$value": "#d07954"
382
+ },
383
+ "500": {
384
+ "$value": "#c0623b"
385
+ },
386
+ "600": {
387
+ "$value": "#b14b22"
388
+ },
389
+ "700": {
390
+ "$value": "#a2350a"
391
+ },
392
+ "800": {
393
+ "$value": "#752607"
394
+ },
395
+ "900": {
396
+ "$value": "#481704"
397
+ }
398
+ },
166
399
  "transportation-blue": {
167
- "10": { "$value": "#f4f8fa" },
168
- "50": { "$value": "#eaf2f5" },
169
- "100": { "$value": "#d5e5eb" },
170
- "200": { "$value": "#b2ccd9" },
171
- "300": { "$value": "#90b3c7" },
172
- "400": { "$value": "#6e9ab5" },
173
- "500": { "$value": "#4d83a4" },
174
- "600": { "$value": "#2c6c93" },
175
- "700": { "$value": "#0b5583" },
176
- "800": { "$value": "#093a5c" },
177
- "900": { "$value": "#072036" }
178
- },
179
-
400
+ "10": {
401
+ "$value": "#f4f8fa"
402
+ },
403
+ "50": {
404
+ "$value": "#eaf2f5"
405
+ },
406
+ "100": {
407
+ "$value": "#d5e5eb"
408
+ },
409
+ "200": {
410
+ "$value": "#b2ccd9"
411
+ },
412
+ "300": {
413
+ "$value": "#90b3c7"
414
+ },
415
+ "400": {
416
+ "$value": "#6e9ab5"
417
+ },
418
+ "500": {
419
+ "$value": "#4d83a4"
420
+ },
421
+ "600": {
422
+ "$value": "#2c6c93"
423
+ },
424
+ "700": {
425
+ "$value": "#0b5583"
426
+ },
427
+ "800": {
428
+ "$value": "#093a5c"
429
+ },
430
+ "900": {
431
+ "$value": "#072036"
432
+ }
433
+ },
180
434
  "safety-gray": {
181
- "10": { "$value": "#f2f5f6" },
182
- "50": { "$value": "#e5ebed" },
183
- "100": { "$value": "#cdd6da" },
184
- "200": { "$value": "#b5c1c8" },
185
- "300": { "$value": "#9dacb5" },
186
- "400": { "$value": "#8697a3" },
187
- "500": { "$value": "#6f8391" },
188
- "600": { "$value": "#59707f" },
189
- "700": { "$value": "#435d6e" },
190
- "800": { "$value": "#30424f" },
191
- "900": { "$value": "#1d2830" }
192
- },
193
-
194
- "transparent": { "$value": "#ffffff00" },
195
-
435
+ "10": {
436
+ "$value": "#f2f5f6"
437
+ },
438
+ "50": {
439
+ "$value": "#e5ebed"
440
+ },
441
+ "100": {
442
+ "$value": "#cdd6da"
443
+ },
444
+ "200": {
445
+ "$value": "#b5c1c8"
446
+ },
447
+ "300": {
448
+ "$value": "#9dacb5"
449
+ },
450
+ "400": {
451
+ "$value": "#8697a3"
452
+ },
453
+ "500": {
454
+ "$value": "#6f8391"
455
+ },
456
+ "600": {
457
+ "$value": "#59707f"
458
+ },
459
+ "700": {
460
+ "$value": "#435d6e"
461
+ },
462
+ "800": {
463
+ "$value": "#30424f"
464
+ },
465
+ "900": {
466
+ "$value": "#1d2830"
467
+ }
468
+ },
469
+ "transparent": {
470
+ "$value": "#ffffff00"
471
+ },
196
472
  "black-transparent": {
197
- "50": { "$value": "#00000003" },
198
- "100": { "$value": "#0000001a" },
199
- "200": { "$value": "#00000033" },
200
- "300": { "$value": "#0000004d" },
201
- "400": { "$value": "#00000066" },
202
- "500": { "$value": "#00000080" },
203
- "600": { "$value": "#00000099" },
204
- "700": { "$value": "#000000b3" },
205
- "800": { "$value": "#000000cc" },
206
- "900": { "$value": "#000000e6" }
207
- },
208
-
473
+ "50": {
474
+ "$value": "#00000003"
475
+ },
476
+ "100": {
477
+ "$value": "#0000001a"
478
+ },
479
+ "200": {
480
+ "$value": "#00000033"
481
+ },
482
+ "300": {
483
+ "$value": "#0000004d"
484
+ },
485
+ "400": {
486
+ "$value": "#00000066"
487
+ },
488
+ "500": {
489
+ "$value": "#00000080"
490
+ },
491
+ "600": {
492
+ "$value": "#00000099"
493
+ },
494
+ "700": {
495
+ "$value": "#000000b3"
496
+ },
497
+ "800": {
498
+ "$value": "#000000cc"
499
+ },
500
+ "900": {
501
+ "$value": "#000000e6"
502
+ }
503
+ },
209
504
  "white-transparent": {
210
- "50": { "$value": "#ffffff03" },
211
- "100": { "$value": "#ffffff1a" },
212
- "200": { "$value": "#ffffff33" },
213
- "300": { "$value": "#ffffff4d" },
214
- "400": { "$value": "#ffffff66" },
215
- "500": { "$value": "#ffffff80" },
216
- "600": { "$value": "#ffffff99" },
217
- "700": { "$value": "#ffffffb3" },
218
- "800": { "$value": "#ffffffcc" },
219
- "900": { "$value": "#ffffffe6" }
505
+ "50": {
506
+ "$value": "#ffffff03"
507
+ },
508
+ "100": {
509
+ "$value": "#ffffff1a"
510
+ },
511
+ "200": {
512
+ "$value": "#ffffff33"
513
+ },
514
+ "300": {
515
+ "$value": "#ffffff4d"
516
+ },
517
+ "400": {
518
+ "$value": "#ffffff66"
519
+ },
520
+ "500": {
521
+ "$value": "#ffffff80"
522
+ },
523
+ "600": {
524
+ "$value": "#ffffff99"
525
+ },
526
+ "700": {
527
+ "$value": "#ffffffb3"
528
+ },
529
+ "800": {
530
+ "$value": "#ffffffcc"
531
+ },
532
+ "900": {
533
+ "$value": "#ffffffe6"
534
+ }
220
535
  }
221
536
  }
222
537
  },
223
-
224
538
  "color": {
225
539
  "$type": "color",
226
540
  "$description": "NYSDS color tokens",
227
-
228
541
  "theme": {
229
542
  "$description": "Theme colors with agency mode variations",
230
543
  "faint": {
@@ -239,7 +552,8 @@
239
552
  "safety": "{primitive.color.safety-gray.10}",
240
553
  "transportation": "{primitive.color.transportation-blue.10}"
241
554
  }
242
- }
555
+ },
556
+ "$description": "Faintest theme tint. USE for subtle backgrounds and hover states."
243
557
  },
244
558
  "weaker": {
245
559
  "$value": "{primitive.color.state-blue.50}",
@@ -253,7 +567,8 @@
253
567
  "safety": "{primitive.color.safety-gray.50}",
254
568
  "transportation": "{primitive.color.transportation-blue.50}"
255
569
  }
256
- }
570
+ },
571
+ "$description": "Very light theme tint. USE for secondary backgrounds and disabled states."
257
572
  },
258
573
  "weak": {
259
574
  "$value": "{primitive.color.state-blue.100}",
@@ -267,7 +582,8 @@
267
582
  "safety": "{primitive.color.safety-gray.100}",
268
583
  "transportation": "{primitive.color.transportation-blue.100}"
269
584
  }
270
- }
585
+ },
586
+ "$description": "Light theme tint. USE for borders and light accent backgrounds."
271
587
  },
272
588
  "mid": {
273
589
  "$value": "{primitive.color.state-blue.500}",
@@ -281,7 +597,8 @@
281
597
  "safety": "{primitive.color.safety-gray.500}",
282
598
  "transportation": "{primitive.color.transportation-blue.500}"
283
599
  }
284
- }
600
+ },
601
+ "$description": "Mid-range theme color. USE for secondary buttons and active states."
285
602
  },
286
603
  "default": {
287
604
  "$value": "{primitive.color.state-blue.700}",
@@ -295,7 +612,8 @@
295
612
  "safety": "{primitive.color.safety-gray.700}",
296
613
  "transportation": "{primitive.color.transportation-blue.700}"
297
614
  }
298
- }
615
+ },
616
+ "$description": "Primary theme color. USE for primary buttons, links, and key UI accents."
299
617
  },
300
618
  "strong": {
301
619
  "$value": "{primitive.color.state-blue.800}",
@@ -309,7 +627,8 @@
309
627
  "safety": "{primitive.color.safety-gray.800}",
310
628
  "transportation": "{primitive.color.transportation-blue.800}"
311
629
  }
312
- }
630
+ },
631
+ "$description": "Dark theme variant. USE for hover states on primary elements."
313
632
  },
314
633
  "stronger": {
315
634
  "$value": "{primitive.color.state-blue.900}",
@@ -323,21 +642,19 @@
323
642
  "safety": "{primitive.color.safety-gray.900}",
324
643
  "transportation": "{primitive.color.transportation-blue.900}"
325
644
  }
326
- }
645
+ },
646
+ "$description": "Darkest theme variant. USE for active/pressed states on primary elements."
327
647
  }
328
648
  }
329
649
  },
330
-
331
650
  "applied": {
332
651
  "$description": "Semantic tokens for use in code - reference these, not primitives",
333
652
  "color": {
334
653
  "$type": "color",
335
-
336
654
  "accent": {
337
655
  "$value": "{primitive.color.yellow.400}",
338
656
  "$description": "Accent color for highlights and emphasis. USE sparingly for visual interest."
339
657
  },
340
-
341
658
  "base": {
342
659
  "default": {
343
660
  "$value": "{primitive.color.neutral.600}",
@@ -348,7 +665,6 @@
348
665
  "$description": "Subtle base color. USE for hover states and subtle backgrounds."
349
666
  }
350
667
  },
351
-
352
668
  "success": {
353
669
  "default": {
354
670
  "$value": "{primitive.color.green.600}",
@@ -363,7 +679,6 @@
363
679
  "$description": "Success background tint. USE for success alert backgrounds."
364
680
  }
365
681
  },
366
-
367
682
  "info": {
368
683
  "default": {
369
684
  "$value": "{primitive.color.blue.600}",
@@ -378,7 +693,6 @@
378
693
  "$description": "Info background tint. USE for info alert backgrounds."
379
694
  }
380
695
  },
381
-
382
696
  "warning": {
383
697
  "default": {
384
698
  "$value": "{primitive.color.yellow.400}",
@@ -393,7 +707,6 @@
393
707
  "$description": "Warning background tint. USE for warning alert backgrounds."
394
708
  }
395
709
  },
396
-
397
710
  "danger": {
398
711
  "default": {
399
712
  "$value": "{primitive.color.red.600}",
@@ -408,7 +721,6 @@
408
721
  "$description": "Danger background tint. USE for error alert backgrounds."
409
722
  }
410
723
  },
411
-
412
724
  "emergency": {
413
725
  "default": {
414
726
  "$value": "{primitive.color.red.800}",
@@ -419,7 +731,6 @@
419
731
  "$description": "Emergency accent. USE for emergency banner highlights."
420
732
  }
421
733
  },
422
-
423
734
  "ink": {
424
735
  "default": {
425
736
  "$value": "{primitive.color.neutral.900}",
@@ -430,7 +741,6 @@
430
741
  "$description": "Reverse ink for dark backgrounds. USE for icons on dark surfaces."
431
742
  }
432
743
  },
433
-
434
744
  "text": {
435
745
  "default": {
436
746
  "$value": "{primitive.color.neutral.900}",
@@ -469,7 +779,6 @@
469
779
  "$description": "Disabled text on dark backgrounds. USE only for disabled elements on dark surfaces."
470
780
  }
471
781
  },
472
-
473
782
  "link": {
474
783
  "default": {
475
784
  "$value": "{primitive.color.blue.600}",
@@ -504,7 +813,6 @@
504
813
  "$description": "Neutral link on dark background. USE for neutral links on dark surfaces."
505
814
  }
506
815
  },
507
-
508
816
  "surface": {
509
817
  "default": {
510
818
  "$value": "{primitive.color.white}",
@@ -519,7 +827,6 @@
519
827
  "$description": "Elevated surface background. USE for cards and raised elements."
520
828
  }
521
829
  },
522
-
523
830
  "focus": {
524
831
  "$value": "{primitive.color.blue.600}",
525
832
  "$description": "Focus ring color. MUST be visible on all backgrounds. USE for :focus-visible outlines."
@@ -530,86 +837,176 @@
530
837
  }
531
838
  }
532
839
  },
533
-
534
840
  "space": {
841
+ "50": {
842
+ "$value": "0.25rem"
843
+ },
844
+ "100": {
845
+ "$value": "0.5rem"
846
+ },
847
+ "150": {
848
+ "$value": "0.75rem"
849
+ },
850
+ "200": {
851
+ "$value": "1rem"
852
+ },
853
+ "250": {
854
+ "$value": "1.25rem"
855
+ },
856
+ "300": {
857
+ "$value": "1.5rem"
858
+ },
859
+ "400": {
860
+ "$value": "2rem"
861
+ },
862
+ "500": {
863
+ "$value": "2.5rem"
864
+ },
865
+ "600": {
866
+ "$value": "3rem"
867
+ },
868
+ "700": {
869
+ "$value": "3.5rem"
870
+ },
871
+ "800": {
872
+ "$value": "4rem"
873
+ },
874
+ "1200": {
875
+ "$value": "6rem"
876
+ },
535
877
  "$type": "dimension",
536
878
  "$description": "Spacing tokens for margins, padding, and gaps",
537
- "1px": { "$value": "1px" },
538
- "2px": { "$value": "2px" },
539
- "50": { "$value": "0.25rem" },
540
- "100": { "$value": "0.5rem" },
541
- "150": { "$value": "0.75rem" },
542
- "200": { "$value": "1rem" },
543
- "250": { "$value": "1.25rem" },
544
- "300": { "$value": "1.5rem" },
545
- "400": { "$value": "2rem" },
546
- "500": { "$value": "2.5rem" },
547
- "600": { "$value": "3rem" },
548
- "700": { "$value": "3.5rem" },
549
- "800": { "$value": "4rem" },
550
- "1200": { "$value": "6rem" }
879
+ "1px": {
880
+ "$value": "1px"
881
+ },
882
+ "2px": {
883
+ "$value": "2px"
884
+ }
551
885
  },
552
-
553
886
  "size": {
887
+ "50": {
888
+ "$value": "0.25rem"
889
+ },
890
+ "100": {
891
+ "$value": "0.5rem"
892
+ },
893
+ "150": {
894
+ "$value": "0.75rem"
895
+ },
896
+ "200": {
897
+ "$value": "1rem"
898
+ },
899
+ "250": {
900
+ "$value": "1.25rem"
901
+ },
902
+ "300": {
903
+ "$value": "1.5rem"
904
+ },
905
+ "400": {
906
+ "$value": "2rem"
907
+ },
908
+ "450": {
909
+ "$value": "2.25rem"
910
+ },
911
+ "500": {
912
+ "$value": "2.5rem"
913
+ },
914
+ "550": {
915
+ "$value": "2.75rem"
916
+ },
917
+ "600": {
918
+ "$value": "3rem"
919
+ },
920
+ "700": {
921
+ "$value": "3.5rem"
922
+ },
923
+ "800": {
924
+ "$value": "4rem"
925
+ },
926
+ "1200": {
927
+ "$value": "6rem"
928
+ },
554
929
  "$type": "dimension",
555
930
  "$description": "Size tokens for widths, heights, and dimensions",
556
- "1px": { "$value": "1px" },
557
- "2px": { "$value": "2px" },
558
- "50": { "$value": "0.25rem" },
559
- "100": { "$value": "0.5rem" },
560
- "150": { "$value": "0.75rem" },
561
- "200": { "$value": "1rem" },
562
- "250": { "$value": "1.25rem" },
563
- "300": { "$value": "1.5rem" },
564
- "400": { "$value": "2rem" },
565
- "450": { "$value": "2.25rem" },
566
- "500": { "$value": "2.5rem" },
567
- "550": { "$value": "2.75rem" },
568
- "600": { "$value": "3rem" },
569
- "700": { "$value": "3.5rem" },
570
- "800": { "$value": "4rem" },
571
- "1200": { "$value": "6rem" }
931
+ "1px": {
932
+ "$value": "1px"
933
+ },
934
+ "2px": {
935
+ "$value": "2px"
936
+ }
572
937
  },
573
-
574
938
  "border": {
575
939
  "width": {
576
940
  "$type": "dimension",
577
- "sm": { "$value": "1px" },
578
- "md": { "$value": "2px" },
579
- "lg": { "$value": "4px" }
941
+ "sm": {
942
+ "$value": "1px"
943
+ },
944
+ "md": {
945
+ "$value": "2px"
946
+ },
947
+ "lg": {
948
+ "$value": "4px"
949
+ }
580
950
  }
581
951
  },
582
-
583
952
  "radius": {
584
953
  "$type": "dimension",
585
954
  "$description": "Border radius tokens",
586
- "xs": { "$value": "1px" },
587
- "sm": { "$value": "2px" },
588
- "md": { "$value": "0.25rem" },
589
- "lg": { "$value": "0.5rem" },
590
- "xl": { "$value": "0.75rem" },
591
- "xxl": { "$value": "1rem" },
592
- "round": { "$value": "1776px", "$description": "Ever upward!" }
955
+ "xs": {
956
+ "$value": "1px"
957
+ },
958
+ "sm": {
959
+ "$value": "2px"
960
+ },
961
+ "md": {
962
+ "$value": "0.25rem"
963
+ },
964
+ "lg": {
965
+ "$value": "0.5rem"
966
+ },
967
+ "xl": {
968
+ "$value": "0.75rem"
969
+ },
970
+ "xxl": {
971
+ "$value": "1rem"
972
+ },
973
+ "round": {
974
+ "$value": "1776px",
975
+ "$description": "Ever upward!"
976
+ }
593
977
  },
594
-
595
978
  "form": {
596
979
  "width": {
597
980
  "$type": "dimension",
598
- "sm": { "$value": "5.5rem" },
599
- "md": { "$value": "12.5rem" },
600
- "lg": { "$value": "24rem" }
981
+ "sm": {
982
+ "$value": "5.5rem"
983
+ },
984
+ "md": {
985
+ "$value": "12.5rem"
986
+ },
987
+ "lg": {
988
+ "$value": "24rem"
989
+ }
601
990
  }
602
991
  },
603
-
604
992
  "gutter": {
605
993
  "$type": "dimension",
606
- "xs": { "$value": "1.25rem" },
607
- "sm": { "$value": "1.25rem" },
608
- "md": { "$value": "2rem" },
609
- "lg": { "$value": "2rem" },
610
- "xl": { "$value": "4rem" }
994
+ "xs": {
995
+ "$value": "1.25rem"
996
+ },
997
+ "sm": {
998
+ "$value": "1.25rem"
999
+ },
1000
+ "md": {
1001
+ "$value": "2rem"
1002
+ },
1003
+ "lg": {
1004
+ "$value": "2rem"
1005
+ },
1006
+ "xl": {
1007
+ "$value": "4rem"
1008
+ }
611
1009
  },
612
-
613
1010
  "shadow": {
614
1011
  "$type": "shadow",
615
1012
  "$description": "Elevation/shadow tokens",
@@ -641,7 +1038,6 @@
641
1038
  }
642
1039
  }
643
1040
  },
644
-
645
1041
  "font": {
646
1042
  "family": {
647
1043
  "$type": "fontFamily",
@@ -670,7 +1066,13 @@
670
1066
  "serif"
671
1067
  ]
672
1068
  },
673
- "alt": { "$value": ["Oswald", "Arial", "sans-serif"] },
1069
+ "alt": {
1070
+ "$value": [
1071
+ "Oswald",
1072
+ "Arial",
1073
+ "sans-serif"
1074
+ ]
1075
+ },
674
1076
  "monospace": {
675
1077
  "$value": [
676
1078
  "Roboto Mono Web",
@@ -680,142 +1082,433 @@
680
1082
  "monospace"
681
1083
  ]
682
1084
  },
683
- "agency": { "$value": ["D Sari", "Arial", "sans-serif"] },
684
- "body": { "$value": "{font.family.sans}" },
685
- "display": { "$value": "{font.family.sans}" },
686
- "ui": { "$value": "{font.family.sans}" },
687
- "heading": { "$value": "{font.family.sans}" }
1085
+ "agency": {
1086
+ "$value": [
1087
+ "D Sari",
1088
+ "Arial",
1089
+ "sans-serif"
1090
+ ],
1091
+ "$description": "Agency branding font family. USE for agency-specific branded text elements."
1092
+ },
1093
+ "body": {
1094
+ "$value": "{font.family.sans}",
1095
+ "$description": "Body text font family. USE for paragraphs and running text. PREFER over --nys-font-family-sans."
1096
+ },
1097
+ "display": {
1098
+ "$value": "{font.family.sans}",
1099
+ "$description": "Display font family. USE for hero text and large decorative headings. PREFER over --nys-font-family-sans."
1100
+ },
1101
+ "ui": {
1102
+ "$value": "{font.family.sans}",
1103
+ "$description": "UI font family. USE for buttons, labels, and form elements. PREFER over --nys-font-family-sans."
1104
+ },
1105
+ "heading": {
1106
+ "$value": "{font.family.sans}",
1107
+ "$description": "Heading font family. USE for h1–h6 headings. PREFER over --nys-font-family-sans."
1108
+ }
688
1109
  },
689
-
690
1110
  "size": {
691
1111
  "$type": "dimension",
692
- "2xs": { "$value": "0.625rem" },
693
- "xs": { "$value": "0.75rem" },
694
- "sm": { "$value": "0.875rem" },
695
- "md": { "$value": "1rem" },
696
- "lg": { "$value": "1.125rem" },
697
- "xl": { "$value": "1.25rem" },
698
- "2xl": { "$value": "1.375rem" },
699
- "3xl": { "$value": "1.5rem" },
700
- "4xl": { "$value": "1.75rem" },
701
- "5xl": { "$value": "2rem" },
702
- "6xl": { "$value": "2.25rem" },
703
- "7xl": { "$value": "2.5rem" },
704
- "8xl": { "$value": "2.75rem" },
705
- "9xl": { "$value": "3.125rem" },
706
- "body-xs": { "$value": "{font.size.xs}" },
707
- "body-sm": { "$value": "{font.size.sm}" },
708
- "body-md": { "$value": "{font.size.md}" },
709
- "body-lg": { "$value": "{font.size.lg}" },
710
- "h1": { "$value": "{font.size.7xl}" },
711
- "h2": { "$value": "{font.size.5xl}" },
712
- "h3": { "$value": "{font.size.4xl}" },
713
- "h4": { "$value": "{font.size.2xl}" },
714
- "h5": { "$value": "{font.size.2xl}" },
715
- "h6": { "$value": "{font.size.lg}" },
716
- "ui-xs": { "$value": "{font.size.xs}" },
717
- "ui-sm": { "$value": "{font.size.sm}" },
718
- "ui-md": { "$value": "{font.size.md}" },
719
- "ui-lg": { "$value": "{font.size.lg}" },
720
- "ui-xl": { "$value": "{font.size.xl}" },
721
- "display-sm": { "$value": "{font.size.6xl}" },
722
- "display-md": { "$value": "{font.size.7xl}" },
723
- "display-lg": { "$value": "{font.size.8xl}" },
724
- "display-xl": { "$value": "{font.size.9xl}" },
725
- "agency-md": { "$value": "{font.size.md}" },
726
- "agency-lg": { "$value": "{font.size.lg}" },
727
- "agency-xl": { "$value": "{font.size.2xl}" }
728
- },
729
-
1112
+ "2xs": {
1113
+ "$value": "0.625rem"
1114
+ },
1115
+ "xs": {
1116
+ "$value": "0.75rem"
1117
+ },
1118
+ "sm": {
1119
+ "$value": "0.875rem"
1120
+ },
1121
+ "md": {
1122
+ "$value": "1rem"
1123
+ },
1124
+ "lg": {
1125
+ "$value": "1.125rem"
1126
+ },
1127
+ "xl": {
1128
+ "$value": "1.25rem"
1129
+ },
1130
+ "2xl": {
1131
+ "$value": "1.375rem"
1132
+ },
1133
+ "3xl": {
1134
+ "$value": "1.5rem"
1135
+ },
1136
+ "4xl": {
1137
+ "$value": "1.75rem"
1138
+ },
1139
+ "5xl": {
1140
+ "$value": "2rem"
1141
+ },
1142
+ "6xl": {
1143
+ "$value": "2.25rem"
1144
+ },
1145
+ "7xl": {
1146
+ "$value": "2.5rem"
1147
+ },
1148
+ "8xl": {
1149
+ "$value": "2.75rem"
1150
+ },
1151
+ "9xl": {
1152
+ "$value": "3.125rem"
1153
+ },
1154
+ "body-xs": {
1155
+ "$value": "{font.size.xs}",
1156
+ "$description": "Body text size (extra-small). USE for captions and fine print."
1157
+ },
1158
+ "body-sm": {
1159
+ "$value": "{font.size.sm}",
1160
+ "$description": "Body text size (small). USE for secondary text and metadata."
1161
+ },
1162
+ "body-md": {
1163
+ "$value": "{font.size.md}",
1164
+ "$description": "Body text size (medium). USE for default paragraph and running text."
1165
+ },
1166
+ "body-lg": {
1167
+ "$value": "{font.size.lg}",
1168
+ "$description": "Body text size (large). USE for lead paragraphs and emphasized body text."
1169
+ },
1170
+ "h1": {
1171
+ "$value": "{font.size.7xl}",
1172
+ "$description": "Heading 1 size. USE for primary page headings."
1173
+ },
1174
+ "h2": {
1175
+ "$value": "{font.size.5xl}",
1176
+ "$description": "Heading 2 size. USE for section headings."
1177
+ },
1178
+ "h3": {
1179
+ "$value": "{font.size.4xl}",
1180
+ "$description": "Heading 3 size. USE for subsection headings."
1181
+ },
1182
+ "h4": {
1183
+ "$value": "{font.size.2xl}",
1184
+ "$description": "Heading 4 size. USE for minor headings."
1185
+ },
1186
+ "h5": {
1187
+ "$value": "{font.size.2xl}",
1188
+ "$description": "Heading 5 size. USE for minor headings."
1189
+ },
1190
+ "h6": {
1191
+ "$value": "{font.size.lg}",
1192
+ "$description": "Heading 6 size. USE for minor headings."
1193
+ },
1194
+ "ui-xs": {
1195
+ "$value": "{font.size.xs}",
1196
+ "$description": "UI element size (extra-small). USE for small labels and badges."
1197
+ },
1198
+ "ui-sm": {
1199
+ "$value": "{font.size.sm}",
1200
+ "$description": "UI element size (small). USE for compact buttons and form controls."
1201
+ },
1202
+ "ui-md": {
1203
+ "$value": "{font.size.md}",
1204
+ "$description": "UI element size (medium). USE for default buttons, labels, and form controls."
1205
+ },
1206
+ "ui-lg": {
1207
+ "$value": "{font.size.lg}",
1208
+ "$description": "UI element size (large). USE for prominent buttons and form controls."
1209
+ },
1210
+ "ui-xl": {
1211
+ "$value": "{font.size.xl}",
1212
+ "$description": "UI element size (extra-large). USE for large interactive elements."
1213
+ },
1214
+ "display-sm": {
1215
+ "$value": "{font.size.6xl}",
1216
+ "$description": "Display text size (small). USE for hero banners and decorative headings."
1217
+ },
1218
+ "display-md": {
1219
+ "$value": "{font.size.7xl}",
1220
+ "$description": "Display text size (medium). USE for hero banners and decorative headings."
1221
+ },
1222
+ "display-lg": {
1223
+ "$value": "{font.size.8xl}",
1224
+ "$description": "Display text size (large). USE for hero banners and decorative headings."
1225
+ },
1226
+ "display-xl": {
1227
+ "$value": "{font.size.9xl}",
1228
+ "$description": "Display text size (extra-large). USE for hero banners and decorative headings."
1229
+ },
1230
+ "agency-md": {
1231
+ "$value": "{font.size.md}",
1232
+ "$description": "Agency branding text size (medium). USE for agency-specific branded elements."
1233
+ },
1234
+ "agency-lg": {
1235
+ "$value": "{font.size.lg}",
1236
+ "$description": "Agency branding text size (large). USE for agency-specific branded elements."
1237
+ },
1238
+ "agency-xl": {
1239
+ "$value": "{font.size.2xl}",
1240
+ "$description": "Agency branding text size (extra-large). USE for agency-specific branded elements."
1241
+ }
1242
+ },
730
1243
  "weight": {
731
1244
  "$type": "fontWeight",
732
- "thin": { "$value": 100 },
733
- "extralight": { "$value": 200 },
734
- "light": { "$value": 300 },
735
- "regular": { "$value": 400 },
736
- "medium": { "$value": 500 },
737
- "semibold": { "$value": 600 },
738
- "bold": { "$value": 700 },
739
- "extrabold": { "$value": 800 },
740
- "black": { "$value": 900 }
741
- },
742
-
1245
+ "thin": {
1246
+ "$value": 100
1247
+ },
1248
+ "extralight": {
1249
+ "$value": 200
1250
+ },
1251
+ "light": {
1252
+ "$value": 300
1253
+ },
1254
+ "regular": {
1255
+ "$value": 400
1256
+ },
1257
+ "medium": {
1258
+ "$value": 500
1259
+ },
1260
+ "semibold": {
1261
+ "$value": 600
1262
+ },
1263
+ "bold": {
1264
+ "$value": 700
1265
+ },
1266
+ "extrabold": {
1267
+ "$value": 800
1268
+ },
1269
+ "black": {
1270
+ "$value": 900
1271
+ }
1272
+ },
743
1273
  "lineheight": {
744
1274
  "$type": "dimension",
745
- "2xs": { "$value": "1.125rem" },
746
- "xs": { "$value": "1.3125rem" },
747
- "sm": { "$value": "1.375rem" },
748
- "md": { "$value": "1.5625rem" },
749
- "lg": { "$value": "1.75rem" },
750
- "xl": { "$value": "1.9375rem" },
751
- "2xl": { "$value": "2.4375rem" },
752
- "3xl": { "$value": "2.8125rem" },
753
- "4xl": { "$value": "3.5625rem" },
754
- "body-xs": { "$value": "1.25rem" },
755
- "body-sm": { "$value": "1.5rem" },
756
- "body-md": { "$value": "1.5rem" },
757
- "body-lg": { "$value": "1.75rem" },
758
- "ui-xs": { "$value": "1.25rem" },
759
- "ui-sm": { "$value": "1.5rem" },
760
- "ui-md": { "$value": "1.5rem" },
761
- "ui-lg": { "$value": "1.75rem" },
762
- "ui-xl": { "$value": "1.75rem" },
763
- "display-sm": { "$value": "2.75rem" },
764
- "display-md": { "$value": "3rem" },
765
- "display-lg": { "$value": "3.25rem" },
766
- "display-xl": { "$value": "3.75rem" },
767
- "h1": { "$value": "2.5rem" },
768
- "h2": { "$value": "2.25rem" },
769
- "h3": { "$value": "2rem" },
770
- "h4": { "$value": "2rem" },
771
- "h5": { "$value": "1.75rem" },
772
- "h6": { "$value": "1.75rem" }
773
- },
774
-
1275
+ "2xs": {
1276
+ "$value": "1.125rem"
1277
+ },
1278
+ "xs": {
1279
+ "$value": "1.3125rem"
1280
+ },
1281
+ "sm": {
1282
+ "$value": "1.375rem"
1283
+ },
1284
+ "md": {
1285
+ "$value": "1.5625rem"
1286
+ },
1287
+ "lg": {
1288
+ "$value": "1.75rem"
1289
+ },
1290
+ "xl": {
1291
+ "$value": "1.9375rem"
1292
+ },
1293
+ "2xl": {
1294
+ "$value": "2.4375rem"
1295
+ },
1296
+ "3xl": {
1297
+ "$value": "2.8125rem"
1298
+ },
1299
+ "4xl": {
1300
+ "$value": "3.5625rem"
1301
+ },
1302
+ "body-xs": {
1303
+ "$value": "1.25rem",
1304
+ "$description": "Line height for body-xs text. PAIR WITH --nys-font-size-body-xs."
1305
+ },
1306
+ "body-sm": {
1307
+ "$value": "1.5rem",
1308
+ "$description": "Line height for body-sm text. PAIR WITH --nys-font-size-body-sm."
1309
+ },
1310
+ "body-md": {
1311
+ "$value": "1.5rem",
1312
+ "$description": "Line height for body-md text. PAIR WITH --nys-font-size-body-md."
1313
+ },
1314
+ "body-lg": {
1315
+ "$value": "1.75rem",
1316
+ "$description": "Line height for body-lg text. PAIR WITH --nys-font-size-body-lg."
1317
+ },
1318
+ "ui-xs": {
1319
+ "$value": "1.25rem",
1320
+ "$description": "Line height for ui-xs text. PAIR WITH --nys-font-size-ui-xs."
1321
+ },
1322
+ "ui-sm": {
1323
+ "$value": "1.5rem",
1324
+ "$description": "Line height for ui-sm text. PAIR WITH --nys-font-size-ui-sm."
1325
+ },
1326
+ "ui-md": {
1327
+ "$value": "1.5rem",
1328
+ "$description": "Line height for ui-md text. PAIR WITH --nys-font-size-ui-md."
1329
+ },
1330
+ "ui-lg": {
1331
+ "$value": "1.75rem",
1332
+ "$description": "Line height for ui-lg text. PAIR WITH --nys-font-size-ui-lg."
1333
+ },
1334
+ "ui-xl": {
1335
+ "$value": "1.75rem",
1336
+ "$description": "Line height for ui-xl text. PAIR WITH --nys-font-size-ui-xl."
1337
+ },
1338
+ "display-sm": {
1339
+ "$value": "2.75rem",
1340
+ "$description": "Line height for display-sm text. PAIR WITH --nys-font-size-display-sm."
1341
+ },
1342
+ "display-md": {
1343
+ "$value": "3rem",
1344
+ "$description": "Line height for display-md text. PAIR WITH --nys-font-size-display-md."
1345
+ },
1346
+ "display-lg": {
1347
+ "$value": "3.25rem",
1348
+ "$description": "Line height for display-lg text. PAIR WITH --nys-font-size-display-lg."
1349
+ },
1350
+ "display-xl": {
1351
+ "$value": "3.75rem",
1352
+ "$description": "Line height for display-xl text. PAIR WITH --nys-font-size-display-xl."
1353
+ },
1354
+ "h1": {
1355
+ "$value": "2.5rem",
1356
+ "$description": "Line height for h1 text. PAIR WITH --nys-font-size-h1."
1357
+ },
1358
+ "h2": {
1359
+ "$value": "2.25rem",
1360
+ "$description": "Line height for h2 text. PAIR WITH --nys-font-size-h2."
1361
+ },
1362
+ "h3": {
1363
+ "$value": "2rem",
1364
+ "$description": "Line height for h3 text. PAIR WITH --nys-font-size-h3."
1365
+ },
1366
+ "h4": {
1367
+ "$value": "2rem",
1368
+ "$description": "Line height for h4 text. PAIR WITH --nys-font-size-h4."
1369
+ },
1370
+ "h5": {
1371
+ "$value": "1.75rem",
1372
+ "$description": "Line height for h5 text. PAIR WITH --nys-font-size-h5."
1373
+ },
1374
+ "h6": {
1375
+ "$value": "1.75rem",
1376
+ "$description": "Line height for h6 text. PAIR WITH --nys-font-size-h6."
1377
+ }
1378
+ },
775
1379
  "letterspacing": {
1380
+ "0": {
1381
+ "$value": "0rem"
1382
+ },
1383
+ "100": {
1384
+ "$value": "0.001rem"
1385
+ },
1386
+ "200": {
1387
+ "$value": "0.001rem"
1388
+ },
1389
+ "300": {
1390
+ "$value": "0.002rem"
1391
+ },
1392
+ "400": {
1393
+ "$value": "0.003rem"
1394
+ },
1395
+ "500": {
1396
+ "$value": "0.003rem"
1397
+ },
1398
+ "600": {
1399
+ "$value": "0.004rem"
1400
+ },
776
1401
  "$type": "dimension",
777
- "negative-200": { "$value": "-0.02rem" },
778
- "negative-100": { "$value": "-0.01rem" },
779
- "0": { "$value": "0rem" },
780
- "100": { "$value": "0.001rem" },
781
- "200": { "$value": "0.001rem" },
782
- "300": { "$value": "0.002rem" },
783
- "400": { "$value": "0.003rem" },
784
- "500": { "$value": "0.003rem" },
785
- "600": { "$value": "0.004rem" },
786
- "display-sm": { "$value": "{font.letterspacing.0}" },
787
- "display-md": { "$value": "{font.letterspacing.0}" },
788
- "display-lg": { "$value": "{font.letterspacing.negative-100}" },
789
- "display-xl": { "$value": "{font.letterspacing.negative-100}" },
790
- "ui-xs": { "$value": "{font.letterspacing.600}" },
791
- "ui-sm": { "$value": "{font.letterspacing.400}" },
792
- "ui-md": { "$value": "{font.letterspacing.400}" },
793
- "ui-lg": { "$value": "{font.letterspacing.300}" },
794
- "ui-xl": { "$value": "{font.letterspacing.200}" },
795
- "body-xs": { "$value": "{font.letterspacing.600}" },
796
- "body-sm": { "$value": "{font.letterspacing.400}" },
797
- "body-md": { "$value": "{font.letterspacing.400}" },
798
- "h1": { "$value": "{font.letterspacing.0}" },
799
- "h2": { "$value": "{font.letterspacing.100}" },
800
- "h3": { "$value": "{font.letterspacing.100}" },
801
- "h4": { "$value": "{font.letterspacing.200}" },
802
- "h5": { "$value": "{font.letterspacing.200}" },
803
- "h6": { "$value": "{font.letterspacing.300}" }
1402
+ "negative-200": {
1403
+ "$value": "-0.02rem"
1404
+ },
1405
+ "negative-100": {
1406
+ "$value": "-0.01rem"
1407
+ },
1408
+ "display-sm": {
1409
+ "$value": "{font.letterspacing.0}",
1410
+ "$description": "Letter spacing for display-sm text. PAIR WITH --nys-font-size-display-sm."
1411
+ },
1412
+ "display-md": {
1413
+ "$value": "{font.letterspacing.0}",
1414
+ "$description": "Letter spacing for display-md text. PAIR WITH --nys-font-size-display-md."
1415
+ },
1416
+ "display-lg": {
1417
+ "$value": "{font.letterspacing.negative-100}",
1418
+ "$description": "Letter spacing for display-lg text. PAIR WITH --nys-font-size-display-lg."
1419
+ },
1420
+ "display-xl": {
1421
+ "$value": "{font.letterspacing.negative-100}",
1422
+ "$description": "Letter spacing for display-xl text. PAIR WITH --nys-font-size-display-xl."
1423
+ },
1424
+ "ui-xs": {
1425
+ "$value": "{font.letterspacing.600}",
1426
+ "$description": "Letter spacing for ui-xs text. PAIR WITH --nys-font-size-ui-xs."
1427
+ },
1428
+ "ui-sm": {
1429
+ "$value": "{font.letterspacing.400}",
1430
+ "$description": "Letter spacing for ui-sm text. PAIR WITH --nys-font-size-ui-sm."
1431
+ },
1432
+ "ui-md": {
1433
+ "$value": "{font.letterspacing.400}",
1434
+ "$description": "Letter spacing for ui-md text. PAIR WITH --nys-font-size-ui-md."
1435
+ },
1436
+ "ui-lg": {
1437
+ "$value": "{font.letterspacing.300}",
1438
+ "$description": "Letter spacing for ui-lg text. PAIR WITH --nys-font-size-ui-lg."
1439
+ },
1440
+ "ui-xl": {
1441
+ "$value": "{font.letterspacing.200}",
1442
+ "$description": "Letter spacing for ui-xl text. PAIR WITH --nys-font-size-ui-xl."
1443
+ },
1444
+ "body-xs": {
1445
+ "$value": "{font.letterspacing.600}",
1446
+ "$description": "Letter spacing for body-xs text. PAIR WITH --nys-font-size-body-xs."
1447
+ },
1448
+ "body-sm": {
1449
+ "$value": "{font.letterspacing.400}",
1450
+ "$description": "Letter spacing for body-sm text. PAIR WITH --nys-font-size-body-sm."
1451
+ },
1452
+ "body-md": {
1453
+ "$value": "{font.letterspacing.400}",
1454
+ "$description": "Letter spacing for body-md text. PAIR WITH --nys-font-size-body-md."
1455
+ },
1456
+ "h1": {
1457
+ "$value": "{font.letterspacing.0}",
1458
+ "$description": "Letter spacing for h1 text. PAIR WITH --nys-font-size-h1."
1459
+ },
1460
+ "h2": {
1461
+ "$value": "{font.letterspacing.100}",
1462
+ "$description": "Letter spacing for h2 text. PAIR WITH --nys-font-size-h2."
1463
+ },
1464
+ "h3": {
1465
+ "$value": "{font.letterspacing.100}",
1466
+ "$description": "Letter spacing for h3 text. PAIR WITH --nys-font-size-h3."
1467
+ },
1468
+ "h4": {
1469
+ "$value": "{font.letterspacing.200}",
1470
+ "$description": "Letter spacing for h4 text. PAIR WITH --nys-font-size-h4."
1471
+ },
1472
+ "h5": {
1473
+ "$value": "{font.letterspacing.200}",
1474
+ "$description": "Letter spacing for h5 text. PAIR WITH --nys-font-size-h5."
1475
+ },
1476
+ "h6": {
1477
+ "$value": "{font.letterspacing.300}",
1478
+ "$description": "Letter spacing for h6 text. PAIR WITH --nys-font-size-h6."
1479
+ }
804
1480
  }
805
1481
  },
806
-
807
1482
  "icon": {
808
1483
  "size": {
809
1484
  "$type": "dimension",
810
- "xs": { "$value": "{font.size.xs}" },
811
- "sm": { "$value": "{font.size.sm}" },
812
- "md": { "$value": "{font.size.md}" },
813
- "lg": { "$value": "{font.size.lg}" },
814
- "xl": { "$value": "{font.size.xl}" },
815
- "2xl": { "$value": "{font.size.2xl}" },
816
- "3xl": { "$value": "{font.size.3xl}" },
817
- "4xl": { "$value": "{font.size.4xl}" },
818
- "5xl": { "$value": "{font.size.5xl}" }
1485
+ "xs": {
1486
+ "$value": "{font.size.xs}"
1487
+ },
1488
+ "sm": {
1489
+ "$value": "{font.size.sm}"
1490
+ },
1491
+ "md": {
1492
+ "$value": "{font.size.md}"
1493
+ },
1494
+ "lg": {
1495
+ "$value": "{font.size.lg}"
1496
+ },
1497
+ "xl": {
1498
+ "$value": "{font.size.xl}"
1499
+ },
1500
+ "2xl": {
1501
+ "$value": "{font.size.2xl}"
1502
+ },
1503
+ "3xl": {
1504
+ "$value": "{font.size.3xl}"
1505
+ },
1506
+ "4xl": {
1507
+ "$value": "{font.size.4xl}"
1508
+ },
1509
+ "5xl": {
1510
+ "$value": "{font.size.5xl}"
1511
+ }
819
1512
  }
820
1513
  }
821
1514
  }