@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/core/checkbox/fluent.json ADDED
@@ -0,0 +1,812 @@
1
+ {
2
+ "checkbox": {
3
+ "color": {
4
+ "checked": {
5
+ "default": {
6
+ "bg": {
7
+ "rest": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "FRAME_FILL"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.surface.primary.default.rest}"
15
+ },
16
+ "hovered": {
17
+ "$extensions": {
18
+ "com.figma.scopes": [
19
+ "FRAME_FILL"
20
+ ]
21
+ },
22
+ "$type": "color",
23
+ "$value": "{color.surface.primary.default.hovered}"
24
+ },
25
+ "active": {
26
+ "$extensions": {
27
+ "com.figma.scopes": [
28
+ "FRAME_FILL"
29
+ ]
30
+ },
31
+ "$type": "color",
32
+ "$value": "{color.surface.primary.default.active}"
33
+ },
34
+ "read-only": {
35
+ "$extensions": {
36
+ "com.figma.scopes": [
37
+ "FRAME_FILL"
38
+ ]
39
+ },
40
+ "$type": "color",
41
+ "$value": "{color.content.neutral.subdued.disabled}"
42
+ },
43
+ "disabled": {
44
+ "$extensions": {
45
+ "com.figma.scopes": [
46
+ "FRAME_FILL"
47
+ ]
48
+ },
49
+ "$type": "color",
50
+ "$value": "{color.surface.transparent.rest}"
51
+ }
52
+ },
53
+ "border": {
54
+ "rest": {
55
+ "$extensions": {
56
+ "com.figma.scopes": [
57
+ "STROKE_COLOR"
58
+ ]
59
+ },
60
+ "$type": "color",
61
+ "$value": "{color.border.primary.compound.rest}"
62
+ },
63
+ "disabled": {
64
+ "$extensions": {
65
+ "com.figma.scopes": [
66
+ "STROKE_COLOR"
67
+ ]
68
+ },
69
+ "$type": "color",
70
+ "$value": "{color.border.neutral.accessible.disabled}"
71
+ },
72
+ "hovered": {
73
+ "$extensions": {
74
+ "com.figma.scopes": [
75
+ "STROKE_COLOR"
76
+ ]
77
+ },
78
+ "$type": "color",
79
+ "$value": "{color.border.primary.compound.hovered}"
80
+ },
81
+ "active": {
82
+ "$extensions": {
83
+ "com.figma.scopes": [
84
+ "STROKE_COLOR"
85
+ ]
86
+ },
87
+ "$type": "color",
88
+ "$value": "{color.border.primary.compound.active}"
89
+ },
90
+ "read-only": {
91
+ "$extensions": {
92
+ "com.figma.scopes": [
93
+ "STROKE_COLOR"
94
+ ]
95
+ },
96
+ "$type": "color",
97
+ "$value": "{color.border.neutral.accessible.disabled}"
98
+ }
99
+ },
100
+ "icon": {
101
+ "rest": {
102
+ "$extensions": {
103
+ "com.figma.scopes": [
104
+ "SHAPE_FILL"
105
+ ]
106
+ },
107
+ "$type": "color",
108
+ "$value": "{color.content.neutral.default.inverted.rest}"
109
+ },
110
+ "disabled": {
111
+ "$extensions": {
112
+ "com.figma.scopes": [
113
+ "SHAPE_FILL"
114
+ ]
115
+ },
116
+ "$type": "color",
117
+ "$value": "{color.content.neutral.default.disabled}"
118
+ }
119
+ }
120
+ },
121
+ "on-surface": {
122
+ "bg": {
123
+ "rest": {
124
+ "$extensions": {
125
+ "com.figma.scopes": [
126
+ "FRAME_FILL"
127
+ ]
128
+ },
129
+ "$type": "color",
130
+ "$value": "{color.surface.neutral.default.on-surface.rest}"
131
+ },
132
+ "read-only": {
133
+ "$extensions": {
134
+ "com.figma.scopes": [
135
+ "FRAME_FILL"
136
+ ]
137
+ },
138
+ "$type": "color",
139
+ "$value": "{color.content.neutral.subdued.disabled}"
140
+ },
141
+ "disabled": {
142
+ "$extensions": {
143
+ "com.figma.scopes": [
144
+ "FRAME_FILL"
145
+ ]
146
+ },
147
+ "$type": "color",
148
+ "$value": "{color.surface.transparent.rest}"
149
+ }
150
+ },
151
+ "border": {
152
+ "rest": {
153
+ "$extensions": {
154
+ "com.figma.scopes": [
155
+ "STROKE_COLOR"
156
+ ]
157
+ },
158
+ "$type": "color",
159
+ "$value": "{color.border.neutral.compound.on-surface.rest}"
160
+ },
161
+ "disabled": {
162
+ "$extensions": {
163
+ "com.figma.scopes": [
164
+ "STROKE_COLOR"
165
+ ]
166
+ },
167
+ "$type": "color",
168
+ "$value": "{color.border.neutral.compound.on-surface.disabled}"
169
+ },
170
+ "read-only": {
171
+ "$extensions": {
172
+ "com.figma.scopes": [
173
+ "STROKE_COLOR"
174
+ ]
175
+ },
176
+ "$type": "color",
177
+ "$value": "{color.border.neutral.accessible.disabled}"
178
+ }
179
+ },
180
+ "icon": {
181
+ "rest": {
182
+ "$extensions": {
183
+ "com.figma.scopes": [
184
+ "SHAPE_FILL"
185
+ ]
186
+ },
187
+ "$type": "color",
188
+ "$value": "{color.content.primary.default.rest}"
189
+ },
190
+ "disabled": {
191
+ "$extensions": {
192
+ "com.figma.scopes": [
193
+ "SHAPE_FILL"
194
+ ]
195
+ },
196
+ "$type": "color",
197
+ "$value": "{color.content.neutral.compound.on-surface.disabled}"
198
+ },
199
+ "read-only": {
200
+ "$extensions": {
201
+ "com.figma.scopes": [
202
+ "SHAPE_FILL"
203
+ ]
204
+ },
205
+ "$type": "color",
206
+ "$value": "{color.content.neutral.default.on-surface.rest}"
207
+ }
208
+ }
209
+ }
210
+ },
211
+ "unchecked": {
212
+ "default": {
213
+ "bg": {
214
+ "rest": {
215
+ "$extensions": {
216
+ "com.figma.scopes": [
217
+ "FRAME_FILL"
218
+ ]
219
+ },
220
+ "$type": "color",
221
+ "$value": "{color.surface.transparent.rest}"
222
+ }
223
+ },
224
+ "border": {
225
+ "rest": {
226
+ "$extensions": {
227
+ "com.figma.scopes": [
228
+ "STROKE_COLOR"
229
+ ]
230
+ },
231
+ "$type": "color",
232
+ "$value": "{color.border.neutral.accessible.rest}"
233
+ },
234
+ "hovered": {
235
+ "$extensions": {
236
+ "com.figma.scopes": [
237
+ "STROKE_COLOR"
238
+ ]
239
+ },
240
+ "$type": "color",
241
+ "$value": "{color.border.neutral.accessible.hovered}"
242
+ },
243
+ "active": {
244
+ "$extensions": {
245
+ "com.figma.scopes": [
246
+ "STROKE_COLOR"
247
+ ]
248
+ },
249
+ "$type": "color",
250
+ "$value": "{color.border.neutral.accessible.active}"
251
+ },
252
+ "read-only": {
253
+ "$extensions": {
254
+ "com.figma.scopes": [
255
+ "STROKE_COLOR"
256
+ ]
257
+ },
258
+ "$type": "color",
259
+ "$value": "{color.border.neutral.accessible.disabled}"
260
+ },
261
+ "disabled": {
262
+ "$extensions": {
263
+ "com.figma.scopes": [
264
+ "STROKE_COLOR"
265
+ ]
266
+ },
267
+ "$type": "color",
268
+ "$value": "{color.border.neutral.accessible.disabled}"
269
+ }
270
+ },
271
+ "icon": {
272
+ "rest": {
273
+ "$extensions": {
274
+ "com.figma.scopes": [
275
+ "SHAPE_FILL"
276
+ ]
277
+ },
278
+ "$type": "color",
279
+ "$value": "{color.content.transparent.rest}"
280
+ }
281
+ }
282
+ },
283
+ "on-surface": {
284
+ "bg": {
285
+ "rest": {
286
+ "$extensions": {
287
+ "com.figma.scopes": [
288
+ "FRAME_FILL"
289
+ ]
290
+ },
291
+ "$type": "color",
292
+ "$value": "{color.surface.transparent.rest}"
293
+ }
294
+ },
295
+ "border": {
296
+ "rest": {
297
+ "$extensions": {
298
+ "com.figma.scopes": [
299
+ "STROKE_COLOR"
300
+ ]
301
+ },
302
+ "$type": "color",
303
+ "$value": "{color.border.neutral.compound.on-surface.rest}"
304
+ },
305
+ "read-only": {
306
+ "$extensions": {
307
+ "com.figma.scopes": [
308
+ "STROKE_COLOR"
309
+ ]
310
+ },
311
+ "$type": "color",
312
+ "$value": "{color.border.neutral.compound.on-surface.disabled}"
313
+ },
314
+ "disabled": {
315
+ "$extensions": {
316
+ "com.figma.scopes": [
317
+ "STROKE_COLOR"
318
+ ]
319
+ },
320
+ "$type": "color",
321
+ "$value": "{color.border.neutral.compound.on-surface.disabled}"
322
+ }
323
+ },
324
+ "icon": {
325
+ "rest": {
326
+ "$extensions": {
327
+ "com.figma.scopes": [
328
+ "SHAPE_FILL"
329
+ ]
330
+ },
331
+ "$type": "color",
332
+ "$value": "{color.content.transparent.rest}"
333
+ }
334
+ }
335
+ }
336
+ },
337
+ "indeterminate": {
338
+ "default": {
339
+ "bg": {
340
+ "rest": {
341
+ "$extensions": {
342
+ "com.figma.scopes": [
343
+ "FRAME_FILL"
344
+ ]
345
+ },
346
+ "$type": "color",
347
+ "$value": "{color.surface.transparent.rest}"
348
+ },
349
+ "read-only": {
350
+ "$extensions": {
351
+ "com.figma.scopes": [
352
+ "FRAME_FILL"
353
+ ]
354
+ },
355
+ "$type": "color",
356
+ "$value": "{color.surface.neutral.default.rest}"
357
+ }
358
+ },
359
+ "border": {
360
+ "rest": {
361
+ "$extensions": {
362
+ "com.figma.scopes": [
363
+ "STROKE_COLOR"
364
+ ]
365
+ },
366
+ "$type": "color",
367
+ "$value": "{color.border.primary.compound.rest}"
368
+ },
369
+ "hovered": {
370
+ "$extensions": {
371
+ "com.figma.scopes": [
372
+ "STROKE_COLOR"
373
+ ]
374
+ },
375
+ "$type": "color",
376
+ "$value": "{color.border.primary.compound.hovered}"
377
+ },
378
+ "active": {
379
+ "$extensions": {
380
+ "com.figma.scopes": [
381
+ "STROKE_COLOR"
382
+ ]
383
+ },
384
+ "$type": "color",
385
+ "$value": "{color.border.primary.compound.active}"
386
+ },
387
+ "read-only": {
388
+ "$extensions": {
389
+ "com.figma.scopes": [
390
+ "STROKE_COLOR"
391
+ ]
392
+ },
393
+ "$type": "color",
394
+ "$value": "{color.border.neutral.accessible.disabled}"
395
+ },
396
+ "disabled": {
397
+ "$extensions": {
398
+ "com.figma.scopes": [
399
+ "STROKE_COLOR"
400
+ ]
401
+ },
402
+ "$type": "color",
403
+ "$value": "{color.border.neutral.accessible.disabled}"
404
+ }
405
+ },
406
+ "icon": {
407
+ "rest": {
408
+ "$extensions": {
409
+ "com.figma.scopes": [
410
+ "SHAPE_FILL"
411
+ ]
412
+ },
413
+ "$type": "color",
414
+ "$value": "{color.content.primary.compound.rest}"
415
+ },
416
+ "hovered": {
417
+ "$extensions": {
418
+ "com.figma.scopes": [
419
+ "SHAPE_FILL"
420
+ ]
421
+ },
422
+ "$type": "color",
423
+ "$value": "{color.content.primary.compound.hovered}"
424
+ },
425
+ "active": {
426
+ "$extensions": {
427
+ "com.figma.scopes": [
428
+ "SHAPE_FILL"
429
+ ]
430
+ },
431
+ "$type": "color",
432
+ "$value": "{color.content.primary.compound.active}"
433
+ },
434
+ "disabled": {
435
+ "$extensions": {
436
+ "com.figma.scopes": [
437
+ "SHAPE_FILL"
438
+ ]
439
+ },
440
+ "$type": "color",
441
+ "$value": "{color.content.neutral.default.disabled}"
442
+ }
443
+ }
444
+ },
445
+ "on-surface": {
446
+ "bg": {
447
+ "rest": {
448
+ "$extensions": {
449
+ "com.figma.scopes": [
450
+ "FRAME_FILL"
451
+ ]
452
+ },
453
+ "$type": "color",
454
+ "$value": "{color.surface.transparent.rest}"
455
+ }
456
+ },
457
+ "border": {
458
+ "rest": {
459
+ "$extensions": {
460
+ "com.figma.scopes": [
461
+ "STROKE_COLOR"
462
+ ]
463
+ },
464
+ "$type": "color",
465
+ "$value": "{color.border.neutral.compound.on-surface.rest}"
466
+ },
467
+ "read-only": {
468
+ "$extensions": {
469
+ "com.figma.scopes": [
470
+ "STROKE_COLOR"
471
+ ]
472
+ },
473
+ "$type": "color",
474
+ "$value": "{color.border.neutral.compound.on-surface.disabled}"
475
+ },
476
+ "disabled": {
477
+ "$extensions": {
478
+ "com.figma.scopes": [
479
+ "STROKE_COLOR"
480
+ ]
481
+ },
482
+ "$type": "color",
483
+ "$value": "{color.border.neutral.compound.on-surface.disabled}"
484
+ }
485
+ },
486
+ "icon": {
487
+ "rest": {
488
+ "$extensions": {
489
+ "com.figma.scopes": [
490
+ "SHAPE_FILL"
491
+ ]
492
+ },
493
+ "$type": "color",
494
+ "$value": "{color.content.neutral.default.on-surface.rest}"
495
+ },
496
+ "disabled": {
497
+ "$extensions": {
498
+ "com.figma.scopes": [
499
+ "SHAPE_FILL"
500
+ ]
501
+ },
502
+ "$type": "color",
503
+ "$value": "{color.content.neutral.default.on-surface.disabled}"
504
+ }
505
+ }
506
+ }
507
+ }
508
+ },
509
+ "layout": {
510
+ "checkbox": {
511
+ "horizontal": {
512
+ "small": {
513
+ "$extensions": {
514
+ "com.figma.scopes": [
515
+ "GAP"
516
+ ]
517
+ },
518
+ "$type": "number",
519
+ "$value": "{spacing.10}"
520
+ },
521
+ "medium": {
522
+ "$extensions": {
523
+ "com.figma.scopes": [
524
+ "GAP"
525
+ ]
526
+ },
527
+ "$type": "number",
528
+ "$value": "{spacing.10}"
529
+ },
530
+ "large": {
531
+ "$extensions": {
532
+ "com.figma.scopes": [
533
+ "GAP"
534
+ ]
535
+ },
536
+ "$type": "number",
537
+ "$value": "{spacing.10}"
538
+ }
539
+ },
540
+ "vertical": {
541
+ "small": {
542
+ "$extensions": {
543
+ "com.figma.scopes": [
544
+ "GAP"
545
+ ]
546
+ },
547
+ "$type": "number",
548
+ "$value": "{spacing.10}"
549
+ },
550
+ "medium": {
551
+ "$extensions": {
552
+ "com.figma.scopes": [
553
+ "GAP"
554
+ ]
555
+ },
556
+ "$type": "number",
557
+ "$value": "{spacing.10}"
558
+ },
559
+ "large": {
560
+ "$extensions": {
561
+ "com.figma.scopes": [
562
+ "GAP"
563
+ ]
564
+ },
565
+ "$type": "number",
566
+ "$value": "{spacing.10}"
567
+ }
568
+ }
569
+ },
570
+ "inner-box": {
571
+ "vertical": {
572
+ "small": {
573
+ "$extensions": {
574
+ "com.figma.scopes": [
575
+ "GAP"
576
+ ]
577
+ },
578
+ "$type": "number",
579
+ "$value": "{spacing.0}"
580
+ },
581
+ "medium": {
582
+ "$extensions": {
583
+ "com.figma.scopes": [
584
+ "GAP"
585
+ ]
586
+ },
587
+ "$type": "number",
588
+ "$value": "{spacing.0}"
589
+ },
590
+ "large": {
591
+ "$extensions": {
592
+ "com.figma.scopes": [
593
+ "GAP"
594
+ ]
595
+ },
596
+ "$type": "number",
597
+ "$value": "{spacing.0}"
598
+ }
599
+ },
600
+ "horizontal": {
601
+ "small": {
602
+ "$extensions": {
603
+ "com.figma.scopes": [
604
+ "GAP"
605
+ ]
606
+ },
607
+ "$type": "number",
608
+ "$value": "{spacing.0}"
609
+ },
610
+ "medium": {
611
+ "$extensions": {
612
+ "com.figma.scopes": [
613
+ "GAP"
614
+ ]
615
+ },
616
+ "$type": "number",
617
+ "$value": "{spacing.0}"
618
+ },
619
+ "large": {
620
+ "$extensions": {
621
+ "com.figma.scopes": [
622
+ "GAP"
623
+ ]
624
+ },
625
+ "$type": "number",
626
+ "$value": "{spacing.0}"
627
+ }
628
+ }
629
+ },
630
+ "outer-box": {
631
+ "horizontal": {
632
+ "small": {
633
+ "$extensions": {
634
+ "com.figma.scopes": [
635
+ "GAP"
636
+ ]
637
+ },
638
+ "$type": "number",
639
+ "$value": "{spacing.40}"
640
+ },
641
+ "medium": {
642
+ "$extensions": {
643
+ "com.figma.scopes": [
644
+ "GAP"
645
+ ]
646
+ },
647
+ "$type": "number",
648
+ "$value": "{spacing.80}"
649
+ },
650
+ "large": {
651
+ "$extensions": {
652
+ "com.figma.scopes": [
653
+ "GAP"
654
+ ]
655
+ },
656
+ "$type": "number",
657
+ "$value": "{spacing.100}"
658
+ }
659
+ },
660
+ "gap": {
661
+ "small": {
662
+ "$extensions": {
663
+ "com.figma.scopes": [
664
+ "GAP"
665
+ ]
666
+ },
667
+ "$type": "number",
668
+ "$value": "{spacing.80}"
669
+ },
670
+ "medium": {
671
+ "$extensions": {
672
+ "com.figma.scopes": [
673
+ "GAP"
674
+ ]
675
+ },
676
+ "$type": "number",
677
+ "$value": "{spacing.80}"
678
+ },
679
+ "large": {
680
+ "$extensions": {
681
+ "com.figma.scopes": [
682
+ "GAP"
683
+ ]
684
+ },
685
+ "$type": "number",
686
+ "$value": "{spacing.120}"
687
+ }
688
+ },
689
+ "vertical": {
690
+ "small": {
691
+ "$extensions": {
692
+ "com.figma.scopes": [
693
+ "GAP"
694
+ ]
695
+ },
696
+ "$type": "number",
697
+ "$value": "{spacing.40}"
698
+ },
699
+ "medium": {
700
+ "$extensions": {
701
+ "com.figma.scopes": [
702
+ "GAP"
703
+ ]
704
+ },
705
+ "$type": "number",
706
+ "$value": "{spacing.80}"
707
+ },
708
+ "large": {
709
+ "$extensions": {
710
+ "com.figma.scopes": [
711
+ "GAP"
712
+ ]
713
+ },
714
+ "$type": "number",
715
+ "$value": "{spacing.100}"
716
+ }
717
+ }
718
+ },
719
+ "text-box": {
720
+ "height": {
721
+ "medium": {
722
+ "$extensions": {
723
+ "com.figma.scopes": [
724
+ "WIDTH_HEIGHT"
725
+ ]
726
+ },
727
+ "$type": "number",
728
+ "$value": "{spacing.160}"
729
+ },
730
+ "large": {
731
+ "$extensions": {
732
+ "com.figma.scopes": [
733
+ "WIDTH_HEIGHT"
734
+ ]
735
+ },
736
+ "$type": "number",
737
+ "$value": "{spacing.200}"
738
+ },
739
+ "small": {
740
+ "$extensions": {
741
+ "com.figma.scopes": [
742
+ "WIDTH_HEIGHT"
743
+ ]
744
+ },
745
+ "$type": "number",
746
+ "$value": "{spacing.160}"
747
+ }
748
+ }
749
+ }
750
+ },
751
+ "borders": {
752
+ "border-radius": {
753
+ "small": {
754
+ "$extensions": {
755
+ "com.figma.scopes": [
756
+ "CORNER_RADIUS"
757
+ ]
758
+ },
759
+ "$type": "number",
760
+ "$value": "{border-radius.20}"
761
+ },
762
+ "medium": {
763
+ "$extensions": {
764
+ "com.figma.scopes": [
765
+ "CORNER_RADIUS"
766
+ ]
767
+ },
768
+ "$type": "number",
769
+ "$value": "{border-radius.20}"
770
+ },
771
+ "large": {
772
+ "$extensions": {
773
+ "com.figma.scopes": [
774
+ "CORNER_RADIUS"
775
+ ]
776
+ },
777
+ "$type": "number",
778
+ "$value": "{border-radius.20}"
779
+ }
780
+ },
781
+ "border-width": {
782
+ "small": {
783
+ "$extensions": {
784
+ "com.figma.scopes": [
785
+ "STROKE_FLOAT"
786
+ ]
787
+ },
788
+ "$type": "number",
789
+ "$value": "{border-width.10}"
790
+ },
791
+ "medium": {
792
+ "$extensions": {
793
+ "com.figma.scopes": [
794
+ "STROKE_FLOAT"
795
+ ]
796
+ },
797
+ "$type": "number",
798
+ "$value": "{border-width.10}"
799
+ },
800
+ "large": {
801
+ "$extensions": {
802
+ "com.figma.scopes": [
803
+ "STROKE_FLOAT"
804
+ ]
805
+ },
806
+ "$type": "number",
807
+ "$value": "{border-width.10}"
808
+ }
809
+ }
810
+ }
811
+ }
812
+ }