@nycds/variables 0.2.2 → 0.3.0-prerelease.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 (15) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.org +74 -217
  3. package/dist/dark.css +7 -3
  4. package/dist/dark.min.css +1 -1
  5. package/dist/variables.css +7 -3
  6. package/dist/variables.min.css +1 -1
  7. package/package.json +17 -2
  8. package/postcss.config.js +0 -1
  9. package/scripts/build.js +0 -72
  10. package/scripts/make-theme-files.js +0 -144
  11. package/tokens/dist/nyc.cmp.tokens.json +0 -583
  12. package/tokens/dist/nyc.dark.tokens.json +0 -755
  13. package/tokens/dist/nyc.light.tokens.json +0 -755
  14. package/tokens/dist/nyc.ref.tokens.json +0 -533
  15. package/tokens/src/nyc.tokens.json +0 -3415
package/tokens/src/nyc.tokens.json DELETED
@@ -1,3415 +0,0 @@
1
- {
2
- "cmp": {
3
- "card": {
4
- "background": {
5
- "description": "",
6
- "type": "color",
7
- "value": "{sys.color.surface.inactive}"
8
- },
9
- "background-hover": {
10
- "description": "",
11
- "type": "color",
12
- "value": "{sys.color.surface.base}"
13
- },
14
- "color": {
15
- "description": "",
16
- "type": "color",
17
- "value": "{sys.color.on-surface.base}"
18
- },
19
- "radius": {
20
- "base": {
21
- "description": "",
22
- "type": "color",
23
- "value": "{sys.radius.base}"
24
- },
25
- "lg": {
26
- "description": "",
27
- "type": "color",
28
- "value": "{sys.radius.lg}"
29
- },
30
- "lg-hover": {
31
- "description": "",
32
- "type": "color",
33
- "value": "{sys.radius.xs}"
34
- },
35
- "xl": {
36
- "description": "",
37
- "type": "color",
38
- "value": "{sys.radius.2xl}"
39
- }
40
- },
41
- "border-color": {
42
- "description": "",
43
- "type": "color",
44
- "value": "{sys.color.border.base}"
45
- },
46
- "border-radius-hover": {
47
- "description": "",
48
- "type": "color",
49
- "value": "{sys.radius.base}"
50
- },
51
- "border-width": {
52
- "description": "",
53
- "type": "color",
54
- "value": "{sys.size.border.base}"
55
- },
56
- "shadow": {
57
- "description": "",
58
- "type": "color",
59
- "value": "{sys.shadow.base}"
60
- },
61
- "body-size": {
62
- "description": "",
63
- "type": "color",
64
- "value": "{sys.size.text.base}"
65
- },
66
- "heading-size": {
67
- "description": "",
68
- "type": "color",
69
- "value": "{sys.size.text.fluid.xl-3xl.max}"
70
- },
71
- "padding-inline": {
72
- "description": "",
73
- "type": "color",
74
- "value": "{sys.space.base}"
75
- },
76
- "width": {
77
- "base": {
78
- "description": "",
79
- "type": "color",
80
- "value": "{sys.size.width.surface.base}"
81
- },
82
- "lg": {
83
- "description": "",
84
- "type": "color",
85
- "value": "{sys.size.width.surface.lg}"
86
- }
87
- },
88
- "border-color-hover": {
89
- "description": "",
90
- "type": "color",
91
- "value": "{sys.color.border.medium-high}"
92
- },
93
- "border-radius": {
94
- "description": "",
95
- "type": "color",
96
- "value": "{sys.radius.xs}"
97
- },
98
- "padding-block": {
99
- "description": "",
100
- "type": "color",
101
- "value": "{sys.space.base}"
102
- }
103
- },
104
- "region": {
105
- "base": {
106
- "description": "",
107
- "type": "color",
108
- "value": "{sys.space.2xl}"
109
- }
110
- },
111
- "button": {
112
- "border-radius": {
113
- "description": "",
114
- "type": "color",
115
- "value": "{sys.radius.2xl}"
116
- },
117
- "font-size": {
118
- "description": "",
119
- "type": "color",
120
- "value": "{sys.size.text.fluid.base-xl.max}"
121
- },
122
- "gap": {
123
- "description": "",
124
- "type": "color",
125
- "value": "{sys.space.xs}"
126
- },
127
- "padding": {
128
- "inline": {
129
- "description": "",
130
- "type": "color",
131
- "value": "{sys.space.fluid.base-xl.max}"
132
- },
133
- "block": {
134
- "description": "",
135
- "type": "color",
136
- "value": "{sys.space.fluid.xs-sm.max}"
137
- }
138
- },
139
- "font-weight": {
140
- "type": "dimension",
141
- "value": 600
142
- },
143
- "outline-color": {
144
- "description": "",
145
- "type": "color",
146
- "value": "{sys.color.border.high}"
147
- }
148
- },
149
- "header": {
150
- "primary": {
151
- "background": {
152
- "description": "",
153
- "type": "color",
154
- "value": "{ref.color.gray.black}"
155
- },
156
- "on-header": {
157
- "description": "",
158
- "type": "color",
159
- "value": "{ref.color.gray.white}"
160
- }
161
- },
162
- "padding-inline": {
163
- "description": "",
164
- "type": "color",
165
- "value": "{sys.space.base}"
166
- },
167
- "padding-block": {
168
- "description": "",
169
- "type": "color",
170
- "value": "{sys.space.sm}"
171
- },
172
- "subproperty": {
173
- "navy-blue-default": {
174
- "type": "color",
175
- "value": "#000675ff",
176
- "blendMode": "normal"
177
- },
178
- "navy-blue-bg": {
179
- "type": "color",
180
- "value": "#dddffdff",
181
- "blendMode": "normal"
182
- },
183
- "bright-blue-default": {
184
- "type": "color",
185
- "value": "#42baffff",
186
- "blendMode": "normal"
187
- },
188
- "bright-blue-bg": {
189
- "type": "color",
190
- "value": "#dbf2ffff",
191
- "blendMode": "normal"
192
- },
193
- "sky-blue-default": {
194
- "type": "color",
195
- "value": "#d1e9ffff",
196
- "blendMode": "normal"
197
- },
198
- "sky-blue-bg": {
199
- "type": "color",
200
- "value": "#f0f8ffff",
201
- "blendMode": "normal"
202
- },
203
- "sidewalk-gray-default": {
204
- "type": "color",
205
- "value": "#c2cae5ff",
206
- "blendMode": "normal"
207
- },
208
- "sidewalk-gray-bg": {
209
- "type": "color",
210
- "value": "#eaecf6ff",
211
- "blendMode": "normal"
212
- },
213
- "forest-green-default": {
214
- "type": "color",
215
- "value": "#006611ff",
216
- "blendMode": "normal"
217
- },
218
- "forest-green-bg": {
219
- "type": "color",
220
- "value": "#e7fdebff",
221
- "blendMode": "normal"
222
- },
223
- "liberty-green-default": {
224
- "type": "color",
225
- "value": "#00ccbbff",
226
- "blendMode": "normal"
227
- },
228
- "liberty-green-bg": {
229
- "type": "color",
230
- "value": "#d8fdfaff",
231
- "blendMode": "normal"
232
- },
233
- "quahog-purple-default": {
234
- "type": "color",
235
- "value": "#9400bdff",
236
- "blendMode": "normal"
237
- },
238
- "quahog-purple-bg": {
239
- "type": "color",
240
- "value": "#f6d6ffff",
241
- "blendMode": "normal"
242
- }
243
- }
244
- },
245
- "navigation": {
246
- "primary": {
247
- "background": {
248
- "description": "",
249
- "type": "color",
250
- "value": "{ref.color.gray.black}"
251
- },
252
- "active": {
253
- "description": "",
254
- "type": "color",
255
- "value": "{sys.color.on-surface.high}"
256
- },
257
- "padding-inline": {
258
- "type": "dimension",
259
- "value": 0
260
- },
261
- "padding-block": {
262
- "type": "dimension",
263
- "value": 0
264
- },
265
- "inactive": {
266
- "description": "",
267
- "type": "color",
268
- "value": "{sys.color.inactive}"
269
- }
270
- },
271
- "official-message": {
272
- "description": "",
273
- "type": "color",
274
- "value": "{ref.color.gray.20}"
275
- }
276
- },
277
- "footer": {
278
- "background": {
279
- "description": "",
280
- "type": "color",
281
- "value": "{ref.color.gray.black}"
282
- },
283
- "color": {
284
- "description": "",
285
- "type": "color",
286
- "value": "{ref.color.gray.white}"
287
- }
288
- },
289
- "heading": {
290
- "h1": {
291
- "size": {
292
- "description": "",
293
- "type": "color",
294
- "value": "{sys.size.text.fluid.4xl-6xl.max}"
295
- }
296
- },
297
- "h2": {
298
- "size": {
299
- "description": "",
300
- "type": "color",
301
- "value": "{sys.size.text.fluid.3xl-5xl.max}"
302
- }
303
- },
304
- "h3": {
305
- "size": {
306
- "description": "",
307
- "type": "color",
308
- "value": "{sys.size.text.fluid.xl-3xl.max}"
309
- }
310
- },
311
- "h1-home": {
312
- "description": "",
313
- "type": "color",
314
- "value": "{sys.size.text.fluid.5xl-7xl.max}"
315
- },
316
- "h1-home-sub": {
317
- "description": "",
318
- "type": "color",
319
- "value": "{sys.size.text.fluid.3xl-6xl.max}"
320
- },
321
- "h4": {
322
- "size": {
323
- "description": "",
324
- "type": "color",
325
- "value": "{sys.size.text.fluid.lg-2xl.max}"
326
- }
327
- },
328
- "h5": {
329
- "size": {
330
- "description": "",
331
- "type": "color",
332
- "value": "{sys.size.text.fluid.base-lg.max}"
333
- }
334
- }
335
- },
336
- "accordion": {
337
- "heading": {
338
- "background": {
339
- "description": "",
340
- "type": "color",
341
- "value": "{sys.color.surface.base}"
342
- },
343
- "font-size": {
344
- "description": "",
345
- "type": "color",
346
- "value": "{sys.size.text.fluid.xl-3xl.max}"
347
- },
348
- "padding-inline": {
349
- "description": "",
350
- "type": "color",
351
- "value": "{sys.space.fluid.base-lg.max}"
352
- },
353
- "padding-block": {
354
- "description": "",
355
- "type": "color",
356
- "value": "{sys.space.base}"
357
- }
358
- },
359
- "group-background": {
360
- "description": "",
361
- "type": "color",
362
- "value": "{sys.color.surface.base}"
363
- },
364
- "body": {
365
- "padding-inline": {
366
- "description": "",
367
- "type": "color",
368
- "value": "{sys.space.fluid.lg-xl.max}"
369
- },
370
- "padding-block": {
371
- "description": "",
372
- "type": "color",
373
- "value": "{sys.space.fluid.lg-xl.max}"
374
- }
375
- },
376
- "icon-size": {
377
- "description": "",
378
- "type": "color",
379
- "value": "{sys.size.text.fluid.3xl-5xl.max}"
380
- }
381
- },
382
- "center": {
383
- "gutter": {
384
- "description": "",
385
- "type": "color",
386
- "value": "{sys.space.fluid.base-5xl.max}"
387
- }
388
- },
389
- "hr": {
390
- "background-color": {
391
- "description": "",
392
- "type": "color",
393
- "value": "{sys.color.border.medium-high}"
394
- }
395
- },
396
- "hero": {
397
- "padding-vertical": {
398
- "description": "",
399
- "type": "color",
400
- "value": "{sys.space.fluid.xl-5xl.max}"
401
- },
402
- "padding-horizontal": {
403
- "description": "",
404
- "type": "color",
405
- "value": "{sys.space.fluid.base-5xl.max}"
406
- }
407
- },
408
- "table": {
409
- "header": {
410
- "background": {
411
- "description": "",
412
- "type": "color",
413
- "value": "{ref.color.gray.20}"
414
- },
415
- "color": {
416
- "description": "",
417
- "type": "color",
418
- "value": "{sys.color.text.base-inverse}"
419
- },
420
- "border-color": {
421
- "description": "",
422
- "type": "color",
423
- "value": "{sys.color.border.medium-high}"
424
- }
425
- },
426
- "cell": {
427
- "padding-inline": {
428
- "description": "",
429
- "type": "color",
430
- "value": "{sys.space.base}"
431
- },
432
- "padding-block": {
433
- "description": "",
434
- "type": "color",
435
- "value": "{sys.space.sm}"
436
- },
437
- "border-color": {
438
- "description": "",
439
- "type": "color",
440
- "value": "{sys.color.border.base}"
441
- }
442
- }
443
- },
444
- "modal": {
445
- "background": {
446
- "description": "",
447
- "type": "color",
448
- "value": "{sys.color.surface.base}"
449
- },
450
- "border-radius": {
451
- "description": "",
452
- "type": "color",
453
- "value": "{sys.radius.lg}"
454
- },
455
- "header": {
456
- "padding": {
457
- "horizontal": {
458
- "description": "",
459
- "type": "color",
460
- "value": "{sys.space.fluid.base-lg.max}"
461
- },
462
- "vertical": {
463
- "description": "",
464
- "type": "color",
465
- "value": "{sys.space.fluid.sm-base.max}"
466
- }
467
- }
468
- },
469
- "body": {
470
- "padding": {
471
- "vertical": {
472
- "description": "",
473
- "type": "color",
474
- "value": "{sys.space.fluid.base-xl.max}"
475
- },
476
- "horizontal": {
477
- "description": "",
478
- "type": "color",
479
- "value": "{sys.space.fluid.base-xl.max}"
480
- }
481
- }
482
- }
483
- },
484
- "type": {
485
- "display": {
486
- "size": {
487
- "description": "",
488
- "type": "color",
489
- "value": "{sys.size.text.fluid.5xl-7xl.max}"
490
- }
491
- },
492
- "intro": {
493
- "size": {
494
- "description": "",
495
- "type": "color",
496
- "value": "{sys.size.text.fluid.lg-xl.max}"
497
- }
498
- },
499
- "caption": {
500
- "size": {
501
- "description": "",
502
- "type": "color",
503
- "value": "{sys.size.text.fluid.xs-sm.max}"
504
- }
505
- }
506
- },
507
- "emergency": {
508
- "surface": {
509
- "description": "",
510
- "type": "color",
511
- "value": "{ref.color.red.40}"
512
- }
513
- },
514
- "inline-message": {
515
- "description": "",
516
- "type": "color",
517
- "value": "{ref.color.orange.70_25}"
518
- },
519
- "global-alert": {
520
- "background": {
521
- "description": "",
522
- "type": "color",
523
- "value": "{sys.color.surface.emergency}"
524
- },
525
- "color": {
526
- "description": "",
527
- "type": "color",
528
- "value": "{sys.color.on-surface.high}"
529
- },
530
- "border-color": {
531
- "description": "",
532
- "type": "color",
533
- "value": "{sys.color.border.high}"
534
- }
535
- },
536
- "space": {
537
- "vertical": {
538
- "sm": {
539
- "description": "",
540
- "type": "color",
541
- "value": "{sys.space.fluid.base-lg.max}"
542
- },
543
- "xs": {
544
- "description": "",
545
- "type": "color",
546
- "value": "{sys.space.fluid.sm-base.max}"
547
- },
548
- "md": {
549
- "description": "",
550
- "type": "color",
551
- "value": "{sys.space.fluid.lg-xl.max}"
552
- },
553
- "lg": {
554
- "description": "",
555
- "type": "color",
556
- "value": "{sys.space.fluid.xl-3xl.max}"
557
- },
558
- "xl": {
559
- "description": "",
560
- "type": "color",
561
- "value": "{sys.space.fluid.3xl-5xl.max}"
562
- },
563
- "2xl": {
564
- "description": "",
565
- "type": "color",
566
- "value": "{sys.space.fluid.5xl-6xl.max}"
567
- },
568
- "3xl": {
569
- "description": "",
570
- "type": "color",
571
- "value": "{sys.space.fluid.7xl-8xl.max}"
572
- }
573
- }
574
- },
575
- "form": {
576
- "border-color": {
577
- "description": "",
578
- "type": "color",
579
- "value": "{sys.color.border.medium}"
580
- }
581
- }
582
- },
583
- "ref": {
584
- "length": {
585
- "2": {
586
- "type": "dimension",
587
- "value": 2
588
- },
589
- "4": {
590
- "type": "dimension",
591
- "value": 4
592
- },
593
- "8": {
594
- "type": "dimension",
595
- "value": 8
596
- },
597
- "10": {
598
- "type": "dimension",
599
- "value": 10
600
- },
601
- "12": {
602
- "type": "dimension",
603
- "value": 12
604
- },
605
- "14": {
606
- "type": "dimension",
607
- "value": 14
608
- },
609
- "16": {
610
- "type": "dimension",
611
- "value": 16
612
- },
613
- "18": {
614
- "type": "dimension",
615
- "value": 18
616
- },
617
- "20": {
618
- "type": "dimension",
619
- "value": 20
620
- },
621
- "22": {
622
- "type": "dimension",
623
- "value": 22
624
- },
625
- "24": {
626
- "type": "dimension",
627
- "value": 24
628
- },
629
- "28": {
630
- "type": "dimension",
631
- "value": 28
632
- },
633
- "32": {
634
- "type": "dimension",
635
- "value": 32
636
- },
637
- "36": {
638
- "type": "dimension",
639
- "value": 36
640
- },
641
- "40": {
642
- "type": "dimension",
643
- "value": 40
644
- },
645
- "48": {
646
- "type": "dimension",
647
- "value": 48
648
- },
649
- "50": {
650
- "type": "dimension",
651
- "value": 50
652
- },
653
- "56": {
654
- "type": "dimension",
655
- "value": 56
656
- },
657
- "64": {
658
- "type": "dimension",
659
- "value": 64
660
- },
661
- "80": {
662
- "type": "dimension",
663
- "value": 80
664
- },
665
- "90": {
666
- "type": "dimension",
667
- "value": 90
668
- },
669
- "96": {
670
- "type": "dimension",
671
- "value": 96
672
- },
673
- "100": {
674
- "type": "dimension",
675
- "value": 100
676
- },
677
- "112": {
678
- "type": "dimension",
679
- "value": 112
680
- },
681
- "176": {
682
- "type": "dimension",
683
- "value": 176
684
- },
685
- "240": {
686
- "type": "dimension",
687
- "value": 240
688
- },
689
- "320": {
690
- "type": "dimension",
691
- "value": 320
692
- },
693
- "360": {
694
- "type": "dimension",
695
- "value": 360
696
- },
697
- "440": {
698
- "type": "dimension",
699
- "value": 440
700
- },
701
- "750": {
702
- "type": "dimension",
703
- "value": 750
704
- },
705
- "1090": {
706
- "type": "dimension",
707
- "value": 1090
708
- },
709
- "1160": {
710
- "type": "dimension",
711
- "value": 1160
712
- },
713
- "1440": {
714
- "type": "dimension",
715
- "value": 1440
716
- },
717
- "1-5": {
718
- "type": "dimension",
719
- "value": 1.5
720
- }
721
- },
722
- "color": {
723
- "gray": {
724
- "10": {
725
- "type": "color",
726
- "value": "#222222ff",
727
- "blendMode": "normal"
728
- },
729
- "20": {
730
- "type": "color",
731
- "value": "#333333ff",
732
- "blendMode": "normal"
733
- },
734
- "30": {
735
- "type": "color",
736
- "value": "#555555ff",
737
- "blendMode": "normal"
738
- },
739
- "40": {
740
- "type": "color",
741
- "value": "#777777ff",
742
- "blendMode": "normal"
743
- },
744
- "50": {
745
- "type": "color",
746
- "value": "#949494ff",
747
- "blendMode": "normal"
748
- },
749
- "60": {
750
- "type": "color",
751
- "value": "#aaaaaaff",
752
- "blendMode": "normal"
753
- },
754
- "70": {
755
- "type": "color",
756
- "value": "#ccccccff",
757
- "blendMode": "normal"
758
- },
759
- "80": {
760
- "type": "color",
761
- "value": "#ddddddff",
762
- "blendMode": "normal"
763
- },
764
- "90": {
765
- "type": "color",
766
- "value": "#eeeeeeff",
767
- "blendMode": "normal"
768
- },
769
- "black": {
770
- "type": "color",
771
- "value": "#000000ff",
772
- "blendMode": "normal"
773
- },
774
- "white": {
775
- "type": "color",
776
- "value": "#ffffffff",
777
- "blendMode": "normal"
778
- },
779
- "white_75": {
780
- "type": "color",
781
- "value": "#ffffffbf",
782
- "blendMode": "normal"
783
- },
784
- "10_60": {
785
- "type": "color",
786
- "value": "#22222299",
787
- "blendMode": "normal"
788
- },
789
- "white_15": {
790
- "type": "color",
791
- "value": "#ffffff26",
792
- "blendMode": "normal"
793
- },
794
- "10_15": {
795
- "type": "color",
796
- "value": "#22222226",
797
- "blendMode": "normal"
798
- },
799
- "black_90": {
800
- "type": "color",
801
- "value": "#000000e6",
802
- "blendMode": "normal"
803
- },
804
- "white_80": {
805
- "type": "color",
806
- "value": "#ffffffcc",
807
- "blendMode": "normal"
808
- },
809
- "white_25": {
810
- "type": "color",
811
- "value": "#ffffff40",
812
- "blendMode": "normal"
813
- },
814
- "10_25": {
815
- "type": "color",
816
- "value": "#22222240",
817
- "blendMode": "normal"
818
- }
819
- },
820
- "blue": {
821
- "10": {
822
- "type": "color",
823
- "value": "#050560ff",
824
- "blendMode": "normal"
825
- },
826
- "20": {
827
- "type": "color",
828
- "value": "#0008a0ff",
829
- "blendMode": "normal"
830
- },
831
- "30": {
832
- "type": "color",
833
- "value": "#051adbff",
834
- "blendMode": "normal"
835
- },
836
- "40": {
837
- "type": "color",
838
- "value": "#103fefff",
839
- "blendMode": "normal"
840
- },
841
- "50": {
842
- "type": "color",
843
- "value": "#004fffff",
844
- "blendMode": "normal"
845
- },
846
- "60": {
847
- "type": "color",
848
- "value": "#3185fcff",
849
- "blendMode": "normal"
850
- },
851
- "70": {
852
- "type": "color",
853
- "value": "#70baffff",
854
- "blendMode": "normal"
855
- },
856
- "80": {
857
- "type": "color",
858
- "value": "#b5dbffff",
859
- "blendMode": "normal"
860
- },
861
- "90": {
862
- "type": "color",
863
- "value": "#d1e9ffff",
864
- "blendMode": "normal"
865
- },
866
- "100": {
867
- "type": "color",
868
- "value": "#e7f0faff",
869
- "blendMode": "normal"
870
- }
871
- },
872
- "orange": {
873
- "50": {
874
- "type": "color",
875
- "value": "#e57000ff",
876
- "blendMode": "normal"
877
- },
878
- "60": {
879
- "type": "color",
880
- "value": "#f98d26ff",
881
- "blendMode": "normal"
882
- },
883
- "70": {
884
- "type": "color",
885
- "value": "#fba95bff",
886
- "blendMode": "normal"
887
- },
888
- "80": {
889
- "type": "color",
890
- "value": "#fcc788ff",
891
- "blendMode": "normal"
892
- },
893
- "90": {
894
- "type": "color",
895
- "value": "#ffe0c2ff",
896
- "blendMode": "normal"
897
- },
898
- "70_25": {
899
- "type": "color",
900
- "value": "#fba95b40",
901
- "blendMode": "normal"
902
- }
903
- },
904
- "purple": {
905
- "10": {
906
- "type": "color",
907
- "value": "#131627ff",
908
- "blendMode": "normal"
909
- },
910
- "20": {
911
- "type": "color",
912
- "value": "#4c3959ff",
913
- "blendMode": "normal"
914
- },
915
- "30": {
916
- "type": "color",
917
- "value": "#58376eff",
918
- "blendMode": "normal"
919
- },
920
- "40": {
921
- "type": "color",
922
- "value": "#7f00d6ff",
923
- "blendMode": "normal"
924
- },
925
- "50": {
926
- "type": "color",
927
- "value": "#c67dffff",
928
- "blendMode": "normal"
929
- }
930
- },
931
- "green": {
932
- "10": {
933
- "type": "color",
934
- "value": "#003701ff",
935
- "blendMode": "normal"
936
- },
937
- "30": {
938
- "type": "color",
939
- "value": "#006e02ff",
940
- "blendMode": "normal"
941
- },
942
- "50": {
943
- "type": "color",
944
- "value": "#00b703ff",
945
- "blendMode": "normal"
946
- },
947
- "70": {
948
- "type": "color",
949
- "value": "#66d468ff",
950
- "blendMode": "normal"
951
- },
952
- "90": {
953
- "type": "color",
954
- "value": "#b3e9b3ff",
955
- "blendMode": "normal"
956
- },
957
- "100": {
958
- "type": "color",
959
- "value": "#e6f8e6ff",
960
- "blendMode": "normal"
961
- }
962
- },
963
- "red": {
964
- "10": {
965
- "type": "color",
966
- "value": "#470609ff",
967
- "blendMode": "normal"
968
- },
969
- "30": {
970
- "type": "color",
971
- "value": "#8e0b12ff",
972
- "blendMode": "normal"
973
- },
974
- "40": {
975
- "type": "color",
976
- "value": "#b30f17ff",
977
- "blendMode": "normal"
978
- },
979
- "50": {
980
- "type": "color",
981
- "value": "#ec131eff",
982
- "blendMode": "normal"
983
- },
984
- "70": {
985
- "type": "color",
986
- "value": "#f47178ff",
987
- "blendMode": "normal"
988
- },
989
- "90": {
990
- "type": "color",
991
- "value": "#f9b8bbff",
992
- "blendMode": "normal"
993
- },
994
- "100": {
995
- "type": "color",
996
- "value": "#fde7e8ff",
997
- "blendMode": "normal"
998
- }
999
- },
1000
- "yellow": {
1001
- "10": {
1002
- "type": "color",
1003
- "value": "#4c3c00ff",
1004
- "blendMode": "normal"
1005
- },
1006
- "30": {
1007
- "type": "color",
1008
- "value": "#997700ff",
1009
- "blendMode": "normal"
1010
- },
1011
- "50": {
1012
- "type": "color",
1013
- "value": "#ffc700ff",
1014
- "blendMode": "normal"
1015
- },
1016
- "70": {
1017
- "type": "color",
1018
- "value": "#ffdd66ff",
1019
- "blendMode": "normal"
1020
- },
1021
- "90": {
1022
- "type": "color",
1023
- "value": "#ffeeb2ff",
1024
- "blendMode": "normal"
1025
- },
1026
- "100": {
1027
- "type": "color",
1028
- "value": "#fff9e5ff",
1029
- "blendMode": "normal"
1030
- }
1031
- }
1032
- },
1033
- "shadow": {
1034
- "10": {
1035
- "type": "string",
1036
- "value": "0px 4px 12px 0px rgba(0, 0, 0, 0.20)"
1037
- },
1038
- "20": {
1039
- "type": "string",
1040
- "value": "4px 4px 12px 0px rgba(0, 0, 0, 0.20)"
1041
- }
1042
- },
1043
- "gradient": {
1044
- "orange-blue": {
1045
- "type": "string",
1046
- "value": "linear-gradient(180deg, #FFECD9 0%, #E2F3FF 100%)"
1047
- },
1048
- "purple": {
1049
- "type": "string",
1050
- "value": "linear-gradient(179deg, #131627 15.45%, #4B184D 87.84%)"
1051
- },
1052
- "rainbow": {
1053
- "type": "string",
1054
- "value": "conic-gradient(from 175deg at 50% 50%, #6C95FF 17.627713680267334deg, #FFA149 101.25deg, #BB64FF 226.87499284744263deg, #70BAFF 325.17677307128906deg)"
1055
- },
1056
- "blue-orange": {
1057
- "type": "string",
1058
- "value": "linear-gradient(180deg, #E2F3FF 0%, #FFECD9 100%)"
1059
- },
1060
- "red-100-white": {
1061
- "type": "string",
1062
- "value": "linear-gradient(180deg, var(--nyc-ref-color-red-100) 0%, #FFF 100%)"
1063
- },
1064
- "yellow-100-white": {
1065
- "type": "string",
1066
- "value": "linear-gradient(180deg, var(--nyc-ref-color-yellow-100) 0%, #FFF 100%)"
1067
- },
1068
- "green-100-white": {
1069
- "type": "string",
1070
- "value": "linear-gradient(180deg, var(--nyc-ref-color-green-100) 0%, #FFF 100%)"
1071
- },
1072
- "forest-green-white": {
1073
- "type": "string",
1074
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-forest-green-bg) 0%, #FFF 100%)"
1075
- },
1076
- "liberty-green-white": {
1077
- "type": "string",
1078
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-liberty-green-bg) 0%, #FFF 100%)"
1079
- },
1080
- "bright-blue-white": {
1081
- "type": "string",
1082
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-bright-blue-bg) 0%, #FFF 100%)"
1083
- },
1084
- "sky-blue-white": {
1085
- "type": "string",
1086
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-sky-blue-bg) 0%, #FFF 100%)"
1087
- },
1088
- "navy-blue-white": {
1089
- "type": "string",
1090
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-navy-blue-bg) 0%, #FFF 100%)"
1091
- },
1092
- "quahog-purple-white": {
1093
- "type": "string",
1094
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-quahog-purple-bg) 0%, #FFF 100%)"
1095
- },
1096
- "sidewalk-gray-white": {
1097
- "type": "string",
1098
- "value": "linear-gradient(180deg, var(--nyc-cmp-header-subproperty-sidewalk-gray-bg) 0%, #FFF 100%)"
1099
- }
1100
- },
1101
- "type": {
1102
- "family": {
1103
- "noto": {
1104
- "type": "string",
1105
- "value": "'Noto Sans', sans-serif"
1106
- },
1107
- "clash": {
1108
- "type": "string",
1109
- "value": "'Clash Grotesk', sans-serif"
1110
- }
1111
- }
1112
- }
1113
- },
1114
- "sys": {
1115
- "light": {
1116
- "size": {
1117
- "width": {
1118
- "page": {
1119
- "min": {
1120
- "description": "",
1121
- "type": "dimension",
1122
- "value": "{ref.length.320}"
1123
- },
1124
- "max": {
1125
- "description": "",
1126
- "type": "dimension",
1127
- "value": "{ref.length.1090}"
1128
- }
1129
- },
1130
- "surface": {
1131
- "sm": {
1132
- "description": "",
1133
- "type": "dimension",
1134
- "value": "{ref.length.240}"
1135
- },
1136
- "base": {
1137
- "description": "",
1138
- "type": "dimension",
1139
- "value": "{ref.length.360}"
1140
- },
1141
- "lg": {
1142
- "description": "",
1143
- "type": "dimension",
1144
- "value": "{ref.length.440}"
1145
- }
1146
- },
1147
- "line-length": {
1148
- "description": "",
1149
- "type": "dimension",
1150
- "value": "{ref.length.750}"
1151
- }
1152
- },
1153
- "text": {
1154
- "sm": {
1155
- "description": "",
1156
- "type": "dimension",
1157
- "value": "{ref.length.16}"
1158
- },
1159
- "4xl": {
1160
- "description": "",
1161
- "type": "dimension",
1162
- "value": "{ref.length.32}"
1163
- },
1164
- "6xl": {
1165
- "description": "",
1166
- "type": "dimension",
1167
- "value": "{ref.length.56}"
1168
- },
1169
- "7xl": {
1170
- "description": "",
1171
- "type": "dimension",
1172
- "value": "{ref.length.64}"
1173
- },
1174
- "base": {
1175
- "description": "",
1176
- "type": "dimension",
1177
- "value": "{ref.length.18}"
1178
- },
1179
- "lg": {
1180
- "description": "",
1181
- "type": "dimension",
1182
- "value": "{ref.length.20}"
1183
- },
1184
- "2xl": {
1185
- "description": "",
1186
- "type": "dimension",
1187
- "value": "{ref.length.24}"
1188
- },
1189
- "3xl": {
1190
- "description": "",
1191
- "type": "dimension",
1192
- "value": "{ref.length.28}"
1193
- },
1194
- "5xl": {
1195
- "description": "",
1196
- "type": "dimension",
1197
- "value": "{ref.length.40}"
1198
- },
1199
- "fluid": {
1200
- "5xl-7xl": {
1201
- "max": {
1202
- "description": "",
1203
- "type": "color",
1204
- "value": "{sys.size.text.7xl}"
1205
- },
1206
- "min": {
1207
- "description": "",
1208
- "type": "color",
1209
- "value": "{sys.size.text.5xl}"
1210
- }
1211
- },
1212
- "3xl-5xl": {
1213
- "max": {
1214
- "description": "",
1215
- "type": "color",
1216
- "value": "{sys.size.text.5xl}"
1217
- },
1218
- "min": {
1219
- "description": "",
1220
- "type": "color",
1221
- "value": "{sys.size.text.3xl}"
1222
- }
1223
- },
1224
- "4xl-6xl": {
1225
- "max": {
1226
- "description": "",
1227
- "type": "color",
1228
- "value": "{sys.size.text.6xl}"
1229
- },
1230
- "min": {
1231
- "description": "",
1232
- "type": "color",
1233
- "value": "{sys.size.text.4xl}"
1234
- }
1235
- },
1236
- "2xl-4xl": {
1237
- "max": {
1238
- "description": "",
1239
- "type": "color",
1240
- "value": "{sys.size.text.4xl}"
1241
- },
1242
- "min": {
1243
- "description": "",
1244
- "type": "color",
1245
- "value": "{sys.size.text.2xl}"
1246
- }
1247
- },
1248
- "xl-4xl": {
1249
- "min": {
1250
- "description": "",
1251
- "type": "color",
1252
- "value": "{sys.size.text.xl}"
1253
- },
1254
- "max": {
1255
- "description": "",
1256
- "type": "color",
1257
- "value": "{sys.size.text.4xl}"
1258
- }
1259
- },
1260
- "base-xl": {
1261
- "min": {
1262
- "description": "",
1263
- "type": "color",
1264
- "value": "{sys.size.text.base}"
1265
- },
1266
- "max": {
1267
- "description": "",
1268
- "type": "color",
1269
- "value": "{sys.size.text.xl}"
1270
- }
1271
- },
1272
- "2xl-5xl": {
1273
- "min": {
1274
- "description": "",
1275
- "type": "color",
1276
- "value": "{sys.size.text.2xl}"
1277
- },
1278
- "max": {
1279
- "description": "",
1280
- "type": "color",
1281
- "value": "{sys.size.text.5xl}"
1282
- }
1283
- },
1284
- "lg-xl": {
1285
- "min": {
1286
- "description": "",
1287
- "type": "color",
1288
- "value": "{sys.size.text.lg}"
1289
- },
1290
- "max": {
1291
- "description": "",
1292
- "type": "color",
1293
- "value": "{sys.size.text.xl}"
1294
- }
1295
- },
1296
- "base-lg": {
1297
- "min": {
1298
- "description": "",
1299
- "type": "color",
1300
- "value": "{sys.size.text.base}"
1301
- },
1302
- "max": {
1303
- "description": "",
1304
- "type": "color",
1305
- "value": "{sys.size.text.lg}"
1306
- }
1307
- },
1308
- "lg-2xl": {
1309
- "min": {
1310
- "description": "",
1311
- "type": "color",
1312
- "value": "{sys.size.text.lg}"
1313
- },
1314
- "max": {
1315
- "description": "",
1316
- "type": "color",
1317
- "value": "{sys.size.text.2xl}"
1318
- }
1319
- },
1320
- "xl-3xl": {
1321
- "min": {
1322
- "description": "",
1323
- "type": "color",
1324
- "value": "{sys.size.text.xl}"
1325
- },
1326
- "max": {
1327
- "description": "",
1328
- "type": "color",
1329
- "value": "{sys.size.text.3xl}"
1330
- }
1331
- },
1332
- "3xl-6xl": {
1333
- "min": {
1334
- "description": "",
1335
- "type": "color",
1336
- "value": "{sys.size.text.3xl}"
1337
- },
1338
- "max": {
1339
- "description": "",
1340
- "type": "color",
1341
- "value": "{sys.size.text.6xl}"
1342
- }
1343
- },
1344
- "lg-3xl": {
1345
- "min": {
1346
- "description": "",
1347
- "type": "color",
1348
- "value": "{sys.size.text.lg}"
1349
- },
1350
- "max": {
1351
- "description": "",
1352
- "type": "color",
1353
- "value": "{sys.size.text.3xl}"
1354
- }
1355
- },
1356
- "4xl-7xl": {
1357
- "min": {
1358
- "description": "",
1359
- "type": "color",
1360
- "value": "{sys.size.text.4xl}"
1361
- },
1362
- "max": {
1363
- "description": "",
1364
- "type": "color",
1365
- "value": "{sys.size.text.7xl}"
1366
- }
1367
- },
1368
- "sm-xl": {
1369
- "min": {
1370
- "description": "",
1371
- "type": "color",
1372
- "value": "{sys.size.text.sm}"
1373
- },
1374
- "max": {
1375
- "description": "",
1376
- "type": "color",
1377
- "value": "{sys.size.text.xl}"
1378
- }
1379
- },
1380
- "4xl-8xl": {
1381
- "min": {
1382
- "description": "",
1383
- "type": "color",
1384
- "value": "{sys.size.text.4xl}"
1385
- },
1386
- "max": {
1387
- "description": "",
1388
- "type": "color",
1389
- "value": "{sys.size.text.8xl}"
1390
- }
1391
- },
1392
- "xs-sm": {
1393
- "min": {
1394
- "description": "",
1395
- "type": "color",
1396
- "value": "{sys.size.text.xs}"
1397
- },
1398
- "max": {
1399
- "description": "",
1400
- "type": "color",
1401
- "value": "{sys.size.text.sm}"
1402
- }
1403
- }
1404
- },
1405
- "xs": {
1406
- "description": "",
1407
- "type": "dimension",
1408
- "value": "{ref.length.14}"
1409
- },
1410
- "xl": {
1411
- "description": "",
1412
- "type": "dimension",
1413
- "value": "{ref.length.22}"
1414
- },
1415
- "8xl": {
1416
- "description": "",
1417
- "type": "dimension",
1418
- "value": "{ref.length.96}"
1419
- }
1420
- },
1421
- "line-height": {
1422
- "body": {
1423
- "description": "",
1424
- "type": "dimension",
1425
- "value": "{ref.length.24}"
1426
- }
1427
- },
1428
- "border": {
1429
- "sm": {
1430
- "description": "",
1431
- "type": "dimension",
1432
- "value": "{ref.length.1-5}"
1433
- },
1434
- "base": {
1435
- "description": "",
1436
- "type": "dimension",
1437
- "value": "{ref.length.2}"
1438
- }
1439
- }
1440
- },
1441
- "color": {
1442
- "base": {
1443
- "description": "",
1444
- "type": "color",
1445
- "value": "{ref.color.gray.black}"
1446
- },
1447
- "background": {
1448
- "description": "",
1449
- "type": "color",
1450
- "value": "{ref.color.gray.white}"
1451
- },
1452
- "text": {
1453
- "base": {
1454
- "description": "",
1455
- "type": "color",
1456
- "value": "{ref.color.gray.black}"
1457
- },
1458
- "secondary": {
1459
- "description": "",
1460
- "type": "color",
1461
- "value": "{ref.color.gray.30}"
1462
- },
1463
- "base-inverse": {
1464
- "description": "",
1465
- "type": "color",
1466
- "value": "{ref.color.gray.white}"
1467
- },
1468
- "type-ahead": {
1469
- "description": "",
1470
- "type": "color",
1471
- "value": "{ref.color.gray.50}"
1472
- },
1473
- "input": {
1474
- "description": "",
1475
- "type": "color",
1476
- "value": "{ref.color.gray.black}"
1477
- }
1478
- },
1479
- "primary": {
1480
- "description": "",
1481
- "type": "color",
1482
- "value": "{ref.color.blue.40}"
1483
- },
1484
- "primary-hover": {
1485
- "description": "",
1486
- "type": "color",
1487
- "value": "{ref.color.blue.10}"
1488
- },
1489
- "on-primary": {
1490
- "description": "",
1491
- "type": "color",
1492
- "value": "{ref.color.gray.white}"
1493
- },
1494
- "secondary": {
1495
- "description": "",
1496
- "type": "color",
1497
- "value": "{ref.color.gray.white}"
1498
- },
1499
- "on-secondary": {
1500
- "description": "",
1501
- "type": "color",
1502
- "value": "{ref.color.blue.40}"
1503
- },
1504
- "disabled": {
1505
- "description": "",
1506
- "type": "color",
1507
- "value": "{ref.color.gray.70}"
1508
- },
1509
- "on-disabled": {
1510
- "description": "",
1511
- "type": "color",
1512
- "value": "{ref.color.gray.20}"
1513
- },
1514
- "surface": {
1515
- "inactive": {
1516
- "description": "",
1517
- "type": "color",
1518
- "value": "{ref.color.gray.white_75}"
1519
- },
1520
- "base": {
1521
- "description": "",
1522
- "type": "color",
1523
- "value": "{ref.color.gray.white}"
1524
- },
1525
- "low": {
1526
- "description": "",
1527
- "type": "color",
1528
- "value": "{ref.color.gray.90}"
1529
- },
1530
- "high": {
1531
- "description": "Used in high-contrast contexts where the color stays consistent regardless of light or dark mode",
1532
- "type": "color",
1533
- "value": "{ref.color.gray.black}"
1534
- },
1535
- "high-overlay-black": {
1536
- "description": "",
1537
- "type": "color",
1538
- "value": "{ref.color.gray.black_90}"
1539
- },
1540
- "highlight": {
1541
- "description": "",
1542
- "type": "color",
1543
- "value": "{ref.color.blue.90}"
1544
- },
1545
- "high-overlay-white": {
1546
- "description": "",
1547
- "type": "color",
1548
- "value": "{ref.color.gray.white_80}"
1549
- },
1550
- "input": {
1551
- "description": "",
1552
- "type": "color",
1553
- "value": "{ref.color.gray.white}"
1554
- },
1555
- "input-highlight": {
1556
- "description": "",
1557
- "type": "color",
1558
- "value": "{ref.color.blue.100}"
1559
- },
1560
- "success": {
1561
- "description": "",
1562
- "type": "color",
1563
- "value": "{ref.color.green.100}"
1564
- },
1565
- "error": {
1566
- "description": "",
1567
- "type": "color",
1568
- "value": "{ref.color.red.100}"
1569
- },
1570
- "warning": {
1571
- "description": "",
1572
- "type": "color",
1573
- "value": "{ref.color.yellow.100}"
1574
- },
1575
- "info": {
1576
- "description": "",
1577
- "type": "color",
1578
- "value": "{ref.color.blue.100}"
1579
- },
1580
- "emergency": {
1581
- "description": "",
1582
- "type": "color",
1583
- "value": "{ref.color.red.40}"
1584
- }
1585
- },
1586
- "on-surface": {
1587
- "base": {
1588
- "description": "",
1589
- "type": "color",
1590
- "value": "{ref.color.gray.black}"
1591
- },
1592
- "high": {
1593
- "description": "Used in high-contrast contexts where the color stays consistent regardless of light or dark mode",
1594
- "type": "color",
1595
- "value": "{ref.color.gray.white}"
1596
- }
1597
- },
1598
- "border": {
1599
- "base": {
1600
- "description": "",
1601
- "type": "color",
1602
- "value": "{ref.color.gray.80}"
1603
- },
1604
- "medium-high": {
1605
- "description": "",
1606
- "type": "color",
1607
- "value": "{ref.color.gray.30}"
1608
- },
1609
- "selected": {
1610
- "description": "",
1611
- "type": "color",
1612
- "value": "{sys.color.primary}"
1613
- },
1614
- "high": {
1615
- "description": "",
1616
- "type": "color",
1617
- "value": "{ref.color.gray.black}"
1618
- },
1619
- "medium-low": {
1620
- "description": "",
1621
- "type": "color",
1622
- "value": "{ref.color.gray.70}"
1623
- },
1624
- "focus": {
1625
- "description": "",
1626
- "type": "color",
1627
- "value": "{ref.color.gray.black}"
1628
- },
1629
- "high-inverted": {
1630
- "description": "",
1631
- "type": "color",
1632
- "value": "{ref.color.gray.white}"
1633
- },
1634
- "medium": {
1635
- "description": "",
1636
- "type": "color",
1637
- "value": "{ref.color.gray.50}"
1638
- },
1639
- "focus-high": {
1640
- "description": "",
1641
- "type": "color",
1642
- "value": "{ref.color.gray.white}"
1643
- }
1644
- },
1645
- "inactive": {
1646
- "description": "",
1647
- "type": "color",
1648
- "value": "{ref.color.gray.70}"
1649
- },
1650
- "on-inactive": {
1651
- "description": "",
1652
- "type": "color",
1653
- "value": "{ref.color.gray.10}"
1654
- },
1655
- "on-secondary-hover": {
1656
- "description": "",
1657
- "type": "color",
1658
- "value": "{ref.color.blue.10}"
1659
- },
1660
- "link-visited": {
1661
- "description": "",
1662
- "type": "color",
1663
- "value": "{ref.color.purple.40}"
1664
- },
1665
- "link": {
1666
- "description": "",
1667
- "type": "color",
1668
- "value": "{ref.color.blue.30}"
1669
- },
1670
- "element-hover": {
1671
- "description": "",
1672
- "type": "color",
1673
- "value": "{ref.color.gray.10_15}"
1674
- },
1675
- "subproperty-background": {
1676
- "description": "",
1677
- "type": "color",
1678
- "value": "{ref.color.blue.100}"
1679
- },
1680
- "auxiliary": {
1681
- "success": {
1682
- "description": "",
1683
- "type": "color",
1684
- "value": "{ref.color.green.50}"
1685
- },
1686
- "error": {
1687
- "description": "",
1688
- "type": "color",
1689
- "value": "{ref.color.red.50}"
1690
- },
1691
- "warning": {
1692
- "description": "",
1693
- "type": "color",
1694
- "value": "{ref.color.orange.70}"
1695
- },
1696
- "information": {
1697
- "description": "",
1698
- "type": "color",
1699
- "value": "{ref.color.blue.70}"
1700
- }
1701
- },
1702
- "link-high-contrast": {
1703
- "description": "",
1704
- "type": "color",
1705
- "value": "{ref.color.gray.black}"
1706
- },
1707
- "link-inverted": {
1708
- "description": "",
1709
- "type": "color",
1710
- "value": "{ref.color.blue.80}"
1711
- },
1712
- "element-pressed": {
1713
- "description": "",
1714
- "type": "color",
1715
- "value": "{ref.color.gray.10_25}"
1716
- },
1717
- "link-hover": {
1718
- "description": "",
1719
- "type": "color",
1720
- "value": "{ref.color.blue.10}"
1721
- },
1722
- "progress": {
1723
- "incomplete": {
1724
- "description": "",
1725
- "type": "color",
1726
- "value": "{ref.color.gray.40}"
1727
- },
1728
- "complete": {
1729
- "description": "",
1730
- "type": "color",
1731
- "value": "{ref.color.gray.10}"
1732
- }
1733
- },
1734
- "element-hover inverted": {
1735
- "description": "",
1736
- "type": "color",
1737
- "value": "{ref.color.gray.white_15}"
1738
- },
1739
- "element-pressed inverted": {
1740
- "description": "",
1741
- "type": "color",
1742
- "value": "{ref.color.gray.white_25}"
1743
- }
1744
- },
1745
- "shadow": {
1746
- "low": {
1747
- "description": "",
1748
- "type": "string",
1749
- "value": "{ref.shadow.10}"
1750
- },
1751
- "base": {
1752
- "description": "",
1753
- "type": "string",
1754
- "value": "{ref.shadow.20}"
1755
- }
1756
- },
1757
- "gradient": {
1758
- "background": {
1759
- "description": "",
1760
- "type": "string",
1761
- "value": "{ref.gradient.blue-orange}"
1762
- },
1763
- "text-fill": {
1764
- "description": "",
1765
- "type": "string",
1766
- "value": "{ref.gradient.rainbow}"
1767
- }
1768
- },
1769
- "space": {
1770
- "xs": {
1771
- "description": "",
1772
- "type": "dimension",
1773
- "value": "{ref.length.8}"
1774
- },
1775
- "sm": {
1776
- "description": "",
1777
- "type": "dimension",
1778
- "value": "{ref.length.12}"
1779
- },
1780
- "base": {
1781
- "description": "",
1782
- "type": "dimension",
1783
- "value": "{ref.length.16}"
1784
- },
1785
- "lg": {
1786
- "description": "",
1787
- "type": "dimension",
1788
- "value": "{ref.length.24}"
1789
- },
1790
- "2xl": {
1791
- "description": "",
1792
- "type": "dimension",
1793
- "value": "{ref.length.40}"
1794
- },
1795
- "5xl": {
1796
- "description": "",
1797
- "type": "dimension",
1798
- "value": "{ref.length.64}"
1799
- },
1800
- "6xl": {
1801
- "description": "",
1802
- "type": "dimension",
1803
- "value": "{ref.length.80}"
1804
- },
1805
- "8xl": {
1806
- "description": "",
1807
- "type": "dimension",
1808
- "value": "{ref.length.112}"
1809
- },
1810
- "xl": {
1811
- "description": "",
1812
- "type": "dimension",
1813
- "value": "{ref.length.32}"
1814
- },
1815
- "fluid": {
1816
- "2xl-6xl": {
1817
- "max": {
1818
- "description": "",
1819
- "type": "color",
1820
- "value": "{sys.space.6xl}"
1821
- },
1822
- "min": {
1823
- "description": "",
1824
- "type": "color",
1825
- "value": "{sys.space.2xl}"
1826
- }
1827
- },
1828
- "base-2xl": {
1829
- "max": {
1830
- "description": "",
1831
- "type": "color",
1832
- "value": "{sys.space.2xl}"
1833
- },
1834
- "min": {
1835
- "description": "",
1836
- "type": "color",
1837
- "value": "{sys.space.base}"
1838
- }
1839
- },
1840
- "2xl-5xl": {
1841
- "max": {
1842
- "description": "",
1843
- "type": "color",
1844
- "value": "{sys.space.5xl}"
1845
- },
1846
- "min": {
1847
- "description": "",
1848
- "type": "color",
1849
- "value": "{sys.space.2xl}"
1850
- }
1851
- },
1852
- "lg-2xl": {
1853
- "min": {
1854
- "description": "",
1855
- "type": "color",
1856
- "value": "{sys.space.lg}"
1857
- },
1858
- "max": {
1859
- "description": "",
1860
- "type": "color",
1861
- "value": "{sys.space.2xl}"
1862
- }
1863
- },
1864
- "xs-sm": {
1865
- "min": {
1866
- "description": "",
1867
- "type": "color",
1868
- "value": "{sys.space.xs}"
1869
- },
1870
- "max": {
1871
- "description": "",
1872
- "type": "color",
1873
- "value": "{sys.space.sm}"
1874
- }
1875
- },
1876
- "base-xl": {
1877
- "max": {
1878
- "description": "",
1879
- "type": "color",
1880
- "value": "{sys.space.xl}"
1881
- },
1882
- "min": {
1883
- "description": "",
1884
- "type": "color",
1885
- "value": "{sys.space.base}"
1886
- }
1887
- },
1888
- "lg-5xl": {
1889
- "min": {
1890
- "description": "",
1891
- "type": "color",
1892
- "value": "{sys.space.lg}"
1893
- },
1894
- "max": {
1895
- "description": "",
1896
- "type": "color",
1897
- "value": "{sys.space.5xl}"
1898
- }
1899
- },
1900
- "xl-2xl": {
1901
- "min": {
1902
- "description": "",
1903
- "type": "color",
1904
- "value": "{sys.space.xl}"
1905
- },
1906
- "max": {
1907
- "description": "",
1908
- "type": "color",
1909
- "value": "{sys.space.2xl}"
1910
- }
1911
- },
1912
- "lg-8xl": {
1913
- "min": {
1914
- "description": "",
1915
- "type": "color",
1916
- "value": "{sys.space.lg}"
1917
- },
1918
- "max": {
1919
- "description": "",
1920
- "type": "color",
1921
- "value": "{sys.space.8xl}"
1922
- }
1923
- },
1924
- "lg-xl": {
1925
- "min": {
1926
- "description": "",
1927
- "type": "color",
1928
- "value": "{sys.space.lg}"
1929
- },
1930
- "max": {
1931
- "description": "",
1932
- "type": "color",
1933
- "value": "{sys.space.xl}"
1934
- }
1935
- },
1936
- "base-lg": {
1937
- "min": {
1938
- "description": "",
1939
- "type": "color",
1940
- "value": "{sys.space.base}"
1941
- },
1942
- "max": {
1943
- "description": "",
1944
- "type": "color",
1945
- "value": "{sys.space.lg}"
1946
- }
1947
- },
1948
- "base-5xl": {
1949
- "min": {
1950
- "description": "",
1951
- "type": "color",
1952
- "value": "{sys.space.base}"
1953
- },
1954
- "max": {
1955
- "description": "",
1956
- "type": "color",
1957
- "value": "{sys.space.5xl}"
1958
- }
1959
- },
1960
- "lg-3xl": {
1961
- "min": {
1962
- "description": "",
1963
- "type": "color",
1964
- "value": "{sys.space.lg}"
1965
- },
1966
- "max": {
1967
- "description": "",
1968
- "type": "color",
1969
- "value": "{sys.space.3xl}"
1970
- }
1971
- },
1972
- "7xl-8xl": {
1973
- "min": {
1974
- "description": "",
1975
- "type": "color",
1976
- "value": "{sys.space.7xl}"
1977
- },
1978
- "max": {
1979
- "description": "",
1980
- "type": "color",
1981
- "value": "{sys.space.8xl}"
1982
- }
1983
- },
1984
- "6xl-8xl": {
1985
- "min": {
1986
- "description": "",
1987
- "type": "color",
1988
- "value": "{sys.space.6xl}"
1989
- },
1990
- "max": {
1991
- "description": "",
1992
- "type": "color",
1993
- "value": "{sys.space.8xl}"
1994
- }
1995
- },
1996
- "xl-5xl": {
1997
- "min": {
1998
- "description": "",
1999
- "type": "color",
2000
- "value": "{sys.space.xl}"
2001
- },
2002
- "max": {
2003
- "description": "",
2004
- "type": "color",
2005
- "value": "{sys.space.5xl}"
2006
- }
2007
- },
2008
- "3xl-5xl": {
2009
- "min": {
2010
- "description": "",
2011
- "type": "color",
2012
- "value": "{sys.space.3xl}"
2013
- },
2014
- "max": {
2015
- "description": "",
2016
- "type": "color",
2017
- "value": "{sys.space.5xl}"
2018
- }
2019
- },
2020
- "sm-base": {
2021
- "min": {
2022
- "description": "",
2023
- "type": "color",
2024
- "value": "{sys.space.sm}"
2025
- },
2026
- "max": {
2027
- "description": "",
2028
- "type": "color",
2029
- "value": "{sys.space.base}"
2030
- }
2031
- },
2032
- "xs-base": {
2033
- "min": {
2034
- "description": "",
2035
- "type": "color",
2036
- "value": "{sys.space.xs}"
2037
- },
2038
- "max": {
2039
- "description": "",
2040
- "type": "color",
2041
- "value": "{sys.space.base}"
2042
- }
2043
- },
2044
- "5xl-6xl": {
2045
- "min": {
2046
- "description": "",
2047
- "type": "color",
2048
- "value": "{sys.space.5xl}"
2049
- },
2050
- "max": {
2051
- "description": "",
2052
- "type": "color",
2053
- "value": "{sys.space.6xl}"
2054
- }
2055
- },
2056
- "xs-xl": {
2057
- "min": {
2058
- "description": "",
2059
- "type": "color",
2060
- "value": "{sys.space.xs}"
2061
- },
2062
- "max": {
2063
- "description": "",
2064
- "type": "color",
2065
- "value": "{sys.space.xl}"
2066
- }
2067
- },
2068
- "xl-3xl": {
2069
- "min": {
2070
- "description": "",
2071
- "type": "color",
2072
- "value": "{sys.space.xl}"
2073
- },
2074
- "max": {
2075
- "description": "",
2076
- "type": "color",
2077
- "value": "{sys.space.3xl}"
2078
- }
2079
- },
2080
- "base-4xl": {
2081
- "min": {
2082
- "description": "",
2083
- "type": "color",
2084
- "value": "{sys.space.base}"
2085
- },
2086
- "max": {
2087
- "description": "",
2088
- "type": "color",
2089
- "value": "{sys.space.4xl}"
2090
- }
2091
- },
2092
- "lg-4xl": {
2093
- "min": {
2094
- "description": "",
2095
- "type": "color",
2096
- "value": "{sys.space.lg}"
2097
- },
2098
- "max": {
2099
- "description": "",
2100
- "type": "color",
2101
- "value": "{sys.space.4xl}"
2102
- }
2103
- },
2104
- "2xl-4xl": {
2105
- "min": {
2106
- "description": "",
2107
- "type": "color",
2108
- "value": "{sys.space.2xl}"
2109
- },
2110
- "max": {
2111
- "description": "",
2112
- "type": "color",
2113
- "value": "{sys.space.4xl}"
2114
- }
2115
- }
2116
- },
2117
- "2xs": {
2118
- "description": "",
2119
- "type": "dimension",
2120
- "value": "{ref.length.4}"
2121
- },
2122
- "3xl": {
2123
- "description": "",
2124
- "type": "dimension",
2125
- "value": "{ref.length.48}"
2126
- },
2127
- "4xl": {
2128
- "description": "",
2129
- "type": "dimension",
2130
- "value": "{ref.length.56}"
2131
- },
2132
- "7xl": {
2133
- "description": "",
2134
- "type": "dimension",
2135
- "value": "{ref.length.96}"
2136
- }
2137
- },
2138
- "font": {
2139
- "family": {
2140
- "body": {
2141
- "description": "",
2142
- "type": "string",
2143
- "value": "{ref.type.family.noto}"
2144
- },
2145
- "heading": {
2146
- "description": "",
2147
- "type": "string",
2148
- "value": "{ref.type.family.clash}"
2149
- }
2150
- }
2151
- },
2152
- "radius": {
2153
- "xs": {
2154
- "description": "",
2155
- "type": "dimension",
2156
- "value": "{ref.length.8}"
2157
- },
2158
- "base": {
2159
- "description": "",
2160
- "type": "dimension",
2161
- "value": "{ref.length.16}"
2162
- },
2163
- "lg": {
2164
- "description": "",
2165
- "type": "dimension",
2166
- "value": "{ref.length.24}"
2167
- },
2168
- "2xl": {
2169
- "description": "",
2170
- "type": "dimension",
2171
- "value": "{ref.length.40}"
2172
- },
2173
- "2xs": {
2174
- "description": "",
2175
- "type": "dimension",
2176
- "value": "{ref.length.4}"
2177
- },
2178
- "sm": {
2179
- "description": "",
2180
- "type": "dimension",
2181
- "value": "{ref.length.12}"
2182
- },
2183
- "xl": {
2184
- "description": "",
2185
- "type": "dimension",
2186
- "value": "{ref.length.32}"
2187
- },
2188
- "fluid": {
2189
- "base-2xl": {
2190
- "min": {
2191
- "description": "",
2192
- "type": "color",
2193
- "value": "{sys.radius.base}"
2194
- },
2195
- "max": {
2196
- "description": "",
2197
- "type": "color",
2198
- "value": "{sys.radius.2xl}"
2199
- }
2200
- },
2201
- "xs-base": {
2202
- "min": {
2203
- "description": "",
2204
- "type": "color",
2205
- "value": "{sys.radius.xs}"
2206
- },
2207
- "max": {
2208
- "description": "",
2209
- "type": "color",
2210
- "value": "{sys.radius.base}"
2211
- }
2212
- },
2213
- "sm-base": {
2214
- "min": {
2215
- "description": "",
2216
- "type": "color",
2217
- "value": "{sys.radius.sm}"
2218
- },
2219
- "max": {
2220
- "description": "",
2221
- "type": "color",
2222
- "value": "{sys.radius.base}"
2223
- }
2224
- }
2225
- }
2226
- }
2227
- },
2228
- "dark": {
2229
- "size": {
2230
- "width": {
2231
- "page": {
2232
- "min": {
2233
- "description": "",
2234
- "type": "dimension",
2235
- "value": "{ref.length.320}"
2236
- },
2237
- "max": {
2238
- "description": "",
2239
- "type": "dimension",
2240
- "value": "{ref.length.1090}"
2241
- }
2242
- },
2243
- "surface": {
2244
- "sm": {
2245
- "description": "",
2246
- "type": "dimension",
2247
- "value": "{ref.length.240}"
2248
- },
2249
- "base": {
2250
- "description": "",
2251
- "type": "dimension",
2252
- "value": "{ref.length.360}"
2253
- },
2254
- "lg": {
2255
- "description": "",
2256
- "type": "dimension",
2257
- "value": "{ref.length.440}"
2258
- }
2259
- },
2260
- "line-length": {
2261
- "description": "",
2262
- "type": "dimension",
2263
- "value": "{ref.length.750}"
2264
- }
2265
- },
2266
- "text": {
2267
- "sm": {
2268
- "description": "",
2269
- "type": "dimension",
2270
- "value": "{ref.length.16}"
2271
- },
2272
- "4xl": {
2273
- "description": "",
2274
- "type": "dimension",
2275
- "value": "{ref.length.32}"
2276
- },
2277
- "6xl": {
2278
- "description": "",
2279
- "type": "dimension",
2280
- "value": "{ref.length.56}"
2281
- },
2282
- "7xl": {
2283
- "description": "",
2284
- "type": "dimension",
2285
- "value": "{ref.length.64}"
2286
- },
2287
- "base": {
2288
- "description": "",
2289
- "type": "dimension",
2290
- "value": "{ref.length.18}"
2291
- },
2292
- "lg": {
2293
- "description": "",
2294
- "type": "dimension",
2295
- "value": "{ref.length.20}"
2296
- },
2297
- "2xl": {
2298
- "description": "",
2299
- "type": "dimension",
2300
- "value": "{ref.length.24}"
2301
- },
2302
- "3xl": {
2303
- "description": "",
2304
- "type": "dimension",
2305
- "value": "{ref.length.28}"
2306
- },
2307
- "5xl": {
2308
- "description": "",
2309
- "type": "dimension",
2310
- "value": "{ref.length.40}"
2311
- },
2312
- "fluid": {
2313
- "5xl-7xl": {
2314
- "max": {
2315
- "description": "",
2316
- "type": "color",
2317
- "value": "{sys.size.text.7xl}"
2318
- },
2319
- "min": {
2320
- "description": "",
2321
- "type": "color",
2322
- "value": "{sys.size.text.5xl}"
2323
- }
2324
- },
2325
- "3xl-5xl": {
2326
- "max": {
2327
- "description": "",
2328
- "type": "color",
2329
- "value": "{sys.size.text.5xl}"
2330
- },
2331
- "min": {
2332
- "description": "",
2333
- "type": "color",
2334
- "value": "{sys.size.text.3xl}"
2335
- }
2336
- },
2337
- "4xl-6xl": {
2338
- "max": {
2339
- "description": "",
2340
- "type": "color",
2341
- "value": "{sys.size.text.6xl}"
2342
- },
2343
- "min": {
2344
- "description": "",
2345
- "type": "color",
2346
- "value": "{sys.size.text.4xl}"
2347
- }
2348
- },
2349
- "2xl-4xl": {
2350
- "max": {
2351
- "description": "",
2352
- "type": "color",
2353
- "value": "{sys.size.text.4xl}"
2354
- },
2355
- "min": {
2356
- "description": "",
2357
- "type": "color",
2358
- "value": "{sys.size.text.2xl}"
2359
- }
2360
- },
2361
- "xl-4xl": {
2362
- "min": {
2363
- "description": "",
2364
- "type": "color",
2365
- "value": "{sys.size.text.xl}"
2366
- },
2367
- "max": {
2368
- "description": "",
2369
- "type": "color",
2370
- "value": "{sys.size.text.4xl}"
2371
- }
2372
- },
2373
- "base-xl": {
2374
- "min": {
2375
- "description": "",
2376
- "type": "color",
2377
- "value": "{sys.size.text.base}"
2378
- },
2379
- "max": {
2380
- "description": "",
2381
- "type": "color",
2382
- "value": "{sys.size.text.xl}"
2383
- }
2384
- },
2385
- "2xl-5xl": {
2386
- "min": {
2387
- "description": "",
2388
- "type": "color",
2389
- "value": "{sys.size.text.2xl}"
2390
- },
2391
- "max": {
2392
- "description": "",
2393
- "type": "color",
2394
- "value": "{sys.size.text.5xl}"
2395
- }
2396
- },
2397
- "lg-xl": {
2398
- "min": {
2399
- "description": "",
2400
- "type": "color",
2401
- "value": "{sys.size.text.lg}"
2402
- },
2403
- "max": {
2404
- "description": "",
2405
- "type": "color",
2406
- "value": "{sys.size.text.xl}"
2407
- }
2408
- },
2409
- "base-lg": {
2410
- "min": {
2411
- "description": "",
2412
- "type": "color",
2413
- "value": "{sys.size.text.base}"
2414
- },
2415
- "max": {
2416
- "description": "",
2417
- "type": "color",
2418
- "value": "{sys.size.text.lg}"
2419
- }
2420
- },
2421
- "lg-2xl": {
2422
- "min": {
2423
- "description": "",
2424
- "type": "color",
2425
- "value": "{sys.size.text.lg}"
2426
- },
2427
- "max": {
2428
- "description": "",
2429
- "type": "color",
2430
- "value": "{sys.size.text.2xl}"
2431
- }
2432
- },
2433
- "xl-3xl": {
2434
- "min": {
2435
- "description": "",
2436
- "type": "color",
2437
- "value": "{sys.size.text.xl}"
2438
- },
2439
- "max": {
2440
- "description": "",
2441
- "type": "color",
2442
- "value": "{sys.size.text.3xl}"
2443
- }
2444
- },
2445
- "3xl-6xl": {
2446
- "min": {
2447
- "description": "",
2448
- "type": "color",
2449
- "value": "{sys.size.text.3xl}"
2450
- },
2451
- "max": {
2452
- "description": "",
2453
- "type": "color",
2454
- "value": "{sys.size.text.6xl}"
2455
- }
2456
- },
2457
- "lg-3xl": {
2458
- "min": {
2459
- "description": "",
2460
- "type": "color",
2461
- "value": "{sys.size.text.lg}"
2462
- },
2463
- "max": {
2464
- "description": "",
2465
- "type": "color",
2466
- "value": "{sys.size.text.3xl}"
2467
- }
2468
- },
2469
- "4xl-7xl": {
2470
- "min": {
2471
- "description": "",
2472
- "type": "color",
2473
- "value": "{sys.size.text.4xl}"
2474
- },
2475
- "max": {
2476
- "description": "",
2477
- "type": "color",
2478
- "value": "{sys.size.text.7xl}"
2479
- }
2480
- },
2481
- "sm-xl": {
2482
- "min": {
2483
- "description": "",
2484
- "type": "color",
2485
- "value": "{sys.size.text.sm}"
2486
- },
2487
- "max": {
2488
- "description": "",
2489
- "type": "color",
2490
- "value": "{sys.size.text.xl}"
2491
- }
2492
- },
2493
- "4xl-8xl": {
2494
- "min": {
2495
- "description": "",
2496
- "type": "color",
2497
- "value": "{sys.size.text.4xl}"
2498
- },
2499
- "max": {
2500
- "description": "",
2501
- "type": "color",
2502
- "value": "{sys.size.text.8xl}"
2503
- }
2504
- },
2505
- "xs-sm": {
2506
- "min": {
2507
- "description": "",
2508
- "type": "color",
2509
- "value": "{sys.size.text.xs}"
2510
- },
2511
- "max": {
2512
- "description": "",
2513
- "type": "color",
2514
- "value": "{sys.size.text.sm}"
2515
- }
2516
- }
2517
- },
2518
- "xs": {
2519
- "description": "",
2520
- "type": "dimension",
2521
- "value": "{ref.length.14}"
2522
- },
2523
- "xl": {
2524
- "description": "",
2525
- "type": "dimension",
2526
- "value": "{ref.length.22}"
2527
- },
2528
- "8xl": {
2529
- "description": "",
2530
- "type": "dimension",
2531
- "value": "{ref.length.96}"
2532
- }
2533
- },
2534
- "line-height": {
2535
- "body": {
2536
- "description": "",
2537
- "type": "dimension",
2538
- "value": "{ref.length.24}"
2539
- }
2540
- },
2541
- "border": {
2542
- "sm": {
2543
- "description": "",
2544
- "type": "dimension",
2545
- "value": "{ref.length.1-5}"
2546
- },
2547
- "base": {
2548
- "description": "",
2549
- "type": "dimension",
2550
- "value": "{ref.length.2}"
2551
- }
2552
- }
2553
- },
2554
- "color": {
2555
- "base": {
2556
- "description": "",
2557
- "type": "color",
2558
- "value": "{ref.color.gray.white}"
2559
- },
2560
- "background": {
2561
- "description": "",
2562
- "type": "color",
2563
- "value": "{ref.color.purple.10}"
2564
- },
2565
- "text": {
2566
- "base": {
2567
- "description": "",
2568
- "type": "color",
2569
- "value": "{ref.color.gray.white}"
2570
- },
2571
- "secondary": {
2572
- "description": "",
2573
- "type": "color",
2574
- "value": "{ref.color.gray.80}"
2575
- },
2576
- "base-inverse": {
2577
- "description": "",
2578
- "type": "color",
2579
- "value": "{ref.color.gray.black}"
2580
- },
2581
- "type-ahead": {
2582
- "description": "",
2583
- "type": "color",
2584
- "value": "{ref.color.gray.50}"
2585
- },
2586
- "input": {
2587
- "description": "",
2588
- "type": "color",
2589
- "value": "{ref.color.gray.black}"
2590
- }
2591
- },
2592
- "primary": {
2593
- "description": "",
2594
- "type": "color",
2595
- "value": "{ref.color.blue.40}"
2596
- },
2597
- "primary-hover": {
2598
- "description": "",
2599
- "type": "color",
2600
- "value": "{ref.color.blue.30}"
2601
- },
2602
- "on-primary": {
2603
- "description": "",
2604
- "type": "color",
2605
- "value": "{ref.color.gray.white}"
2606
- },
2607
- "secondary": {
2608
- "description": "",
2609
- "type": "color",
2610
- "value": "{ref.color.purple.30}"
2611
- },
2612
- "on-secondary": {
2613
- "description": "",
2614
- "type": "color",
2615
- "value": "{ref.color.gray.white}"
2616
- },
2617
- "disabled": {
2618
- "description": "",
2619
- "type": "color",
2620
- "value": "{ref.color.gray.30}"
2621
- },
2622
- "on-disabled": {
2623
- "description": "",
2624
- "type": "color",
2625
- "value": "{ref.color.gray.80}"
2626
- },
2627
- "surface": {
2628
- "inactive": {
2629
- "description": "",
2630
- "type": "color",
2631
- "value": "{ref.color.gray.10_60}"
2632
- },
2633
- "base": {
2634
- "description": "",
2635
- "type": "color",
2636
- "value": "{ref.color.gray.black}"
2637
- },
2638
- "low": {
2639
- "description": "",
2640
- "type": "color",
2641
- "value": "{ref.color.gray.10}"
2642
- },
2643
- "high": {
2644
- "description": "Used in high-contrast contexts where the color stays consistent regardless of light or dark mode",
2645
- "type": "color",
2646
- "value": "{ref.color.gray.white}"
2647
- },
2648
- "high-overlay-black": {
2649
- "description": "",
2650
- "type": "color",
2651
- "value": "{ref.color.gray.black_90}"
2652
- },
2653
- "highlight": {
2654
- "description": "",
2655
- "type": "color",
2656
- "value": "{ref.color.blue.20}"
2657
- },
2658
- "high-overlay-white": {
2659
- "description": "",
2660
- "type": "color",
2661
- "value": "{ref.color.gray.white_80}"
2662
- },
2663
- "input": {
2664
- "description": "",
2665
- "type": "color",
2666
- "value": "{ref.color.gray.white}"
2667
- },
2668
- "input-highlight": {
2669
- "description": "",
2670
- "type": "color",
2671
- "value": "{ref.color.blue.80}"
2672
- },
2673
- "success": {
2674
- "description": "",
2675
- "type": "color",
2676
- "value": "{ref.color.green.10}"
2677
- },
2678
- "error": {
2679
- "description": "",
2680
- "type": "color",
2681
- "value": "{ref.color.red.10}"
2682
- },
2683
- "warning": {
2684
- "description": "",
2685
- "type": "color",
2686
- "value": "{ref.color.yellow.10}"
2687
- },
2688
- "info": {
2689
- "description": "",
2690
- "type": "color",
2691
- "value": "{ref.color.blue.10}"
2692
- },
2693
- "emergency": {
2694
- "description": "",
2695
- "type": "color",
2696
- "value": "{ref.color.red.40}"
2697
- }
2698
- },
2699
- "on-surface": {
2700
- "base": {
2701
- "description": "",
2702
- "type": "color",
2703
- "value": "{ref.color.gray.white}"
2704
- },
2705
- "high": {
2706
- "description": "Used in high-contrast contexts where the color stays consistent regardless of light or dark mode",
2707
- "type": "color",
2708
- "value": "{ref.color.gray.white}"
2709
- }
2710
- },
2711
- "border": {
2712
- "base": {
2713
- "description": "",
2714
- "type": "color",
2715
- "value": "{ref.color.gray.30}"
2716
- },
2717
- "medium-high": {
2718
- "description": "",
2719
- "type": "color",
2720
- "value": "{ref.color.gray.80}"
2721
- },
2722
- "selected": {
2723
- "description": "",
2724
- "type": "color",
2725
- "value": "{sys.color.primary}"
2726
- },
2727
- "high": {
2728
- "description": "",
2729
- "type": "color",
2730
- "value": "{ref.color.gray.white}"
2731
- },
2732
- "medium-low": {
2733
- "description": "",
2734
- "type": "color",
2735
- "value": "{ref.color.gray.40}"
2736
- },
2737
- "focus": {
2738
- "description": "",
2739
- "type": "color",
2740
- "value": "{ref.color.gray.white}"
2741
- },
2742
- "high-inverted": {
2743
- "description": "",
2744
- "type": "color",
2745
- "value": "{ref.color.gray.black}"
2746
- },
2747
- "medium": {
2748
- "description": "",
2749
- "type": "color",
2750
- "value": "{ref.color.gray.50}"
2751
- },
2752
- "focus-high": {
2753
- "description": "",
2754
- "type": "color",
2755
- "value": "{ref.color.gray.black}"
2756
- }
2757
- },
2758
- "inactive": {
2759
- "description": "",
2760
- "type": "color",
2761
- "value": "{ref.color.gray.40}"
2762
- },
2763
- "on-inactive": {
2764
- "description": "",
2765
- "type": "color",
2766
- "value": "{ref.color.gray.10}"
2767
- },
2768
- "on-secondary-hover": {
2769
- "description": "",
2770
- "type": "color",
2771
- "value": "{ref.color.blue.10}"
2772
- },
2773
- "link-visited": {
2774
- "description": "",
2775
- "type": "color",
2776
- "value": "{ref.color.purple.50}"
2777
- },
2778
- "link": {
2779
- "description": "",
2780
- "type": "color",
2781
- "value": "{ref.color.blue.80}"
2782
- },
2783
- "element-hover": {
2784
- "description": "",
2785
- "type": "color",
2786
- "value": "{ref.color.gray.white_15}"
2787
- },
2788
- "subproperty-background": {
2789
- "description": "",
2790
- "type": "color",
2791
- "value": "{ref.color.purple.10}"
2792
- },
2793
- "auxiliary": {
2794
- "success": {
2795
- "description": "",
2796
- "type": "color",
2797
- "value": "{ref.color.green.70}"
2798
- },
2799
- "error": {
2800
- "description": "",
2801
- "type": "color",
2802
- "value": "{ref.color.red.70}"
2803
- },
2804
- "warning": {
2805
- "description": "",
2806
- "type": "color",
2807
- "value": "{ref.color.orange.80}"
2808
- },
2809
- "information": {
2810
- "description": "",
2811
- "type": "color",
2812
- "value": "{ref.color.blue.80}"
2813
- }
2814
- },
2815
- "link-high-contrast": {
2816
- "description": "",
2817
- "type": "color",
2818
- "value": "{ref.color.gray.white}"
2819
- },
2820
- "link-inverted": {
2821
- "description": "",
2822
- "type": "color",
2823
- "value": "{ref.color.blue.30}"
2824
- },
2825
- "element-pressed": {
2826
- "description": "",
2827
- "type": "color",
2828
- "value": "{ref.color.gray.white_25}"
2829
- },
2830
- "link-hover": {
2831
- "description": "",
2832
- "type": "color",
2833
- "value": "{ref.color.blue.70}"
2834
- },
2835
- "progress": {
2836
- "incomplete": {
2837
- "description": "",
2838
- "type": "color",
2839
- "value": "{ref.color.gray.70}"
2840
- },
2841
- "complete": {
2842
- "description": "",
2843
- "type": "color",
2844
- "value": "{ref.color.gray.80}"
2845
- }
2846
- },
2847
- "element-hover inverted": {
2848
- "description": "",
2849
- "type": "color",
2850
- "value": "{ref.color.gray.10_15}"
2851
- },
2852
- "element-pressed inverted": {
2853
- "description": "",
2854
- "type": "color",
2855
- "value": "{ref.color.gray.10_25}"
2856
- }
2857
- },
2858
- "shadow": {
2859
- "low": {
2860
- "description": "",
2861
- "type": "string",
2862
- "value": "{ref.shadow.10}"
2863
- },
2864
- "base": {
2865
- "description": "",
2866
- "type": "string",
2867
- "value": "{ref.shadow.20}"
2868
- }
2869
- },
2870
- "gradient": {
2871
- "background": {
2872
- "description": "",
2873
- "type": "string",
2874
- "value": "{ref.gradient.purple}"
2875
- },
2876
- "text-fill": {
2877
- "description": "",
2878
- "type": "string",
2879
- "value": "{ref.gradient.rainbow}"
2880
- }
2881
- },
2882
- "space": {
2883
- "xs": {
2884
- "description": "",
2885
- "type": "dimension",
2886
- "value": "{ref.length.8}"
2887
- },
2888
- "sm": {
2889
- "description": "",
2890
- "type": "dimension",
2891
- "value": "{ref.length.12}"
2892
- },
2893
- "base": {
2894
- "description": "",
2895
- "type": "dimension",
2896
- "value": "{ref.length.16}"
2897
- },
2898
- "lg": {
2899
- "description": "",
2900
- "type": "dimension",
2901
- "value": "{ref.length.24}"
2902
- },
2903
- "2xl": {
2904
- "description": "",
2905
- "type": "dimension",
2906
- "value": "{ref.length.40}"
2907
- },
2908
- "5xl": {
2909
- "description": "",
2910
- "type": "dimension",
2911
- "value": "{ref.length.64}"
2912
- },
2913
- "6xl": {
2914
- "description": "",
2915
- "type": "dimension",
2916
- "value": "{ref.length.80}"
2917
- },
2918
- "8xl": {
2919
- "description": "",
2920
- "type": "dimension",
2921
- "value": "{ref.length.112}"
2922
- },
2923
- "xl": {
2924
- "description": "",
2925
- "type": "dimension",
2926
- "value": "{ref.length.32}"
2927
- },
2928
- "fluid": {
2929
- "2xl-6xl": {
2930
- "max": {
2931
- "description": "",
2932
- "type": "color",
2933
- "value": "{sys.space.6xl}"
2934
- },
2935
- "min": {
2936
- "description": "",
2937
- "type": "color",
2938
- "value": "{sys.space.2xl}"
2939
- }
2940
- },
2941
- "base-2xl": {
2942
- "max": {
2943
- "description": "",
2944
- "type": "color",
2945
- "value": "{sys.space.2xl}"
2946
- },
2947
- "min": {
2948
- "description": "",
2949
- "type": "color",
2950
- "value": "{sys.space.base}"
2951
- }
2952
- },
2953
- "2xl-5xl": {
2954
- "max": {
2955
- "description": "",
2956
- "type": "color",
2957
- "value": "{sys.space.5xl}"
2958
- },
2959
- "min": {
2960
- "description": "",
2961
- "type": "color",
2962
- "value": "{sys.space.2xl}"
2963
- }
2964
- },
2965
- "lg-2xl": {
2966
- "min": {
2967
- "description": "",
2968
- "type": "color",
2969
- "value": "{sys.space.lg}"
2970
- },
2971
- "max": {
2972
- "description": "",
2973
- "type": "color",
2974
- "value": "{sys.space.2xl}"
2975
- }
2976
- },
2977
- "xs-sm": {
2978
- "min": {
2979
- "description": "",
2980
- "type": "color",
2981
- "value": "{sys.space.xs}"
2982
- },
2983
- "max": {
2984
- "description": "",
2985
- "type": "color",
2986
- "value": "{sys.space.sm}"
2987
- }
2988
- },
2989
- "base-xl": {
2990
- "max": {
2991
- "description": "",
2992
- "type": "color",
2993
- "value": "{sys.space.xl}"
2994
- },
2995
- "min": {
2996
- "description": "",
2997
- "type": "color",
2998
- "value": "{sys.space.base}"
2999
- }
3000
- },
3001
- "lg-5xl": {
3002
- "min": {
3003
- "description": "",
3004
- "type": "color",
3005
- "value": "{sys.space.lg}"
3006
- },
3007
- "max": {
3008
- "description": "",
3009
- "type": "color",
3010
- "value": "{sys.space.5xl}"
3011
- }
3012
- },
3013
- "xl-2xl": {
3014
- "min": {
3015
- "description": "",
3016
- "type": "color",
3017
- "value": "{sys.space.xl}"
3018
- },
3019
- "max": {
3020
- "description": "",
3021
- "type": "color",
3022
- "value": "{sys.space.2xl}"
3023
- }
3024
- },
3025
- "lg-8xl": {
3026
- "min": {
3027
- "description": "",
3028
- "type": "color",
3029
- "value": "{sys.space.lg}"
3030
- },
3031
- "max": {
3032
- "description": "",
3033
- "type": "color",
3034
- "value": "{sys.space.8xl}"
3035
- }
3036
- },
3037
- "lg-xl": {
3038
- "min": {
3039
- "description": "",
3040
- "type": "color",
3041
- "value": "{sys.space.lg}"
3042
- },
3043
- "max": {
3044
- "description": "",
3045
- "type": "color",
3046
- "value": "{sys.space.xl}"
3047
- }
3048
- },
3049
- "base-lg": {
3050
- "min": {
3051
- "description": "",
3052
- "type": "color",
3053
- "value": "{sys.space.base}"
3054
- },
3055
- "max": {
3056
- "description": "",
3057
- "type": "color",
3058
- "value": "{sys.space.lg}"
3059
- }
3060
- },
3061
- "base-5xl": {
3062
- "min": {
3063
- "description": "",
3064
- "type": "color",
3065
- "value": "{sys.space.base}"
3066
- },
3067
- "max": {
3068
- "description": "",
3069
- "type": "color",
3070
- "value": "{sys.space.5xl}"
3071
- }
3072
- },
3073
- "lg-3xl": {
3074
- "min": {
3075
- "description": "",
3076
- "type": "color",
3077
- "value": "{sys.space.lg}"
3078
- },
3079
- "max": {
3080
- "description": "",
3081
- "type": "color",
3082
- "value": "{sys.space.3xl}"
3083
- }
3084
- },
3085
- "7xl-8xl": {
3086
- "min": {
3087
- "description": "",
3088
- "type": "color",
3089
- "value": "{sys.space.7xl}"
3090
- },
3091
- "max": {
3092
- "description": "",
3093
- "type": "color",
3094
- "value": "{sys.space.8xl}"
3095
- }
3096
- },
3097
- "6xl-8xl": {
3098
- "min": {
3099
- "description": "",
3100
- "type": "color",
3101
- "value": "{sys.space.6xl}"
3102
- },
3103
- "max": {
3104
- "description": "",
3105
- "type": "color",
3106
- "value": "{sys.space.8xl}"
3107
- }
3108
- },
3109
- "xl-5xl": {
3110
- "min": {
3111
- "description": "",
3112
- "type": "color",
3113
- "value": "{sys.space.xl}"
3114
- },
3115
- "max": {
3116
- "description": "",
3117
- "type": "color",
3118
- "value": "{sys.space.5xl}"
3119
- }
3120
- },
3121
- "3xl-5xl": {
3122
- "min": {
3123
- "description": "",
3124
- "type": "color",
3125
- "value": "{sys.space.3xl}"
3126
- },
3127
- "max": {
3128
- "description": "",
3129
- "type": "color",
3130
- "value": "{sys.space.5xl}"
3131
- }
3132
- },
3133
- "sm-base": {
3134
- "min": {
3135
- "description": "",
3136
- "type": "color",
3137
- "value": "{sys.space.sm}"
3138
- },
3139
- "max": {
3140
- "description": "",
3141
- "type": "color",
3142
- "value": "{sys.space.base}"
3143
- }
3144
- },
3145
- "xs-base": {
3146
- "min": {
3147
- "description": "",
3148
- "type": "color",
3149
- "value": "{sys.space.xs}"
3150
- },
3151
- "max": {
3152
- "description": "",
3153
- "type": "color",
3154
- "value": "{sys.space.base}"
3155
- }
3156
- },
3157
- "5xl-6xl": {
3158
- "min": {
3159
- "description": "",
3160
- "type": "color",
3161
- "value": "{sys.space.5xl}"
3162
- },
3163
- "max": {
3164
- "description": "",
3165
- "type": "color",
3166
- "value": "{sys.space.6xl}"
3167
- }
3168
- },
3169
- "xs-xl": {
3170
- "min": {
3171
- "description": "",
3172
- "type": "color",
3173
- "value": "{sys.space.xs}"
3174
- },
3175
- "max": {
3176
- "description": "",
3177
- "type": "color",
3178
- "value": "{sys.space.xl}"
3179
- }
3180
- },
3181
- "xl-3xl": {
3182
- "min": {
3183
- "description": "",
3184
- "type": "color",
3185
- "value": "{sys.space.xl}"
3186
- },
3187
- "max": {
3188
- "description": "",
3189
- "type": "color",
3190
- "value": "{sys.space.3xl}"
3191
- }
3192
- },
3193
- "base-4xl": {
3194
- "min": {
3195
- "description": "",
3196
- "type": "color",
3197
- "value": "{sys.space.base}"
3198
- },
3199
- "max": {
3200
- "description": "",
3201
- "type": "color",
3202
- "value": "{sys.space.4xl}"
3203
- }
3204
- },
3205
- "lg-4xl": {
3206
- "min": {
3207
- "description": "",
3208
- "type": "color",
3209
- "value": "{sys.space.lg}"
3210
- },
3211
- "max": {
3212
- "description": "",
3213
- "type": "color",
3214
- "value": "{sys.space.4xl}"
3215
- }
3216
- },
3217
- "2xl-4xl": {
3218
- "min": {
3219
- "description": "",
3220
- "type": "color",
3221
- "value": "{sys.space.2xl}"
3222
- },
3223
- "max": {
3224
- "description": "",
3225
- "type": "color",
3226
- "value": "{sys.space.4xl}"
3227
- }
3228
- }
3229
- },
3230
- "2xs": {
3231
- "description": "",
3232
- "type": "dimension",
3233
- "value": "{ref.length.4}"
3234
- },
3235
- "3xl": {
3236
- "description": "",
3237
- "type": "dimension",
3238
- "value": "{ref.length.48}"
3239
- },
3240
- "4xl": {
3241
- "description": "",
3242
- "type": "dimension",
3243
- "value": "{ref.length.56}"
3244
- },
3245
- "7xl": {
3246
- "description": "",
3247
- "type": "dimension",
3248
- "value": "{ref.length.96}"
3249
- }
3250
- },
3251
- "font": {
3252
- "family": {
3253
- "body": {
3254
- "description": "",
3255
- "type": "string",
3256
- "value": "{ref.type.family.noto}"
3257
- },
3258
- "heading": {
3259
- "description": "",
3260
- "type": "string",
3261
- "value": "{ref.type.family.clash}"
3262
- }
3263
- }
3264
- },
3265
- "radius": {
3266
- "xs": {
3267
- "description": "",
3268
- "type": "dimension",
3269
- "value": "{ref.length.8}"
3270
- },
3271
- "base": {
3272
- "description": "",
3273
- "type": "dimension",
3274
- "value": "{ref.length.16}"
3275
- },
3276
- "lg": {
3277
- "description": "",
3278
- "type": "dimension",
3279
- "value": "{ref.length.24}"
3280
- },
3281
- "2xl": {
3282
- "description": "",
3283
- "type": "dimension",
3284
- "value": "{ref.length.40}"
3285
- },
3286
- "2xs": {
3287
- "description": "",
3288
- "type": "dimension",
3289
- "value": "{ref.length.4}"
3290
- },
3291
- "sm": {
3292
- "description": "",
3293
- "type": "dimension",
3294
- "value": "{ref.length.12}"
3295
- },
3296
- "xl": {
3297
- "description": "",
3298
- "type": "dimension",
3299
- "value": "{ref.length.32}"
3300
- },
3301
- "fluid": {
3302
- "base-2xl": {
3303
- "min": {
3304
- "description": "",
3305
- "type": "color",
3306
- "value": "{sys.radius.base}"
3307
- },
3308
- "max": {
3309
- "description": "",
3310
- "type": "color",
3311
- "value": "{sys.radius.2xl}"
3312
- }
3313
- },
3314
- "xs-base": {
3315
- "min": {
3316
- "description": "",
3317
- "type": "color",
3318
- "value": "{sys.radius.xs}"
3319
- },
3320
- "max": {
3321
- "description": "",
3322
- "type": "color",
3323
- "value": "{sys.radius.base}"
3324
- }
3325
- },
3326
- "sm-base": {
3327
- "min": {
3328
- "description": "",
3329
- "type": "color",
3330
- "value": "{sys.radius.sm}"
3331
- },
3332
- "max": {
3333
- "description": "",
3334
- "type": "color",
3335
- "value": "{sys.radius.base}"
3336
- }
3337
- }
3338
- }
3339
- }
3340
- }
3341
- },
3342
- "figma": {
3343
- "content": {
3344
- "spacing": {
3345
- "h2-desktop": {
3346
- "description": "",
3347
- "type": "color",
3348
- "value": "{sys.space.fluid.lg-xl.max}"
3349
- },
3350
- "h2-mobile": {
3351
- "description": "",
3352
- "type": "color",
3353
- "value": "{sys.space.fluid.lg-xl.min}"
3354
- },
3355
- "h3-h4": {
3356
- "description": "",
3357
- "type": "color",
3358
- "value": "{sys.space.base}"
3359
- }
3360
- },
3361
- "vertical-padding": {
3362
- "desktop": {
3363
- "description": "",
3364
- "type": "color",
3365
- "value": "{sys.space.fluid.2xl-4xl.max}"
3366
- },
3367
- "mobile": {
3368
- "description": "",
3369
- "type": "color",
3370
- "value": "{sys.space.fluid.2xl-4xl.min}"
3371
- }
3372
- },
3373
- "component-grid": {
3374
- "desktop": {
3375
- "description": "",
3376
- "type": "color",
3377
- "value": "{sys.space.fluid.base-lg.max}"
3378
- },
3379
- "mobile": {
3380
- "description": "",
3381
- "type": "color",
3382
- "value": "{sys.space.fluid.base-lg.min}"
3383
- }
3384
- }
3385
- },
3386
- "modal": {
3387
- "padding": {
3388
- "desktop": {
3389
- "description": "",
3390
- "type": "color",
3391
- "value": "{sys.space.fluid.base-xl.max}"
3392
- },
3393
- "mobile": {
3394
- "description": "",
3395
- "type": "color",
3396
- "value": "{sys.space.fluid.base-xl.min}"
3397
- }
3398
- }
3399
- },
3400
- "accordion": {
3401
- "padding": {
3402
- "desktop": {
3403
- "description": "",
3404
- "type": "color",
3405
- "value": "{sys.space.fluid.base-xl.max}"
3406
- },
3407
- "mobile": {
3408
- "description": "",
3409
- "type": "color",
3410
- "value": "{sys.space.fluid.base-xl.min}"
3411
- }
3412
- }
3413
- }
3414
- }
3415
- }