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