@equinor/eds-tokens 2.3.1 → 3.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/types/tokens/ts/color-scheme/dark.d.ts +117 -0
  2. package/dist/types/tokens/ts/color-scheme/light.d.ts +117 -0
  3. package/dist/types/tokens/ts/colors/default.d.ts +249 -0
  4. package/dist/types/tokens/ts/density/comfortable.d.ts +100 -0
  5. package/dist/types/tokens/ts/density/compact.d.ts +100 -0
  6. package/dist/types/tokens/ts/density/relaxed.d.ts +100 -0
  7. package/dist/types/tokens/ts/font/default.d.ts +16 -0
  8. package/dist/types/tokens/ts/primitives/default.d.ts +169 -0
  9. package/dist/types/tokens/ts/semantic/dark.d.ts +212 -0
  10. package/dist/types/tokens/ts/semantic/light.d.ts +212 -0
  11. package/package.json +16 -8
  12. package/src/tokens/css/color-scheme/dark.css +100 -0
  13. package/src/tokens/css/color-scheme/light.css +100 -0
  14. package/src/tokens/css/colors/default.css +212 -0
  15. package/src/tokens/css/density/comfortable.css +51 -0
  16. package/src/tokens/css/density/compact.css +51 -0
  17. package/src/tokens/css/density/relaxed.css +51 -0
  18. package/src/tokens/css/font/default.css +7 -0
  19. package/src/tokens/css/primitives/default.css +84 -0
  20. package/src/tokens/css/semantic/default.css +115 -0
  21. package/src/tokens/dtcg/color-scheme/dark.json +1092 -0
  22. package/src/tokens/dtcg/color-scheme/light.json +1092 -0
  23. package/src/tokens/dtcg/colors/default.json +2344 -0
  24. package/src/tokens/dtcg/density/comfortable.json +748 -0
  25. package/src/tokens/dtcg/density/compact.json +748 -0
  26. package/src/tokens/dtcg/density/relaxed.json +748 -0
  27. package/src/tokens/dtcg/font/default.json +76 -0
  28. package/src/tokens/dtcg/primitives/default.json +1181 -0
  29. package/src/tokens/dtcg/semantic/default.json +1667 -0
  30. package/src/tokens/ts/color-scheme/dark.ts +119 -0
  31. package/src/tokens/ts/color-scheme/light.ts +119 -0
  32. package/src/tokens/ts/colors/default.ts +251 -0
  33. package/src/tokens/ts/density/comfortable.ts +102 -0
  34. package/src/tokens/ts/density/compact.ts +102 -0
  35. package/src/tokens/ts/density/relaxed.ts +102 -0
  36. package/src/tokens/ts/font/default.ts +18 -0
  37. package/src/tokens/ts/primitives/default.ts +171 -0
  38. package/src/tokens/ts/semantic/dark.ts +214 -0
  39. package/src/tokens/ts/semantic/light.ts +214 -0
