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