@devexpress/design-tokens-internal 262.3.0 → 262.4.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 (45) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/README.md +11 -9
  3. package/tokens/components/core/size/fluent_large.json +91 -93
  4. package/tokens/components/core/size/fluent_medium.json +91 -93
  5. package/tokens/components/core/size/fluent_small.json +91 -93
  6. package/tokens/components/core/size/material_medium.json +91 -93
  7. package/tokens/components/core/theme/fluent.json +35 -37
  8. package/tokens/components/core/theme/material.json +35 -37
  9. package/tokens/components/wpf/button-group/fluent.json +6 -6
  10. package/tokens/components/wpf/card-view/fluent.json +55 -55
  11. package/tokens/components/wpf/datapager/fluent.json +18 -18
  12. package/tokens/components/wpf/docking/fluent.json +1 -1
  13. package/tokens/components/wpf/grid/fluent.json +79 -79
  14. package/tokens/components/wpf/groupbox/fluent.json +52 -52
  15. package/tokens/components/wpf/listbox-edit/fluent.json +75 -75
  16. package/tokens/components/wpf/pagercontrol/fluent.json +44 -44
  17. package/tokens/components/wpf/progress-bar/fluent.json +47 -47
  18. package/tokens/components/wpf/size/fluent_medium.json +2962 -0
  19. package/tokens/components/wpf/size/fluent_small.json +2962 -0
  20. package/tokens/components/wpf/text-content/fluent.json +3 -1
  21. package/tokens/components/wpf/theme/fluent.json +2623 -0
  22. package/tokens/components/wpf/themed-window/fluent.json +60 -60
  23. package/tokens/components/wpf/treeview/fluent.json +23 -23
  24. package/tokens.flat.json +778 -660
  25. package/tokens/components/wpf/badge/fluent.json +0 -126
  26. package/tokens/components/wpf/bars/fluent.json +0 -2998
  27. package/tokens/components/wpf/button/fluent.json +0 -598
  28. package/tokens/components/wpf/button-edit/fluent.json +0 -625
  29. package/tokens/components/wpf/button-text/fluent.json +0 -188
  30. package/tokens/components/wpf/checkedit/fluent.json +0 -58
  31. package/tokens/components/wpf/compact-icon-button/fluent.json +0 -190
  32. package/tokens/components/wpf/popup/fluent.json +0 -209
  33. package/tokens/components/wpf/radio-button/fluent.json +0 -72
  34. package/tokens/components/wpf/scroll-bar/fluent.json +0 -224
  35. package/tokens/components/wpf/scroll-view/fluent.json +0 -129
  36. package/tokens/components/wpf/separator/fluent.json +0 -40
  37. package/tokens/components/wpf/split-button/fluent.json +0 -54
  38. package/tokens/components/wpf/standard-groupbox/fluent.json +0 -362
  39. package/tokens/components/wpf/text-edit/fluent.json +0 -337
  40. package/tokens/components/wpf/toggle-switch/fluent.json +0 -595
  41. package/tokens/components/wpf/wait-indicator/fluent.json +0 -243
  42. /package/tokens/base/colors/icons/{blazor-default → blazor_classic}/dark.json +0 -0
  43. /package/tokens/base/colors/icons/{blazor-default → blazor_classic}/light.json +0 -0
  44. /package/tokens/base/colors/icons/{dx-desktop → desktop_classic}/dark.json +0 -0
  45. /package/tokens/base/colors/icons/{dx-desktop → desktop_classic}/light.json +0 -0
