@devexpress/design-tokens-internal 261.0.8 → 262.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/package.json +1 -1
  2. package/tokens/base/colors/palettes/fluent/blue.json +18 -18
  3. package/tokens/base/colors/palettes/fluent/cool-blue.json +18 -18
  4. package/tokens/base/colors/palettes/fluent/desert.json +18 -18
  5. package/tokens/base/colors/palettes/fluent/mint.json +18 -18
  6. package/tokens/base/colors/palettes/fluent/moss.json +18 -18
  7. package/tokens/base/colors/palettes/fluent/orchid.json +18 -18
  8. package/tokens/base/colors/palettes/fluent/purple.json +18 -18
  9. package/tokens/base/colors/palettes/fluent/rose.json +18 -18
  10. package/tokens/base/colors/palettes/fluent/rust.json +18 -18
  11. package/tokens/base/colors/palettes/fluent/steel.json +18 -18
  12. package/tokens/base/colors/palettes/fluent/storm.json +18 -18
  13. package/tokens/base/colors/palettes/material/blue.json +26 -26
  14. package/tokens/base/colors/palettes/material/purple.json +26 -26
  15. package/tokens/components/blazor/size/fluent_large.json +1404 -0
  16. package/tokens/components/blazor/size/fluent_medium.json +1404 -0
  17. package/tokens/components/blazor/size/fluent_small.json +1404 -0
  18. package/tokens/components/blazor/{button → theme}/fluent.json +4141 -1279
  19. package/tokens/components/core/size/fluent_large.json +10119 -0
  20. package/tokens/components/core/size/fluent_medium.json +10119 -0
  21. package/tokens/components/core/size/fluent_small.json +10119 -0
  22. package/tokens/components/core/size/material_medium.json +10119 -0
  23. package/tokens/components/core/theme/fluent.json +7556 -0
  24. package/tokens/components/core/theme/material.json +7556 -0
  25. package/tokens/components/wpf/badge/fluent.json +25 -25
  26. package/tokens/components/wpf/bars/fluent.json +2356 -1249
  27. package/tokens/components/wpf/button/fluent.json +372 -372
  28. package/tokens/components/wpf/button-edit/fluent.json +177 -177
  29. package/tokens/components/wpf/button-group/fluent.json +27 -27
  30. package/tokens/components/wpf/button-text/fluent.json +68 -68
  31. package/tokens/components/wpf/card-view/fluent.json +664 -0
  32. package/tokens/components/wpf/checkedit/fluent.json +14 -14
  33. package/tokens/components/wpf/compact-icon-button/fluent.json +72 -72
  34. package/tokens/components/wpf/datapager/fluent.json +56 -56
  35. package/tokens/components/{core/color-palette → wpf/docking}/fluent.json +830 -1033
  36. package/tokens/components/{core/overflow-menu → wpf/gallery}/fluent.json +937 -504
  37. package/tokens/components/wpf/grid/fluent.json +978 -0
  38. package/tokens/components/wpf/groupbox/fluent.json +295 -295
  39. package/tokens/components/wpf/listbox-edit/fluent.json +401 -377
  40. package/tokens/components/wpf/pagercontrol/fluent.json +135 -135
  41. package/tokens/components/wpf/popup/fluent.json +70 -70
  42. package/tokens/components/wpf/progress-bar/fluent.json +256 -256
  43. package/tokens/components/wpf/radio-button/fluent.json +28 -28
  44. package/tokens/components/{core/calendar → wpf/ribbon}/fluent.json +1251 -995
  45. package/tokens/components/wpf/scroll-bar/fluent.json +127 -127
  46. package/tokens/components/wpf/scroll-view/fluent.json +43 -43
  47. package/tokens/components/wpf/separator/fluent.json +5 -5
  48. package/tokens/components/wpf/split-button/fluent.json +26 -26
  49. package/tokens/components/wpf/standard-groupbox/fluent.json +104 -104
  50. package/tokens/components/wpf/text-edit/fluent.json +132 -132
  51. package/tokens/components/{core/pagination → wpf/themed-window}/fluent.json +423 -327
  52. package/tokens/components/wpf/toggle-switch/fluent.json +218 -218
  53. package/tokens/components/{blazor/listbox → wpf/treeview}/fluent.json +142 -139
  54. package/tokens/components/wpf/wait-indicator/fluent.json +62 -62
  55. package/tokens/figma-utils/icon/set/material.json +1 -1
  56. package/tokens/global/{fluent/theme-builder.json → fluent.json} +8 -14
  57. package/tokens/global/{material/theme-builder.json → material.json} +8 -14
  58. package/tokens/semantic/colors/fluent/dark.json +39 -27
  59. package/tokens/semantic/colors/fluent/light.json +39 -27
  60. package/tokens/semantic/colors/material/dark.json +103 -91
  61. package/tokens/semantic/colors/material/light.json +102 -90
  62. package/tokens/semantic/typography/fluent/line-height.json +2 -2
  63. package/tokens/components/blazor/accordion/fluent.json +0 -126
  64. package/tokens/components/blazor/button-group/fluent.json +0 -76
  65. package/tokens/components/blazor/carousel/fluent.json +0 -3120
  66. package/tokens/components/blazor/checkbox/fluent.json +0 -280
  67. package/tokens/components/blazor/color-palette/fluent.json +0 -1367
  68. package/tokens/components/blazor/column-chooser/fluent.json +0 -362
  69. package/tokens/components/blazor/filter-builder/fluent.json +0 -1188
  70. package/tokens/components/blazor/html-editor/fluent.json +0 -302
  71. package/tokens/components/blazor/loading-panel_wait-indicator/fluent.json +0 -249
  72. package/tokens/components/blazor/memo/fluent.json +0 -54
  73. package/tokens/components/blazor/menu/fluent.json +0 -42
  74. package/tokens/components/blazor/message-bar/fluent.json +0 -196
  75. package/tokens/components/blazor/message-box/fluent.json +0 -66
  76. package/tokens/components/blazor/overflow-menu/fluent.json +0 -118
  77. package/tokens/components/blazor/pager/fluent.json +0 -204
  78. package/tokens/components/blazor/progress-bar/fluent.json +0 -211
  79. package/tokens/components/blazor/radio/fluent.json +0 -284
  80. package/tokens/components/blazor/ribbon/fluent.json +0 -237
  81. package/tokens/components/blazor/rich-text-editor/fluent.json +0 -1107
  82. package/tokens/components/blazor/scheduler/fluent.json +0 -2918
  83. package/tokens/components/blazor/scheduler-popups/fluent.json +0 -566
  84. package/tokens/components/blazor/split-button/fluent.json +0 -156
  85. package/tokens/components/blazor/switcher/fluent.json +0 -210
  86. package/tokens/components/blazor/tabs/fluent.json +0 -280
  87. package/tokens/components/blazor/tagbox/fluent.json +0 -160
  88. package/tokens/components/blazor/text-edit/fluent.json +0 -388
  89. package/tokens/components/blazor/toast/fluent.json +0 -1336
  90. package/tokens/components/blazor/toolbar/fluent.json +0 -180
  91. package/tokens/components/blazor/tooltip/fluent.json +0 -33
  92. package/tokens/components/blazor/treeview/fluent.json +0 -2648
  93. package/tokens/components/blazor/uploader/fluent.json +0 -3250
  94. package/tokens/components/core/accordion/fluent.json +0 -890
  95. package/tokens/components/core/ai-chat/fluent.json +0 -3104
  96. package/tokens/components/core/badge/fluent.json +0 -174
  97. package/tokens/components/core/button/fluent.json +0 -520
  98. package/tokens/components/core/checkbox/fluent.json +0 -892
  99. package/tokens/components/core/collapse-button/fluent.json +0 -366
  100. package/tokens/components/core/container-body/fluent.json +0 -186
  101. package/tokens/components/core/container-footer/fluent.json +0 -221
  102. package/tokens/components/core/container-header/fluent.json +0 -361
  103. package/tokens/components/core/dialog/fluent.json +0 -190
  104. package/tokens/components/core/drawer/fluent.json +0 -173
  105. package/tokens/components/core/empty-item/fluent.json +0 -384
  106. package/tokens/components/core/focus-rect/fluent.json +0 -90
  107. package/tokens/components/core/form/fluent.json +0 -376
  108. package/tokens/components/core/grid/fluent.json +0 -4876
  109. package/tokens/components/core/icon-wrapper/fluent.json +0 -162
  110. package/tokens/components/core/indent-space/fluent.json +0 -120
  111. package/tokens/components/core/label/fluent.json +0 -150
  112. package/tokens/components/core/link/fluent.json +0 -318
  113. package/tokens/components/core/listbox/fluent.json +0 -940
  114. package/tokens/components/core/menu/fluent.json +0 -748
  115. package/tokens/components/core/message-bar/fluent.json +0 -276
  116. package/tokens/components/core/popover/fluent.json +0 -252
  117. package/tokens/components/core/popover-card/fluent.json +0 -512
  118. package/tokens/components/core/popup/fluent.json +0 -202
  119. package/tokens/components/core/progress-bar/fluent.json +0 -281
  120. package/tokens/components/core/radio-button/fluent.json +0 -534
  121. package/tokens/components/core/ribbon/fluent.json +0 -4045
  122. package/tokens/components/core/scroll-bar/fluent.json +0 -161
  123. package/tokens/components/core/separator/fluent.json +0 -31
  124. package/tokens/components/core/skeleton/fluent.json +0 -100
  125. package/tokens/components/core/spinner_load-indicator/fluent.json +0 -426
  126. package/tokens/components/core/splitter/fluent.json +0 -962
  127. package/tokens/components/core/switch/fluent.json +0 -794
  128. package/tokens/components/core/tabs/fluent.json +0 -666
  129. package/tokens/components/core/tag/fluent.json +0 -332
  130. package/tokens/components/core/text-content/fluent.json +0 -336
  131. package/tokens/components/core/text-edit/fluent.json +0 -681
  132. package/tokens/components/core/toast/fluent.json +0 -411
  133. package/tokens/components/core/toolbar/fluent.json +0 -464
  134. package/tokens/components/core/tooltip/fluent.json +0 -245
  135. package/tokens/components/core/treeview/fluent.json +0 -836
