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