@devexpress/design-tokens-internal 261.0.8 → 262.0.2

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