@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/button/fluent.json CHANGED
@@ -1,134 +1,330 @@
1
1
  {
2
- "button": {
2
+ "custom-button": {
3
3
  "color": {
4
- "default": {
5
- "bg": {
6
- "disabled": {
4
+ "subtle": {
5
+ "checked": {
6
+ "content": {
7
+ "disabled": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "SHAPE_FILL",
11
+ "TEXT_FILL"
12
+ ],
13
+ "com.figma.hiddenFromPublishing": true
14
+ },
15
+ "$type": "color",
16
+ "$value": "{color.content.neutral.default.disabled}"
17
+ },
18
+ "rest": {
19
+ "$extensions": {
20
+ "com.figma.scopes": [
21
+ "SHAPE_FILL",
22
+ "TEXT_FILL"
23
+ ],
24
+ "com.figma.hiddenFromPublishing": true
25
+ },
26
+ "$type": "color",
27
+ "$value": "{color.content.neutral.default.static-dark.rest}"
28
+ }
29
+ },
30
+ "bg": {
31
+ "active": {
32
+ "$extensions": {
33
+ "com.figma.scopes": [
34
+ "FRAME_FILL"
35
+ ],
36
+ "com.figma.hiddenFromPublishing": true
37
+ },
38
+ "$type": "color",
39
+ "$value": "{color.surface.primary.default.active}"
40
+ },
41
+ "hovered": {
42
+ "$extensions": {
43
+ "com.figma.scopes": [
44
+ "FRAME_FILL"
45
+ ],
46
+ "com.figma.hiddenFromPublishing": true
47
+ },
48
+ "$type": "color",
49
+ "$value": "{color.surface.primary.default.hovered}"
50
+ },
51
+ "rest": {
52
+ "$extensions": {
53
+ "com.figma.scopes": [
54
+ "FRAME_FILL"
55
+ ],
56
+ "com.figma.hiddenFromPublishing": true
57
+ },
58
+ "$type": "color",
59
+ "$value": "{color.surface.primary.default.rest}"
60
+ },
61
+ "disabled": {
62
+ "$extensions": {
63
+ "com.figma.scopes": [
64
+ "FRAME_FILL"
65
+ ],
66
+ "com.figma.hiddenFromPublishing": true
67
+ },
68
+ "$type": "color",
69
+ "$value": "{color.surface.neutral.default.disabled}"
70
+ }
71
+ },
72
+ "border": {
73
+ "rest": {
74
+ "$extensions": {
75
+ "com.figma.scopes": [
76
+ "STROKE_COLOR"
77
+ ],
78
+ "com.figma.hiddenFromPublishing": true
79
+ },
80
+ "$type": "color",
81
+ "$value": "{color.border.primary.compound.rest}"
82
+ },
83
+ "active": {
84
+ "$extensions": {
85
+ "com.figma.scopes": [
86
+ "STROKE_COLOR"
87
+ ],
88
+ "com.figma.hiddenFromPublishing": true
89
+ },
90
+ "$type": "color",
91
+ "$value": "{color.border.primary.compound.active}"
92
+ },
93
+ "hovered": {
94
+ "$extensions": {
95
+ "com.figma.scopes": [
96
+ "STROKE_COLOR"
97
+ ],
98
+ "com.figma.hiddenFromPublishing": true
99
+ },
100
+ "$type": "color",
101
+ "$value": "{color.border.primary.compound.hovered}"
102
+ },
103
+ "disabled": {
104
+ "$extensions": {
105
+ "com.figma.scopes": [
106
+ "STROKE_COLOR"
107
+ ],
108
+ "com.figma.hiddenFromPublishing": true
109
+ },
110
+ "$type": "color",
111
+ "$value": "{color.surface.neutral.default.disabled}"
112
+ }
113
+ }
114
+ },
115
+ "default": {
116
+ "content": {
117
+ "disabled": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "SHAPE_FILL",
121
+ "TEXT_FILL"
122
+ ],
123
+ "com.figma.hiddenFromPublishing": true
124
+ },
125
+ "$type": "color",
126
+ "$value": "{color.content.neutral.default.disabled}"
127
+ },
128
+ "rest": {
129
+ "$extensions": {
130
+ "com.figma.scopes": [
131
+ "SHAPE_FILL",
132
+ "TEXT_FILL"
133
+ ],
134
+ "com.figma.hiddenFromPublishing": true
135
+ },
136
+ "$type": "color",
137
+ "$value": "{color.content.neutral.default.rest}"
138
+ }
139
+ },
140
+ "border": {
141
+ "active": {
142
+ "$extensions": {
143
+ "com.figma.scopes": [
144
+ "STROKE_COLOR"
145
+ ],
146
+ "com.figma.hiddenFromPublishing": true
147
+ },
148
+ "$type": "color",
149
+ "$value": "{color.surface.neutral.default.active}"
150
+ },
151
+ "rest": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "STROKE_COLOR"
155
+ ],
156
+ "com.figma.hiddenFromPublishing": true
157
+ },
158
+ "$type": "color",
159
+ "$value": "{color.border.transparent.rest}"
160
+ },
161
+ "hovered": {
162
+ "$extensions": {
163
+ "com.figma.scopes": [
164
+ "STROKE_COLOR"
165
+ ],
166
+ "com.figma.hiddenFromPublishing": true
167
+ },
168
+ "$type": "color",
169
+ "$value": "{color.surface.neutral.default.hovered}"
170
+ }
171
+ },
172
+ "bg": {
173
+ "active": {
174
+ "$extensions": {
175
+ "com.figma.scopes": [
176
+ "FRAME_FILL"
177
+ ],
178
+ "com.figma.hiddenFromPublishing": true
179
+ },
180
+ "$type": "color",
181
+ "$value": "{color.surface.neutral.default.active}"
182
+ },
183
+ "hovered": {
184
+ "$extensions": {
185
+ "com.figma.scopes": [
186
+ "FRAME_FILL"
187
+ ],
188
+ "com.figma.hiddenFromPublishing": true
189
+ },
190
+ "$type": "color",
191
+ "$value": "{color.surface.neutral.default.hovered}"
192
+ },
193
+ "rest": {
194
+ "$extensions": {
195
+ "com.figma.scopes": [
196
+ "FRAME_FILL"
197
+ ],
198
+ "com.figma.hiddenFromPublishing": true
199
+ },
200
+ "$type": "color",
201
+ "$value": "{color.surface.transparent.rest}"
202
+ }
203
+ }
204
+ }
205
+ },
206
+ "accent": {
207
+ "border": {
208
+ "hovered": {
7
209
  "$extensions": {
8
210
  "com.figma.scopes": [
9
- "FRAME_FILL"
211
+ "STROKE_COLOR"
10
212
  ],
11
- "com.figma.hiddenFromPublishing": false
213
+ "com.figma.hiddenFromPublishing": true
12
214
  },
13
215
  "$type": "color",
14
- "$value": "{color.surface.neutral.default.disabled}"
216
+ "$value": "{color.border.primary.compound.hovered}"
15
217
  },
16
- "rest": {
218
+ "active": {
17
219
  "$extensions": {
18
220
  "com.figma.scopes": [
19
- "FRAME_FILL"
221
+ "STROKE_COLOR"
20
222
  ],
21
- "com.figma.hiddenFromPublishing": false
223
+ "com.figma.hiddenFromPublishing": true
22
224
  },
23
225
  "$type": "color",
24
- "$value": "{color.surface.neutral.default.rest}"
226
+ "$value": "{color.border.primary.compound.active}"
25
227
  },
26
- "active": {
228
+ "disabled": {
27
229
  "$extensions": {
28
230
  "com.figma.scopes": [
29
- "FRAME_FILL"
231
+ "STROKE_COLOR"
30
232
  ],
31
- "com.figma.hiddenFromPublishing": false
233
+ "com.figma.hiddenFromPublishing": true
32
234
  },
33
235
  "$type": "color",
34
- "$value": "{color.surface.neutral.default.active}"
236
+ "$value": "{color.surface.neutral.default.disabled}"
35
237
  },
36
- "hovered": {
238
+ "rest": {
37
239
  "$extensions": {
38
240
  "com.figma.scopes": [
39
- "FRAME_FILL"
241
+ "STROKE_COLOR"
40
242
  ],
41
- "com.figma.hiddenFromPublishing": false
243
+ "com.figma.hiddenFromPublishing": true
42
244
  },
43
245
  "$type": "color",
44
- "$value": "{color.surface.neutral.default.hovered}"
246
+ "$value": "{color.border.primary.compound.rest}"
45
247
  }
46
248
  },
47
- "border": {
48
- "active": {
249
+ "bg": {
250
+ "hovered": {
49
251
  "$extensions": {
50
252
  "com.figma.scopes": [
51
- "STROKE_COLOR"
253
+ "FRAME_FILL"
52
254
  ],
53
- "com.figma.hiddenFromPublishing": false
255
+ "com.figma.hiddenFromPublishing": true
54
256
  },
55
257
  "$type": "color",
56
- "$value": "{color.border.neutral.default.active}"
258
+ "$value": "{color.surface.primary.default.hovered}"
57
259
  },
58
- "rest": {
260
+ "disabled": {
59
261
  "$extensions": {
60
262
  "com.figma.scopes": [
61
- "STROKE_COLOR"
263
+ "FRAME_FILL"
62
264
  ],
63
- "com.figma.hiddenFromPublishing": false
265
+ "com.figma.hiddenFromPublishing": true
64
266
  },
65
267
  "$type": "color",
66
- "$value": "{color.border.neutral.default.rest}"
268
+ "$value": "{color.surface.neutral.default.disabled}"
67
269
  },
68
- "hovered": {
270
+ "rest": {
69
271
  "$extensions": {
70
272
  "com.figma.scopes": [
71
- "STROKE_COLOR"
273
+ "FRAME_FILL"
72
274
  ],
73
- "com.figma.hiddenFromPublishing": false
275
+ "com.figma.hiddenFromPublishing": true
74
276
  },
75
277
  "$type": "color",
76
- "$value": "{color.border.neutral.default.hovered}"
278
+ "$value": "{color.surface.primary.default.rest}"
77
279
  },
78
- "disabled": {
280
+ "active": {
79
281
  "$extensions": {
80
282
  "com.figma.scopes": [
81
- "STROKE_COLOR"
283
+ "FRAME_FILL"
82
284
  ],
83
- "com.figma.hiddenFromPublishing": false
285
+ "com.figma.hiddenFromPublishing": true
84
286
  },
85
287
  "$type": "color",
86
- "$value": "{color.border.neutral.default.disabled}"
288
+ "$value": "{color.surface.primary.default.active}"
87
289
  }
88
290
  },
89
291
  "content": {
90
- "rest": {
292
+ "disabled": {
91
293
  "$extensions": {
92
294
  "com.figma.scopes": [
93
295
  "SHAPE_FILL",
94
296
  "TEXT_FILL"
95
297
  ],
96
- "com.figma.hiddenFromPublishing": false
298
+ "com.figma.hiddenFromPublishing": true
97
299
  },
98
300
  "$type": "color",
99
- "$value": "{color.content.neutral.default.rest}"
301
+ "$value": "{color.content.neutral.default.disabled}"
100
302
  },
101
- "disabled": {
303
+ "rest": {
102
304
  "$extensions": {
103
305
  "com.figma.scopes": [
104
306
  "SHAPE_FILL",
105
307
  "TEXT_FILL"
106
308
  ],
107
- "com.figma.hiddenFromPublishing": false
309
+ "com.figma.hiddenFromPublishing": true
108
310
  },
109
311
  "$type": "color",
110
- "$value": "{color.content.neutral.default.disabled}"
312
+ "$value": "{color.content.neutral.default.static-dark.rest}"
111
313
  }
112
314
  }
113
- },
315
+ }
316
+ }
317
+ },
318
+ "button": {
319
+ "color": {
114
320
  "checked": {
115
321
  "border": {
116
- "rest": {
322
+ "hovered": {
117
323
  "$extensions": {
118
324
  "com.figma.scopes": [
119
325
  "STROKE_COLOR"
120
326
  ],
121
- "com.figma.hiddenFromPublishing": false
122
- },
123
- "$type": "color",
124
- "$value": "{color.border.primary.compound.rest}"
125
- },
126
- "hovered": {
127
- "$extensions": {
128
- "com.figma.scopes": [
129
- "STROKE_COLOR"
130
- ],
131
- "com.figma.hiddenFromPublishing": false
327
+ "com.figma.hiddenFromPublishing": true
132
328
  },
133
329
  "$type": "color",
134
330
  "$value": "{color.border.primary.compound.hovered}"
@@ -138,7 +334,7 @@
138
334
  "com.figma.scopes": [
139
335
  "STROKE_COLOR"
140
336
  ],
141
- "com.figma.hiddenFromPublishing": false
337
+ "com.figma.hiddenFromPublishing": true
142
338
  },
143
339
  "$type": "color",
144
340
  "$value": "{color.border.primary.compound.active}"
@@ -148,448 +344,252 @@
148
344
  "com.figma.scopes": [
149
345
  "STROKE_COLOR"
150
346
  ],
151
- "com.figma.hiddenFromPublishing": false
347
+ "com.figma.hiddenFromPublishing": true
152
348
  },
153
349
  "$type": "color",
154
350
  "$value": "{color.surface.neutral.default.disabled}"
155
- }
156
- },
157
- "content": {
158
- "rest": {
159
- "$extensions": {
160
- "com.figma.scopes": [
161
- "SHAPE_FILL",
162
- "TEXT_FILL"
163
- ],
164
- "com.figma.hiddenFromPublishing": false
165
- },
166
- "$type": "color",
167
- "$value": "{color.content.neutral.default.static-dark.rest}"
168
351
  },
169
- "disabled": {
352
+ "rest": {
170
353
  "$extensions": {
171
354
  "com.figma.scopes": [
172
- "SHAPE_FILL",
173
- "TEXT_FILL"
355
+ "STROKE_COLOR"
174
356
  ],
175
- "com.figma.hiddenFromPublishing": false
357
+ "com.figma.hiddenFromPublishing": true
176
358
  },
177
359
  "$type": "color",
178
- "$value": "{color.content.neutral.default.disabled}"
360
+ "$value": "{color.border.primary.compound.rest}"
179
361
  }
180
362
  },
181
363
  "bg": {
182
- "rest": {
364
+ "active": {
183
365
  "$extensions": {
184
366
  "com.figma.scopes": [
185
367
  "FRAME_FILL"
186
368
  ],
187
- "com.figma.hiddenFromPublishing": false
369
+ "com.figma.hiddenFromPublishing": true
188
370
  },
189
371
  "$type": "color",
190
- "$value": "{color.surface.primary.default.rest}"
372
+ "$value": "{color.surface.primary.default.active}"
191
373
  },
192
- "hovered": {
374
+ "disabled": {
193
375
  "$extensions": {
194
376
  "com.figma.scopes": [
195
377
  "FRAME_FILL"
196
378
  ],
197
- "com.figma.hiddenFromPublishing": false
379
+ "com.figma.hiddenFromPublishing": true
198
380
  },
199
381
  "$type": "color",
200
- "$value": "{color.surface.primary.default.hovered}"
382
+ "$value": "{color.surface.neutral.default.disabled}"
201
383
  },
202
- "active": {
384
+ "rest": {
203
385
  "$extensions": {
204
386
  "com.figma.scopes": [
205
387
  "FRAME_FILL"
206
388
  ],
207
- "com.figma.hiddenFromPublishing": false
389
+ "com.figma.hiddenFromPublishing": true
208
390
  },
209
391
  "$type": "color",
210
- "$value": "{color.surface.primary.default.active}"
392
+ "$value": "{color.surface.primary.default.rest}"
211
393
  },
212
- "disabled": {
394
+ "hovered": {
213
395
  "$extensions": {
214
396
  "com.figma.scopes": [
215
397
  "FRAME_FILL"
216
398
  ],
217
- "com.figma.hiddenFromPublishing": false
399
+ "com.figma.hiddenFromPublishing": true
218
400
  },
219
401
  "$type": "color",
220
- "$value": "{color.surface.neutral.default.disabled}"
402
+ "$value": "{color.surface.primary.default.hovered}"
221
403
  }
222
- }
223
- }
224
- },
225
- "layout": {
226
- "content-box": {
227
- "gap": {
228
- "small": {
404
+ },
405
+ "content": {
406
+ "disabled": {
229
407
  "$extensions": {
230
408
  "com.figma.scopes": [
231
- "WIDTH_HEIGHT",
232
- "GAP"
409
+ "SHAPE_FILL",
410
+ "TEXT_FILL"
233
411
  ],
234
- "com.figma.hiddenFromPublishing": false
412
+ "com.figma.hiddenFromPublishing": true
235
413
  },
236
- "$type": "number",
237
- "$value": "{spacing.40}"
414
+ "$type": "color",
415
+ "$value": "{color.content.neutral.default.disabled}"
238
416
  },
239
- "medium": {
417
+ "rest": {
240
418
  "$extensions": {
241
419
  "com.figma.scopes": [
242
- "WIDTH_HEIGHT",
243
- "GAP"
420
+ "SHAPE_FILL",
421
+ "TEXT_FILL"
244
422
  ],
245
- "com.figma.hiddenFromPublishing": false
423
+ "com.figma.hiddenFromPublishing": true
246
424
  },
247
- "$type": "number",
248
- "$value": "{spacing.40}"
425
+ "$type": "color",
426
+ "$value": "{color.content.neutral.default.static-dark.rest}"
249
427
  }
250
428
  }
251
429
  },
252
- "inner-box": {
253
- "vertical": {
254
- "icon-only": {
255
- "small": {
256
- "$extensions": {
257
- "com.figma.scopes": [
258
- "WIDTH_HEIGHT",
259
- "GAP"
260
- ],
261
- "com.figma.hiddenFromPublishing": false
262
- },
263
- "$type": "number",
264
- "$value": "{spacing.30}"
265
- },
266
- "medium": {
267
- "$extensions": {
268
- "com.figma.scopes": [
269
- "WIDTH_HEIGHT",
270
- "GAP"
271
- ],
272
- "com.figma.hiddenFromPublishing": false
273
- },
274
- "$type": "number",
275
- "$value": "{spacing.50}"
276
- }
277
- }
278
- }
279
- }
280
- }
281
- },
282
- "custom-button": {
283
- "color": {
284
- "accent": {
285
- "bg": {
286
- "rest": {
430
+ "default": {
431
+ "border": {
432
+ "disabled": {
287
433
  "$extensions": {
288
434
  "com.figma.scopes": [
289
- "FRAME_FILL"
435
+ "STROKE_COLOR"
290
436
  ],
291
- "com.figma.hiddenFromPublishing": false
437
+ "com.figma.hiddenFromPublishing": true
292
438
  },
293
439
  "$type": "color",
294
- "$value": "{color.surface.primary.default.rest}"
440
+ "$value": "{color.border.neutral.default.disabled}"
295
441
  },
296
- "hovered": {
442
+ "rest": {
297
443
  "$extensions": {
298
444
  "com.figma.scopes": [
299
- "FRAME_FILL"
445
+ "STROKE_COLOR"
300
446
  ],
301
- "com.figma.hiddenFromPublishing": false
447
+ "com.figma.hiddenFromPublishing": true
302
448
  },
303
449
  "$type": "color",
304
- "$value": "{color.surface.primary.default.hovered}"
450
+ "$value": "{color.border.neutral.default.rest}"
305
451
  },
306
- "active": {
452
+ "hovered": {
307
453
  "$extensions": {
308
454
  "com.figma.scopes": [
309
- "FRAME_FILL"
455
+ "STROKE_COLOR"
310
456
  ],
311
- "com.figma.hiddenFromPublishing": false
457
+ "com.figma.hiddenFromPublishing": true
312
458
  },
313
459
  "$type": "color",
314
- "$value": "{color.surface.primary.default.active}"
460
+ "$value": "{color.border.neutral.default.hovered}"
315
461
  },
316
- "disabled": {
462
+ "active": {
317
463
  "$extensions": {
318
464
  "com.figma.scopes": [
319
- "FRAME_FILL"
465
+ "STROKE_COLOR"
320
466
  ],
321
- "com.figma.hiddenFromPublishing": false
467
+ "com.figma.hiddenFromPublishing": true
322
468
  },
323
469
  "$type": "color",
324
- "$value": "{color.surface.neutral.default.disabled}"
470
+ "$value": "{color.border.neutral.default.active}"
325
471
  }
326
472
  },
327
- "content": {
328
- "rest": {
473
+ "bg": {
474
+ "active": {
329
475
  "$extensions": {
330
476
  "com.figma.scopes": [
331
- "SHAPE_FILL",
332
- "TEXT_FILL"
477
+ "FRAME_FILL"
333
478
  ],
334
- "com.figma.hiddenFromPublishing": false
479
+ "com.figma.hiddenFromPublishing": true
335
480
  },
336
481
  "$type": "color",
337
- "$value": "{color.content.neutral.default.static-dark.rest}"
482
+ "$value": "{color.surface.neutral.default.active}"
338
483
  },
339
- "disabled": {
484
+ "hovered": {
340
485
  "$extensions": {
341
486
  "com.figma.scopes": [
342
- "SHAPE_FILL",
343
- "TEXT_FILL"
487
+ "FRAME_FILL"
344
488
  ],
345
- "com.figma.hiddenFromPublishing": false
489
+ "com.figma.hiddenFromPublishing": true
346
490
  },
347
491
  "$type": "color",
348
- "$value": "{color.content.neutral.default.disabled}"
349
- }
350
- },
351
- "border": {
352
- "rest": {
492
+ "$value": "{color.surface.neutral.default.hovered}"
493
+ },
494
+ "disabled": {
353
495
  "$extensions": {
354
496
  "com.figma.scopes": [
355
- "STROKE_COLOR"
497
+ "FRAME_FILL"
356
498
  ],
357
- "com.figma.hiddenFromPublishing": false
499
+ "com.figma.hiddenFromPublishing": true
358
500
  },
359
501
  "$type": "color",
360
- "$value": "{color.border.primary.compound.rest}"
502
+ "$value": "{color.surface.neutral.default.disabled}"
361
503
  },
362
- "hovered": {
504
+ "rest": {
363
505
  "$extensions": {
364
506
  "com.figma.scopes": [
365
- "STROKE_COLOR"
507
+ "FRAME_FILL"
366
508
  ],
367
- "com.figma.hiddenFromPublishing": false
509
+ "com.figma.hiddenFromPublishing": true
368
510
  },
369
511
  "$type": "color",
370
- "$value": "{color.border.primary.compound.hovered}"
371
- },
372
- "active": {
512
+ "$value": "{color.surface.neutral.default.rest}"
513
+ }
514
+ },
515
+ "content": {
516
+ "disabled": {
373
517
  "$extensions": {
374
518
  "com.figma.scopes": [
375
- "STROKE_COLOR"
519
+ "SHAPE_FILL",
520
+ "TEXT_FILL"
376
521
  ],
377
- "com.figma.hiddenFromPublishing": false
522
+ "com.figma.hiddenFromPublishing": true
378
523
  },
379
524
  "$type": "color",
380
- "$value": "{color.border.primary.compound.active}"
525
+ "$value": "{color.content.neutral.default.disabled}"
381
526
  },
382
- "disabled": {
527
+ "rest": {
383
528
  "$extensions": {
384
529
  "com.figma.scopes": [
385
- "STROKE_COLOR"
530
+ "SHAPE_FILL",
531
+ "TEXT_FILL"
386
532
  ],
387
- "com.figma.hiddenFromPublishing": false
533
+ "com.figma.hiddenFromPublishing": true
388
534
  },
389
535
  "$type": "color",
390
- "$value": "{color.surface.neutral.default.disabled}"
536
+ "$value": "{color.content.neutral.default.rest}"
391
537
  }
392
538
  }
393
- },
394
- "subtle": {
395
- "default": {
396
- "bg": {
397
- "rest": {
398
- "$extensions": {
399
- "com.figma.scopes": [
400
- "FRAME_FILL"
401
- ],
402
- "com.figma.hiddenFromPublishing": false
403
- },
404
- "$type": "color",
405
- "$value": "{color.surface.transparent.rest}"
406
- },
407
- "hovered": {
408
- "$extensions": {
409
- "com.figma.scopes": [
410
- "FRAME_FILL"
411
- ],
412
- "com.figma.hiddenFromPublishing": false
413
- },
414
- "$type": "color",
415
- "$value": "{color.surface.neutral.default.hovered}"
416
- },
417
- "active": {
418
- "$extensions": {
419
- "com.figma.scopes": [
420
- "FRAME_FILL"
421
- ],
422
- "com.figma.hiddenFromPublishing": false
423
- },
424
- "$type": "color",
425
- "$value": "{color.surface.neutral.default.active}"
426
- }
427
- },
428
- "content": {
429
- "rest": {
430
- "$extensions": {
431
- "com.figma.scopes": [
432
- "SHAPE_FILL",
433
- "TEXT_FILL"
434
- ],
435
- "com.figma.hiddenFromPublishing": false
436
- },
437
- "$type": "color",
438
- "$value": "{color.content.neutral.default.rest}"
439
- },
440
- "disabled": {
441
- "$extensions": {
442
- "com.figma.scopes": [
443
- "SHAPE_FILL",
444
- "TEXT_FILL"
445
- ],
446
- "com.figma.hiddenFromPublishing": false
447
- },
448
- "$type": "color",
449
- "$value": "{color.content.neutral.default.disabled}"
450
- }
451
- },
452
- "border": {
453
- "rest": {
454
- "$extensions": {
455
- "com.figma.scopes": [
456
- "STROKE_COLOR"
457
- ],
458
- "com.figma.hiddenFromPublishing": false
459
- },
460
- "$type": "color",
461
- "$value": "{color.border.transparent.rest}"
462
- },
463
- "hovered": {
539
+ }
540
+ },
541
+ "layout": {
542
+ "inner-box": {
543
+ "vertical": {
544
+ "icon-only": {
545
+ "small": {
464
546
  "$extensions": {
465
547
  "com.figma.scopes": [
466
- "STROKE_COLOR"
548
+ "WIDTH_HEIGHT",
549
+ "GAP"
467
550
  ],
468
- "com.figma.hiddenFromPublishing": false
551
+ "com.figma.hiddenFromPublishing": true
469
552
  },
470
- "$type": "color",
471
- "$value": "{color.surface.neutral.default.hovered}"
553
+ "$type": "number",
554
+ "$value": "{spacing.30}"
472
555
  },
473
- "active": {
556
+ "medium": {
474
557
  "$extensions": {
475
558
  "com.figma.scopes": [
476
- "STROKE_COLOR"
559
+ "WIDTH_HEIGHT",
560
+ "GAP"
477
561
  ],
478
- "com.figma.hiddenFromPublishing": false
562
+ "com.figma.hiddenFromPublishing": true
479
563
  },
480
- "$type": "color",
481
- "$value": "{color.surface.neutral.default.active}"
564
+ "$type": "number",
565
+ "$value": "{spacing.50}"
482
566
  }
483
567
  }
484
- },
485
- "checked": {
486
- "border": {
487
- "rest": {
488
- "$extensions": {
489
- "com.figma.scopes": [
490
- "STROKE_COLOR"
491
- ],
492
- "com.figma.hiddenFromPublishing": false
493
- },
494
- "$type": "color",
495
- "$value": "{color.border.primary.compound.rest}"
496
- },
497
- "hovered": {
498
- "$extensions": {
499
- "com.figma.scopes": [
500
- "STROKE_COLOR"
501
- ],
502
- "com.figma.hiddenFromPublishing": false
503
- },
504
- "$type": "color",
505
- "$value": "{color.border.primary.compound.hovered}"
506
- },
507
- "active": {
508
- "$extensions": {
509
- "com.figma.scopes": [
510
- "STROKE_COLOR"
511
- ],
512
- "com.figma.hiddenFromPublishing": false
513
- },
514
- "$type": "color",
515
- "$value": "{color.border.primary.compound.active}"
516
- },
517
- "disabled": {
518
- "$extensions": {
519
- "com.figma.scopes": [
520
- "STROKE_COLOR"
521
- ],
522
- "com.figma.hiddenFromPublishing": false
523
- },
524
- "$type": "color",
525
- "$value": "{color.surface.neutral.default.disabled}"
526
- }
527
- },
528
- "content": {
529
- "rest": {
530
- "$extensions": {
531
- "com.figma.scopes": [
532
- "SHAPE_FILL",
533
- "TEXT_FILL"
534
- ],
535
- "com.figma.hiddenFromPublishing": false
536
- },
537
- "$type": "color",
538
- "$value": "{color.content.neutral.default.static-dark.rest}"
568
+ }
569
+ },
570
+ "content-box": {
571
+ "gap": {
572
+ "small": {
573
+ "$extensions": {
574
+ "com.figma.scopes": [
575
+ "WIDTH_HEIGHT",
576
+ "GAP"
577
+ ],
578
+ "com.figma.hiddenFromPublishing": true
539
579
  },
540
- "disabled": {
541
- "$extensions": {
542
- "com.figma.scopes": [
543
- "SHAPE_FILL",
544
- "TEXT_FILL"
545
- ],
546
- "com.figma.hiddenFromPublishing": false
547
- },
548
- "$type": "color",
549
- "$value": "{color.content.neutral.default.disabled}"
550
- }
580
+ "$type": "number",
581
+ "$value": "{spacing.40}"
551
582
  },
552
- "bg": {
553
- "rest": {
554
- "$extensions": {
555
- "com.figma.scopes": [
556
- "FRAME_FILL"
557
- ],
558
- "com.figma.hiddenFromPublishing": false
559
- },
560
- "$type": "color",
561
- "$value": "{color.surface.primary.default.rest}"
562
- },
563
- "hovered": {
564
- "$extensions": {
565
- "com.figma.scopes": [
566
- "FRAME_FILL"
567
- ],
568
- "com.figma.hiddenFromPublishing": false
569
- },
570
- "$type": "color",
571
- "$value": "{color.surface.primary.default.hovered}"
572
- },
573
- "active": {
574
- "$extensions": {
575
- "com.figma.scopes": [
576
- "FRAME_FILL"
577
- ],
578
- "com.figma.hiddenFromPublishing": false
579
- },
580
- "$type": "color",
581
- "$value": "{color.surface.primary.default.active}"
583
+ "medium": {
584
+ "$extensions": {
585
+ "com.figma.scopes": [
586
+ "WIDTH_HEIGHT",
587
+ "GAP"
588
+ ],
589
+ "com.figma.hiddenFromPublishing": true
582
590
  },
583
- "disabled": {
584
- "$extensions": {
585
- "com.figma.scopes": [
586
- "FRAME_FILL"
587
- ],
588
- "com.figma.hiddenFromPublishing": false
589
- },
590
- "$type": "color",
591
- "$value": "{color.surface.neutral.default.disabled}"
592
- }
591
+ "$type": "number",
592
+ "$value": "{spacing.40}"
593
593
  }
594
594
  }
595
595
  }