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