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