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