@devexpress/design-tokens-internal 261.0.3 → 261.0.5

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