@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/ai-chat/fluent.json CHANGED
@@ -4,60 +4,125 @@
4
4
  "color": {
5
5
  "icon": {
6
6
  "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "SHAPE_FILL"
10
+ ]
11
+ },
7
12
  "$type": "color",
8
13
  "$value": "{color.content.neutral.default.rest}"
9
14
  },
10
15
  "disabled": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "SHAPE_FILL"
19
+ ]
20
+ },
11
21
  "$type": "color",
12
22
  "$value": "{color.content.neutral.default.disabled}"
13
23
  }
14
24
  },
15
25
  "subtitle": {
16
26
  "rest": {
27
+ "$extensions": {
28
+ "com.figma.scopes": [
29
+ "TEXT_FILL"
30
+ ]
31
+ },
17
32
  "$type": "color",
18
33
  "$value": "{color.content.neutral.subdued.rest}"
19
34
  },
20
35
  "disabled": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "TEXT_FILL"
39
+ ]
40
+ },
21
41
  "$type": "color",
22
42
  "$value": "{color.content.neutral.subdued.disabled}"
23
43
  }
24
44
  },
25
45
  "bg": {
26
46
  "rest": {
47
+ "$extensions": {
48
+ "com.figma.scopes": [
49
+ "FRAME_FILL"
50
+ ]
51
+ },
27
52
  "$type": "color",
28
53
  "$value": "{color.surface.neutral.default.rest}"
29
54
  },
30
55
  "hovered": {
56
+ "$extensions": {
57
+ "com.figma.scopes": [
58
+ "FRAME_FILL"
59
+ ]
60
+ },
31
61
  "$type": "color",
32
62
  "$value": "{color.surface.neutral.default.hovered}"
33
63
  },
34
64
  "active": {
65
+ "$extensions": {
66
+ "com.figma.scopes": [
67
+ "FRAME_FILL"
68
+ ]
69
+ },
35
70
  "$type": "color",
36
71
  "$value": "{color.surface.neutral.default.active}"
37
72
  },
38
73
  "disabled": {
74
+ "$extensions": {
75
+ "com.figma.scopes": [
76
+ "FRAME_FILL"
77
+ ]
78
+ },
39
79
  "$type": "color",
40
80
  "$value": "{color.surface.neutral.default.disabled}"
41
81
  }
42
82
  },
43
83
  "border": {
44
84
  "rest": {
85
+ "$extensions": {
86
+ "com.figma.scopes": [
87
+ "STROKE_COLOR"
88
+ ]
89
+ },
45
90
  "$type": "color",
46
91
  "$value": "{color.border.neutral.default.rest}"
47
92
  },
48
93
  "hovered": {
94
+ "$extensions": {
95
+ "com.figma.scopes": [
96
+ "STROKE_COLOR"
97
+ ]
98
+ },
49
99
  "$type": "color",
50
100
  "$value": "{color.border.neutral.default.hovered}"
51
101
  },
52
102
  "active": {
103
+ "$extensions": {
104
+ "com.figma.scopes": [
105
+ "STROKE_COLOR"
106
+ ]
107
+ },
53
108
  "$type": "color",
54
109
  "$value": "{color.border.neutral.default.active}"
55
110
  },
56
111
  "disabled": {
112
+ "$extensions": {
113
+ "com.figma.scopes": [
114
+ "STROKE_COLOR"
115
+ ]
116
+ },
57
117
  "$type": "color",
58
118
  "$value": "{color.border.neutral.default.disabled}"
59
119
  },
60
120
  "focused": {
121
+ "$extensions": {
122
+ "com.figma.scopes": [
123
+ "STROKE_COLOR"
124
+ ]
125
+ },
61
126
  "$type": "color",
62
127
  "$value": "{color.border.transparent.rest}"
63
128
  }
@@ -66,28 +131,58 @@
66
131
  "borders": {
67
132
  "border-radius": {
68
133
  "small": {
134
+ "$extensions": {
135
+ "com.figma.scopes": [
136
+ "CORNER_RADIUS"
137
+ ]
138
+ },
69
139
  "$type": "number",
70
140
  "$value": "{border-radius.80}"
71
141
  },
72
142
  "medium": {
143
+ "$extensions": {
144
+ "com.figma.scopes": [
145
+ "CORNER_RADIUS"
146
+ ]
147
+ },
73
148
  "$type": "number",
74
149
  "$value": "{border-radius.80}"
75
150
  },
76
151
  "large": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "CORNER_RADIUS"
155
+ ]
156
+ },
77
157
  "$type": "number",
78
158
  "$value": "{border-radius.80}"
79
159
  }
80
160
  },
