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