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