81
161
  "border-width": {
82
162
  "small": {
163
+ "$extensions": {
164
+ "com.figma.scopes": [
165
+ "STROKE_FLOAT"
166
+ ]
167
+ },
83
168
  "$type": "number",
84
169
  "$value": "{border-width.10}"
85
170
  },
86
171
  "medium": {
172
+ "$extensions": {
173
+ "com.figma.scopes": [
174
+ "STROKE_FLOAT"
175
+ ]
176
+ },
87
177
  "$type": "number",
88
178
  "$value": "{border-width.10}"
89
179
  },
90
180
  "large": {
181
+ "$extensions": {
182
+ "com.figma.scopes": [
183
+ "STROKE_FLOAT"
184
+ ]
185
+ },
91
186
  "$type": "number",
92
187
  "$value": "{border-width.10}"
93
188
  }
@@ -97,14 +192,29 @@
97
192
  "title": {
98
193
  "font-weight": {
99
194
  "small": {
195
+ "$extensions": {
196
+ "com.figma.scopes": [
197
+ "FONT_WEIGHT"
198
+ ]
199
+ },
100
200
  "$type": "number",
101
201
  "$value": "{font-weight.base.strong}"
102
202
  },
103
203
  "medium": {
204
+ "$extensions": {
205
+ "com.figma.scopes": [
206
+ "FONT_WEIGHT"
207
+ ]
208
+ },
104
209
  "$type": "number",
105
210
  "$value": "{font-weight.base.strong}"
106
211
  },
107
212
  "large": {
213
+ "$extensions": {
214
+ "com.figma.scopes": [
215
+ "FONT_WEIGHT"
216
+ ]
217
+ },
108
218
  "$type": "number",
109
219
  "$value": "{font-weight.base.strong}"
110
220
  }
@@ -113,56 +223,116 @@
113
223
  "subtitle": {
114
224
  "font-size": {
115
225
  "medium": {
226
+ "$extensions": {
227
+ "com.figma.scopes": [
228
+ "FONT_SIZE"
229
+ ]
230
+ },
116
231
  "$type": "number",
117
232
  "$value": "{font-size.caption.md}"
118
233
  },
119
234
  "large": {
235
+ "$extensions": {
236
+ "com.figma.scopes": [
237
+ "FONT_SIZE"
238
+ ]
239
+ },
120
240
  "$type": "number",
121
241
  "$value": "{font-size.caption.lg}"
122
242
  },
123
243
  "small": {
244
+ "$extensions": {
245
+ "com.figma.scopes": [
246
+ "FONT_SIZE"
247
+ ]
248
+ },
124
249
  "$type": "number",
125
250
  "$value": "{font-size.caption.md}"
126
251
  }
127
252
  },
128
253
  "line-height": {
129
254
  "medium": {
255
+ "$extensions": {
256
+ "com.figma.scopes": [
257
+ "LINE_HEIGHT"
258
+ ]
259
+ },
130
260
  "$type": "number",
131
261
  "$value": "{line-height.caption.md}"
132
262
  },
133
263
  "large": {
264
+ "$extensions": {
265
+ "com.figma.scopes": [
266
+ "LINE_HEIGHT"
267
+ ]
268
+ },
134
269
  "$type": "number",
135
270
  "$value": "{line-height.caption.lg}"
136
271
  },
137
272
  "small": {
273
+ "$extensions": {
274
+ "com.figma.scopes": [
275
+ "LINE_HEIGHT"
276
+ ]
277
+ },
138
278
  "$type": "number",
139
279
  "$value": "{line-height.caption.md}"
140
280
  }
141
281
  },
142
282
  "letter-spacing": {
143
283
  "small": {
284
+ "$extensions": {
285
+ "com.figma.scopes": [
286
+ "LETTER_SPACING"
287
+ ]
288
+ },
144
289
  "$type": "number",
145
290
  "$value": "{letter-spacing.caption.md}"
146
291
  },
147
292
  "medium": {
293
+ "$extensions": {
294
+ "com.figma.scopes": [
295
+ "LETTER_SPACING"
296
+ ]
297
+ },
148
298
  "$type": "number",
149
299
  "$value": "{letter-spacing.caption.md}"
150
300
  },
151
301
  "large": {
302
+ "$extensions": {
303
+ "com.figma.scopes": [
304
+ "LETTER_SPACING"
305
+ ]
306
+ },
152
307
  "$type": "number",
153
308
  "$value": "{letter-spacing.caption.lg}"
154
309
  }
155
310
  },
156
311
  "font-weight": {
157
312
  "small": {
313
+ "$extensions": {
314
+ "com.figma.scopes": [
315
+ "FONT_WEIGHT"
316
+ ]
317
+ },
158
318
  "$type": "number",
159
319
  "$value": "{font-weight.caption.default}"
160
320
  },
161
321
  "medium": {
322
+ "$extensions": {
323
+ "com.figma.scopes": [
324
+ "FONT_WEIGHT"
325
+ ]
326
+ },
162
327
  "$type": "number",
163
328
  "$value": "{font-weight.caption.default}"
164
329
  },
165
330
  "large": {
331
+ "$extensions": {
332
+ "com.figma.scopes": [
333
+ "FONT_WEIGHT"
334
+ ]
335
+ },
166
336
  "$type": "number",
167
337
  "$value": "{font-weight.caption.default}"
168
338
  }
@@ -173,14 +343,29 @@
173
343
  "title-box": {
174
344
  "gap": {
175
345
  "small": {
346
+ "$extensions": {
347
+ "com.figma.scopes": [
348
+ "GAP"
349
+ ]
350
+ },
176
351
  "$type": "number",
177
352
  "$value": "{spacing.40}"
178
353
  },
179
354
  "medium": {
355
+ "$extensions": {
356
+ "com.figma.scopes": [
357
+ "GAP"
358
+ ]
359
+ },
180
360
  "$type": "number",
181
361
  "$value": "{spacing.80}"
182
362
  },
183
363
  "large": {
364
+ "$extensions": {
365
+ "com.figma.scopes": [
366
+ "GAP"
367
+ ]
368
+ },
184
369
  "$type": "number",
185
370
  "$value": "{spacing.80}"
186
371
  }
@@ -189,70 +374,145 @@
189
374
  "inner-box": {
190
375
  "horizontal": {
191
376
  "small": {
377
+ "$extensions": {
378
+ "com.figma.scopes": [
379
+ "GAP"
380
+ ]
381
+ },
192
382
  "$type": "number",
193
383
  "$value": "{spacing.110}"
194
384
  },
195
385
  "medium": {
386
+ "$extensions": {
387
+ "com.figma.scopes": [
388
+ "GAP"
389
+ ]
390
+ },
196
391
  "$type": "number",
197
392
  "$value": "{spacing.150}"
198
393
  },
199
394
  "large": {
395
+ "$extensions": {
396
+ "com.figma.scopes": [
397
+ "GAP"
398
+ ]
399
+ },
200
400
  "$type": "number",
201
401
  "$value": "{spacing.190}"
202
402
  }
203
403
  },
204
404
  "gap": {
205
405
  "small": {
406
+ "$extensions": {
407
+ "com.figma.scopes": [
408
+ "GAP"
409
+ ]
410
+ },
206
411
  "$type": "number",
207
412
  "$value": "{spacing.40}"
208
413
  },
209
414
  "medium": {
415
+ "$extensions": {
416
+ "com.figma.scopes": [
417
+ "GAP"
418
+ ]
419
+ },
210
420
  "$type": "number",
211
421
  "$value": "{spacing.40}"
212
422
  },
213
423
  "large": {
424
+ "$extensions": {
425
+ "com.figma.scopes": [
426
+ "GAP"
427
+ ]
428
+ },
214
429
  "$type": "number",
215
430
  "$value": "{spacing.60}"
216
431
  }
217
432
  },
218
433
  "vertical": {
219
434
  "small": {
435
+ "$extensions": {
436
+ "com.figma.scopes": [
437
+ "GAP"
438
+ ]
439
+ },
220
440
  "$type": "number",
221
441
  "$value": "{spacing.110}"
222
442
  },
223
443
  "medium": {
444
+ "$extensions": {
445
+ "com.figma.scopes": [
446
+ "GAP"
447
+ ]
448
+ },
224
449
  "$type": "number",
225
450
  "$value": "{spacing.150}"
226
451
  },
227
452
  "large": {
453
+ "$extensions": {
454
+ "com.figma.scopes": [
455
+ "GAP"
456
+ ]
457
+ },
228
458
  "$type": "number",
229
459
  "$value": "{spacing.170}"
230
460
  }
231
461
  },
232
462
  "min-width": {
233
463
  "small": {
464
+ "$extensions": {
465
+ "com.figma.scopes": [
466
+ "WIDTH_HEIGHT"
467
+ ]
468
+ },
234
469
  "$type": "number",
235
470
  "$value": 170
236
471
  },
237
472
  "medium": {
473
+ "$extensions": {
474
+ "com.figma.scopes": [
475
+ "WIDTH_HEIGHT"
476
+ ]
477
+ },
238
478
  "$type": "number",
239
479
  "$value": 210
240
480
  },
241
481
  "large": {
482
+ "$extensions": {
483
+ "com.figma.scopes": [
484
+ "WIDTH_HEIGHT"
485
+ ]
486
+ },
242
487
  "$type": "number",
243
488
  "$value": 250
244
489
  }
245
490
  },
246
491
  "max-width": {
247
492
  "small": {
493
+ "$extensions": {
494
+ "com.figma.scopes": [
495
+ "WIDTH_HEIGHT"
496
+ ]
497
+ },
248
498
  "$type": "number",
249
499
  "$value": 180
250
500
  },
251
501
  "medium": {
502
+ "$extensions": {
503
+ "com.figma.scopes": [
504
+ "WIDTH_HEIGHT"
505
+ ]
506
+ },
252
507
  "$type": "number",
253
508
  "$value": 220
254
509
  },
255
510
  "large": {
511
+ "$extensions": {
512
+ "com.figma.scopes": [
513
+ "WIDTH_HEIGHT"
514
+ ]
515
+ },
256
516
  "$type": "number",
257
517
  "$value": 260
258
518
  }
@@ -263,10 +523,20 @@
263
523
  "layout": {
264
524
  "offset": {
265
525
  "offset": {
526
+ "$extensions": {
527
+ "com.figma.scopes": [
528
+ "GAP"
529
+ ]
530
+ },
266
531
  "$type": "number",
267
532
  "$value": "{spacing.0}"
268
533
  },
269
534
  "outer-box": {
535
+ "$extensions": {
536
+ "com.figma.scopes": [
537
+ "GAP"
538
+ ]
539
+ },
270
540
  "$type": "number",
271
541
  "$value": "{spacing.0}"
272
542
  }
@@ -275,14 +545,29 @@
275
545
  "borders": {
276
546
  "border-radius": {
277
547
  "small": {
548
+ "$extensions": {
549
+ "com.figma.scopes": [
550
+ "CORNER_RADIUS"
551
+ ]
552
+ },
278
553
  "$type": "number",
279
554
  "$value": "{border-radius.80}"
280
555
  },
281
556
  "medium": {
557
+ "$extensions": {
558
+ "com.figma.scopes": [
559
+ "CORNER_RADIUS"
560
+ ]
561
+ },
282
562
  "$type": "number",
283
563
  "$value": "{border-radius.80}"
284
564
  },
285
565
  "large": {
566
+ "$extensions": {
567
+ "com.figma.scopes": [
568
+ "CORNER_RADIUS"
569
+ ]
570
+ },
286
571
  "$type": "number",
287
572
  "$value": "{border-radius.80}"
288
573
  }
@@ -294,6 +579,11 @@
294
579
  "color": {
295
580
  "bg": {
296
581
  "rest": {
582
+ "$extensions": {
583
+ "com.figma.scopes": [
584
+ "FRAME_FILL"
585
+ ]
586
+ },
297
587
  "$type": "color",
298
588
  "$value": "{color.surface.neutral.default.rest}"
299
589
  }
@@ -302,14 +592,29 @@
302
592
  "layout": {
303
593
  "vertical-start": {
304
594
  "small": {
595
+ "$extensions": {
596
+ "com.figma.scopes": [
597
+ "GAP"
598
+ ]
599
+ },
305
600
  "$type": "number",
306
601
  "$value": "{spacing.200}"
307
602
  },
308
603
  "medium": {
604
+ "$extensions": {
605
+ "com.figma.scopes": [
606
+ "GAP"
607
+ ]
608
+ },
309
609
  "$type": "number",
310
610
  "$value": "{spacing.240}"
311
611
  },
312
612
  "large": {
613
+ "$extensions": {
614
+ "com.figma.scopes": [
615
+ "GAP"
616
+ ]
617
+ },
313
618
  "$type": "number",
314
619
  "$value": "{spacing.280}"
315
620
  }
@@ -320,18 +625,33 @@
320
625
  "color": {
321
626
  "bg": {
322
627
  "rest": {
628
+ "$extensions": {
629
+ "com.figma.scopes": [
630
+ "FRAME_FILL"
631
+ ]
632
+ },
323
633
  "$type": "color",
324
634
  "$value": "{color.surface.neutral.default.rest}"
325
635
  }
326
636
  },
327
637
  "border": {
328
638
  "rest": {
639
+ "$extensions": {
640
+ "com.figma.scopes": [
641
+ "STROKE_COLOR"
642
+ ]
643
+ },
329
644
  "$type": "color",
330
645
  "$value": "{color.border.neutral.default.rest}"
331
646
  }
332
647
  },
333
648
  "icon": {
334
649
  "rest": {
650
+ "$extensions": {
651
+ "com.figma.scopes": [
652
+ "SHAPE_FILL"
653
+ ]
654
+ },
335
655
  "$type": "color",
336
656
  "$value": "{color.content.neutral.default.rest}"
337
657
  }
@@ -340,28 +660,58 @@
340
660
  "borders": {
341
661
  "border-radius": {
342
662
  "small": {
663
+ "$extensions": {
664
+ "com.figma.scopes": [
665
+ "CORNER_RADIUS"
666
+ ]
667
+ },
343
668
  "$type": "number",
344
669
  "$value": "{spacing.60}"
345
670
  },
346
671
  "medium": {
672
+ "$extensions": {
673
+ "com.figma.scopes": [
674
+ "CORNER_RADIUS"
675
+ ]
676
+ },
347
677
  "$type": "number",
348
678
  "$value": "{spacing.60}"
349
679
  },
350
680
  "large": {
681
+ "$extensions": {
682
+ "com.figma.scopes": [
683
+ "CORNER_RADIUS"
684
+ ]
685
+ },
351
686
  "$type": "number",
352
687
  "$value": "{spacing.60}"
353
688
  }
354
689
  },
355
690
  "border-width": {
356
691
  "small": {
692
+ "$extensions": {
693
+ "com.figma.scopes": [
694
+ "STROKE_FLOAT"
695
+ ]
696
+ },
357
697
  "$type": "number",
358
698
  "$value": "{border-width.10}"
359
699
  },
360
700
  "medium": {
701
+ "$extensions": {
702
+ "com.figma.scopes": [
703
+ "STROKE_FLOAT"
704
+ ]
705
+ },
361
706
  "$type": "number",
362
707
  "$value": "{border-width.10}"
363
708
  },
364
709
  "large": {
710
+ "$extensions": {
711
+ "com.figma.scopes": [
712
+ "STROKE_FLOAT"
713
+ ]
714
+ },
365
715
  "$type": "number",
366
716
  "$value": "{border-width.10}"
367
717
  }
@@ -370,42 +720,87 @@
370
720
  "layout": {
371
721
  "gap": {
372
722
  "small": {
723
+ "$extensions": {
724
+ "com.figma.scopes": [
725
+ "GAP"
726
+ ]
727
+ },
373
728
  "$type": "number",
374
729
  "$value": "{spacing.60}"
375
730
  },
376
731
  "medium": {
732
+ "$extensions": {
733
+ "com.figma.scopes": [
734
+ "GAP"
735
+ ]
736
+ },
377
737
  "$type": "number",
378
738
  "$value": "{spacing.80}"
379
739
  },
380
740
  "large": {
741
+ "$extensions": {
742
+ "com.figma.scopes": [
743
+ "GAP"
744
+ ]
745
+ },
381
746
  "$type": "number",
382
747
  "$value": "{spacing.100}"
383
748
  }
384
749
  },
385
750
  "horizontal": {
386
751
  "small": {
752
+ "$extensions": {
753
+ "com.figma.scopes": [
754
+ "GAP"
755
+ ]
756
+ },
387
757
  "$type": "number",
388
758
  "$value": "{spacing.70}"
389
759
  },
390
760
  "medium": {
761
+ "$extensions": {
762
+ "com.figma.scopes": [
763
+ "GAP"
764
+ ]
765
+ },
391
766
  "$type": "number",
392
767
  "$value": "{spacing.90}"
393
768
  },
394
769
  "large": {
770
+ "$extensions": {
771
+ "com.figma.scopes": [
772
+ "GAP"
773
+ ]
774
+ },
395
775
  "$type": "number",
396
776
  "$value": "{spacing.110}"
397
777
  }
398
778
  },
399
779
  "vertical": {
400
780
  "small": {
781
+ "$extensions": {
782
+ "com.figma.scopes": [
783
+ "GAP"
784
+ ]
785
+ },
401
786
  "$type": "number",
402
787
  "$value": "{spacing.70}"
403
788
  },
404
789
  "medium": {
790
+ "$extensions": {
791
+ "com.figma.scopes": [
792
+ "GAP"
793
+ ]
794
+ },
405
795
  "$type": "number",
406
796
  "$value": "{spacing.90}"
407
797
  },
408
798
  "large": {
799
+ "$extensions": {
800
+ "com.figma.scopes": [
801
+ "GAP"
802
+ ]
803
+ },
409
804
  "$type": "number",
410
805
  "$value": "{spacing.110}"
411
806
  }
@@ -416,12 +811,22 @@
416
811
  "color": {
417
812
  "bg": {
418
813
  "rest": {
814
+ "$extensions": {
815
+ "com.figma.scopes": [
816
+ "FRAME_FILL"
817
+ ]
818
+ },
419
819
  "$type": "color",
420
820
  "$value": "{color.surface.primary.deep.rest}"
421
821
  }
422
822
  },
423
823
  "border": {
424
824
  "rest": {
825
+ "$extensions": {
826
+ "com.figma.scopes": [
827
+ "STROKE_COLOR"
828
+ ]
829
+ },
425
830
  "$type": "color",
426
831
  "$value": "{color.border.transparent.rest}"
427
832
  }
@@ -430,28 +835,58 @@
430
835
  "borders": {
431
836
  "border-width": {
432
837
  "small": {
838
+ "$extensions": {
839
+ "com.figma.scopes": [
840
+ "STROKE_FLOAT"
841
+ ]
842
+ },
433
843
  "$type": "number",
434
844
  "$value": "{border-width.10}"
435
845
  },
436
846
  "medium": {
847
+ "$extensions": {
848
+ "com.figma.scopes": [
849
+ "STROKE_FLOAT"
850
+ ]
851
+ },
437
852
  "$type": "number",
438
853
  "$value": "{border-width.10}"
439
854
  },
440
855
  "large": {
856
+ "$extensions": {
857
+ "com.figma.scopes": [
858
+ "STROKE_FLOAT"
859
+ ]
860
+ },
441
861
  "$type": "number",
442
862
  "$value": "{border-width.10}"
443
863
  }
444
864
  },
445
865
  "border-radius": {
446
866
  "small": {
867
+ "$extensions": {
868
+ "com.figma.scopes": [
869
+ "CORNER_RADIUS"
870
+ ]
871
+ },
447
872
  "$type": "number",
448
873
  "$value": "{border-radius.60}"
449
874
  },
450
875
  "medium": {
876
+ "$extensions": {
877
+ "com.figma.scopes": [
878
+ "CORNER_RADIUS"
879
+ ]
880
+ },
451
881
  "$type": "number",
452
882
  "$value": "{border-radius.60}"
453
883
  },
454
884
  "large": {
885
+ "$extensions": {
886
+ "com.figma.scopes": [
887
+ "CORNER_RADIUS"
888
+ ]
889
+ },
455
890
  "$type": "number",
456
891
  "$value": "{border-radius.60}"
457
892
  }
@@ -461,14 +896,29 @@
461
896
  "outer-box": {
462
897
  "gap": {
463
898
  "small": {
899
+ "$extensions": {
900
+ "com.figma.scopes": [
901
+ "GAP"
902
+ ]
903
+ },
464
904
  "$type": "number",
465
905
  "$value": "{spacing.40}"
466
906
  },
467
907
  "medium": {
908
+ "$extensions": {
909
+ "com.figma.scopes": [
910
+ "GAP"
911
+ ]
912
+ },
468
913
  "$type": "number",
469
914
  "$value": "{spacing.60}"
470
915
  },
471
916
  "large": {
917
+ "$extensions": {
918
+ "com.figma.scopes": [
919
+ "GAP"
920
+ ]
921
+ },
472
922
  "$type": "number",
473
923
  "$value": "{spacing.80}"
474
924
  }
@@ -477,28 +927,58 @@
477
927
  "inner-box": {
478
928
  "horizontal": {
479
929
  "small": {
930
+ "$extensions": {
931
+ "com.figma.scopes": [
932
+ "GAP"
933
+ ]
934
+ },
480
935
  "$type": "number",
481
936
  "$value": "{spacing.110}"
482
937
  },
483
938
  "medium": {
939
+ "$extensions": {
940
+ "com.figma.scopes": [
941
+ "GAP"
942
+ ]
943
+ },
484
944
  "$type": "number",
485
945
  "$value": "{spacing.150}"
486
946
  },
487
947
  "large": {
948
+ "$extensions": {
949
+ "com.figma.scopes": [
950
+ "GAP"
951
+ ]
952
+ },
488
953
  "$type": "number",
489
954
  "$value": "{spacing.190}"
490
955
  }
491
956
  },
492
957
  "vertical": {
493
958
  "small": {
959
+ "$extensions": {
960
+ "com.figma.scopes": [
961
+ "GAP"
962
+ ]
963
+ },
494
964
  "$type": "number",
495
965
  "$value": "{spacing.50}"
496
966
  },
497
967
  "medium": {
968
+ "$extensions": {
969
+ "com.figma.scopes": [
970
+ "GAP"
971
+ ]
972
+ },
498
973
  "$type": "number",
499
974
  "$value": "{spacing.70}"
500
975
  },
501
976
  "large": {
977
+ "$extensions": {
978
+ "com.figma.scopes": [
979
+ "GAP"
980
+ ]
981
+ },
502
982
  "$type": "number",
503
983
  "$value": "{spacing.80}"
504
984
  }
@@ -511,12 +991,22 @@
511
991
  "default": {
512
992
  "bg": {
513
993
  "rest": {
994
+ "$extensions": {
995
+ "com.figma.scopes": [
996
+ "FRAME_FILL"
997
+ ]
998
+ },
514
999
  "$type": "color",
515
1000
  "$value": "{color.surface.neutral.subdued.rest}"
516
1001
  }
517
1002
  },
518
1003
  "border": {
519
1004
  "rest": {
1005
+ "$extensions": {
1006
+ "com.figma.scopes": [
1007
+ "STROKE_COLOR"
1008
+ ]
1009
+ },
520
1010
  "$type": "color",
521
1011
  "$value": "{color.border.transparent.rest}"
522
1012
  }
@@ -525,18 +1015,33 @@
525
1015
  "error": {
526
1016
  "bg": {
527
1017
  "rest": {
1018
+ "$extensions": {
1019
+ "com.figma.scopes": [
1020
+ "FRAME_FILL"
1021
+ ]
1022
+ },
528
1023
  "$type": "color",
529
1024
  "$value": "{color.surface.danger.deep.rest}"
530
1025
  }
531
1026
  },
532
1027
  "border": {
533
1028
  "rest": {
1029
+ "$extensions": {
1030
+ "com.figma.scopes": [
1031
+ "STROKE_COLOR"
1032
+ ]
1033
+ },
534
1034
  "$type": "color",
535
1035
  "$value": "{color.border.transparent.rest}"
536
1036
  }
537
1037
  },
538
1038
  "icon": {
539
1039
  "rest": {
1040
+ "$extensions": {
1041
+ "com.figma.scopes": [
1042
+ "SHAPE_FILL"
1043
+ ]
1044
+ },
540
1045
  "$type": "color",
541
1046
  "$value": "{color.content.danger.default.rest}"
542
1047
  }
@@ -546,28 +1051,58 @@
546
1051
  "borders": {
547
1052
  "border-width": {
548
1053
  "small": {
1054
+ "$extensions": {
1055
+ "com.figma.scopes": [
1056
+ "STROKE_FLOAT"
1057
+ ]
1058
+ },
549
1059
  "$type": "number",
550
1060
  "$value": "{border-width.10}"
551
1061
  },
552
1062
  "medium": {
1063
+ "$extensions": {
1064
+ "com.figma.scopes": [
1065
+ "STROKE_FLOAT"
1066
+ ]
1067
+ },
553
1068
  "$type": "number",
554
1069
  "$value": "{border-width.10}"
555
1070
  },
556
1071
  "large": {
1072
+ "$extensions": {
1073
+ "com.figma.scopes": [
1074
+ "STROKE_FLOAT"
1075
+ ]
1076
+ },
557
1077
  "$type": "number",
558
1078
  "$value": "{border-width.10}"
559
1079
  }
560
1080
  },
561
1081
  "border-radius": {
562
1082
  "small": {
1083
+ "$extensions": {
1084
+ "com.figma.scopes": [
1085
+ "CORNER_RADIUS"
1086
+ ]
1087
+ },
563
1088
  "$type": "number",
564
1089
  "$value": "{spacing.60}"
565
1090
  },
566
1091
  "medium": {
1092
+ "$extensions": {
1093
+ "com.figma.scopes": [
1094
+ "CORNER_RADIUS"
1095
+ ]
1096
+ },
567
1097
  "$type": "number",
568
1098
  "$value": "{spacing.60}"
569
1099
  },
570
1100
  "large": {
1101
+ "$extensions": {
1102
+ "com.figma.scopes": [
1103
+ "CORNER_RADIUS"
1104
+ ]
1105
+ },
571
1106
  "$type": "number",
572
1107
  "$value": "{spacing.60}"
573
1108
  }
@@ -577,42 +1112,87 @@
577
1112
  "inner-box": {
578
1113
  "gap": {
579
1114
  "small": {
1115
+ "$extensions": {
1116
+ "com.figma.scopes": [
1117
+ "GAP"
1118
+ ]
1119
+ },
580
1120
  "$type": "number",
581
1121
  "$value": "{spacing.60}"
582
1122
  },
583
1123
  "medium": {
1124
+ "$extensions": {
1125
+ "com.figma.scopes": [
1126
+ "GAP"
1127
+ ]
1128
+ },
584
1129
  "$type": "number",
585
1130
  "$value": "{spacing.80}"
586
1131
  },
587
1132
  "large": {
1133
+ "$extensions": {
1134
+ "com.figma.scopes": [
1135
+ "GAP"
1136
+ ]
1137
+ },
588
1138
  "$type": "number",
589
1139
  "$value": "{spacing.100}"
590
1140
  }
591
1141
  },
592
1142
  "horizontal": {
593
1143
  "small": {
1144
+ "$extensions": {
1145
+ "com.figma.scopes": [
1146
+ "GAP"
1147
+ ]
1148
+ },
594
1149
  "$type": "number",
595
1150
  "$value": "{spacing.110}"
596
1151
  },
597
1152
  "medium": {
1153
+ "$extensions": {
1154
+ "com.figma.scopes": [
1155
+ "GAP"
1156
+ ]
1157
+ },
598
1158
  "$type": "number",
599
1159
  "$value": "{spacing.150}"
600
1160
  },
601
1161
  "large": {
1162
+ "$extensions": {
1163
+ "com.figma.scopes": [
1164
+ "GAP"
1165
+ ]
1166
+ },
602
1167
  "$type": "number",
603
1168
  "$value": "{spacing.190}"
604
1169
  }
605
1170
  },
606
1171
  "vertical": {
607
1172
  "small": {
1173
+ "$extensions": {
1174
+ "com.figma.scopes": [
1175
+ "GAP"
1176
+ ]
1177
+ },
608
1178
  "$type": "number",
609
1179
  "$value": "{spacing.50}"
610
1180
  },
611
1181
  "medium": {
1182
+ "$extensions": {
1183
+ "com.figma.scopes": [
1184
+ "GAP"
1185
+ ]
1186
+ },
612
1187
  "$type": "number",
613
1188
  "$value": "{spacing.70}"
614
1189
  },
615
1190
  "large": {
1191
+ "$extensions": {
1192
+ "com.figma.scopes": [
1193
+ "GAP"
1194
+ ]
1195
+ },
616
1196
  "$type": "number",
617
1197
  "$value": "{spacing.90}"
618
1198
  }
@@ -621,14 +1201,29 @@
621
1201
  "message-box": {
622
1202
  "gap": {
623
1203
  "small": {
1204
+ "$extensions": {
1205
+ "com.figma.scopes": [
1206
+ "GAP"
1207
+ ]
1208
+ },
624
1209
  "$type": "number",
625
1210
  "$value": "{spacing.40}"
626
1211
  },
627
1212
  "medium": {
1213
+ "$extensions": {
1214
+ "com.figma.scopes": [
1215
+ "GAP"
1216
+ ]
1217
+ },
628
1218
  "$type": "number",
629
1219
  "$value": "{spacing.60}"
630
1220
  },
631
1221
  "large": {
1222
+ "$extensions": {
1223
+ "com.figma.scopes": [
1224
+ "GAP"
1225
+ ]
1226
+ },
632
1227
  "$type": "number",
633
1228
  "$value": "{spacing.80}"
634
1229
  }
@@ -637,14 +1232,29 @@
637
1232
  "button-box": {
638
1233
  "gap": {
639
1234
  "small": {
1235
+ "$extensions": {
1236
+ "com.figma.scopes": [
1237
+ "GAP"
1238
+ ]
1239
+ },
640
1240
  "$type": "number",
641
1241
  "$value": "{spacing.10}"
642
1242
  },
643
1243
  "medium": {
1244
+ "$extensions": {
1245
+ "com.figma.scopes": [
1246
+ "GAP"
1247
+ ]
1248
+ },
644
1249
  "$type": "number",
645
1250
  "$value": "{spacing.10}"
646
1251
  },
647
1252
  "large": {
1253
+ "$extensions": {
1254
+ "com.figma.scopes": [
1255
+ "GAP"
1256
+ ]
1257
+ },
648
1258
  "$type": "number",
649
1259
  "$value": "{spacing.10}"
650
1260
  }
@@ -656,12 +1266,22 @@
656
1266
  "color": {
657
1267
  "icon": {
658
1268
  "rest": {
1269
+ "$extensions": {
1270
+ "com.figma.scopes": [
1271
+ "SHAPE_FILL"
1272
+ ]
1273
+ },
659
1274
  "$type": "color",
660
1275
  "$value": "{color.content.neutral.subdued.rest}"
661
1276
  }
662
1277
  },
663
1278
  "title": {
664
1279
  "rest": {
1280
+ "$extensions": {
1281
+ "com.figma.scopes": [
1282
+ "TEXT_FILL"
1283
+ ]
1284
+ },
665
1285
  "$type": "color",
666
1286
  "$value": "{color.content.neutral.subdued.rest}"
667
1287
  }
@@ -671,14 +1291,29 @@
671
1291
  "inner-box": {
672
1292
  "gap": {
673
1293
  "small": {
1294
+ "$extensions": {
1295
+ "com.figma.scopes": [
1296
+ "GAP"
1297
+ ]
1298
+ },
674
1299
  "$type": "number",
675
1300
  "$value": "{spacing.80}"
676
1301
  },
677
1302
  "medium": {
1303
+ "$extensions": {
1304
+ "com.figma.scopes": [
1305
+ "GAP"
1306
+ ]
1307
+ },
678
1308
  "$type": "number",
679
1309
  "$value": "{spacing.120}"
680
1310
  },
681
1311
  "large": {
1312
+ "$extensions": {
1313
+ "com.figma.scopes": [
1314
+ "GAP"
1315
+ ]
1316
+ },
682
1317
  "$type": "number",
683
1318
  "$value": "{spacing.160}"
684
1319
  }
@@ -687,28 +1322,58 @@
687
1322
  "outer-box": {
688
1323
  "gap": {
689
1324
  "small": {
1325
+ "$extensions": {
1326
+ "com.figma.scopes": [
1327
+ "GAP"
1328
+ ]
1329
+ },
690
1330
  "$type": "number",
691
1331
  "$value": "{spacing.240}"
692
1332
  },
693
1333
  "medium": {
1334
+ "$extensions": {
1335
+ "com.figma.scopes": [
1336
+ "GAP"
1337
+ ]
1338
+ },
694
1339
  "$type": "number",
695
1340
  "$value": "{spacing.320}"
696
1341
  },
697
1342
  "large": {
1343
+ "$extensions": {
1344
+ "com.figma.scopes": [
1345
+ "GAP"
1346
+ ]
1347
+ },
698
1348
  "$type": "number",
699
1349
  "$value": "{spacing.400}"
700
1350
  }
701
1351
  },
702
1352
  "max-width": {
703
1353
  "small": {
1354
+ "$extensions": {
1355
+ "com.figma.scopes": [
1356
+ "WIDTH_HEIGHT"
1357
+ ]
1358
+ },
704
1359
  "$type": "number",
705
1360
  "$value": 556
706
1361
  },
707
1362
  "medium": {
1363
+ "$extensions": {
1364
+ "com.figma.scopes": [
1365
+ "WIDTH_HEIGHT"
1366
+ ]
1367
+ },
708
1368
  "$type": "number",
709
1369
  "$value": 684
710
1370
  },
711
1371
  "large": {
1372
+ "$extensions": {
1373
+ "com.figma.scopes": [
1374
+ "WIDTH_HEIGHT"
1375
+ ]
1376
+ },
712
1377
  "$type": "number",
713
1378
  "$value": 812
714
1379
  }
@@ -717,14 +1382,29 @@
717
1382
  "title-box": {
718
1383
  "gap": {
719
1384
  "small": {
1385
+ "$extensions": {
1386
+ "com.figma.scopes": [
1387
+ "GAP"
1388
+ ]
1389
+ },
720
1390
  "$type": "number",
721
1391
  "$value": "{spacing.20}"
722
1392
  },
723
1393
  "medium": {
1394
+ "$extensions": {
1395
+ "com.figma.scopes": [
1396
+ "GAP"
1397
+ ]
1398
+ },
724
1399
  "$type": "number",
725
1400
  "$value": "{spacing.20}"
726
1401
  },
727
1402
  "large": {
1403
+ "$extensions": {
1404
+ "com.figma.scopes": [
1405
+ "GAP"
1406
+ ]
1407
+ },
728
1408
  "$type": "number",
729
1409
  "$value": "{spacing.40}"
730
1410
  }
@@ -735,42 +1415,87 @@
735
1415
  "title": {
736
1416
  "font-weight": {
737
1417
  "small": {
1418
+ "$extensions": {
1419
+ "com.figma.scopes": [
1420
+ "FONT_WEIGHT"
1421
+ ]
1422
+ },
738
1423
  "$type": "number",
739
1424
  "$value": "{font-weight.title.default}"
740
1425
  },
741
1426
  "medium": {
1427
+ "$extensions": {
1428
+ "com.figma.scopes": [
1429
+ "FONT_WEIGHT"
1430
+ ]
1431
+ },
742
1432
  "$type": "number",
743
1433
  "$value": "{font-weight.title.default}"
744
1434
  },
745
1435
  "large": {
1436
+ "$extensions": {
1437
+ "com.figma.scopes": [
1438
+ "FONT_WEIGHT"
1439
+ ]
1440
+ },
746
1441
  "$type": "number",
747
1442
  "$value": "{font-weight.title.default}"
748
1443
  }
749
1444
  },
750
1445
  "font-size": {
751
1446
  "small": {
1447
+ "$extensions": {
1448
+ "com.figma.scopes": [
1449
+ "FONT_SIZE"
1450
+ ]
1451
+ },
752
1452
  "$type": "number",
753
1453
  "$value": "{font-size.title.sm}"
754
1454
  },
755
1455
  "medium": {
1456
+ "$extensions": {
1457
+ "com.figma.scopes": [
1458
+ "FONT_SIZE"
1459
+ ]
1460
+ },
756
1461
  "$type": "number",
757
1462
  "$value": "{font-size.title.md}"
758
1463
  },
759
1464
  "large": {
1465
+ "$extensions": {
1466
+ "com.figma.scopes": [
1467
+ "FONT_SIZE"
1468
+ ]
1469
+ },
760
1470
  "$type": "number",
761
1471
  "$value": "{font-size.title.lg}"
762
1472
  }
763
1473
  },
764
1474
  "line-height": {
765
1475
  "small": {
1476
+ "$extensions": {
1477
+ "com.figma.scopes": [
1478
+ "LINE_HEIGHT"
1479
+ ]
1480
+ },
766
1481
  "$type": "number",
767
1482
  "$value": "{line-height.title.sm}"
768
1483
  },
769
1484
  "medium": {
1485
+ "$extensions": {
1486
+ "com.figma.scopes": [
1487
+ "LINE_HEIGHT"
1488
+ ]
1489
+ },
770
1490
  "$type": "number",
771
1491
  "$value": "{line-height.title.md}"
772
1492
  },
773
1493
  "large": {
1494
+ "$extensions": {
1495
+ "com.figma.scopes": [
1496
+ "LINE_HEIGHT"
1497
+ ]
1498
+ },
774
1499
  "$type": "number",
775
1500
  "$value": "{line-height.title.lg}"
776
1501
  }
@@ -782,25 +1507,445 @@
782
1507
  "color": {
783
1508
  "bg": {
784
1509
  "rest": {
1510
+ "$extensions": {
1511
+ "com.figma.scopes": [
1512
+ "FRAME_FILL"
1513
+ ]
1514
+ },
785
1515
  "$type": "color",
786
1516
  "$value": "{color.surface.neutral.default.rest}"
787
1517
  }
788
1518
  }
789
1519
  }
790
1520
  },
1521
+ "function-call-header": {
1522
+ "color": {
1523
+ "icon": {
1524
+ "rest": {
1525
+ "$extensions": {
1526
+ "com.figma.scopes": [
1527
+ "SHAPE_FILL"
1528
+ ]
1529
+ },
1530
+ "$type": "color",
1531
+ "$value": "{color.content.neutral.default.rest}"
1532
+ }
1533
+ },
1534
+ "bg": {
1535
+ "rest": {
1536
+ "$extensions": {
1537
+ "com.figma.scopes": [
1538
+ "FRAME_FILL"
1539
+ ]
1540
+ },
1541
+ "$type": "color",
1542
+ "$value": "{color.surface.neutral.deep.rest}"
1543
+ },
1544
+ "hovered": {
1545
+ "$extensions": {
1546
+ "com.figma.scopes": [
1547
+ "FRAME_FILL"
1548
+ ]
1549
+ },
1550
+ "$type": "color",
1551
+ "$value": "{color.surface.neutral.deep.hovered}"
1552
+ }
1553
+ }
1554
+ },
1555
+ "borders": {
1556
+ "border-radius": {
1557
+ "small": {
1558
+ "$extensions": {
1559
+ "com.figma.scopes": [
1560
+ "CORNER_RADIUS"
1561
+ ]
1562
+ },
1563
+ "$type": "number",
1564
+ "$value": "{border-radius.60}"
1565
+ },
1566
+ "medium": {
1567
+ "$extensions": {
1568
+ "com.figma.scopes": [
1569
+ "CORNER_RADIUS"
1570
+ ]
1571
+ },
1572
+ "$type": "number",
1573
+ "$value": "{border-radius.60}"
1574
+ },
1575
+ "large": {
1576
+ "$extensions": {
1577
+ "com.figma.scopes": [
1578
+ "CORNER_RADIUS"
1579
+ ]
1580
+ },
1581
+ "$type": "number",
1582
+ "$value": "{border-radius.60}"
1583
+ }
1584
+ }
1585
+ },
1586
+ "layout": {
1587
+ "horizontal": {
1588
+ "small": {
1589
+ "$extensions": {
1590
+ "com.figma.scopes": [
1591
+ "GAP"
1592
+ ]
1593
+ },
1594
+ "$type": "number",
1595
+ "$value": "{spacing.120}"
1596
+ },
1597
+ "medium": {
1598
+ "$extensions": {
1599
+ "com.figma.scopes": [
1600
+ "GAP"
1601
+ ]
1602
+ },
1603
+ "$type": "number",
1604
+ "$value": "{spacing.160}"
1605
+ },
1606
+ "large": {
1607
+ "$extensions": {
1608
+ "com.figma.scopes": [
1609
+ "GAP"
1610
+ ]
1611
+ },
1612
+ "$type": "number",
1613
+ "$value": "{spacing.200}"
1614
+ }
1615
+ },
1616
+ "vertical": {
1617
+ "small": {
1618
+ "$extensions": {
1619
+ "com.figma.scopes": [
1620
+ "GAP"
1621
+ ]
1622
+ },
1623
+ "$type": "number",
1624
+ "$value": "{spacing.60}"
1625
+ },
1626
+ "medium": {
1627
+ "$extensions": {
1628
+ "com.figma.scopes": [
1629
+ "GAP"
1630
+ ]
1631
+ },
1632
+ "$type": "number",
1633
+ "$value": "{spacing.80}"
1634
+ },
1635
+ "large": {
1636
+ "$extensions": {
1637
+ "com.figma.scopes": [
1638
+ "GAP"
1639
+ ]
1640
+ },
1641
+ "$type": "number",
1642
+ "$value": "{spacing.100}"
1643
+ }
1644
+ },
1645
+ "gap": {
1646
+ "small": {
1647
+ "$extensions": {
1648
+ "com.figma.scopes": [
1649
+ "GAP"
1650
+ ]
1651
+ },
1652
+ "$type": "number",
1653
+ "$value": "{spacing.60}"
1654
+ },
1655
+ "medium": {
1656
+ "$extensions": {
1657
+ "com.figma.scopes": [
1658
+ "GAP"
1659
+ ]
1660
+ },
1661
+ "$type": "number",
1662
+ "$value": "{spacing.80}"
1663
+ },
1664
+ "large": {
1665
+ "$extensions": {
1666
+ "com.figma.scopes": [
1667
+ "GAP"
1668
+ ]
1669
+ },
1670
+ "$type": "number",
1671
+ "$value": "{spacing.100}"
1672
+ }
1673
+ }
1674
+ }
1675
+ },
1676
+ "function-call-content": {
1677
+ "color": {
1678
+ "title": {
1679
+ "rest": {
1680
+ "$extensions": {
1681
+ "com.figma.scopes": [
1682
+ "TEXT_FILL"
1683
+ ]
1684
+ },
1685
+ "$type": "color",
1686
+ "$value": "{color.content.neutral.subdued.rest}"
1687
+ }
1688
+ }
1689
+ },
1690
+ "typography": {
1691
+ "title": {
1692
+ "font-weight": {
1693
+ "small": {
1694
+ "$extensions": {
1695
+ "com.figma.scopes": [
1696
+ "FONT_WEIGHT"
1697
+ ]
1698
+ },
1699
+ "$type": "number",
1700
+ "$value": "{font-weight.base.stronger}"
1701
+ },
1702
+ "medium": {
1703
+ "$extensions": {
1704
+ "com.figma.scopes": [
1705
+ "FONT_WEIGHT"
1706
+ ]
1707
+ },
1708
+ "$type": "number",
1709
+ "$value": "{font-weight.base.stronger}"
1710
+ },
1711
+ "large": {
1712
+ "$extensions": {
1713
+ "com.figma.scopes": [
1714
+ "FONT_WEIGHT"
1715
+ ]
1716
+ },
1717
+ "$type": "number",
1718
+ "$value": "{font-weight.base.stronger}"
1719
+ }
1720
+ }
1721
+ }
1722
+ },
1723
+ "layout": {
1724
+ "outer-box": {
1725
+ "horizontal": {
1726
+ "small": {
1727
+ "$extensions": {
1728
+ "com.figma.scopes": [
1729
+ "GAP"
1730
+ ]
1731
+ },
1732
+ "$type": "number",
1733
+ "$value": "{spacing.120}"
1734
+ },
1735
+ "medium": {
1736
+ "$extensions": {
1737
+ "com.figma.scopes": [
1738
+ "GAP"
1739
+ ]
1740
+ },
1741
+ "$type": "number",
1742
+ "$value": "{spacing.160}"
1743
+ },
1744
+ "large": {
1745
+ "$extensions": {
1746
+ "com.figma.scopes": [
1747
+ "GAP"
1748
+ ]
1749
+ },
1750
+ "$type": "number",
1751
+ "$value": "{spacing.200}"
1752
+ }
1753
+ },
1754
+ "vertical": {
1755
+ "small": {
1756
+ "$extensions": {
1757
+ "com.figma.scopes": [
1758
+ "GAP"
1759
+ ]
1760
+ },
1761
+ "$type": "number",
1762
+ "$value": "{spacing.60}"
1763
+ },
1764
+ "medium": {
1765
+ "$extensions": {
1766
+ "com.figma.scopes": [
1767
+ "GAP"
1768
+ ]
1769
+ },
1770
+ "$type": "number",
1771
+ "$value": "{spacing.80}"
1772
+ },
1773
+ "large": {
1774
+ "$extensions": {
1775
+ "com.figma.scopes": [
1776
+ "GAP"
1777
+ ]
1778
+ },
1779
+ "$type": "number",
1780
+ "$value": "{spacing.100}"
1781
+ }
1782
+ },
1783
+ "gap": {
1784
+ "small": {
1785
+ "$extensions": {
1786
+ "com.figma.scopes": [
1787
+ "GAP"
1788
+ ]
1789
+ },
1790
+ "$type": "number",
1791
+ "$value": "{spacing.120}"
1792
+ },
1793
+ "medium": {
1794
+ "$extensions": {
1795
+ "com.figma.scopes": [
1796
+ "GAP"
1797
+ ]
1798
+ },
1799
+ "$type": "number",
1800
+ "$value": "{spacing.160}"
1801
+ },
1802
+ "large": {
1803
+ "$extensions": {
1804
+ "com.figma.scopes": [
1805
+ "GAP"
1806
+ ]
1807
+ },
1808
+ "$type": "number",
1809
+ "$value": "{spacing.200}"
1810
+ }
1811
+ }
1812
+ },
1813
+ "group-box": {
1814
+ "gap": {
1815
+ "small": {
1816
+ "$extensions": {
1817
+ "com.figma.scopes": [
1818
+ "GAP"
1819
+ ]
1820
+ },
1821
+ "$type": "number",
1822
+ "$value": "{spacing.80}"
1823
+ },
1824
+ "medium": {
1825
+ "$extensions": {
1826
+ "com.figma.scopes": [
1827
+ "GAP"
1828
+ ]
1829
+ },
1830
+ "$type": "number",
1831
+ "$value": "{spacing.120}"
1832
+ },
1833
+ "large": {
1834
+ "$extensions": {
1835
+ "com.figma.scopes": [
1836
+ "GAP"
1837
+ ]
1838
+ },
1839
+ "$type": "number",
1840
+ "$value": "{spacing.160}"
1841
+ }
1842
+ }
1843
+ },
1844
+ "item-box": {
1845
+ "gap": {
1846
+ "small": {
1847
+ "$extensions": {
1848
+ "com.figma.scopes": [
1849
+ "GAP"
1850
+ ]
1851
+ },
1852
+ "$type": "number",
1853
+ "$value": "{spacing.20}"
1854
+ },
1855
+ "medium": {
1856
+ "$extensions": {
1857
+ "com.figma.scopes": [
1858
+ "GAP"
1859
+ ]
1860
+ },
1861
+ "$type": "number",
1862
+ "$value": "{spacing.20}"
1863
+ },
1864
+ "large": {
1865
+ "$extensions": {
1866
+ "com.figma.scopes": [
1867
+ "GAP"
1868
+ ]
1869
+ },
1870
+ "$type": "number",
1871
+ "$value": "{spacing.20}"
1872
+ }
1873
+ }
1874
+ }
1875
+ }
1876
+ },
1877
+ "function-call-item": {
1878
+ "color": {
1879
+ "bg": {
1880
+ "$extensions": {
1881
+ "com.figma.scopes": [
1882
+ "FRAME_FILL"
1883
+ ]
1884
+ },
1885
+ "$type": "color",
1886
+ "$value": "{color.surface.neutral.deep.rest}"
1887
+ }
1888
+ },
1889
+ "borders": {
1890
+ "border-radius": {
1891
+ "small": {
1892
+ "$extensions": {
1893
+ "com.figma.scopes": [
1894
+ "CORNER_RADIUS"
1895
+ ]
1896
+ },
1897
+ "$type": "number",
1898
+ "$value": "{border-radius.60}"
1899
+ },
1900
+ "medium": {
1901
+ "$extensions": {
1902
+ "com.figma.scopes": [
1903
+ "CORNER_RADIUS"
1904
+ ]
1905
+ },
1906
+ "$type": "number",
1907
+ "$value": "{border-radius.60}"
1908
+ },
1909
+ "large": {
1910
+ "$extensions": {
1911
+ "com.figma.scopes": [
1912
+ "CORNER_RADIUS"
1913
+ ]
1914
+ },
1915
+ "$type": "number",
1916
+ "$value": "{border-radius.60}"
1917
+ }
1918
+ }
1919
+ }
1920
+ },
791
1921
  "input": {
792
1922
  "layout": {
793
1923
  "inner-box": {
794
1924
  "gap": {
795
1925
  "small": {
1926
+ "$extensions": {
1927
+ "com.figma.scopes": [
1928
+ "GAP"
1929
+ ]
1930
+ },
796
1931
  "$type": "number",
797
1932
  "$value": "{spacing.0}"
798
1933
  },
799
1934
  "medium": {
1935
+ "$extensions": {
1936
+ "com.figma.scopes": [
1937
+ "GAP"
1938
+ ]
1939
+ },
800
1940
  "$type": "number",
801
1941
  "$value": "{spacing.0}"
802
1942
  },
803
1943
  "large": {
1944
+ "$extensions": {
1945
+ "com.figma.scopes": [
1946
+ "GAP"
1947
+ ]
1948
+ },
804
1949
  "$type": "number",
805
1950
  "$value": "{spacing.0}"
806
1951
  }
@@ -809,28 +1954,58 @@
809
1954
  "warning-box": {
810
1955
  "vertical-start": {
811
1956
  "small": {
1957
+ "$extensions": {
1958
+ "com.figma.scopes": [
1959
+ "GAP"
1960
+ ]
1961
+ },
812
1962
  "$type": "number",
813
1963
  "$value": "{spacing.30}"
814
1964
  },
815
1965
  "medium": {
1966
+ "$extensions": {
1967
+ "com.figma.scopes": [
1968
+ "GAP"
1969
+ ]
1970
+ },
816
1971
  "$type": "number",
817
1972
  "$value": "{spacing.50}"
818
1973
  },
819
1974
  "large": {
1975
+ "$extensions": {
1976
+ "com.figma.scopes": [
1977
+ "GAP"
1978
+ ]
1979
+ },
820
1980
  "$type": "number",
821
1981
  "$value": "{spacing.70}"
822
1982
  }
823
1983
  },
824
1984
  "vertical-end": {
825
1985
  "small": {
1986
+ "$extensions": {
1987
+ "com.figma.scopes": [
1988
+ "GAP"
1989
+ ]
1990
+ },
826
1991
  "$type": "number",
827
1992
  "$value": "{spacing.40}"
828
1993
  },
829
1994
  "medium": {
1995
+ "$extensions": {
1996
+ "com.figma.scopes": [
1997
+ "GAP"
1998
+ ]
1999
+ },
830
2000
  "$type": "number",
831
2001
  "$value": "{spacing.60}"
832
2002
  },
833
2003
  "large": {
2004
+ "$extensions": {
2005
+ "com.figma.scopes": [
2006
+ "GAP"
2007
+ ]
2008
+ },
834
2009
  "$type": "number",
835
2010
  "$value": "{spacing.80}"
836
2011
  }
@@ -839,28 +2014,58 @@
839
2014
  "attachment-box": {
840
2015
  "gap": {
841
2016
  "small": {
2017
+ "$extensions": {
2018
+ "com.figma.scopes": [
2019
+ "GAP"
2020
+ ]
2021
+ },
842
2022
  "$type": "number",
843
2023
  "$value": "{spacing.40}"
844
2024
  },
845
2025
  "medium": {
2026
+ "$extensions": {
2027
+ "com.figma.scopes": [
2028
+ "GAP"
2029
+ ]
2030
+ },
846
2031
  "$type": "number",
847
2032
  "$value": "{spacing.60}"
848
2033
  },
849
2034
  "large": {
2035
+ "$extensions": {
2036
+ "com.figma.scopes": [
2037
+ "GAP"
2038
+ ]
2039
+ },
850
2040
  "$type": "number",
851
2041
  "$value": "{spacing.80}"
852
2042
  }
853
2043
  },
854
2044
  "vertical": {
855
2045
  "small": {
2046
+ "$extensions": {
2047
+ "com.figma.scopes": [
2048
+ "GAP"
2049
+ ]
2050
+ },
856
2051
  "$type": "number",
857
2052
  "$value": "{spacing.40}"
858
2053
  },
859
2054
  "medium": {
2055
+ "$extensions": {
2056
+ "com.figma.scopes": [
2057
+ "GAP"
2058
+ ]
2059
+ },
860
2060
  "$type": "number",
861
2061
  "$value": "{spacing.60}"
862
2062
  },
863
2063
  "large": {
2064
+ "$extensions": {
2065
+ "com.figma.scopes": [
2066
+ "GAP"
2067
+ ]
2068
+ },
864
2069
  "$type": "number",
865
2070
  "$value": "{spacing.80}"
866
2071
  }
@@ -869,28 +2074,58 @@
869
2074
  "button-box": {
870
2075
  "vertical-end": {
871
2076
  "small": {
2077
+ "$extensions": {
2078
+ "com.figma.scopes": [
2079
+ "GAP"
2080
+ ]
2081
+ },
872
2082
  "$type": "number",
873
2083
  "$value": "{spacing.30}"
874
2084
  },
875
2085
  "medium": {
2086
+ "$extensions": {
2087
+ "com.figma.scopes": [
2088
+ "GAP"
2089
+ ]
2090
+ },
876
2091
  "$type": "number",
877
2092
  "$value": "{spacing.50}"
878
2093
  },
879
2094
  "large": {
2095
+ "$extensions": {
2096
+ "com.figma.scopes": [
2097
+ "GAP"
2098
+ ]
2099
+ },
880
2100
  "$type": "number",
881
2101
  "$value": "{spacing.70}"
882
2102
  }
883
2103
  },
884
2104
  "vertical-start": {
885
2105
  "small": {
2106
+ "$extensions": {
2107
+ "com.figma.scopes": [
2108
+ "GAP"
2109
+ ]
2110
+ },
886
2111
  "$type": "number",
887
2112
  "$value": "{spacing.40}"
888
2113
  },
889
2114
  "medium": {
2115
+ "$extensions": {
2116
+ "com.figma.scopes": [
2117
+ "GAP"
2118
+ ]
2119
+ },
890
2120
  "$type": "number",
891
2121
  "$value": "{spacing.60}"
892
2122
  },
893
2123
  "large": {
2124
+ "$extensions": {
2125
+ "com.figma.scopes": [
2126
+ "GAP"
2127
+ ]
2128
+ },
894
2129
  "$type": "number",
895
2130
  "$value": "{spacing.80}"
896
2131
  }
@@ -899,14 +2134,29 @@
899
2134
  "input-box": {
900
2135
  "vertical": {
901
2136
  "small": {
2137
+ "$extensions": {
2138
+ "com.figma.scopes": [
2139
+ "GAP"
2140
+ ]
2141
+ },
902
2142
  "$type": "number",
903
2143
  "$value": "{spacing.40}"
904
2144
  },
905
2145
  "medium": {
2146
+ "$extensions": {
2147
+ "com.figma.scopes": [
2148
+ "GAP"
2149
+ ]
2150
+ },
906
2151
  "$type": "number",
907
2152
  "$value": "{spacing.60}"
908
2153
  },
909
2154
  "large": {
2155
+ "$extensions": {
2156
+ "com.figma.scopes": [
2157
+ "GAP"
2158
+ ]
2159
+ },
910
2160
  "$type": "number",
911
2161
  "$value": "{spacing.80}"
912
2162
  }
@@ -918,33 +2168,63 @@
918
2168
  "layout": {
919
2169
  "gap": {
920
2170
  "small": {
2171
+ "$extensions": {
2172
+ "com.figma.scopes": [
2173
+ "GAP"
2174
+ ]
2175
+ },
921
2176
  "$type": "number",
922
2177
  "$value": "{spacing.80}"
923
2178
  },
924
2179
  "medium": {
2180
+ "$extensions": {
2181
+ "com.figma.scopes": [
2182
+ "GAP"
2183
+ ]
2184
+ },
925
2185
  "$type": "number",
926
2186
  "$value": "{spacing.120}"
927
2187
  },
928
2188
  "large": {
2189
+ "$extensions": {
2190
+ "com.figma.scopes": [
2191
+ "GAP"
2192
+ ]
2193
+ },
929
2194
  "$type": "number",
930
2195
  "$value": "{spacing.160}"
931
2196
  }
932
2197
  }
933
2198
  }
934
2199
  },
935
- "ai-chat": {
2200
+ "root": {
936
2201
  "layout": {
937
2202
  "outer-box": {
938
2203
  "gap": {
939
2204
  "small": {
2205
+ "$extensions": {
2206
+ "com.figma.scopes": [
2207
+ "GAP"
2208
+ ]
2209
+ },
940
2210
  "$type": "number",
941
2211
  "$value": "{spacing.0}"
942
2212
  },
943
2213
  "medium": {
2214
+ "$extensions": {
2215
+ "com.figma.scopes": [
2216
+ "GAP"
2217
+ ]
2218
+ },
944
2219
  "$type": "number",
945
2220
  "$value": "{spacing.0}"
946
2221
  },
947
2222
  "large": {
2223
+ "$extensions": {
2224
+ "com.figma.scopes": [
2225
+ "GAP"
2226
+ ]
2227
+ },
948
2228
  "$type": "number",
949
2229
  "$value": "{spacing.0}"
950
2230
  }