@devexpress/design-tokens-internal 261.0.2 → 261.0.4

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 (122) hide show
  1. package/package.json +3 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +783 -0
  4. package/tokens/components/core/ai-chat/fluent.json +2236 -0
  5. package/tokens/components/core/badge/fluent.json +159 -0
  6. package/tokens/components/core/button/fluent.json +301 -0
  7. package/tokens/components/core/calendar/fluent.json +1601 -0
  8. package/tokens/components/core/checkbox/fluent.json +812 -0
  9. package/tokens/components/core/collapse-button/fluent.json +333 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +170 -0
  12. package/tokens/components/core/container-footer/fluent.json +202 -0
  13. package/tokens/components/core/container-header/fluent.json +329 -0
  14. package/tokens/components/core/dialog/fluent.json +173 -0
  15. package/tokens/components/core/drawer/fluent.json +158 -0
  16. package/tokens/components/core/empty-item/fluent.json +350 -0
  17. package/tokens/components/core/focus-rect/fluent.json +82 -0
  18. package/tokens/components/core/form/fluent.json +344 -0
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +147 -0
  21. package/tokens/components/core/indent-space/fluent.json +110 -0
  22. package/tokens/components/core/label/fluent.json +138 -0
  23. package/tokens/components/core/link/fluent.json +291 -0
  24. package/tokens/components/core/listbox/fluent.json +826 -0
  25. package/tokens/components/core/menu/fluent.json +682 -0
  26. package/tokens/components/core/message-bar/fluent.json +252 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +788 -0
  28. package/tokens/components/core/pagination/fluent.json +536 -0
  29. package/tokens/components/core/popover/fluent.json +185 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +46 -0
  31. package/tokens/components/core/popover-body/fluent.json +172 -0
  32. package/tokens/components/core/popover-footer/fluent.json +139 -0
  33. package/tokens/components/core/popover-header/fluent.json +290 -0
  34. package/tokens/components/core/popup/fluent.json +182 -0
  35. package/tokens/components/core/progress-bar/fluent.json +258 -0
  36. package/tokens/components/core/radio-button/fluent.json +486 -0
  37. package/tokens/components/core/ribbon/fluent.json +1717 -0
  38. package/tokens/components/core/scroll-bar/fluent.json +148 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
  41. package/tokens/components/core/splitter/fluent.json +877 -0
  42. package/tokens/components/core/switch/fluent.json +722 -0
  43. package/tokens/components/core/tabs/fluent.json +607 -0
  44. package/tokens/components/core/tag/fluent.json +303 -0
  45. package/tokens/components/core/text-box/fluent.json +404 -0
  46. package/tokens/components/core/text-edit/fluent.json +623 -0
  47. package/tokens/components/core/toast/fluent.json +372 -0
  48. package/tokens/components/core/toolbar/fluent.json +423 -0
  49. package/tokens/components/core/tooltip/fluent.json +221 -0
  50. package/tokens/components/core/treeview/fluent.json +818 -0
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +117 -0
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +546 -0
  55. package/tokens/components/desktop/button-edit/fluent.json +454 -0
  56. package/tokens/components/desktop/button-group/fluent.json +70 -0
  57. package/tokens/components/desktop/button-text/fluent.json +228 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +54 -0
  59. package/tokens/components/desktop/datapager/fluent.json +202 -0
  60. package/tokens/components/desktop/filter-edit/fluent.json +454 -0
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
  63. package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
  64. package/tokens/components/desktop/progress-bar/fluent.json +568 -0
  65. package/tokens/components/desktop/radio-button/fluent.json +67 -0
  66. package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +50 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +312 -0
  71. package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
  72. package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
  73. package/tokens/components/web/button/fluent.json +3068 -0
  74. package/tokens/components/web/button-group/fluent.json +70 -0
  75. package/tokens/components/web/carousel/fluent.json +2843 -0
  76. package/tokens/components/web/checkbox/fluent.json +256 -0
  77. package/tokens/components/web/color-palette/fluent.json +1245 -0
  78. package/tokens/components/web/column-chooser/fluent.json +331 -0
  79. package/tokens/components/web/filter-builder/fluent.json +1085 -0
  80. package/tokens/components/web/form-layout/fluent.json +1103 -0
  81. package/tokens/components/web/html-editor/fluent.json +276 -0
  82. package/tokens/components/web/listbox/fluent.json +298 -0
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
  84. package/tokens/components/web/memo/fluent.json +50 -0
  85. package/tokens/components/web/menu/fluent.json +39 -0
  86. package/tokens/components/web/message-bar/fluent.json +181 -0
  87. package/tokens/components/web/message-box/fluent.json +61 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +109 -0
  89. package/tokens/components/web/pager/fluent.json +187 -0
  90. package/tokens/components/web/progress-bar/fluent.json +197 -0
  91. package/tokens/components/web/radio/fluent.json +260 -0
  92. package/tokens/components/web/ribbon/fluent.json +122 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
  94. package/tokens/components/web/scheduler/fluent.json +2662 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +520 -0
  96. package/tokens/components/web/split-button/fluent.json +143 -0
  97. package/tokens/components/web/switcher/fluent.json +192 -0
  98. package/tokens/components/web/tabs/fluent.json +258 -0
  99. package/tokens/components/web/tagbox/fluent.json +147 -0
  100. package/tokens/components/web/text-edit/fluent.json +334 -0
  101. package/tokens/components/web/toast/fluent.json +1228 -0
  102. package/tokens/components/web/toolbar/fluent.json +165 -0
  103. package/tokens/components/web/tooltip/fluent.json +31 -0
  104. package/tokens/components/web/treeview/fluent.json +2409 -0
  105. package/tokens/components/web/uploader/fluent.json +2963 -0
  106. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  107. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  108. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  109. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  110. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  111. package/tokens/figma-utils/icon/property.json +48 -0
  112. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  113. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  114. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  115. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  116. package/tokens/figma-utils/typography/styles.json +400 -0
  117. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  118. package/tokens/semantic/colors/dx-office/light.json +12 -0
  119. package/tokens/semantic/colors/fluent/dark.json +24 -12
  120. package/tokens/semantic/colors/fluent/light.json +24 -12
  121. package/tokens/global/dx-office/theme-builder.json +0 -56
  122. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/desktop/listbox-edit/fluent.json ADDED
