@devexpress/design-tokens-internal 261.0.6 → 261.0.7

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 (14) hide show
  1. package/package.json +1 -1
  2. package/tokens/base/borders.json +4 -0
  3. package/tokens/components/core/color-palette/fluent.json +137 -383
  4. package/tokens/components/core/listbox/fluent.json +110 -66
  5. package/tokens/components/core/treeview/fluent.json +156 -74
  6. package/tokens/components/wpf/accordion/fluent.json +33 -9
  7. package/tokens/components/wpf/bars/fluent.json +1002 -462
  8. package/tokens/components/wpf/button-edit/fluent.json +545 -321
  9. package/tokens/components/wpf/compact-icon-button/fluent.json +60 -14
  10. package/tokens/components/wpf/listbox-edit/fluent.json +121 -192
  11. package/tokens/components/wpf/popup/fluent.json +208 -0
  12. package/tokens/components/wpf/toggle-switch/fluent.json +48 -0
  13. package/tokens/figma-utils/decorative-colors/dark.json +1 -1
  14. package/tokens/figma-utils/decorative-colors/light.json +2 -2
package/tokens/components/wpf/bars/fluent.json CHANGED
@@ -31,6 +31,7 @@
31
31
  "rest": {
32
32
  "$extensions": {
33
33
  "com.figma.scopes": [
34
+ "SHAPE_FILL",
34
35
  "STROKE_COLOR"
35
36
  ],
36
37
  "com.figma.hiddenFromPublishing": false
@@ -38,25 +39,16 @@
38
39
  "$type": "color",
39
40
  "$value": "{color.border.transparent.rest}"
40
41
  },
41
- "group selected": {
42
+ "group-selected": {
42
43
  "$extensions": {
43
44
  "com.figma.scopes": [
45
+ "SHAPE_FILL",
44
46
  "STROKE_COLOR"
45
47
  ],
46
48
  "com.figma.hiddenFromPublishing": false
47
49
  },
48
50
  "$type": "color",
49
51
  "$value": "{color.border.neutral.default.static-dark.rest}"
50
- },
51
- "disabled": {
52
- "$extensions": {
53
- "com.figma.scopes": [
54
- "STROKE_COLOR"
55
- ],
56
- "com.figma.hiddenFromPublishing": false
57
- },
58
- "$type": "color",
59
- "$value": "{color.border.neutral.default.disabled}"
60
52
  }
61
53
  },
62
54
  "bg": {
@@ -107,6 +99,7 @@
107
99
  "medium": {
108
100
  "$extensions": {
109
101
  "com.figma.scopes": [
102
+ "WIDTH_HEIGHT",
110
103
  "STROKE_FLOAT"
111
104
  ],
112
105
  "com.figma.hiddenFromPublishing": false
@@ -117,6 +110,7 @@
117
110
  "small": {
118
111
  "$extensions": {
119
112
  "com.figma.scopes": [
113
+ "WIDTH_HEIGHT",
120
114
  "STROKE_FLOAT"
121
115
  ],
122
116
  "com.figma.hiddenFromPublishing": false
@@ -215,6 +209,50 @@
215
209
  "$type": "number",
216
210
  "$value": "{spacing.50}"
217
211
  }
212
+ },
213
+ "horizontal-lw": {
214
+ "small": {
215
+ "$extensions": {
216
+ "com.figma.scopes": [
217
+ "GAP"
218
+ ],
219
+ "com.figma.hiddenFromPublishing": false
220
+ },
221
+ "$type": "number",
222
+ "$value": "{spacing.40}"
223
+ },
224
+ "medium": {
225
+ "$extensions": {
226
+ "com.figma.scopes": [
227
+ "GAP"
228
+ ],
229
+ "com.figma.hiddenFromPublishing": false
230
+ },
231
+ "$type": "number",
232
+ "$value": "{spacing.60}"
233
+ }
234
+ },
235
+ "vertical-lw": {
236
+ "small": {
237
+ "$extensions": {
238
+ "com.figma.scopes": [
239
+ "GAP"
240
+ ],
241
+ "com.figma.hiddenFromPublishing": false
242
+ },
243
+ "$type": "number",
244
+ "$value": "{spacing.40}"
245
+ },
246
+ "medium": {
247
+ "$extensions": {
248
+ "com.figma.scopes": [
249
+ "GAP"
250
+ ],
251
+ "com.figma.hiddenFromPublishing": false
252
+ },
253
+ "$type": "number",
254
+ "$value": "{spacing.60}"
255
+ }
218
256
  }
219
257
  }
220
258
  }
@@ -225,7 +263,8 @@
225
263
  "hovered": {
226
264
  "$extensions": {
227
265
  "com.figma.scopes": [
228
- "SHAPE_FILL"
266
+ "SHAPE_FILL",
267
+ "STROKE_COLOR"
229
268
  ],
230
269
  "com.figma.hiddenFromPublishing": false
231
270
  },
@@ -235,7 +274,8 @@
235
274
  "rest": {
236
275
  "$extensions": {
237
276
  "com.figma.scopes": [
238
- "SHAPE_FILL"
277
+ "SHAPE_FILL",
278
+ "STROKE_COLOR"
239
279
  ],
240
280
  "com.figma.hiddenFromPublishing": false
241
281
  },
@@ -245,8 +285,8 @@
245
285
  }
246
286
  },
247
287
  "layout": {
248
- "input-box": {
249
- "horizontal": {
288
+ "outer-box": {
289
+ "gap": {
250
290
  "small": {
251
291
  "$extensions": {
252
292
  "com.figma.scopes": [
@@ -255,7 +295,7 @@
255
295
  "com.figma.hiddenFromPublishing": false
256
296
  },
257
297
  "$type": "number",
258
- "$value": "{spacing.50}"
298
+ "$value": "{spacing.40}"
259
299
  },
260
300
  "medium": {
261
301
  "$extensions": {
@@ -265,20 +305,10 @@
265
305
  "com.figma.hiddenFromPublishing": false
266
306
  },
267
307
  "$type": "number",
268
- "$value": "{spacing.70}"
308
+ "$value": "{spacing.40}"
269
309
  }
270
310
  },
271
- "vertical": {
272
- "medium": {
273
- "$extensions": {
274
- "com.figma.scopes": [
275
- "GAP"
276
- ],
277
- "com.figma.hiddenFromPublishing": false
278
- },
279
- "$type": "number",
280
- "$value": "{spacing.30}"
281
- },
311
+ "horizontal-start": {
282
312
  "small": {
283
313
  "$extensions": {
284
314
  "com.figma.scopes": [
@@ -287,23 +317,9 @@
287
317
  "com.figma.hiddenFromPublishing": false
288
318
  },
289
319
  "$type": "number",
290
- "$value": "{spacing.20}"
291
- }
292
- }
293
- },
294
- "outer-box": {
295
- "horizontal-end": {
296
- "medium": {
297
- "$extensions": {
298
- "com.figma.scopes": [
299
- "GAP"
300
- ],
301
- "com.figma.hiddenFromPublishing": false
302
- },
303
- "$type": "number",
304
- "$value": "{spacing.70}"
320
+ "$value": "{spacing.40}"
305
321
  },
306
- "small": {
322
+ "medium": {
307
323
  "$extensions": {
308
324
  "com.figma.scopes": [
309
325
  "GAP"
@@ -311,10 +327,10 @@
311
327
  "com.figma.hiddenFromPublishing": false
312
328
  },
313
329
  "$type": "number",
314
- "$value": "{spacing.50}"
330
+ "$value": "{spacing.60}"
315
331
  }
316
332
  },
317
- "gap": {
333
+ "horizontal-end": {
318
334
  "small": {
319
335
  "$extensions": {
320
336
  "com.figma.scopes": [
@@ -323,7 +339,7 @@
323
339
  "com.figma.hiddenFromPublishing": false
324
340
  },
325
341
  "$type": "number",
326
- "$value": "{spacing.40}"
342
+ "$value": "{spacing.0}"
327
343
  },
328
344
  "medium": {
329
345
  "$extensions": {
@@ -333,12 +349,12 @@
333
349
  "com.figma.hiddenFromPublishing": false
334
350
  },
335
351
  "$type": "number",
336
- "$value": "{spacing.80}"
352
+ "$value": "{spacing.0}"
337
353
  }
338
354
  }
339
355
  },
340
356
  "content-box": {
341
- "vertical": {
357
+ "gap": {
342
358
  "small": {
343
359
  "$extensions": {
344
360
  "com.figma.scopes": [
@@ -347,7 +363,7 @@
347
363
  "com.figma.hiddenFromPublishing": false
348
364
  },
349
365
  "$type": "number",
350
- "$value": "{spacing.40}"
366
+ "$value": "{spacing.20}"
351
367
  },
352
368
  "medium": {
353
369
  "$extensions": {
@@ -357,7 +373,7 @@
357
373
  "com.figma.hiddenFromPublishing": false
358
374
  },
359
375
  "$type": "number",
360
- "$value": "{spacing.60}"
376
+ "$value": "{spacing.20}"
361
377
  }
362
378
  }
363
379
  }
@@ -563,88 +579,106 @@
563
579
  }
564
580
  }
565
581
  },
566
- "item": {
567
- "borders": {
568
- "split": {
569
- "border-width": {
570
- "inner-border": {
571
- "small": {
572
- "$extensions": {
573
- "com.figma.scopes": [
574
- "STROKE_FLOAT"
575
- ],
576
- "com.figma.hiddenFromPublishing": false
577
- },
578
- "$type": "number",
579
- "$value": "{border-width.0}"
580
- },
581
- "medium": {
582
- "$extensions": {
583
- "com.figma.scopes": [
584
- "STROKE_FLOAT"
585
- ],
586
- "com.figma.hiddenFromPublishing": false
587
- },
588
- "$type": "number",
589
- "$value": "{border-width.0}"
590
- }
591
- }
582
+ "focus-rect": {
583
+ "layout": {
584
+ "offset": {
585
+ "$extensions": {
586
+ "com.figma.scopes": [
587
+ "GAP"
588
+ ],
589
+ "com.figma.hiddenFromPublishing": false
592
590
  },
593
- "border-radius": {
594
- "inner-corner": {
595
- "medium": {
596
- "$extensions": {
597
- "com.figma.scopes": [
598
- "CORNER_RADIUS"
599
- ],
600
- "com.figma.hiddenFromPublishing": false
601
- },
602
- "$type": "number",
603
- "$value": "{border-radius.0}"
604
- },
605
- "small": {
606
- "$extensions": {
607
- "com.figma.scopes": [
608
- "CORNER_RADIUS"
609
- ],
610
- "com.figma.hiddenFromPublishing": false
611
- },
612
- "$type": "number",
613
- "$value": "{border-radius.0}"
614
- }
615
- }
616
- }
591
+ "$type": "number",
592
+ "$value": "{spacing.minus-20}"
617
593
  },
618
- "repeat-button": {
619
- "inner-corner": {
594
+ "outer-box": {
595
+ "$extensions": {
596
+ "com.figma.scopes": [
597
+ "GAP"
598
+ ],
599
+ "com.figma.hiddenFromPublishing": false
600
+ },
601
+ "$type": "number",
602
+ "$value": "{spacing.20}"
603
+ }
604
+ }
605
+ },
606
+ "item": {
607
+ "layout": {
608
+ "content-box": {
609
+ "gap": {
620
610
  "small": {
621
611
  "$extensions": {
622
612
  "com.figma.scopes": [
623
- "CORNER_RADIUS"
613
+ "GAP"
624
614
  ],
625
615
  "com.figma.hiddenFromPublishing": false
626
616
  },
627
617
  "$type": "number",
628
- "$value": "{border-radius.0}"
618
+ "$value": "{spacing.40}"
629
619
  },
630
620
  "medium": {
631
621
  "$extensions": {
632
622
  "com.figma.scopes": [
633
- "CORNER_RADIUS"
623
+ "GAP"
634
624
  ],
635
625
  "com.figma.hiddenFromPublishing": false
636
626
  },
637
627
  "$type": "number",
638
- "$value": "{border-radius.0}"
628
+ "$value": "{spacing.60}"
639
629
  }
640
630
  }
641
- }
642
- },
643
- "layout": {
644
- "split": {
645
- "dropdown-item": {
646
- "horizontal-start": {
647
- "medium": {
631
+ },
632
+ "repeat-button": {
633
+ "inner-box": {
634
+ "left-direction": {
635
+ "horizontal-start": {
636
+ "small": {
637
+ "$extensions": {
638
+ "com.figma.scopes": [
639
+ "GAP"
640
+ ],
641
+ "com.figma.hiddenFromPublishing": false
642
+ },
643
+ "$type": "number",
644
+ "$value": "{spacing.20}"
645
+ },
646
+ "medium": {
647
+ "$extensions": {
648
+ "com.figma.scopes": [
649
+ "GAP"
650
+ ],
651
+ "com.figma.hiddenFromPublishing": false
652
+ },
653
+ "$type": "number",
654
+ "$value": "{spacing.40}"
655
+ }
656
+ },
657
+ "horizontal-end": {
658
+ "small": {
659
+ "$extensions": {
660
+ "com.figma.scopes": [
661
+ "GAP"
662
+ ],
663
+ "com.figma.hiddenFromPublishing": false
664
+ },
665
+ "$type": "number",
666
+ "$value": "{spacing.0}"
667
+ },
668
+ "medium": {
669
+ "$extensions": {
670
+ "com.figma.scopes": [
671
+ "GAP"
672
+ ],
673
+ "com.figma.hiddenFromPublishing": false
674
+ },
675
+ "$type": "number",
676
+ "$value": "{spacing.0}"
677
+ }
678
+ }
679
+ },
680
+ "gap": {
681
+ "small": {
648
682
  "$extensions": {
649
683
  "com.figma.scopes": [
650
684
  "GAP"
@@ -652,9 +686,9 @@
652
686
  "com.figma.hiddenFromPublishing": false
653
687
  },
654
688
  "$type": "number",
655
- "$value": "{spacing.60}"
689
+ "$value": "{spacing.10}"
656
690
  },
657
- "small": {
691
+ "medium": {
658
692
  "$extensions": {
659
693
  "com.figma.scopes": [
660
694
  "GAP"
@@ -662,65 +696,11 @@
662
696
  "com.figma.hiddenFromPublishing": false
663
697
  },
664
698
  "$type": "number",
665
- "$value": "{spacing.40}"
699
+ "$value": "{spacing.30}"
666
700
  }
667
- }
668
- },
669
- "main-item": {
670
- "horizontal-end": {
671
- "medium": {
672
- "$extensions": {
673
- "com.figma.scopes": [
674
- "GAP"
675
- ],
676
- "com.figma.hiddenFromPublishing": false
677
- },
678
- "$type": "number",
679
- "$value": "{spacing.20}"
680
- },
681
- "small": {
682
- "$extensions": {
683
- "com.figma.scopes": [
684
- "GAP"
685
- ],
686
- "com.figma.hiddenFromPublishing": false
687
- },
688
- "$type": "number",
689
- "$value": "{spacing.10}"
690
- }
691
- }
692
- }
693
- },
694
- "template": {
695
- "content-box": {
696
- "gap": {
697
- "small": {
698
- "$extensions": {
699
- "com.figma.scopes": [
700
- "GAP"
701
- ],
702
- "com.figma.hiddenFromPublishing": false
703
- },
704
- "$type": "number",
705
- "$value": "{spacing.40}"
706
- },
707
- "medium": {
708
- "$extensions": {
709
- "com.figma.scopes": [
710
- "GAP"
711
- ],
712
- "com.figma.hiddenFromPublishing": false
713
- },
714
- "$type": "number",
715
- "$value": "{spacing.60}"
716
- }
717
- }
718
- }
719
- },
720
- "repeat-button": {
721
- "inner-box": {
722
- "left-direction": {
723
- "left": {
701
+ },
702
+ "right-direction": {
703
+ "horizontal-start": {
724
704
  "small": {
725
705
  "$extensions": {
726
706
  "com.figma.scopes": [
@@ -729,7 +709,7 @@
729
709
  "com.figma.hiddenFromPublishing": false
730
710
  },
731
711
  "$type": "number",
732
- "$value": "{spacing.20}"
712
+ "$value": "{spacing.0}"
733
713
  },
734
714
  "medium": {
735
715
  "$extensions": {
@@ -739,10 +719,10 @@
739
719
  "com.figma.hiddenFromPublishing": false
740
720
  },
741
721
  "$type": "number",
742
- "$value": "{spacing.40}"
722
+ "$value": "{spacing.0}"
743
723
  }
744
724
  },
745
- "right": {
725
+ "horizontal-end": {
746
726
  "small": {
747
727
  "$extensions": {
748
728
  "com.figma.scopes": [
@@ -751,7 +731,7 @@
751
731
  "com.figma.hiddenFromPublishing": false
752
732
  },
753
733
  "$type": "number",
754
- "$value": "{spacing.0}"
734
+ "$value": "{spacing.20}"
755
735
  },
756
736
  "medium": {
757
737
  "$extensions": {
@@ -761,12 +741,60 @@
761
741
  "com.figma.hiddenFromPublishing": false
762
742
  },
763
743
  "$type": "number",
764
- "$value": "{spacing.0}"
744
+ "$value": "{spacing.40}"
765
745
  }
766
746
  }
747
+ }
748
+ }
749
+ },
750
+ "split": {
751
+ "gap": {
752
+ "small": {
753
+ "$extensions": {
754
+ "com.figma.scopes": [
755
+ "GAP"
756
+ ],
757
+ "com.figma.hiddenFromPublishing": false
758
+ },
759
+ "$type": "number",
760
+ "$value": "{spacing.0}"
767
761
  },
768
- "gap": {
769
- "small": {
762
+ "medium": {
763
+ "$extensions": {
764
+ "com.figma.scopes": [
765
+ "GAP"
766
+ ],
767
+ "com.figma.hiddenFromPublishing": false
768
+ },
769
+ "$type": "number",
770
+ "$value": "{spacing.0}"
771
+ }
772
+ },
773
+ "horizontal-end": {
774
+ "medium": {
775
+ "$extensions": {
776
+ "com.figma.scopes": [
777
+ "GAP"
778
+ ],
779
+ "com.figma.hiddenFromPublishing": false
780
+ },
781
+ "$type": "number",
782
+ "$value": "{spacing.20}"
783
+ },
784
+ "small": {
785
+ "$extensions": {
786
+ "com.figma.scopes": [
787
+ "GAP"
788
+ ],
789
+ "com.figma.hiddenFromPublishing": false
790
+ },
791
+ "$type": "number",
792
+ "$value": "{spacing.10}"
793
+ }
794
+ },
795
+ "dropdown-item": {
796
+ "horizontal-start": {
797
+ "medium": {
770
798
  "$extensions": {
771
799
  "com.figma.scopes": [
772
800
  "GAP"
@@ -774,9 +802,9 @@
774
802
  "com.figma.hiddenFromPublishing": false
775
803
  },
776
804
  "$type": "number",
777
- "$value": "{spacing.20}"
805
+ "$value": "{spacing.60}"
778
806
  },
779
- "medium": {
807
+ "small": {
780
808
  "$extensions": {
781
809
  "com.figma.scopes": [
782
810
  "GAP"
@@ -786,173 +814,749 @@
786
814
  "$type": "number",
787
815
  "$value": "{spacing.40}"
788
816
  }
789
- },
790
- "right-direction": {
791
- "left": {
792
- "small": {
793
- "$extensions": {
794
- "com.figma.scopes": [
795
- "GAP"
796
- ],
797
- "com.figma.hiddenFromPublishing": false
798
- },
799
- "$type": "number",
800
- "$value": "{spacing.0}"
801
- },
802
- "medium": {
803
- "$extensions": {
804
- "com.figma.scopes": [
805
- "GAP"
806
- ],
807
- "com.figma.hiddenFromPublishing": false
808
- },
809
- "$type": "number",
810
- "$value": "{spacing.0}"
811
- }
812
- },
813
- "right": {
814
- "small": {
815
- "$extensions": {
816
- "com.figma.scopes": [
817
- "GAP"
818
- ],
819
- "com.figma.hiddenFromPublishing": false
820
- },
821
- "$type": "number",
822
- "$value": "{spacing.20}"
823
- },
824
- "medium": {
825
- "$extensions": {
826
- "com.figma.scopes": [
827
- "GAP"
828
- ],
829
- "com.figma.hiddenFromPublishing": false
830
- },
831
- "$type": "number",
832
- "$value": "{spacing.40}"
833
- }
834
- }
835
817
  }
836
818
  }
837
819
  }
838
- }
839
- },
840
- "focus-rect": {
841
- "layout": {
842
- "offset": {
843
- "$extensions": {
844
- "com.figma.scopes": [
845
- "GAP"
846
- ],
847
- "com.figma.hiddenFromPublishing": false
848
- },
849
- "$type": "number",
850
- "$value": "{spacing.minus-20}"
851
- },
852
- "outer-box": {
853
- "$extensions": {
854
- "com.figma.scopes": [
855
- "GAP"
856
- ],
857
- "com.figma.hiddenFromPublishing": false
858
- },
859
- "$type": "number",
860
- "$value": "{spacing.20}"
861
- }
862
- }
863
- }
864
- },
865
- "bar-control": {
866
- "root": {
867
- "color": {
868
- "color": {
869
- "border": {
870
- "rest": {
820
+ },
821
+ "borders": {
822
+ "repeat-button": {
823
+ "inner-corner": {
824
+ "small": {
871
825
  "$extensions": {
872
826
  "com.figma.scopes": [
873
- "STROKE_COLOR"
827
+ "CORNER_RADIUS"
874
828
  ],
875
829
  "com.figma.hiddenFromPublishing": false
876
830
  },
877
- "$type": "color",
878
- "$value": "{color.border.transparent.rest}"
879
- }
880
- },
881
- "bg": {
882
- "rest": {
831
+ "$type": "number",
832
+ "$value": "{border-radius.0}"
833
+ },
834
+ "medium": {
883
835
  "$extensions": {
884
836
  "com.figma.scopes": [
885
- "FRAME_FILL"
837
+ "CORNER_RADIUS"
886
838
  ],
887
839
  "com.figma.hiddenFromPublishing": false
888
840
  },
889
- "$type": "color",
890
- "$value": "{color.surface.transparent.rest}"
841
+ "$type": "number",
842
+ "$value": "{border-radius.0}"
891
843
  }
892
844
  }
893
845
  },
894
- "content": {
895
- "rest": {
896
- "$extensions": {
897
- "com.figma.scopes": [
898
- "SHAPE_FILL",
899
- "TEXT_FILL"
900
- ],
901
- "com.figma.hiddenFromPublishing": false
902
- },
903
- "$type": "color",
904
- "$value": "{color.content.neutral.default.rest}"
905
- }
906
- }
907
- },
908
- "layout": {
909
- "inner-box": {
910
- "gap": {
846
+ "split": {
847
+ "border-radius": {
848
+ "inner-corner": {
849
+ "small": {
850
+ "$extensions": {
851
+ "com.figma.scopes": [
852
+ "CORNER_RADIUS"
853
+ ],
854
+ "com.figma.hiddenFromPublishing": false
855
+ },
856
+ "$type": "number",
857
+ "$value": "{border-radius.0}"
858
+ },
859
+ "medium": {
860
+ "$extensions": {
861
+ "com.figma.scopes": [
862
+ "CORNER_RADIUS"
863
+ ],
864
+ "com.figma.hiddenFromPublishing": false
865
+ },
866
+ "$type": "number",
867
+ "$value": "{border-radius.0}"
868
+ }
869
+ }
870
+ },
871
+ "border-width": {
872
+ "inner-border": {
873
+ "small": {
874
+ "$extensions": {
875
+ "com.figma.scopes": [
876
+ "WIDTH_HEIGHT",
877
+ "STROKE_FLOAT"
878
+ ],
879
+ "com.figma.hiddenFromPublishing": false
880
+ },
881
+ "$type": "number",
882
+ "$value": "{border-width.0}"
883
+ },
884
+ "medium": {
885
+ "$extensions": {
886
+ "com.figma.scopes": [
887
+ "WIDTH_HEIGHT",
888
+ "STROKE_FLOAT"
889
+ ],
890
+ "com.figma.hiddenFromPublishing": false
891
+ },
892
+ "$type": "number",
893
+ "$value": "{border-width.0}"
894
+ }
895
+ }
896
+ }
897
+ }
898
+ }
899
+ }
900
+ },
901
+ "bar-control": {
902
+ "root": {
903
+ "color": {
904
+ "border": {
905
+ "rest": {
906
+ "$extensions": {
907
+ "com.figma.scopes": [
908
+ "SHAPE_FILL",
909
+ "STROKE_COLOR"
910
+ ],
911
+ "com.figma.hiddenFromPublishing": false
912
+ },
913
+ "$type": "color",
914
+ "$value": "{color.border.transparent.rest}"
915
+ }
916
+ },
917
+ "bg": {
918
+ "rest": {
919
+ "$extensions": {
920
+ "com.figma.scopes": [
921
+ "FRAME_FILL"
922
+ ],
923
+ "com.figma.hiddenFromPublishing": false
924
+ },
925
+ "$type": "color",
926
+ "$value": "{color.surface.transparent.rest}"
927
+ }
928
+ },
929
+ "content": {
930
+ "rest": {
931
+ "$extensions": {
932
+ "com.figma.scopes": [
933
+ "SHAPE_FILL",
934
+ "TEXT_FILL"
935
+ ],
936
+ "com.figma.hiddenFromPublishing": false
937
+ },
938
+ "$type": "color",
939
+ "$value": "{color.content.neutral.default.rest}"
940
+ }
941
+ }
942
+ },
943
+ "layout": {
944
+ "inner-box": {
945
+ "gap": {
946
+ "medium": {
947
+ "$extensions": {
948
+ "com.figma.scopes": [
949
+ "GAP"
950
+ ],
951
+ "com.figma.hiddenFromPublishing": false
952
+ },
953
+ "$type": "number",
954
+ "$value": "{spacing.80}"
955
+ },
956
+ "small": {
957
+ "$extensions": {
958
+ "com.figma.scopes": [
959
+ "GAP"
960
+ ],
961
+ "com.figma.hiddenFromPublishing": false
962
+ },
963
+ "$type": "number",
964
+ "$value": "{spacing.80}"
965
+ }
966
+ },
967
+ "vertical-orientation": {
968
+ "horizontal": {
969
+ "small": {
970
+ "$extensions": {
971
+ "com.figma.scopes": [
972
+ "GAP"
973
+ ],
974
+ "com.figma.hiddenFromPublishing": false
975
+ },
976
+ "$type": "number",
977
+ "$value": "{spacing.30}"
978
+ },
979
+ "medium": {
980
+ "$extensions": {
981
+ "com.figma.scopes": [
982
+ "GAP"
983
+ ],
984
+ "com.figma.hiddenFromPublishing": false
985
+ },
986
+ "$type": "number",
987
+ "$value": "{spacing.30}"
988
+ }
989
+ },
990
+ "vertical": {
991
+ "small": {
992
+ "$extensions": {
993
+ "com.figma.scopes": [
994
+ "GAP"
995
+ ],
996
+ "com.figma.hiddenFromPublishing": false
997
+ },
998
+ "$type": "number",
999
+ "$value": "{spacing.70}"
1000
+ },
1001
+ "medium": {
1002
+ "$extensions": {
1003
+ "com.figma.scopes": [
1004
+ "GAP"
1005
+ ],
1006
+ "com.figma.hiddenFromPublishing": false
1007
+ },
1008
+ "$type": "number",
1009
+ "$value": "{spacing.70}"
1010
+ }
1011
+ },
1012
+ "min-width": {
1013
+ "medium": {
1014
+ "$extensions": {
1015
+ "com.figma.scopes": [
1016
+ "WIDTH_HEIGHT"
1017
+ ],
1018
+ "com.figma.hiddenFromPublishing": false
1019
+ },
1020
+ "$type": "number",
1021
+ "$value": "{spacing.320}"
1022
+ },
1023
+ "small": {
1024
+ "$extensions": {
1025
+ "com.figma.scopes": [
1026
+ "WIDTH_HEIGHT"
1027
+ ],
1028
+ "com.figma.hiddenFromPublishing": false
1029
+ },
1030
+ "$type": "number",
1031
+ "$value": "{spacing.240}"
1032
+ }
1033
+ }
1034
+ },
1035
+ "horizontal-orientation": {
1036
+ "horizontal": {
1037
+ "small": {
1038
+ "$extensions": {
1039
+ "com.figma.scopes": [
1040
+ "GAP"
1041
+ ],
1042
+ "com.figma.hiddenFromPublishing": false
1043
+ },
1044
+ "$type": "number",
1045
+ "$value": "{spacing.70}"
1046
+ },
1047
+ "medium": {
1048
+ "$extensions": {
1049
+ "com.figma.scopes": [
1050
+ "GAP"
1051
+ ],
1052
+ "com.figma.hiddenFromPublishing": false
1053
+ },
1054
+ "$type": "number",
1055
+ "$value": "{spacing.70}"
1056
+ }
1057
+ },
1058
+ "vertical": {
1059
+ "medium": {
1060
+ "$extensions": {
1061
+ "com.figma.scopes": [
1062
+ "GAP"
1063
+ ],
1064
+ "com.figma.hiddenFromPublishing": false
1065
+ },
1066
+ "$type": "number",
1067
+ "$value": "{spacing.30}"
1068
+ },
1069
+ "small": {
1070
+ "$extensions": {
1071
+ "com.figma.scopes": [
1072
+ "GAP"
1073
+ ],
1074
+ "com.figma.hiddenFromPublishing": false
1075
+ },
1076
+ "$type": "number",
1077
+ "$value": "{spacing.30}"
1078
+ }
1079
+ },
1080
+ "min-height": {
1081
+ "medium": {
1082
+ "$extensions": {
1083
+ "com.figma.scopes": [
1084
+ "WIDTH_HEIGHT"
1085
+ ],
1086
+ "com.figma.hiddenFromPublishing": false
1087
+ },
1088
+ "$type": "number",
1089
+ "$value": "{spacing.320}"
1090
+ },
1091
+ "small": {
1092
+ "$extensions": {
1093
+ "com.figma.scopes": [
1094
+ "WIDTH_HEIGHT"
1095
+ ],
1096
+ "com.figma.hiddenFromPublishing": false
1097
+ },
1098
+ "$type": "number",
1099
+ "$value": "{spacing.240}"
1100
+ }
1101
+ }
1102
+ }
1103
+ },
1104
+ "menu-box": {
1105
+ "gap": {
1106
+ "medium": {
1107
+ "$extensions": {
1108
+ "com.figma.scopes": [
1109
+ "GAP"
1110
+ ],
1111
+ "com.figma.hiddenFromPublishing": false
1112
+ },
1113
+ "$type": "number",
1114
+ "$value": "{spacing.60}"
1115
+ },
1116
+ "small": {
1117
+ "$extensions": {
1118
+ "com.figma.scopes": [
1119
+ "GAP"
1120
+ ],
1121
+ "com.figma.hiddenFromPublishing": false
1122
+ },
1123
+ "$type": "number",
1124
+ "$value": "{spacing.40}"
1125
+ }
1126
+ }
1127
+ },
1128
+ "button-box": {
1129
+ "gap": {
1130
+ "small": {
1131
+ "$extensions": {
1132
+ "com.figma.scopes": [
1133
+ "GAP"
1134
+ ],
1135
+ "com.figma.hiddenFromPublishing": false
1136
+ },
1137
+ "$type": "number",
1138
+ "$value": "{spacing.40}"
1139
+ },
1140
+ "medium": {
1141
+ "$extensions": {
1142
+ "com.figma.scopes": [
1143
+ "GAP"
1144
+ ],
1145
+ "com.figma.hiddenFromPublishing": false
1146
+ },
1147
+ "$type": "number",
1148
+ "$value": "{spacing.60}"
1149
+ }
1150
+ }
1151
+ },
1152
+ "outer-box": {
1153
+ "horizontal": {
1154
+ "small": {
1155
+ "$extensions": {
1156
+ "com.figma.scopes": [
1157
+ "GAP"
1158
+ ],
1159
+ "com.figma.hiddenFromPublishing": false
1160
+ },
1161
+ "$type": "number",
1162
+ "$value": "{spacing.0}"
1163
+ },
1164
+ "medium": {
1165
+ "$extensions": {
1166
+ "com.figma.scopes": [
1167
+ "GAP"
1168
+ ],
1169
+ "com.figma.hiddenFromPublishing": false
1170
+ },
1171
+ "$type": "number",
1172
+ "$value": "{spacing.0}"
1173
+ }
1174
+ },
1175
+ "vertical": {
1176
+ "small": {
1177
+ "$extensions": {
1178
+ "com.figma.scopes": [
1179
+ "GAP"
1180
+ ],
1181
+ "com.figma.hiddenFromPublishing": false
1182
+ },
1183
+ "$type": "number",
1184
+ "$value": "{spacing.0}"
1185
+ },
1186
+ "medium": {
1187
+ "$extensions": {
1188
+ "com.figma.scopes": [
1189
+ "GAP"
1190
+ ],
1191
+ "com.figma.hiddenFromPublishing": false
1192
+ },
1193
+ "$type": "number",
1194
+ "$value": "{spacing.0}"
1195
+ }
1196
+ }
1197
+ }
1198
+ },
1199
+ "borders": {
1200
+ "border-radius": {
1201
+ "medium": {
1202
+ "$extensions": {
1203
+ "com.figma.scopes": [
1204
+ "CORNER_RADIUS"
1205
+ ],
1206
+ "com.figma.hiddenFromPublishing": false
1207
+ },
1208
+ "$type": "number",
1209
+ "$value": "{border-radius.40}"
1210
+ },
1211
+ "small": {
1212
+ "$extensions": {
1213
+ "com.figma.scopes": [
1214
+ "CORNER_RADIUS"
1215
+ ],
1216
+ "com.figma.hiddenFromPublishing": false
1217
+ },
1218
+ "$type": "number",
1219
+ "$value": "{border-radius.40}"
1220
+ }
1221
+ },
1222
+ "border-width": {
1223
+ "small": {
1224
+ "$extensions": {
1225
+ "com.figma.scopes": [
1226
+ "WIDTH_HEIGHT",
1227
+ "STROKE_FLOAT"
1228
+ ],
1229
+ "com.figma.hiddenFromPublishing": false
1230
+ },
1231
+ "$type": "number",
1232
+ "$value": "{border-width.10}"
1233
+ },
1234
+ "medium": {
1235
+ "$extensions": {
1236
+ "com.figma.scopes": [
1237
+ "WIDTH_HEIGHT",
1238
+ "STROKE_FLOAT"
1239
+ ],
1240
+ "com.figma.hiddenFromPublishing": false
1241
+ },
1242
+ "$type": "number",
1243
+ "$value": "{border-width.10}"
1244
+ }
1245
+ }
1246
+ }
1247
+ },
1248
+ "floating-bar": {
1249
+ "root": {
1250
+ "color": {
1251
+ "bg": {
1252
+ "rest": {
1253
+ "$extensions": {
1254
+ "com.figma.scopes": [
1255
+ "FRAME_FILL"
1256
+ ],
1257
+ "com.figma.hiddenFromPublishing": false
1258
+ },
1259
+ "$type": "color",
1260
+ "$value": "{color.surface.neutral.default.rest}"
1261
+ }
1262
+ }
1263
+ },
1264
+ "box-shadow": {
1265
+ "layer-1": {
1266
+ "color": {
1267
+ "$extensions": {
1268
+ "com.figma.scopes": [
1269
+ "EFFECT_COLOR"
1270
+ ],
1271
+ "com.figma.hiddenFromPublishing": false
1272
+ },
1273
+ "$type": "color",
1274
+ "$value": "{box-shadow.layer-1.color.lg}"
1275
+ },
1276
+ "x": {
1277
+ "$extensions": {
1278
+ "com.figma.scopes": [
1279
+ "EFFECT_FLOAT"
1280
+ ],
1281
+ "com.figma.hiddenFromPublishing": false
1282
+ },
1283
+ "$type": "number",
1284
+ "$value": "{box-shadow.layer-1.x.lg}"
1285
+ },
1286
+ "y": {
1287
+ "$extensions": {
1288
+ "com.figma.scopes": [
1289
+ "EFFECT_FLOAT"
1290
+ ],
1291
+ "com.figma.hiddenFromPublishing": false
1292
+ },
1293
+ "$type": "number",
1294
+ "$value": "{box-shadow.layer-1.y.lg}"
1295
+ },
1296
+ "spread": {
1297
+ "$extensions": {
1298
+ "com.figma.scopes": [
1299
+ "EFFECT_FLOAT"
1300
+ ],
1301
+ "com.figma.hiddenFromPublishing": false
1302
+ },
1303
+ "$type": "number",
1304
+ "$value": "{box-shadow.layer-1.spread.lg}"
1305
+ },
1306
+ "blur": {
1307
+ "$extensions": {
1308
+ "com.figma.scopes": [
1309
+ "EFFECT_FLOAT"
1310
+ ],
1311
+ "com.figma.hiddenFromPublishing": false
1312
+ },
1313
+ "$type": "number",
1314
+ "$value": "{box-shadow.layer-1.blur.lg}"
1315
+ }
1316
+ },
1317
+ "layer-2": {
1318
+ "color": {
1319
+ "$extensions": {
1320
+ "com.figma.scopes": [
1321
+ "EFFECT_COLOR"
1322
+ ],
1323
+ "com.figma.hiddenFromPublishing": false
1324
+ },
1325
+ "$type": "color",
1326
+ "$value": "{box-shadow.layer-2.color.lg}"
1327
+ },
1328
+ "x": {
1329
+ "$extensions": {
1330
+ "com.figma.scopes": [
1331
+ "EFFECT_FLOAT"
1332
+ ],
1333
+ "com.figma.hiddenFromPublishing": false
1334
+ },
1335
+ "$type": "number",
1336
+ "$value": "{box-shadow.layer-2.x.lg}"
1337
+ },
1338
+ "y": {
1339
+ "$extensions": {
1340
+ "com.figma.scopes": [
1341
+ "EFFECT_FLOAT"
1342
+ ],
1343
+ "com.figma.hiddenFromPublishing": false
1344
+ },
1345
+ "$type": "number",
1346
+ "$value": "{box-shadow.layer-2.y.lg}"
1347
+ },
1348
+ "spread": {
1349
+ "$extensions": {
1350
+ "com.figma.scopes": [
1351
+ "EFFECT_FLOAT"
1352
+ ],
1353
+ "com.figma.hiddenFromPublishing": false
1354
+ },
1355
+ "$type": "number",
1356
+ "$value": "{box-shadow.layer-2.spread.lg}"
1357
+ },
1358
+ "blur": {
1359
+ "$extensions": {
1360
+ "com.figma.scopes": [
1361
+ "EFFECT_FLOAT"
1362
+ ],
1363
+ "com.figma.hiddenFromPublishing": false
1364
+ },
1365
+ "$type": "number",
1366
+ "$value": "{box-shadow.layer-2.blur.lg}"
1367
+ }
1368
+ },
1369
+ "composite": {
1370
+ "$extensions": {
1371
+ "com.figma.scopes": [
1372
+ "ALL_SCOPES"
1373
+ ],
1374
+ "com.figma.hiddenFromPublishing": false
1375
+ },
1376
+ "$type": "text",
1377
+ "$value": "{box-shadow.lg}"
1378
+ }
1379
+ },
1380
+ "layout": {
1381
+ "gap": {
1382
+ "small": {
1383
+ "$extensions": {
1384
+ "com.figma.scopes": [
1385
+ "GAP"
1386
+ ],
1387
+ "com.figma.hiddenFromPublishing": false
1388
+ },
1389
+ "$type": "number",
1390
+ "$value": "{spacing.0}"
1391
+ },
1392
+ "medium": {
1393
+ "$extensions": {
1394
+ "com.figma.scopes": [
1395
+ "GAP"
1396
+ ],
1397
+ "com.figma.hiddenFromPublishing": false
1398
+ },
1399
+ "$type": "number",
1400
+ "$value": "{spacing.0}"
1401
+ }
1402
+ }
1403
+ },
1404
+ "borders": {
1405
+ "border-radius": {
1406
+ "small": {
1407
+ "$extensions": {
1408
+ "com.figma.scopes": [
1409
+ "CORNER_RADIUS"
1410
+ ],
1411
+ "com.figma.hiddenFromPublishing": false
1412
+ },
1413
+ "$type": "number",
1414
+ "$value": "{border-radius.80}"
1415
+ },
1416
+ "medium": {
1417
+ "$extensions": {
1418
+ "com.figma.scopes": [
1419
+ "CORNER_RADIUS"
1420
+ ],
1421
+ "com.figma.hiddenFromPublishing": false
1422
+ },
1423
+ "$type": "number",
1424
+ "$value": "{border-radius.80}"
1425
+ }
1426
+ }
1427
+ }
1428
+ },
1429
+ "header": {
1430
+ "color": {
1431
+ "bg": {
1432
+ "rest": {
1433
+ "$extensions": {
1434
+ "com.figma.scopes": [
1435
+ "FRAME_FILL"
1436
+ ],
1437
+ "com.figma.hiddenFromPublishing": false
1438
+ },
1439
+ "$type": "color",
1440
+ "$value": "{color.surface.neutral.default.rest}"
1441
+ }
1442
+ },
1443
+ "border": {
1444
+ "rest": {
1445
+ "$extensions": {
1446
+ "com.figma.scopes": [
1447
+ "SHAPE_FILL",
1448
+ "STROKE_COLOR"
1449
+ ],
1450
+ "com.figma.hiddenFromPublishing": false
1451
+ },
1452
+ "$type": "color",
1453
+ "$value": "{color.border.transparent.rest}"
1454
+ }
1455
+ }
1456
+ },
1457
+ "typography": {
1458
+ "font-family": {
1459
+ "$extensions": {
1460
+ "com.figma.scopes": [
1461
+ "FONT_FAMILY"
1462
+ ],
1463
+ "com.figma.hiddenFromPublishing": false
1464
+ },
1465
+ "$type": "text",
1466
+ "$value": "{font-family.sans-serif}"
1467
+ },
1468
+ "line-height": {
1469
+ "small": {
1470
+ "$extensions": {
1471
+ "com.figma.scopes": [
1472
+ "LINE_HEIGHT"
1473
+ ],
1474
+ "com.figma.hiddenFromPublishing": false
1475
+ },
1476
+ "$type": "number",
1477
+ "$value": "{line-height.title.xs}"
1478
+ },
1479
+ "medium": {
1480
+ "$extensions": {
1481
+ "com.figma.scopes": [
1482
+ "LINE_HEIGHT"
1483
+ ],
1484
+ "com.figma.hiddenFromPublishing": false
1485
+ },
1486
+ "$type": "number",
1487
+ "$value": "{line-height.title.sm}"
1488
+ }
1489
+ },
1490
+ "font-weight": {
1491
+ "medium": {
1492
+ "$extensions": {
1493
+ "com.figma.scopes": [
1494
+ "FONT_WEIGHT"
1495
+ ],
1496
+ "com.figma.hiddenFromPublishing": false
1497
+ },
1498
+ "$type": "number",
1499
+ "$value": "{font-weight.title.default}"
1500
+ },
1501
+ "small": {
1502
+ "$extensions": {
1503
+ "com.figma.scopes": [
1504
+ "FONT_WEIGHT"
1505
+ ],
1506
+ "com.figma.hiddenFromPublishing": false
1507
+ },
1508
+ "$type": "number",
1509
+ "$value": "{font-weight.title.default}"
1510
+ }
1511
+ },
1512
+ "font-size": {
911
1513
  "medium": {
912
1514
  "$extensions": {
913
1515
  "com.figma.scopes": [
914
- "GAP"
1516
+ "FONT_SIZE"
915
1517
  ],
916
1518
  "com.figma.hiddenFromPublishing": false
917
1519
  },
918
1520
  "$type": "number",
919
- "$value": "{spacing.80}"
1521
+ "$value": "{font-size.title.sm}"
920
1522
  },
921
1523
  "small": {
922
1524
  "$extensions": {
923
1525
  "com.figma.scopes": [
924
- "GAP"
1526
+ "FONT_SIZE"
925
1527
  ],
926
1528
  "com.figma.hiddenFromPublishing": false
927
1529
  },
928
1530
  "$type": "number",
929
- "$value": "{spacing.80}"
1531
+ "$value": "{font-size.title.xs}"
930
1532
  }
931
1533
  },
932
- "vertical-orientation": {
933
- "horizontal": {
934
- "small": {
935
- "$extensions": {
936
- "com.figma.scopes": [
937
- "GAP"
938
- ],
939
- "com.figma.hiddenFromPublishing": false
940
- },
941
- "$type": "number",
942
- "$value": "{spacing.30}"
1534
+ "letter-spacing": {
1535
+ "medium": {
1536
+ "$extensions": {
1537
+ "com.figma.scopes": [
1538
+ "LETTER_SPACING"
1539
+ ],
1540
+ "com.figma.hiddenFromPublishing": false
943
1541
  },
944
- "medium": {
945
- "$extensions": {
946
- "com.figma.scopes": [
947
- "GAP"
948
- ],
949
- "com.figma.hiddenFromPublishing": false
950
- },
951
- "$type": "number",
952
- "$value": "{spacing.30}"
953
- }
1542
+ "$type": "number",
1543
+ "$value": "{letter-spacing.title.sm}"
954
1544
  },
955
- "vertical": {
1545
+ "small": {
1546
+ "$extensions": {
1547
+ "com.figma.scopes": [
1548
+ "LETTER_SPACING"
1549
+ ],
1550
+ "com.figma.hiddenFromPublishing": false
1551
+ },
1552
+ "$type": "number",
1553
+ "$value": "{letter-spacing.title.xs}"
1554
+ }
1555
+ }
1556
+ },
1557
+ "layout": {
1558
+ "outer-box": {
1559
+ "horizontal": {
956
1560
  "small": {
957
1561
  "$extensions": {
958
1562
  "com.figma.scopes": [
@@ -974,31 +1578,7 @@
974
1578
  "$value": "{spacing.70}"
975
1579
  }
976
1580
  },
977
- "min-width": {
978
- "medium": {
979
- "$extensions": {
980
- "com.figma.scopes": [
981
- "WIDTH_HEIGHT"
982
- ],
983
- "com.figma.hiddenFromPublishing": false
984
- },
985
- "$type": "number",
986
- "$value": "{spacing.320}"
987
- },
988
- "small": {
989
- "$extensions": {
990
- "com.figma.scopes": [
991
- "WIDTH_HEIGHT"
992
- ],
993
- "com.figma.hiddenFromPublishing": false
994
- },
995
- "$type": "number",
996
- "$value": "{spacing.240}"
997
- }
998
- }
999
- },
1000
- "horizontal-orientation": {
1001
- "horizontal": {
1581
+ "vertical": {
1002
1582
  "small": {
1003
1583
  "$extensions": {
1004
1584
  "com.figma.scopes": [
@@ -1007,7 +1587,7 @@
1007
1587
  "com.figma.hiddenFromPublishing": false
1008
1588
  },
1009
1589
  "$type": "number",
1010
- "$value": "{spacing.70}"
1590
+ "$value": "{spacing.10}"
1011
1591
  },
1012
1592
  "medium": {
1013
1593
  "$extensions": {
@@ -1017,11 +1597,11 @@
1017
1597
  "com.figma.hiddenFromPublishing": false
1018
1598
  },
1019
1599
  "$type": "number",
1020
- "$value": "{spacing.70}"
1600
+ "$value": "{spacing.30}"
1021
1601
  }
1022
1602
  },
1023
- "vertical": {
1024
- "medium": {
1603
+ "gap": {
1604
+ "small": {
1025
1605
  "$extensions": {
1026
1606
  "com.figma.scopes": [
1027
1607
  "GAP"
@@ -1029,9 +1609,9 @@
1029
1609
  "com.figma.hiddenFromPublishing": false
1030
1610
  },
1031
1611
  "$type": "number",
1032
- "$value": "{spacing.30}"
1612
+ "$value": "{spacing.80}"
1033
1613
  },
1034
- "small": {
1614
+ "medium": {
1035
1615
  "$extensions": {
1036
1616
  "com.figma.scopes": [
1037
1617
  "GAP"
@@ -1039,11 +1619,11 @@
1039
1619
  "com.figma.hiddenFromPublishing": false
1040
1620
  },
1041
1621
  "$type": "number",
1042
- "$value": "{spacing.30}"
1622
+ "$value": "{spacing.100}"
1043
1623
  }
1044
1624
  },
1045
1625
  "min-height": {
1046
- "medium": {
1626
+ "small": {
1047
1627
  "$extensions": {
1048
1628
  "com.figma.scopes": [
1049
1629
  "WIDTH_HEIGHT"
@@ -1051,9 +1631,9 @@
1051
1631
  "com.figma.hiddenFromPublishing": false
1052
1632
  },
1053
1633
  "$type": "number",
1054
- "$value": "{spacing.320}"
1634
+ "$value": "{spacing.240}"
1055
1635
  },
1056
- "small": {
1636
+ "medium": {
1057
1637
  "$extensions": {
1058
1638
  "com.figma.scopes": [
1059
1639
  "WIDTH_HEIGHT"
@@ -1061,172 +1641,132 @@
1061
1641
  "com.figma.hiddenFromPublishing": false
1062
1642
  },
1063
1643
  "$type": "number",
1064
- "$value": "{spacing.240}"
1644
+ "$value": "{spacing.320}"
1065
1645
  }
1066
1646
  }
1067
1647
  }
1068
1648
  },
1069
- "menu-box": {
1070
- "gap": {
1071
- "medium": {
1649
+ "borders": {
1650
+ "border-radius": {
1651
+ "small": {
1072
1652
  "$extensions": {
1073
1653
  "com.figma.scopes": [
1074
- "GAP"
1654
+ "CORNER_RADIUS"
1075
1655
  ],
1076
1656
  "com.figma.hiddenFromPublishing": false
1077
1657
  },
1078
1658
  "$type": "number",
1079
- "$value": "{spacing.60}"
1659
+ "$value": "{border-radius.80}"
1080
1660
  },
1081
- "small": {
1661
+ "medium": {
1082
1662
  "$extensions": {
1083
1663
  "com.figma.scopes": [
1084
- "GAP"
1664
+ "CORNER_RADIUS"
1085
1665
  ],
1086
1666
  "com.figma.hiddenFromPublishing": false
1087
1667
  },
1088
1668
  "$type": "number",
1089
- "$value": "{spacing.40}"
1669
+ "$value": "{border-radius.80}"
1090
1670
  }
1091
- }
1092
- },
1093
- "button-box": {
1094
- "gap": {
1671
+ },
1672
+ "border-width": {
1095
1673
  "small": {
1096
1674
  "$extensions": {
1097
1675
  "com.figma.scopes": [
1098
- "GAP"
1676
+ "WIDTH_HEIGHT",
1677
+ "STROKE_FLOAT"
1099
1678
  ],
1100
1679
  "com.figma.hiddenFromPublishing": false
1101
1680
  },
1102
1681
  "$type": "number",
1103
- "$value": "{spacing.40}"
1682
+ "$value": "{border-width.10}"
1104
1683
  },
1105
1684
  "medium": {
1106
1685
  "$extensions": {
1107
1686
  "com.figma.scopes": [
1108
- "GAP"
1687
+ "WIDTH_HEIGHT",
1688
+ "STROKE_FLOAT"
1109
1689
  ],
1110
1690
  "com.figma.hiddenFromPublishing": false
1111
1691
  },
1112
1692
  "$type": "number",
1113
- "$value": "{spacing.60}"
1693
+ "$value": "{border-width.10}"
1114
1694
  }
1115
1695
  }
1116
- },
1117
- "outer-box": {
1696
+ }
1697
+ }
1698
+ },
1699
+ "popup": {
1700
+ "layout": {
1701
+ "item-box": {
1118
1702
  "horizontal": {
1119
- "small": {
1703
+ "medium": {
1120
1704
  "$extensions": {
1121
1705
  "com.figma.scopes": [
1122
- "ALL_SCOPES"
1706
+ "GAP"
1123
1707
  ],
1124
1708
  "com.figma.hiddenFromPublishing": false
1125
1709
  },
1126
1710
  "$type": "number",
1127
- "$value": "{spacing.0}"
1711
+ "$value": "{spacing.30}"
1128
1712
  },
1713
+ "small": {
1714
+ "$extensions": {
1715
+ "com.figma.scopes": [
1716
+ "GAP"
1717
+ ],
1718
+ "com.figma.hiddenFromPublishing": false
1719
+ },
1720
+ "$type": "number",
1721
+ "$value": "{spacing.30}"
1722
+ }
1723
+ },
1724
+ "gap": {
1129
1725
  "medium": {
1130
1726
  "$extensions": {
1131
1727
  "com.figma.scopes": [
1132
- "ALL_SCOPES"
1728
+ "GAP"
1133
1729
  ],
1134
1730
  "com.figma.hiddenFromPublishing": false
1135
1731
  },
1136
1732
  "$type": "number",
1137
- "$value": "{spacing.0}"
1733
+ "$value": "{spacing.20}"
1734
+ },
1735
+ "small": {
1736
+ "$extensions": {
1737
+ "com.figma.scopes": [
1738
+ "GAP"
1739
+ ],
1740
+ "com.figma.hiddenFromPublishing": false
1741
+ },
1742
+ "$type": "number",
1743
+ "$value": "{spacing.20}"
1138
1744
  }
1139
1745
  },
1140
- "vertical": {
1746
+ "vertical-start": {
1141
1747
  "small": {
1142
1748
  "$extensions": {
1143
1749
  "com.figma.scopes": [
1144
- "ALL_SCOPES"
1750
+ "GAP"
1145
1751
  ],
1146
1752
  "com.figma.hiddenFromPublishing": false
1147
1753
  },
1148
1754
  "$type": "number",
1149
- "$value": "{spacing.0}"
1755
+ "$value": "{spacing.30}"
1150
1756
  },
1151
1757
  "medium": {
1152
1758
  "$extensions": {
1153
1759
  "com.figma.scopes": [
1154
- "ALL_SCOPES"
1760
+ "GAP"
1155
1761
  ],
1156
1762
  "com.figma.hiddenFromPublishing": false
1157
1763
  },
1158
1764
  "$type": "number",
1159
- "$value": "{spacing.0}"
1765
+ "$value": "{spacing.30}"
1160
1766
  }
1161
- }
1162
- }
1163
- },
1164
- "borders": {
1165
- "border-radius": {
1166
- "medium": {
1167
- "$extensions": {
1168
- "com.figma.scopes": [
1169
- "CORNER_RADIUS"
1170
- ],
1171
- "com.figma.hiddenFromPublishing": false
1172
- },
1173
- "$type": "number",
1174
- "$value": "{border-radius.40}"
1175
- },
1176
- "small": {
1177
- "$extensions": {
1178
- "com.figma.scopes": [
1179
- "CORNER_RADIUS"
1180
- ],
1181
- "com.figma.hiddenFromPublishing": false
1182
- },
1183
- "$type": "number",
1184
- "$value": "{border-radius.40}"
1185
- }
1186
- },
1187
- "border-width": {
1188
- "small": {
1189
- "$extensions": {
1190
- "com.figma.scopes": [
1191
- "STROKE_FLOAT"
1192
- ],
1193
- "com.figma.hiddenFromPublishing": false
1194
- },
1195
- "$type": "number",
1196
- "$value": "{border-width.10}"
1197
1767
  },
1198
- "medium": {
1199
- "$extensions": {
1200
- "com.figma.scopes": [
1201
- "STROKE_FLOAT"
1202
- ],
1203
- "com.figma.hiddenFromPublishing": false
1204
- },
1205
- "$type": "number",
1206
- "$value": "{border-width.10}"
1207
- }
1208
- }
1209
- }
1210
- },
1211
- "menu": {
1212
- "color": {
1213
- "bg": {
1214
- "rest": {
1215
- "$extensions": {
1216
- "com.figma.scopes": [
1217
- "FRAME_FILL"
1218
- ],
1219
- "com.figma.hiddenFromPublishing": false
1220
- },
1221
- "$type": "color",
1222
- "$value": "{color.surface.neutral.default.rest}"
1223
- }
1224
- }
1225
- },
1226
- "layout": {
1227
- "item-box": {
1228
- "horizontal": {
1229
- "medium": {
1768
+ "vertical-end": {
1769
+ "small": {
1230
1770
  "$extensions": {
1231
1771
  "com.figma.scopes": [
1232
1772
  "GAP"
@@ -1234,9 +1774,9 @@
1234
1774
  "com.figma.hiddenFromPublishing": false
1235
1775
  },
1236
1776
  "$type": "number",
1237
- "$value": "{spacing.40}"
1777
+ "$value": "{spacing.10}"
1238
1778
  },
1239
- "small": {
1779
+ "medium": {
1240
1780
  "$extensions": {
1241
1781
  "com.figma.scopes": [
1242
1782
  "GAP"
@@ -1244,9 +1784,11 @@
1244
1784
  "com.figma.hiddenFromPublishing": false
1245
1785
  },
1246
1786
  "$type": "number",
1247
- "$value": "{spacing.40}"
1787
+ "$value": "{spacing.10}"
1248
1788
  }
1249
- },
1789
+ }
1790
+ },
1791
+ "content-box": {
1250
1792
  "gap": {
1251
1793
  "medium": {
1252
1794
  "$extensions": {
@@ -1269,7 +1811,7 @@
1269
1811
  "$value": "{spacing.20}"
1270
1812
  }
1271
1813
  },
1272
- "vertical": {
1814
+ "vertical-end": {
1273
1815
  "small": {
1274
1816
  "$extensions": {
1275
1817
  "com.figma.scopes": [
@@ -1278,7 +1820,7 @@
1278
1820
  "com.figma.hiddenFromPublishing": false
1279
1821
  },
1280
1822
  "$type": "number",
1281
- "$value": "{spacing.40}"
1823
+ "$value": "{spacing.20}"
1282
1824
  },
1283
1825
  "medium": {
1284
1826
  "$extensions": {
@@ -1288,13 +1830,11 @@
1288
1830
  "com.figma.hiddenFromPublishing": false
1289
1831
  },
1290
1832
  "$type": "number",
1291
- "$value": "{spacing.40}"
1833
+ "$value": "{spacing.20}"
1292
1834
  }
1293
- }
1294
- },
1295
- "content-box": {
1296
- "gap": {
1297
- "medium": {
1835
+ },
1836
+ "vertical-start": {
1837
+ "small": {
1298
1838
  "$extensions": {
1299
1839
  "com.figma.scopes": [
1300
1840
  "GAP"
@@ -1302,9 +1842,9 @@
1302
1842
  "com.figma.hiddenFromPublishing": false
1303
1843
  },
1304
1844
  "$type": "number",
1305
- "$value": "{spacing.20}"
1845
+ "$value": "{spacing.0}"
1306
1846
  },
1307
- "small": {
1847
+ "medium": {
1308
1848
  "$extensions": {
1309
1849
  "com.figma.scopes": [
1310
1850
  "GAP"
@@ -1312,7 +1852,7 @@
1312
1852
  "com.figma.hiddenFromPublishing": false
1313
1853
  },
1314
1854
  "$type": "number",
1315
- "$value": "{spacing.20}"
1855
+ "$value": "{spacing.0}"
1316
1856
  }
1317
1857
  }
1318
1858
  },