package/src/tokens/dtcg/semantic/default.json ADDED
@@ -0,0 +1,1667 @@
1
+ {
2
+ "background": {
3
+ "container": {
4
+ "canvas": {
5
+ "default": {
6
+ "$extensions": {
7
+ "$extensions": {
8
+ "com.figma": {
9
+ "scopes": [
10
+ "FRAME_FILL",
11
+ "SHAPE_FILL"
12
+ ]
13
+ }
14
+ }
15
+ },
16
+ "$type": "color",
17
+ "$value": "{neutral.1}"
18
+ }
19
+ },
20
+ "card": {
21
+ "default": {
22
+ "$extensions": {
23
+ "$extensions": {
24
+ "com.figma": {
25
+ "scopes": [
26
+ "FRAME_FILL",
27
+ "SHAPE_FILL"
28
+ ]
29
+ }
30
+ }
31
+ },
32
+ "$type": "color",
33
+ "$value": "{neutral.15}"
34
+ }
35
+ },
36
+ "popover": {
37
+ "default": {
38
+ "$extensions": {
39
+ "$extensions": {
40
+ "com.figma": {
41
+ "scopes": [
42
+ "FRAME_FILL",
43
+ "SHAPE_FILL"
44
+ ]
45
+ }
46
+ }
47
+ },
48
+ "$type": "color",
49
+ "$value": "{neutral.15}"
50
+ },
51
+ "inverted": {
52
+ "$extensions": {
53
+ "$extensions": {
54
+ "com.figma": {
55
+ "scopes": [
56
+ "FRAME_FILL",
57
+ "SHAPE_FILL"
58
+ ]
59
+ }
60
+ }
61
+ },
62
+ "$type": "color",
63
+ "$value": "{neutral.12}"
64
+ }
65
+ },
66
+ "sheet": {
67
+ "dialog": {
68
+ "default": {
69
+ "$extensions": {
70
+ "$extensions": {
71
+ "com.figma": {
72
+ "scopes": [
73
+ "FRAME_FILL",
74
+ "SHAPE_FILL"
75
+ ]
76
+ }
77
+ }
78
+ },
79
+ "$type": "color",
80
+ "$value": "{neutral.15}"
81
+ }
82
+ }
83
+ }
84
+ },
85
+ "surface": {
86
+ "accent": {
87
+ "default": {
88
+ "default": {
89
+ "$extensions": {
90
+ "$extensions": {
91
+ "com.figma": {
92
+ "scopes": [
93
+ "FRAME_FILL",
94
+ "SHAPE_FILL"
95
+ ]
96
+ }
97
+ }
98
+ },
99
+ "$type": "color",
100
+ "$value": "{accent.14}"
101
+ },
102
+ "hover": {
103
+ "$extensions": {
104
+ "$extensions": {
105
+ "com.figma": {
106
+ "scopes": [
107
+ "FRAME_FILL",
108
+ "SHAPE_FILL"
109
+ ]
110
+ }
111
+ }
112
+ },
113
+ "$type": "color",
114
+ "$value": "{accent.11}"
115
+ },
116
+ "pressed": {
117
+ "$extensions": {
118
+ "$extensions": {
119
+ "com.figma": {
120
+ "scopes": [
121
+ "FRAME_FILL",
122
+ "SHAPE_FILL"
123
+ ]
124
+ }
125
+ }
126
+ },
127
+ "$type": "color",
128
+ "$value": "{accent.15}"
129
+ }
130
+ },
131
+ "selected": {
132
+ "default": {
133
+ "$extensions": {
134
+ "$extensions": {
135
+ "com.figma": {
136
+ "scopes": [
137
+ "FRAME_FILL",
138
+ "SHAPE_FILL"
139
+ ]
140
+ }
141
+ }
142
+ },
143
+ "$type": "color",
144
+ "$value": "{accent.5}"
145
+ },
146
+ "hover": {
147
+ "$extensions": {
148
+ "$extensions": {
149
+ "com.figma": {
150
+ "scopes": [
151
+ "FRAME_FILL",
152
+ "SHAPE_FILL"
153
+ ]
154
+ }
155
+ }
156
+ },
157
+ "$type": "color",
158
+ "$value": "{accent.6}"
159
+ },
160
+ "pressed": {
161
+ "$extensions": {
162
+ "$extensions": {
163
+ "com.figma": {
164
+ "scopes": [
165
+ "FRAME_FILL",
166
+ "SHAPE_FILL"
167
+ ]
168
+ }
169
+ }
170
+ },
171
+ "$type": "color",
172
+ "$value": "{accent.7}"
173
+ }
174
+ },
175
+ "subtle": {
176
+ "default": {
177
+ "$extensions": {
178
+ "$extensions": {
179
+ "com.figma": {
180
+ "scopes": [
181
+ "FRAME_FILL",
182
+ "SHAPE_FILL"
183
+ ]
184
+ }
185
+ }
186
+ },
187
+ "$type": "color",
188
+ "$value": "{accent.2}"
189
+ },
190
+ "hover": {
191
+ "$extensions": {
192
+ "$extensions": {
193
+ "com.figma": {
194
+ "scopes": [
195
+ "FRAME_FILL",
196
+ "SHAPE_FILL"
197
+ ]
198
+ }
199
+ }
200
+ },
201
+ "$type": "color",
202
+ "$value": "{accent.4}"
203
+ },
204
+ "pressed": {
205
+ "$extensions": {
206
+ "$extensions": {
207
+ "com.figma": {
208
+ "scopes": [
209
+ "FRAME_FILL",
210
+ "SHAPE_FILL"
211
+ ]
212
+ }
213
+ }
214
+ },
215
+ "$type": "color",
216
+ "$value": "{accent.6}"
217
+ }
218
+ }
219
+ },
220
+ "default": {
221
+ "active": {
222
+ "$extensions": {
223
+ "$extensions": {
224
+ "com.figma": {
225
+ "scopes": [
226
+ "FRAME_FILL",
227
+ "SHAPE_FILL"
228
+ ]
229
+ }
230
+ }
231
+ },
232
+ "$type": "color",
233
+ "$value": "{neutral.2}"
234
+ },
235
+ "default": {
236
+ "$extensions": {
237
+ "$extensions": {
238
+ "com.figma": {
239
+ "scopes": [
240
+ "FRAME_FILL",
241
+ "SHAPE_FILL"
242
+ ]
243
+ }
244
+ }
245
+ },
246
+ "$type": "color",
247
+ "$value": "{neutral.1}"
248
+ },
249
+ "disabled": {
250
+ "$extensions": {
251
+ "$extensions": {
252
+ "com.figma": {
253
+ "scopes": [
254
+ "FRAME_FILL",
255
+ "SHAPE_FILL"
256
+ ]
257
+ }
258
+ }
259
+ },
260
+ "$type": "color",
261
+ "$value": "{neutral.1}"
262
+ },
263
+ "hover": {
264
+ "$extensions": {
265
+ "$extensions": {
266
+ "com.figma": {
267
+ "scopes": [
268
+ "FRAME_FILL",
269
+ "SHAPE_FILL"
270
+ ]
271
+ }
272
+ }
273
+ },
274
+ "$type": "color",
275
+ "$value": "{neutral.2}"
276
+ },
277
+ "muted": {
278
+ "$extensions": {
279
+ "$extensions": {
280
+ "com.figma": {
281
+ "scopes": [
282
+ "FRAME_FILL",
283
+ "SHAPE_FILL"
284
+ ]
285
+ }
286
+ }
287
+ },
288
+ "$type": "color",
289
+ "$value": "{neutral.1}"
290
+ },
291
+ "pressed": {
292
+ "$extensions": {
293
+ "$extensions": {
294
+ "com.figma": {
295
+ "scopes": [
296
+ "FRAME_FILL",
297
+ "SHAPE_FILL"
298
+ ]
299
+ }
300
+ }
301
+ },
302
+ "$type": "color",
303
+ "$value": "{neutral.3}"
304
+ },
305
+ "readOnly": {
306
+ "$extensions": {
307
+ "$extensions": {
308
+ "com.figma": {
309
+ "scopes": [
310
+ "FRAME_FILL",
311
+ "SHAPE_FILL"
312
+ ]
313
+ }
314
+ }
315
+ },
316
+ "$type": "color",
317
+ "$value": "{neutral.1}"
318
+ },
319
+ "selected": {
320
+ "default": {
321
+ "$extensions": {
322
+ "$extensions": {
323
+ "com.figma": {
324
+ "scopes": [
325
+ "FRAME_FILL",
326
+ "SHAPE_FILL"
327
+ ]
328
+ }
329
+ }
330
+ },
331
+ "$type": "color",
332
+ "$value": "{accent.2}"
333
+ },
334
+ "hover": {
335
+ "$extensions": {
336
+ "$extensions": {
337
+ "com.figma": {
338
+ "scopes": [
339
+ "FRAME_FILL",
340
+ "SHAPE_FILL"
341
+ ]
342
+ }
343
+ }
344
+ },
345
+ "$type": "color",
346
+ "$value": "{accent.3}"
347
+ },
348
+ "pressed": {
349
+ "$extensions": {
350
+ "$extensions": {
351
+ "com.figma": {
352
+ "scopes": [
353
+ "FRAME_FILL",
354
+ "SHAPE_FILL"
355
+ ]
356
+ }
357
+ }
358
+ },
359
+ "$type": "color",
360
+ "$value": "{accent.4}"
361
+ }
362
+ }
363
+ }
364
+ }
365
+ },
366
+ "border": {
367
+ "default": {
368
+ "$extensions": {
369
+ "$extensions": {
370
+ "com.figma": {
371
+ "scopes": [
372
+ "STROKE_COLOR"
373
+ ]
374
+ }
375
+ }
376
+ },
377
+ "$type": "color",
378
+ "$value": "{neutral.4}"
379
+ },
380
+ "disabled": {
381
+ "$extensions": {
382
+ "$extensions": {
383
+ "com.figma": {
384
+ "scopes": [
385
+ "STROKE_COLOR"
386
+ ]
387
+ }
388
+ }
389
+ },
390
+ "$type": "color",
391
+ "$value": "{neutral.2}"
392
+ },
393
+ "emphasized": {
394
+ "$extensions": {
395
+ "$extensions": {
396
+ "com.figma": {
397
+ "scopes": [
398
+ "STROKE_COLOR"
399
+ ]
400
+ }
401
+ }
402
+ },
403
+ "$type": "color",
404
+ "$value": "{neutral.6}"
405
+ },
406
+ "focus": {
407
+ "$extensions": {
408
+ "$extensions": {
409
+ "com.figma": {
410
+ "scopes": [
411
+ "STROKE_COLOR"
412
+ ]
413
+ }
414
+ }
415
+ },
416
+ "$type": "color",
417
+ "$value": "{border-focus}"
418
+ },
419
+ "hover": {
420
+ "$extensions": {
421
+ "$extensions": {
422
+ "com.figma": {
423
+ "scopes": [
424
+ "STROKE_COLOR"
425
+ ]
426
+ }
427
+ }
428
+ },
429
+ "$type": "color",
430
+ "$value": "{neutral.7}"
431
+ },
432
+ "selected": {
433
+ "$extensions": {
434
+ "$extensions": {
435
+ "com.figma": {
436
+ "scopes": [
437
+ "STROKE_COLOR"
438
+ ]
439
+ }
440
+ }
441
+ },
442
+ "$type": "color",
443
+ "$value": "{accent.13}"
444
+ },
445
+ "subtle": {
446
+ "$extensions": {
447
+ "$extensions": {
448
+ "com.figma": {
449
+ "scopes": [
450
+ "STROKE_COLOR"
451
+ ]
452
+ }
453
+ }
454
+ },
455
+ "$type": "color",
456
+ "$value": "{neutral.2}"
457
+ }
458
+ },
459
+ "corner-radius": {
460
+ "none": {
461
+ "$extensions": {
462
+ "$extensions": {
463
+ "com.figma": {
464
+ "hiddenFromPublishing": false,
465
+ "scopes": [
466
+ "CORNER_RADIUS"
467
+ ]
468
+ }
469
+ }
470
+ },
471
+ "$type": "dimension",
472
+ "$value": "{density.corner-radius.none}"
473
+ },
474
+ "pill": {
475
+ "$extensions": {
476
+ "$extensions": {
477
+ "com.figma": {
478
+ "hiddenFromPublishing": false,
479
+ "scopes": [
480
+ "CORNER_RADIUS"
481
+ ]
482
+ }
483
+ }
484
+ },
485
+ "$type": "dimension",
486
+ "$value": "{density.corner-radius.pill}"
487
+ },
488
+ "rounded": {
489
+ "$extensions": {
490
+ "$extensions": {
491
+ "com.figma": {
492
+ "hiddenFromPublishing": false,
493
+ "scopes": [
494
+ "CORNER_RADIUS"
495
+ ]
496
+ }
497
+ }
498
+ },
499
+ "$type": "dimension",
500
+ "$value": "{density.corner-radius.rounded}"
501
+ },
502
+ "rounded-outer": {
503
+ "$extensions": {
504
+ "$extensions": {
505
+ "com.figma": {
506
+ "hiddenFromPublishing": false,
507
+ "scopes": [
508
+ "CORNER_RADIUS"
509
+ ]
510
+ }
511
+ }
512
+ },
513
+ "$type": "dimension",
514
+ "$value": "{density.corner-radius.rounded-outer}"
515
+ }
516
+ },
517
+ "font-family": {
518
+ "header": {
519
+ "$extensions": {
520
+ "$extensions": {
521
+ "com.figma": {
522
+ "hiddenFromPublishing": false,
523
+ "scopes": [
524
+ "FONT_FAMILY"
525
+ ]
526
+ }
527
+ }
528
+ },
529
+ "$type": "text",
530
+ "$value": "{family.header}"
531
+ },
532
+ "ui": {
533
+ "$extensions": {
534
+ "$extensions": {
535
+ "com.figma": {
536
+ "hiddenFromPublishing": false,
537
+ "scopes": [
538
+ "FONT_FAMILY"
539
+ ]
540
+ }
541
+ }
542
+ },
543
+ "$type": "text",
544
+ "$value": "{family.ui}"
545
+ }
546
+ },
547
+ "font-weight": {
548
+ "bolder": {
549
+ "$extensions": {
550
+ "$extensions": {
551
+ "com.figma": {
552
+ "hiddenFromPublishing": false,
553
+ "scopes": [
554
+ "FONT_WEIGHT"
555
+ ]
556
+ }
557
+ }
558
+ },
559
+ "$type": "number",
560
+ "$value": "{weight.bolder}"
561
+ },
562
+ "lighter": {
563
+ "$extensions": {
564
+ "$extensions": {
565
+ "com.figma": {
566
+ "hiddenFromPublishing": false,
567
+ "scopes": [
568
+ "FONT_WEIGHT"
569
+ ]
570
+ }
571
+ }
572
+ },
573
+ "$type": "number",
574
+ "$value": "{weight.lighter}"
575
+ },
576
+ "normal": {
577
+ "$extensions": {
578
+ "$extensions": {
579
+ "com.figma": {
580
+ "hiddenFromPublishing": false,
581
+ "scopes": [
582
+ "FONT_WEIGHT"
583
+ ]
584
+ }
585
+ }
586
+ },
587
+ "$type": "number",
588
+ "$value": "{weight.normal}"
589
+ }
590
+ },
591
+ "icon": {
592
+ "accent": {
593
+ "$extensions": {
594
+ "$extensions": {
595
+ "com.figma": {
596
+ "scopes": [
597
+ "SHAPE_FILL"
598
+ ]
599
+ }
600
+ }
601
+ },
602
+ "$type": "color",
603
+ "$value": "{accent.13}"
604
+ },
605
+ "accent-hover": {
606
+ "$extensions": {
607
+ "$extensions": {
608
+ "com.figma": {
609
+ "scopes": [
610
+ "SHAPE_FILL"
611
+ ]
612
+ }
613
+ }
614
+ },
615
+ "$type": "color",
616
+ "$value": "{accent.14}"
617
+ },
618
+ "accent-pressed": {
619
+ "$extensions": {
620
+ "$extensions": {
621
+ "com.figma": {
622
+ "scopes": [
623
+ "SHAPE_FILL"
624
+ ]
625
+ }
626
+ }
627
+ },
628
+ "$type": "color",
629
+ "$value": "{accent.15}"
630
+ },
631
+ "color-on-dark": {
632
+ "$extensions": {
633
+ "$extensions": {
634
+ "com.figma": {
635
+ "scopes": [
636
+ "SHAPE_FILL"
637
+ ]
638
+ }
639
+ }
640
+ },
641
+ "$type": "color",
642
+ "$value": "{neutral.14}"
643
+ },
644
+ "color-on-light": {
645
+ "$extensions": {
646
+ "$extensions": {
647
+ "com.figma": {
648
+ "scopes": [
649
+ "SHAPE_FILL"
650
+ ]
651
+ }
652
+ }
653
+ },
654
+ "$type": "color",
655
+ "$value": "{neutral.12}"
656
+ },
657
+ "disabled": {
658
+ "$extensions": {
659
+ "$extensions": {
660
+ "com.figma": {
661
+ "scopes": [
662
+ "SHAPE_FILL"
663
+ ]
664
+ }
665
+ }
666
+ },
667
+ "$type": "color",
668
+ "$value": "{neutral.5}"
669
+ },
670
+ "muted": {
671
+ "$extensions": {
672
+ "$extensions": {
673
+ "com.figma": {
674
+ "scopes": [
675
+ "SHAPE_FILL"
676
+ ]
677
+ }
678
+ }
679
+ },
680
+ "$type": "color",
681
+ "$value": "{neutral.7}"
682
+ },
683
+ "on-accent": {
684
+ "$extensions": {
685
+ "$extensions": {
686
+ "com.figma": {
687
+ "scopes": [
688
+ "SHAPE_FILL"
689
+ ]
690
+ }
691
+ }
692
+ },
693
+ "$type": "color",
694
+ "$value": "{neutral.14}"
695
+ },
696
+ "primary": {
697
+ "$extensions": {
698
+ "$extensions": {
699
+ "com.figma": {
700
+ "scopes": [
701
+ "SHAPE_FILL"
702
+ ]
703
+ }
704
+ }
705
+ },
706
+ "$type": "color",
707
+ "$value": "{neutral.10}"
708
+ },
709
+ "secondary": {
710
+ "$extensions": {
711
+ "$extensions": {
712
+ "com.figma": {
713
+ "scopes": [
714
+ "SHAPE_FILL"
715
+ ]
716
+ }
717
+ }
718
+ },
719
+ "$type": "color",
720
+ "$value": "{neutral.8}"
721
+ }
722
+ },
723
+ "overlay": {
724
+ "scrim": {
725
+ "$extensions": {
726
+ "$extensions": {
727
+ "com.figma": {
728
+ "scopes": [
729
+ "FRAME_FILL",
730
+ "SHAPE_FILL"
731
+ ]
732
+ }
733
+ }
734
+ },
735
+ "$type": "color",
736
+ "$value": {
737
+ "alpha": 0.1,
738
+ "channels": [
739
+ 29,
740
+ 29,
741
+ 29
742
+ ],
743
+ "colorSpace": "rgb"
744
+ }
745
+ }
746
+ },
747
+ "spacing": {
748
+ "2xl": {
749
+ "$extensions": {
750
+ "$extensions": {
751
+ "com.figma": {
752
+ "hiddenFromPublishing": false,
753
+ "scopes": [
754
+ "WIDTH_HEIGHT",
755
+ "GAP"
756
+ ]
757
+ }
758
+ }
759
+ },
760
+ "$type": "dimension",
761
+ "$value": "{density.spacing.2xl}"
762
+ },
763
+ "2xs": {
764
+ "$extensions": {
765
+ "$extensions": {
766
+ "com.figma": {
767
+ "hiddenFromPublishing": false,
768
+ "scopes": [
769
+ "WIDTH_HEIGHT",
770
+ "GAP"
771
+ ]
772
+ }
773
+ }
774
+ },
775
+ "$type": "dimension",
776
+ "$value": "{density.spacing.2xs}"
777
+ },
778
+ "3xl": {
779
+ "$extensions": {
780
+ "$extensions": {
781
+ "com.figma": {
782
+ "hiddenFromPublishing": false,
783
+ "scopes": [
784
+ "WIDTH_HEIGHT",
785
+ "GAP"
786
+ ]
787
+ }
788
+ }
789
+ },
790
+ "$type": "dimension",
791
+ "$value": "{density.spacing.3xl}"
792
+ },
793
+ "3xs": {
794
+ "$extensions": {
795
+ "$extensions": {
796
+ "com.figma": {
797
+ "hiddenFromPublishing": false,
798
+ "scopes": [
799
+ "WIDTH_HEIGHT",
800
+ "GAP"
801
+ ]
802
+ }
803
+ }
804
+ },
805
+ "$type": "dimension",
806
+ "$value": "{density.spacing.3xs}"
807
+ },
808
+ "4xs": {
809
+ "$extensions": {
810
+ "$extensions": {
811
+ "com.figma": {
812
+ "hiddenFromPublishing": false,
813
+ "scopes": [
814
+ "WIDTH_HEIGHT",
815
+ "GAP"
816
+ ]
817
+ }
818
+ }
819
+ },
820
+ "$type": "dimension",
821
+ "$value": "{density.spacing.4xs}"
822
+ },
823
+ "lg": {
824
+ "$extensions": {
825
+ "$extensions": {
826
+ "com.figma": {
827
+ "hiddenFromPublishing": false,
828
+ "scopes": [
829
+ "WIDTH_HEIGHT",
830
+ "GAP"
831
+ ]
832
+ }
833
+ }
834
+ },
835
+ "$type": "dimension",
836
+ "$value": "{density.spacing.lg}"
837
+ },
838
+ "md": {
839
+ "$extensions": {
840
+ "$extensions": {
841
+ "com.figma": {
842
+ "hiddenFromPublishing": false,
843
+ "scopes": [
844
+ "WIDTH_HEIGHT",
845
+ "GAP"
846
+ ]
847
+ }
848
+ }
849
+ },
850
+ "$type": "dimension",
851
+ "$value": "{density.spacing.md}"
852
+ },
853
+ "none": {
854
+ "$extensions": {
855
+ "$extensions": {
856
+ "com.figma": {
857
+ "hiddenFromPublishing": false,
858
+ "scopes": [
859
+ "WIDTH_HEIGHT",
860
+ "GAP"
861
+ ]
862
+ }
863
+ }
864
+ },
865
+ "$type": "dimension",
866
+ "$value": "{density.spacing.none}"
867
+ },
868
+ "sm": {
869
+ "$extensions": {
870
+ "$extensions": {
871
+ "com.figma": {
872
+ "hiddenFromPublishing": false,
873
+ "scopes": [
874
+ "WIDTH_HEIGHT",
875
+ "GAP"
876
+ ]
877
+ }
878
+ }
879
+ },
880
+ "$type": "dimension",
881
+ "$value": "{density.spacing.sm}"
882
+ },
883
+ "xl": {
884
+ "$extensions": {
885
+ "$extensions": {
886
+ "com.figma": {
887
+ "hiddenFromPublishing": false,
888
+ "scopes": [
889
+ "WIDTH_HEIGHT",
890
+ "GAP"
891
+ ]
892
+ }
893
+ }
894
+ },
895
+ "$type": "dimension",
896
+ "$value": "{density.spacing.xl}"
897
+ },
898
+ "xs": {
899
+ "$extensions": {
900
+ "$extensions": {
901
+ "com.figma": {
902
+ "hiddenFromPublishing": false,
903
+ "scopes": [
904
+ "WIDTH_HEIGHT",
905
+ "GAP"
906
+ ]
907
+ }
908
+ }
909
+ },
910
+ "$type": "dimension",
911
+ "$value": "{density.spacing.xs}"
912
+ }
913
+ },
914
+ "status": {
915
+ "warning": {
916
+ "default": {
917
+ "$extensions": {
918
+ "$extensions": {
919
+ "com.figma": {
920
+ "scopes": [
921
+ "FRAME_FILL",
922
+ "SHAPE_FILL"
923
+ ]
924
+ }
925
+ }
926
+ },
927
+ "$type": "color",
928
+ "$value": "{warning.1}"
929
+ },
930
+ "emphased": {
931
+ "default": {
932
+ "$extensions": {
933
+ "$extensions": {
934
+ "com.figma": {
935
+ "scopes": [
936
+ "FRAME_FILL",
937
+ "SHAPE_FILL"
938
+ ]
939
+ }
940
+ }
941
+ },
942
+ "$type": "color",
943
+ "$value": "{warning.8}"
944
+ },
945
+ "hover": {
946
+ "$extensions": {
947
+ "$extensions": {
948
+ "com.figma": {
949
+ "scopes": [
950
+ "FRAME_FILL",
951
+ "SHAPE_FILL"
952
+ ]
953
+ }
954
+ }
955
+ },
956
+ "$type": "color",
957
+ "$value": "{warning.11}"
958
+ },
959
+ "selected": {
960
+ "$extensions": {
961
+ "$extensions": {
962
+ "com.figma": {
963
+ "scopes": [
964
+ "FRAME_FILL",
965
+ "SHAPE_FILL"
966
+ ]
967
+ }
968
+ }
969
+ },
970
+ "$type": "color",
971
+ "$value": "{warning.12}"
972
+ }
973
+ },
974
+ "hover": {
975
+ "$extensions": {
976
+ "$extensions": {
977
+ "com.figma": {
978
+ "scopes": [
979
+ "FRAME_FILL",
980
+ "SHAPE_FILL"
981
+ ]
982
+ }
983
+ }
984
+ },
985
+ "$type": "color",
986
+ "$value": "{warning.3}"
987
+ },
988
+ "selected": {
989
+ "$extensions": {
990
+ "$extensions": {
991
+ "com.figma": {
992
+ "scopes": [
993
+ "FRAME_FILL",
994
+ "SHAPE_FILL"
995
+ ]
996
+ }
997
+ }
998
+ },
999
+ "$type": "color",
1000
+ "$value": "{warning.5}"
1001
+ }
1002
+ }
1003
+ },
1004
+ "text": {
1005
+ "accent": {
1006
+ "$extensions": {
1007
+ "$extensions": {
1008
+ "com.figma": {
1009
+ "scopes": [
1010
+ "TEXT_FILL"
1011
+ ]
1012
+ }
1013
+ }
1014
+ },
1015
+ "$type": "color",
1016
+ "$value": "{info.8}"
1017
+ },
1018
+ "color-on-dark": {
1019
+ "$extensions": {
1020
+ "$extensions": {
1021
+ "com.figma": {
1022
+ "scopes": [
1023
+ "TEXT_FILL"
1024
+ ]
1025
+ }
1026
+ }
1027
+ },
1028
+ "$type": "color",
1029
+ "$value": "{neutral.14}"
1030
+ },
1031
+ "color-on-light": {
1032
+ "$extensions": {
1033
+ "$extensions": {
1034
+ "com.figma": {
1035
+ "scopes": [
1036
+ "TEXT_FILL"
1037
+ ]
1038
+ }
1039
+ }
1040
+ },
1041
+ "$type": "color",
1042
+ "$value": "{neutral.12}"
1043
+ },
1044
+ "disabled": {
1045
+ "$extensions": {
1046
+ "$extensions": {
1047
+ "com.figma": {
1048
+ "scopes": [
1049
+ "TEXT_FILL"
1050
+ ]
1051
+ }
1052
+ }
1053
+ },
1054
+ "$type": "color",
1055
+ "$value": "{neutral.5}"
1056
+ },
1057
+ "muted": {
1058
+ "$extensions": {
1059
+ "$extensions": {
1060
+ "com.figma": {
1061
+ "scopes": [
1062
+ "TEXT_FILL"
1063
+ ]
1064
+ }
1065
+ }
1066
+ },
1067
+ "$type": "color",
1068
+ "$value": "{neutral.7}"
1069
+ },
1070
+ "on-accent": {
1071
+ "$extensions": {
1072
+ "$extensions": {
1073
+ "com.figma": {
1074
+ "scopes": [
1075
+ "TEXT_FILL"
1076
+ ]
1077
+ }
1078
+ }
1079
+ },
1080
+ "$type": "color",
1081
+ "$value": "{neutral.14}"
1082
+ },
1083
+ "pressed": {
1084
+ "$extensions": {
1085
+ "$extensions": {
1086
+ "com.figma": {
1087
+ "scopes": [
1088
+ "TEXT_FILL"
1089
+ ]
1090
+ }
1091
+ }
1092
+ },
1093
+ "$type": "color",
1094
+ "$value": "{info.10}"
1095
+ },
1096
+ "primary": {
1097
+ "$extensions": {
1098
+ "$extensions": {
1099
+ "com.figma": {
1100
+ "scopes": [
1101
+ "TEXT_FILL"
1102
+ ]
1103
+ }
1104
+ }
1105
+ },
1106
+ "$type": "color",
1107
+ "$value": "{neutral.12}"
1108
+ },
1109
+ "secondary": {
1110
+ "$extensions": {
1111
+ "$extensions": {
1112
+ "com.figma": {
1113
+ "scopes": [
1114
+ "TEXT_FILL"
1115
+ ]
1116
+ }
1117
+ }
1118
+ },
1119
+ "$type": "color",
1120
+ "$value": "{neutral.8}"
1121
+ },
1122
+ "status": {
1123
+ "on-dark": {
1124
+ "$extensions": {
1125
+ "$extensions": {
1126
+ "com.figma": {
1127
+ "scopes": [
1128
+ "TEXT_FILL"
1129
+ ]
1130
+ }
1131
+ }
1132
+ },
1133
+ "$type": "color",
1134
+ "$value": "{warning.15}"
1135
+ },
1136
+ "on-light": {
1137
+ "$extensions": {
1138
+ "$extensions": {
1139
+ "com.figma": {
1140
+ "scopes": [
1141
+ "TEXT_FILL"
1142
+ ]
1143
+ }
1144
+ }
1145
+ },
1146
+ "$type": "color",
1147
+ "$value": "{warning.11}"
1148
+ }
1149
+ }
1150
+ },
1151
+ "typography": {
1152
+ "header": {
1153
+ "2xl": {
1154
+ "font-size": {
1155
+ "$extensions": {
1156
+ "$extensions": {
1157
+ "com.figma": {
1158
+ "hiddenFromPublishing": false,
1159
+ "scopes": [
1160
+ "FONT_SIZE"
1161
+ ]
1162
+ }
1163
+ }
1164
+ },
1165
+ "$type": "fontSize",
1166
+ "$value": "{density.typography.header.2xl.font-size}"
1167
+ },
1168
+ "line-height": {
1169
+ "$extensions": {
1170
+ "$extensions": {
1171
+ "com.figma": {
1172
+ "hiddenFromPublishing": false,
1173
+ "scopes": [
1174
+ "LINE_HEIGHT"
1175
+ ]
1176
+ }
1177
+ }
1178
+ },
1179
+ "$type": "lineHeight",
1180
+ "$value": "{density.typography.header.2xl.line-height}"
1181
+ }
1182
+ },
1183
+ "3xl": {
1184
+ "font-size": {
1185
+ "$extensions": {
1186
+ "$extensions": {
1187
+ "com.figma": {
1188
+ "hiddenFromPublishing": false,
1189
+ "scopes": [
1190
+ "FONT_SIZE"
1191
+ ]
1192
+ }
1193
+ }
1194
+ },
1195
+ "$type": "fontSize",
1196
+ "$value": "{density.typography.header.3xl.font-size}"
1197
+ },
1198
+ "line-height": {
1199
+ "$extensions": {
1200
+ "$extensions": {
1201
+ "com.figma": {
1202
+ "hiddenFromPublishing": false,
1203
+ "scopes": [
1204
+ "LINE_HEIGHT"
1205
+ ]
1206
+ }
1207
+ }
1208
+ },
1209
+ "$type": "lineHeight",
1210
+ "$value": "{density.typography.header.3xl.line-height}"
1211
+ }
1212
+ },
1213
+ "4xl": {
1214
+ "font-size": {
1215
+ "$extensions": {
1216
+ "$extensions": {
1217
+ "com.figma": {
1218
+ "hiddenFromPublishing": false,
1219
+ "scopes": [
1220
+ "FONT_SIZE"
1221
+ ]
1222
+ }
1223
+ }
1224
+ },
1225
+ "$type": "fontSize",
1226
+ "$value": "{density.typography.header.4xl.font-size}"
1227
+ },
1228
+ "line-height": {
1229
+ "$extensions": {
1230
+ "$extensions": {
1231
+ "com.figma": {
1232
+ "hiddenFromPublishing": false,
1233
+ "scopes": [
1234
+ "LINE_HEIGHT"
1235
+ ]
1236
+ }
1237
+ }
1238
+ },
1239
+ "$type": "lineHeight",
1240
+ "$value": "{density.typography.header.4xl.line-height}"
1241
+ }
1242
+ },
1243
+ "lg": {
1244
+ "font-size": {
1245
+ "$extensions": {
1246
+ "$extensions": {
1247
+ "com.figma": {
1248
+ "hiddenFromPublishing": false,
1249
+ "scopes": [
1250
+ "FONT_SIZE"
1251
+ ]
1252
+ }
1253
+ }
1254
+ },
1255
+ "$type": "fontSize",
1256
+ "$value": "{density.typography.header.lg.font-size}"
1257
+ },
1258
+ "line-height": {
1259
+ "$extensions": {
1260
+ "$extensions": {
1261
+ "com.figma": {
1262
+ "hiddenFromPublishing": false,
1263
+ "scopes": [
1264
+ "LINE_HEIGHT"
1265
+ ]
1266
+ }
1267
+ }
1268
+ },
1269
+ "$type": "lineHeight",
1270
+ "$value": "{density.typography.header.lg.line-height}"
1271
+ }
1272
+ },
1273
+ "md": {
1274
+ "font-size": {
1275
+ "$extensions": {
1276
+ "$extensions": {
1277
+ "com.figma": {
1278
+ "hiddenFromPublishing": false,
1279
+ "scopes": [
1280
+ "FONT_SIZE"
1281
+ ]
1282
+ }
1283
+ }
1284
+ },
1285
+ "$type": "fontSize",
1286
+ "$value": "{density.typography.header.md.font-size}"
1287
+ },
1288
+ "line-height": {
1289
+ "$extensions": {
1290
+ "$extensions": {
1291
+ "com.figma": {
1292
+ "hiddenFromPublishing": false,
1293
+ "scopes": [
1294
+ "LINE_HEIGHT"
1295
+ ]
1296
+ }
1297
+ }
1298
+ },
1299
+ "$type": "lineHeight",
1300
+ "$value": "{density.typography.header.md.line-height}"
1301
+ }
1302
+ },
1303
+ "sm": {
1304
+ "font-size": {
1305
+ "$extensions": {
1306
+ "$extensions": {
1307
+ "com.figma": {
1308
+ "hiddenFromPublishing": false,
1309
+ "scopes": [
1310
+ "FONT_SIZE"
1311
+ ]
1312
+ }
1313
+ }
1314
+ },
1315
+ "$type": "fontSize",
1316
+ "$value": "{density.typography.header.sm.font-size}"
1317
+ },
1318
+ "line-height": {
1319
+ "$extensions": {
1320
+ "$extensions": {
1321
+ "com.figma": {
1322
+ "hiddenFromPublishing": false,
1323
+ "scopes": [
1324
+ "LINE_HEIGHT"
1325
+ ]
1326
+ }
1327
+ }
1328
+ },
1329
+ "$type": "lineHeight",
1330
+ "$value": "{density.typography.header.sm.line-height}"
1331
+ }
1332
+ },
1333
+ "xl": {
1334
+ "font-size": {
1335
+ "$extensions": {
1336
+ "$extensions": {
1337
+ "com.figma": {
1338
+ "hiddenFromPublishing": false,
1339
+ "scopes": [
1340
+ "FONT_SIZE"
1341
+ ]
1342
+ }
1343
+ }
1344
+ },
1345
+ "$type": "fontSize",
1346
+ "$value": "{density.typography.header.xl.font-size}"
1347
+ },
1348
+ "line-height": {
1349
+ "$extensions": {
1350
+ "$extensions": {
1351
+ "com.figma": {
1352
+ "hiddenFromPublishing": false,
1353
+ "scopes": [
1354
+ "LINE_HEIGHT"
1355
+ ]
1356
+ }
1357
+ }
1358
+ },
1359
+ "$type": "lineHeight",
1360
+ "$value": "{density.typography.header.xl.line-height}"
1361
+ }
1362
+ },
1363
+ "xs": {
1364
+ "font-size": {
1365
+ "$extensions": {
1366
+ "$extensions": {
1367
+ "com.figma": {
1368
+ "hiddenFromPublishing": false,
1369
+ "scopes": [
1370
+ "FONT_SIZE"
1371
+ ]
1372
+ }
1373
+ }
1374
+ },
1375
+ "$type": "fontSize",
1376
+ "$value": "{density.typography.header.xs.font-size}"
1377
+ },
1378
+ "line-height": {
1379
+ "$extensions": {
1380
+ "$extensions": {
1381
+ "com.figma": {
1382
+ "hiddenFromPublishing": false,
1383
+ "scopes": [
1384
+ "LINE_HEIGHT"
1385
+ ]
1386
+ }
1387
+ }
1388
+ },
1389
+ "$type": "lineHeight",
1390
+ "$value": "{density.typography.header.xs.line-height}"
1391
+ }
1392
+ }
1393
+ },
1394
+ "ui": {
1395
+ "2xl": {
1396
+ "font-size": {
1397
+ "$extensions": {
1398
+ "$extensions": {
1399
+ "com.figma": {
1400
+ "hiddenFromPublishing": false,
1401
+ "scopes": [
1402
+ "FONT_SIZE"
1403
+ ]
1404
+ }
1405
+ }
1406
+ },
1407
+ "$type": "fontSize",
1408
+ "$value": "{density.typography.ui.2xl.font-size}"
1409
+ },
1410
+ "line-height": {
1411
+ "$extensions": {
1412
+ "$extensions": {
1413
+ "com.figma": {
1414
+ "hiddenFromPublishing": false,
1415
+ "scopes": [
1416
+ "LINE_HEIGHT"
1417
+ ]
1418
+ }
1419
+ }
1420
+ },
1421
+ "$type": "lineHeight",
1422
+ "$value": "{density.typography.ui.2xl.line-height}"
1423
+ }
1424
+ },
1425
+ "3xl": {
1426
+ "font-size": {
1427
+ "$extensions": {
1428
+ "$extensions": {
1429
+ "com.figma": {
1430
+ "hiddenFromPublishing": false,
1431
+ "scopes": [
1432
+ "FONT_SIZE"
1433
+ ]
1434
+ }
1435
+ }
1436
+ },
1437
+ "$type": "fontSize",
1438
+ "$value": "{density.typography.ui.3xl.font-size}"
1439
+ },
1440
+ "line-height": {
1441
+ "$extensions": {
1442
+ "$extensions": {
1443
+ "com.figma": {
1444
+ "hiddenFromPublishing": false,
1445
+ "scopes": [
1446
+ "LINE_HEIGHT"
1447
+ ]
1448
+ }
1449
+ }
1450
+ },
1451
+ "$type": "lineHeight",
1452
+ "$value": "{density.typography.ui.3xl.line-height}"
1453
+ }
1454
+ },
1455
+ "4xl": {
1456
+ "font-size": {
1457
+ "$extensions": {
1458
+ "$extensions": {
1459
+ "com.figma": {
1460
+ "hiddenFromPublishing": false,
1461
+ "scopes": [
1462
+ "FONT_SIZE"
1463
+ ]
1464
+ }
1465
+ }
1466
+ },
1467
+ "$type": "fontSize",
1468
+ "$value": "{density.typography.ui.4xl.font-size}"
1469
+ },
1470
+ "line-height": {
1471
+ "$extensions": {
1472
+ "$extensions": {
1473
+ "com.figma": {
1474
+ "hiddenFromPublishing": false,
1475
+ "scopes": [
1476
+ "LINE_HEIGHT"
1477
+ ]
1478
+ }
1479
+ }
1480
+ },
1481
+ "$type": "lineHeight",
1482
+ "$value": "{density.typography.ui.4xl.line-height}"
1483
+ }
1484
+ },
1485
+ "5xl": {
1486
+ "font-size": {
1487
+ "$extensions": {
1488
+ "$extensions": {
1489
+ "com.figma": {
1490
+ "hiddenFromPublishing": false,
1491
+ "scopes": [
1492
+ "FONT_SIZE"
1493
+ ]
1494
+ }
1495
+ }
1496
+ },
1497
+ "$type": "fontSize",
1498
+ "$value": "{density.typography.ui.5xl.font-size}"
1499
+ },
1500
+ "line-height": {
1501
+ "$extensions": {
1502
+ "$extensions": {
1503
+ "com.figma": {
1504
+ "hiddenFromPublishing": false,
1505
+ "scopes": [
1506
+ "LINE_HEIGHT"
1507
+ ]
1508
+ }
1509
+ }
1510
+ },
1511
+ "$type": "lineHeight",
1512
+ "$value": "{density.typography.ui.5xl.line-height}"
1513
+ }
1514
+ },
1515
+ "lg": {
1516
+ "font-size": {
1517
+ "$extensions": {
1518
+ "$extensions": {
1519
+ "com.figma": {
1520
+ "hiddenFromPublishing": false,
1521
+ "scopes": [
1522
+ "FONT_SIZE"
1523
+ ]
1524
+ }
1525
+ }
1526
+ },
1527
+ "$type": "fontSize",
1528
+ "$value": "{density.typography.ui.lg.font-size}"
1529
+ },
1530
+ "line-height": {
1531
+ "$extensions": {
1532
+ "$extensions": {
1533
+ "com.figma": {
1534
+ "hiddenFromPublishing": false,
1535
+ "scopes": [
1536
+ "LINE_HEIGHT"
1537
+ ]
1538
+ }
1539
+ }
1540
+ },
1541
+ "$type": "lineHeight",
1542
+ "$value": "{density.typography.ui.lg.line-height}"
1543
+ }
1544
+ },
1545
+ "md": {
1546
+ "font-size": {
1547
+ "$extensions": {
1548
+ "$extensions": {
1549
+ "com.figma": {
1550
+ "hiddenFromPublishing": false,
1551
+ "scopes": [
1552
+ "FONT_SIZE"
1553
+ ]
1554
+ }
1555
+ }
1556
+ },
1557
+ "$type": "fontSize",
1558
+ "$value": "{density.typography.ui.md.font-size}"
1559
+ },
1560
+ "line-height": {
1561
+ "$extensions": {
1562
+ "$extensions": {
1563
+ "com.figma": {
1564
+ "hiddenFromPublishing": false,
1565
+ "scopes": [
1566
+ "LINE_HEIGHT"
1567
+ ]
1568
+ }
1569
+ }
1570
+ },
1571
+ "$type": "lineHeight",
1572
+ "$value": "{density.typography.ui.md.line-height}"
1573
+ }
1574
+ },
1575
+ "sm": {
1576
+ "font-size": {
1577
+ "$extensions": {
1578
+ "$extensions": {
1579
+ "com.figma": {
1580
+ "hiddenFromPublishing": false,
1581
+ "scopes": [
1582
+ "FONT_SIZE"
1583
+ ]
1584
+ }
1585
+ }
1586
+ },
1587
+ "$type": "fontSize",
1588
+ "$value": "{density.typography.ui.sm.font-size}"
1589
+ },
1590
+ "line-height": {
1591
+ "$extensions": {
1592
+ "$extensions": {
1593
+ "com.figma": {
1594
+ "hiddenFromPublishing": false,
1595
+ "scopes": [
1596
+ "LINE_HEIGHT"
1597
+ ]
1598
+ }
1599
+ }
1600
+ },
1601
+ "$type": "lineHeight",
1602
+ "$value": "{density.typography.ui.sm.line-height}"
1603
+ }
1604
+ },
1605
+ "xl": {
1606
+ "font-size": {
1607
+ "$extensions": {
1608
+ "$extensions": {
1609
+ "com.figma": {
1610
+ "hiddenFromPublishing": false,
1611
+ "scopes": [
1612
+ "FONT_SIZE"
1613
+ ]
1614
+ }
1615
+ }
1616
+ },
1617
+ "$type": "fontSize",
1618
+ "$value": "{density.typography.ui.xl.font-size}"
1619
+ },
1620
+ "line-height": {
1621
+ "$extensions": {
1622
+ "$extensions": {
1623
+ "com.figma": {
1624
+ "hiddenFromPublishing": false,
1625
+ "scopes": [
1626
+ "LINE_HEIGHT"
1627
+ ]
1628
+ }
1629
+ }
1630
+ },
1631
+ "$type": "lineHeight",
1632
+ "$value": "{density.typography.ui.xl.line-height}"
1633
+ }
1634
+ },
1635
+ "xs": {
1636
+ "font-size": {
1637
+ "$extensions": {
1638
+ "$extensions": {
1639
+ "com.figma": {
1640
+ "hiddenFromPublishing": false,
1641
+ "scopes": [
1642
+ "FONT_SIZE"
1643
+ ]
1644
+ }
1645
+ }
1646
+ },
1647
+ "$type": "fontSize",
1648
+ "$value": "{density.typography.ui.xs.font-size}"
1649
+ },
1650
+ "line-height": {
1651
+ "$extensions": {
1652
+ "$extensions": {
1653
+ "com.figma": {
1654
+ "hiddenFromPublishing": false,
1655
+ "scopes": [
1656
+ "LINE_HEIGHT"
1657
+ ]
1658
+ }
1659
+ }
1660
+ },
1661
+ "$type": "lineHeight",
1662
+ "$value": "{density.typography.ui.xs.line-height}"
1663
+ }
1664
+ }
1665
+ }
1666
+ }
1667
+ }