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