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