@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
package/tokens/components/{core/calendar → wpf/ribbon}/fluent.json RENAMED
@@ -1,12 +1,12 @@
1
1
  {
2
- "calendar": {
3
- "footer": {
2
+ "ribbon": {
3
+ "root": {
4
4
  "color": {
5
5
  "bg": {
6
6
  "rest": {
7
7
  "$extensions": {
8
8
  "com.figma.scopes": [
9
- "ALL_FILLS"
9
+ "FRAME_FILL"
10
10
  ],
11
11
  "com.figma.hiddenFromPublishing": false
12
12
  },
@@ -26,7 +26,7 @@
26
26
  "com.figma.hiddenFromPublishing": false
27
27
  },
28
28
  "$type": "number",
29
- "$value": "{spacing.80}"
29
+ "$value": "{spacing.0}"
30
30
  },
31
31
  "medium": {
32
32
  "$extensions": {
@@ -36,19 +36,11 @@
36
36
  "com.figma.hiddenFromPublishing": false
37
37
  },
38
38
  "$type": "number",
39
- "$value": "{spacing.100}"
40
- },
41
- "large": {
42
- "$extensions": {
43
- "com.figma.scopes": [
44
- "GAP"
45
- ],
46
- "com.figma.hiddenFromPublishing": false
47
- },
48
- "$type": "number",
49
- "$value": "{spacing.120}"
39
+ "$value": "{spacing.0}"
50
40
  }
51
- },
41
+ }
42
+ },
43
+ "tab-bar": {
52
44
  "horizontal": {
53
45
  "small": {
54
46
  "$extensions": {
@@ -58,7 +50,7 @@
58
50
  "com.figma.hiddenFromPublishing": false
59
51
  },
60
52
  "$type": "number",
61
- "$value": "{spacing.80}"
53
+ "$value": "{spacing.40}"
62
54
  },
63
55
  "medium": {
64
56
  "$extensions": {
@@ -68,9 +60,11 @@
68
60
  "com.figma.hiddenFromPublishing": false
69
61
  },
70
62
  "$type": "number",
71
- "$value": "{spacing.120}"
72
- },
73
- "large": {
63
+ "$value": "{spacing.40}"
64
+ }
65
+ },
66
+ "vertical": {
67
+ "small": {
74
68
  "$extensions": {
75
69
  "com.figma.scopes": [
76
70
  "GAP"
@@ -78,11 +72,9 @@
78
72
  "com.figma.hiddenFromPublishing": false
79
73
  },
80
74
  "$type": "number",
81
- "$value": "{spacing.160}"
82
- }
83
- },
84
- "vertical-end": {
85
- "small": {
75
+ "$value": "{spacing.0}"
76
+ },
77
+ "medium": {
86
78
  "$extensions": {
87
79
  "com.figma.scopes": [
88
80
  "GAP"
@@ -90,9 +82,13 @@
90
82
  "com.figma.hiddenFromPublishing": false
91
83
  },
92
84
  "$type": "number",
93
- "$value": "{spacing.80}"
94
- },
95
- "medium": {
85
+ "$value": "{spacing.0}"
86
+ }
87
+ }
88
+ },
89
+ "inner-box": {
90
+ "horizontal": {
91
+ "small": {
96
92
  "$extensions": {
97
93
  "com.figma.scopes": [
98
94
  "GAP"
@@ -100,9 +96,9 @@
100
96
  "com.figma.hiddenFromPublishing": false
101
97
  },
102
98
  "$type": "number",
103
- "$value": "{spacing.120}"
99
+ "$value": "{spacing.60}"
104
100
  },
105
- "large": {
101
+ "medium": {
106
102
  "$extensions": {
107
103
  "com.figma.scopes": [
108
104
  "GAP"
@@ -110,7 +106,7 @@
110
106
  "com.figma.hiddenFromPublishing": false
111
107
  },
112
108
  "$type": "number",
113
- "$value": "{spacing.160}"
109
+ "$value": "{spacing.60}"
114
110
  }
115
111
  },
116
112
  "vertical-start": {
@@ -133,8 +129,20 @@
133
129
  },
134
130
  "$type": "number",
135
131
  "$value": "{spacing.0}"
132
+ }
133
+ },
134
+ "vertical-end": {
135
+ "small": {
136
+ "$extensions": {
137
+ "com.figma.scopes": [
138
+ "GAP"
139
+ ],
140
+ "com.figma.hiddenFromPublishing": false
141
+ },
142
+ "$type": "number",
143
+ "$value": "{spacing.60}"
136
144
  },
137
- "large": {
145
+ "medium": {
138
146
  "$extensions": {
139
147
  "com.figma.scopes": [
140
148
  "GAP"
@@ -142,13 +150,13 @@
142
150
  "com.figma.hiddenFromPublishing": false
143
151
  },
144
152
  "$type": "number",
145
- "$value": "{spacing.0}"
153
+ "$value": "{spacing.60}"
146
154
  }
147
155
  }
148
156
  }
149
157
  }
150
158
  },
151
- "header": {
159
+ "selected-page": {
152
160
  "color": {
153
161
  "bg": {
154
162
  "rest": {
@@ -159,12 +167,73 @@
159
167
  "com.figma.hiddenFromPublishing": false
160
168
  },
161
169
  "$type": "color",
162
- "$value": "{color.surface.neutral.default.rest}"
170
+ "$value": "{color.surface.neutral.default.on-surface.rest}"
171
+ }
172
+ },
173
+ "border": {
174
+ "rest": {
175
+ "$extensions": {
176
+ "com.figma.scopes": [
177
+ "SHAPE_FILL",
178
+ "STROKE_COLOR"
179
+ ],
180
+ "com.figma.hiddenFromPublishing": false
181
+ },
182
+ "$type": "color",
183
+ "$value": "{color.border.neutral.default.rest}"
184
+ }
185
+ }
186
+ },
187
+ "borders": {
188
+ "border-radius": {
189
+ "small": {
190
+ "$extensions": {
191
+ "com.figma.scopes": [
192
+ "CORNER_RADIUS"
193
+ ],
194
+ "com.figma.hiddenFromPublishing": false
195
+ },
196
+ "$type": "number",
197
+ "$value": "{border-radius.80}"
198
+ },
199
+ "medium": {
200
+ "$extensions": {
201
+ "com.figma.scopes": [
202
+ "CORNER_RADIUS"
203
+ ],
204
+ "com.figma.hiddenFromPublishing": false
205
+ },
206
+ "$type": "number",
207
+ "$value": "{border-radius.80}"
208
+ }
209
+ },
210
+ "border-width": {
211
+ "small": {
212
+ "$extensions": {
213
+ "com.figma.scopes": [
214
+ "WIDTH_HEIGHT",
215
+ "STROKE_FLOAT"
216
+ ],
217
+ "com.figma.hiddenFromPublishing": false
218
+ },
219
+ "$type": "number",
220
+ "$value": "{border-width.10}"
221
+ },
222
+ "medium": {
223
+ "$extensions": {
224
+ "com.figma.scopes": [
225
+ "WIDTH_HEIGHT",
226
+ "STROKE_FLOAT"
227
+ ],
228
+ "com.figma.hiddenFromPublishing": false
229
+ },
230
+ "$type": "number",
231
+ "$value": "{border-width.10}"
163
232
  }
164
233
  }
165
234
  },
166
235
  "layout": {
167
- "outer-box": {
236
+ "content-box": {
168
237
  "horizontal": {
169
238
  "small": {
170
239
  "$extensions": {
@@ -184,20 +253,10 @@
184
253
  "com.figma.hiddenFromPublishing": false
185
254
  },
186
255
  "$type": "number",
187
- "$value": "{spacing.120}"
188
- },
189
- "large": {
190
- "$extensions": {
191
- "com.figma.scopes": [
192
- "GAP"
193
- ],
194
- "com.figma.hiddenFromPublishing": false
195
- },
196
- "$type": "number",
197
- "$value": "{spacing.160}"
256
+ "$value": "{spacing.80}"
198
257
  }
199
258
  },
200
- "vertical-start": {
259
+ "vertical": {
201
260
  "small": {
202
261
  "$extensions": {
203
262
  "com.figma.scopes": [
@@ -216,20 +275,12 @@
216
275
  "com.figma.hiddenFromPublishing": false
217
276
  },
218
277
  "$type": "number",
219
- "$value": "{spacing.120}"
220
- },
221
- "large": {
222
- "$extensions": {
223
- "com.figma.scopes": [
224
- "GAP"
225
- ],
226
- "com.figma.hiddenFromPublishing": false
227
- },
228
- "$type": "number",
229
- "$value": "{spacing.160}"
278
+ "$value": "{spacing.80}"
230
279
  }
231
- },
232
- "vertical-end": {
280
+ }
281
+ },
282
+ "button-box": {
283
+ "horizontal": {
233
284
  "small": {
234
285
  "$extensions": {
235
286
  "com.figma.scopes": [
@@ -238,7 +289,7 @@
238
289
  "com.figma.hiddenFromPublishing": false
239
290
  },
240
291
  "$type": "number",
241
- "$value": "{spacing.0}"
292
+ "$value": "{spacing.40}"
242
293
  },
243
294
  "medium": {
244
295
  "$extensions": {
@@ -248,54 +299,10 @@
248
299
  "com.figma.hiddenFromPublishing": false
249
300
  },
250
301
  "$type": "number",
251
- "$value": "{spacing.0}"
252
- },
253
- "large": {
254
- "$extensions": {
255
- "com.figma.scopes": [
256
- "GAP"
257
- ],
258
- "com.figma.hiddenFromPublishing": false
259
- },
260
- "$type": "number",
261
- "$value": "{spacing.0}"
302
+ "$value": "{spacing.40}"
262
303
  }
263
304
  },
264
- "gap": {
265
- "small": {
266
- "$extensions": {
267
- "com.figma.scopes": [
268
- "GAP"
269
- ],
270
- "com.figma.hiddenFromPublishing": false
271
- },
272
- "$type": "number",
273
- "$value": "{spacing.0}"
274
- },
275
- "medium": {
276
- "$extensions": {
277
- "com.figma.scopes": [
278
- "GAP"
279
- ],
280
- "com.figma.hiddenFromPublishing": false
281
- },
282
- "$type": "number",
283
- "$value": "{spacing.0}"
284
- },
285
- "large": {
286
- "$extensions": {
287
- "com.figma.scopes": [
288
- "GAP"
289
- ],
290
- "com.figma.hiddenFromPublishing": false
291
- },
292
- "$type": "number",
293
- "$value": "{spacing.0}"
294
- }
295
- }
296
- },
297
- "button-box": {
298
- "gap": {
305
+ "vertical": {
299
306
  "small": {
300
307
  "$extensions": {
301
308
  "com.figma.scopes": [
@@ -304,7 +311,7 @@
304
311
  "com.figma.hiddenFromPublishing": false
305
312
  },
306
313
  "$type": "number",
307
- "$value": "{spacing.0}"
314
+ "$value": "{spacing.30}"
308
315
  },
309
316
  "medium": {
310
317
  "$extensions": {
@@ -314,21 +321,9 @@
314
321
  "com.figma.hiddenFromPublishing": false
315
322
  },
316
323
  "$type": "number",
317
- "$value": "{spacing.0}"
318
- },
319
- "large": {
320
- "$extensions": {
321
- "com.figma.scopes": [
322
- "GAP"
323
- ],
324
- "com.figma.hiddenFromPublishing": false
325
- },
326
- "$type": "number",
327
- "$value": "{spacing.0}"
324
+ "$value": "{spacing.30}"
328
325
  }
329
- }
330
- },
331
- "title-box": {
326
+ },
332
327
  "gap": {
333
328
  "small": {
334
329
  "$extensions": {
@@ -338,7 +333,7 @@
338
333
  "com.figma.hiddenFromPublishing": false
339
334
  },
340
335
  "$type": "number",
341
- "$value": "{spacing.0}"
336
+ "$value": "{spacing.80}"
342
337
  },
343
338
  "medium": {
344
339
  "$extensions": {
@@ -348,113 +343,230 @@
348
343
  "com.figma.hiddenFromPublishing": false
349
344
  },
350
345
  "$type": "number",
351
- "$value": "{spacing.0}"
352
- },
353
- "large": {
354
- "$extensions": {
355
- "com.figma.scopes": [
356
- "GAP"
357
- ],
358
- "com.figma.hiddenFromPublishing": false
359
- },
360
- "$type": "number",
361
- "$value": "{spacing.0}"
346
+ "$value": "{spacing.80}"
362
347
  }
363
348
  }
364
349
  }
365
350
  }
366
351
  },
367
- "cell": {
368
- "period": {
369
- "color": {
370
- "bg": {
371
- "rest": {
372
- "$extensions": {
373
- "com.figma.scopes": [
374
- "FRAME_FILL"
375
- ],
376
- "com.figma.hiddenFromPublishing": false
377
- },
378
- "$type": "color",
379
- "$value": "{color.surface.transparent.rest}"
380
- },
381
- "hovered": {
382
- "$extensions": {
383
- "com.figma.scopes": [
384
- "FRAME_FILL"
385
- ],
386
- "com.figma.hiddenFromPublishing": false
387
- },
388
- "$type": "color",
389
- "$value": "{color.surface.neutral.alpha.hovered}"
390
- },
391
- "selected": {
392
- "$extensions": {
393
- "com.figma.scopes": [
394
- "FRAME_FILL"
395
- ],
396
- "com.figma.hiddenFromPublishing": false
397
- },
398
- "$type": "color",
399
- "$value": "{color.surface.primary.default.rest}"
352
+ "classic-group-caption": {
353
+ "color": {
354
+ "text": {
355
+ "rest": {
356
+ "$extensions": {
357
+ "com.figma.scopes": [
358
+ "TEXT_FILL"
359
+ ],
360
+ "com.figma.hiddenFromPublishing": false
400
361
  },
401
- "selected-hovered": {
402
- "$extensions": {
403
- "com.figma.scopes": [
404
- "FRAME_FILL"
405
- ],
406
- "com.figma.hiddenFromPublishing": false
407
- },
408
- "$type": "color",
409
- "$value": "{color.surface.primary.default.hovered}"
410
- }
362
+ "$type": "color",
363
+ "$value": "{color.content.neutral.subdued.rest}"
364
+ }
365
+ }
366
+ },
367
+ "typography": {
368
+ "font-family": {
369
+ "$extensions": {
370
+ "com.figma.scopes": [
371
+ "FONT_FAMILY"
372
+ ],
373
+ "com.figma.hiddenFromPublishing": false
411
374
  },
412
- "text": {
413
- "selected": {
414
- "$extensions": {
415
- "com.figma.scopes": [
416
- "TEXT_FILL"
417
- ],
418
- "com.figma.hiddenFromPublishing": false
419
- },
420
- "$type": "color",
421
- "$value": "{color.content.neutral.default.on-surface.rest}"
375
+ "$type": "text",
376
+ "$value": "{font-family.sans-serif}"
377
+ },
378
+ "letter-spacing": {
379
+ "small": {
380
+ "$extensions": {
381
+ "com.figma.scopes": [
382
+ "LETTER_SPACING"
383
+ ],
384
+ "com.figma.hiddenFromPublishing": false
422
385
  },
423
- "rest": {
386
+ "$type": "number",
387
+ "$value": "{letter-spacing.caption.sm}"
388
+ },
389
+ "medium": {
390
+ "$extensions": {
391
+ "com.figma.scopes": [
392
+ "LETTER_SPACING"
393
+ ],
394
+ "com.figma.hiddenFromPublishing": false
395
+ },
396
+ "$type": "number",
397
+ "$value": "{letter-spacing.caption.sm}"
398
+ }
399
+ },
400
+ "font-size": {
401
+ "small": {
402
+ "$extensions": {
403
+ "com.figma.scopes": [
404
+ "FONT_SIZE"
405
+ ],
406
+ "com.figma.hiddenFromPublishing": false
407
+ },
408
+ "$type": "number",
409
+ "$value": "{font-size.caption.sm}"
410
+ },
411
+ "medium": {
412
+ "$extensions": {
413
+ "com.figma.scopes": [
414
+ "FONT_SIZE"
415
+ ],
416
+ "com.figma.hiddenFromPublishing": false
417
+ },
418
+ "$type": "number",
419
+ "$value": "{font-size.caption.sm}"
420
+ }
421
+ },
422
+ "line-height": {
423
+ "small": {
424
+ "$extensions": {
425
+ "com.figma.scopes": [
426
+ "LINE_HEIGHT"
427
+ ],
428
+ "com.figma.hiddenFromPublishing": false
429
+ },
430
+ "$type": "number",
431
+ "$value": "{line-height.caption.sm}"
432
+ },
433
+ "medium": {
434
+ "$extensions": {
435
+ "com.figma.scopes": [
436
+ "LINE_HEIGHT"
437
+ ],
438
+ "com.figma.hiddenFromPublishing": false
439
+ },
440
+ "$type": "number",
441
+ "$value": "{line-height.caption.sm}"
442
+ }
443
+ },
444
+ "font-weight": {
445
+ "small": {
446
+ "$extensions": {
447
+ "com.figma.scopes": [
448
+ "FONT_WEIGHT"
449
+ ],
450
+ "com.figma.hiddenFromPublishing": false
451
+ },
452
+ "$type": "number",
453
+ "$value": "{font-weight.caption.default}"
454
+ },
455
+ "medium": {
456
+ "$extensions": {
457
+ "com.figma.scopes": [
458
+ "FONT_WEIGHT"
459
+ ],
460
+ "com.figma.hiddenFromPublishing": false
461
+ },
462
+ "$type": "number",
463
+ "$value": "{font-weight.caption.default}"
464
+ }
465
+ }
466
+ },
467
+ "layout": {
468
+ "outer-box": {
469
+ "vertical-start": {
470
+ "small": {
424
471
  "$extensions": {
425
472
  "com.figma.scopes": [
426
- "TEXT_FILL"
473
+ "GAP"
427
474
  ],
428
475
  "com.figma.hiddenFromPublishing": false
429
476
  },
430
- "$type": "color",
431
- "$value": "{color.content.neutral.subdued.rest}"
477
+ "$type": "number",
478
+ "$value": "{spacing.20}"
432
479
  },
433
- "disabled": {
480
+ "medium": {
434
481
  "$extensions": {
435
482
  "com.figma.scopes": [
436
- "TEXT_FILL"
483
+ "GAP"
437
484
  ],
438
485
  "com.figma.hiddenFromPublishing": false
439
486
  },
440
- "$type": "color",
441
- "$value": "{color.content.neutral.subdued.disabled}"
487
+ "$type": "number",
488
+ "$value": "{spacing.20}"
442
489
  }
443
490
  }
491
+ }
492
+ }
493
+ },
494
+ "mode-button": {
495
+ "color": {
496
+ "bg": {
497
+ "rest": {
498
+ "$extensions": {
499
+ "com.figma.scopes": [
500
+ "FRAME_FILL"
501
+ ],
502
+ "com.figma.hiddenFromPublishing": false
503
+ },
504
+ "$type": "color",
505
+ "$value": "{color.surface.transparent.rest}"
506
+ },
507
+ "hovered": {
508
+ "$extensions": {
509
+ "com.figma.scopes": [
510
+ "FRAME_FILL"
511
+ ],
512
+ "com.figma.hiddenFromPublishing": false
513
+ },
514
+ "$type": "color",
515
+ "$value": "{color.surface.neutral.default.hovered}"
516
+ },
517
+ "active": {
518
+ "$extensions": {
519
+ "com.figma.scopes": [
520
+ "FRAME_FILL"
521
+ ],
522
+ "com.figma.hiddenFromPublishing": false
523
+ },
524
+ "$type": "color",
525
+ "$value": "{color.surface.neutral.default.active}"
526
+ }
444
527
  },
445
- "layout": {
446
- "inner-box": {
528
+ "border": {
529
+ "rest": {
530
+ "$extensions": {
531
+ "com.figma.scopes": [
532
+ "SHAPE_FILL",
533
+ "STROKE_COLOR"
534
+ ],
535
+ "com.figma.hiddenFromPublishing": false
536
+ },
537
+ "$type": "color",
538
+ "$value": "{color.border.transparent.rest}"
539
+ }
540
+ },
541
+ "content": {
542
+ "rest": {
543
+ "$extensions": {
544
+ "com.figma.scopes": [
545
+ "SHAPE_FILL",
546
+ "TEXT_FILL"
547
+ ],
548
+ "com.figma.hiddenFromPublishing": false
549
+ },
550
+ "$type": "color",
551
+ "$value": "{color.content.neutral.default.rest}"
552
+ },
553
+ "disabled": {
554
+ "$extensions": {
555
+ "com.figma.scopes": [
556
+ "SHAPE_FILL",
557
+ "TEXT_FILL"
558
+ ],
559
+ "com.figma.hiddenFromPublishing": false
560
+ },
561
+ "$type": "color",
562
+ "$value": "{color.content.neutral.subdued.rest}"
563
+ }
564
+ }
565
+ },
566
+ "layout": {
567
+ "classic": {
568
+ "outer-box": {
447
569
  "horizontal": {
448
- "small": {
449
- "$extensions": {
450
- "com.figma.scopes": [
451
- "GAP"
452
- ],
453
- "com.figma.hiddenFromPublishing": false
454
- },
455
- "$type": "number",
456
- "$value": "{spacing.40}"
457
- },
458
570
  "medium": {
459
571
  "$extensions": {
460
572
  "com.figma.scopes": [
@@ -463,9 +575,9 @@
463
575
  "com.figma.hiddenFromPublishing": false
464
576
  },
465
577
  "$type": "number",
466
- "$value": "{spacing.60}"
578
+ "$value": "{spacing.50}"
467
579
  },
468
- "large": {
580
+ "small": {
469
581
  "$extensions": {
470
582
  "com.figma.scopes": [
471
583
  "GAP"
@@ -473,11 +585,11 @@
473
585
  "com.figma.hiddenFromPublishing": false
474
586
  },
475
587
  "$type": "number",
476
- "$value": "{spacing.80}"
588
+ "$value": "{spacing.30}"
477
589
  }
478
590
  },
479
591
  "vertical": {
480
- "small": {
592
+ "medium": {
481
593
  "$extensions": {
482
594
  "com.figma.scopes": [
483
595
  "GAP"
@@ -485,9 +597,9 @@
485
597
  "com.figma.hiddenFromPublishing": false
486
598
  },
487
599
  "$type": "number",
488
- "$value": "{spacing.40}"
600
+ "$value": "{spacing.50}"
489
601
  },
490
- "medium": {
602
+ "small": {
491
603
  "$extensions": {
492
604
  "com.figma.scopes": [
493
605
  "GAP"
@@ -495,9 +607,15 @@
495
607
  "com.figma.hiddenFromPublishing": false
496
608
  },
497
609
  "$type": "number",
498
- "$value": "{spacing.60}"
499
- },
500
- "large": {
610
+ "$value": "{spacing.30}"
611
+ }
612
+ }
613
+ }
614
+ },
615
+ "simplified": {
616
+ "outer-box": {
617
+ "horizontal": {
618
+ "medium": {
501
619
  "$extensions": {
502
620
  "com.figma.scopes": [
503
621
  "GAP"
@@ -505,415 +623,386 @@
505
623
  "com.figma.hiddenFromPublishing": false
506
624
  },
507
625
  "$type": "number",
508
- "$value": "{spacing.80}"
509
- }
510
- }
511
- }
512
- },
513
- "borders": {
514
- "border-radius": {
515
- "small": {
516
- "$extensions": {
517
- "com.figma.scopes": [
518
- "CORNER_RADIUS"
519
- ],
520
- "com.figma.hiddenFromPublishing": false
521
- },
522
- "$type": "number",
523
- "$value": "{border-radius.60}"
524
- },
525
- "medium": {
526
- "$extensions": {
527
- "com.figma.scopes": [
528
- "CORNER_RADIUS"
529
- ],
530
- "com.figma.hiddenFromPublishing": false
531
- },
532
- "$type": "number",
533
- "$value": "{border-radius.60}"
534
- },
535
- "large": {
536
- "$extensions": {
537
- "com.figma.scopes": [
538
- "CORNER_RADIUS"
539
- ],
540
- "com.figma.hiddenFromPublishing": false
626
+ "$value": "{spacing.90}"
541
627
  },
542
- "$type": "number",
543
- "$value": "{border-radius.60}"
544
- }
545
- }
546
- },
547
- "typography": {
548
- "font-weight": {
549
- "selected": {
550
628
  "small": {
551
629
  "$extensions": {
552
630
  "com.figma.scopes": [
553
- "FONT_WEIGHT"
631
+ "GAP"
554
632
  ],
555
633
  "com.figma.hiddenFromPublishing": false
556
634
  },
557
635
  "$type": "number",
558
- "$value": "{font-weight.base.strong}"
559
- },
636
+ "$value": "{spacing.50}"
637
+ }
638
+ },
639
+ "vertical": {
560
640
  "medium": {
561
641
  "$extensions": {
562
642
  "com.figma.scopes": [
563
- "FONT_WEIGHT"
643
+ "GAP"
564
644
  ],
565
645
  "com.figma.hiddenFromPublishing": false
566
646
  },
567
647
  "$type": "number",
568
- "$value": "{font-weight.base.strong}"
648
+ "$value": "{spacing.90}"
569
649
  },
570
- "large": {
650
+ "small": {
571
651
  "$extensions": {
572
652
  "com.figma.scopes": [
573
- "FONT_WEIGHT"
653
+ "GAP"
574
654
  ],
575
655
  "com.figma.hiddenFromPublishing": false
576
656
  },
577
657
  "$type": "number",
578
- "$value": "{font-weight.base.strong}"
658
+ "$value": "{spacing.50}"
579
659
  }
580
660
  }
581
661
  }
582
662
  }
583
663
  },
584
- "day": {
585
- "color": {
586
- "default": {
587
- "outer-bg": {
588
- "rest": {
589
- "$extensions": {
590
- "com.figma.scopes": [
591
- "FRAME_FILL"
592
- ],
593
- "com.figma.hiddenFromPublishing": false
594
- },
595
- "$type": "color",
596
- "$value": "{color.surface.transparent.rest}"
664
+ "borders": {
665
+ "border-radius": {
666
+ "medium": {
667
+ "$extensions": {
668
+ "com.figma.scopes": [
669
+ "CORNER_RADIUS"
670
+ ],
671
+ "com.figma.hiddenFromPublishing": false
672
+ },
673
+ "$type": "number",
674
+ "$value": "{border-radius.40}"
675
+ },
676
+ "small": {
677
+ "$extensions": {
678
+ "com.figma.scopes": [
679
+ "CORNER_RADIUS"
680
+ ],
681
+ "com.figma.hiddenFromPublishing": false
682
+ },
683
+ "$type": "number",
684
+ "$value": "{border-radius.40}"
685
+ }
686
+ },
687
+ "border-width": {
688
+ "medium": {
689
+ "$extensions": {
690
+ "com.figma.scopes": [
691
+ "WIDTH_HEIGHT",
692
+ "STROKE_FLOAT"
693
+ ],
694
+ "com.figma.hiddenFromPublishing": false
695
+ },
696
+ "$type": "number",
697
+ "$value": "{border-width.10}"
698
+ },
699
+ "small": {
700
+ "$extensions": {
701
+ "com.figma.scopes": [
702
+ "WIDTH_HEIGHT",
703
+ "STROKE_FLOAT"
704
+ ],
705
+ "com.figma.hiddenFromPublishing": false
706
+ },
707
+ "$type": "number",
708
+ "$value": "{border-width.10}"
709
+ }
710
+ }
711
+ }
712
+ },
713
+ "backstage-view": {
714
+ "root": {
715
+ "color": {
716
+ "bg": {
717
+ "rest": {
718
+ "$extensions": {
719
+ "com.figma.scopes": [
720
+ "FRAME_FILL"
721
+ ],
722
+ "com.figma.hiddenFromPublishing": false
597
723
  },
598
- "range": {
599
- "$extensions": {
600
- "com.figma.scopes": [
601
- "FRAME_FILL"
602
- ],
603
- "com.figma.hiddenFromPublishing": false
604
- },
605
- "$type": "color",
606
- "$value": "{color.surface.primary.deep.selected}"
607
- }
724
+ "$type": "color",
725
+ "$value": "{color.surface.neutral.default.rest}"
726
+ }
727
+ }
728
+ },
729
+ "borders": {
730
+ "border-radius": {
731
+ "small": {
732
+ "$extensions": {
733
+ "com.figma.scopes": [
734
+ "CORNER_RADIUS"
735
+ ],
736
+ "com.figma.hiddenFromPublishing": false
737
+ },
738
+ "$type": "number",
739
+ "$value": "{border-radius.60}"
608
740
  },
609
- "inner-bg": {
610
- "rest": {
741
+ "medium": {
742
+ "$extensions": {
743
+ "com.figma.scopes": [
744
+ "CORNER_RADIUS"
745
+ ],
746
+ "com.figma.hiddenFromPublishing": false
747
+ },
748
+ "$type": "number",
749
+ "$value": "{border-radius.60}"
750
+ }
751
+ }
752
+ }
753
+ },
754
+ "left-pane": {
755
+ "color": {
756
+ "bg": {
757
+ "rest": {
758
+ "$extensions": {
759
+ "com.figma.scopes": [
760
+ "FRAME_FILL"
761
+ ],
762
+ "com.figma.hiddenFromPublishing": false
763
+ },
764
+ "$type": "color",
765
+ "$value": "{color.surface.primary.default.rest}"
766
+ }
767
+ }
768
+ },
769
+ "layout": {
770
+ "outer-box": {
771
+ "vertical-end": {
772
+ "small": {
611
773
  "$extensions": {
612
774
  "com.figma.scopes": [
613
- "FRAME_FILL"
775
+ "GAP"
614
776
  ],
615
777
  "com.figma.hiddenFromPublishing": false
616
778
  },
617
- "$type": "color",
618
- "$value": "{color.surface.transparent.rest}"
779
+ "$type": "number",
780
+ "$value": "{spacing.160}"
619
781
  },
620
- "hovered": {
782
+ "medium": {
621
783
  "$extensions": {
622
784
  "com.figma.scopes": [
623
- "FRAME_FILL"
785
+ "GAP"
624
786
  ],
625
787
  "com.figma.hiddenFromPublishing": false
626
788
  },
627
- "$type": "color",
628
- "$value": "{color.surface.neutral.alpha.hovered}"
629
- },
630
- "selected": {
789
+ "$type": "number",
790
+ "$value": "{spacing.160}"
791
+ }
792
+ },
793
+ "gap": {
794
+ "small": {
631
795
  "$extensions": {
632
796
  "com.figma.scopes": [
633
- "FRAME_FILL"
797
+ "GAP"
634
798
  ],
635
799
  "com.figma.hiddenFromPublishing": false
636
800
  },
637
- "$type": "color",
638
- "$value": "{color.surface.primary.default.rest}"
801
+ "$type": "number",
802
+ "$value": "{spacing.0}"
639
803
  },
640
- "selected-hovered": {
804
+ "medium": {
641
805
  "$extensions": {
642
806
  "com.figma.scopes": [
643
- "FRAME_FILL"
807
+ "GAP"
644
808
  ],
645
809
  "com.figma.hiddenFromPublishing": false
646
810
  },
647
- "$type": "color",
648
- "$value": "{color.surface.primary.default.hovered}"
811
+ "$type": "number",
812
+ "$value": "{spacing.0}"
649
813
  }
650
814
  },
651
- "inner-border": {
652
- "rest": {
815
+ "vertical-start": {
816
+ "small": {
653
817
  "$extensions": {
654
818
  "com.figma.scopes": [
655
- "STROKE_COLOR"
819
+ "GAP"
656
820
  ],
657
821
  "com.figma.hiddenFromPublishing": false
658
822
  },
659
- "$type": "color",
660
- "$value": "{color.border.transparent.rest}"
661
- }
662
- },
663
- "text": {
664
- "selected": {
823
+ "$type": "number",
824
+ "$value": "{spacing.120}"
825
+ },
826
+ "medium": {
665
827
  "$extensions": {
666
828
  "com.figma.scopes": [
667
- "TEXT_FILL"
829
+ "GAP"
668
830
  ],
669
831
  "com.figma.hiddenFromPublishing": false
670
832
  },
671
- "$type": "color",
672
- "$value": "{color.content.neutral.default.on-surface.rest}"
833
+ "$type": "number",
834
+ "$value": "{spacing.120}"
673
835
  }
836
+ }
837
+ }
838
+ }
839
+ },
840
+ "items": {
841
+ "color": {
842
+ "bg": {
843
+ "rest": {
844
+ "$extensions": {
845
+ "com.figma.scopes": [
846
+ "FRAME_FILL"
847
+ ],
848
+ "com.figma.hiddenFromPublishing": false
849
+ },
850
+ "$type": "color",
851
+ "$value": "{color.surface.transparent.rest}"
674
852
  },
675
- "pre-selected-border": {
676
- "pre-selected": {
677
- "$extensions": {
678
- "com.figma.scopes": [
679
- "STROKE_COLOR"
680
- ],
681
- "com.figma.hiddenFromPublishing": false
682
- },
683
- "$type": "color",
684
- "$value": "{color.border.primary.default.rest}"
685
- }
853
+ "hovered": {
854
+ "$extensions": {
855
+ "com.figma.scopes": [
856
+ "FRAME_FILL"
857
+ ],
858
+ "com.figma.hiddenFromPublishing": false
859
+ },
860
+ "$type": "color",
861
+ "$value": "{color.surface.primary.default.hovered}"
862
+ },
863
+ "active": {
864
+ "$extensions": {
865
+ "com.figma.scopes": [
866
+ "FRAME_FILL"
867
+ ],
868
+ "com.figma.hiddenFromPublishing": false
869
+ },
870
+ "$type": "color",
871
+ "$value": "{color.surface.primary.default.active}"
872
+ },
873
+ "selected": {
874
+ "$extensions": {
875
+ "com.figma.scopes": [
876
+ "FRAME_FILL"
877
+ ],
878
+ "com.figma.hiddenFromPublishing": false
879
+ },
880
+ "$type": "color",
881
+ "$value": "{color.surface.primary.default.active}"
882
+ }
883
+ },
884
+ "content": {
885
+ "rest": {
886
+ "$extensions": {
887
+ "com.figma.scopes": [
888
+ "SHAPE_FILL",
889
+ "TEXT_FILL"
890
+ ],
891
+ "com.figma.hiddenFromPublishing": false
892
+ },
893
+ "$type": "color",
894
+ "$value": "{color.content.neutral.default.inverted.rest}"
895
+ },
896
+ "disabled": {
897
+ "$extensions": {
898
+ "com.figma.scopes": [
899
+ "SHAPE_FILL",
900
+ "TEXT_FILL"
901
+ ],
902
+ "com.figma.hiddenFromPublishing": false
903
+ },
904
+ "$type": "color",
905
+ "$value": "{color.content.neutral.default.static-light.disabled}"
906
+ }
907
+ },
908
+ "border": {
909
+ "rest": {
910
+ "$extensions": {
911
+ "com.figma.scopes": [
912
+ "SHAPE_FILL",
913
+ "STROKE_COLOR"
914
+ ],
915
+ "com.figma.hiddenFromPublishing": false
916
+ },
917
+ "$type": "color",
918
+ "$value": "{color.content.neutral.default.inverted.rest}"
919
+ }
920
+ }
921
+ },
922
+ "borders": {
923
+ "border-width": {
924
+ "small": {
925
+ "$extensions": {
926
+ "com.figma.scopes": [
927
+ "WIDTH_HEIGHT",
928
+ "STROKE_FLOAT"
929
+ ],
930
+ "com.figma.hiddenFromPublishing": false
931
+ },
932
+ "$type": "number",
933
+ "$value": "{border-width.20}"
934
+ },
935
+ "medium": {
936
+ "$extensions": {
937
+ "com.figma.scopes": [
938
+ "WIDTH_HEIGHT",
939
+ "STROKE_FLOAT"
940
+ ],
941
+ "com.figma.hiddenFromPublishing": false
942
+ },
943
+ "$type": "number",
944
+ "$value": "{border-width.20}"
686
945
  }
687
946
  },
688
- "today": {
689
- "outer-bg": {
690
- "rest": {
947
+ "border-radius": {
948
+ "small": {
949
+ "$extensions": {
950
+ "com.figma.scopes": [
951
+ "CORNER_RADIUS"
952
+ ],
953
+ "com.figma.hiddenFromPublishing": false
954
+ },
955
+ "$type": "number",
956
+ "$value": "{border-radius.full}"
957
+ },
958
+ "medium": {
959
+ "$extensions": {
960
+ "com.figma.scopes": [
961
+ "CORNER_RADIUS"
962
+ ],
963
+ "com.figma.hiddenFromPublishing": false
964
+ },
965
+ "$type": "number",
966
+ "$value": "{border-radius.full}"
967
+ }
968
+ }
969
+ },
970
+ "layout": {
971
+ "outer-box": {
972
+ "vertical": {
973
+ "small": {
691
974
  "$extensions": {
692
975
  "com.figma.scopes": [
693
- "FRAME_FILL"
976
+ "GAP"
694
977
  ],
695
978
  "com.figma.hiddenFromPublishing": false
696
979
  },
697
- "$type": "color",
698
- "$value": "{color.surface.transparent.rest}"
980
+ "$type": "number",
981
+ "$value": "{spacing.100}"
699
982
  },
700
- "range": {
983
+ "medium": {
701
984
  "$extensions": {
702
985
  "com.figma.scopes": [
703
- "FRAME_FILL"
986
+ "GAP"
704
987
  ],
705
988
  "com.figma.hiddenFromPublishing": false
706
989
  },
707
- "$type": "color",
708
- "$value": "{color.surface.primary.deep.selected}"
990
+ "$type": "number",
991
+ "$value": "{spacing.100}"
709
992
  }
710
993
  },
711
- "inner-bg": {
712
- "rest": {
994
+ "horizontal-start": {
995
+ "small": {
713
996
  "$extensions": {
714
997
  "com.figma.scopes": [
715
- "FRAME_FILL"
998
+ "GAP"
716
999
  ],
717
1000
  "com.figma.hiddenFromPublishing": false
718
1001
  },
719
- "$type": "color",
720
- "$value": "{color.surface.transparent.rest}"
1002
+ "$type": "number",
1003
+ "$value": "{spacing.100}"
721
1004
  },
722
- "hovered": {
723
- "$extensions": {
724
- "com.figma.scopes": [
725
- "FRAME_FILL"
726
- ],
727
- "com.figma.hiddenFromPublishing": false
728
- },
729
- "$type": "color",
730
- "$value": "{color.surface.neutral.alpha.hovered}"
731
- },
732
- "selected": {
733
- "$extensions": {
734
- "com.figma.scopes": [
735
- "FRAME_FILL"
736
- ],
737
- "com.figma.hiddenFromPublishing": false
738
- },
739
- "$type": "color",
740
- "$value": "{color.surface.primary.default.rest}"
741
- },
742
- "selected-hovered": {
743
- "$extensions": {
744
- "com.figma.scopes": [
745
- "FRAME_FILL"
746
- ],
747
- "com.figma.hiddenFromPublishing": false
748
- },
749
- "$type": "color",
750
- "$value": "{color.surface.primary.default.hovered}"
751
- }
752
- },
753
- "border": {
754
- "rest": {
755
- "$extensions": {
756
- "com.figma.scopes": [
757
- "STROKE_COLOR"
758
- ],
759
- "com.figma.hiddenFromPublishing": false
760
- },
761
- "$type": "color",
762
- "$value": "{color.border.primary.default.rest}"
763
- }
764
- },
765
- "pre-selected-border": {
766
- "pre-selected": {
767
- "$extensions": {
768
- "com.figma.scopes": [
769
- "STROKE_COLOR"
770
- ],
771
- "com.figma.hiddenFromPublishing": false
772
- },
773
- "$type": "color",
774
- "$value": "{color.border.primary.default.rest}"
775
- }
776
- },
777
- "text": {
778
- "selected": {
779
- "$extensions": {
780
- "com.figma.scopes": [
781
- "TEXT_FILL"
782
- ],
783
- "com.figma.hiddenFromPublishing": false
784
- },
785
- "$type": "color",
786
- "$value": "{color.content.neutral.default.on-surface.rest}"
787
- }
788
- }
789
- },
790
- "out-of-period": {
791
- "outer-bg": {
792
- "rest": {
793
- "$extensions": {
794
- "com.figma.scopes": [
795
- "FRAME_FILL"
796
- ],
797
- "com.figma.hiddenFromPublishing": false
798
- },
799
- "$type": "color",
800
- "$value": "{color.surface.transparent.rest}"
801
- },
802
- "range": {
803
- "$extensions": {
804
- "com.figma.scopes": [
805
- "FRAME_FILL"
806
- ],
807
- "com.figma.hiddenFromPublishing": false
808
- },
809
- "$type": "color",
810
- "$value": "{color.surface.neutral.subdued.rest}"
811
- }
812
- },
813
- "inner-bg": {
814
- "rest": {
815
- "$extensions": {
816
- "com.figma.scopes": [
817
- "FRAME_FILL"
818
- ],
819
- "com.figma.hiddenFromPublishing": false
820
- },
821
- "$type": "color",
822
- "$value": "{color.surface.transparent.rest}"
823
- },
824
- "hovered": {
825
- "$extensions": {
826
- "com.figma.scopes": [
827
- "FRAME_FILL"
828
- ],
829
- "com.figma.hiddenFromPublishing": false
830
- },
831
- "$type": "color",
832
- "$value": "{color.surface.neutral.alpha.hovered}"
833
- },
834
- "selected": {
835
- "$extensions": {
836
- "com.figma.scopes": [
837
- "FRAME_FILL"
838
- ],
839
- "com.figma.hiddenFromPublishing": false
840
- },
841
- "$type": "color",
842
- "$value": "{color.surface.neutral.default.selected}"
843
- },
844
- "selected-hovered": {
845
- "$extensions": {
846
- "com.figma.scopes": [
847
- "FRAME_FILL"
848
- ],
849
- "com.figma.hiddenFromPublishing": false
850
- },
851
- "$type": "color",
852
- "$value": "{color.surface.neutral.default.selected-hovered}"
853
- }
854
- },
855
- "border": {
856
- "rest": {
857
- "$extensions": {
858
- "com.figma.scopes": [
859
- "STROKE_COLOR"
860
- ],
861
- "com.figma.hiddenFromPublishing": false
862
- },
863
- "$type": "color",
864
- "$value": "{color.border.transparent.rest}"
865
- }
866
- },
867
- "pre-selected-border": {
868
- "pre-selected": {
869
- "$extensions": {
870
- "com.figma.scopes": [
871
- "STROKE_COLOR"
872
- ],
873
- "com.figma.hiddenFromPublishing": false
874
- },
875
- "$type": "color",
876
- "$value": "{color.border.neutral.default.rest}"
877
- }
878
- },
879
- "text": {
880
- "rest": {
881
- "$extensions": {
882
- "com.figma.scopes": [
883
- "TEXT_FILL"
884
- ],
885
- "com.figma.hiddenFromPublishing": false
886
- },
887
- "$type": "color",
888
- "$value": "{color.content.neutral.deep.rest}"
889
- }
890
- }
891
- }
892
- },
893
- "layout": {
894
- "outer-box": {
895
- "horizontal": {
896
- "small": {
897
- "$extensions": {
898
- "com.figma.scopes": [
899
- "GAP"
900
- ],
901
- "com.figma.hiddenFromPublishing": false
902
- },
903
- "$type": "number",
904
- "$value": "{spacing.20}"
905
- },
906
- "medium": {
907
- "$extensions": {
908
- "com.figma.scopes": [
909
- "GAP"
910
- ],
911
- "com.figma.hiddenFromPublishing": false
912
- },
913
- "$type": "number",
914
- "$value": "{spacing.20}"
915
- },
916
- "large": {
1005
+ "medium": {
917
1006
  "$extensions": {
918
1007
  "com.figma.scopes": [
919
1008
  "GAP"
@@ -921,10 +1010,10 @@
921
1010
  "com.figma.hiddenFromPublishing": false
922
1011
  },
923
1012
  "$type": "number",
924
- "$value": "{spacing.20}"
1013
+ "$value": "{spacing.100}"
925
1014
  }
926
1015
  },
927
- "vertical": {
1016
+ "horizontal-end": {
928
1017
  "small": {
929
1018
  "$extensions": {
930
1019
  "com.figma.scopes": [
@@ -933,7 +1022,7 @@
933
1022
  "com.figma.hiddenFromPublishing": false
934
1023
  },
935
1024
  "$type": "number",
936
- "$value": "{spacing.20}"
1025
+ "$value": "{spacing.240}"
937
1026
  },
938
1027
  "medium": {
939
1028
  "$extensions": {
@@ -943,21 +1032,11 @@
943
1032
  "com.figma.hiddenFromPublishing": false
944
1033
  },
945
1034
  "$type": "number",
946
- "$value": "{spacing.20}"
947
- },
948
- "large": {
949
- "$extensions": {
950
- "com.figma.scopes": [
951
- "GAP"
952
- ],
953
- "com.figma.hiddenFromPublishing": false
954
- },
955
- "$type": "number",
956
- "$value": "{spacing.20}"
1035
+ "$value": "{spacing.240}"
957
1036
  }
958
1037
  }
959
1038
  },
960
- "inner-box": {
1039
+ "icon-box": {
961
1040
  "horizontal": {
962
1041
  "small": {
963
1042
  "$extensions": {
@@ -967,7 +1046,7 @@
967
1046
  "com.figma.hiddenFromPublishing": false
968
1047
  },
969
1048
  "$type": "number",
970
- "$value": "{spacing.30}"
1049
+ "$value": "{spacing.60}"
971
1050
  },
972
1051
  "medium": {
973
1052
  "$extensions": {
@@ -977,17 +1056,7 @@
977
1056
  "com.figma.hiddenFromPublishing": false
978
1057
  },
979
1058
  "$type": "number",
980
- "$value": "{spacing.50}"
981
- },
982
- "large": {
983
- "$extensions": {
984
- "com.figma.scopes": [
985
- "GAP"
986
- ],
987
- "com.figma.hiddenFromPublishing": false
988
- },
989
- "$type": "number",
990
- "$value": "{spacing.70}"
1059
+ "$value": "{spacing.80}"
991
1060
  }
992
1061
  },
993
1062
  "vertical": {
@@ -999,7 +1068,7 @@
999
1068
  "com.figma.hiddenFromPublishing": false
1000
1069
  },
1001
1070
  "$type": "number",
1002
- "$value": "{spacing.30}"
1071
+ "$value": "{spacing.60}"
1003
1072
  },
1004
1073
  "medium": {
1005
1074
  "$extensions": {
@@ -1009,509 +1078,782 @@
1009
1078
  "com.figma.hiddenFromPublishing": false
1010
1079
  },
1011
1080
  "$type": "number",
1012
- "$value": "{spacing.50}"
1013
- },
1014
- "large": {
1015
- "$extensions": {
1016
- "com.figma.scopes": [
1017
- "GAP"
1018
- ],
1019
- "com.figma.hiddenFromPublishing": false
1020
- },
1021
- "$type": "number",
1022
- "$value": "{spacing.70}"
1081
+ "$value": "{spacing.80}"
1023
1082
  }
1024
1083
  }
1025
1084
  }
1085
+ }
1086
+ },
1087
+ "separator": {
1088
+ "color": {
1089
+ "bg": {
1090
+ "rest": {
1091
+ "$extensions": {
1092
+ "com.figma.scopes": [
1093
+ "FRAME_FILL"
1094
+ ],
1095
+ "com.figma.hiddenFromPublishing": false
1096
+ },
1097
+ "$type": "color",
1098
+ "$value": "{color.content.neutral.default.inverted.rest}"
1099
+ }
1100
+ }
1026
1101
  },
1027
- "borders": {
1028
- "border-radius": {
1029
- "outer-box": {
1102
+ "layout": {
1103
+ "outer-box": {
1104
+ "horizontal": {
1030
1105
  "small": {
1031
1106
  "$extensions": {
1032
1107
  "com.figma.scopes": [
1033
- "CORNER_RADIUS"
1108
+ "GAP"
1034
1109
  ],
1035
1110
  "com.figma.hiddenFromPublishing": false
1036
1111
  },
1037
1112
  "$type": "number",
1038
- "$value": "{border-radius.60}"
1113
+ "$value": "{spacing.260}"
1039
1114
  },
1040
1115
  "medium": {
1041
1116
  "$extensions": {
1042
1117
  "com.figma.scopes": [
1043
- "CORNER_RADIUS"
1044
- ],
1045
- "com.figma.hiddenFromPublishing": false
1046
- },
1047
- "$type": "number",
1048
- "$value": "{border-radius.60}"
1049
- },
1050
- "large": {
1051
- "$extensions": {
1052
- "com.figma.scopes": [
1053
- "CORNER_RADIUS"
1118
+ "GAP"
1054
1119
  ],
1055
1120
  "com.figma.hiddenFromPublishing": false
1056
1121
  },
1057
1122
  "$type": "number",
1058
- "$value": "{border-radius.60}"
1123
+ "$value": "{spacing.260}"
1059
1124
  }
1060
1125
  },
1061
- "inner-box": {
1062
- "small": {
1063
- "$extensions": {
1064
- "com.figma.scopes": [
1065
- "CORNER_RADIUS"
1066
- ],
1067
- "com.figma.hiddenFromPublishing": false
1068
- },
1069
- "$type": "number",
1070
- "$value": "{border-radius.theme-builder.default}"
1071
- },
1072
- "medium": {
1073
- "$extensions": {
1074
- "com.figma.scopes": [
1075
- "CORNER_RADIUS"
1076
- ],
1077
- "com.figma.hiddenFromPublishing": false
1078
- },
1079
- "$type": "number",
1080
- "$value": "{border-radius.theme-builder.default}"
1081
- },
1082
- "large": {
1083
- "$extensions": {
1084
- "com.figma.scopes": [
1085
- "CORNER_RADIUS"
1086
- ],
1087
- "com.figma.hiddenFromPublishing": false
1088
- },
1089
- "$type": "number",
1090
- "$value": "{border-radius.theme-builder.default}"
1091
- }
1092
- }
1093
- },
1094
- "border-width": {
1095
- "default": {
1126
+ "vertical": {
1096
1127
  "small": {
1097
1128
  "$extensions": {
1098
1129
  "com.figma.scopes": [
1099
- "STROKE_FLOAT"
1130
+ "GAP"
1100
1131
  ],
1101
1132
  "com.figma.hiddenFromPublishing": false
1102
1133
  },
1103
1134
  "$type": "number",
1104
- "$value": "{border-width.10}"
1135
+ "$value": "{spacing.100}"
1105
1136
  },
1106
1137
  "medium": {
1107
1138
  "$extensions": {
1108
1139
  "com.figma.scopes": [
1109
- "STROKE_FLOAT"
1110
- ],
1111
- "com.figma.hiddenFromPublishing": false
1112
- },
1113
- "$type": "number",
1114
- "$value": "{border-width.10}"
1115
- },
1116
- "large": {
1117
- "$extensions": {
1118
- "com.figma.scopes": [
1119
- "STROKE_FLOAT"
1140
+ "GAP"
1120
1141
  ],
1121
1142
  "com.figma.hiddenFromPublishing": false
1122
1143
  },
1123
1144
  "$type": "number",
1124
- "$value": "{border-width.10}"
1145
+ "$value": "{spacing.100}"
1125
1146
  }
1126
1147
  },
1127
- "pre-selected": {
1148
+ "height": {
1128
1149
  "small": {
1129
1150
  "$extensions": {
1130
1151
  "com.figma.scopes": [
1131
- "STROKE_FLOAT"
1152
+ "WIDTH_HEIGHT"
1132
1153
  ],
1133
1154
  "com.figma.hiddenFromPublishing": false
1134
1155
  },
1135
1156
  "$type": "number",
1136
- "$value": "{border-width.10}"
1157
+ "$value": "{spacing.10}"
1137
1158
  },
1138
1159
  "medium": {
1139
1160
  "$extensions": {
1140
1161
  "com.figma.scopes": [
1141
- "STROKE_FLOAT"
1142
- ],
1143
- "com.figma.hiddenFromPublishing": false
1144
- },
1145
- "$type": "number",
1146
- "$value": "{border-width.10}"
1147
- },
1148
- "large": {
1149
- "$extensions": {
1150
- "com.figma.scopes": [
1151
- "STROKE_FLOAT"
1162
+ "WIDTH_HEIGHT"
1152
1163
  ],
1153
1164
  "com.figma.hiddenFromPublishing": false
1154
1165
  },
1155
1166
  "$type": "number",
1156
- "$value": "{border-width.10}"
1167
+ "$value": "{spacing.10}"
1157
1168
  }
1158
1169
  }
1159
1170
  }
1160
1171
  }
1161
1172
  }
1162
1173
  },
1163
- "week-number": {
1164
- "color": {
1165
- "border": {
1166
- "rest": {
1167
- "$extensions": {
1168
- "com.figma.scopes": [
1169
- "STROKE_COLOR"
1170
- ],
1171
- "com.figma.hiddenFromPublishing": false
1172
- },
1173
- "$type": "color",
1174
- "$value": "{color.border.neutral.default.rest}"
1175
- }
1176
- },
1177
- "text": {
1178
- "rest": {
1179
- "$extensions": {
1180
- "com.figma.scopes": [
1181
- "TEXT_FILL"
1182
- ],
1183
- "com.figma.hiddenFromPublishing": false
1184
- },
1185
- "$type": "color",
1186
- "$value": "{color.content.neutral.subdued.rest}"
1187
- }
1188
- }
1189
- },
1190
- "borders": {
1191
- "border-width": {
1192
- "small": {
1193
- "$extensions": {
1194
- "com.figma.scopes": [
1195
- "STROKE_FLOAT"
1196
- ],
1197
- "com.figma.hiddenFromPublishing": false
1198
- },
1199
- "$type": "number",
1200
- "$value": "{border-width.10}"
1201
- },
1202
- "medium": {
1203
- "$extensions": {
1204
- "com.figma.scopes": [
1205
- "STROKE_FLOAT"
1206
- ],
1207
- "com.figma.hiddenFromPublishing": false
1208
- },
1209
- "$type": "number",
1210
- "$value": "{border-width.10}"
1211
- },
1212
- "large": {
1213
- "$extensions": {
1214
- "com.figma.scopes": [
1215
- "STROKE_FLOAT"
1216
- ],
1217
- "com.figma.hiddenFromPublishing": false
1218
- },
1219
- "$type": "number",
1220
- "$value": "{border-width.10}"
1221
- }
1222
- }
1223
- },
1224
- "layout": {
1225
- "outer-box": {
1226
- "horizontal-start": {
1227
- "small": {
1174
+ "application-menu": {
1175
+ "root": {
1176
+ "color": {
1177
+ "bg": {
1178
+ "rest": {
1228
1179
  "$extensions": {
1229
1180
  "com.figma.scopes": [
1230
- "GAP"
1181
+ "FRAME_FILL"
1231
1182
  ],
1232
1183
  "com.figma.hiddenFromPublishing": false
1233
1184
  },
1234
- "$type": "number",
1235
- "$value": "{spacing.60}"
1236
- },
1237
- "medium": {
1185
+ "$type": "color",
1186
+ "$value": "{color.surface.neutral.default.rest}"
1187
+ }
1188
+ },
1189
+ "border": {
1190
+ "rest": {
1238
1191
  "$extensions": {
1239
1192
  "com.figma.scopes": [
1240
- "GAP"
1193
+ "SHAPE_FILL",
1194
+ "STROKE_COLOR"
1241
1195
  ],
1242
1196
  "com.figma.hiddenFromPublishing": false
1243
1197
  },
1244
- "$type": "number",
1245
- "$value": "{spacing.80}"
1246
- },
1247
- "large": {
1198
+ "$type": "color",
1199
+ "$value": "{color.border.neutral.default.rest}"
1200
+ }
1201
+ }
1202
+ },
1203
+ "box-shadow": {
1204
+ "layer-1": {
1205
+ "color": {
1248
1206
  "$extensions": {
1249
1207
  "com.figma.scopes": [
1250
- "GAP"
1208
+ "EFFECT_COLOR"
1251
1209
  ],
1252
1210
  "com.figma.hiddenFromPublishing": false
1253
1211
  },
1254
- "$type": "number",
1255
- "$value": "{spacing.100}"
1256
- }
1257
- },
1258
- "vertical": {
1259
- "small": {
1212
+ "$type": "color",
1213
+ "$value": "{box-shadow.layer-1.color.lg}"
1214
+ },
1215
+ "x": {
1260
1216
  "$extensions": {
1261
1217
  "com.figma.scopes": [
1262
- "GAP"
1218
+ "EFFECT_FLOAT"
1263
1219
  ],
1264
1220
  "com.figma.hiddenFromPublishing": false
1265
1221
  },
1266
1222
  "$type": "number",
1267
- "$value": "{spacing.60}"
1223
+ "$value": "{box-shadow.layer-1.x.lg}"
1268
1224
  },
1269
- "medium": {
1225
+ "y": {
1270
1226
  "$extensions": {
1271
1227
  "com.figma.scopes": [
1272
- "GAP"
1228
+ "EFFECT_FLOAT"
1273
1229
  ],
1274
1230
  "com.figma.hiddenFromPublishing": false
1275
1231
  },
1276
1232
  "$type": "number",
1277
- "$value": "{spacing.80}"
1233
+ "$value": "{box-shadow.layer-1.y.lg}"
1278
1234
  },
1279
- "large": {
1235
+ "blur": {
1280
1236
  "$extensions": {
1281
1237
  "com.figma.scopes": [
1282
- "GAP"
1238
+ "EFFECT_FLOAT"
1283
1239
  ],
1284
1240
  "com.figma.hiddenFromPublishing": false
1285
1241
  },
1286
1242
  "$type": "number",
1287
- "$value": "{spacing.100}"
1288
- }
1289
- },
1290
- "horizontal-end": {
1291
- "small": {
1243
+ "$value": "{box-shadow.layer-1.blur.lg}"
1244
+ },
1245
+ "spread": {
1292
1246
  "$extensions": {
1293
1247
  "com.figma.scopes": [
1294
- "GAP"
1248
+ "EFFECT_FLOAT"
1295
1249
  ],
1296
1250
  "com.figma.hiddenFromPublishing": false
1297
1251
  },
1298
1252
  "$type": "number",
1299
- "$value": "{spacing.50}"
1300
- },
1301
- "medium": {
1253
+ "$value": "{box-shadow.layer-1.spread.lg}"
1254
+ }
1255
+ },
1256
+ "layer-2": {
1257
+ "color": {
1302
1258
  "$extensions": {
1303
1259
  "com.figma.scopes": [
1304
- "GAP"
1260
+ "EFFECT_COLOR"
1305
1261
  ],
1306
1262
  "com.figma.hiddenFromPublishing": false
1307
1263
  },
1308
- "$type": "number",
1309
- "$value": "{spacing.70}"
1264
+ "$type": "color",
1265
+ "$value": "{box-shadow.layer-2.color.lg}"
1310
1266
  },
1311
- "large": {
1267
+ "x": {
1312
1268
  "$extensions": {
1313
1269
  "com.figma.scopes": [
1314
- "GAP"
1270
+ "EFFECT_FLOAT"
1315
1271
  ],
1316
1272
  "com.figma.hiddenFromPublishing": false
1317
1273
  },
1318
1274
  "$type": "number",
1319
- "$value": "{spacing.90}"
1320
- }
1321
- }
1322
- }
1323
- }
1324
- },
1325
- "root": {
1326
- "color": {
1327
- "bg": {
1328
- "rest": {
1329
- "$extensions": {
1330
- "com.figma.scopes": [
1331
- "FRAME_FILL"
1332
- ],
1333
- "com.figma.hiddenFromPublishing": false
1275
+ "$value": "{box-shadow.layer-2.x.lg}"
1334
1276
  },
1335
- "$type": "color",
1336
- "$value": "{color.surface.neutral.default.rest}"
1337
- }
1338
- }
1339
- },
1340
- "layout": {
1341
- "outer-box": {
1342
- "horizontal": {
1343
- "small": {
1277
+ "y": {
1344
1278
  "$extensions": {
1345
1279
  "com.figma.scopes": [
1346
- "GAP"
1280
+ "EFFECT_FLOAT"
1347
1281
  ],
1348
1282
  "com.figma.hiddenFromPublishing": false
1349
1283
  },
1350
1284
  "$type": "number",
1351
- "$value": "{spacing.0}"
1285
+ "$value": "{box-shadow.layer-2.y.lg}"
1352
1286
  },
1353
- "medium": {
1287
+ "blur": {
1354
1288
  "$extensions": {
1355
1289
  "com.figma.scopes": [
1356
- "GAP"
1290
+ "EFFECT_FLOAT"
1357
1291
  ],
1358
1292
  "com.figma.hiddenFromPublishing": false
1359
1293
  },
1360
1294
  "$type": "number",
1361
- "$value": "{spacing.0}"
1295
+ "$value": "{box-shadow.layer-2.blur.lg}"
1362
1296
  },
1363
- "large": {
1297
+ "spread": {
1364
1298
  "$extensions": {
1365
1299
  "com.figma.scopes": [
1366
- "GAP"
1300
+ "EFFECT_FLOAT"
1367
1301
  ],
1368
1302
  "com.figma.hiddenFromPublishing": false
1369
1303
  },
1370
1304
  "$type": "number",
1371
- "$value": "{spacing.0}"
1305
+ "$value": "{box-shadow.layer-2.spread.lg}"
1372
1306
  }
1373
1307
  },
1374
- "vertical": {
1308
+ "composite": {
1309
+ "$extensions": {
1310
+ "com.figma.hiddenFromPublishing": false
1311
+ },
1312
+ "$type": "text",
1313
+ "$value": "{box-shadow.lg}"
1314
+ }
1315
+ },
1316
+ "borders": {
1317
+ "border-radius": {
1375
1318
  "small": {
1376
1319
  "$extensions": {
1377
1320
  "com.figma.scopes": [
1378
- "GAP"
1321
+ "CORNER_RADIUS"
1379
1322
  ],
1380
1323
  "com.figma.hiddenFromPublishing": false
1381
1324
  },
1382
1325
  "$type": "number",
1383
- "$value": "{spacing.0}"
1326
+ "$value": "{border-radius.40}"
1384
1327
  },
1385
1328
  "medium": {
1386
1329
  "$extensions": {
1387
1330
  "com.figma.scopes": [
1388
- "GAP"
1389
- ],
1390
- "com.figma.hiddenFromPublishing": false
1391
- },
1392
- "$type": "number",
1393
- "$value": "{spacing.0}"
1394
- },
1395
- "large": {
1396
- "$extensions": {
1397
- "com.figma.scopes": [
1398
- "GAP"
1331
+ "CORNER_RADIUS"
1399
1332
  ],
1400
1333
  "com.figma.hiddenFromPublishing": false
1401
1334
  },
1402
1335
  "$type": "number",
1403
- "$value": "{spacing.0}"
1336
+ "$value": "{border-radius.40}"
1404
1337
  }
1405
1338
  },
1406
- "gap": {
1339
+ "border-width": {
1407
1340
  "small": {
1408
1341
  "$extensions": {
1409
1342
  "com.figma.scopes": [
1410
- "GAP"
1343
+ "WIDTH_HEIGHT",
1344
+ "STROKE_FLOAT"
1411
1345
  ],
1412
1346
  "com.figma.hiddenFromPublishing": false
1413
1347
  },
1414
1348
  "$type": "number",
1415
- "$value": "{spacing.0}"
1349
+ "$value": "{border-width.10}"
1416
1350
  },
1417
1351
  "medium": {
1418
1352
  "$extensions": {
1419
1353
  "com.figma.scopes": [
1420
- "GAP"
1354
+ "WIDTH_HEIGHT",
1355
+ "STROKE_FLOAT"
1421
1356
  ],
1422
1357
  "com.figma.hiddenFromPublishing": false
1423
1358
  },
1424
1359
  "$type": "number",
1425
- "$value": "{spacing.0}"
1426
- },
1427
- "large": {
1360
+ "$value": "{border-width.10}"
1361
+ }
1362
+ }
1363
+ },
1364
+ "layout": {
1365
+ "content-box": {
1366
+ "gap": {
1367
+ "small": {
1368
+ "$extensions": {
1369
+ "com.figma.scopes": [
1370
+ "GAP"
1371
+ ],
1372
+ "com.figma.hiddenFromPublishing": false
1373
+ },
1374
+ "$type": "number",
1375
+ "$value": "{spacing.0}"
1376
+ },
1377
+ "medium": {
1378
+ "$extensions": {
1379
+ "com.figma.scopes": [
1380
+ "GAP"
1381
+ ],
1382
+ "com.figma.hiddenFromPublishing": false
1383
+ },
1384
+ "$type": "number",
1385
+ "$value": "{spacing.0}"
1386
+ }
1387
+ }
1388
+ }
1389
+ }
1390
+ },
1391
+ "bottom-pane": {
1392
+ "color": {
1393
+ "border": {
1394
+ "rest": {
1428
1395
  "$extensions": {
1429
1396
  "com.figma.scopes": [
1430
- "GAP"
1397
+ "SHAPE_FILL",
1398
+ "STROKE_COLOR"
1431
1399
  ],
1432
1400
  "com.figma.hiddenFromPublishing": false
1433
1401
  },
1434
- "$type": "number",
1435
- "$value": "{spacing.0}"
1402
+ "$type": "color",
1403
+ "$value": "{color.border.neutral.default.rest}"
1404
+ }
1405
+ },
1406
+ "bg": {
1407
+ "rest": {
1408
+ "$extensions": {
1409
+ "com.figma.scopes": [
1410
+ "FRAME_FILL"
1411
+ ],
1412
+ "com.figma.hiddenFromPublishing": false
1413
+ },
1414
+ "$type": "color",
1415
+ "$value": "{color.surface.neutral.default.rest}"
1436
1416
  }
1437
1417
  }
1438
1418
  },
1439
- "content-box": {
1440
- "gap": {
1419
+ "layout": {
1420
+ "outer-box": {
1421
+ "horizontal": {
1422
+ "small": {
1423
+ "$extensions": {
1424
+ "com.figma.scopes": [
1425
+ "GAP"
1426
+ ],
1427
+ "com.figma.hiddenFromPublishing": false
1428
+ },
1429
+ "$type": "number",
1430
+ "$value": "{spacing.30}"
1431
+ },
1432
+ "medium": {
1433
+ "$extensions": {
1434
+ "com.figma.scopes": [
1435
+ "GAP"
1436
+ ],
1437
+ "com.figma.hiddenFromPublishing": false
1438
+ },
1439
+ "$type": "number",
1440
+ "$value": "{spacing.40}"
1441
+ }
1442
+ },
1443
+ "vertical": {
1444
+ "small": {
1445
+ "$extensions": {
1446
+ "com.figma.scopes": [
1447
+ "GAP"
1448
+ ],
1449
+ "com.figma.hiddenFromPublishing": false
1450
+ },
1451
+ "$type": "number",
1452
+ "$value": "{spacing.40}"
1453
+ },
1454
+ "medium": {
1455
+ "$extensions": {
1456
+ "com.figma.scopes": [
1457
+ "GAP"
1458
+ ],
1459
+ "com.figma.hiddenFromPublishing": false
1460
+ },
1461
+ "$type": "number",
1462
+ "$value": "{spacing.40}"
1463
+ }
1464
+ }
1465
+ }
1466
+ },
1467
+ "borders": {
1468
+ "border-width": {
1441
1469
  "small": {
1442
1470
  "$extensions": {
1443
1471
  "com.figma.scopes": [
1444
- "GAP"
1472
+ "WIDTH_HEIGHT",
1473
+ "STROKE_FLOAT"
1445
1474
  ],
1446
1475
  "com.figma.hiddenFromPublishing": false
1447
1476
  },
1448
1477
  "$type": "number",
1449
- "$value": "{spacing.0}"
1478
+ "$value": "{border-width.10}"
1450
1479
  },
1451
1480
  "medium": {
1452
1481
  "$extensions": {
1453
1482
  "com.figma.scopes": [
1454
- "GAP"
1483
+ "WIDTH_HEIGHT",
1484
+ "STROKE_FLOAT"
1455
1485
  ],
1456
1486
  "com.figma.hiddenFromPublishing": false
1457
1487
  },
1458
1488
  "$type": "number",
1459
- "$value": "{spacing.0}"
1460
- },
1461
- "large": {
1489
+ "$value": "{border-width.10}"
1490
+ }
1491
+ }
1492
+ }
1493
+ },
1494
+ "item": {
1495
+ "color": {
1496
+ "description": {
1497
+ "rest": {
1462
1498
  "$extensions": {
1463
1499
  "com.figma.scopes": [
1464
- "GAP"
1500
+ "TEXT_FILL"
1465
1501
  ],
1466
1502
  "com.figma.hiddenFromPublishing": false
1467
1503
  },
1468
- "$type": "number",
1469
- "$value": "{spacing.0}"
1504
+ "$type": "color",
1505
+ "$value": "{color.content.neutral.subdued.rest}"
1506
+ }
1507
+ }
1508
+ },
1509
+ "layout": {
1510
+ "outer-box": {
1511
+ "vertical": {
1512
+ "small": {
1513
+ "$extensions": {
1514
+ "com.figma.scopes": [
1515
+ "GAP"
1516
+ ],
1517
+ "com.figma.hiddenFromPublishing": false
1518
+ },
1519
+ "$type": "number",
1520
+ "$value": "{spacing.30}"
1521
+ },
1522
+ "medium": {
1523
+ "$extensions": {
1524
+ "com.figma.scopes": [
1525
+ "GAP"
1526
+ ],
1527
+ "com.figma.hiddenFromPublishing": false
1528
+ },
1529
+ "$type": "number",
1530
+ "$value": "{spacing.50}"
1531
+ }
1532
+ },
1533
+ "gap": {
1534
+ "small": {
1535
+ "$extensions": {
1536
+ "com.figma.scopes": [
1537
+ "GAP"
1538
+ ],
1539
+ "com.figma.hiddenFromPublishing": false
1540
+ },
1541
+ "$type": "number",
1542
+ "$value": "{spacing.40}"
1543
+ },
1544
+ "medium": {
1545
+ "$extensions": {
1546
+ "com.figma.scopes": [
1547
+ "GAP"
1548
+ ],
1549
+ "com.figma.hiddenFromPublishing": false
1550
+ },
1551
+ "$type": "number",
1552
+ "$value": "{spacing.60}"
1553
+ }
1554
+ },
1555
+ "horizontal": {
1556
+ "small": {
1557
+ "$extensions": {
1558
+ "com.figma.scopes": [
1559
+ "GAP"
1560
+ ],
1561
+ "com.figma.hiddenFromPublishing": false
1562
+ },
1563
+ "$type": "number",
1564
+ "$value": "{spacing.80}"
1565
+ },
1566
+ "medium": {
1567
+ "$extensions": {
1568
+ "com.figma.scopes": [
1569
+ "GAP"
1570
+ ],
1571
+ "com.figma.hiddenFromPublishing": false
1572
+ },
1573
+ "$type": "number",
1574
+ "$value": "{spacing.100}"
1575
+ }
1576
+ }
1577
+ },
1578
+ "content-box": {
1579
+ "gap": {
1580
+ "small": {
1581
+ "$extensions": {
1582
+ "com.figma.scopes": [
1583
+ "GAP"
1584
+ ],
1585
+ "com.figma.hiddenFromPublishing": false
1586
+ },
1587
+ "$type": "number",
1588
+ "$value": "{spacing.0}"
1589
+ },
1590
+ "medium": {
1591
+ "$extensions": {
1592
+ "com.figma.scopes": [
1593
+ "GAP"
1594
+ ],
1595
+ "com.figma.hiddenFromPublishing": false
1596
+ },
1597
+ "$type": "number",
1598
+ "$value": "{spacing.20}"
1599
+ }
1600
+ }
1601
+ }
1602
+ }
1603
+ },
1604
+ "left-pane": {
1605
+ "layout": {
1606
+ "outer-box": {
1607
+ "vertical": {
1608
+ "small": {
1609
+ "$extensions": {
1610
+ "com.figma.scopes": [
1611
+ "GAP"
1612
+ ],
1613
+ "com.figma.hiddenFromPublishing": false
1614
+ },
1615
+ "$type": "number",
1616
+ "$value": "{spacing.10}"
1617
+ },
1618
+ "medium": {
1619
+ "$extensions": {
1620
+ "com.figma.scopes": [
1621
+ "GAP"
1622
+ ],
1623
+ "com.figma.hiddenFromPublishing": false
1624
+ },
1625
+ "$type": "number",
1626
+ "$value": "{spacing.10}"
1627
+ }
1628
+ },
1629
+ "horizontal": {
1630
+ "small": {
1631
+ "$extensions": {
1632
+ "com.figma.scopes": [
1633
+ "GAP"
1634
+ ],
1635
+ "com.figma.hiddenFromPublishing": false
1636
+ },
1637
+ "$type": "number",
1638
+ "$value": "{spacing.10}"
1639
+ },
1640
+ "medium": {
1641
+ "$extensions": {
1642
+ "com.figma.scopes": [
1643
+ "GAP"
1644
+ ],
1645
+ "com.figma.hiddenFromPublishing": false
1646
+ },
1647
+ "$type": "number",
1648
+ "$value": "{spacing.10}"
1649
+ }
1650
+ },
1651
+ "gap": {
1652
+ "small": {
1653
+ "$extensions": {
1654
+ "com.figma.scopes": [
1655
+ "GAP"
1656
+ ],
1657
+ "com.figma.hiddenFromPublishing": false
1658
+ },
1659
+ "$type": "number",
1660
+ "$value": "{spacing.10}"
1661
+ },
1662
+ "medium": {
1663
+ "$extensions": {
1664
+ "com.figma.scopes": [
1665
+ "GAP"
1666
+ ],
1667
+ "com.figma.hiddenFromPublishing": false
1668
+ },
1669
+ "$type": "number",
1670
+ "$value": "{spacing.10}"
1671
+ }
1672
+ }
1673
+ }
1674
+ }
1675
+ },
1676
+ "right-pane": {
1677
+ "layout": {
1678
+ "outer-box": {
1679
+ "horizontal": {
1680
+ "small": {
1681
+ "$extensions": {
1682
+ "com.figma.scopes": [
1683
+ "GAP"
1684
+ ],
1685
+ "com.figma.hiddenFromPublishing": false
1686
+ },
1687
+ "$type": "number",
1688
+ "$value": "{spacing.80}"
1689
+ },
1690
+ "medium": {
1691
+ "$extensions": {
1692
+ "com.figma.scopes": [
1693
+ "GAP"
1694
+ ],
1695
+ "com.figma.hiddenFromPublishing": false
1696
+ },
1697
+ "$type": "number",
1698
+ "$value": "{spacing.80}"
1699
+ }
1700
+ },
1701
+ "vertical": {
1702
+ "small": {
1703
+ "$extensions": {
1704
+ "com.figma.scopes": [
1705
+ "GAP"
1706
+ ],
1707
+ "com.figma.hiddenFromPublishing": false
1708
+ },
1709
+ "$type": "number",
1710
+ "$value": "{spacing.80}"
1711
+ },
1712
+ "medium": {
1713
+ "$extensions": {
1714
+ "com.figma.scopes": [
1715
+ "GAP"
1716
+ ],
1717
+ "com.figma.hiddenFromPublishing": false
1718
+ },
1719
+ "$type": "number",
1720
+ "$value": "{spacing.80}"
1721
+ }
1470
1722
  }
1471
1723
  }
1472
1724
  }
1473
1725
  }
1474
1726
  },
1475
- "focus-rect": {
1476
- "layout": {
1477
- "offset": {
1478
- "$extensions": {
1479
- "com.figma.scopes": [
1480
- "GAP"
1481
- ],
1482
- "com.figma.hiddenFromPublishing": false
1483
- },
1484
- "$type": "number",
1485
- "$value": "{spacing.0}"
1727
+ "highlighted-category": {
1728
+ "color": {
1729
+ "bg": {
1730
+ "rest": {
1731
+ "$extensions": {
1732
+ "com.figma.scopes": [
1733
+ "FRAME_FILL"
1734
+ ],
1735
+ "com.figma.hiddenFromPublishing": false
1736
+ },
1737
+ "$type": "color",
1738
+ "$value": "{color.surface.transparent.rest}"
1739
+ }
1486
1740
  },
1487
- "outer-box": {
1488
- "$extensions": {
1489
- "com.figma.scopes": [
1490
- "GAP"
1491
- ],
1492
- "com.figma.hiddenFromPublishing": false
1493
- },
1494
- "$type": "number",
1495
- "$value": "{spacing.0}"
1741
+ "text": {
1742
+ "rest": {
1743
+ "$extensions": {
1744
+ "com.figma.scopes": [
1745
+ "TEXT_FILL"
1746
+ ],
1747
+ "com.figma.hiddenFromPublishing": false
1748
+ },
1749
+ "$type": "color",
1750
+ "$value": "{color.content.primary.default.rest}"
1751
+ }
1496
1752
  }
1497
1753
  },
1498
- "borders": {
1499
- "border-radius": {
1754
+ "typography": {
1755
+ "font-family": {
1500
1756
  "$extensions": {
1501
1757
  "com.figma.scopes": [
1502
- "CORNER_RADIUS"
1758
+ "FONT_FAMILY"
1503
1759
  ],
1504
1760
  "com.figma.hiddenFromPublishing": false
1505
1761
  },
1506
- "$type": "number",
1507
- "$value": "{border-radius.60}"
1762
+ "$type": "text",
1763
+ "$value": "{font-family.sans-serif}"
1764
+ },
1765
+ "font-size": {
1766
+ "small": {
1767
+ "$extensions": {
1768
+ "com.figma.scopes": [
1769
+ "FONT_SIZE"
1770
+ ],
1771
+ "com.figma.hiddenFromPublishing": false
1772
+ },
1773
+ "$type": "number",
1774
+ "$value": "{font-size.caption.sm}"
1775
+ },
1776
+ "medium": {
1777
+ "$extensions": {
1778
+ "com.figma.scopes": [
1779
+ "FONT_SIZE"
1780
+ ],
1781
+ "com.figma.hiddenFromPublishing": false
1782
+ },
1783
+ "$type": "number",
1784
+ "$value": "{font-size.caption.md}"
1785
+ }
1786
+ },
1787
+ "line-height": {
1788
+ "small": {
1789
+ "$extensions": {
1790
+ "com.figma.scopes": [
1791
+ "LINE_HEIGHT"
1792
+ ],
1793
+ "com.figma.hiddenFromPublishing": false
1794
+ },
1795
+ "$type": "number",
1796
+ "$value": "{line-height.caption.sm}"
1797
+ },
1798
+ "medium": {
1799
+ "$extensions": {
1800
+ "com.figma.scopes": [
1801
+ "LINE_HEIGHT"
1802
+ ],
1803
+ "com.figma.hiddenFromPublishing": false
1804
+ },
1805
+ "$type": "number",
1806
+ "$value": "{line-height.caption.md}"
1807
+ }
1808
+ },
1809
+ "font-weight": {
1810
+ "small": {
1811
+ "$extensions": {
1812
+ "com.figma.scopes": [
1813
+ "FONT_WEIGHT"
1814
+ ],
1815
+ "com.figma.hiddenFromPublishing": false
1816
+ },
1817
+ "$type": "number",
1818
+ "$value": "{font-weight.caption.default}"
1819
+ },
1820
+ "medium": {
1821
+ "$extensions": {
1822
+ "com.figma.scopes": [
1823
+ "FONT_WEIGHT"
1824
+ ],
1825
+ "com.figma.hiddenFromPublishing": false
1826
+ },
1827
+ "$type": "number",
1828
+ "$value": "{font-weight.caption.default}"
1829
+ }
1830
+ },
1831
+ "letter-spacing": {
1832
+ "small": {
1833
+ "$extensions": {
1834
+ "com.figma.scopes": [
1835
+ "LETTER_SPACING"
1836
+ ],
1837
+ "com.figma.hiddenFromPublishing": false
1838
+ },
1839
+ "$type": "number",
1840
+ "$value": "{letter-spacing.0}"
1841
+ },
1842
+ "medium": {
1843
+ "$extensions": {
1844
+ "com.figma.scopes": [
1845
+ "LETTER_SPACING"
1846
+ ],
1847
+ "com.figma.hiddenFromPublishing": false
1848
+ },
1849
+ "$type": "number",
1850
+ "$value": "{letter-spacing.0}"
1851
+ }
1508
1852
  }
1509
- }
1510
- },
1511
- "content": {
1853
+ },
1512
1854
  "layout": {
1513
1855
  "outer-box": {
1514
- "horizontal": {
1856
+ "vertical": {
1515
1857
  "small": {
1516
1858
  "$extensions": {
1517
1859
  "com.figma.scopes": [
@@ -1520,7 +1862,7 @@
1520
1862
  "com.figma.hiddenFromPublishing": false
1521
1863
  },
1522
1864
  "$type": "number",
1523
- "$value": "{spacing.80}"
1865
+ "$value": "{spacing.30}"
1524
1866
  },
1525
1867
  "medium": {
1526
1868
  "$extensions": {
@@ -1530,20 +1872,10 @@
1530
1872
  "com.figma.hiddenFromPublishing": false
1531
1873
  },
1532
1874
  "$type": "number",
1533
- "$value": "{spacing.120}"
1534
- },
1535
- "large": {
1536
- "$extensions": {
1537
- "com.figma.scopes": [
1538
- "GAP"
1539
- ],
1540
- "com.figma.hiddenFromPublishing": false
1541
- },
1542
- "$type": "number",
1543
- "$value": "{spacing.160}"
1875
+ "$value": "{spacing.40}"
1544
1876
  }
1545
1877
  },
1546
- "vertical-start": {
1878
+ "horizontal": {
1547
1879
  "small": {
1548
1880
  "$extensions": {
1549
1881
  "com.figma.scopes": [
@@ -1555,16 +1887,6 @@
1555
1887
  "$value": "{spacing.40}"
1556
1888
  },
1557
1889
  "medium": {
1558
- "$extensions": {
1559
- "com.figma.scopes": [
1560
- "GAP"
1561
- ],
1562
- "com.figma.hiddenFromPublishing": false
1563
- },
1564
- "$type": "number",
1565
- "$value": "{spacing.60}"
1566
- },
1567
- "large": {
1568
1890
  "$extensions": {
1569
1891
  "com.figma.scopes": [
1570
1892
  "GAP"
@@ -1574,52 +1896,40 @@
1574
1896
  "$type": "number",
1575
1897
  "$value": "{spacing.80}"
1576
1898
  }
1577
- },
1578
- "vertical-end": {
1579
- "small": {
1580
- "$extensions": {
1581
- "com.figma.scopes": [
1582
- "GAP"
1583
- ],
1584
- "com.figma.hiddenFromPublishing": false
1585
- },
1586
- "$type": "number",
1587
- "$value": "{spacing.80}"
1899
+ }
1900
+ }
1901
+ }
1902
+ },
1903
+ "classic-item-group": {
1904
+ "layout": {
1905
+ "gap": {
1906
+ "small": {
1907
+ "$extensions": {
1908
+ "com.figma.scopes": [
1909
+ "GAP"
1910
+ ],
1911
+ "com.figma.hiddenFromPublishing": false
1588
1912
  },
1589
- "medium": {
1590
- "$extensions": {
1591
- "com.figma.scopes": [
1592
- "GAP"
1593
- ],
1594
- "com.figma.hiddenFromPublishing": false
1595
- },
1596
- "$type": "number",
1597
- "$value": "{spacing.120}"
1913
+ "$type": "number",
1914
+ "$value": "{spacing.10}"
1915
+ },
1916
+ "medium": {
1917
+ "$extensions": {
1918
+ "com.figma.scopes": [
1919
+ "GAP"
1920
+ ],
1921
+ "com.figma.hiddenFromPublishing": false
1598
1922
  },
1599
- "large": {
1600
- "$extensions": {
1601
- "com.figma.scopes": [
1602
- "GAP"
1603
- ],
1604
- "com.figma.hiddenFromPublishing": false
1605
- },
1606
- "$type": "number",
1607
- "$value": "{spacing.160}"
1608
- }
1923
+ "$type": "number",
1924
+ "$value": "{spacing.10}"
1609
1925
  }
1610
- },
1611
- "day": {
1612
- "gap": {
1613
- "small": {
1614
- "$extensions": {
1615
- "com.figma.scopes": [
1616
- "GAP"
1617
- ],
1618
- "com.figma.hiddenFromPublishing": false
1619
- },
1620
- "$type": "number",
1621
- "$value": "{spacing.0}"
1622
- },
1926
+ }
1927
+ }
1928
+ },
1929
+ "classic-subgroup-separator": {
1930
+ "layout": {
1931
+ "subgroup": {
1932
+ "horizontal": {
1623
1933
  "medium": {
1624
1934
  "$extensions": {
1625
1935
  "com.figma.scopes": [
@@ -1628,9 +1938,9 @@
1628
1938
  "com.figma.hiddenFromPublishing": false
1629
1939
  },
1630
1940
  "$type": "number",
1631
- "$value": "{spacing.0}"
1941
+ "$value": "{spacing.40}"
1632
1942
  },
1633
- "large": {
1943
+ "small": {
1634
1944
  "$extensions": {
1635
1945
  "com.figma.scopes": [
1636
1946
  "GAP"
@@ -1638,50 +1948,40 @@
1638
1948
  "com.figma.hiddenFromPublishing": false
1639
1949
  },
1640
1950
  "$type": "number",
1641
- "$value": "{spacing.0}"
1951
+ "$value": "{spacing.40}"
1642
1952
  }
1643
1953
  }
1644
1954
  },
1645
- "period": {
1646
- "gap": {
1647
- "small": {
1648
- "$extensions": {
1649
- "com.figma.scopes": [
1650
- "GAP"
1651
- ],
1652
- "com.figma.hiddenFromPublishing": false
1653
- },
1654
- "$type": "number",
1655
- "$value": "{spacing.80}"
1656
- },
1955
+ "subgroup-spacer": {
1956
+ "width": {
1657
1957
  "medium": {
1658
1958
  "$extensions": {
1659
1959
  "com.figma.scopes": [
1660
- "GAP"
1960
+ "WIDTH_HEIGHT"
1661
1961
  ],
1662
1962
  "com.figma.hiddenFromPublishing": false
1663
1963
  },
1664
1964
  "$type": "number",
1665
- "$value": "{spacing.120}"
1965
+ "$value": "{spacing.40}"
1666
1966
  },
1667
- "large": {
1967
+ "small": {
1668
1968
  "$extensions": {
1669
1969
  "com.figma.scopes": [
1670
- "GAP"
1970
+ "WIDTH_HEIGHT"
1671
1971
  ],
1672
1972
  "com.figma.hiddenFromPublishing": false
1673
1973
  },
1674
1974
  "$type": "number",
1675
- "$value": "{spacing.160}"
1975
+ "$value": "{spacing.40}"
1676
1976
  }
1677
1977
  }
1678
1978
  }
1679
1979
  }
1680
1980
  },
1681
- "week-day": {
1981
+ "classic-subgroup": {
1682
1982
  "layout": {
1683
- "outer-box": {
1684
- "horizontal": {
1983
+ "inner-box": {
1984
+ "gap": {
1685
1985
  "small": {
1686
1986
  "$extensions": {
1687
1987
  "com.figma.scopes": [
@@ -1690,7 +1990,7 @@
1690
1990
  "com.figma.hiddenFromPublishing": false
1691
1991
  },
1692
1992
  "$type": "number",
1693
- "$value": "{spacing.40}"
1993
+ "$value": "{spacing.20}"
1694
1994
  },
1695
1995
  "medium": {
1696
1996
  "$extensions": {
@@ -1700,51 +2000,7 @@
1700
2000
  "com.figma.hiddenFromPublishing": false
1701
2001
  },
1702
2002
  "$type": "number",
1703
- "$value": "{spacing.60}"
1704
- },
1705
- "large": {
1706
- "$extensions": {
1707
- "com.figma.scopes": [
1708
- "GAP"
1709
- ],
1710
- "com.figma.hiddenFromPublishing": false
1711
- },
1712
- "$type": "number",
1713
- "$value": "{spacing.80}"
1714
- }
1715
- },
1716
- "sizing": {
1717
- "height": {
1718
- "small": {
1719
- "$extensions": {
1720
- "com.figma.scopes": [
1721
- "WIDTH_HEIGHT"
1722
- ],
1723
- "com.figma.hiddenFromPublishing": false
1724
- },
1725
- "$type": "number",
1726
- "$value": "{spacing.240}"
1727
- },
1728
- "medium": {
1729
- "$extensions": {
1730
- "com.figma.scopes": [
1731
- "WIDTH_HEIGHT"
1732
- ],
1733
- "com.figma.hiddenFromPublishing": false
1734
- },
1735
- "$type": "number",
1736
- "$value": "{spacing.320}"
1737
- },
1738
- "large": {
1739
- "$extensions": {
1740
- "com.figma.scopes": [
1741
- "WIDTH_HEIGHT"
1742
- ],
1743
- "com.figma.hiddenFromPublishing": false
1744
- },
1745
- "$type": "number",
1746
- "$value": "{spacing.400}"
1747
- }
2003
+ "$value": "{spacing.20}"
1748
2004
  }
1749
2005
  }
1750
2006
  }