@@ -1,2998 +0,0 @@
1
- {
2
- "bars": {
3
- "bar-control": {
4
- "floating-bar": {
5
- "root": {
6
- "box-shadow": {
7
- "layer-2": {
8
- "color": {
9
- "$extensions": {
10
- "com.figma.scopes": [
11
- "EFFECT_COLOR"
12
- ],
13
- "com.figma.hiddenFromPublishing": true
14
- },
15
- "$type": "color",
16
- "$value": "{box-shadow.layer-2.color.lg}"
17
- },
18
- "blur": {
19
- "$extensions": {
20
- "com.figma.scopes": [
21
- "EFFECT_FLOAT"
22
- ],
23
- "com.figma.hiddenFromPublishing": true
24
- },
25
- "$type": "number",
26
- "$value": "{box-shadow.layer-2.blur.lg}"
27
- },
28
- "y": {
29
- "$extensions": {
30
- "com.figma.scopes": [
31
- "EFFECT_FLOAT"
32
- ],
33
- "com.figma.hiddenFromPublishing": true
34
- },
35
- "$type": "number",
36
- "$value": "{box-shadow.layer-2.y.lg}"
37
- },
38
- "x": {
39
- "$extensions": {
40
- "com.figma.scopes": [
41
- "EFFECT_FLOAT"
42
- ],
43
- "com.figma.hiddenFromPublishing": true
44
- },
45
- "$type": "number",
46
- "$value": "{box-shadow.layer-2.x.lg}"
47
- },
48
- "spread": {
49
- "$extensions": {
50
- "com.figma.scopes": [
51
- "EFFECT_FLOAT"
52
- ],
53
- "com.figma.hiddenFromPublishing": true
54
- },
55
- "$type": "number",
56
- "$value": "{box-shadow.layer-2.spread.lg}"
57
- }
58
- },
59
- "layer-1": {
60
- "color": {
61
- "$extensions": {
62
- "com.figma.scopes": [
63
- "EFFECT_COLOR"
64
- ],
65
- "com.figma.hiddenFromPublishing": true
66
- },
67
- "$type": "color",
68
- "$value": "{box-shadow.layer-1.color.lg}"
69
- },
70
- "spread": {
71
- "$extensions": {
72
- "com.figma.scopes": [
73
- "EFFECT_FLOAT"
74
- ],
75
- "com.figma.hiddenFromPublishing": true
76
- },
77
- "$type": "number",
78
- "$value": "{box-shadow.layer-1.spread.lg}"
79
- },
80
- "y": {
81
- "$extensions": {
82
- "com.figma.scopes": [
83
- "EFFECT_FLOAT"
84
- ],
85
- "com.figma.hiddenFromPublishing": true
86
- },
87
- "$type": "number",
88
- "$value": "{box-shadow.layer-1.y.lg}"
89
- },
90
- "x": {
91
- "$extensions": {
92
- "com.figma.scopes": [
93
- "EFFECT_FLOAT"
94
- ],
95
- "com.figma.hiddenFromPublishing": true
96
- },
97
- "$type": "number",
98
- "$value": "{box-shadow.layer-1.x.lg}"
99
- },
100
- "blur": {
101
- "$extensions": {
102
- "com.figma.scopes": [
103
- "EFFECT_FLOAT"
104
- ],
105
- "com.figma.hiddenFromPublishing": true
106
- },
107
- "$type": "number",
108
- "$value": "{box-shadow.layer-1.blur.lg}"
109
- }
110
- },
111
- "composite": {
112
- "$extensions": {
113
- "com.figma.scopes": [
114
- "ALL_SCOPES"
115
- ],
116
- "com.figma.hiddenFromPublishing": true
117
- },
118
- "$type": "text",
119
- "$value": "{box-shadow.lg}"
120
- }
121
- },
122
- "color": {
123
- "bg": {
124
- "rest": {
125
- "$extensions": {
126
- "com.figma.scopes": [
127
- "FRAME_FILL",
128
- "SHAPE_FILL"
129
- ],
130
- "com.figma.hiddenFromPublishing": true
131
- },
132
- "$type": "color",
133
- "$value": "{color.surface.neutral.default.rest}"
134
- }
135
- }
136
- },
137
- "layout": {
138
- "gap": {
139
- "medium": {
140
- "$extensions": {
141
- "com.figma.scopes": [
142
- "GAP"
143
- ],
144
- "com.figma.hiddenFromPublishing": true
145
- },
146
- "$type": "number",
147
- "$value": "{spacing.0}"
148
- },
149
- "small": {
150
- "$extensions": {
151
- "com.figma.scopes": [
152
- "GAP"
153
- ],
154
- "com.figma.hiddenFromPublishing": true
155
- },
156
- "$type": "number",
157
- "$value": "{spacing.0}"
158
- }
159
- }
160
- },
161
- "borders": {
162
- "border-radius": {
163
- "medium": {
164
- "$extensions": {
165
- "com.figma.scopes": [
166
- "CORNER_RADIUS"
167
- ],
168
- "com.figma.hiddenFromPublishing": true
169
- },
170
- "$type": "number",
171
- "$value": "{border-radius.80}"
172
- },
173
- "small": {
174
- "$extensions": {
175
- "com.figma.scopes": [
176
- "CORNER_RADIUS"
177
- ],
178
- "com.figma.hiddenFromPublishing": true
179
- },
180
- "$type": "number",
181
- "$value": "{border-radius.80}"
182
- }
183
- }
184
- }
185
- },
186
- "header": {
187
- "color": {
188
- "border": {
189
- "rest": {
190
- "$extensions": {
191
- "com.figma.scopes": [
192
- "STROKE_COLOR"
193
- ],
194
- "com.figma.hiddenFromPublishing": true
195
- },
196
- "$type": "color",
197
- "$value": "{color.border.transparent.rest}"
198
- }
199
- },
200
- "bg": {
201
- "rest": {
202
- "$extensions": {
203
- "com.figma.scopes": [
204
- "FRAME_FILL",
205
- "SHAPE_FILL"
206
- ],
207
- "com.figma.hiddenFromPublishing": true
208
- },
209
- "$type": "color",
210
- "$value": "{color.surface.neutral.default.rest}"
211
- }
212
- }
213
- },
214
- "typography": {
215
- "font-family": {
216
- "$extensions": {
217
- "com.figma.scopes": [
218
- "FONT_FAMILY"
219
- ],
220
- "com.figma.hiddenFromPublishing": true
221
- },
222
- "$type": "text",
223
- "$value": "{font-family.sans-serif}"
224
- },
225
- "line-height": {
226
- "medium": {
227
- "$extensions": {
228
- "com.figma.scopes": [
229
- "LINE_HEIGHT"
230
- ],
231
- "com.figma.hiddenFromPublishing": true
232
- },
233
- "$type": "number",
234
- "$value": "{line-height.title.sm}"
235
- },
236
- "small": {
237
- "$extensions": {
238
- "com.figma.scopes": [
239
- "LINE_HEIGHT"
240
- ],
241
- "com.figma.hiddenFromPublishing": true
242
- },
243
- "$type": "number",
244
- "$value": "{line-height.title.xs}"
245
- }
246
- },
247
- "font-weight": {
248
- "medium": {
249
- "$extensions": {
250
- "com.figma.scopes": [
251
- "FONT_WEIGHT"
252
- ],
253
- "com.figma.hiddenFromPublishing": true
254
- },
255
- "$type": "number",
256
- "$value": "{font-weight.title.default}"
257
- },
258
- "small": {
259
- "$extensions": {
260
- "com.figma.scopes": [
261
- "FONT_WEIGHT"
262
- ],
263
- "com.figma.hiddenFromPublishing": true
264
- },
265
- "$type": "number",
266
- "$value": "{font-weight.title.default}"
267
- }
268
- },
269
- "font-size": {
270
- "medium": {
271
- "$extensions": {
272
- "com.figma.scopes": [
273
- "FONT_SIZE"
274
- ],
275
- "com.figma.hiddenFromPublishing": true
276
- },
277
- "$type": "number",
278
- "$value": "{font-size.title.sm}"
279
- },
280
- "small": {
281
- "$extensions": {
282
- "com.figma.scopes": [
283
- "FONT_SIZE"
284
- ],
285
- "com.figma.hiddenFromPublishing": true
286
- },
287
- "$type": "number",
288
- "$value": "{font-size.title.xs}"
289
- }
290
- },
291
- "letter-spacing": {
292
- "medium": {
293
- "$extensions": {
294
- "com.figma.scopes": [
295
- "LETTER_SPACING"
296
- ],
297
- "com.figma.hiddenFromPublishing": true
298
- },
299
- "$type": "number",
300
- "$value": "{letter-spacing.title.sm}"
301
- },
302
- "small": {
303
- "$extensions": {
304
- "com.figma.scopes": [
305
- "LETTER_SPACING"
306
- ],
307
- "com.figma.hiddenFromPublishing": true
308
- },
309
- "$type": "number",
310
- "$value": "{letter-spacing.title.xs}"
311
- }
312
- }
313
- },
314
- "layout": {
315
- "outer-box": {
316
- "gap": {
317
- "small": {
318
- "$extensions": {
319
- "com.figma.scopes": [
320
- "GAP"
321
- ],
322
- "com.figma.hiddenFromPublishing": true
323
- },
324
- "$type": "number",
325
- "$value": "{spacing.80}"
326
- },
327
- "medium": {
328
- "$extensions": {
329
- "com.figma.scopes": [
330
- "GAP"
331
- ],
332
- "com.figma.hiddenFromPublishing": true
333
- },
334
- "$type": "number",
335
- "$value": "{spacing.100}"
336
- }
337
- },
338
- "vertical": {
339
- "small": {
340
- "$extensions": {
341
- "com.figma.scopes": [
342
- "GAP"
343
- ],
344
- "com.figma.hiddenFromPublishing": true
345
- },
346
- "$type": "number",
347
- "$value": "{spacing.10}"
348
- },
349
- "medium": {
350
- "$extensions": {
351
- "com.figma.scopes": [
352
- "GAP"
353
- ],
354
- "com.figma.hiddenFromPublishing": true
355
- },
356
- "$type": "number",
357
- "$value": "{spacing.40}"
358
- }
359
- },
360
- "horizontal": {
361
- "small": {
362
- "$extensions": {
363
- "com.figma.scopes": [
364
- "GAP"
365
- ],
366
- "com.figma.hiddenFromPublishing": true
367
- },
368
- "$type": "number",
369
- "$value": "{spacing.70}"
370
- },
371
- "medium": {
372
- "$extensions": {
373
- "com.figma.scopes": [
374
- "GAP"
375
- ],
376
- "com.figma.hiddenFromPublishing": true
377
- },
378
- "$type": "number",
379
- "$value": "{spacing.70}"
380
- }
381
- },
382
- "min-height": {
383
- "medium": {
384
- "$extensions": {
385
- "com.figma.scopes": [
386
- "WIDTH_HEIGHT"
387
- ],
388
- "com.figma.hiddenFromPublishing": true
389
- },
390
- "$type": "number",
391
- "$value": "{spacing.320}"
392
- },
393
- "small": {
394
- "$extensions": {
395
- "com.figma.scopes": [
396
- "WIDTH_HEIGHT"
397
- ],
398
- "com.figma.hiddenFromPublishing": true
399
- },
400
- "$type": "number",
401
- "$value": "{spacing.240}"
402
- }
403
- }
404
- }
405
- },
406
- "borders": {
407
- "border-width": {
408
- "medium": {
409
- "$extensions": {
410
- "com.figma.scopes": [
411
- "STROKE_FLOAT"
412
- ],
413
- "com.figma.hiddenFromPublishing": true
414
- },
415
- "$type": "number",
416
- "$value": "{border-width.10}"
417
- },
418
- "small": {
419
- "$extensions": {
420
- "com.figma.scopes": [
421
- "STROKE_FLOAT"
422
- ],
423
- "com.figma.hiddenFromPublishing": true
424
- },
425
- "$type": "number",
426
- "$value": "{border-width.10}"
427
- }
428
- },
429
- "border-radius": {
430
- "medium": {
431
- "$extensions": {
432
- "com.figma.scopes": [
433
- "CORNER_RADIUS"
434
- ],
435
- "com.figma.hiddenFromPublishing": true
436
- },
437
- "$type": "number",
438
- "$value": "{border-radius.80}"
439
- },
440
- "small": {
441
- "$extensions": {
442
- "com.figma.scopes": [
443
- "CORNER_RADIUS"
444
- ],
445
- "com.figma.hiddenFromPublishing": true
446
- },
447
- "$type": "number",
448
- "$value": "{border-radius.80}"
449
- }
450
- }
451
- }
452
- }
453
- },
454
- "root": {
455
- "color": {
456
- "border": {
457
- "rest": {
458
- "$extensions": {
459
- "com.figma.scopes": [
460
- "STROKE_COLOR"
461
- ],
462
- "com.figma.hiddenFromPublishing": true
463
- },
464
- "$type": "color",
465
- "$value": "{color.border.transparent.rest}"
466
- }
467
- },
468
- "content": {
469
- "rest": {
470
- "$extensions": {
471
- "com.figma.scopes": [
472
- "SHAPE_FILL",
473
- "TEXT_FILL"
474
- ],
475
- "com.figma.hiddenFromPublishing": true
476
- },
477
- "$type": "color",
478
- "$value": "{color.content.neutral.default.rest}"
479
- }
480
- },
481
- "bg": {
482
- "rest": {
483
- "$extensions": {
484
- "com.figma.scopes": [
485
- "FRAME_FILL",
486
- "SHAPE_FILL"
487
- ],
488
- "com.figma.hiddenFromPublishing": true
489
- },
490
- "$type": "color",
491
- "$value": "{color.surface.transparent.rest}"
492
- }
493
- }
494
- },
495
- "layout": {
496
- "outer-box": {
497
- "horizontal": {
498
- "medium": {
499
- "$extensions": {
500
- "com.figma.scopes": [
501
- "GAP"
502
- ],
503
- "com.figma.hiddenFromPublishing": true
504
- },
505
- "$type": "number",
506
- "$value": "{spacing.0}"
507
- },
508
- "small": {
509
- "$extensions": {
510
- "com.figma.scopes": [
511
- "GAP"
512
- ],
513
- "com.figma.hiddenFromPublishing": true
514
- },
515
- "$type": "number",
516
- "$value": "{spacing.0}"
517
- }
518
- },
519
- "vertical": {
520
- "medium": {
521
- "$extensions": {
522
- "com.figma.scopes": [
523
- "GAP"
524
- ],
525
- "com.figma.hiddenFromPublishing": true
526
- },
527
- "$type": "number",
528
- "$value": "{spacing.0}"
529
- },
530
- "small": {
531
- "$extensions": {
532
- "com.figma.scopes": [
533
- "GAP"
534
- ],
535
- "com.figma.hiddenFromPublishing": true
536
- },
537
- "$type": "number",
538
- "$value": "{spacing.0}"
539
- }
540
- }
541
- },
542
- "menu-box": {
543
- "gap": {
544
- "medium": {
545
- "$extensions": {
546
- "com.figma.scopes": [
547
- "GAP"
548
- ],
549
- "com.figma.hiddenFromPublishing": true
550
- },
551
- "$type": "number",
552
- "$value": "{spacing.60}"
553
- },
554
- "small": {
555
- "$extensions": {
556
- "com.figma.scopes": [
557
- "GAP"
558
- ],
559
- "com.figma.hiddenFromPublishing": true
560
- },
561
- "$type": "number",
562
- "$value": "{spacing.40}"
563
- }
564
- }
565
- },
566
- "button-box": {
567
- "gap": {
568
- "small": {
569
- "$extensions": {
570
- "com.figma.scopes": [
571
- "GAP"
572
- ],
573
- "com.figma.hiddenFromPublishing": true
574
- },
575
- "$type": "number",
576
- "$value": "{spacing.40}"
577
- },
578
- "medium": {
579
- "$extensions": {
580
- "com.figma.scopes": [
581
- "GAP"
582
- ],
583
- "com.figma.hiddenFromPublishing": true
584
- },
585
- "$type": "number",
586
- "$value": "{spacing.60}"
587
- }
588
- }
589
- },
590
- "inner-box": {
591
- "vertical-orientation": {
592
- "min-width": {
593
- "small": {
594
- "$extensions": {
595
- "com.figma.scopes": [
596
- "WIDTH_HEIGHT"
597
- ],
598
- "com.figma.hiddenFromPublishing": true
599
- },
600
- "$type": "number",
601
- "$value": "{spacing.240}"
602
- },
603
- "medium": {
604
- "$extensions": {
605
- "com.figma.scopes": [
606
- "WIDTH_HEIGHT"
607
- ],
608
- "com.figma.hiddenFromPublishing": true
609
- },
610
- "$type": "number",
611
- "$value": "{spacing.320}"
612
- }
613
- },
614
- "horizontal": {
615
- "medium": {
616
- "$extensions": {
617
- "com.figma.scopes": [
618
- "GAP"
619
- ],
620
- "com.figma.hiddenFromPublishing": true
621
- },
622
- "$type": "number",
623
- "$value": "{spacing.30}"
624
- },
625
- "small": {
626
- "$extensions": {
627
- "com.figma.scopes": [
628
- "GAP"
629
- ],
630
- "com.figma.hiddenFromPublishing": true
631
- },
632
- "$type": "number",
633
- "$value": "{spacing.30}"
634
- }
635
- },
636
- "vertical": {
637
- "medium": {
638
- "$extensions": {
639
- "com.figma.scopes": [
640
- "GAP"
641
- ],
642
- "com.figma.hiddenFromPublishing": true
643
- },
644
- "$type": "number",
645
- "$value": "{spacing.70}"
646
- },
647
- "small": {
648
- "$extensions": {
649
- "com.figma.scopes": [
650
- "GAP"
651
- ],
652
- "com.figma.hiddenFromPublishing": true
653
- },
654
- "$type": "number",
655
- "$value": "{spacing.70}"
656
- }
657
- }
658
- },
659
- "horizontal-orientation": {
660
- "min-height": {
661
- "small": {
662
- "$extensions": {
663
- "com.figma.scopes": [
664
- "WIDTH_HEIGHT"
665
- ],
666
- "com.figma.hiddenFromPublishing": true
667
- },
668
- "$type": "number",
669
- "$value": "{spacing.240}"
670
- },
671
- "medium": {
672
- "$extensions": {
673
- "com.figma.scopes": [
674
- "WIDTH_HEIGHT"
675
- ],
676
- "com.figma.hiddenFromPublishing": true
677
- },
678
- "$type": "number",
679
- "$value": "{spacing.320}"
680
- }
681
- },
682
- "horizontal": {
683
- "medium": {
684
- "$extensions": {
685
- "com.figma.scopes": [
686
- "GAP"
687
- ],
688
- "com.figma.hiddenFromPublishing": true
689
- },
690
- "$type": "number",
691
- "$value": "{spacing.70}"
692
- },
693
- "small": {
694
- "$extensions": {
695
- "com.figma.scopes": [
696
- "GAP"
697
- ],
698
- "com.figma.hiddenFromPublishing": true
699
- },
700
- "$type": "number",
701
- "$value": "{spacing.70}"
702
- }
703
- },
704
- "vertical": {
705
- "small": {
706
- "$extensions": {
707
- "com.figma.scopes": [
708
- "GAP"
709
- ],
710
- "com.figma.hiddenFromPublishing": true
711
- },
712
- "$type": "number",
713
- "$value": "{spacing.30}"
714
- },
715
- "medium": {
716
- "$extensions": {
717
- "com.figma.scopes": [
718
- "GAP"
719
- ],
720
- "com.figma.hiddenFromPublishing": true
721
- },
722
- "$type": "number",
723
- "$value": "{spacing.30}"
724
- }
725
- }
726
- },
727
- "gap": {
728
- "medium": {
729
- "$extensions": {
730
- "com.figma.scopes": [
731
- "GAP"
732
- ],
733
- "com.figma.hiddenFromPublishing": true
734
- },
735
- "$type": "number",
736
- "$value": "{spacing.80}"
737
- },
738
- "small": {
739
- "$extensions": {
740
- "com.figma.scopes": [
741
- "GAP"
742
- ],
743
- "com.figma.hiddenFromPublishing": true
744
- },
745
- "$type": "number",
746
- "$value": "{spacing.80}"
747
- }
748
- }
749
- }
750
- },
751
- "borders": {
752
- "border-width": {
753
- "medium": {
754
- "$extensions": {
755
- "com.figma.scopes": [
756
- "STROKE_FLOAT"
757
- ],
758
- "com.figma.hiddenFromPublishing": true
759
- },
760
- "$type": "number",
761
- "$value": "{border-width.10}"
762
- },
763
- "small": {
764
- "$extensions": {
765
- "com.figma.scopes": [
766
- "STROKE_FLOAT"
767
- ],
768
- "com.figma.hiddenFromPublishing": true
769
- },
770
- "$type": "number",
771
- "$value": "{border-width.10}"
772
- }
773
- },
774
- "border-radius": {
775
- "small": {
776
- "$extensions": {
777
- "com.figma.scopes": [
778
- "CORNER_RADIUS"
779
- ],
780
- "com.figma.hiddenFromPublishing": true
781
- },
782
- "$type": "number",
783
- "$value": "{border-radius.40}"
784
- },
785
- "medium": {
786
- "$extensions": {
787
- "com.figma.scopes": [
788
- "CORNER_RADIUS"
789
- ],
790
- "com.figma.hiddenFromPublishing": true
791
- },
792
- "$type": "number",
793
- "$value": "{border-radius.40}"
794
- }
795
- }
796
- }
797
- },
798
- "popup": {
799
- "layout": {
800
- "item-box": {
801
- "vertical-end": {
802
- "small": {
803
- "$extensions": {
804
- "com.figma.scopes": [
805
- "GAP"
806
- ],
807
- "com.figma.hiddenFromPublishing": true
808
- },
809
- "$type": "number",
810
- "$value": "{spacing.0}"
811
- },
812
- "medium": {
813
- "$extensions": {
814
- "com.figma.scopes": [
815
- "GAP"
816
- ],
817
- "com.figma.hiddenFromPublishing": true
818
- },
819
- "$type": "number",
820
- "$value": "{spacing.0}"
821
- }
822
- },
823
- "gap": {
824
- "small": {
825
- "$extensions": {
826
- "com.figma.scopes": [
827
- "GAP"
828
- ],
829
- "com.figma.hiddenFromPublishing": true
830
- },
831
- "$type": "number",
832
- "$value": "{spacing.20}"
833
- },
834
- "medium": {
835
- "$extensions": {
836
- "com.figma.scopes": [
837
- "GAP"
838
- ],
839
- "com.figma.hiddenFromPublishing": true
840
- },
841
- "$type": "number",
842
- "$value": "{spacing.20}"
843
- }
844
- },
845
- "vertical-start": {
846
- "small": {
847
- "$extensions": {
848
- "com.figma.scopes": [
849
- "GAP"
850
- ],
851
- "com.figma.hiddenFromPublishing": true
852
- },
853
- "$type": "number",
854
- "$value": "{spacing.30}"
855
- },
856
- "medium": {
857
- "$extensions": {
858
- "com.figma.scopes": [
859
- "GAP"
860
- ],
861
- "com.figma.hiddenFromPublishing": true
862
- },
863
- "$type": "number",
864
- "$value": "{spacing.30}"
865
- }
866
- },
867
- "horizontal": {
868
- "medium": {
869
- "$extensions": {
870
- "com.figma.scopes": [
871
- "GAP"
872
- ],
873
- "com.figma.hiddenFromPublishing": true
874
- },
875
- "$type": "number",
876
- "$value": "{spacing.30}"
877
- },
878
- "small": {
879
- "$extensions": {
880
- "com.figma.scopes": [
881
- "GAP"
882
- ],
883
- "com.figma.hiddenFromPublishing": true
884
- },
885
- "$type": "number",
886
- "$value": "{spacing.30}"
887
- }
888
- }
889
- },
890
- "content-box": {
891
- "vertical": {
892
- "small": {
893
- "$extensions": {
894
- "com.figma.scopes": [
895
- "GAP"
896
- ],
897
- "com.figma.hiddenFromPublishing": true
898
- },
899
- "$type": "number",
900
- "$value": "{spacing.10}"
901
- },
902
- "medium": {
903
- "$extensions": {
904
- "com.figma.scopes": [
905
- "GAP"
906
- ],
907
- "com.figma.hiddenFromPublishing": true
908
- },
909
- "$type": "number",
910
- "$value": "{spacing.10}"
911
- }
912
- },
913
- "gap": {
914
- "small": {
915
- "$extensions": {
916
- "com.figma.scopes": [
917
- "GAP"
918
- ],
919
- "com.figma.hiddenFromPublishing": true
920
- },
921
- "$type": "number",
922
- "$value": "{spacing.0}"
923
- },
924
- "medium": {
925
- "$extensions": {
926
- "com.figma.scopes": [
927
- "GAP"
928
- ],
929
- "com.figma.hiddenFromPublishing": true
930
- },
931
- "$type": "number",
932
- "$value": "{spacing.0}"
933
- }
934
- },
935
- "horizontal": {
936
- "small": {
937
- "$extensions": {
938
- "com.figma.scopes": [
939
- "GAP"
940
- ],
941
- "com.figma.hiddenFromPublishing": true
942
- },
943
- "$type": "number",
944
- "$value": "{spacing.10}"
945
- },
946
- "medium": {
947
- "$extensions": {
948
- "com.figma.scopes": [
949
- "GAP"
950
- ],
951
- "com.figma.hiddenFromPublishing": true
952
- },
953
- "$type": "number",
954
- "$value": "{spacing.10}"
955
- }
956
- }
957
- },
958
- "separator-box": {
959
- "vertical-end": {
960
- "medium": {
961
- "$extensions": {
962
- "com.figma.scopes": [
963
- "GAP"
964
- ],
965
- "com.figma.hiddenFromPublishing": true
966
- },
967
- "$type": "number",
968
- "$value": "{spacing.20}"
969
- },
970
- "small": {
971
- "$extensions": {
972
- "com.figma.scopes": [
973
- "GAP"
974
- ],
975
- "com.figma.hiddenFromPublishing": true
976
- },
977
- "$type": "number",
978
- "$value": "{spacing.20}"
979
- }
980
- }
981
- },
982
- "item": {
983
- "vertical-end": {
984
- "medium": {
985
- "$extensions": {
986
- "com.figma.scopes": [
987
- "GAP"
988
- ],
989
- "com.figma.hiddenFromPublishing": true
990
- },
991
- "$type": "number",
992
- "$value": "{spacing.20}"
993
- },
994
- "small": {
995
- "$extensions": {
996
- "com.figma.scopes": [
997
- "GAP"
998
- ],
999
- "com.figma.hiddenFromPublishing": true
1000
- },
1001
- "$type": "number",
1002
- "$value": "{spacing.20}"
1003
- }
1004
- }
1005
- },
1006
- "outer-box": {
1007
- "gap": {
1008
- "small": {
1009
- "$extensions": {
1010
- "com.figma.scopes": [
1011
- "GAP"
1012
- ],
1013
- "com.figma.hiddenFromPublishing": true
1014
- },
1015
- "$type": "number",
1016
- "$value": "{spacing.0}"
1017
- },
1018
- "medium": {
1019
- "$extensions": {
1020
- "com.figma.scopes": [
1021
- "GAP"
1022
- ],
1023
- "com.figma.hiddenFromPublishing": true
1024
- },
1025
- "$type": "number",
1026
- "$value": "{spacing.0}"
1027
- }
1028
- }
1029
- }
1030
- }
1031
- }
1032
- },
1033
- "bar-items": {
1034
- "menu-header": {
1035
- "color": {
1036
- "bg": {
1037
- "rest": {
1038
- "$extensions": {
1039
- "com.figma.scopes": [
1040
- "FRAME_FILL",
1041
- "SHAPE_FILL"
1042
- ],
1043
- "com.figma.hiddenFromPublishing": true
1044
- },
1045
- "$type": "color",
1046
- "$value": "{color.surface.neutral.default.rest}"
1047
- }
1048
- },
1049
- "text": {
1050
- "rest": {
1051
- "$extensions": {
1052
- "com.figma.scopes": [
1053
- "TEXT_FILL"
1054
- ],
1055
- "com.figma.hiddenFromPublishing": true
1056
- },
1057
- "$type": "color",
1058
- "$value": "{color.content.neutral.subdued.rest}"
1059
- }
1060
- }
1061
- },
1062
- "typography": {
1063
- "font-family": {
1064
- "$extensions": {
1065
- "com.figma.scopes": [
1066
- "FONT_FAMILY"
1067
- ],
1068
- "com.figma.hiddenFromPublishing": true
1069
- },
1070
- "$type": "text",
1071
- "$value": "{font-family.sans-serif}"
1072
- },
1073
- "letter-spacing": {
1074
- "small": {
1075
- "$extensions": {
1076
- "com.figma.scopes": [
1077
- "LETTER_SPACING"
1078
- ],
1079
- "com.figma.hiddenFromPublishing": true
1080
- },
1081
- "$type": "number",
1082
- "$value": "{letter-spacing.base.sm}"
1083
- },
1084
- "medium": {
1085
- "$extensions": {
1086
- "com.figma.scopes": [
1087
- "LETTER_SPACING"
1088
- ],
1089
- "com.figma.hiddenFromPublishing": true
1090
- },
1091
- "$type": "number",
1092
- "$value": "{letter-spacing.base.md}"
1093
- }
1094
- },
1095
- "line-height": {
1096
- "small": {
1097
- "$extensions": {
1098
- "com.figma.scopes": [
1099
- "LINE_HEIGHT"
1100
- ],
1101
- "com.figma.hiddenFromPublishing": true
1102
- },
1103
- "$type": "number",
1104
- "$value": "{line-height.base.sm}"
1105
- },
1106
- "medium": {
1107
- "$extensions": {
1108
- "com.figma.scopes": [
1109
- "LINE_HEIGHT"
1110
- ],
1111
- "com.figma.hiddenFromPublishing": true
1112
- },
1113
- "$type": "number",
1114
- "$value": "{line-height.base.sm}"
1115
- }
1116
- },
1117
- "font-size": {
1118
- "small": {
1119
- "$extensions": {
1120
- "com.figma.scopes": [
1121
- "FONT_SIZE"
1122
- ],
1123
- "com.figma.hiddenFromPublishing": true
1124
- },
1125
- "$type": "number",
1126
- "$value": "{font-size.base.sm}"
1127
- },
1128
- "medium": {
1129
- "$extensions": {
1130
- "com.figma.scopes": [
1131
- "FONT_SIZE"
1132
- ],
1133
- "com.figma.hiddenFromPublishing": true
1134
- },
1135
- "$type": "number",
1136
- "$value": "{font-size.base.sm}"
1137
- }
1138
- },
1139
- "font-weight": {
1140
- "small": {
1141
- "$extensions": {
1142
- "com.figma.scopes": [
1143
- "FONT_WEIGHT"
1144
- ],
1145
- "com.figma.hiddenFromPublishing": true
1146
- },
1147
- "$type": "number",
1148
- "$value": "{font-weight.base.strong}"
1149
- },
1150
- "medium": {
1151
- "$extensions": {
1152
- "com.figma.scopes": [
1153
- "FONT_WEIGHT"
1154
- ],
1155
- "com.figma.hiddenFromPublishing": true
1156
- },
1157
- "$type": "number",
1158
- "$value": "{font-weight.base.strong}"
1159
- }
1160
- }
1161
- },
1162
- "borders": {
1163
- "border-radius": {
1164
- "medium": {
1165
- "$extensions": {
1166
- "com.figma.scopes": [
1167
- "CORNER_RADIUS"
1168
- ],
1169
- "com.figma.hiddenFromPublishing": true
1170
- },
1171
- "$type": "number",
1172
- "$value": "{border-radius.40}"
1173
- },
1174
- "small": {
1175
- "$extensions": {
1176
- "com.figma.scopes": [
1177
- "CORNER_RADIUS"
1178
- ],
1179
- "com.figma.hiddenFromPublishing": true
1180
- },
1181
- "$type": "number",
1182
- "$value": "{border-radius.40}"
1183
- }
1184
- }
1185
- },
1186
- "layout": {
1187
- "outer-box": {
1188
- "vertical-start": {
1189
- "small": {
1190
- "$extensions": {
1191
- "com.figma.scopes": [
1192
- "GAP"
1193
- ],
1194
- "com.figma.hiddenFromPublishing": true
1195
- },
1196
- "$type": "number",
1197
- "$value": "{spacing.40}"
1198
- },
1199
- "medium": {
1200
- "$extensions": {
1201
- "com.figma.scopes": [
1202
- "GAP"
1203
- ],
1204
- "com.figma.hiddenFromPublishing": true
1205
- },
1206
- "$type": "number",
1207
- "$value": "{spacing.80}"
1208
- }
1209
- },
1210
- "vertical-end": {
1211
- "small": {
1212
- "$extensions": {
1213
- "com.figma.scopes": [
1214
- "GAP"
1215
- ],
1216
- "com.figma.hiddenFromPublishing": true
1217
- },
1218
- "$type": "number",
1219
- "$value": "{spacing.60}"
1220
- },
1221
- "medium": {
1222
- "$extensions": {
1223
- "com.figma.scopes": [
1224
- "GAP"
1225
- ],
1226
- "com.figma.hiddenFromPublishing": true
1227
- },
1228
- "$type": "number",
1229
- "$value": "{spacing.100}"
1230
- }
1231
- },
1232
- "horizontal": {
1233
- "medium": {
1234
- "$extensions": {
1235
- "com.figma.scopes": [
1236
- "GAP"
1237
- ],
1238
- "com.figma.hiddenFromPublishing": true
1239
- },
1240
- "$type": "number",
1241
- "$value": "{spacing.60}"
1242
- },
1243
- "small": {
1244
- "$extensions": {
1245
- "com.figma.scopes": [
1246
- "GAP"
1247
- ],
1248
- "com.figma.hiddenFromPublishing": true
1249
- },
1250
- "$type": "number",
1251
- "$value": "{spacing.40}"
1252
- }
1253
- }
1254
- }
1255
- }
1256
- },
1257
- "item-base": {
1258
- "color": {
1259
- "bg": {
1260
- "rest": {
1261
- "$extensions": {
1262
- "com.figma.scopes": [
1263
- "FRAME_FILL",
1264
- "SHAPE_FILL"
1265
- ],
1266
- "com.figma.hiddenFromPublishing": true
1267
- },
1268
- "$type": "color",
1269
- "$value": "{color.surface.transparent.rest}"
1270
- },
1271
- "active": {
1272
- "$extensions": {
1273
- "com.figma.scopes": [
1274
- "FRAME_FILL",
1275
- "SHAPE_FILL"
1276
- ],
1277
- "com.figma.hiddenFromPublishing": true
1278
- },
1279
- "$type": "color",
1280
- "$value": "{color.surface.neutral.default.active}"
1281
- },
1282
- "selected": {
1283
- "$extensions": {
1284
- "com.figma.scopes": [
1285
- "FRAME_FILL",
1286
- "SHAPE_FILL"
1287
- ],
1288
- "com.figma.hiddenFromPublishing": true
1289
- },
1290
- "$type": "color",
1291
- "$value": "{color.surface.neutral.default.selected}"
1292
- },
1293
- "hovered": {
1294
- "$extensions": {
1295
- "com.figma.scopes": [
1296
- "FRAME_FILL",
1297
- "SHAPE_FILL"
1298
- ],
1299
- "com.figma.hiddenFromPublishing": true
1300
- },
1301
- "$type": "color",
1302
- "$value": "{color.surface.neutral.default.hovered}"
1303
- }
1304
- },
1305
- "border": {
1306
- "group-selected": {
1307
- "$extensions": {
1308
- "com.figma.scopes": [
1309
- "STROKE_COLOR"
1310
- ],
1311
- "com.figma.hiddenFromPublishing": true
1312
- },
1313
- "$type": "color",
1314
- "$value": "{color.border.neutral.default.static-dark.rest}"
1315
- },
1316
- "rest": {
1317
- "$extensions": {
1318
- "com.figma.scopes": [
1319
- "STROKE_COLOR"
1320
- ],
1321
- "com.figma.hiddenFromPublishing": true
1322
- },
1323
- "$type": "color",
1324
- "$value": "{color.border.transparent.rest}"
1325
- }
1326
- },
1327
- "content": {
1328
- "rest": {
1329
- "$extensions": {
1330
- "com.figma.scopes": [
1331
- "SHAPE_FILL",
1332
- "TEXT_FILL"
1333
- ],
1334
- "com.figma.hiddenFromPublishing": true
1335
- },
1336
- "$type": "color",
1337
- "$value": "{color.content.neutral.default.rest}"
1338
- },
1339
- "disabled": {
1340
- "$extensions": {
1341
- "com.figma.scopes": [
1342
- "SHAPE_FILL",
1343
- "TEXT_FILL"
1344
- ],
1345
- "com.figma.hiddenFromPublishing": true
1346
- },
1347
- "$type": "color",
1348
- "$value": "{color.content.neutral.default.disabled}"
1349
- }
1350
- }
1351
- },
1352
- "layout": {
1353
- "outer-box": {
1354
- "vertical": {
1355
- "medium": {
1356
- "$extensions": {
1357
- "com.figma.scopes": [
1358
- "GAP"
1359
- ],
1360
- "com.figma.hiddenFromPublishing": true
1361
- },
1362
- "$type": "number",
1363
- "$value": "{spacing.50}"
1364
- },
1365
- "small": {
1366
- "$extensions": {
1367
- "com.figma.scopes": [
1368
- "GAP"
1369
- ],
1370
- "com.figma.hiddenFromPublishing": true
1371
- },
1372
- "$type": "number",
1373
- "$value": "{spacing.30}"
1374
- }
1375
- },
1376
- "horizontal": {
1377
- "small": {
1378
- "$extensions": {
1379
- "com.figma.scopes": [
1380
- "GAP"
1381
- ],
1382
- "com.figma.hiddenFromPublishing": true
1383
- },
1384
- "$type": "number",
1385
- "$value": "{spacing.30}"
1386
- },
1387
- "medium": {
1388
- "$extensions": {
1389
- "com.figma.scopes": [
1390
- "GAP"
1391
- ],
1392
- "com.figma.hiddenFromPublishing": true
1393
- },
1394
- "$type": "number",
1395
- "$value": "{spacing.50}"
1396
- }
1397
- },
1398
- "vertical-lw": {
1399
- "medium": {
1400
- "$extensions": {
1401
- "com.figma.scopes": [
1402
- "GAP"
1403
- ],
1404
- "com.figma.hiddenFromPublishing": true
1405
- },
1406
- "$type": "number",
1407
- "$value": "{spacing.60}"
1408
- },
1409
- "small": {
1410
- "$extensions": {
1411
- "com.figma.scopes": [
1412
- "GAP"
1413
- ],
1414
- "com.figma.hiddenFromPublishing": true
1415
- },
1416
- "$type": "number",
1417
- "$value": "{spacing.40}"
1418
- }
1419
- },
1420
- "horizontal-lw": {
1421
- "medium": {
1422
- "$extensions": {
1423
- "com.figma.scopes": [
1424
- "GAP"
1425
- ],
1426
- "com.figma.hiddenFromPublishing": true
1427
- },
1428
- "$type": "number",
1429
- "$value": "{spacing.60}"
1430
- },
1431
- "small": {
1432
- "$extensions": {
1433
- "com.figma.scopes": [
1434
- "GAP"
1435
- ],
1436
- "com.figma.hiddenFromPublishing": true
1437
- },
1438
- "$type": "number",
1439
- "$value": "{spacing.40}"
1440
- }
1441
- },
1442
- "gap": {
1443
- "medium": {
1444
- "$extensions": {
1445
- "com.figma.scopes": [
1446
- "GAP"
1447
- ],
1448
- "com.figma.hiddenFromPublishing": true
1449
- },
1450
- "$type": "number",
1451
- "$value": "{spacing.20}"
1452
- },
1453
- "small": {
1454
- "$extensions": {
1455
- "com.figma.scopes": [
1456
- "GAP"
1457
- ],
1458
- "com.figma.hiddenFromPublishing": true
1459
- },
1460
- "$type": "number",
1461
- "$value": "{spacing.20}"
1462
- }
1463
- }
1464
- }
1465
- },
1466
- "borders": {
1467
- "border-width": {
1468
- "small": {
1469
- "$extensions": {
1470
- "com.figma.scopes": [
1471
- "STROKE_FLOAT"
1472
- ],
1473
- "com.figma.hiddenFromPublishing": true
1474
- },
1475
- "$type": "number",
1476
- "$value": "{border-width.10}"
1477
- },
1478
- "medium": {
1479
- "$extensions": {
1480
- "com.figma.scopes": [
1481
- "STROKE_FLOAT"
1482
- ],
1483
- "com.figma.hiddenFromPublishing": true
1484
- },
1485
- "$type": "number",
1486
- "$value": "{border-width.10}"
1487
- }
1488
- },
1489
- "border-radius": {
1490
- "medium": {
1491
- "$extensions": {
1492
- "com.figma.scopes": [
1493
- "CORNER_RADIUS"
1494
- ],
1495
- "com.figma.hiddenFromPublishing": true
1496
- },
1497
- "$type": "number",
1498
- "$value": "{border-radius.40}"
1499
- },
1500
- "small": {
1501
- "$extensions": {
1502
- "com.figma.scopes": [
1503
- "CORNER_RADIUS"
1504
- ],
1505
- "com.figma.hiddenFromPublishing": true
1506
- },
1507
- "$type": "number",
1508
- "$value": "{border-radius.40}"
1509
- }
1510
- }
1511
- },
1512
- "opacity": {
1513
- "disabled": {
1514
- "$extensions": {
1515
- "com.figma.scopes": [
1516
- "OPACITY"
1517
- ],
1518
- "com.figma.hiddenFromPublishing": true
1519
- },
1520
- "$type": "number",
1521
- "$value": "{opacity.35}"
1522
- }
1523
- }
1524
- },
1525
- "edit-item": {
1526
- "color": {
1527
- "line": {
1528
- "hovered": {
1529
- "$extensions": {
1530
- "com.figma.scopes": [
1531
- "SHAPE_FILL",
1532
- "STROKE_COLOR"
1533
- ],
1534
- "com.figma.hiddenFromPublishing": true
1535
- },
1536
- "$type": "color",
1537
- "$value": "{color.content.transparent.rest}"
1538
- },
1539
- "rest": {
1540
- "$extensions": {
1541
- "com.figma.scopes": [
1542
- "SHAPE_FILL",
1543
- "STROKE_COLOR"
1544
- ],
1545
- "com.figma.hiddenFromPublishing": true
1546
- },
1547
- "$type": "color",
1548
- "$value": "{color.content.transparent.rest}"
1549
- }
1550
- }
1551
- },
1552
- "layout": {
1553
- "outer-box": {
1554
- "horizontal-end": {
1555
- "medium": {
1556
- "$extensions": {
1557
- "com.figma.scopes": [
1558
- "GAP"
1559
- ],
1560
- "com.figma.hiddenFromPublishing": true
1561
- },
1562
- "$type": "number",
1563
- "$value": "{spacing.0}"
1564
- },
1565
- "small": {
1566
- "$extensions": {
1567
- "com.figma.scopes": [
1568
- "GAP"
1569
- ],
1570
- "com.figma.hiddenFromPublishing": true
1571
- },
1572
- "$type": "number",
1573
- "$value": "{spacing.0}"
1574
- }
1575
- },
1576
- "horizontal-start": {
1577
- "medium": {
1578
- "$extensions": {
1579
- "com.figma.scopes": [
1580
- "GAP"
1581
- ],
1582
- "com.figma.hiddenFromPublishing": true
1583
- },
1584
- "$type": "number",
1585
- "$value": "{spacing.60}"
1586
- },
1587
- "small": {
1588
- "$extensions": {
1589
- "com.figma.scopes": [
1590
- "GAP"
1591
- ],
1592
- "com.figma.hiddenFromPublishing": true
1593
- },
1594
- "$type": "number",
1595
- "$value": "{spacing.40}"
1596
- }
1597
- },
1598
- "gap": {
1599
- "small": {
1600
- "$extensions": {
1601
- "com.figma.scopes": [
1602
- "GAP"
1603
- ],
1604
- "com.figma.hiddenFromPublishing": true
1605
- },
1606
- "$type": "number",
1607
- "$value": "{spacing.40}"
1608
- },
1609
- "medium": {
1610
- "$extensions": {
1611
- "com.figma.scopes": [
1612
- "GAP"
1613
- ],
1614
- "com.figma.hiddenFromPublishing": true
1615
- },
1616
- "$type": "number",
1617
- "$value": "{spacing.40}"
1618
- }
1619
- }
1620
- },
1621
- "content-box": {
1622
- "gap": {
1623
- "medium": {
1624
- "$extensions": {
1625
- "com.figma.scopes": [
1626
- "GAP"
1627
- ],
1628
- "com.figma.hiddenFromPublishing": true
1629
- },
1630
- "$type": "number",
1631
- "$value": "{spacing.20}"
1632
- },
1633
- "small": {
1634
- "$extensions": {
1635
- "com.figma.scopes": [
1636
- "GAP"
1637
- ],
1638
- "com.figma.hiddenFromPublishing": true
1639
- },
1640
- "$type": "number",
1641
- "$value": "{spacing.20}"
1642
- }
1643
- }
1644
- }
1645
- }
1646
- },
1647
- "item": {
1648
- "layout": {
1649
- "content-box": {
1650
- "gap": {
1651
- "medium": {
1652
- "$extensions": {
1653
- "com.figma.scopes": [
1654
- "GAP"
1655
- ],
1656
- "com.figma.hiddenFromPublishing": true
1657
- },
1658
- "$type": "number",
1659
- "$value": "{spacing.60}"
1660
- },
1661
- "small": {
1662
- "$extensions": {
1663
- "com.figma.scopes": [
1664
- "GAP"
1665
- ],
1666
- "com.figma.hiddenFromPublishing": true
1667
- },
1668
- "$type": "number",
1669
- "$value": "{spacing.40}"
1670
- }
1671
- }
1672
- },
1673
- "repeat-button": {
1674
- "inner-box": {
1675
- "left-direction": {
1676
- "horizontal-end": {
1677
- "medium": {
1678
- "$extensions": {
1679
- "com.figma.scopes": [
1680
- "GAP"
1681
- ],
1682
- "com.figma.hiddenFromPublishing": true
1683
- },
1684
- "$type": "number",
1685
- "$value": "{spacing.0}"
1686
- },
1687
- "small": {
1688
- "$extensions": {
1689
- "com.figma.scopes": [
1690
- "GAP"
1691
- ],
1692
- "com.figma.hiddenFromPublishing": true
1693
- },
1694
- "$type": "number",
1695
- "$value": "{spacing.0}"
1696
- }
1697
- },
1698
- "horizontal-start": {
1699
- "medium": {
1700
- "$extensions": {
1701
- "com.figma.scopes": [
1702
- "GAP"
1703
- ],
1704
- "com.figma.hiddenFromPublishing": true
1705
- },
1706
- "$type": "number",
1707
- "$value": "{spacing.40}"
1708
- },
1709
- "small": {
1710
- "$extensions": {
1711
- "com.figma.scopes": [
1712
- "GAP"
1713
- ],
1714
- "com.figma.hiddenFromPublishing": true
1715
- },
1716
- "$type": "number",
1717
- "$value": "{spacing.20}"
1718
- }
1719
- }
1720
- },
1721
- "right-direction": {
1722
- "horizontal-start": {
1723
- "small": {
1724
- "$extensions": {
1725
- "com.figma.scopes": [
1726
- "GAP"
1727
- ],
1728
- "com.figma.hiddenFromPublishing": true
1729
- },
1730
- "$type": "number",
1731
- "$value": "{spacing.0}"
1732
- },
1733
- "medium": {
1734
- "$extensions": {
1735
- "com.figma.scopes": [
1736
- "GAP"
1737
- ],
1738
- "com.figma.hiddenFromPublishing": true
1739
- },
1740
- "$type": "number",
1741
- "$value": "{spacing.0}"
1742
- }
1743
- },
1744
- "horizontal-end": {
1745
- "medium": {
1746
- "$extensions": {
1747
- "com.figma.scopes": [
1748
- "GAP"
1749
- ],
1750
- "com.figma.hiddenFromPublishing": true
1751
- },
1752
- "$type": "number",
1753
- "$value": "{spacing.40}"
1754
- },
1755
- "small": {
1756
- "$extensions": {
1757
- "com.figma.scopes": [
1758
- "GAP"
1759
- ],
1760
- "com.figma.hiddenFromPublishing": true
1761
- },
1762
- "$type": "number",
1763
- "$value": "{spacing.20}"
1764
- }
1765
- }
1766
- },
1767
- "gap": {
1768
- "medium": {
1769
- "$extensions": {
1770
- "com.figma.scopes": [
1771
- "GAP"
1772
- ],
1773
- "com.figma.hiddenFromPublishing": true
1774
- },
1775
- "$type": "number",
1776
- "$value": "{spacing.30}"
1777
- },
1778
- "small": {
1779
- "$extensions": {
1780
- "com.figma.scopes": [
1781
- "GAP"
1782
- ],
1783
- "com.figma.hiddenFromPublishing": true
1784
- },
1785
- "$type": "number",
1786
- "$value": "{spacing.10}"
1787
- }
1788
- }
1789
- }
1790
- },
1791
- "split": {
1792
- "horizontal-end": {
1793
- "small": {
1794
- "$extensions": {
1795
- "com.figma.scopes": [
1796
- "GAP"
1797
- ],
1798
- "com.figma.hiddenFromPublishing": true
1799
- },
1800
- "$type": "number",
1801
- "$value": "{spacing.10}"
1802
- },
1803
- "medium": {
1804
- "$extensions": {
1805
- "com.figma.scopes": [
1806
- "GAP"
1807
- ],
1808
- "com.figma.hiddenFromPublishing": true
1809
- },
1810
- "$type": "number",
1811
- "$value": "{spacing.20}"
1812
- }
1813
- },
1814
- "dropdown-item": {
1815
- "horizontal-start": {
1816
- "small": {
1817
- "$extensions": {
1818
- "com.figma.scopes": [
1819
- "GAP"
1820
- ],
1821
- "com.figma.hiddenFromPublishing": true
1822
- },
1823
- "$type": "number",
1824
- "$value": "{spacing.40}"
1825
- },
1826
- "medium": {
1827
- "$extensions": {
1828
- "com.figma.scopes": [
1829
- "GAP"
1830
- ],
1831
- "com.figma.hiddenFromPublishing": true
1832
- },
1833
- "$type": "number",
1834
- "$value": "{spacing.60}"
1835
- }
1836
- }
1837
- },
1838
- "gap": {
1839
- "small": {
1840
- "$extensions": {
1841
- "com.figma.scopes": [
1842
- "GAP"
1843
- ],
1844
- "com.figma.hiddenFromPublishing": true
1845
- },
1846
- "$type": "number",
1847
- "$value": "{spacing.0}"
1848
- },
1849
- "medium": {
1850
- "$extensions": {
1851
- "com.figma.scopes": [
1852
- "GAP"
1853
- ],
1854
- "com.figma.hiddenFromPublishing": true
1855
- },
1856
- "$type": "number",
1857
- "$value": "{spacing.0}"
1858
- }
1859
- }
1860
- }
1861
- },
1862
- "borders": {
1863
- "split": {
1864
- "border-width": {
1865
- "inner-border": {
1866
- "small": {
1867
- "$extensions": {
1868
- "com.figma.scopes": [
1869
- "STROKE_FLOAT"
1870
- ],
1871
- "com.figma.hiddenFromPublishing": true
1872
- },
1873
- "$type": "number",
1874
- "$value": "{border-width.0}"
1875
- },
1876
- "medium": {
1877
- "$extensions": {
1878
- "com.figma.scopes": [
1879
- "STROKE_FLOAT"
1880
- ],
1881
- "com.figma.hiddenFromPublishing": true
1882
- },
1883
- "$type": "number",
1884
- "$value": "{border-width.0}"
1885
- }
1886
- }
1887
- },
1888
- "border-radius": {
1889
- "inner-corner": {
1890
- "medium": {
1891
- "$extensions": {
1892
- "com.figma.scopes": [
1893
- "CORNER_RADIUS"
1894
- ],
1895
- "com.figma.hiddenFromPublishing": true
1896
- },
1897
- "$type": "number",
1898
- "$value": "{border-radius.0}"
1899
- },
1900
- "small": {
1901
- "$extensions": {
1902
- "com.figma.scopes": [
1903
- "CORNER_RADIUS"
1904
- ],
1905
- "com.figma.hiddenFromPublishing": true
1906
- },
1907
- "$type": "number",
1908
- "$value": "{border-radius.0}"
1909
- }
1910
- }
1911
- }
1912
- },
1913
- "repeat-button": {
1914
- "inner-corner": {
1915
- "small": {
1916
- "$extensions": {
1917
- "com.figma.scopes": [
1918
- "CORNER_RADIUS"
1919
- ],
1920
- "com.figma.hiddenFromPublishing": true
1921
- },
1922
- "$type": "number",
1923
- "$value": "{border-radius.0}"
1924
- },
1925
- "medium": {
1926
- "$extensions": {
1927
- "com.figma.scopes": [
1928
- "CORNER_RADIUS"
1929
- ],
1930
- "com.figma.hiddenFromPublishing": true
1931
- },
1932
- "$type": "number",
1933
- "$value": "{border-radius.0}"
1934
- }
1935
- }
1936
- }
1937
- }
1938
- }
1939
- }
1940
- },
1941
- "ribbon": {
1942
- "classic-item-base": {
1943
- "color": {
1944
- "border": {
1945
- "selected-group": {
1946
- "$extensions": {
1947
- "com.figma.scopes": [
1948
- "STROKE_COLOR"
1949
- ],
1950
- "com.figma.hiddenFromPublishing": true
1951
- },
1952
- "$type": "color",
1953
- "$value": "{color.border.neutral.default.static-dark.rest}"
1954
- },
1955
- "rest": {
1956
- "$extensions": {
1957
- "com.figma.scopes": [
1958
- "STROKE_COLOR"
1959
- ],
1960
- "com.figma.hiddenFromPublishing": true
1961
- },
1962
- "$type": "color",
1963
- "$value": "{color.border.transparent.rest}"
1964
- }
1965
- },
1966
- "bg": {
1967
- "selected": {
1968
- "$extensions": {
1969
- "com.figma.scopes": [
1970
- "FRAME_FILL",
1971
- "SHAPE_FILL"
1972
- ],
1973
- "com.figma.hiddenFromPublishing": true
1974
- },
1975
- "$type": "color",
1976
- "$value": "{color.surface.neutral.default.selected}"
1977
- },
1978
- "rest": {
1979
- "$extensions": {
1980
- "com.figma.scopes": [
1981
- "FRAME_FILL",
1982
- "SHAPE_FILL"
1983
- ],
1984
- "com.figma.hiddenFromPublishing": true
1985
- },
1986
- "$type": "color",
1987
- "$value": "{color.surface.transparent.rest}"
1988
- },
1989
- "hovered": {
1990
- "$extensions": {
1991
- "com.figma.scopes": [
1992
- "FRAME_FILL",
1993
- "SHAPE_FILL"
1994
- ],
1995
- "com.figma.hiddenFromPublishing": true
1996
- },
1997
- "$type": "color",
1998
- "$value": "{color.surface.neutral.default.hovered}"
1999
- },
2000
- "active": {
2001
- "$extensions": {
2002
- "com.figma.scopes": [
2003
- "FRAME_FILL",
2004
- "SHAPE_FILL"
2005
- ],
2006
- "com.figma.hiddenFromPublishing": true
2007
- },
2008
- "$type": "color",
2009
- "$value": "{color.surface.neutral.default.active}"
2010
- }
2011
- },
2012
- "content": {
2013
- "disabled": {
2014
- "$extensions": {
2015
- "com.figma.scopes": [
2016
- "SHAPE_FILL",
2017
- "TEXT_FILL"
2018
- ],
2019
- "com.figma.hiddenFromPublishing": true
2020
- },
2021
- "$type": "color",
2022
- "$value": "{color.content.neutral.default.disabled}"
2023
- },
2024
- "rest": {
2025
- "$extensions": {
2026
- "com.figma.scopes": [
2027
- "SHAPE_FILL",
2028
- "TEXT_FILL"
2029
- ],
2030
- "com.figma.hiddenFromPublishing": true
2031
- },
2032
- "$type": "color",
2033
- "$value": "{color.content.neutral.default.rest}"
2034
- }
2035
- }
2036
- },
2037
- "typography": {
2038
- "letter-spacing": {
2039
- "medium": {
2040
- "$extensions": {
2041
- "com.figma.scopes": [
2042
- "LETTER_SPACING"
2043
- ],
2044
- "com.figma.hiddenFromPublishing": true
2045
- },
2046
- "$type": "number",
2047
- "$value": "{letter-spacing.base.sm}"
2048
- }
2049
- },
2050
- "line-height": {
2051
- "medium": {
2052
- "$extensions": {
2053
- "com.figma.scopes": [
2054
- "LINE_HEIGHT"
2055
- ],
2056
- "com.figma.hiddenFromPublishing": true
2057
- },
2058
- "$type": "number",
2059
- "$value": "{line-height.base.sm}"
2060
- }
2061
- },
2062
- "font-size": {
2063
- "medium": {
2064
- "$extensions": {
2065
- "com.figma.scopes": [
2066
- "FONT_SIZE"
2067
- ],
2068
- "com.figma.hiddenFromPublishing": true
2069
- },
2070
- "$type": "number",
2071
- "$value": "{font-size.base.sm}"
2072
- }
2073
- }
2074
- },
2075
- "layout": {
2076
- "stacked": {
2077
- "icon-box": {
2078
- "vertical-end": {
2079
- "medium": {
2080
- "$extensions": {
2081
- "com.figma.scopes": [
2082
- "GAP"
2083
- ],
2084
- "com.figma.hiddenFromPublishing": true
2085
- },
2086
- "$type": "number",
2087
- "$value": "{spacing.60}"
2088
- },
2089
- "small": {
2090
- "$extensions": {
2091
- "com.figma.scopes": [
2092
- "GAP"
2093
- ],
2094
- "com.figma.hiddenFromPublishing": true
2095
- },
2096
- "$type": "number",
2097
- "$value": "{spacing.40}"
2098
- }
2099
- },
2100
- "vertical-start": {
2101
- "small": {
2102
- "$extensions": {
2103
- "com.figma.scopes": [
2104
- "GAP"
2105
- ],
2106
- "com.figma.hiddenFromPublishing": true
2107
- },
2108
- "$type": "number",
2109
- "$value": "{spacing.20}"
2110
- },
2111
- "medium": {
2112
- "$extensions": {
2113
- "com.figma.scopes": [
2114
- "GAP"
2115
- ],
2116
- "com.figma.hiddenFromPublishing": true
2117
- },
2118
- "$type": "number",
2119
- "$value": "{spacing.40}"
2120
- }
2121
- }
2122
- },
2123
- "outer-box": {
2124
- "vertical-end": {
2125
- "small": {
2126
- "$extensions": {
2127
- "com.figma.scopes": [
2128
- "GAP"
2129
- ],
2130
- "com.figma.hiddenFromPublishing": true
2131
- },
2132
- "$type": "number",
2133
- "$value": "{spacing.30}"
2134
- },
2135
- "medium": {
2136
- "$extensions": {
2137
- "com.figma.scopes": [
2138
- "GAP"
2139
- ],
2140
- "com.figma.hiddenFromPublishing": true
2141
- },
2142
- "$type": "number",
2143
- "$value": "{spacing.30}"
2144
- }
2145
- },
2146
- "gap": {
2147
- "medium": {
2148
- "$extensions": {
2149
- "com.figma.scopes": [
2150
- "GAP"
2151
- ],
2152
- "com.figma.hiddenFromPublishing": true
2153
- },
2154
- "$type": "number",
2155
- "$value": "{spacing.0}"
2156
- },
2157
- "small": {
2158
- "$extensions": {
2159
- "com.figma.scopes": [
2160
- "GAP"
2161
- ],
2162
- "com.figma.hiddenFromPublishing": true
2163
- },
2164
- "$type": "number",
2165
- "$value": "{spacing.0}"
2166
- }
2167
- },
2168
- "horizontal": {
2169
- "medium": {
2170
- "$extensions": {
2171
- "com.figma.scopes": [
2172
- "GAP"
2173
- ],
2174
- "com.figma.hiddenFromPublishing": true
2175
- },
2176
- "$type": "number",
2177
- "$value": "{spacing.30}"
2178
- },
2179
- "small": {
2180
- "$extensions": {
2181
- "com.figma.scopes": [
2182
- "GAP"
2183
- ],
2184
- "com.figma.hiddenFromPublishing": true
2185
- },
2186
- "$type": "number",
2187
- "$value": "{spacing.30}"
2188
- }
2189
- },
2190
- "vertical-start": {
2191
- "medium": {
2192
- "$extensions": {
2193
- "com.figma.scopes": [
2194
- "GAP"
2195
- ],
2196
- "com.figma.hiddenFromPublishing": true
2197
- },
2198
- "$type": "number",
2199
- "$value": "{spacing.10}"
2200
- },
2201
- "small": {
2202
- "$extensions": {
2203
- "com.figma.scopes": [
2204
- "GAP"
2205
- ],
2206
- "com.figma.hiddenFromPublishing": true
2207
- },
2208
- "$type": "number",
2209
- "$value": "{spacing.10}"
2210
- }
2211
- }
2212
- },
2213
- "dropdown-icon-box": {
2214
- "gap": {
2215
- "medium": {
2216
- "$extensions": {
2217
- "com.figma.scopes": [
2218
- "GAP"
2219
- ],
2220
- "com.figma.hiddenFromPublishing": true
2221
- },
2222
- "$type": "number",
2223
- "$value": "{spacing.80}"
2224
- },
2225
- "small": {
2226
- "$extensions": {
2227
- "com.figma.scopes": [
2228
- "GAP"
2229
- ],
2230
- "com.figma.hiddenFromPublishing": true
2231
- },
2232
- "$type": "number",
2233
- "$value": "{spacing.80}"
2234
- }
2235
- },
2236
- "vertical": {
2237
- "small": {
2238
- "$extensions": {
2239
- "com.figma.scopes": [
2240
- "GAP"
2241
- ],
2242
- "com.figma.hiddenFromPublishing": true
2243
- },
2244
- "$type": "number",
2245
- "$value": "{spacing.20}"
2246
- },
2247
- "medium": {
2248
- "$extensions": {
2249
- "com.figma.scopes": [
2250
- "GAP"
2251
- ],
2252
- "com.figma.hiddenFromPublishing": true
2253
- },
2254
- "$type": "number",
2255
- "$value": "{spacing.20}"
2256
- }
2257
- }
2258
- }
2259
- },
2260
- "inline": {
2261
- "icon-box": {
2262
- "horizontal": {
2263
- "medium": {
2264
- "$extensions": {
2265
- "com.figma.scopes": [
2266
- "GAP"
2267
- ],
2268
- "com.figma.hiddenFromPublishing": true
2269
- },
2270
- "$type": "number",
2271
- "$value": "{spacing.20}"
2272
- },
2273
- "small": {
2274
- "$extensions": {
2275
- "com.figma.scopes": [
2276
- "GAP"
2277
- ],
2278
- "com.figma.hiddenFromPublishing": true
2279
- },
2280
- "$type": "number",
2281
- "$value": "{spacing.10}"
2282
- }
2283
- }
2284
- },
2285
- "outer-box": {
2286
- "gap": {
2287
- "small": {
2288
- "$extensions": {
2289
- "com.figma.scopes": [
2290
- "GAP"
2291
- ],
2292
- "com.figma.hiddenFromPublishing": true
2293
- },
2294
- "$type": "number",
2295
- "$value": "{spacing.20}"
2296
- },
2297
- "medium": {
2298
- "$extensions": {
2299
- "com.figma.scopes": [
2300
- "GAP"
2301
- ],
2302
- "com.figma.hiddenFromPublishing": true
2303
- },
2304
- "$type": "number",
2305
- "$value": "{spacing.20}"
2306
- }
2307
- },
2308
- "horizontal": {
2309
- "medium": {
2310
- "$extensions": {
2311
- "com.figma.scopes": [
2312
- "GAP"
2313
- ],
2314
- "com.figma.hiddenFromPublishing": true
2315
- },
2316
- "$type": "number",
2317
- "$value": "{spacing.30}"
2318
- },
2319
- "small": {
2320
- "$extensions": {
2321
- "com.figma.scopes": [
2322
- "GAP"
2323
- ],
2324
- "com.figma.hiddenFromPublishing": true
2325
- },
2326
- "$type": "number",
2327
- "$value": "{spacing.10}"
2328
- }
2329
- },
2330
- "vertical": {
2331
- "small": {
2332
- "$extensions": {
2333
- "com.figma.scopes": [
2334
- "GAP"
2335
- ],
2336
- "com.figma.hiddenFromPublishing": true
2337
- },
2338
- "$type": "number",
2339
- "$value": "{spacing.10}"
2340
- },
2341
- "medium": {
2342
- "$extensions": {
2343
- "com.figma.scopes": [
2344
- "GAP"
2345
- ],
2346
- "com.figma.hiddenFromPublishing": true
2347
- },
2348
- "$type": "number",
2349
- "$value": "{spacing.30}"
2350
- }
2351
- }
2352
- }
2353
- }
2354
- },
2355
- "borders": {
2356
- "border-width": {
2357
- "small": {
2358
- "$extensions": {
2359
- "com.figma.scopes": [
2360
- "STROKE_FLOAT"
2361
- ],
2362
- "com.figma.hiddenFromPublishing": true
2363
- },
2364
- "$type": "number",
2365
- "$value": "{border-width.10}"
2366
- },
2367
- "medium": {
2368
- "$extensions": {
2369
- "com.figma.scopes": [
2370
- "STROKE_FLOAT"
2371
- ],
2372
- "com.figma.hiddenFromPublishing": true
2373
- },
2374
- "$type": "number",
2375
- "$value": "{border-width.10}"
2376
- }
2377
- },
2378
- "border-radius": {
2379
- "medium": {
2380
- "$extensions": {
2381
- "com.figma.scopes": [
2382
- "CORNER_RADIUS"
2383
- ],
2384
- "com.figma.hiddenFromPublishing": true
2385
- },
2386
- "$type": "number",
2387
- "$value": "{border-radius.40}"
2388
- },
2389
- "small": {
2390
- "$extensions": {
2391
- "com.figma.scopes": [
2392
- "CORNER_RADIUS"
2393
- ],
2394
- "com.figma.hiddenFromPublishing": true
2395
- },
2396
- "$type": "number",
2397
- "$value": "{border-radius.40}"
2398
- }
2399
- }
2400
- }
2401
- },
2402
- "root": {
2403
- "box-shadow": {
2404
- "layer-1": {
2405
- "color": {
2406
- "$extensions": {
2407
- "com.figma.scopes": [
2408
- "EFFECT_COLOR"
2409
- ],
2410
- "com.figma.hiddenFromPublishing": true
2411
- },
2412
- "$type": "color",
2413
- "$value": "{box-shadow.layer-1.color.sm}"
2414
- },
2415
- "spread": {
2416
- "$extensions": {
2417
- "com.figma.scopes": [
2418
- "EFFECT_FLOAT"
2419
- ],
2420
- "com.figma.hiddenFromPublishing": true
2421
- },
2422
- "$type": "number",
2423
- "$value": "{box-shadow.layer-1.spread.sm}"
2424
- },
2425
- "y": {
2426
- "$extensions": {
2427
- "com.figma.scopes": [
2428
- "EFFECT_FLOAT"
2429
- ],
2430
- "com.figma.hiddenFromPublishing": true
2431
- },
2432
- "$type": "number",
2433
- "$value": "{box-shadow.layer-1.y.sm}"
2434
- },
2435
- "blur": {
2436
- "$extensions": {
2437
- "com.figma.scopes": [
2438
- "EFFECT_FLOAT"
2439
- ],
2440
- "com.figma.hiddenFromPublishing": true
2441
- },
2442
- "$type": "number",
2443
- "$value": "{box-shadow.layer-1.blur.sm}"
2444
- },
2445
- "x": {
2446
- "$extensions": {
2447
- "com.figma.scopes": [
2448
- "EFFECT_FLOAT"
2449
- ],
2450
- "com.figma.hiddenFromPublishing": true
2451
- },
2452
- "$type": "number",
2453
- "$value": "{box-shadow.layer-1.x.sm}"
2454
- }
2455
- },
2456
- "layer-2": {
2457
- "color": {
2458
- "$extensions": {
2459
- "com.figma.scopes": [
2460
- "EFFECT_COLOR"
2461
- ],
2462
- "com.figma.hiddenFromPublishing": true
2463
- },
2464
- "$type": "color",
2465
- "$value": "{box-shadow.layer-2.color.sm}"
2466
- },
2467
- "spread": {
2468
- "$extensions": {
2469
- "com.figma.scopes": [
2470
- "EFFECT_FLOAT"
2471
- ],
2472
- "com.figma.hiddenFromPublishing": true
2473
- },
2474
- "$type": "number",
2475
- "$value": "{box-shadow.layer-2.spread.sm}"
2476
- },
2477
- "blur": {
2478
- "$extensions": {
2479
- "com.figma.scopes": [
2480
- "EFFECT_FLOAT"
2481
- ],
2482
- "com.figma.hiddenFromPublishing": true
2483
- },
2484
- "$type": "number",
2485
- "$value": "{box-shadow.layer-2.blur.sm}"
2486
- },
2487
- "x": {
2488
- "$extensions": {
2489
- "com.figma.scopes": [
2490
- "EFFECT_FLOAT"
2491
- ],
2492
- "com.figma.hiddenFromPublishing": true
2493
- },
2494
- "$type": "number",
2495
- "$value": "{box-shadow.layer-2.x.sm}"
2496
- },
2497
- "y": {
2498
- "$extensions": {
2499
- "com.figma.scopes": [
2500
- "EFFECT_FLOAT"
2501
- ],
2502
- "com.figma.hiddenFromPublishing": true
2503
- },
2504
- "$type": "number",
2505
- "$value": "{box-shadow.layer-2.y.sm}"
2506
- }
2507
- }
2508
- },
2509
- "color": {
2510
- "border": {
2511
- "rest": {
2512
- "$extensions": {
2513
- "com.figma.scopes": [
2514
- "STROKE_COLOR"
2515
- ],
2516
- "com.figma.hiddenFromPublishing": true
2517
- },
2518
- "$type": "color",
2519
- "$value": "{color.border.transparent.rest}"
2520
- }
2521
- },
2522
- "bg": {
2523
- "rest": {
2524
- "$extensions": {
2525
- "com.figma.scopes": [
2526
- "FRAME_FILL",
2527
- "SHAPE_FILL"
2528
- ],
2529
- "com.figma.hiddenFromPublishing": true
2530
- },
2531
- "$type": "color",
2532
- "$value": "{color.surface.neutral.default.rest}"
2533
- }
2534
- }
2535
- },
2536
- "borders": {
2537
- "border-radius": {
2538
- "medium": {
2539
- "$extensions": {
2540
- "com.figma.scopes": [
2541
- "CORNER_RADIUS"
2542
- ],
2543
- "com.figma.hiddenFromPublishing": true
2544
- },
2545
- "$type": "number",
2546
- "$value": "{border-radius.80}"
2547
- },
2548
- "small": {
2549
- "$extensions": {
2550
- "com.figma.scopes": [
2551
- "CORNER_RADIUS"
2552
- ],
2553
- "com.figma.hiddenFromPublishing": true
2554
- },
2555
- "$type": "number",
2556
- "$value": "{border-radius.80}"
2557
- }
2558
- },
2559
- "border-width": {
2560
- "medium": {
2561
- "$extensions": {
2562
- "com.figma.scopes": [
2563
- "STROKE_FLOAT"
2564
- ],
2565
- "com.figma.hiddenFromPublishing": true
2566
- },
2567
- "$type": "number",
2568
- "$value": "{border-width.10}"
2569
- },
2570
- "small": {
2571
- "$extensions": {
2572
- "com.figma.scopes": [
2573
- "STROKE_FLOAT"
2574
- ],
2575
- "com.figma.hiddenFromPublishing": true
2576
- },
2577
- "$type": "number",
2578
- "$value": "{border-width.10}"
2579
- }
2580
- }
2581
- },
2582
- "layout": {
2583
- "button-box": {
2584
- "vertical": {
2585
- "small": {
2586
- "$extensions": {
2587
- "com.figma.scopes": [
2588
- "GAP"
2589
- ],
2590
- "com.figma.hiddenFromPublishing": true
2591
- },
2592
- "$type": "number",
2593
- "$value": "{spacing.30}"
2594
- },
2595
- "medium": {
2596
- "$extensions": {
2597
- "com.figma.scopes": [
2598
- "GAP"
2599
- ],
2600
- "com.figma.hiddenFromPublishing": true
2601
- },
2602
- "$type": "number",
2603
- "$value": "{spacing.30}"
2604
- }
2605
- },
2606
- "horizontal": {
2607
- "small": {
2608
- "$extensions": {
2609
- "com.figma.scopes": [
2610
- "GAP"
2611
- ],
2612
- "com.figma.hiddenFromPublishing": true
2613
- },
2614
- "$type": "number",
2615
- "$value": "{spacing.40}"
2616
- },
2617
- "medium": {
2618
- "$extensions": {
2619
- "com.figma.scopes": [
2620
- "GAP"
2621
- ],
2622
- "com.figma.hiddenFromPublishing": true
2623
- },
2624
- "$type": "number",
2625
- "$value": "{spacing.40}"
2626
- }
2627
- }
2628
- },
2629
- "content-box": {
2630
- "vertical": {
2631
- "small": {
2632
- "$extensions": {
2633
- "com.figma.scopes": [
2634
- "GAP"
2635
- ],
2636
- "com.figma.hiddenFromPublishing": true
2637
- },
2638
- "$type": "number",
2639
- "$value": "{spacing.30}"
2640
- },
2641
- "medium": {
2642
- "$extensions": {
2643
- "com.figma.scopes": [
2644
- "GAP"
2645
- ],
2646
- "com.figma.hiddenFromPublishing": true
2647
- },
2648
- "$type": "number",
2649
- "$value": "{spacing.30}"
2650
- }
2651
- },
2652
- "gap": {
2653
- "medium": {
2654
- "$extensions": {
2655
- "com.figma.scopes": [
2656
- "GAP"
2657
- ],
2658
- "com.figma.hiddenFromPublishing": true
2659
- },
2660
- "$type": "number",
2661
- "$value": "{spacing.0}"
2662
- },
2663
- "small": {
2664
- "$extensions": {
2665
- "com.figma.scopes": [
2666
- "GAP"
2667
- ],
2668
- "com.figma.hiddenFromPublishing": true
2669
- },
2670
- "$type": "number",
2671
- "$value": "{spacing.0}"
2672
- }
2673
- },
2674
- "horizontal": {
2675
- "medium": {
2676
- "$extensions": {
2677
- "com.figma.scopes": [
2678
- "GAP"
2679
- ],
2680
- "com.figma.hiddenFromPublishing": true
2681
- },
2682
- "$type": "number",
2683
- "$value": "{spacing.70}"
2684
- },
2685
- "small": {
2686
- "$extensions": {
2687
- "com.figma.scopes": [
2688
- "GAP"
2689
- ],
2690
- "com.figma.hiddenFromPublishing": true
2691
- },
2692
- "$type": "number",
2693
- "$value": "{spacing.50}"
2694
- }
2695
- }
2696
- },
2697
- "outer-box": {
2698
- "height": {
2699
- "classic": {
2700
- "medium": {
2701
- "$extensions": {
2702
- "com.figma.scopes": [
2703
- "WIDTH_HEIGHT"
2704
- ],
2705
- "com.figma.hiddenFromPublishing": true
2706
- },
2707
- "$type": "number",
2708
- "$value": "{spacing.1000}"
2709
- },
2710
- "small": {
2711
- "$extensions": {
2712
- "com.figma.scopes": [
2713
- "WIDTH_HEIGHT"
2714
- ],
2715
- "com.figma.hiddenFromPublishing": true
2716
- },
2717
- "$type": "number",
2718
- "$value": "{spacing.880}"
2719
- }
2720
- }
2721
- }
2722
- }
2723
- }
2724
- },
2725
- "classic-separator": {
2726
- "layout": {
2727
- "group": {
2728
- "horizontal": {
2729
- "small": {
2730
- "$extensions": {
2731
- "com.figma.scopes": [
2732
- "GAP"
2733
- ],
2734
- "com.figma.hiddenFromPublishing": true
2735
- },
2736
- "$type": "number",
2737
- "$value": "{spacing.80}"
2738
- },
2739
- "medium": {
2740
- "$extensions": {
2741
- "com.figma.scopes": [
2742
- "GAP"
2743
- ],
2744
- "com.figma.hiddenFromPublishing": true
2745
- },
2746
- "$type": "number",
2747
- "$value": "{spacing.80}"
2748
- }
2749
- }
2750
- }
2751
- }
2752
- },
2753
- "classic-item": {
2754
- "borders": {
2755
- "split": {
2756
- "border-width": {
2757
- "inner-width": {
2758
- "medium": {
2759
- "$extensions": {
2760
- "com.figma.scopes": [
2761
- "STROKE_FLOAT"
2762
- ],
2763
- "com.figma.hiddenFromPublishing": true
2764
- },
2765
- "$type": "number",
2766
- "$value": "{spacing.0}"
2767
- },
2768
- "small": {
2769
- "$extensions": {
2770
- "com.figma.scopes": [
2771
- "STROKE_FLOAT"
2772
- ],
2773
- "com.figma.hiddenFromPublishing": true
2774
- },
2775
- "$type": "number",
2776
- "$value": "{spacing.0}"
2777
- }
2778
- }
2779
- },
2780
- "border-radius": {
2781
- "inner-corner": {
2782
- "medium": {
2783
- "$extensions": {
2784
- "com.figma.scopes": [
2785
- "CORNER_RADIUS"
2786
- ],
2787
- "com.figma.hiddenFromPublishing": true
2788
- },
2789
- "$type": "number",
2790
- "$value": "{border-radius.0}"
2791
- },
2792
- "small": {
2793
- "$extensions": {
2794
- "com.figma.scopes": [
2795
- "CORNER_RADIUS"
2796
- ],
2797
- "com.figma.hiddenFromPublishing": true
2798
- },
2799
- "$type": "number",
2800
- "$value": "{border-radius.0}"
2801
- }
2802
- }
2803
- }
2804
- }
2805
- },
2806
- "layout": {
2807
- "stacked": {
2808
- "split": {
2809
- "vertical-inner": {
2810
- "medium": {
2811
- "$extensions": {
2812
- "com.figma.scopes": [
2813
- "GAP"
2814
- ],
2815
- "com.figma.hiddenFromPublishing": true
2816
- },
2817
- "$type": "number",
2818
- "$value": "{spacing.0}"
2819
- },
2820
- "small": {
2821
- "$extensions": {
2822
- "com.figma.scopes": [
2823
- "GAP"
2824
- ],
2825
- "com.figma.hiddenFromPublishing": true
2826
- },
2827
- "$type": "number",
2828
- "$value": "{spacing.0}"
2829
- }
2830
- }
2831
- },
2832
- "min-height": {
2833
- "small": {
2834
- "$extensions": {
2835
- "com.figma.scopes": [
2836
- "WIDTH_HEIGHT"
2837
- ],
2838
- "com.figma.hiddenFromPublishing": true
2839
- },
2840
- "$type": "number",
2841
- "$value": "{spacing.640}"
2842
- },
2843
- "medium": {
2844
- "$extensions": {
2845
- "com.figma.scopes": [
2846
- "WIDTH_HEIGHT"
2847
- ],
2848
- "com.figma.hiddenFromPublishing": true
2849
- },
2850
- "$type": "number",
2851
- "$value": "{spacing.720}"
2852
- }
2853
- },
2854
- "min-width": {
2855
- "medium": {
2856
- "$extensions": {
2857
- "com.figma.scopes": [
2858
- "WIDTH_HEIGHT"
2859
- ],
2860
- "com.figma.hiddenFromPublishing": true
2861
- },
2862
- "$type": "number",
2863
- "$value": "{spacing.400}"
2864
- },
2865
- "small": {
2866
- "$extensions": {
2867
- "com.figma.scopes": [
2868
- "WIDTH_HEIGHT"
2869
- ],
2870
- "com.figma.hiddenFromPublishing": true
2871
- },
2872
- "$type": "number",
2873
- "$value": "{spacing.360}"
2874
- }
2875
- }
2876
- },
2877
- "inline": {
2878
- "split": {
2879
- "dropdown-item": {
2880
- "horizontal-end": {
2881
- "small": {
2882
- "$extensions": {
2883
- "com.figma.scopes": [
2884
- "GAP"
2885
- ],
2886
- "com.figma.hiddenFromPublishing": true
2887
- },
2888
- "$type": "number",
2889
- "$value": "{spacing.30}"
2890
- }
2891
- },
2892
- "horizontal-start": {
2893
- "small": {
2894
- "$extensions": {
2895
- "com.figma.scopes": [
2896
- "GAP"
2897
- ],
2898
- "com.figma.hiddenFromPublishing": true
2899
- },
2900
- "$type": "number",
2901
- "$value": "{spacing.40}"
2902
- },
2903
- "medium": {
2904
- "$extensions": {
2905
- "com.figma.scopes": [
2906
- "GAP"
2907
- ],
2908
- "com.figma.hiddenFromPublishing": true
2909
- },
2910
- "$type": "number",
2911
- "$value": "{spacing.40}"
2912
- }
2913
- }
2914
- }
2915
- }
2916
- }
2917
- }
2918
- }
2919
- },
2920
- "focus-rect": {
2921
- "popup": {
2922
- "item": {
2923
- "offset": {
2924
- "vertical-end": {
2925
- "offset": {
2926
- "$extensions": {
2927
- "com.figma.scopes": [
2928
- "GAP"
2929
- ],
2930
- "com.figma.hiddenFromPublishing": true
2931
- },
2932
- "$type": "number",
2933
- "$value": "{spacing.minus-10}"
2934
- }
2935
- },
2936
- "horizontal": {
2937
- "offset": {
2938
- "$extensions": {
2939
- "com.figma.scopes": [
2940
- "GAP"
2941
- ],
2942
- "com.figma.hiddenFromPublishing": true
2943
- },
2944
- "$type": "number",
2945
- "$value": "{spacing.minus-20}"
2946
- }
2947
- },
2948
- "vertical-start": {
2949
- "offset": {
2950
- "$extensions": {
2951
- "com.figma.scopes": [
2952
- "GAP"
2953
- ],
2954
- "com.figma.hiddenFromPublishing": true
2955
- },
2956
- "$type": "number",
2957
- "$value": "{spacing.minus-20}"
2958
- }
2959
- }
2960
- },
2961
- "outer-box": {
2962
- "$extensions": {
2963
- "com.figma.scopes": [
2964
- "GAP"
2965
- ],
2966
- "com.figma.hiddenFromPublishing": true
2967
- },
2968
- "$type": "number",
2969
- "$value": "{spacing.20}"
2970
- }
2971
- }
2972
- },
2973
- "bar-items": {
2974
- "layout": {
2975
- "outer-box": {
2976
- "$extensions": {
2977
- "com.figma.scopes": [
2978
- "GAP"
2979
- ],
2980
- "com.figma.hiddenFromPublishing": true
2981
- },
2982
- "$type": "number",
2983
- "$value": "{spacing.20}"
2984
- },
2985
- "offset": {
2986
- "$extensions": {
2987
- "com.figma.scopes": [
2988
- "GAP"
2989
- ],
2990
- "com.figma.hiddenFromPublishing": true
2991
- },
2992
- "$type": "number",
2993
- "$value": "{spacing.10}"
2994
- }
2995
- }
2996
- }
2997
- }
2998
- }