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