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