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