@@ -0,0 +1,881 @@
1
+ {
2
+ "listbox-edit": {
3
+ "custom-item-group": {
4
+ "color": {
5
+ "border": {
6
+ "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "SHAPE_FILL",
10
+ "STROKE_COLOR"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.border.neutral.default.rest}"
15
+ }
16
+ }
17
+ },
18
+ "borders": {
19
+ "border-width": {
20
+ "small": {
21
+ "$extensions": {
22
+ "com.figma.scopes": [
23
+ "STROKE_FLOAT"
24
+ ]
25
+ },
26
+ "$type": "number",
27
+ "$value": "{border-width.10}"
28
+ },
29
+ "medium": {
30
+ "$extensions": {
31
+ "com.figma.scopes": [
32
+ "STROKE_FLOAT"
33
+ ]
34
+ },
35
+ "$type": "number",
36
+ "$value": "{border-width.10}"
37
+ }
38
+ }
39
+ },
40
+ "layout": {
41
+ "gap": {
42
+ "small": {
43
+ "$extensions": {
44
+ "com.figma.scopes": [
45
+ "GAP"
46
+ ]
47
+ },
48
+ "$type": "number",
49
+ "$value": "{spacing.20}"
50
+ },
51
+ "medium": {
52
+ "$extensions": {
53
+ "com.figma.scopes": [
54
+ "GAP"
55
+ ]
56
+ },
57
+ "$type": "number",
58
+ "$value": "{spacing.20}"
59
+ }
60
+ }
61
+ }
62
+ },
63
+ "categories": {
64
+ "color": {
65
+ "text": {
66
+ "text": {
67
+ "rest": {
68
+ "$extensions": {
69
+ "com.figma.scopes": [
70
+ "TEXT_FILL"
71
+ ]
72
+ },
73
+ "$type": "color",
74
+ "$value": "{color.content.neutral.subdued.rest}"
75
+ },
76
+ "disabled": {
77
+ "$extensions": {
78
+ "com.figma.scopes": [
79
+ "TEXT_FILL"
80
+ ]
81
+ },
82
+ "$type": "color",
83
+ "$value": "{color.content.neutral.default.disabled}"
84
+ }
85
+ },
86
+ "bg": {
87
+ "rest": {
88
+ "$extensions": {
89
+ "com.figma.scopes": [
90
+ "FRAME_FILL"
91
+ ]
92
+ },
93
+ "$type": "color",
94
+ "$value": "{color.surface.transparent.rest}"
95
+ }
96
+ },
97
+ "icon": {
98
+ "disabled": {
99
+ "$extensions": {
100
+ "com.figma.scopes": [
101
+ "SHAPE_FILL"
102
+ ]
103
+ },
104
+ "$type": "color",
105
+ "$value": "{color.content.neutral.default.disabled}"
106
+ },
107
+ "rest": {
108
+ "$extensions": {
109
+ "com.figma.scopes": [
110
+ "SHAPE_FILL"
111
+ ]
112
+ },
113
+ "$type": "color",
114
+ "$value": "{color.content.neutral.subdued.rest}"
115
+ }
116
+ }
117
+ }
118
+ },
119
+ "typography": {
120
+ "font-size": {
121
+ "medium": {
122
+ "$extensions": {
123
+ "com.figma.scopes": [
124
+ "FONT_SIZE"
125
+ ]
126
+ },
127
+ "$type": "number",
128
+ "$value": "{font-size.caption-1-strong}"
129
+ },
130
+ "small": {
131
+ "$extensions": {
132
+ "com.figma.scopes": [
133
+ "FONT_SIZE"
134
+ ]
135
+ },
136
+ "$type": "number",
137
+ "$value": "{font-size.caption-2-strong}"
138
+ }
139
+ },
140
+ "font-weight": {
141
+ "medium": {
142
+ "$extensions": {
143
+ "com.figma.scopes": [
144
+ "FONT_WEIGHT"
145
+ ]
146
+ },
147
+ "$type": "number",
148
+ "$value": "{font-weight.caption-1-strong}"
149
+ },
150
+ "small": {
151
+ "$extensions": {
152
+ "com.figma.scopes": [
153
+ "FONT_WEIGHT"
154
+ ]
155
+ },
156
+ "$type": "number",
157
+ "$value": "{font-weight.caption-2-strong}"
158
+ }
159
+ },
160
+ "line-height": {
161
+ "small": {
162
+ "$extensions": {
163
+ "com.figma.scopes": [
164
+ "LINE_HEIGHT"
165
+ ]
166
+ },
167
+ "$type": "number",
168
+ "$value": "{line-height.caption-2-strong}"
169
+ },
170
+ "medium": {
171
+ "$extensions": {
172
+ "com.figma.scopes": [
173
+ "LINE_HEIGHT"
174
+ ]
175
+ },
176
+ "$type": "number",
177
+ "$value": "{line-height.caption-1-strong}"
178
+ }
179
+ }
180
+ },
181
+ "layout": {
182
+ "outer-box": {
183
+ "horizontal": {
184
+ "medium": {
185
+ "$extensions": {
186
+ "com.figma.scopes": [
187
+ "GAP"
188
+ ]
189
+ },
190
+ "$type": "number",
191
+ "$value": "{spacing.120}"
192
+ },
193
+ "small": {
194
+ "$extensions": {
195
+ "com.figma.scopes": [
196
+ "GAP"
197
+ ]
198
+ },
199
+ "$type": "number",
200
+ "$value": "{spacing.80}"
201
+ }
202
+ },
203
+ "vertical": {
204
+ "medium": {
205
+ "$extensions": {
206
+ "com.figma.scopes": [
207
+ "GAP"
208
+ ]
209
+ },
210
+ "$type": "number",
211
+ "$value": "{spacing.80}"
212
+ },
213
+ "small": {
214
+ "$extensions": {
215
+ "com.figma.scopes": [
216
+ "GAP"
217
+ ]
218
+ },
219
+ "$type": "number",
220
+ "$value": "{spacing.50}"
221
+ }
222
+ }
223
+ },
224
+ "inner-box": {
225
+ "gap": {
226
+ "medium": {
227
+ "$extensions": {
228
+ "com.figma.scopes": [
229
+ "GAP"
230
+ ]
231
+ },
232
+ "$type": "number",
233
+ "$value": "{spacing.60}"
234
+ },
235
+ "small": {
236
+ "$extensions": {
237
+ "com.figma.scopes": [
238
+ "GAP"
239
+ ]
240
+ },
241
+ "$type": "number",
242
+ "$value": "{spacing.40}"
243
+ }
244
+ }
245
+ },
246
+ "icon-wrapper": {
247
+ "sizing": {
248
+ "small": {
249
+ "$extensions": {
250
+ "com.figma.scopes": [
251
+ "WIDTH_HEIGHT"
252
+ ]
253
+ },
254
+ "$type": "number",
255
+ "$value": "{spacing.140}"
256
+ }
257
+ }
258
+ }
259
+ }
260
+ },
261
+ "root": {
262
+ "color": {
263
+ "with-border": {
264
+ "border": {
265
+ "rest": {
266
+ "$extensions": {
267
+ "com.figma.scopes": [
268
+ "STROKE_COLOR"
269
+ ]
270
+ },
271
+ "$type": "color",
272
+ "$value": "{color.border.neutral.default.rest}"
273
+ }
274
+ },
275
+ "bg": {
276
+ "rest": {
277
+ "$extensions": {
278
+ "com.figma.scopes": [
279
+ "FRAME_FILL"
280
+ ]
281
+ },
282
+ "$type": "color",
283
+ "$value": "{color.surface.neutral.default.rest}"
284
+ }
285
+ }
286
+ },
287
+ "without-border": {
288
+ "border": {
289
+ "rest": {
290
+ "$extensions": {
291
+ "com.figma.scopes": [
292
+ "STROKE_COLOR"
293
+ ]
294
+ },
295
+ "$type": "color",
296
+ "$value": "{color.border.transparent.rest}"
297
+ }
298
+ },
299
+ "bg": {
300
+ "rest": {
301
+ "$extensions": {
302
+ "com.figma.scopes": [
303
+ "FRAME_FILL"
304
+ ]
305
+ },
306
+ "$type": "color",
307
+ "$value": "{color.surface.transparent.rest}"
308
+ }
309
+ }
310
+ }
311
+ },
312
+ "layout": {
313
+ "outer-box": {
314
+ "vertical": {
315
+ "medium": {
316
+ "$extensions": {
317
+ "com.figma.scopes": [
318
+ "GAP"
319
+ ]
320
+ },
321
+ "$type": "number",
322
+ "$value": "{spacing.40}"
323
+ },
324
+ "small": {
325
+ "$extensions": {
326
+ "com.figma.scopes": [
327
+ "GAP"
328
+ ]
329
+ },
330
+ "$type": "number",
331
+ "$value": "{spacing.20}"
332
+ }
333
+ },
334
+ "horizontal": {
335
+ "medium": {
336
+ "$extensions": {
337
+ "com.figma.scopes": [
338
+ "GAP"
339
+ ]
340
+ },
341
+ "$type": "number",
342
+ "$value": "{spacing.40}"
343
+ },
344
+ "small": {
345
+ "$extensions": {
346
+ "com.figma.scopes": [
347
+ "GAP"
348
+ ]
349
+ },
350
+ "$type": "number",
351
+ "$value": "{spacing.20}"
352
+ }
353
+ },
354
+ "gap": {
355
+ "medium": {
356
+ "$extensions": {
357
+ "com.figma.scopes": [
358
+ "GAP"
359
+ ]
360
+ },
361
+ "$type": "number",
362
+ "$value": "{spacing.40}"
363
+ },
364
+ "small": {
365
+ "$extensions": {
366
+ "com.figma.scopes": [
367
+ "GAP"
368
+ ]
369
+ },
370
+ "$type": "number",
371
+ "$value": "{spacing.20}"
372
+ }
373
+ }
374
+ },
375
+ "list": {
376
+ "gap": {
377
+ "small": {
378
+ "$extensions": {
379
+ "com.figma.scopes": [
380
+ "GAP"
381
+ ]
382
+ },
383
+ "$type": "number",
384
+ "$value": "{spacing.20}"
385
+ },
386
+ "medium": {
387
+ "$extensions": {
388
+ "com.figma.scopes": [
389
+ "GAP"
390
+ ]
391
+ },
392
+ "$type": "number",
393
+ "$value": "{spacing.40}"
394
+ }
395
+ }
396
+ }
397
+ },
398
+ "borders": {
399
+ "border-radius": {
400
+ "without-border": {
401
+ "$extensions": {
402
+ "com.figma.scopes": [
403
+ "CORNER_RADIUS"
404
+ ]
405
+ },
406
+ "$type": "number",
407
+ "$value": "{border-radius.0}"
408
+ },
409
+ "with-border": {
410
+ "$extensions": {
411
+ "com.figma.scopes": [
412
+ "CORNER_RADIUS"
413
+ ]
414
+ },
415
+ "$type": "number",
416
+ "$value": "{border-radius.40}"
417
+ }
418
+ },
419
+ "border-width": {
420
+ "border": {
421
+ "$extensions": {
422
+ "com.figma.scopes": [
423
+ "STROKE_FLOAT"
424
+ ]
425
+ },
426
+ "$type": "number",
427
+ "$value": "{border-width.10}"
428
+ }
429
+ }
430
+ }
431
+ },
432
+ "select-all-item": {
433
+ "color": {
434
+ "border": {
435
+ "rest": {
436
+ "$extensions": {
437
+ "com.figma.scopes": [
438
+ "SHAPE_FILL",
439
+ "STROKE_COLOR"
440
+ ]
441
+ },
442
+ "$type": "color",
443
+ "$value": "{color.border.neutral.default.rest}"
444
+ }
445
+ }
446
+ },
447
+ "borders": {
448
+ "border-width": {
449
+ "small": {
450
+ "$extensions": {
451
+ "com.figma.scopes": [
452
+ "STROKE_FLOAT"
453
+ ]
454
+ },
455
+ "$type": "number",
456
+ "$value": "{border-width.10}"
457
+ },
458
+ "medium": {
459
+ "$extensions": {
460
+ "com.figma.scopes": [
461
+ "STROKE_FLOAT"
462
+ ]
463
+ },
464
+ "$type": "number",
465
+ "$value": "{border-width.10}"
466
+ }
467
+ }
468
+ },
469
+ "layout": {
470
+ "outer-box": {
471
+ "top": {
472
+ "small": {
473
+ "$extensions": {
474
+ "com.figma.scopes": [
475
+ "GAP"
476
+ ]
477
+ },
478
+ "$type": "number",
479
+ "$value": "{spacing.0}"
480
+ },
481
+ "medium": {
482
+ "$extensions": {
483
+ "com.figma.scopes": [
484
+ "GAP"
485
+ ]
486
+ },
487
+ "$type": "number",
488
+ "$value": "{spacing.0}"
489
+ }
490
+ },
491
+ "horizontal": {
492
+ "medium": {
493
+ "$extensions": {
494
+ "com.figma.scopes": [
495
+ "GAP"
496
+ ]
497
+ },
498
+ "$type": "number",
499
+ "$value": "{spacing.60}"
500
+ },
501
+ "small": {
502
+ "$extensions": {
503
+ "com.figma.scopes": [
504
+ "GAP"
505
+ ]
506
+ },
507
+ "$type": "number",
508
+ "$value": "{spacing.40}"
509
+ }
510
+ },
511
+ "bottom": {
512
+ "medium": {
513
+ "$extensions": {
514
+ "com.figma.scopes": [
515
+ "GAP"
516
+ ]
517
+ },
518
+ "$type": "number",
519
+ "$value": "{spacing.minus-10}"
520
+ },
521
+ "small": {
522
+ "$extensions": {
523
+ "com.figma.scopes": [
524
+ "GAP"
525
+ ]
526
+ },
527
+ "$type": "number",
528
+ "$value": "{spacing.minus-10}"
529
+ }
530
+ }
531
+ }
532
+ }
533
+ },
534
+ "item": {
535
+ "color": {
536
+ "default": {
537
+ "bg": {
538
+ "hovered": {
539
+ "$extensions": {
540
+ "com.figma.scopes": [
541
+ "FRAME_FILL"
542
+ ]
543
+ },
544
+ "$type": "color",
545
+ "$value": "{color.surface.neutral.default.hovered}"
546
+ },
547
+ "active": {
548
+ "$extensions": {
549
+ "com.figma.scopes": [
550
+ "FRAME_FILL"
551
+ ]
552
+ },
553
+ "$type": "color",
554
+ "$value": "{color.surface.neutral.default.active}"
555
+ },
556
+ "rest": {
557
+ "$extensions": {
558
+ "com.figma.scopes": [
559
+ "FRAME_FILL"
560
+ ]
561
+ },
562
+ "$type": "color",
563
+ "$value": "{color.surface.transparent.rest}"
564
+ }
565
+ },
566
+ "trigger": {
567
+ "rest": {
568
+ "$extensions": {
569
+ "com.figma.scopes": [
570
+ "SHAPE_FILL"
571
+ ]
572
+ },
573
+ "$type": "color",
574
+ "$value": "{color.content.transparent.rest}"
575
+ }
576
+ }
577
+ },
578
+ "selected": {
579
+ "bg": {
580
+ "rest": {
581
+ "$extensions": {
582
+ "com.figma.scopes": [
583
+ "FRAME_FILL"
584
+ ]
585
+ },
586
+ "$type": "color",
587
+ "$value": "{color.surface.neutral.default.selected}"
588
+ },
589
+ "hovered": {
590
+ "$extensions": {
591
+ "com.figma.scopes": [
592
+ "FRAME_FILL"
593
+ ]
594
+ },
595
+ "$type": "color",
596
+ "$value": "{color.surface.neutral.default.selected-hovered}"
597
+ },
598
+ "active": {
599
+ "$extensions": {
600
+ "com.figma.scopes": [
601
+ "FRAME_FILL"
602
+ ]
603
+ },
604
+ "$type": "color",
605
+ "$value": "{color.surface.neutral.subdued.active}"
606
+ },
607
+ "disabled": {
608
+ "$extensions": {
609
+ "com.figma.scopes": [
610
+ "FRAME_FILL"
611
+ ]
612
+ },
613
+ "$type": "color",
614
+ "$value": "{color.surface.transparent.rest}"
615
+ }
616
+ },
617
+ "trigger": {
618
+ "disabled": {
619
+ "$extensions": {
620
+ "com.figma.scopes": [
621
+ "FRAME_FILL"
622
+ ]
623
+ },
624
+ "$type": "color",
625
+ "$value": "{color.content.neutral.default.disabled}"
626
+ },
627
+ "rest": {
628
+ "$extensions": {
629
+ "com.figma.scopes": [
630
+ "FRAME_FILL"
631
+ ]
632
+ },
633
+ "$type": "color",
634
+ "$value": "{color.content.primary.default.rest}"
635
+ }
636
+ }
637
+ }
638
+ },
639
+ "layout": {
640
+ "outer-box": {
641
+ "gap": {
642
+ "medium": {
643
+ "$extensions": {
644
+ "com.figma.scopes": [
645
+ "GAP"
646
+ ]
647
+ },
648
+ "$type": "number",
649
+ "$value": "{spacing.0}"
650
+ },
651
+ "small": {
652
+ "$extensions": {
653
+ "com.figma.scopes": [
654
+ "GAP"
655
+ ]
656
+ },
657
+ "$type": "number",
658
+ "$value": "{spacing.0}"
659
+ }
660
+ },
661
+ "horizontal": {
662
+ "small": {
663
+ "$extensions": {
664
+ "com.figma.scopes": [
665
+ "GAP"
666
+ ]
667
+ },
668
+ "$type": "number",
669
+ "$value": "{spacing.40}"
670
+ },
671
+ "medium": {
672
+ "$extensions": {
673
+ "com.figma.scopes": [
674
+ "GAP"
675
+ ]
676
+ },
677
+ "$type": "number",
678
+ "$value": "{spacing.60}"
679
+ }
680
+ },
681
+ "vertical": {
682
+ "small": {
683
+ "$extensions": {
684
+ "com.figma.scopes": [
685
+ "GAP"
686
+ ]
687
+ },
688
+ "$type": "number",
689
+ "$value": "{spacing.0}"
690
+ },
691
+ "medium": {
692
+ "$extensions": {
693
+ "com.figma.scopes": [
694
+ "GAP"
695
+ ]
696
+ },
697
+ "$type": "number",
698
+ "$value": "{spacing.0}"
699
+ }
700
+ }
701
+ },
702
+ "trigger-box": {
703
+ "sizing": {
704
+ "width": {
705
+ "medium": {
706
+ "$extensions": {
707
+ "com.figma.scopes": [
708
+ "WIDTH_HEIGHT"
709
+ ]
710
+ },
711
+ "$type": "number",
712
+ "$value": "{spacing.30}"
713
+ },
714
+ "small": {
715
+ "$extensions": {
716
+ "com.figma.scopes": [
717
+ "WIDTH_HEIGHT"
718
+ ]
719
+ },
720
+ "$type": "number",
721
+ "$value": "{spacing.30}"
722
+ }
723
+ }
724
+ },
725
+ "vertical": {
726
+ "active": {
727
+ "small": {
728
+ "$extensions": {
729
+ "com.figma.scopes": [
730
+ "GAP"
731
+ ]
732
+ },
733
+ "$type": "number",
734
+ "$value": "{spacing.70}"
735
+ },
736
+ "medium": {
737
+ "$extensions": {
738
+ "com.figma.scopes": [
739
+ "GAP"
740
+ ]
741
+ },
742
+ "$type": "number",
743
+ "$value": "{spacing.90}"
744
+ }
745
+ },
746
+ "rest": {
747
+ "medium": {
748
+ "$extensions": {
749
+ "com.figma.scopes": [
750
+ "GAP"
751
+ ]
752
+ },
753
+ "$type": "number",
754
+ "$value": "{spacing.60}"
755
+ },
756
+ "small": {
757
+ "$extensions": {
758
+ "com.figma.scopes": [
759
+ "GAP"
760
+ ]
761
+ },
762
+ "$type": "number",
763
+ "$value": "{spacing.40}"
764
+ }
765
+ }
766
+ }
767
+ }
768
+ },
769
+ "borders": {
770
+ "outer-box": {
771
+ "border-radius": {
772
+ "medium": {
773
+ "$extensions": {
774
+ "com.figma.scopes": [
775
+ "CORNER_RADIUS"
776
+ ]
777
+ },
778
+ "$type": "number",
779
+ "$value": "{border-radius.40}"
780
+ },
781
+ "small": {
782
+ "$extensions": {
783
+ "com.figma.scopes": [
784
+ "CORNER_RADIUS"
785
+ ]
786
+ },
787
+ "$type": "number",
788
+ "$value": "{border-radius.40}"
789
+ }
790
+ }
791
+ },
792
+ "trigger": {
793
+ "border-radius": {
794
+ "medium": {
795
+ "$extensions": {
796
+ "com.figma.scopes": [
797
+ "CORNER_RADIUS"
798
+ ]
799
+ },
800
+ "$type": "number",
801
+ "$value": "{border-radius.40}"
802
+ },
803
+ "small": {
804
+ "$extensions": {
805
+ "com.figma.scopes": [
806
+ "CORNER_RADIUS"
807
+ ]
808
+ },
809
+ "$type": "number",
810
+ "$value": "{border-radius.40}"
811
+ }
812
+ }
813
+ }
814
+ }
815
+ },
816
+ "content": {
817
+ "layout": {
818
+ "gap": {
819
+ "small": {
820
+ "$extensions": {
821
+ "com.figma.scopes": [
822
+ "GAP"
823
+ ]
824
+ },
825
+ "$type": "number",
826
+ "$value": "{spacing.80}"
827
+ },
828
+ "medium": {
829
+ "$extensions": {
830
+ "com.figma.scopes": [
831
+ "GAP"
832
+ ]
833
+ },
834
+ "$type": "number",
835
+ "$value": "{spacing.120}"
836
+ }
837
+ },
838
+ "horizontal": {
839
+ "small": {
840
+ "$extensions": {
841
+ "com.figma.scopes": [
842
+ "GAP"
843
+ ]
844
+ },
845
+ "$type": "number",
846
+ "$value": "{spacing.40}"
847
+ },
848
+ "medium": {
849
+ "$extensions": {
850
+ "com.figma.scopes": [
851
+ "GAP"
852
+ ]
853
+ },
854
+ "$type": "number",
855
+ "$value": "{spacing.60}"
856
+ }
857
+ },
858
+ "vertical": {
859
+ "medium": {
860
+ "$extensions": {
861
+ "com.figma.scopes": [
862
+ "GAP"
863
+ ]
864
+ },
865
+ "$type": "number",
866
+ "$value": "{spacing.60}"
867
+ },
868
+ "small": {
869
+ "$extensions": {
870
+ "com.figma.scopes": [
871
+ "GAP"
872
+ ]
873
+ },
874
+ "$type": "number",
875
+ "$value": "{spacing.40}"
876
+ }
877
+ }
878
+ }
879
+ }
880
+ }
881
+ }