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