@devexpress/design-tokens-internal 261.0.2 → 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 (122) hide show
  1. package/package.json +3 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +783 -0
  4. package/tokens/components/core/ai-chat/fluent.json +2236 -0
  5. package/tokens/components/core/badge/fluent.json +159 -0
  6. package/tokens/components/core/button/fluent.json +301 -0
  7. package/tokens/components/core/calendar/fluent.json +1601 -0
  8. package/tokens/components/core/checkbox/fluent.json +812 -0
  9. package/tokens/components/core/collapse-button/fluent.json +333 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +170 -0
  12. package/tokens/components/core/container-footer/fluent.json +202 -0
  13. package/tokens/components/core/container-header/fluent.json +329 -0
  14. package/tokens/components/core/dialog/fluent.json +173 -0
  15. package/tokens/components/core/drawer/fluent.json +158 -0
  16. package/tokens/components/core/empty-item/fluent.json +350 -0
  17. package/tokens/components/core/focus-rect/fluent.json +82 -0
  18. package/tokens/components/core/form/fluent.json +344 -0
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +147 -0
  21. package/tokens/components/core/indent-space/fluent.json +110 -0
  22. package/tokens/components/core/label/fluent.json +138 -0
  23. package/tokens/components/core/link/fluent.json +291 -0
  24. package/tokens/components/core/listbox/fluent.json +826 -0
  25. package/tokens/components/core/menu/fluent.json +682 -0
  26. package/tokens/components/core/message-bar/fluent.json +252 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +788 -0
  28. package/tokens/components/core/pagination/fluent.json +536 -0
  29. package/tokens/components/core/popover/fluent.json +185 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +46 -0
  31. package/tokens/components/core/popover-body/fluent.json +172 -0
  32. package/tokens/components/core/popover-footer/fluent.json +139 -0
  33. package/tokens/components/core/popover-header/fluent.json +290 -0
  34. package/tokens/components/core/popup/fluent.json +182 -0
  35. package/tokens/components/core/progress-bar/fluent.json +258 -0
  36. package/tokens/components/core/radio-button/fluent.json +486 -0
  37. package/tokens/components/core/ribbon/fluent.json +1717 -0
  38. package/tokens/components/core/scroll-bar/fluent.json +148 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
  41. package/tokens/components/core/splitter/fluent.json +877 -0
  42. package/tokens/components/core/switch/fluent.json +722 -0
  43. package/tokens/components/core/tabs/fluent.json +607 -0
  44. package/tokens/components/core/tag/fluent.json +303 -0
  45. package/tokens/components/core/text-box/fluent.json +404 -0
  46. package/tokens/components/core/text-edit/fluent.json +623 -0
  47. package/tokens/components/core/toast/fluent.json +372 -0
  48. package/tokens/components/core/toolbar/fluent.json +423 -0
  49. package/tokens/components/core/tooltip/fluent.json +221 -0
  50. package/tokens/components/core/treeview/fluent.json +818 -0
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +117 -0
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +546 -0
  55. package/tokens/components/desktop/button-edit/fluent.json +454 -0
  56. package/tokens/components/desktop/button-group/fluent.json +70 -0
  57. package/tokens/components/desktop/button-text/fluent.json +228 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +54 -0
  59. package/tokens/components/desktop/datapager/fluent.json +202 -0
  60. package/tokens/components/desktop/filter-edit/fluent.json +454 -0
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
  63. package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
  64. package/tokens/components/desktop/progress-bar/fluent.json +568 -0
  65. package/tokens/components/desktop/radio-button/fluent.json +67 -0
  66. package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +50 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +312 -0
  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 +3068 -0
  74. package/tokens/components/web/button-group/fluent.json +70 -0
  75. package/tokens/components/web/carousel/fluent.json +2843 -0
  76. package/tokens/components/web/checkbox/fluent.json +256 -0
  77. package/tokens/components/web/color-palette/fluent.json +1245 -0
  78. package/tokens/components/web/column-chooser/fluent.json +331 -0
  79. package/tokens/components/web/filter-builder/fluent.json +1085 -0
  80. package/tokens/components/web/form-layout/fluent.json +1103 -0
  81. package/tokens/components/web/html-editor/fluent.json +276 -0
  82. package/tokens/components/web/listbox/fluent.json +298 -0
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
  84. package/tokens/components/web/memo/fluent.json +50 -0
  85. package/tokens/components/web/menu/fluent.json +39 -0
  86. package/tokens/components/web/message-bar/fluent.json +181 -0
  87. package/tokens/components/web/message-box/fluent.json +61 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +109 -0
  89. package/tokens/components/web/pager/fluent.json +187 -0
  90. package/tokens/components/web/progress-bar/fluent.json +197 -0
  91. package/tokens/components/web/radio/fluent.json +260 -0
  92. package/tokens/components/web/ribbon/fluent.json +122 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
  94. package/tokens/components/web/scheduler/fluent.json +2662 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +520 -0
  96. package/tokens/components/web/split-button/fluent.json +143 -0
  97. package/tokens/components/web/switcher/fluent.json +192 -0
  98. package/tokens/components/web/tabs/fluent.json +258 -0
  99. package/tokens/components/web/tagbox/fluent.json +147 -0
  100. package/tokens/components/web/text-edit/fluent.json +334 -0
  101. package/tokens/components/web/toast/fluent.json +1228 -0
  102. package/tokens/components/web/toolbar/fluent.json +165 -0
  103. package/tokens/components/web/tooltip/fluent.json +31 -0
  104. package/tokens/components/web/treeview/fluent.json +2409 -0
  105. package/tokens/components/web/uploader/fluent.json +2963 -0
  106. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  107. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  108. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  109. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  110. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  111. package/tokens/figma-utils/icon/property.json +48 -0
  112. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  113. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  114. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  115. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  116. package/tokens/figma-utils/typography/styles.json +400 -0
  117. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  118. package/tokens/semantic/colors/dx-office/light.json +12 -0
  119. package/tokens/semantic/colors/fluent/dark.json +24 -12
  120. package/tokens/semantic/colors/fluent/light.json +24 -12
  121. package/tokens/global/dx-office/theme-builder.json +0 -56
  122. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/core/ai-chat/fluent.json ADDED
