@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/form-layout/fluent.json ADDED
@@ -0,0 +1,1103 @@
1
+ {
2
+ "form-layout": {
3
+ "collapse-button": {
4
+ "color": {
5
+ "normal": {
6
+ "bg": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "FRAME_FILL"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.surface.neutral.default.rest}"
14
+ },
15
+ "icon": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "SHAPE_FILL"
19
+ ]
20
+ },
21
+ "$type": "color",
22
+ "$value": "{color.content.neutral.default.rest}"
23
+ }
24
+ },
25
+ "focused": {
26
+ "bg": {
27
+ "$extensions": {
28
+ "com.figma.scopes": [
29
+ "FRAME_FILL"
30
+ ]
31
+ },
32
+ "$type": "color",
33
+ "$value": "{color.surface.neutral.default.rest}"
34
+ },
35
+ "icon": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "SHAPE_FILL"
39
+ ]
40
+ },
41
+ "$type": "color",
42
+ "$value": "{color.content.neutral.default.rest}"
43
+ },
44
+ "frame": {
45
+ "$extensions": {
46
+ "com.figma.scopes": [
47
+ "STROKE_COLOR"
48
+ ]
49
+ },
50
+ "$type": "color",
51
+ "$value": "{color.theme-builder.focus}"
52
+ }
53
+ },
54
+ "disabled": {
55
+ "bg": {
56
+ "$extensions": {
57
+ "com.figma.scopes": [
58
+ "FRAME_FILL"
59
+ ]
60
+ },
61
+ "$type": "color",
62
+ "$value": "{color.surface.transparent.rest}"
63
+ },
64
+ "icon": {
65
+ "$extensions": {
66
+ "com.figma.scopes": [
67
+ "SHAPE_FILL"
68
+ ]
69
+ },
70
+ "$type": "color",
71
+ "$value": "{color.content.neutral.default.disabled}"
72
+ }
73
+ },
74
+ "hover": {
75
+ "icon": {
76
+ "$extensions": {
77
+ "com.figma.scopes": [
78
+ "SHAPE_FILL"
79
+ ]
80
+ },
81
+ "$type": "color",
82
+ "$value": "{color.content.neutral.default.hovered}"
83
+ },
84
+ "bg": {
85
+ "$extensions": {
86
+ "com.figma.scopes": [
87
+ "FRAME_FILL"
88
+ ]
89
+ },
90
+ "$type": "color",
91
+ "$value": "{color.surface.neutral.default.hovered}"
92
+ }
93
+ },
94
+ "active": {
95
+ "bg": {
96
+ "$extensions": {
97
+ "com.figma.scopes": [
98
+ "FRAME_FILL"
99
+ ]
100
+ },
101
+ "$type": "color",
102
+ "$value": "{color.surface.neutral.default.rest}"
103
+ },
104
+ "icon": {
105
+ "$extensions": {
106
+ "com.figma.scopes": [
107
+ "SHAPE_FILL"
108
+ ]
109
+ },
110
+ "$type": "color",
111
+ "$value": "{color.content.neutral.default.rest}"
112
+ }
113
+ }
114
+ },
115
+ "icon": {
116
+ "style": {
117
+ "default": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "ALL_SCOPES"
121
+ ]
122
+ },
123
+ "$type": "text",
124
+ "$value": "{icon.style.regular}"
125
+ }
126
+ },
127
+ "size": {
128
+ "large": {
129
+ "$extensions": {
130
+ "com.figma.scopes": [
131
+ "ALL_SCOPES"
132
+ ]
133
+ },
134
+ "$type": "number",
135
+ "$value": "{icon.size.24px}"
136
+ },
137
+ "small": {
138
+ "$extensions": {
139
+ "com.figma.scopes": [
140
+ "ALL_SCOPES"
141
+ ]
142
+ },
143
+ "$type": "number",
144
+ "$value": "{icon.size.16px}"
145
+ },
146
+ "medium": {
147
+ "$extensions": {
148
+ "com.figma.scopes": [
149
+ "ALL_SCOPES"
150
+ ]
151
+ },
152
+ "$type": "number",
153
+ "$value": "{icon.size.20px}"
154
+ }
155
+ }
156
+ },
157
+ "layout": {
158
+ "icon-wrapper": {
159
+ "medium": {
160
+ "$extensions": {
161
+ "com.figma.scopes": [
162
+ "WIDTH_HEIGHT"
163
+ ]
164
+ },
165
+ "$type": "number",
166
+ "$value": "{spacing.200}"
167
+ },
168
+ "large": {
169
+ "$extensions": {
170
+ "com.figma.scopes": [
171
+ "WIDTH_HEIGHT"
172
+ ]
173
+ },
174
+ "$type": "number",
175
+ "$value": "{spacing.240}"
176
+ },
177
+ "small": {
178
+ "$extensions": {
179
+ "com.figma.scopes": [
180
+ "WIDTH_HEIGHT"
181
+ ]
182
+ },
183
+ "$type": "number",
184
+ "$value": "{spacing.160}"
185
+ }
186
+ },
187
+ "button": {
188
+ "small": {
189
+ "vertical": {
190
+ "$extensions": {
191
+ "com.figma.scopes": [
192
+ "GAP"
193
+ ]
194
+ },
195
+ "$type": "number",
196
+ "$value": "{spacing.40}"
197
+ },
198
+ "horizontal": {
199
+ "$extensions": {
200
+ "com.figma.scopes": [
201
+ "GAP"
202
+ ]
203
+ },
204
+ "$type": "number",
205
+ "$value": "{spacing.40}"
206
+ }
207
+ },
208
+ "large": {
209
+ "vertical": {
210
+ "$extensions": {
211
+ "com.figma.scopes": [
212
+ "GAP"
213
+ ]
214
+ },
215
+ "$type": "number",
216
+ "$value": "{spacing.80}"
217
+ },
218
+ "horizontal": {
219
+ "$extensions": {
220
+ "com.figma.scopes": [
221
+ "GAP"
222
+ ]
223
+ },
224
+ "$type": "number",
225
+ "$value": "{spacing.80}"
226
+ }
227
+ },
228
+ "medium": {
229
+ "vertical": {
230
+ "$extensions": {
231
+ "com.figma.scopes": [
232
+ "GAP"
233
+ ]
234
+ },
235
+ "$type": "number",
236
+ "$value": "{spacing.60}"
237
+ },
238
+ "horizontal": {
239
+ "$extensions": {
240
+ "com.figma.scopes": [
241
+ "GAP"
242
+ ]
243
+ },
244
+ "$type": "number",
245
+ "$value": "{spacing.60}"
246
+ }
247
+ }
248
+ }
249
+ },
250
+ "border-radius": {
251
+ "small": {
252
+ "$extensions": {
253
+ "com.figma.scopes": [
254
+ "CORNER_RADIUS"
255
+ ]
256
+ },
257
+ "$type": "number",
258
+ "$value": "{border-radius.full}"
259
+ },
260
+ "medium": {
261
+ "$extensions": {
262
+ "com.figma.scopes": [
263
+ "CORNER_RADIUS"
264
+ ]
265
+ },
266
+ "$type": "number",
267
+ "$value": "{border-radius.full}"
268
+ },
269
+ "large": {
270
+ "$extensions": {
271
+ "com.figma.scopes": [
272
+ "CORNER_RADIUS"
273
+ ]
274
+ },
275
+ "$type": "number",
276
+ "$value": "{border-radius.full}"
277
+ }
278
+ },
279
+ "border-width": {
280
+ "focused-frame": {
281
+ "$extensions": {
282
+ "com.figma.scopes": [
283
+ "STROKE_FLOAT"
284
+ ]
285
+ },
286
+ "$type": "number",
287
+ "$value": "{border-width.theme-builder.focus}"
288
+ }
289
+ }
290
+ },
291
+ "form-layout": {
292
+ "color": {
293
+ "group": {
294
+ "bg": {
295
+ "$extensions": {
296
+ "com.figma.scopes": [
297
+ "FRAME_FILL"
298
+ ]
299
+ },
300
+ "$type": "color",
301
+ "$value": "{color.surface.transparent.rest}"
302
+ }
303
+ }
304
+ },
305
+ "layout": {
306
+ "group": {
307
+ "horizontal-group-spacing": {
308
+ "large": {
309
+ "$extensions": {
310
+ "com.figma.scopes": [
311
+ "WIDTH_HEIGHT"
312
+ ]
313
+ },
314
+ "$type": "number",
315
+ "$value": "{spacing.400}"
316
+ },
317
+ "medium": {
318
+ "$extensions": {
319
+ "com.figma.scopes": [
320
+ "WIDTH_HEIGHT"
321
+ ]
322
+ },
323
+ "$type": "number",
324
+ "$value": "{spacing.320}"
325
+ },
326
+ "small": {
327
+ "$extensions": {
328
+ "com.figma.scopes": [
329
+ "WIDTH_HEIGHT"
330
+ ]
331
+ },
332
+ "$type": "number",
333
+ "$value": "{spacing.240}"
334
+ }
335
+ },
336
+ "vertical-group-spacing": {
337
+ "small": {
338
+ "$extensions": {
339
+ "com.figma.scopes": [
340
+ "WIDTH_HEIGHT"
341
+ ]
342
+ },
343
+ "$type": "number",
344
+ "$value": "{spacing.160}"
345
+ },
346
+ "medium": {
347
+ "$extensions": {
348
+ "com.figma.scopes": [
349
+ "WIDTH_HEIGHT"
350
+ ]
351
+ },
352
+ "$type": "number",
353
+ "$value": "{spacing.240}"
354
+ },
355
+ "large": {
356
+ "$extensions": {
357
+ "com.figma.scopes": [
358
+ "WIDTH_HEIGHT"
359
+ ]
360
+ },
361
+ "$type": "number",
362
+ "$value": "{spacing.320}"
363
+ }
364
+ },
365
+ "body-content": {
366
+ "small": {
367
+ "bottom": {
368
+ "$extensions": {
369
+ "com.figma.scopes": [
370
+ "GAP"
371
+ ]
372
+ },
373
+ "$type": "number",
374
+ "$value": "{spacing.0}"
375
+ },
376
+ "top": {
377
+ "$extensions": {
378
+ "com.figma.scopes": [
379
+ "GAP"
380
+ ]
381
+ },
382
+ "$type": "number",
383
+ "$value": "{spacing.80}"
384
+ },
385
+ "horizontal": {
386
+ "$extensions": {
387
+ "com.figma.scopes": [
388
+ "GAP"
389
+ ]
390
+ },
391
+ "$type": "number",
392
+ "$value": "{spacing.0}"
393
+ }
394
+ },
395
+ "large": {
396
+ "top": {
397
+ "$extensions": {
398
+ "com.figma.scopes": [
399
+ "GAP"
400
+ ]
401
+ },
402
+ "$type": "number",
403
+ "$value": "{spacing.160}"
404
+ },
405
+ "bottom": {
406
+ "$extensions": {
407
+ "com.figma.scopes": [
408
+ "GAP"
409
+ ]
410
+ },
411
+ "$type": "number",
412
+ "$value": "{spacing.0}"
413
+ },
414
+ "horizontal": {
415
+ "$extensions": {
416
+ "com.figma.scopes": [
417
+ "GAP"
418
+ ]
419
+ },
420
+ "$type": "number",
421
+ "$value": "{spacing.0}"
422
+ }
423
+ },
424
+ "medium": {
425
+ "bottom": {
426
+ "$extensions": {
427
+ "com.figma.scopes": [
428
+ "GAP"
429
+ ]
430
+ },
431
+ "$type": "number",
432
+ "$value": "{spacing.0}"
433
+ },
434
+ "top": {
435
+ "$extensions": {
436
+ "com.figma.scopes": [
437
+ "GAP"
438
+ ]
439
+ },
440
+ "$type": "number",
441
+ "$value": "{spacing.120}"
442
+ },
443
+ "horizontal": {
444
+ "$extensions": {
445
+ "com.figma.scopes": [
446
+ "GAP"
447
+ ]
448
+ },
449
+ "$type": "number",
450
+ "$value": "{spacing.0}"
451
+ }
452
+ }
453
+ }
454
+ }
455
+ }
456
+ },
457
+ "caption": {
458
+ "color": {
459
+ "normal": {
460
+ "text": {
461
+ "$extensions": {
462
+ "com.figma.scopes": [
463
+ "TEXT_FILL"
464
+ ]
465
+ },
466
+ "$type": "color",
467
+ "$value": "{color.content.neutral.default.rest}"
468
+ }
469
+ },
470
+ "empty": {
471
+ "text": {
472
+ "$extensions": {
473
+ "com.figma.scopes": [
474
+ "TEXT_FILL"
475
+ ]
476
+ },
477
+ "$type": "color",
478
+ "$value": "{color.content.transparent.rest}"
479
+ }
480
+ }
481
+ },
482
+ "typography": {
483
+ "medium": {
484
+ "font-family": {
485
+ "$extensions": {
486
+ "com.figma.scopes": [
487
+ "FONT_FAMILY"
488
+ ]
489
+ },
490
+ "$type": "text",
491
+ "$value": "{font-family.sans-serif}"
492
+ },
493
+ "line-height": {
494
+ "$extensions": {
495
+ "com.figma.scopes": [
496
+ "LINE_HEIGHT"
497
+ ]
498
+ },
499
+ "$type": "number",
500
+ "$value": "{line-height.body-1}"
501
+ },
502
+ "font-size": {
503
+ "$extensions": {
504
+ "com.figma.scopes": [
505
+ "FONT_SIZE"
506
+ ]
507
+ },
508
+ "$type": "number",
509
+ "$value": "{font-size.body-1}"
510
+ },
511
+ "font-weight": {
512
+ "$extensions": {
513
+ "com.figma.scopes": [
514
+ "FONT_WEIGHT"
515
+ ]
516
+ },
517
+ "$type": "number",
518
+ "$value": "{font-weight.body-1}"
519
+ }
520
+ },
521
+ "small": {
522
+ "font-family": {
523
+ "$extensions": {
524
+ "com.figma.scopes": [
525
+ "FONT_FAMILY"
526
+ ]
527
+ },
528
+ "$type": "text",
529
+ "$value": "{font-family.sans-serif}"
530
+ },
531
+ "font-weight": {
532
+ "$extensions": {
533
+ "com.figma.scopes": [
534
+ "FONT_WEIGHT"
535
+ ]
536
+ },
537
+ "$type": "number",
538
+ "$value": "{font-weight.caption-1}"
539
+ },
540
+ "line-height": {
541
+ "$extensions": {
542
+ "com.figma.scopes": [
543
+ "LINE_HEIGHT"
544
+ ]
545
+ },
546
+ "$type": "number",
547
+ "$value": "{line-height.caption-1}"
548
+ },
549
+ "font-size": {
550
+ "$extensions": {
551
+ "com.figma.scopes": [
552
+ "FONT_SIZE"
553
+ ]
554
+ },
555
+ "$type": "number",
556
+ "$value": "{font-size.caption-1}"
557
+ }
558
+ },
559
+ "large": {
560
+ "font-family": {
561
+ "$extensions": {
562
+ "com.figma.scopes": [
563
+ "FONT_FAMILY"
564
+ ]
565
+ },
566
+ "$type": "text",
567
+ "$value": "{font-family.sans-serif}"
568
+ },
569
+ "font-size": {
570
+ "$extensions": {
571
+ "com.figma.scopes": [
572
+ "FONT_SIZE"
573
+ ]
574
+ },
575
+ "$type": "number",
576
+ "$value": "{font-size.subtitle-2}"
577
+ },
578
+ "font-weight": {
579
+ "$extensions": {
580
+ "com.figma.scopes": [
581
+ "FONT_WEIGHT"
582
+ ]
583
+ },
584
+ "$type": "number",
585
+ "$value": "{font-weight.subtitle-2}"
586
+ },
587
+ "line-height": {
588
+ "$extensions": {
589
+ "com.figma.scopes": [
590
+ "LINE_HEIGHT"
591
+ ]
592
+ },
593
+ "$type": "number",
594
+ "$value": "{line-height.subtitle-2}"
595
+ }
596
+ }
597
+ },
598
+ "layout": {
599
+ "text-box": {
600
+ "medium": {
601
+ "vertical": {
602
+ "$extensions": {
603
+ "com.figma.scopes": [
604
+ "GAP"
605
+ ]
606
+ },
607
+ "$type": "number",
608
+ "$value": "{spacing.0}"
609
+ }
610
+ },
611
+ "large": {
612
+ "vertical": {
613
+ "$extensions": {
614
+ "com.figma.scopes": [
615
+ "GAP"
616
+ ]
617
+ },
618
+ "$type": "number",
619
+ "$value": "{spacing.10}"
620
+ }
621
+ },
622
+ "small": {
623
+ "vertical": {
624
+ "$extensions": {
625
+ "com.figma.scopes": [
626
+ "GAP"
627
+ ]
628
+ },
629
+ "$type": "number",
630
+ "$value": "{spacing.0}"
631
+ }
632
+ }
633
+ }
634
+ }
635
+ },
636
+ "form-layout-group-header": {
637
+ "color": {
638
+ "text": {
639
+ "$extensions": {
640
+ "com.figma.scopes": [
641
+ "TEXT_FILL"
642
+ ]
643
+ },
644
+ "$type": "color",
645
+ "$value": "{color.content.neutral.default.rest}"
646
+ }
647
+ },
648
+ "typography": {
649
+ "medium": {
650
+ "font-family": {
651
+ "$extensions": {
652
+ "com.figma.scopes": [
653
+ "FONT_FAMILY"
654
+ ]
655
+ },
656
+ "$type": "text",
657
+ "$value": "{font-family.sans-serif}"
658
+ },
659
+ "font-size": {
660
+ "$extensions": {
661
+ "com.figma.scopes": [
662
+ "FONT_SIZE"
663
+ ]
664
+ },
665
+ "$type": "number",
666
+ "$value": "{font-size.body-1-strong}"
667
+ },
668
+ "font-weight": {
669
+ "$extensions": {
670
+ "com.figma.scopes": [
671
+ "FONT_WEIGHT"
672
+ ]
673
+ },
674
+ "$type": "number",
675
+ "$value": "{font-weight.body-1-strong}"
676
+ },
677
+ "line-height": {
678
+ "$extensions": {
679
+ "com.figma.scopes": [
680
+ "LINE_HEIGHT"
681
+ ]
682
+ },
683
+ "$type": "number",
684
+ "$value": "{line-height.body-1-strong}"
685
+ }
686
+ },
687
+ "large": {
688
+ "font-family": {
689
+ "$extensions": {
690
+ "com.figma.scopes": [
691
+ "FONT_FAMILY"
692
+ ]
693
+ },
694
+ "$type": "text",
695
+ "$value": "{font-family.sans-serif}"
696
+ },
697
+ "font-weight": {
698
+ "$extensions": {
699
+ "com.figma.scopes": [
700
+ "FONT_WEIGHT"
701
+ ]
702
+ },
703
+ "$type": "number",
704
+ "$value": "{font-weight.subtitle-2}"
705
+ },
706
+ "line-height": {
707
+ "$extensions": {
708
+ "com.figma.scopes": [
709
+ "LINE_HEIGHT"
710
+ ]
711
+ },
712
+ "$type": "number",
713
+ "$value": "{line-height.subtitle-2}"
714
+ },
715
+ "font-size": {
716
+ "$extensions": {
717
+ "com.figma.scopes": [
718
+ "FONT_SIZE"
719
+ ]
720
+ },
721
+ "$type": "number",
722
+ "$value": "{font-size.subtitle-2}"
723
+ }
724
+ },
725
+ "small": {
726
+ "font-family": {
727
+ "$extensions": {
728
+ "com.figma.scopes": [
729
+ "FONT_FAMILY"
730
+ ]
731
+ },
732
+ "$type": "text",
733
+ "$value": "{font-family.sans-serif}"
734
+ },
735
+ "line-height": {
736
+ "$extensions": {
737
+ "com.figma.scopes": [
738
+ "LINE_HEIGHT"
739
+ ]
740
+ },
741
+ "$type": "number",
742
+ "$value": "{line-height.caption-1-strong}"
743
+ },
744
+ "font-size": {
745
+ "$extensions": {
746
+ "com.figma.scopes": [
747
+ "FONT_SIZE"
748
+ ]
749
+ },
750
+ "$type": "number",
751
+ "$value": "{font-size.caption-1-strong}"
752
+ },
753
+ "font-weight": {
754
+ "$extensions": {
755
+ "com.figma.scopes": [
756
+ "FONT_WEIGHT"
757
+ ]
758
+ },
759
+ "$type": "number",
760
+ "$value": "{font-weight.caption-1-strong}"
761
+ }
762
+ }
763
+ },
764
+ "layout": {
765
+ "outer-box": {
766
+ "large": {
767
+ "gap": {
768
+ "$extensions": {
769
+ "com.figma.scopes": [
770
+ "GAP"
771
+ ]
772
+ },
773
+ "$type": "number",
774
+ "$value": "{spacing.60}"
775
+ },
776
+ "horizontal": {
777
+ "$extensions": {
778
+ "com.figma.scopes": [
779
+ "GAP"
780
+ ]
781
+ },
782
+ "$type": "number",
783
+ "$value": "{spacing.0}"
784
+ },
785
+ "vertical": {
786
+ "$extensions": {
787
+ "com.figma.scopes": [
788
+ "GAP"
789
+ ]
790
+ },
791
+ "$type": "number",
792
+ "$value": "{spacing.80}"
793
+ }
794
+ },
795
+ "small": {
796
+ "horizontal": {
797
+ "$extensions": {
798
+ "com.figma.scopes": [
799
+ "GAP"
800
+ ]
801
+ },
802
+ "$type": "number",
803
+ "$value": "{spacing.0}"
804
+ },
805
+ "vertical": {
806
+ "$extensions": {
807
+ "com.figma.scopes": [
808
+ "GAP"
809
+ ]
810
+ },
811
+ "$type": "number",
812
+ "$value": "{spacing.40}"
813
+ },
814
+ "gap": {
815
+ "$extensions": {
816
+ "com.figma.scopes": [
817
+ "GAP"
818
+ ]
819
+ },
820
+ "$type": "number",
821
+ "$value": "{spacing.60}"
822
+ }
823
+ },
824
+ "medium": {
825
+ "gap": {
826
+ "$extensions": {
827
+ "com.figma.scopes": [
828
+ "GAP"
829
+ ]
830
+ },
831
+ "$type": "number",
832
+ "$value": "{spacing.60}"
833
+ },
834
+ "vertical": {
835
+ "$extensions": {
836
+ "com.figma.scopes": [
837
+ "GAP"
838
+ ]
839
+ },
840
+ "$type": "number",
841
+ "$value": "{spacing.60}"
842
+ },
843
+ "horizontal": {
844
+ "$extensions": {
845
+ "com.figma.scopes": [
846
+ "GAP"
847
+ ]
848
+ },
849
+ "$type": "number",
850
+ "$value": "{spacing.0}"
851
+ }
852
+ }
853
+ },
854
+ "text-box": {
855
+ "large": {
856
+ "vertical": {
857
+ "$extensions": {
858
+ "com.figma.scopes": [
859
+ "GAP"
860
+ ]
861
+ },
862
+ "$type": "number",
863
+ "$value": "{spacing.10}"
864
+ },
865
+ "horizontal": {
866
+ "$extensions": {
867
+ "com.figma.scopes": [
868
+ "GAP"
869
+ ]
870
+ },
871
+ "$type": "number",
872
+ "$value": "{spacing.0}"
873
+ }
874
+ },
875
+ "medium": {
876
+ "vertical": {
877
+ "$extensions": {
878
+ "com.figma.scopes": [
879
+ "GAP"
880
+ ]
881
+ },
882
+ "$type": "number",
883
+ "$value": "{spacing.0}"
884
+ },
885
+ "horizontal": {
886
+ "$extensions": {
887
+ "com.figma.scopes": [
888
+ "GAP"
889
+ ]
890
+ },
891
+ "$type": "number",
892
+ "$value": "{spacing.0}"
893
+ }
894
+ },
895
+ "small": {
896
+ "vertical": {
897
+ "$extensions": {
898
+ "com.figma.scopes": [
899
+ "GAP"
900
+ ]
901
+ },
902
+ "$type": "number",
903
+ "$value": "{spacing.0}"
904
+ },
905
+ "horizontal": {
906
+ "$extensions": {
907
+ "com.figma.scopes": [
908
+ "GAP"
909
+ ]
910
+ },
911
+ "$type": "number",
912
+ "$value": "{spacing.0}"
913
+ }
914
+ }
915
+ },
916
+ "button-box": {
917
+ "large": {
918
+ "sizing": {
919
+ "$extensions": {
920
+ "com.figma.scopes": [
921
+ "WIDTH_HEIGHT"
922
+ ]
923
+ },
924
+ "$type": "number",
925
+ "$value": "{spacing.240}"
926
+ }
927
+ },
928
+ "medium": {
929
+ "sizing": {
930
+ "$extensions": {
931
+ "com.figma.scopes": [
932
+ "WIDTH_HEIGHT"
933
+ ]
934
+ },
935
+ "$type": "number",
936
+ "$value": "{spacing.200}"
937
+ }
938
+ },
939
+ "small": {
940
+ "sizing": {
941
+ "$extensions": {
942
+ "com.figma.scopes": [
943
+ "WIDTH_HEIGHT"
944
+ ]
945
+ },
946
+ "$type": "number",
947
+ "$value": "{spacing.160}"
948
+ }
949
+ }
950
+ }
951
+ }
952
+ },
953
+ "form-layout-item-row": {
954
+ "layout": {
955
+ "vertical-item-spacing": {
956
+ "medium": {
957
+ "$extensions": {
958
+ "com.figma.scopes": [
959
+ "WIDTH_HEIGHT"
960
+ ]
961
+ },
962
+ "$type": "number",
963
+ "$value": "{spacing.160}"
964
+ },
965
+ "small": {
966
+ "$extensions": {
967
+ "com.figma.scopes": [
968
+ "WIDTH_HEIGHT"
969
+ ]
970
+ },
971
+ "$type": "number",
972
+ "$value": "{spacing.120}"
973
+ },
974
+ "large": {
975
+ "$extensions": {
976
+ "com.figma.scopes": [
977
+ "WIDTH_HEIGHT"
978
+ ]
979
+ },
980
+ "$type": "number",
981
+ "$value": "{spacing.200}"
982
+ }
983
+ },
984
+ "horizontal-item-spacing": {
985
+ "medium": {
986
+ "$extensions": {
987
+ "com.figma.scopes": [
988
+ "GAP"
989
+ ]
990
+ },
991
+ "$type": "number",
992
+ "$value": "{spacing.240}"
993
+ },
994
+ "large": {
995
+ "$extensions": {
996
+ "com.figma.scopes": [
997
+ "GAP"
998
+ ]
999
+ },
1000
+ "$type": "number",
1001
+ "$value": "{spacing.320}"
1002
+ },
1003
+ "small": {
1004
+ "$extensions": {
1005
+ "com.figma.scopes": [
1006
+ "GAP"
1007
+ ]
1008
+ },
1009
+ "$type": "number",
1010
+ "$value": "{spacing.160}"
1011
+ }
1012
+ }
1013
+ }
1014
+ },
1015
+ "form-layout-item": {
1016
+ "layout": {
1017
+ "caption-box": {
1018
+ "horizontal": {
1019
+ "large": {
1020
+ "right": {
1021
+ "$extensions": {
1022
+ "com.figma.scopes": [
1023
+ "GAP"
1024
+ ]
1025
+ },
1026
+ "$type": "number",
1027
+ "$value": "{spacing.160}"
1028
+ }
1029
+ },
1030
+ "medium": {
1031
+ "right": {
1032
+ "$extensions": {
1033
+ "com.figma.scopes": [
1034
+ "GAP"
1035
+ ]
1036
+ },
1037
+ "$type": "number",
1038
+ "$value": "{spacing.120}"
1039
+ }
1040
+ },
1041
+ "small": {
1042
+ "right": {
1043
+ "$extensions": {
1044
+ "com.figma.scopes": [
1045
+ "GAP"
1046
+ ]
1047
+ },
1048
+ "$type": "number",
1049
+ "$value": "{spacing.80}"
1050
+ }
1051
+ }
1052
+ },
1053
+ "vertical": {
1054
+ "medium": {
1055
+ "bottom": {
1056
+ "$extensions": {
1057
+ "com.figma.scopes": [
1058
+ "GAP"
1059
+ ]
1060
+ },
1061
+ "$type": "number",
1062
+ "$value": "{spacing.20}"
1063
+ }
1064
+ },
1065
+ "small": {
1066
+ "bottom": {
1067
+ "$extensions": {
1068
+ "com.figma.scopes": [
1069
+ "GAP"
1070
+ ]
1071
+ },
1072
+ "$type": "number",
1073
+ "$value": "{spacing.20}"
1074
+ }
1075
+ },
1076
+ "large": {
1077
+ "bottom": {
1078
+ "$extensions": {
1079
+ "com.figma.scopes": [
1080
+ "GAP"
1081
+ ]
1082
+ },
1083
+ "$type": "number",
1084
+ "$value": "{spacing.20}"
1085
+ }
1086
+ }
1087
+ }
1088
+ }
1089
+ },
1090
+ "opacity": {
1091
+ "empty": {
1092
+ "$extensions": {
1093
+ "com.figma.scopes": [
1094
+ "OPACITY"
1095
+ ]
1096
+ },
1097
+ "$type": "number",
1098
+ "$value": "{opacity.0}"
1099
+ }
1100
+ }
1101
+ }
1102
+ }
1103
+ }