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