@@ -0,0 +1,2236 @@
1
+ {
2
+ "ai-chat": {
3
+ "prompt-suggestion-item": {
4
+ "color": {
5
+ "icon": {
6
+ "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "SHAPE_FILL"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.content.neutral.default.rest}"
14
+ },
15
+ "disabled": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "SHAPE_FILL"
19
+ ]
20
+ },
21
+ "$type": "color",
22
+ "$value": "{color.content.neutral.default.disabled}"
23
+ }
24
+ },
25
+ "subtitle": {
26
+ "rest": {
27
+ "$extensions": {
28
+ "com.figma.scopes": [
29
+ "TEXT_FILL"
30
+ ]
31
+ },
32
+ "$type": "color",
33
+ "$value": "{color.content.neutral.subdued.rest}"
34
+ },
35
+ "disabled": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "TEXT_FILL"
39
+ ]
40
+ },
41
+ "$type": "color",
42
+ "$value": "{color.content.neutral.subdued.disabled}"
43
+ }
44
+ },
45
+ "bg": {
46
+ "rest": {
47
+ "$extensions": {
48
+ "com.figma.scopes": [
49
+ "FRAME_FILL"
50
+ ]
51
+ },
52
+ "$type": "color",
53
+ "$value": "{color.surface.neutral.default.rest}"
54
+ },
55
+ "hovered": {
56
+ "$extensions": {
57
+ "com.figma.scopes": [
58
+ "FRAME_FILL"
59
+ ]
60
+ },
61
+ "$type": "color",
62
+ "$value": "{color.surface.neutral.default.hovered}"
63
+ },
64
+ "active": {
65
+ "$extensions": {
66
+ "com.figma.scopes": [
67
+ "FRAME_FILL"
68
+ ]
69
+ },
70
+ "$type": "color",
71
+ "$value": "{color.surface.neutral.default.active}"
72
+ },
73
+ "disabled": {
74
+ "$extensions": {
75
+ "com.figma.scopes": [
76
+ "FRAME_FILL"
77
+ ]
78
+ },
79
+ "$type": "color",
80
+ "$value": "{color.surface.neutral.default.disabled}"
81
+ }
82
+ },
83
+ "border": {
84
+ "rest": {
85
+ "$extensions": {
86
+ "com.figma.scopes": [
87
+ "STROKE_COLOR"
88
+ ]
89
+ },
90
+ "$type": "color",
91
+ "$value": "{color.border.neutral.default.rest}"
92
+ },
93
+ "hovered": {
94
+ "$extensions": {
95
+ "com.figma.scopes": [
96
+ "STROKE_COLOR"
97
+ ]
98
+ },
99
+ "$type": "color",
100
+ "$value": "{color.border.neutral.default.hovered}"
101
+ },
102
+ "active": {
103
+ "$extensions": {
104
+ "com.figma.scopes": [
105
+ "STROKE_COLOR"
106
+ ]
107
+ },
108
+ "$type": "color",
109
+ "$value": "{color.border.neutral.default.active}"
110
+ },
111
+ "disabled": {
112
+ "$extensions": {
113
+ "com.figma.scopes": [
114
+ "STROKE_COLOR"
115
+ ]
116
+ },
117
+ "$type": "color",
118
+ "$value": "{color.border.neutral.default.disabled}"
119
+ },
120
+ "focused": {
121
+ "$extensions": {
122
+ "com.figma.scopes": [
123
+ "STROKE_COLOR"
124
+ ]
125
+ },
126
+ "$type": "color",
127
+ "$value": "{color.border.transparent.rest}"
128
+ }
129
+ }
130
+ },
131
+ "borders": {
132
+ "border-radius": {
133
+ "small": {
134
+ "$extensions": {
135
+ "com.figma.scopes": [
136
+ "CORNER_RADIUS"
137
+ ]
138
+ },
139
+ "$type": "number",
140
+ "$value": "{border-radius.80}"
141
+ },
142
+ "medium": {
143
+ "$extensions": {
144
+ "com.figma.scopes": [
145
+ "CORNER_RADIUS"
146
+ ]
147
+ },
148
+ "$type": "number",
149
+ "$value": "{border-radius.80}"
150
+ },
151
+ "large": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "CORNER_RADIUS"
155
+ ]
156
+ },
157
+ "$type": "number",
158
+ "$value": "{border-radius.80}"
159
+ }
160
+ },
161
+ "border-width": {
162
+ "small": {
163
+ "$extensions": {
164
+ "com.figma.scopes": [
165
+ "STROKE_FLOAT"
166
+ ]
167
+ },
168
+ "$type": "number",
169
+ "$value": "{border-width.10}"
170
+ },
171
+ "medium": {
172
+ "$extensions": {
173
+ "com.figma.scopes": [
174
+ "STROKE_FLOAT"
175
+ ]
176
+ },
177
+ "$type": "number",
178
+ "$value": "{border-width.10}"
179
+ },
180
+ "large": {
181
+ "$extensions": {
182
+ "com.figma.scopes": [
183
+ "STROKE_FLOAT"
184
+ ]
185
+ },
186
+ "$type": "number",
187
+ "$value": "{border-width.10}"
188
+ }
189
+ }
190
+ },
191
+ "typography": {
192
+ "title": {
193
+ "font-weight": {
194
+ "small": {
195
+ "$extensions": {
196
+ "com.figma.scopes": [
197
+ "FONT_WEIGHT"
198
+ ]
199
+ },
200
+ "$type": "number",
201
+ "$value": "{font-weight.base.strong}"
202
+ },
203
+ "medium": {
204
+ "$extensions": {
205
+ "com.figma.scopes": [
206
+ "FONT_WEIGHT"
207
+ ]
208
+ },
209
+ "$type": "number",
210
+ "$value": "{font-weight.base.strong}"
211
+ },
212
+ "large": {
213
+ "$extensions": {
214
+ "com.figma.scopes": [
215
+ "FONT_WEIGHT"
216
+ ]
217
+ },
218
+ "$type": "number",
219
+ "$value": "{font-weight.base.strong}"
220
+ }
221
+ }
222
+ },
223
+ "subtitle": {
224
+ "font-size": {
225
+ "medium": {
226
+ "$extensions": {
227
+ "com.figma.scopes": [
228
+ "FONT_SIZE"
229
+ ]
230
+ },
231
+ "$type": "number",
232
+ "$value": "{font-size.caption.md}"
233
+ },
234
+ "large": {
235
+ "$extensions": {
236
+ "com.figma.scopes": [
237
+ "FONT_SIZE"
238
+ ]
239
+ },
240
+ "$type": "number",
241
+ "$value": "{font-size.caption.lg}"
242
+ },
243
+ "small": {
244
+ "$extensions": {
245
+ "com.figma.scopes": [
246
+ "FONT_SIZE"
247
+ ]
248
+ },
249
+ "$type": "number",
250
+ "$value": "{font-size.caption.md}"
251
+ }
252
+ },
253
+ "line-height": {
254
+ "medium": {
255
+ "$extensions": {
256
+ "com.figma.scopes": [
257
+ "LINE_HEIGHT"
258
+ ]
259
+ },
260
+ "$type": "number",
261
+ "$value": "{line-height.caption.md}"
262
+ },
263
+ "large": {
264
+ "$extensions": {
265
+ "com.figma.scopes": [
266
+ "LINE_HEIGHT"
267
+ ]
268
+ },
269
+ "$type": "number",
270
+ "$value": "{line-height.caption.lg}"
271
+ },
272
+ "small": {
273
+ "$extensions": {
274
+ "com.figma.scopes": [
275
+ "LINE_HEIGHT"
276
+ ]
277
+ },
278
+ "$type": "number",
279
+ "$value": "{line-height.caption.md}"
280
+ }
281
+ },
282
+ "letter-spacing": {
283
+ "small": {
284
+ "$extensions": {
285
+ "com.figma.scopes": [
286
+ "LETTER_SPACING"
287
+ ]
288
+ },
289
+ "$type": "number",
290
+ "$value": "{letter-spacing.caption.md}"
291
+ },
292
+ "medium": {
293
+ "$extensions": {
294
+ "com.figma.scopes": [
295
+ "LETTER_SPACING"
296
+ ]
297
+ },
298
+ "$type": "number",
299
+ "$value": "{letter-spacing.caption.md}"
300
+ },
301
+ "large": {
302
+ "$extensions": {
303
+ "com.figma.scopes": [
304
+ "LETTER_SPACING"
305
+ ]
306
+ },
307
+ "$type": "number",
308
+ "$value": "{letter-spacing.caption.lg}"
309
+ }
310
+ },
311
+ "font-weight": {
312
+ "small": {
313
+ "$extensions": {
314
+ "com.figma.scopes": [
315
+ "FONT_WEIGHT"
316
+ ]
317
+ },
318
+ "$type": "number",
319
+ "$value": "{font-weight.caption.default}"
320
+ },
321
+ "medium": {
322
+ "$extensions": {
323
+ "com.figma.scopes": [
324
+ "FONT_WEIGHT"
325
+ ]
326
+ },
327
+ "$type": "number",
328
+ "$value": "{font-weight.caption.default}"
329
+ },
330
+ "large": {
331
+ "$extensions": {
332
+ "com.figma.scopes": [
333
+ "FONT_WEIGHT"
334
+ ]
335
+ },
336
+ "$type": "number",
337
+ "$value": "{font-weight.caption.default}"
338
+ }
339
+ }
340
+ }
341
+ },
342
+ "layout": {
343
+ "title-box": {
344
+ "gap": {
345
+ "small": {
346
+ "$extensions": {
347
+ "com.figma.scopes": [
348
+ "GAP"
349
+ ]
350
+ },
351
+ "$type": "number",
352
+ "$value": "{spacing.40}"
353
+ },
354
+ "medium": {
355
+ "$extensions": {
356
+ "com.figma.scopes": [
357
+ "GAP"
358
+ ]
359
+ },
360
+ "$type": "number",
361
+ "$value": "{spacing.80}"
362
+ },
363
+ "large": {
364
+ "$extensions": {
365
+ "com.figma.scopes": [
366
+ "GAP"
367
+ ]
368
+ },
369
+ "$type": "number",
370
+ "$value": "{spacing.80}"
371
+ }
372
+ }
373
+ },
374
+ "inner-box": {
375
+ "horizontal": {
376
+ "small": {
377
+ "$extensions": {
378
+ "com.figma.scopes": [
379
+ "GAP"
380
+ ]
381
+ },
382
+ "$type": "number",
383
+ "$value": "{spacing.110}"
384
+ },
385
+ "medium": {
386
+ "$extensions": {
387
+ "com.figma.scopes": [
388
+ "GAP"
389
+ ]
390
+ },
391
+ "$type": "number",
392
+ "$value": "{spacing.150}"
393
+ },
394
+ "large": {
395
+ "$extensions": {
396
+ "com.figma.scopes": [
397
+ "GAP"
398
+ ]
399
+ },
400
+ "$type": "number",
401
+ "$value": "{spacing.190}"
402
+ }
403
+ },
404
+ "gap": {
405
+ "small": {
406
+ "$extensions": {
407
+ "com.figma.scopes": [
408
+ "GAP"
409
+ ]
410
+ },
411
+ "$type": "number",
412
+ "$value": "{spacing.40}"
413
+ },
414
+ "medium": {
415
+ "$extensions": {
416
+ "com.figma.scopes": [
417
+ "GAP"
418
+ ]
419
+ },
420
+ "$type": "number",
421
+ "$value": "{spacing.40}"
422
+ },
423
+ "large": {
424
+ "$extensions": {
425
+ "com.figma.scopes": [
426
+ "GAP"
427
+ ]
428
+ },
429
+ "$type": "number",
430
+ "$value": "{spacing.60}"
431
+ }
432
+ },
433
+ "vertical": {
434
+ "small": {
435
+ "$extensions": {
436
+ "com.figma.scopes": [
437
+ "GAP"
438
+ ]
439
+ },
440
+ "$type": "number",
441
+ "$value": "{spacing.110}"
442
+ },
443
+ "medium": {
444
+ "$extensions": {
445
+ "com.figma.scopes": [
446
+ "GAP"
447
+ ]
448
+ },
449
+ "$type": "number",
450
+ "$value": "{spacing.150}"
451
+ },
452
+ "large": {
453
+ "$extensions": {
454
+ "com.figma.scopes": [
455
+ "GAP"
456
+ ]
457
+ },
458
+ "$type": "number",
459
+ "$value": "{spacing.170}"
460
+ }
461
+ },
462
+ "min-width": {
463
+ "small": {
464
+ "$extensions": {
465
+ "com.figma.scopes": [
466
+ "WIDTH_HEIGHT"
467
+ ]
468
+ },
469
+ "$type": "number",
470
+ "$value": 170
471
+ },
472
+ "medium": {
473
+ "$extensions": {
474
+ "com.figma.scopes": [
475
+ "WIDTH_HEIGHT"
476
+ ]
477
+ },
478
+ "$type": "number",
479
+ "$value": 210
480
+ },
481
+ "large": {
482
+ "$extensions": {
483
+ "com.figma.scopes": [
484
+ "WIDTH_HEIGHT"
485
+ ]
486
+ },
487
+ "$type": "number",
488
+ "$value": 250
489
+ }
490
+ },
491
+ "max-width": {
492
+ "small": {
493
+ "$extensions": {
494
+ "com.figma.scopes": [
495
+ "WIDTH_HEIGHT"
496
+ ]
497
+ },
498
+ "$type": "number",
499
+ "$value": 180
500
+ },
501
+ "medium": {
502
+ "$extensions": {
503
+ "com.figma.scopes": [
504
+ "WIDTH_HEIGHT"
505
+ ]
506
+ },
507
+ "$type": "number",
508
+ "$value": 220
509
+ },
510
+ "large": {
511
+ "$extensions": {
512
+ "com.figma.scopes": [
513
+ "WIDTH_HEIGHT"
514
+ ]
515
+ },
516
+ "$type": "number",
517
+ "$value": 260
518
+ }
519
+ }
520
+ }
521
+ },
522
+ "focus-rect": {
523
+ "layout": {
524
+ "offset": {
525
+ "offset": {
526
+ "$extensions": {
527
+ "com.figma.scopes": [
528
+ "GAP"
529
+ ]
530
+ },
531
+ "$type": "number",
532
+ "$value": "{spacing.0}"
533
+ },
534
+ "outer-box": {
535
+ "$extensions": {
536
+ "com.figma.scopes": [
537
+ "GAP"
538
+ ]
539
+ },
540
+ "$type": "number",
541
+ "$value": "{spacing.0}"
542
+ }
543
+ }
544
+ },
545
+ "borders": {
546
+ "border-radius": {
547
+ "small": {
548
+ "$extensions": {
549
+ "com.figma.scopes": [
550
+ "CORNER_RADIUS"
551
+ ]
552
+ },
553
+ "$type": "number",
554
+ "$value": "{border-radius.80}"
555
+ },
556
+ "medium": {
557
+ "$extensions": {
558
+ "com.figma.scopes": [
559
+ "CORNER_RADIUS"
560
+ ]
561
+ },
562
+ "$type": "number",
563
+ "$value": "{border-radius.80}"
564
+ },
565
+ "large": {
566
+ "$extensions": {
567
+ "com.figma.scopes": [
568
+ "CORNER_RADIUS"
569
+ ]
570
+ },
571
+ "$type": "number",
572
+ "$value": "{border-radius.80}"
573
+ }
574
+ }
575
+ }
576
+ }
577
+ },
578
+ "submit-area": {
579
+ "color": {
580
+ "bg": {
581
+ "rest": {
582
+ "$extensions": {
583
+ "com.figma.scopes": [
584
+ "FRAME_FILL"
585
+ ]
586
+ },
587
+ "$type": "color",
588
+ "$value": "{color.surface.neutral.default.rest}"
589
+ }
590
+ }
591
+ },
592
+ "layout": {
593
+ "vertical-start": {
594
+ "small": {
595
+ "$extensions": {
596
+ "com.figma.scopes": [
597
+ "GAP"
598
+ ]
599
+ },
600
+ "$type": "number",
601
+ "$value": "{spacing.200}"
602
+ },
603
+ "medium": {
604
+ "$extensions": {
605
+ "com.figma.scopes": [
606
+ "GAP"
607
+ ]
608
+ },
609
+ "$type": "number",
610
+ "$value": "{spacing.240}"
611
+ },
612
+ "large": {
613
+ "$extensions": {
614
+ "com.figma.scopes": [
615
+ "GAP"
616
+ ]
617
+ },
618
+ "$type": "number",
619
+ "$value": "{spacing.280}"
620
+ }
621
+ }
622
+ }
623
+ },
624
+ "chat-attachment-item": {
625
+ "color": {
626
+ "bg": {
627
+ "rest": {
628
+ "$extensions": {
629
+ "com.figma.scopes": [
630
+ "FRAME_FILL"
631
+ ]
632
+ },
633
+ "$type": "color",
634
+ "$value": "{color.surface.neutral.default.rest}"
635
+ }
636
+ },
637
+ "border": {
638
+ "rest": {
639
+ "$extensions": {
640
+ "com.figma.scopes": [
641
+ "STROKE_COLOR"
642
+ ]
643
+ },
644
+ "$type": "color",
645
+ "$value": "{color.border.neutral.default.rest}"
646
+ }
647
+ },
648
+ "icon": {
649
+ "rest": {
650
+ "$extensions": {
651
+ "com.figma.scopes": [
652
+ "SHAPE_FILL"
653
+ ]
654
+ },
655
+ "$type": "color",
656
+ "$value": "{color.content.neutral.default.rest}"
657
+ }
658
+ }
659
+ },
660
+ "borders": {
661
+ "border-radius": {
662
+ "small": {
663
+ "$extensions": {
664
+ "com.figma.scopes": [
665
+ "CORNER_RADIUS"
666
+ ]
667
+ },
668
+ "$type": "number",
669
+ "$value": "{spacing.60}"
670
+ },
671
+ "medium": {
672
+ "$extensions": {
673
+ "com.figma.scopes": [
674
+ "CORNER_RADIUS"
675
+ ]
676
+ },
677
+ "$type": "number",
678
+ "$value": "{spacing.60}"
679
+ },
680
+ "large": {
681
+ "$extensions": {
682
+ "com.figma.scopes": [
683
+ "CORNER_RADIUS"
684
+ ]
685
+ },
686
+ "$type": "number",
687
+ "$value": "{spacing.60}"
688
+ }
689
+ },
690
+ "border-width": {
691
+ "small": {
692
+ "$extensions": {
693
+ "com.figma.scopes": [
694
+ "STROKE_FLOAT"
695
+ ]
696
+ },
697
+ "$type": "number",
698
+ "$value": "{border-width.10}"
699
+ },
700
+ "medium": {
701
+ "$extensions": {
702
+ "com.figma.scopes": [
703
+ "STROKE_FLOAT"
704
+ ]
705
+ },
706
+ "$type": "number",
707
+ "$value": "{border-width.10}"
708
+ },
709
+ "large": {
710
+ "$extensions": {
711
+ "com.figma.scopes": [
712
+ "STROKE_FLOAT"
713
+ ]
714
+ },
715
+ "$type": "number",
716
+ "$value": "{border-width.10}"
717
+ }
718
+ }
719
+ },
720
+ "layout": {
721
+ "gap": {
722
+ "small": {
723
+ "$extensions": {
724
+ "com.figma.scopes": [
725
+ "GAP"
726
+ ]
727
+ },
728
+ "$type": "number",
729
+ "$value": "{spacing.60}"
730
+ },
731
+ "medium": {
732
+ "$extensions": {
733
+ "com.figma.scopes": [
734
+ "GAP"
735
+ ]
736
+ },
737
+ "$type": "number",
738
+ "$value": "{spacing.80}"
739
+ },
740
+ "large": {
741
+ "$extensions": {
742
+ "com.figma.scopes": [
743
+ "GAP"
744
+ ]
745
+ },
746
+ "$type": "number",
747
+ "$value": "{spacing.100}"
748
+ }
749
+ },
750
+ "horizontal": {
751
+ "small": {
752
+ "$extensions": {
753
+ "com.figma.scopes": [
754
+ "GAP"
755
+ ]
756
+ },
757
+ "$type": "number",
758
+ "$value": "{spacing.70}"
759
+ },
760
+ "medium": {
761
+ "$extensions": {
762
+ "com.figma.scopes": [
763
+ "GAP"
764
+ ]
765
+ },
766
+ "$type": "number",
767
+ "$value": "{spacing.90}"
768
+ },
769
+ "large": {
770
+ "$extensions": {
771
+ "com.figma.scopes": [
772
+ "GAP"
773
+ ]
774
+ },
775
+ "$type": "number",
776
+ "$value": "{spacing.110}"
777
+ }
778
+ },
779
+ "vertical": {
780
+ "small": {
781
+ "$extensions": {
782
+ "com.figma.scopes": [
783
+ "GAP"
784
+ ]
785
+ },
786
+ "$type": "number",
787
+ "$value": "{spacing.70}"
788
+ },
789
+ "medium": {
790
+ "$extensions": {
791
+ "com.figma.scopes": [
792
+ "GAP"
793
+ ]
794
+ },
795
+ "$type": "number",
796
+ "$value": "{spacing.90}"
797
+ },
798
+ "large": {
799
+ "$extensions": {
800
+ "com.figma.scopes": [
801
+ "GAP"
802
+ ]
803
+ },
804
+ "$type": "number",
805
+ "$value": "{spacing.110}"
806
+ }
807
+ }
808
+ }
809
+ },
810
+ "message-user": {
811
+ "color": {
812
+ "bg": {
813
+ "rest": {
814
+ "$extensions": {
815
+ "com.figma.scopes": [
816
+ "FRAME_FILL"
817
+ ]
818
+ },
819
+ "$type": "color",
820
+ "$value": "{color.surface.primary.deep.rest}"
821
+ }
822
+ },
823
+ "border": {
824
+ "rest": {
825
+ "$extensions": {
826
+ "com.figma.scopes": [
827
+ "STROKE_COLOR"
828
+ ]
829
+ },
830
+ "$type": "color",
831
+ "$value": "{color.border.transparent.rest}"
832
+ }
833
+ }
834
+ },
835
+ "borders": {
836
+ "border-width": {
837
+ "small": {
838
+ "$extensions": {
839
+ "com.figma.scopes": [
840
+ "STROKE_FLOAT"
841
+ ]
842
+ },
843
+ "$type": "number",
844
+ "$value": "{border-width.10}"
845
+ },
846
+ "medium": {
847
+ "$extensions": {
848
+ "com.figma.scopes": [
849
+ "STROKE_FLOAT"
850
+ ]
851
+ },
852
+ "$type": "number",
853
+ "$value": "{border-width.10}"
854
+ },
855
+ "large": {
856
+ "$extensions": {
857
+ "com.figma.scopes": [
858
+ "STROKE_FLOAT"
859
+ ]
860
+ },
861
+ "$type": "number",
862
+ "$value": "{border-width.10}"
863
+ }
864
+ },
865
+ "border-radius": {
866
+ "small": {
867
+ "$extensions": {
868
+ "com.figma.scopes": [
869
+ "CORNER_RADIUS"
870
+ ]
871
+ },
872
+ "$type": "number",
873
+ "$value": "{border-radius.60}"
874
+ },
875
+ "medium": {
876
+ "$extensions": {
877
+ "com.figma.scopes": [
878
+ "CORNER_RADIUS"
879
+ ]
880
+ },
881
+ "$type": "number",
882
+ "$value": "{border-radius.60}"
883
+ },
884
+ "large": {
885
+ "$extensions": {
886
+ "com.figma.scopes": [
887
+ "CORNER_RADIUS"
888
+ ]
889
+ },
890
+ "$type": "number",
891
+ "$value": "{border-radius.60}"
892
+ }
893
+ }
894
+ },
895
+ "layout": {
896
+ "outer-box": {
897
+ "gap": {
898
+ "small": {
899
+ "$extensions": {
900
+ "com.figma.scopes": [
901
+ "GAP"
902
+ ]
903
+ },
904
+ "$type": "number",
905
+ "$value": "{spacing.40}"
906
+ },
907
+ "medium": {
908
+ "$extensions": {
909
+ "com.figma.scopes": [
910
+ "GAP"
911
+ ]
912
+ },
913
+ "$type": "number",
914
+ "$value": "{spacing.60}"
915
+ },
916
+ "large": {
917
+ "$extensions": {
918
+ "com.figma.scopes": [
919
+ "GAP"
920
+ ]
921
+ },
922
+ "$type": "number",
923
+ "$value": "{spacing.80}"
924
+ }
925
+ }
926
+ },
927
+ "inner-box": {
928
+ "horizontal": {
929
+ "small": {
930
+ "$extensions": {
931
+ "com.figma.scopes": [
932
+ "GAP"
933
+ ]
934
+ },
935
+ "$type": "number",
936
+ "$value": "{spacing.110}"
937
+ },
938
+ "medium": {
939
+ "$extensions": {
940
+ "com.figma.scopes": [
941
+ "GAP"
942
+ ]
943
+ },
944
+ "$type": "number",
945
+ "$value": "{spacing.150}"
946
+ },
947
+ "large": {
948
+ "$extensions": {
949
+ "com.figma.scopes": [
950
+ "GAP"
951
+ ]
952
+ },
953
+ "$type": "number",
954
+ "$value": "{spacing.190}"
955
+ }
956
+ },
957
+ "vertical": {
958
+ "small": {
959
+ "$extensions": {
960
+ "com.figma.scopes": [
961
+ "GAP"
962
+ ]
963
+ },
964
+ "$type": "number",
965
+ "$value": "{spacing.50}"
966
+ },
967
+ "medium": {
968
+ "$extensions": {
969
+ "com.figma.scopes": [
970
+ "GAP"
971
+ ]
972
+ },
973
+ "$type": "number",
974
+ "$value": "{spacing.70}"
975
+ },
976
+ "large": {
977
+ "$extensions": {
978
+ "com.figma.scopes": [
979
+ "GAP"
980
+ ]
981
+ },
982
+ "$type": "number",
983
+ "$value": "{spacing.80}"
984
+ }
985
+ }
986
+ }
987
+ }
988
+ },
989
+ "message-assistant": {
990
+ "color": {
991
+ "default": {
992
+ "bg": {
993
+ "rest": {
994
+ "$extensions": {
995
+ "com.figma.scopes": [
996
+ "FRAME_FILL"
997
+ ]
998
+ },
999
+ "$type": "color",
1000
+ "$value": "{color.surface.neutral.subdued.rest}"
1001
+ }
1002
+ },
1003
+ "border": {
1004
+ "rest": {
1005
+ "$extensions": {
1006
+ "com.figma.scopes": [
1007
+ "STROKE_COLOR"
1008
+ ]
1009
+ },
1010
+ "$type": "color",
1011
+ "$value": "{color.border.transparent.rest}"
1012
+ }
1013
+ }
1014
+ },
1015
+ "error": {
1016
+ "bg": {
1017
+ "rest": {
1018
+ "$extensions": {
1019
+ "com.figma.scopes": [
1020
+ "FRAME_FILL"
1021
+ ]
1022
+ },
1023
+ "$type": "color",
1024
+ "$value": "{color.surface.danger.deep.rest}"
1025
+ }
1026
+ },
1027
+ "border": {
1028
+ "rest": {
1029
+ "$extensions": {
1030
+ "com.figma.scopes": [
1031
+ "STROKE_COLOR"
1032
+ ]
1033
+ },
1034
+ "$type": "color",
1035
+ "$value": "{color.border.transparent.rest}"
1036
+ }
1037
+ },
1038
+ "icon": {
1039
+ "rest": {
1040
+ "$extensions": {
1041
+ "com.figma.scopes": [
1042
+ "SHAPE_FILL"
1043
+ ]
1044
+ },
1045
+ "$type": "color",
1046
+ "$value": "{color.content.danger.default.rest}"
1047
+ }
1048
+ }
1049
+ }
1050
+ },
1051
+ "borders": {
1052
+ "border-width": {
1053
+ "small": {
1054
+ "$extensions": {
1055
+ "com.figma.scopes": [
1056
+ "STROKE_FLOAT"
1057
+ ]
1058
+ },
1059
+ "$type": "number",
1060
+ "$value": "{border-width.10}"
1061
+ },
1062
+ "medium": {
1063
+ "$extensions": {
1064
+ "com.figma.scopes": [
1065
+ "STROKE_FLOAT"
1066
+ ]
1067
+ },
1068
+ "$type": "number",
1069
+ "$value": "{border-width.10}"
1070
+ },
1071
+ "large": {
1072
+ "$extensions": {
1073
+ "com.figma.scopes": [
1074
+ "STROKE_FLOAT"
1075
+ ]
1076
+ },
1077
+ "$type": "number",
1078
+ "$value": "{border-width.10}"
1079
+ }
1080
+ },
1081
+ "border-radius": {
1082
+ "small": {
1083
+ "$extensions": {
1084
+ "com.figma.scopes": [
1085
+ "CORNER_RADIUS"
1086
+ ]
1087
+ },
1088
+ "$type": "number",
1089
+ "$value": "{spacing.60}"
1090
+ },
1091
+ "medium": {
1092
+ "$extensions": {
1093
+ "com.figma.scopes": [
1094
+ "CORNER_RADIUS"
1095
+ ]
1096
+ },
1097
+ "$type": "number",
1098
+ "$value": "{spacing.60}"
1099
+ },
1100
+ "large": {
1101
+ "$extensions": {
1102
+ "com.figma.scopes": [
1103
+ "CORNER_RADIUS"
1104
+ ]
1105
+ },
1106
+ "$type": "number",
1107
+ "$value": "{spacing.60}"
1108
+ }
1109
+ }
1110
+ },
1111
+ "layout": {
1112
+ "inner-box": {
1113
+ "gap": {
1114
+ "small": {
1115
+ "$extensions": {
1116
+ "com.figma.scopes": [
1117
+ "GAP"
1118
+ ]
1119
+ },
1120
+ "$type": "number",
1121
+ "$value": "{spacing.60}"
1122
+ },
1123
+ "medium": {
1124
+ "$extensions": {
1125
+ "com.figma.scopes": [
1126
+ "GAP"
1127
+ ]
1128
+ },
1129
+ "$type": "number",
1130
+ "$value": "{spacing.80}"
1131
+ },
1132
+ "large": {
1133
+ "$extensions": {
1134
+ "com.figma.scopes": [
1135
+ "GAP"
1136
+ ]
1137
+ },
1138
+ "$type": "number",
1139
+ "$value": "{spacing.100}"
1140
+ }
1141
+ },
1142
+ "horizontal": {
1143
+ "small": {
1144
+ "$extensions": {
1145
+ "com.figma.scopes": [
1146
+ "GAP"
1147
+ ]
1148
+ },
1149
+ "$type": "number",
1150
+ "$value": "{spacing.110}"
1151
+ },
1152
+ "medium": {
1153
+ "$extensions": {
1154
+ "com.figma.scopes": [
1155
+ "GAP"
1156
+ ]
1157
+ },
1158
+ "$type": "number",
1159
+ "$value": "{spacing.150}"
1160
+ },
1161
+ "large": {
1162
+ "$extensions": {
1163
+ "com.figma.scopes": [
1164
+ "GAP"
1165
+ ]
1166
+ },
1167
+ "$type": "number",
1168
+ "$value": "{spacing.190}"
1169
+ }
1170
+ },
1171
+ "vertical": {
1172
+ "small": {
1173
+ "$extensions": {
1174
+ "com.figma.scopes": [
1175
+ "GAP"
1176
+ ]
1177
+ },
1178
+ "$type": "number",
1179
+ "$value": "{spacing.50}"
1180
+ },
1181
+ "medium": {
1182
+ "$extensions": {
1183
+ "com.figma.scopes": [
1184
+ "GAP"
1185
+ ]
1186
+ },
1187
+ "$type": "number",
1188
+ "$value": "{spacing.70}"
1189
+ },
1190
+ "large": {
1191
+ "$extensions": {
1192
+ "com.figma.scopes": [
1193
+ "GAP"
1194
+ ]
1195
+ },
1196
+ "$type": "number",
1197
+ "$value": "{spacing.90}"
1198
+ }
1199
+ }
1200
+ },
1201
+ "message-box": {
1202
+ "gap": {
1203
+ "small": {
1204
+ "$extensions": {
1205
+ "com.figma.scopes": [
1206
+ "GAP"
1207
+ ]
1208
+ },
1209
+ "$type": "number",
1210
+ "$value": "{spacing.40}"
1211
+ },
1212
+ "medium": {
1213
+ "$extensions": {
1214
+ "com.figma.scopes": [
1215
+ "GAP"
1216
+ ]
1217
+ },
1218
+ "$type": "number",
1219
+ "$value": "{spacing.60}"
1220
+ },
1221
+ "large": {
1222
+ "$extensions": {
1223
+ "com.figma.scopes": [
1224
+ "GAP"
1225
+ ]
1226
+ },
1227
+ "$type": "number",
1228
+ "$value": "{spacing.80}"
1229
+ }
1230
+ }
1231
+ },
1232
+ "button-box": {
1233
+ "gap": {
1234
+ "small": {
1235
+ "$extensions": {
1236
+ "com.figma.scopes": [
1237
+ "GAP"
1238
+ ]
1239
+ },
1240
+ "$type": "number",
1241
+ "$value": "{spacing.10}"
1242
+ },
1243
+ "medium": {
1244
+ "$extensions": {
1245
+ "com.figma.scopes": [
1246
+ "GAP"
1247
+ ]
1248
+ },
1249
+ "$type": "number",
1250
+ "$value": "{spacing.10}"
1251
+ },
1252
+ "large": {
1253
+ "$extensions": {
1254
+ "com.figma.scopes": [
1255
+ "GAP"
1256
+ ]
1257
+ },
1258
+ "$type": "number",
1259
+ "$value": "{spacing.10}"
1260
+ }
1261
+ }
1262
+ }
1263
+ }
1264
+ },
1265
+ "prompt-suggestion-group": {
1266
+ "color": {
1267
+ "icon": {
1268
+ "rest": {
1269
+ "$extensions": {
1270
+ "com.figma.scopes": [
1271
+ "SHAPE_FILL"
1272
+ ]
1273
+ },
1274
+ "$type": "color",
1275
+ "$value": "{color.content.neutral.subdued.rest}"
1276
+ }
1277
+ },
1278
+ "title": {
1279
+ "rest": {
1280
+ "$extensions": {
1281
+ "com.figma.scopes": [
1282
+ "TEXT_FILL"
1283
+ ]
1284
+ },
1285
+ "$type": "color",
1286
+ "$value": "{color.content.neutral.subdued.rest}"
1287
+ }
1288
+ }
1289
+ },
1290
+ "layout": {
1291
+ "inner-box": {
1292
+ "gap": {
1293
+ "small": {
1294
+ "$extensions": {
1295
+ "com.figma.scopes": [
1296
+ "GAP"
1297
+ ]
1298
+ },
1299
+ "$type": "number",
1300
+ "$value": "{spacing.80}"
1301
+ },
1302
+ "medium": {
1303
+ "$extensions": {
1304
+ "com.figma.scopes": [
1305
+ "GAP"
1306
+ ]
1307
+ },
1308
+ "$type": "number",
1309
+ "$value": "{spacing.120}"
1310
+ },
1311
+ "large": {
1312
+ "$extensions": {
1313
+ "com.figma.scopes": [
1314
+ "GAP"
1315
+ ]
1316
+ },
1317
+ "$type": "number",
1318
+ "$value": "{spacing.160}"
1319
+ }
1320
+ }
1321
+ },
1322
+ "outer-box": {
1323
+ "gap": {
1324
+ "small": {
1325
+ "$extensions": {
1326
+ "com.figma.scopes": [
1327
+ "GAP"
1328
+ ]
1329
+ },
1330
+ "$type": "number",
1331
+ "$value": "{spacing.240}"
1332
+ },
1333
+ "medium": {
1334
+ "$extensions": {
1335
+ "com.figma.scopes": [
1336
+ "GAP"
1337
+ ]
1338
+ },
1339
+ "$type": "number",
1340
+ "$value": "{spacing.320}"
1341
+ },
1342
+ "large": {
1343
+ "$extensions": {
1344
+ "com.figma.scopes": [
1345
+ "GAP"
1346
+ ]
1347
+ },
1348
+ "$type": "number",
1349
+ "$value": "{spacing.400}"
1350
+ }
1351
+ },
1352
+ "max-width": {
1353
+ "small": {
1354
+ "$extensions": {
1355
+ "com.figma.scopes": [
1356
+ "WIDTH_HEIGHT"
1357
+ ]
1358
+ },
1359
+ "$type": "number",
1360
+ "$value": 556
1361
+ },
1362
+ "medium": {
1363
+ "$extensions": {
1364
+ "com.figma.scopes": [
1365
+ "WIDTH_HEIGHT"
1366
+ ]
1367
+ },
1368
+ "$type": "number",
1369
+ "$value": 684
1370
+ },
1371
+ "large": {
1372
+ "$extensions": {
1373
+ "com.figma.scopes": [
1374
+ "WIDTH_HEIGHT"
1375
+ ]
1376
+ },
1377
+ "$type": "number",
1378
+ "$value": 812
1379
+ }
1380
+ }
1381
+ },
1382
+ "title-box": {
1383
+ "gap": {
1384
+ "small": {
1385
+ "$extensions": {
1386
+ "com.figma.scopes": [
1387
+ "GAP"
1388
+ ]
1389
+ },
1390
+ "$type": "number",
1391
+ "$value": "{spacing.20}"
1392
+ },
1393
+ "medium": {
1394
+ "$extensions": {
1395
+ "com.figma.scopes": [
1396
+ "GAP"
1397
+ ]
1398
+ },
1399
+ "$type": "number",
1400
+ "$value": "{spacing.20}"
1401
+ },
1402
+ "large": {
1403
+ "$extensions": {
1404
+ "com.figma.scopes": [
1405
+ "GAP"
1406
+ ]
1407
+ },
1408
+ "$type": "number",
1409
+ "$value": "{spacing.40}"
1410
+ }
1411
+ }
1412
+ }
1413
+ },
1414
+ "typography": {
1415
+ "title": {
1416
+ "font-weight": {
1417
+ "small": {
1418
+ "$extensions": {
1419
+ "com.figma.scopes": [
1420
+ "FONT_WEIGHT"
1421
+ ]
1422
+ },
1423
+ "$type": "number",
1424
+ "$value": "{font-weight.title.default}"
1425
+ },
1426
+ "medium": {
1427
+ "$extensions": {
1428
+ "com.figma.scopes": [
1429
+ "FONT_WEIGHT"
1430
+ ]
1431
+ },
1432
+ "$type": "number",
1433
+ "$value": "{font-weight.title.default}"
1434
+ },
1435
+ "large": {
1436
+ "$extensions": {
1437
+ "com.figma.scopes": [
1438
+ "FONT_WEIGHT"
1439
+ ]
1440
+ },
1441
+ "$type": "number",
1442
+ "$value": "{font-weight.title.default}"
1443
+ }
1444
+ },
1445
+ "font-size": {
1446
+ "small": {
1447
+ "$extensions": {
1448
+ "com.figma.scopes": [
1449
+ "FONT_SIZE"
1450
+ ]
1451
+ },
1452
+ "$type": "number",
1453
+ "$value": "{font-size.title.sm}"
1454
+ },
1455
+ "medium": {
1456
+ "$extensions": {
1457
+ "com.figma.scopes": [
1458
+ "FONT_SIZE"
1459
+ ]
1460
+ },
1461
+ "$type": "number",
1462
+ "$value": "{font-size.title.md}"
1463
+ },
1464
+ "large": {
1465
+ "$extensions": {
1466
+ "com.figma.scopes": [
1467
+ "FONT_SIZE"
1468
+ ]
1469
+ },
1470
+ "$type": "number",
1471
+ "$value": "{font-size.title.lg}"
1472
+ }
1473
+ },
1474
+ "line-height": {
1475
+ "small": {
1476
+ "$extensions": {
1477
+ "com.figma.scopes": [
1478
+ "LINE_HEIGHT"
1479
+ ]
1480
+ },
1481
+ "$type": "number",
1482
+ "$value": "{line-height.title.sm}"
1483
+ },
1484
+ "medium": {
1485
+ "$extensions": {
1486
+ "com.figma.scopes": [
1487
+ "LINE_HEIGHT"
1488
+ ]
1489
+ },
1490
+ "$type": "number",
1491
+ "$value": "{line-height.title.md}"
1492
+ },
1493
+ "large": {
1494
+ "$extensions": {
1495
+ "com.figma.scopes": [
1496
+ "LINE_HEIGHT"
1497
+ ]
1498
+ },
1499
+ "$type": "number",
1500
+ "$value": "{line-height.title.lg}"
1501
+ }
1502
+ }
1503
+ }
1504
+ }
1505
+ },
1506
+ "chat-area": {
1507
+ "color": {
1508
+ "bg": {
1509
+ "rest": {
1510
+ "$extensions": {
1511
+ "com.figma.scopes": [
1512
+ "FRAME_FILL"
1513
+ ]
1514
+ },
1515
+ "$type": "color",
1516
+ "$value": "{color.surface.neutral.default.rest}"
1517
+ }
1518
+ }
1519
+ }
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
+ },
1921
+ "input": {
1922
+ "layout": {
1923
+ "inner-box": {
1924
+ "gap": {
1925
+ "small": {
1926
+ "$extensions": {
1927
+ "com.figma.scopes": [
1928
+ "GAP"
1929
+ ]
1930
+ },
1931
+ "$type": "number",
1932
+ "$value": "{spacing.0}"
1933
+ },
1934
+ "medium": {
1935
+ "$extensions": {
1936
+ "com.figma.scopes": [
1937
+ "GAP"
1938
+ ]
1939
+ },
1940
+ "$type": "number",
1941
+ "$value": "{spacing.0}"
1942
+ },
1943
+ "large": {
1944
+ "$extensions": {
1945
+ "com.figma.scopes": [
1946
+ "GAP"
1947
+ ]
1948
+ },
1949
+ "$type": "number",
1950
+ "$value": "{spacing.0}"
1951
+ }
1952
+ }
1953
+ },
1954
+ "warning-box": {
1955
+ "vertical-start": {
1956
+ "small": {
1957
+ "$extensions": {
1958
+ "com.figma.scopes": [
1959
+ "GAP"
1960
+ ]
1961
+ },
1962
+ "$type": "number",
1963
+ "$value": "{spacing.30}"
1964
+ },
1965
+ "medium": {
1966
+ "$extensions": {
1967
+ "com.figma.scopes": [
1968
+ "GAP"
1969
+ ]
1970
+ },
1971
+ "$type": "number",
1972
+ "$value": "{spacing.50}"
1973
+ },
1974
+ "large": {
1975
+ "$extensions": {
1976
+ "com.figma.scopes": [
1977
+ "GAP"
1978
+ ]
1979
+ },
1980
+ "$type": "number",
1981
+ "$value": "{spacing.70}"
1982
+ }
1983
+ },
1984
+ "vertical-end": {
1985
+ "small": {
1986
+ "$extensions": {
1987
+ "com.figma.scopes": [
1988
+ "GAP"
1989
+ ]
1990
+ },
1991
+ "$type": "number",
1992
+ "$value": "{spacing.40}"
1993
+ },
1994
+ "medium": {
1995
+ "$extensions": {
1996
+ "com.figma.scopes": [
1997
+ "GAP"
1998
+ ]
1999
+ },
2000
+ "$type": "number",
2001
+ "$value": "{spacing.60}"
2002
+ },
2003
+ "large": {
2004
+ "$extensions": {
2005
+ "com.figma.scopes": [
2006
+ "GAP"
2007
+ ]
2008
+ },
2009
+ "$type": "number",
2010
+ "$value": "{spacing.80}"
2011
+ }
2012
+ }
2013
+ },
2014
+ "attachment-box": {
2015
+ "gap": {
2016
+ "small": {
2017
+ "$extensions": {
2018
+ "com.figma.scopes": [
2019
+ "GAP"
2020
+ ]
2021
+ },
2022
+ "$type": "number",
2023
+ "$value": "{spacing.40}"
2024
+ },
2025
+ "medium": {
2026
+ "$extensions": {
2027
+ "com.figma.scopes": [
2028
+ "GAP"
2029
+ ]
2030
+ },
2031
+ "$type": "number",
2032
+ "$value": "{spacing.60}"
2033
+ },
2034
+ "large": {
2035
+ "$extensions": {
2036
+ "com.figma.scopes": [
2037
+ "GAP"
2038
+ ]
2039
+ },
2040
+ "$type": "number",
2041
+ "$value": "{spacing.80}"
2042
+ }
2043
+ },
2044
+ "vertical": {
2045
+ "small": {
2046
+ "$extensions": {
2047
+ "com.figma.scopes": [
2048
+ "GAP"
2049
+ ]
2050
+ },
2051
+ "$type": "number",
2052
+ "$value": "{spacing.40}"
2053
+ },
2054
+ "medium": {
2055
+ "$extensions": {
2056
+ "com.figma.scopes": [
2057
+ "GAP"
2058
+ ]
2059
+ },
2060
+ "$type": "number",
2061
+ "$value": "{spacing.60}"
2062
+ },
2063
+ "large": {
2064
+ "$extensions": {
2065
+ "com.figma.scopes": [
2066
+ "GAP"
2067
+ ]
2068
+ },
2069
+ "$type": "number",
2070
+ "$value": "{spacing.80}"
2071
+ }
2072
+ }
2073
+ },
2074
+ "button-box": {
2075
+ "vertical-end": {
2076
+ "small": {
2077
+ "$extensions": {
2078
+ "com.figma.scopes": [
2079
+ "GAP"
2080
+ ]
2081
+ },
2082
+ "$type": "number",
2083
+ "$value": "{spacing.30}"
2084
+ },
2085
+ "medium": {
2086
+ "$extensions": {
2087
+ "com.figma.scopes": [
2088
+ "GAP"
2089
+ ]
2090
+ },
2091
+ "$type": "number",
2092
+ "$value": "{spacing.50}"
2093
+ },
2094
+ "large": {
2095
+ "$extensions": {
2096
+ "com.figma.scopes": [
2097
+ "GAP"
2098
+ ]
2099
+ },
2100
+ "$type": "number",
2101
+ "$value": "{spacing.70}"
2102
+ }
2103
+ },
2104
+ "vertical-start": {
2105
+ "small": {
2106
+ "$extensions": {
2107
+ "com.figma.scopes": [
2108
+ "GAP"
2109
+ ]
2110
+ },
2111
+ "$type": "number",
2112
+ "$value": "{spacing.40}"
2113
+ },
2114
+ "medium": {
2115
+ "$extensions": {
2116
+ "com.figma.scopes": [
2117
+ "GAP"
2118
+ ]
2119
+ },
2120
+ "$type": "number",
2121
+ "$value": "{spacing.60}"
2122
+ },
2123
+ "large": {
2124
+ "$extensions": {
2125
+ "com.figma.scopes": [
2126
+ "GAP"
2127
+ ]
2128
+ },
2129
+ "$type": "number",
2130
+ "$value": "{spacing.80}"
2131
+ }
2132
+ }
2133
+ },
2134
+ "input-box": {
2135
+ "vertical": {
2136
+ "small": {
2137
+ "$extensions": {
2138
+ "com.figma.scopes": [
2139
+ "GAP"
2140
+ ]
2141
+ },
2142
+ "$type": "number",
2143
+ "$value": "{spacing.40}"
2144
+ },
2145
+ "medium": {
2146
+ "$extensions": {
2147
+ "com.figma.scopes": [
2148
+ "GAP"
2149
+ ]
2150
+ },
2151
+ "$type": "number",
2152
+ "$value": "{spacing.60}"
2153
+ },
2154
+ "large": {
2155
+ "$extensions": {
2156
+ "com.figma.scopes": [
2157
+ "GAP"
2158
+ ]
2159
+ },
2160
+ "$type": "number",
2161
+ "$value": "{spacing.80}"
2162
+ }
2163
+ }
2164
+ }
2165
+ }
2166
+ },
2167
+ "message-group": {
2168
+ "layout": {
2169
+ "gap": {
2170
+ "small": {
2171
+ "$extensions": {
2172
+ "com.figma.scopes": [
2173
+ "GAP"
2174
+ ]
2175
+ },
2176
+ "$type": "number",
2177
+ "$value": "{spacing.80}"
2178
+ },
2179
+ "medium": {
2180
+ "$extensions": {
2181
+ "com.figma.scopes": [
2182
+ "GAP"
2183
+ ]
2184
+ },
2185
+ "$type": "number",
2186
+ "$value": "{spacing.120}"
2187
+ },
2188
+ "large": {
2189
+ "$extensions": {
2190
+ "com.figma.scopes": [
2191
+ "GAP"
2192
+ ]
2193
+ },
2194
+ "$type": "number",
2195
+ "$value": "{spacing.160}"
2196
+ }
2197
+ }
2198
+ }
2199
+ },
2200
+ "root": {
2201
+ "layout": {
2202
+ "outer-box": {
2203
+ "gap": {
2204
+ "small": {
2205
+ "$extensions": {
2206
+ "com.figma.scopes": [
2207
+ "GAP"
2208
+ ]
2209
+ },
2210
+ "$type": "number",
2211
+ "$value": "{spacing.0}"
2212
+ },
2213
+ "medium": {
2214
+ "$extensions": {
2215
+ "com.figma.scopes": [
2216
+ "GAP"
2217
+ ]
2218
+ },
2219
+ "$type": "number",
2220
+ "$value": "{spacing.0}"
2221
+ },
2222
+ "large": {
2223
+ "$extensions": {
2224
+ "com.figma.scopes": [
2225
+ "GAP"
2226
+ ]
2227
+ },
2228
+ "$type": "number",
2229
+ "$value": "{spacing.0}"
2230
+ }
2231
+ }
2232
+ }
2233
+ }
2234
+ }
2235
+ }
2236
+ }