package/tokens/components/{core/pagination → wpf/themed-window}/fluent.json RENAMED
@@ -1,5 +1,5 @@
1
1
  {
2
- "pagination": {
2
+ "themed-window": {
3
3
  "root": {
4
4
  "color": {
5
5
  "bg": {
@@ -8,656 +8,752 @@
8
8
  "com.figma.scopes": [
9
9
  "FRAME_FILL"
10
10
  ],
11
- "com.figma.hiddenFromPublishing": false
11
+ "com.figma.hiddenFromPublishing": true
12
12
  },
13
13
  "$type": "color",
14
- "$value": "{color.surface.transparent.rest}"
14
+ "$value": "{color.surface.neutral.default.rest}"
15
15
  }
16
16
  },
17
17
  "border": {
18
18
  "rest": {
19
19
  "$extensions": {
20
20
  "com.figma.scopes": [
21
+ "SHAPE_FILL",
21
22
  "STROKE_COLOR"
22
23
  ],
23
- "com.figma.hiddenFromPublishing": false
24
+ "com.figma.hiddenFromPublishing": true
24
25
  },
25
26
  "$type": "color",
26
- "$value": "{color.border.transparent.rest}"
27
+ "$value": "{color.border.neutral.default.rest}"
27
28
  }
28
29
  }
29
30
  },
30
- "layout": {
31
- "outer-box": {
32
- "horizontal": {
33
- "small": {
31
+ "box-shadow": {
32
+ "layer-2": {
33
+ "color": {
34
+ "lg": {
34
35
  "$extensions": {
35
36
  "com.figma.scopes": [
36
- "WIDTH_HEIGHT",
37
- "GAP"
37
+ "EFFECT_COLOR"
38
38
  ],
39
- "com.figma.hiddenFromPublishing": false
39
+ "com.figma.hiddenFromPublishing": true
40
40
  },
41
- "$type": "number",
42
- "$value": "{spacing.0}"
43
- },
44
- "medium": {
41
+ "$type": "color",
42
+ "$value": "{color.shadow.ambient}"
43
+ }
44
+ },
45
+ "x": {
46
+ "lg": {
45
47
  "$extensions": {
46
48
  "com.figma.scopes": [
47
- "WIDTH_HEIGHT",
48
- "GAP"
49
+ "EFFECT_FLOAT"
49
50
  ],
50
- "com.figma.hiddenFromPublishing": false
51
+ "com.figma.hiddenFromPublishing": true
51
52
  },
52
53
  "$type": "number",
53
- "$value": "{spacing.0}"
54
- },
55
- "large": {
54
+ "$value": "{box-shadow.layer-2.x.lg}"
55
+ }
56
+ },
57
+ "spread": {
58
+ "lg": {
56
59
  "$extensions": {
57
60
  "com.figma.scopes": [
58
- "WIDTH_HEIGHT",
59
- "GAP"
61
+ "EFFECT_FLOAT"
60
62
  ],
61
- "com.figma.hiddenFromPublishing": false
63
+ "com.figma.hiddenFromPublishing": true
62
64
  },
63
65
  "$type": "number",
64
- "$value": "{spacing.0}"
66
+ "$value": "{box-shadow.layer-2.spread.lg}"
65
67
  }
66
68
  },
67
- "vertical": {
68
- "small": {
69
+ "blur": {
70
+ "lg": {
69
71
  "$extensions": {
70
72
  "com.figma.scopes": [
71
- "GAP"
73
+ "EFFECT_FLOAT"
72
74
  ],
73
- "com.figma.hiddenFromPublishing": false
75
+ "com.figma.hiddenFromPublishing": true
74
76
  },
75
77
  "$type": "number",
76
- "$value": "{spacing.0}"
77
- },
78
- "medium": {
78
+ "$value": "{box-shadow.layer-2.blur.lg}"
79
+ }
80
+ },
81
+ "y": {
82
+ "lg": {
79
83
  "$extensions": {
80
84
  "com.figma.scopes": [
81
- "GAP"
85
+ "EFFECT_FLOAT"
82
86
  ],
83
- "com.figma.hiddenFromPublishing": false
87
+ "com.figma.hiddenFromPublishing": true
84
88
  },
85
89
  "$type": "number",
86
- "$value": "{spacing.0}"
87
- },
88
- "large": {
90
+ "$value": "{box-shadow.layer-2.y.lg}"
91
+ }
92
+ }
93
+ },
94
+ "layer-1": {
95
+ "color": {
96
+ "lg": {
89
97
  "$extensions": {
90
98
  "com.figma.scopes": [
91
- "GAP"
99
+ "EFFECT_COLOR"
92
100
  ],
93
- "com.figma.hiddenFromPublishing": false
101
+ "com.figma.hiddenFromPublishing": true
94
102
  },
95
- "$type": "number",
96
- "$value": "{spacing.0}"
103
+ "$type": "color",
104
+ "$value": "{color.shadow.key}"
97
105
  }
98
106
  },
99
- "gap": {
100
- "small": {
107
+ "x": {
108
+ "lg": {
101
109
  "$extensions": {
102
110
  "com.figma.scopes": [
103
- "GAP"
111
+ "EFFECT_FLOAT"
104
112
  ],
105
- "com.figma.hiddenFromPublishing": false
113
+ "com.figma.hiddenFromPublishing": true
106
114
  },
107
115
  "$type": "number",
108
- "$value": "{spacing.0}"
109
- },
110
- "medium": {
116
+ "$value": "{box-shadow.layer-1.x.lg}"
117
+ }
118
+ },
119
+ "blur": {
120
+ "lg": {
111
121
  "$extensions": {
112
122
  "com.figma.scopes": [
113
- "GAP"
123
+ "EFFECT_FLOAT"
114
124
  ],
115
- "com.figma.hiddenFromPublishing": false
125
+ "com.figma.hiddenFromPublishing": true
116
126
  },
117
127
  "$type": "number",
118
- "$value": "{spacing.0}"
119
- },
120
- "large": {
128
+ "$value": "{box-shadow.layer-1.blur.lg}"
129
+ }
130
+ },
131
+ "y": {
132
+ "lg": {
121
133
  "$extensions": {
122
134
  "com.figma.scopes": [
123
- "GAP"
135
+ "EFFECT_FLOAT"
124
136
  ],
125
- "com.figma.hiddenFromPublishing": false
137
+ "com.figma.hiddenFromPublishing": true
126
138
  },
127
139
  "$type": "number",
128
- "$value": "{spacing.0}"
140
+ "$value": "{box-shadow.layer-1.y.lg}"
129
141
  }
130
- }
131
- },
132
- "inner-box": {
133
- "gap": {
134
- "small": {
142
+ },
143
+ "spread": {
144
+ "lg": {
135
145
  "$extensions": {
136
146
  "com.figma.scopes": [
137
- "GAP"
147
+ "EFFECT_FLOAT"
138
148
  ],
139
- "com.figma.hiddenFromPublishing": false
149
+ "com.figma.hiddenFromPublishing": true
140
150
  },
141
151
  "$type": "number",
142
- "$value": "{spacing.40}"
143
- },
152
+ "$value": "{box-shadow.layer-1.spread.lg}"
153
+ }
154
+ }
155
+ },
156
+ "composite": {
157
+ "$extensions": {
158
+ "com.figma.hiddenFromPublishing": true
159
+ },
160
+ "$type": "text",
161
+ "$value": "layer-1+layer-2"
162
+ }
163
+ },
164
+ "layout": {
165
+ "tab-strip": {
166
+ "horizontal": {
144
167
  "medium": {
145
168
  "$extensions": {
146
169
  "com.figma.scopes": [
147
170
  "GAP"
148
171
  ],
149
- "com.figma.hiddenFromPublishing": false
150
- },
151
- "$type": "number",
152
- "$value": "{spacing.60}"
153
- },
154
- "large": {
155
- "$extensions": {
156
- "com.figma.scopes": [
157
- "GAP"
158
- ],
159
- "com.figma.hiddenFromPublishing": false
172
+ "com.figma.hiddenFromPublishing": true
160
173
  },
161
174
  "$type": "number",
162
- "$value": "{spacing.80}"
175
+ "$value": "{spacing.40}"
163
176
  }
164
- },
177
+ }
178
+ },
179
+ "inner-box": {
165
180
  "vertical": {
166
- "small": {
167
- "$extensions": {
168
- "com.figma.scopes": [
169
- "GAP"
170
- ],
171
- "com.figma.hiddenFromPublishing": false
172
- },
173
- "$type": "number",
174
- "$value": "{spacing.0}"
175
- },
176
181
  "medium": {
177
182
  "$extensions": {
178
183
  "com.figma.scopes": [
179
184
  "GAP"
180
185
  ],
181
- "com.figma.hiddenFromPublishing": false
186
+ "com.figma.hiddenFromPublishing": true
182
187
  },
183
188
  "$type": "number",
184
- "$value": "{spacing.0}"
185
- },
186
- "large": {
189
+ "$value": "{spacing.20}"
190
+ }
191
+ },
192
+ "gap": {
193
+ "medium": {
187
194
  "$extensions": {
188
195
  "com.figma.scopes": [
189
196
  "GAP"
190
197
  ],
191
- "com.figma.hiddenFromPublishing": false
198
+ "com.figma.hiddenFromPublishing": true
192
199
  },
193
200
  "$type": "number",
194
- "$value": "{spacing.0}"
201
+ "$value": "{spacing.100}"
195
202
  }
196
203
  },
197
204
  "horizontal": {
198
- "small": {
199
- "$extensions": {
200
- "com.figma.scopes": [
201
- "GAP"
202
- ],
203
- "com.figma.hiddenFromPublishing": false
204
- },
205
- "$type": "number",
206
- "$value": "{spacing.0}"
207
- },
208
205
  "medium": {
209
206
  "$extensions": {
210
207
  "com.figma.scopes": [
211
208
  "GAP"
212
209
  ],
213
- "com.figma.hiddenFromPublishing": false
214
- },
215
- "$type": "number",
216
- "$value": "{spacing.0}"
217
- },
218
- "large": {
219
- "$extensions": {
220
- "com.figma.scopes": [
221
- "GAP"
222
- ],
223
- "com.figma.hiddenFromPublishing": false
210
+ "com.figma.hiddenFromPublishing": true
224
211
  },
225
212
  "$type": "number",
226
- "$value": "{spacing.0}"
213
+ "$value": "{spacing.20}"
227
214
  }
228
215
  }
229
216
  }
230
217
  },
231
- "borders": {
232
- "border-radius": {
233
- "small": {
218
+ "opacity": {
219
+ "header": {
220
+ "inactive": {
234
221
  "$extensions": {
235
222
  "com.figma.scopes": [
236
- "CORNER_RADIUS"
223
+ "OPACITY"
237
224
  ],
238
- "com.figma.hiddenFromPublishing": false
225
+ "com.figma.hiddenFromPublishing": true
239
226
  },
240
227
  "$type": "number",
241
- "$value": "{border-radius.0}"
242
- },
228
+ "$value": "{opacity.60}"
229
+ }
230
+ }
231
+ },
232
+ "borders": {
233
+ "border-radius": {
243
234
  "medium": {
244
235
  "$extensions": {
245
236
  "com.figma.scopes": [
246
237
  "CORNER_RADIUS"
247
238
  ],
248
- "com.figma.hiddenFromPublishing": false
249
- },
250
- "$type": "number",
251
- "$value": "{border-radius.0}"
252
- },
253
- "large": {
254
- "$extensions": {
255
- "com.figma.scopes": [
256
- "CORNER_RADIUS"
257
- ],
258
- "com.figma.hiddenFromPublishing": false
239
+ "com.figma.hiddenFromPublishing": true
259
240
  },
260
241
  "$type": "number",
261
- "$value": "{border-radius.0}"
242
+ "$value": "{border-radius.40}"
262
243
  }
263
244
  },
264
245
  "border-width": {
265
- "small": {
266
- "$extensions": {
267
- "com.figma.scopes": [
268
- "STROKE_FLOAT"
269
- ],
270
- "com.figma.hiddenFromPublishing": false
271
- },
272
- "$type": "number",
273
- "$value": "{border-width.0}"
274
- },
275
246
  "medium": {
276
247
  "$extensions": {
277
248
  "com.figma.scopes": [
249
+ "WIDTH_HEIGHT",
278
250
  "STROKE_FLOAT"
279
251
  ],
280
- "com.figma.hiddenFromPublishing": false
252
+ "com.figma.hiddenFromPublishing": true
281
253
  },
282
254
  "$type": "number",
283
- "$value": "{border-width.0}"
284
- },
285
- "large": {
286
- "$extensions": {
287
- "com.figma.scopes": [
288
- "STROKE_FLOAT"
289
- ],
290
- "com.figma.hiddenFromPublishing": false
291
- },
292
- "$type": "number",
293
- "$value": "{border-width.0}"
255
+ "$value": "{border-width.10}"
294
256
  }
295
257
  }
296
258
  }
297
259
  },
298
- "item": {
260
+ "tabs": {
299
261
  "color": {
300
262
  "bg": {
301
- "rest": {
263
+ "active": {
302
264
  "$extensions": {
303
265
  "com.figma.scopes": [
304
266
  "FRAME_FILL"
305
267
  ],
306
- "com.figma.hiddenFromPublishing": false
268
+ "com.figma.hiddenFromPublishing": true
307
269
  },
308
270
  "$type": "color",
309
- "$value": "{color.surface.transparent.rest}"
271
+ "$value": "{color.surface.neutral.default.rest}"
310
272
  },
311
273
  "hovered": {
312
274
  "$extensions": {
313
275
  "com.figma.scopes": [
314
276
  "FRAME_FILL"
315
277
  ],
316
- "com.figma.hiddenFromPublishing": false
278
+ "com.figma.hiddenFromPublishing": true
317
279
  },
318
280
  "$type": "color",
319
281
  "$value": "{color.surface.neutral.default.hovered}"
320
282
  },
321
- "selected": {
283
+ "rest": {
322
284
  "$extensions": {
323
285
  "com.figma.scopes": [
324
286
  "FRAME_FILL"
325
287
  ],
326
- "com.figma.hiddenFromPublishing": false
288
+ "com.figma.hiddenFromPublishing": true
327
289
  },
328
290
  "$type": "color",
329
- "$value": "{color.surface.primary.default.rest}"
330
- },
331
- "selected-hovered": {
291
+ "$value": "{color.surface.transparent.rest}"
292
+ }
293
+ },
294
+ "border": {
295
+ "rest": {
332
296
  "$extensions": {
333
297
  "com.figma.scopes": [
334
- "FRAME_FILL"
298
+ "SHAPE_FILL",
299
+ "STROKE_COLOR"
335
300
  ],
336
- "com.figma.hiddenFromPublishing": false
301
+ "com.figma.hiddenFromPublishing": true
337
302
  },
338
303
  "$type": "color",
339
- "$value": "{color.surface.primary.default.hovered}"
304
+ "$value": "{color.border.transparent.rest}"
340
305
  },
341
306
  "active": {
342
- "$extensions": {
343
- "com.figma.scopes": [
344
- "FRAME_FILL"
345
- ],
346
- "com.figma.hiddenFromPublishing": false
347
- },
348
- "$type": "color",
349
- "$value": "{color.surface.neutral.default.active}"
350
- }
351
- },
352
- "content": {
353
- "rest": {
354
307
  "$extensions": {
355
308
  "com.figma.scopes": [
356
309
  "SHAPE_FILL",
357
- "TEXT_FILL"
310
+ "STROKE_COLOR"
358
311
  ],
359
- "com.figma.hiddenFromPublishing": false
312
+ "com.figma.hiddenFromPublishing": true
360
313
  },
361
314
  "$type": "color",
362
- "$value": "{color.content.neutral.default.rest}"
363
- },
364
- "selected": {
315
+ "$value": "{color.border.neutral.default.rest}"
316
+ }
317
+ }
318
+ },
319
+ "borders": {
320
+ "border-radius": {
321
+ "small": {
365
322
  "$extensions": {
366
323
  "com.figma.scopes": [
367
- "SHAPE_FILL",
368
- "TEXT_FILL"
324
+ "CORNER_RADIUS"
369
325
  ],
370
- "com.figma.hiddenFromPublishing": false
326
+ "com.figma.hiddenFromPublishing": true
371
327
  },
372
- "$type": "color",
373
- "$value": "{color.content.neutral.default.on-surface.active}"
328
+ "$type": "number",
329
+ "$value": "{border-radius.80}"
374
330
  },
375
- "disabled": {
331
+ "medium": {
376
332
  "$extensions": {
377
333
  "com.figma.scopes": [
378
- "SHAPE_FILL",
379
- "TEXT_FILL"
334
+ "CORNER_RADIUS"
380
335
  ],
381
- "com.figma.hiddenFromPublishing": false
336
+ "com.figma.hiddenFromPublishing": true
382
337
  },
383
- "$type": "color",
384
- "$value": "{color.content.neutral.default.disabled}"
338
+ "$type": "number",
339
+ "$value": "{border-radius.80}"
385
340
  }
386
341
  },
387
- "border": {
388
- "rest": {
389
- "$extensions": {
390
- "com.figma.scopes": [
391
- "STROKE_COLOR"
392
- ],
393
- "com.figma.hiddenFromPublishing": false
342
+ "border-width": {
343
+ "without-border": {
344
+ "medium": {
345
+ "$extensions": {
346
+ "com.figma.scopes": [
347
+ "WIDTH_HEIGHT",
348
+ "STROKE_FLOAT"
349
+ ],
350
+ "com.figma.hiddenFromPublishing": true
351
+ },
352
+ "$type": "number",
353
+ "$value": "{border-width.0}"
394
354
  },
395
- "$type": "color",
396
- "$value": "{color.border.transparent.rest}"
355
+ "small": {
356
+ "$extensions": {
357
+ "com.figma.scopes": [
358
+ "WIDTH_HEIGHT",
359
+ "STROKE_FLOAT"
360
+ ],
361
+ "com.figma.hiddenFromPublishing": true
362
+ },
363
+ "$type": "number",
364
+ "$value": "{border-width.0}"
365
+ }
366
+ },
367
+ "with-border": {
368
+ "small": {
369
+ "$extensions": {
370
+ "com.figma.scopes": [
371
+ "WIDTH_HEIGHT",
372
+ "STROKE_FLOAT"
373
+ ],
374
+ "com.figma.hiddenFromPublishing": true
375
+ },
376
+ "$type": "number",
377
+ "$value": "{border-width.10}"
378
+ },
379
+ "medium": {
380
+ "$extensions": {
381
+ "com.figma.scopes": [
382
+ "WIDTH_HEIGHT",
383
+ "STROKE_FLOAT"
384
+ ],
385
+ "com.figma.hiddenFromPublishing": true
386
+ },
387
+ "$type": "number",
388
+ "$value": "{border-width.10}"
389
+ }
397
390
  }
398
391
  }
399
392
  },
400
393
  "layout": {
401
- "inner-box": {
402
- "horizontal": {
403
- "small": {
394
+ "sizing": {
395
+ "min-height": {
396
+ "medium": {
404
397
  "$extensions": {
405
398
  "com.figma.scopes": [
406
- "GAP"
399
+ "WIDTH_HEIGHT"
407
400
  ],
408
- "com.figma.hiddenFromPublishing": false
401
+ "com.figma.hiddenFromPublishing": true
409
402
  },
410
403
  "$type": "number",
411
- "$value": "{spacing.30}"
404
+ "$value": "{spacing.320}"
412
405
  },
406
+ "small": {
407
+ "$extensions": {
408
+ "com.figma.scopes": [
409
+ "WIDTH_HEIGHT"
410
+ ],
411
+ "com.figma.hiddenFromPublishing": true
412
+ },
413
+ "$type": "number",
414
+ "$value": "{spacing.240}"
415
+ }
416
+ }
417
+ },
418
+ "outer-box": {
419
+ "vertical-end": {
413
420
  "medium": {
414
421
  "$extensions": {
415
422
  "com.figma.scopes": [
416
423
  "GAP"
417
424
  ],
418
- "com.figma.hiddenFromPublishing": false
425
+ "com.figma.hiddenFromPublishing": true
419
426
  },
420
427
  "$type": "number",
421
- "$value": "{spacing.50}"
428
+ "$value": "{spacing.40}"
422
429
  },
423
- "large": {
430
+ "small": {
424
431
  "$extensions": {
425
432
  "com.figma.scopes": [
426
433
  "GAP"
427
434
  ],
428
- "com.figma.hiddenFromPublishing": false
435
+ "com.figma.hiddenFromPublishing": true
429
436
  },
430
437
  "$type": "number",
431
- "$value": "{spacing.70}"
438
+ "$value": "{spacing.20}"
432
439
  }
433
440
  },
434
- "vertical": {
435
- "small": {
441
+ "horizontal": {
442
+ "medium": {
436
443
  "$extensions": {
437
444
  "com.figma.scopes": [
438
445
  "GAP"
439
446
  ],
440
- "com.figma.hiddenFromPublishing": false
447
+ "com.figma.hiddenFromPublishing": true
441
448
  },
442
449
  "$type": "number",
443
- "$value": "{spacing.30}"
450
+ "$value": "{spacing.110}"
444
451
  },
445
- "medium": {
452
+ "small": {
446
453
  "$extensions": {
447
454
  "com.figma.scopes": [
448
455
  "GAP"
449
456
  ],
450
- "com.figma.hiddenFromPublishing": false
457
+ "com.figma.hiddenFromPublishing": true
451
458
  },
452
459
  "$type": "number",
453
- "$value": "{spacing.50}"
454
- },
455
- "large": {
460
+ "$value": "{spacing.90}"
461
+ }
462
+ },
463
+ "gap": {
464
+ "medium": {
456
465
  "$extensions": {
457
466
  "com.figma.scopes": [
458
467
  "GAP"
459
468
  ],
460
- "com.figma.hiddenFromPublishing": false
469
+ "com.figma.hiddenFromPublishing": true
461
470
  },
462
471
  "$type": "number",
463
- "$value": "{spacing.70}"
464
- }
465
- },
466
- "min-width": {
472
+ "$value": "{spacing.40}"
473
+ },
467
474
  "small": {
468
475
  "$extensions": {
469
476
  "com.figma.scopes": [
470
- "WIDTH_HEIGHT"
477
+ "GAP"
471
478
  ],
472
- "com.figma.hiddenFromPublishing": false
479
+ "com.figma.hiddenFromPublishing": true
473
480
  },
474
481
  "$type": "number",
475
- "$value": "{spacing.240}"
476
- },
477
- "medium": {
482
+ "$value": "{spacing.40}"
483
+ }
484
+ },
485
+ "vertical-start": {
486
+ "small": {
478
487
  "$extensions": {
479
488
  "com.figma.scopes": [
480
- "WIDTH_HEIGHT"
489
+ "GAP"
481
490
  ],
482
- "com.figma.hiddenFromPublishing": false
491
+ "com.figma.hiddenFromPublishing": true
483
492
  },
484
493
  "$type": "number",
485
- "$value": "{spacing.320}"
494
+ "$value": "{spacing.10}"
486
495
  },
487
- "large": {
496
+ "medium": {
488
497
  "$extensions": {
489
498
  "com.figma.scopes": [
490
- "WIDTH_HEIGHT"
499
+ "GAP"
491
500
  ],
492
- "com.figma.hiddenFromPublishing": false
501
+ "com.figma.hiddenFromPublishing": true
493
502
  },
494
503
  "$type": "number",
495
- "$value": "{spacing.400}"
504
+ "$value": "{spacing.30}"
496
505
  }
497
506
  }
498
507
  }
499
- },
500
- "borders": {
501
- "border-radius": {
502
- "small": {
508
+ }
509
+ },
510
+ "title": {
511
+ "color": {
512
+ "content": {
513
+ "rest": {
503
514
  "$extensions": {
504
515
  "com.figma.scopes": [
505
- "CORNER_RADIUS"
516
+ "SHAPE_FILL",
517
+ "TEXT_FILL"
506
518
  ],
507
- "com.figma.hiddenFromPublishing": false
519
+ "com.figma.hiddenFromPublishing": true
508
520
  },
509
- "$type": "number",
510
- "$value": "{border-radius.theme-builder.default}"
511
- },
521
+ "$type": "color",
522
+ "$value": "{color.content.neutral.default.rest}"
523
+ }
524
+ }
525
+ },
526
+ "layout": {
527
+ "gap": {
512
528
  "medium": {
513
529
  "$extensions": {
514
530
  "com.figma.scopes": [
515
- "CORNER_RADIUS"
531
+ "GAP"
516
532
  ],
517
- "com.figma.hiddenFromPublishing": false
533
+ "com.figma.hiddenFromPublishing": true
518
534
  },
519
535
  "$type": "number",
520
- "$value": "{border-radius.theme-builder.default}"
521
- },
522
- "large": {
523
- "$extensions": {
524
- "com.figma.scopes": [
525
- "CORNER_RADIUS"
526
- ],
527
- "com.figma.hiddenFromPublishing": false
528
- },
529
- "$type": "number",
530
- "$value": "{border-radius.theme-builder.default}"
536
+ "$value": "{spacing.80}"
531
537
  }
532
538
  },
533
- "border-width": {
534
- "small": {
535
- "$extensions": {
536
- "com.figma.scopes": [
537
- "STROKE_FLOAT"
538
- ],
539
- "com.figma.hiddenFromPublishing": false
540
- },
541
- "$type": "number",
542
- "$value": "{border-width.10}"
543
- },
539
+ "vertical": {
544
540
  "medium": {
545
541
  "$extensions": {
546
542
  "com.figma.scopes": [
547
- "STROKE_FLOAT"
548
- ],
549
- "com.figma.hiddenFromPublishing": false
550
- },
551
- "$type": "number",
552
- "$value": "{border-width.10}"
553
- },
554
- "large": {
555
- "$extensions": {
556
- "com.figma.scopes": [
557
- "STROKE_FLOAT"
543
+ "GAP"
558
544
  ],
559
- "com.figma.hiddenFromPublishing": false
545
+ "com.figma.hiddenFromPublishing": true
560
546
  },
561
547
  "$type": "number",
562
- "$value": "{border-width.10}"
548
+ "$value": "{spacing.80}"
563
549
  }
564
550
  }
565
551
  }
566
552
  },
567
- "pagination": {
568
- "layout": {
569
- "content-box": {
570
- "gap": {
571
- "small": {
553
+ "caption-button": {
554
+ "color": {
555
+ "default": {
556
+ "bg": {
557
+ "active": {
572
558
  "$extensions": {
573
559
  "com.figma.scopes": [
574
- "GAP"
560
+ "FRAME_FILL"
575
561
  ],
576
- "com.figma.hiddenFromPublishing": false
562
+ "com.figma.hiddenFromPublishing": true
577
563
  },
578
- "$type": "number",
579
- "$value": "{spacing.40}"
564
+ "$type": "color",
565
+ "$value": "{color.surface.neutral.default.hovered}"
580
566
  },
581
- "medium": {
567
+ "hovered": {
582
568
  "$extensions": {
583
569
  "com.figma.scopes": [
584
- "GAP"
570
+ "FRAME_FILL"
585
571
  ],
586
- "com.figma.hiddenFromPublishing": false
572
+ "com.figma.hiddenFromPublishing": true
587
573
  },
588
- "$type": "number",
589
- "$value": "{spacing.60}"
574
+ "$type": "color",
575
+ "$value": "{color.surface.neutral.default.rest}"
590
576
  },
591
- "large": {
577
+ "rest": {
578
+ "$extensions": {
579
+ "com.figma.scopes": [
580
+ "FRAME_FILL"
581
+ ],
582
+ "com.figma.hiddenFromPublishing": true
583
+ },
584
+ "$type": "color",
585
+ "$value": "{color.surface.transparent.rest}"
586
+ }
587
+ },
588
+ "icon": {
589
+ "rest": {
590
+ "$extensions": {
591
+ "com.figma.scopes": [
592
+ "SHAPE_FILL"
593
+ ],
594
+ "com.figma.hiddenFromPublishing": true
595
+ },
596
+ "$type": "color",
597
+ "$value": "{color.content.neutral.default.rest}"
598
+ }
599
+ }
600
+ },
601
+ "close": {
602
+ "bg": {
603
+ "active": {
604
+ "$extensions": {
605
+ "com.figma.scopes": [
606
+ "FRAME_FILL"
607
+ ],
608
+ "com.figma.hiddenFromPublishing": true
609
+ },
610
+ "$type": "color",
611
+ "$value": "{color.surface.danger.default.active}"
612
+ },
613
+ "hovered": {
614
+ "$extensions": {
615
+ "com.figma.scopes": [
616
+ "FRAME_FILL"
617
+ ],
618
+ "com.figma.hiddenFromPublishing": true
619
+ },
620
+ "$type": "color",
621
+ "$value": "{color.surface.danger.default.hovered}"
622
+ }
623
+ },
624
+ "icon": {
625
+ "active": {
626
+ "$extensions": {
627
+ "com.figma.scopes": [
628
+ "SHAPE_FILL"
629
+ ],
630
+ "com.figma.hiddenFromPublishing": true
631
+ },
632
+ "$type": "color",
633
+ "$value": "{color.content.neutral.default.inverted.rest}"
634
+ },
635
+ "hovered": {
636
+ "$extensions": {
637
+ "com.figma.scopes": [
638
+ "SHAPE_FILL"
639
+ ],
640
+ "com.figma.hiddenFromPublishing": true
641
+ },
642
+ "$type": "color",
643
+ "$value": "{color.content.neutral.default.inverted.rest}"
644
+ }
645
+ }
646
+ }
647
+ },
648
+ "layout": {
649
+ "outer-box": {
650
+ "vertical": {
651
+ "medium": {
592
652
  "$extensions": {
593
653
  "com.figma.scopes": [
594
654
  "GAP"
595
655
  ],
596
- "com.figma.hiddenFromPublishing": false
656
+ "com.figma.hiddenFromPublishing": true
597
657
  },
598
658
  "$type": "number",
599
659
  "$value": "{spacing.80}"
600
660
  }
601
661
  },
602
662
  "horizontal": {
603
- "small": {
663
+ "medium": {
604
664
  "$extensions": {
605
665
  "com.figma.scopes": [
606
666
  "GAP"
607
667
  ],
608
- "com.figma.hiddenFromPublishing": false
668
+ "com.figma.hiddenFromPublishing": true
609
669
  },
610
670
  "$type": "number",
611
- "$value": "{spacing.0}"
612
- },
671
+ "$value": "{spacing.150}"
672
+ }
673
+ },
674
+ "gap": {
613
675
  "medium": {
614
676
  "$extensions": {
615
677
  "com.figma.scopes": [
616
678
  "GAP"
617
679
  ],
618
- "com.figma.hiddenFromPublishing": false
680
+ "com.figma.hiddenFromPublishing": true
619
681
  },
620
682
  "$type": "number",
621
683
  "$value": "{spacing.0}"
622
- },
623
- "large": {
684
+ }
685
+ }
686
+ }
687
+ },
688
+ "opacity": {
689
+ "disabled": {
690
+ "$extensions": {
691
+ "com.figma.scopes": [
692
+ "OPACITY"
693
+ ],
694
+ "com.figma.hiddenFromPublishing": true
695
+ },
696
+ "$type": "number",
697
+ "$value": "{opacity.40}"
698
+ }
699
+ }
700
+ },
701
+ "title-bar": {
702
+ "app-image-box": {
703
+ "layout": {
704
+ "horizontal": {
705
+ "medium": {
624
706
  "$extensions": {
625
707
  "com.figma.scopes": [
626
- "GAP"
708
+ "ALL_SCOPES"
627
709
  ],
628
- "com.figma.hiddenFromPublishing": false
710
+ "com.figma.hiddenFromPublishing": true
629
711
  },
630
712
  "$type": "number",
631
- "$value": "{spacing.0}"
713
+ "$value": "{spacing.80}"
632
714
  }
633
715
  },
634
716
  "vertical": {
635
- "small": {
717
+ "medium": {
636
718
  "$extensions": {
637
719
  "com.figma.scopes": [
638
- "GAP"
720
+ "ALL_SCOPES"
639
721
  ],
640
- "com.figma.hiddenFromPublishing": false
722
+ "com.figma.hiddenFromPublishing": true
641
723
  },
642
724
  "$type": "number",
643
- "$value": "{spacing.0}"
644
- },
725
+ "$value": "{spacing.60}"
726
+ }
727
+ }
728
+ }
729
+ },
730
+ "root": {
731
+ "layout": {
732
+ "gap": {
645
733
  "medium": {
646
734
  "$extensions": {
647
735
  "com.figma.scopes": [
648
- "GAP"
736
+ "ALL_SCOPES"
649
737
  ],
650
- "com.figma.hiddenFromPublishing": false
738
+ "com.figma.hiddenFromPublishing": true
651
739
  },
652
740
  "$type": "number",
653
741
  "$value": "{spacing.0}"
654
- },
655
- "large": {
742
+ }
743
+ }
744
+ }
745
+ }
746
+ },
747
+ "group-caption-button": {
748
+ "layout": {
749
+ "outer-box": {
750
+ "gap": {
751
+ "medium": {
656
752
  "$extensions": {
657
753
  "com.figma.scopes": [
658
754
  "GAP"
659
755
  ],
660
- "com.figma.hiddenFromPublishing": false
756
+ "com.figma.hiddenFromPublishing": true
661
757
  },
662
758
  "$type": "number",
663
759
  "$value": "{spacing.0}"