@react-spectrum/s2 3.0.0-nightly-fd7075c5f-250128 → 3.0.0-nightly-e3ed3c7f6-250130

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 (268) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +3 -3
  4. package/dist/ActionBar.cjs +47 -47
  5. package/dist/ActionBar.css +51 -51
  6. package/dist/ActionBar.mjs +47 -47
  7. package/dist/ActionButton.cjs +97 -97
  8. package/dist/ActionButton.css +96 -96
  9. package/dist/ActionButton.mjs +97 -97
  10. package/dist/ActionButtonGroup.cjs +11 -11
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +11 -11
  13. package/dist/AlertDialog.cjs +3 -3
  14. package/dist/AlertDialog.css +3 -3
  15. package/dist/AlertDialog.mjs +3 -3
  16. package/dist/Avatar.cjs +17 -17
  17. package/dist/Avatar.css +14 -14
  18. package/dist/Avatar.mjs +17 -17
  19. package/dist/AvatarGroup.cjs +100 -100
  20. package/dist/AvatarGroup.css +34 -34
  21. package/dist/AvatarGroup.mjs +100 -100
  22. package/dist/Badge.cjs +91 -67
  23. package/dist/Badge.cjs.map +1 -1
  24. package/dist/Badge.css +163 -91
  25. package/dist/Badge.css.map +1 -1
  26. package/dist/Badge.mjs +91 -67
  27. package/dist/Badge.mjs.map +1 -1
  28. package/dist/Breadcrumbs.cjs +115 -115
  29. package/dist/Breadcrumbs.css +89 -89
  30. package/dist/Breadcrumbs.mjs +115 -115
  31. package/dist/Button.cjs +236 -152
  32. package/dist/Button.cjs.map +1 -1
  33. package/dist/Button.css +309 -165
  34. package/dist/Button.css.map +1 -1
  35. package/dist/Button.mjs +236 -152
  36. package/dist/Button.mjs.map +1 -1
  37. package/dist/ButtonGroup.cjs +19 -19
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +19 -19
  40. package/dist/Card.cjs +264 -261
  41. package/dist/Card.cjs.map +1 -1
  42. package/dist/Card.css +210 -198
  43. package/dist/Card.css.map +1 -1
  44. package/dist/Card.mjs +264 -261
  45. package/dist/Card.mjs.map +1 -1
  46. package/dist/CardView.cjs +15 -15
  47. package/dist/CardView.css +18 -18
  48. package/dist/CardView.mjs +15 -15
  49. package/dist/CenterBaseline.cjs +1 -1
  50. package/dist/CenterBaseline.css +2 -2
  51. package/dist/CenterBaseline.mjs +1 -1
  52. package/dist/Checkbox.cjs +124 -73
  53. package/dist/Checkbox.cjs.map +1 -1
  54. package/dist/Checkbox.css +201 -81
  55. package/dist/Checkbox.css.map +1 -1
  56. package/dist/Checkbox.mjs +124 -73
  57. package/dist/Checkbox.mjs.map +1 -1
  58. package/dist/CheckboxGroup.cjs +49 -49
  59. package/dist/CheckboxGroup.css +41 -41
  60. package/dist/CheckboxGroup.mjs +49 -49
  61. package/dist/ClearButton.cjs +15 -15
  62. package/dist/ClearButton.css +17 -17
  63. package/dist/ClearButton.mjs +15 -15
  64. package/dist/CloseButton.cjs +35 -35
  65. package/dist/CloseButton.css +33 -33
  66. package/dist/CloseButton.mjs +35 -35
  67. package/dist/ColorArea.cjs +22 -22
  68. package/dist/ColorArea.css +15 -15
  69. package/dist/ColorArea.mjs +22 -22
  70. package/dist/ColorField.cjs +38 -38
  71. package/dist/ColorField.css +32 -32
  72. package/dist/ColorField.mjs +38 -38
  73. package/dist/ColorHandle.cjs +27 -21
  74. package/dist/ColorHandle.cjs.map +1 -1
  75. package/dist/ColorHandle.css +93 -45
  76. package/dist/ColorHandle.css.map +1 -1
  77. package/dist/ColorHandle.mjs +27 -21
  78. package/dist/ColorHandle.mjs.map +1 -1
  79. package/dist/ColorSlider.cjs +52 -52
  80. package/dist/ColorSlider.css +51 -51
  81. package/dist/ColorSlider.mjs +52 -52
  82. package/dist/ColorSwatch.cjs +27 -24
  83. package/dist/ColorSwatch.cjs.map +1 -1
  84. package/dist/ColorSwatch.css +41 -29
  85. package/dist/ColorSwatch.css.map +1 -1
  86. package/dist/ColorSwatch.mjs +27 -24
  87. package/dist/ColorSwatch.mjs.map +1 -1
  88. package/dist/ColorSwatchPicker.cjs +23 -23
  89. package/dist/ColorSwatchPicker.css +60 -48
  90. package/dist/ColorSwatchPicker.css.map +1 -1
  91. package/dist/ColorSwatchPicker.mjs +23 -23
  92. package/dist/ColorWheel.cjs +22 -22
  93. package/dist/ColorWheel.css +16 -16
  94. package/dist/ColorWheel.mjs +22 -22
  95. package/dist/ComboBox.cjs +80 -80
  96. package/dist/ComboBox.css +88 -88
  97. package/dist/ComboBox.mjs +80 -80
  98. package/dist/ContextualHelp.cjs +5 -5
  99. package/dist/ContextualHelp.css +38 -38
  100. package/dist/ContextualHelp.mjs +5 -5
  101. package/dist/CustomDialog.cjs +31 -31
  102. package/dist/CustomDialog.css +25 -25
  103. package/dist/CustomDialog.mjs +31 -31
  104. package/dist/Dialog.cjs +17 -17
  105. package/dist/Dialog.css +64 -64
  106. package/dist/Dialog.mjs +17 -17
  107. package/dist/Disclosure.cjs +111 -108
  108. package/dist/Disclosure.cjs.map +1 -1
  109. package/dist/Disclosure.css +124 -112
  110. package/dist/Disclosure.css.map +1 -1
  111. package/dist/Disclosure.mjs +111 -108
  112. package/dist/Disclosure.mjs.map +1 -1
  113. package/dist/Divider.cjs +26 -26
  114. package/dist/Divider.css +16 -16
  115. package/dist/Divider.mjs +26 -26
  116. package/dist/DropZone.cjs +56 -47
  117. package/dist/DropZone.cjs.map +1 -1
  118. package/dist/DropZone.css +80 -56
  119. package/dist/DropZone.css.map +1 -1
  120. package/dist/DropZone.mjs +56 -47
  121. package/dist/DropZone.mjs.map +1 -1
  122. package/dist/Field.cjs +204 -150
  123. package/dist/Field.cjs.map +1 -1
  124. package/dist/Field.css +246 -150
  125. package/dist/Field.css.map +1 -1
  126. package/dist/Field.mjs +204 -150
  127. package/dist/Field.mjs.map +1 -1
  128. package/dist/Form.cjs +10 -10
  129. package/dist/Form.css +9 -9
  130. package/dist/Form.mjs +10 -10
  131. package/dist/FullscreenDialog.cjs +5 -5
  132. package/dist/FullscreenDialog.css +72 -72
  133. package/dist/FullscreenDialog.mjs +5 -5
  134. package/dist/IllustratedMessage.cjs +134 -134
  135. package/dist/IllustratedMessage.css +69 -69
  136. package/dist/IllustratedMessage.mjs +134 -134
  137. package/dist/Image.cjs +12 -12
  138. package/dist/Image.css +13 -13
  139. package/dist/Image.mjs +12 -12
  140. package/dist/InlineAlert.cjs +104 -77
  141. package/dist/InlineAlert.cjs.map +1 -1
  142. package/dist/InlineAlert.css +149 -77
  143. package/dist/InlineAlert.css.map +1 -1
  144. package/dist/InlineAlert.mjs +104 -77
  145. package/dist/InlineAlert.mjs.map +1 -1
  146. package/dist/Link.cjs +31 -31
  147. package/dist/Link.css +30 -30
  148. package/dist/Link.mjs +31 -31
  149. package/dist/Menu.cjs +269 -264
  150. package/dist/Menu.cjs.map +1 -1
  151. package/dist/Menu.css +152 -152
  152. package/dist/Menu.css.map +1 -1
  153. package/dist/Menu.mjs +270 -265
  154. package/dist/Menu.mjs.map +1 -1
  155. package/dist/Meter.cjs +85 -85
  156. package/dist/Meter.css +81 -81
  157. package/dist/Meter.mjs +85 -85
  158. package/dist/Modal.cjs +48 -48
  159. package/dist/Modal.css +46 -46
  160. package/dist/Modal.mjs +48 -48
  161. package/dist/NumberField.cjs +115 -115
  162. package/dist/NumberField.css +114 -114
  163. package/dist/NumberField.mjs +115 -115
  164. package/dist/Picker.cjs +193 -175
  165. package/dist/Picker.cjs.map +1 -1
  166. package/dist/Picker.css +223 -163
  167. package/dist/Picker.css.map +1 -1
  168. package/dist/Picker.mjs +193 -175
  169. package/dist/Picker.mjs.map +1 -1
  170. package/dist/Popover.cjs +84 -78
  171. package/dist/Popover.cjs.map +1 -1
  172. package/dist/Popover.css +89 -65
  173. package/dist/Popover.css.map +1 -1
  174. package/dist/Popover.mjs +84 -78
  175. package/dist/Popover.mjs.map +1 -1
  176. package/dist/ProgressBar.cjs +98 -98
  177. package/dist/ProgressBar.css +92 -92
  178. package/dist/ProgressBar.mjs +98 -98
  179. package/dist/ProgressCircle.cjs +17 -17
  180. package/dist/ProgressCircle.css +15 -15
  181. package/dist/ProgressCircle.mjs +17 -17
  182. package/dist/Provider.cjs +4 -4
  183. package/dist/Provider.css +5 -5
  184. package/dist/Provider.mjs +4 -4
  185. package/dist/Radio.cjs +152 -80
  186. package/dist/Radio.cjs.map +1 -1
  187. package/dist/Radio.css +240 -96
  188. package/dist/Radio.css.map +1 -1
  189. package/dist/Radio.mjs +152 -80
  190. package/dist/Radio.mjs.map +1 -1
  191. package/dist/RadioGroup.cjs +47 -47
  192. package/dist/RadioGroup.css +41 -41
  193. package/dist/RadioGroup.mjs +47 -47
  194. package/dist/SearchField.cjs +42 -42
  195. package/dist/SearchField.css +47 -47
  196. package/dist/SearchField.mjs +42 -42
  197. package/dist/SegmentedControl.cjs +101 -89
  198. package/dist/SegmentedControl.cjs.map +1 -1
  199. package/dist/SegmentedControl.css +140 -92
  200. package/dist/SegmentedControl.css.map +1 -1
  201. package/dist/SegmentedControl.mjs +101 -89
  202. package/dist/SegmentedControl.mjs.map +1 -1
  203. package/dist/Slider.cjs +229 -196
  204. package/dist/Slider.cjs.map +1 -1
  205. package/dist/Slider.css +221 -149
  206. package/dist/Slider.css.map +1 -1
  207. package/dist/Slider.mjs +229 -196
  208. package/dist/Slider.mjs.map +1 -1
  209. package/dist/StatusLight.cjs +56 -56
  210. package/dist/StatusLight.css +59 -59
  211. package/dist/StatusLight.mjs +56 -56
  212. package/dist/Switch.cjs +107 -74
  213. package/dist/Switch.cjs.map +1 -1
  214. package/dist/Switch.css +141 -69
  215. package/dist/Switch.css.map +1 -1
  216. package/dist/Switch.mjs +107 -74
  217. package/dist/Switch.mjs.map +1 -1
  218. package/dist/TableView.cjs +280 -253
  219. package/dist/TableView.cjs.map +1 -1
  220. package/dist/TableView.css +199 -163
  221. package/dist/TableView.css.map +1 -1
  222. package/dist/TableView.mjs +280 -253
  223. package/dist/TableView.mjs.map +1 -1
  224. package/dist/Tabs.cjs +83 -83
  225. package/dist/Tabs.css +58 -58
  226. package/dist/Tabs.mjs +83 -83
  227. package/dist/TagGroup.cjs +148 -148
  228. package/dist/TagGroup.css +134 -134
  229. package/dist/TagGroup.mjs +148 -148
  230. package/dist/TextField.cjs +59 -59
  231. package/dist/TextField.css +62 -62
  232. package/dist/TextField.mjs +59 -59
  233. package/dist/ToggleButton.cjs +3 -3
  234. package/dist/ToggleButton.css +12 -12
  235. package/dist/ToggleButton.mjs +3 -3
  236. package/dist/Tooltip.cjs +60 -57
  237. package/dist/Tooltip.cjs.map +1 -1
  238. package/dist/Tooltip.css +83 -71
  239. package/dist/Tooltip.css.map +1 -1
  240. package/dist/Tooltip.mjs +60 -57
  241. package/dist/Tooltip.mjs.map +1 -1
  242. package/dist/TreeView.cjs +465 -0
  243. package/dist/TreeView.cjs.map +1 -0
  244. package/dist/TreeView.css +632 -0
  245. package/dist/TreeView.css.map +1 -0
  246. package/dist/TreeView.mjs +455 -0
  247. package/dist/TreeView.mjs.map +1 -0
  248. package/dist/main.cjs +4 -0
  249. package/dist/main.cjs.map +1 -1
  250. package/dist/module.mjs +3 -1
  251. package/dist/module.mjs.map +1 -1
  252. package/dist/types.d.ts +21 -1
  253. package/dist/types.d.ts.map +1 -1
  254. package/icons/Skeleton.cjs +2 -2
  255. package/icons/Skeleton.css +5 -5
  256. package/icons/Skeleton.mjs +2 -2
  257. package/package.json +20 -19
  258. package/src/Menu.tsx +2 -0
  259. package/src/TreeView.tsx +497 -0
  260. package/src/index.ts +2 -0
  261. package/style/__tests__/style-macro.test.js +18 -18
  262. package/style/dist/spectrum-theme.cjs +20 -10
  263. package/style/dist/spectrum-theme.cjs.map +1 -1
  264. package/style/dist/spectrum-theme.mjs +20 -10
  265. package/style/dist/spectrum-theme.mjs.map +1 -1
  266. package/style/dist/types.d.ts +4 -0
  267. package/style/dist/types.d.ts.map +1 -1
  268. package/style/spectrum-theme.ts +18 -11
package/dist/Button.css CHANGED
@@ -1,25 +1,25 @@
1
1
  @layer _.a {
2
- ._Ma {
2
+ ._Pa {
3
3
  outline-style: none;
4
4
  }
5
5
 
6
- ._Mb {
6
+ ._Pb {
7
7
  outline-style: solid;
8
8
  }
9
9
 
10
- .dx {
10
+ .cx {
11
11
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
12
12
  }
13
13
 
14
- .d_____G {
14
+ .c_____G {
15
15
  outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
16
16
  }
17
17
 
18
- ._Oc {
18
+ ._Rc {
19
19
  outline-width: 2px;
20
20
  }
21
21
 
22
- ._N-3t1z {
22
+ ._Q-3t1z {
23
23
  outline-offset: 2px;
24
24
  }
25
25
 
@@ -31,61 +31,61 @@
31
31
  --s2-container-bg: black;
32
32
  }
33
33
 
34
- .Vc {
34
+ .Yc {
35
35
  position: relative;
36
36
  }
37
37
 
38
- ._0d {
38
+ ._3d {
39
39
  display: flex;
40
40
  }
41
41
 
42
- ._2d {
42
+ ._5d {
43
43
  align-items: baseline;
44
44
  }
45
45
 
46
- ._3d {
46
+ ._6d {
47
47
  justify-content: center;
48
48
  }
49
49
 
50
- ._ka {
50
+ ._na {
51
51
  text-align: start;
52
52
  }
53
53
 
54
- .jG {
54
+ .iG {
55
55
  column-gap: .428571em;
56
56
  }
57
57
 
58
- ._da {
58
+ ._ga {
59
59
  font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
60
60
  }
61
61
 
62
- ._ee {
62
+ ._he {
63
63
  font-size: .875rem;
64
64
  }
65
65
 
66
- ._ea {
66
+ ._ha {
67
67
  font-size: .6875rem;
68
68
  }
69
69
 
70
- ._ec {
70
+ ._hc {
71
71
  font-size: .75rem;
72
72
  }
73
73
 
74
- ._eg {
74
+ ._hg {
75
75
  font-size: 1rem;
76
76
  }
77
77
 
78
- ._ei {
78
+ ._hi {
79
79
  font-size: 1.125rem;
80
80
  }
81
81
 
82
- ._fd {
82
+ ._id {
83
83
  font-variation-settings: "wght" 700;
84
84
  font-synthesis-weight: none;
85
85
  font-weight: 700;
86
86
  }
87
87
 
88
- ._ga {
88
+ ._ja {
89
89
  line-height: 1.3;
90
90
  }
91
91
 
@@ -125,181 +125,289 @@
125
125
  color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
126
126
  }
127
127
 
128
- .__Ea {
128
+ .__Ha {
129
129
  -webkit-user-select: none;
130
130
  user-select: none;
131
131
  }
132
132
 
133
- .o-375tou {
134
- min-height: var(--o);
133
+ .n-375tot {
134
+ min-height: var(--n);
135
135
  }
136
136
 
137
- ._wg {
138
- border-start-start-radius: calc(var(--k, var(--o, 9999px)) / 2);
137
+ ._zg {
138
+ border-start-start-radius: calc(var(--j, var(--n, 9999px)) / 2);
139
139
  }
140
140
 
141
- ._xg {
142
- border-start-end-radius: calc(var(--k, var(--o, 9999px)) / 2);
141
+ ._Ag {
142
+ border-start-end-radius: calc(var(--j, var(--n, 9999px)) / 2);
143
143
  }
144
144
 
145
- ._yg {
146
- border-end-start-radius: calc(var(--k, var(--o, 9999px)) / 2);
145
+ ._Bg {
146
+ border-end-start-radius: calc(var(--j, var(--n, 9999px)) / 2);
147
147
  }
148
148
 
149
- ._zg {
150
- border-end-end-radius: calc(var(--k, var(--o, 9999px)) / 2);
149
+ ._Cg {
150
+ border-end-end-radius: calc(var(--j, var(--n, 9999px)) / 2);
151
151
  }
152
152
 
153
- .__oa {
153
+ .__ra {
154
154
  box-sizing: border-box;
155
155
  }
156
156
 
157
- .le {
157
+ .ke {
158
158
  width: fit-content;
159
159
  }
160
160
 
161
- ._md {
161
+ ._pd {
162
162
  text-decoration: none;
163
163
  }
164
164
 
165
- .CJ {
166
- padding-inline-start: calc(var(--k, var(--o)) / 2);
165
+ .FJ {
166
+ padding-inline-start: calc(var(--j, var(--n)) / 2);
167
167
  }
168
168
 
169
- .DJ {
170
- padding-inline-end: calc(var(--k, var(--o)) / 2);
169
+ .GJ {
170
+ padding-inline-end: calc(var(--j, var(--n)) / 2);
171
171
  }
172
172
 
173
- .Ea {
173
+ .Ha {
174
174
  padding-top: 0;
175
175
  }
176
176
 
177
- .Fa {
177
+ .Ia {
178
178
  padding-bottom: 0;
179
179
  }
180
180
 
181
- .wa {
181
+ .za {
182
182
  border-style: solid;
183
183
  }
184
184
 
185
- .u-375tp0 {
186
- border-top-width: var(--u);
185
+ .t-375toz {
186
+ border-top-width: var(--t);
187
187
  }
188
188
 
189
- .v-375tp1 {
190
- border-bottom-width: var(--v);
189
+ .u-375tp0 {
190
+ border-bottom-width: var(--u);
191
191
  }
192
192
 
193
- .sc {
193
+ .rc {
194
194
  border-inline-start-width: 2px;
195
195
  }
196
196
 
197
- .sa {
197
+ .ra {
198
198
  border-inline-start-width: 0;
199
199
  }
200
200
 
201
- .tc {
201
+ .sc {
202
202
  border-inline-end-width: 2px;
203
203
  }
204
204
 
205
- .ta {
205
+ .sa {
206
206
  border-inline-end-width: 0;
207
207
  }
208
208
 
209
- .-_1gogtue_E--1dbqcch {
210
- --labelPadding: calc((var(--o) - var(--u, 0px) - var(--v, 0px) - 1lh) / 2);
209
+ .-_1gogtue_H--1dbqcch {
210
+ --labelPadding: calc((var(--n) - var(--t, 0px) - var(--u, 0px) - 1lh) / 2);
211
211
  }
212
212
 
213
- .-oelgqu_A--177861o {
213
+ .-oelgqu_D--177861o {
214
214
  --iconMargin: -.142857em;
215
215
  }
216
216
 
217
- .cn {
218
- border-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
217
+ .xn {
218
+ border-top-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
219
+ }
220
+
221
+ .xo {
222
+ border-top-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
223
+ }
224
+
225
+ .xj {
226
+ border-top-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
227
+ }
228
+
229
+ .xi {
230
+ border-top-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
231
+ }
232
+
233
+ .x_____E {
234
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
235
+ }
236
+
237
+ .x_____F {
238
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
239
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
240
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
241
+ }
242
+
243
+ .x_____A {
244
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
245
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
246
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
247
+ }
248
+
249
+ .x_____z {
250
+ border-top-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
251
+ }
252
+
253
+ .yn {
254
+ border-bottom-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
255
+ }
256
+
257
+ .yo {
258
+ border-bottom-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
259
+ }
260
+
261
+ .yj {
262
+ border-bottom-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
263
+ }
264
+
265
+ .yi {
266
+ border-bottom-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
267
+ }
268
+
269
+ .y_____E {
270
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
271
+ }
272
+
273
+ .y_____F {
274
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
275
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
276
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
277
+ }
278
+
279
+ .y_____A {
280
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
281
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
282
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
283
+ }
284
+
285
+ .y_____z {
286
+ border-bottom-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
287
+ }
288
+
289
+ .vn {
290
+ border-inline-start-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
291
+ }
292
+
293
+ .vo {
294
+ border-inline-start-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
295
+ }
296
+
297
+ .vj {
298
+ border-inline-start-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
299
+ }
300
+
301
+ .vi {
302
+ border-inline-start-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
303
+ }
304
+
305
+ .v_____E {
306
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
307
+ }
308
+
309
+ .v_____F {
310
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
311
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
312
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
313
+ }
314
+
315
+ .v_____A {
316
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
317
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
318
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
319
+ }
320
+
321
+ .v_____z {
322
+ border-inline-start-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
323
+ }
324
+
325
+ .wn {
326
+ border-inline-end-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
219
327
  }
220
328
 
221
- .co {
222
- border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
329
+ .wo {
330
+ border-inline-end-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
223
331
  }
224
332
 
225
- .cj {
226
- border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
333
+ .wj {
334
+ border-inline-end-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
227
335
  }
228
336
 
229
- .ci {
230
- border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
337
+ .wi {
338
+ border-inline-end-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
231
339
  }
232
340
 
233
- .c_____E {
234
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
341
+ .w_____E {
342
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
235
343
  }
236
344
 
237
- .c_____F {
238
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
239
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
240
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
345
+ .w_____F {
346
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
347
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
348
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
241
349
  }
242
350
 
243
- .c_____A {
244
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
245
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
246
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
351
+ .w_____A {
352
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
353
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
354
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
247
355
  }
248
356
 
249
- .c_____z {
250
- border-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
357
+ .w_____z {
358
+ border-inline-end-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
251
359
  }
252
360
 
253
361
  .b-375toh {
254
362
  background-color: var(--b);
255
363
  }
256
364
 
257
- .-rwx0fg_e-b {
365
+ .-rwx0fg_d-b {
258
366
  --iconPrimary: currentColor;
259
367
  }
260
368
 
261
- ._Ab {
369
+ ._Db {
262
370
  forced-color-adjust: none;
263
371
  }
264
372
 
265
- .__S-yksgrp {
373
+ .__V-yksgrp {
266
374
  -webkit-tap-highlight-color: #0000;
267
375
  }
268
376
 
269
- .-_375tou_o-f {
270
- --o: calc(2rem * var(--s2-scale));
377
+ .-_375tot_n-f {
378
+ --n: calc(2rem * var(--s2-scale));
271
379
  }
272
380
 
273
- .-_375tou_o-g {
274
- --o: calc(1.25rem * var(--s2-scale));
381
+ .-_375tot_n-g {
382
+ --n: calc(1.25rem * var(--s2-scale));
275
383
  }
276
384
 
277
- .-_375tou_o-h {
278
- --o: calc(1.5rem * var(--s2-scale));
385
+ .-_375tot_n-h {
386
+ --n: calc(1.5rem * var(--s2-scale));
279
387
  }
280
388
 
281
- .-_375tou_o-i {
282
- --o: calc(2.5rem * var(--s2-scale));
389
+ .-_375tot_n-i {
390
+ --n: calc(2.5rem * var(--s2-scale));
283
391
  }
284
392
 
285
- .-_375tou_o-j {
286
- --o: calc(3rem * var(--s2-scale));
393
+ .-_375tot_n-j {
394
+ --n: calc(3rem * var(--s2-scale));
287
395
  }
288
396
 
289
- .-_375tp0_u-c {
290
- --u: 2px;
397
+ .-_375toz_t-c {
398
+ --t: 2px;
291
399
  }
292
400
 
293
- .-_375tp0_u-a {
294
- --u: 0px;
401
+ .-_375toz_t-a {
402
+ --t: 0px;
295
403
  }
296
404
 
297
- .-_375tp1_v-c {
298
- --v: 2px;
405
+ .-_375tp0_u-c {
406
+ --u: 2px;
299
407
  }
300
408
 
301
- .-_375tp1_v-a {
302
- --v: 0px;
409
+ .-_375tp0_u-a {
410
+ --u: 0px;
303
411
  }
304
412
 
305
413
  .-_375toh_b-n {
@@ -354,55 +462,55 @@
354
462
  --b: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .11);
355
463
  }
356
464
 
357
- .Ya {
465
+ ._ba {
358
466
  top: 0;
359
467
  }
360
468
 
361
- ._aa {
469
+ ._da {
362
470
  bottom: 0;
363
471
  }
364
472
 
365
- .Wa {
473
+ .Za {
366
474
  inset-inline-start: 0;
367
475
  }
368
476
 
369
- .Xa {
477
+ ._aa {
370
478
  inset-inline-end: 0;
371
479
  }
372
480
 
373
- .__R-3hmpv {
481
+ .__U-3hmpv {
374
482
  z-index: -1;
375
483
  }
376
484
 
377
- ._Pa {
485
+ ._Sa {
378
486
  transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
379
487
  }
380
488
 
381
- ._R-375x7f {
489
+ ._U-375x7f {
382
490
  transition-duration: .15s;
383
491
  }
384
492
 
385
- ._Sa {
493
+ ._Va {
386
494
  transition-timing-function: cubic-bezier(.45, 0, .4, 1);
387
495
  }
388
496
 
389
- ._w-17zqamw {
497
+ ._z-17zqamw {
390
498
  border-start-start-radius: inherit;
391
499
  }
392
500
 
393
- ._x-17zqamw {
501
+ ._A-17zqamw {
394
502
  border-start-end-radius: inherit;
395
503
  }
396
504
 
397
- ._y-17zqamw {
505
+ ._B-17zqamw {
398
506
  border-end-start-radius: inherit;
399
507
  }
400
508
 
401
- ._z-17zqamw {
509
+ ._C-17zqamw {
402
510
  border-end-end-radius: inherit;
403
511
  }
404
512
 
405
- ._C-1bwg29 {
513
+ ._F-1bwg29 {
406
514
  background-image: linear-gradient(to bottom right, var(--g0) 0%, var(--g1) 66%, var(--g2) 100%);
407
515
  --g0: var(--lightningcss-light, #b539c8) var(--lightningcss-dark, #d549eb);
408
516
  --g1: var(--lightningcss-light, #7155fa) var(--lightningcss-dark, #8077fe);
@@ -410,7 +518,7 @@
410
518
  --gp: --g0, --g1, --g2;
411
519
  }
412
520
 
413
- ._C-zh0yy1 {
521
+ ._F-zh0yy1 {
414
522
  background-image: linear-gradient(to bottom right, var(--g0) 0%, var(--g1) 66%, var(--g2) 100%);
415
523
  --g0: var(--lightningcss-light, #9c28af) var(--lightningcss-dark, #e85bfd);
416
524
  --g1: var(--lightningcss-light, #6338ee) var(--lightningcss-dark, #8b8dfe);
@@ -420,7 +528,7 @@
420
528
  background-image: linear-gradient(to bottom right, var(--g0) 0%, var(--g1) 66%, var(--g2) 100%);
421
529
  }
422
530
 
423
- ._C-17z6g7s {
531
+ ._F-17z6g7s {
424
532
  background-image: linear-gradient(to bottom right, var(--g0) 0%, var(--g1) 33%, var(--g2) 100%);
425
533
  --g0: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
426
534
  --g1: var(--lightningcss-light, #d92361) var(--lightningcss-dark, #f37);
@@ -428,7 +536,7 @@
428
536
  --gp: --g0, --g1, --g2;
429
537
  }
430
538
 
431
- ._C-x40uwg {
539
+ ._F-x40uwg {
432
540
  background-image: linear-gradient(to bottom right, var(--g0) 0%, var(--g1) 33%, var(--g2) 100%);
433
541
  --g0: var(--lightningcss-light, #b72818) var(--lightningcss-dark, #ff6756);
434
542
  --g1: var(--lightningcss-light, #ba1650) var(--lightningcss-dark, #ff6095);
@@ -438,195 +546,195 @@
438
546
  background-image: linear-gradient(to bottom right, var(--g0) 0%, var(--g1) 33%, var(--g2) 100%);
439
547
  }
440
548
 
441
- ._C-qey189 {
549
+ ._F-qey189 {
442
550
  background-image: none;
443
551
  }
444
552
 
445
- ._Ba {
553
+ ._Ea {
446
554
  --lightningcss-light: initial;
447
555
  --lightningcss-dark: ;
448
556
  color-scheme: light;
449
557
  color-scheme: light;
450
558
  }
451
559
 
452
- .Va {
560
+ .Ya {
453
561
  position: absolute;
454
562
  }
455
563
 
456
- .Y-3760fj {
564
+ ._b-3760fj {
457
565
  top: 50%;
458
566
  }
459
567
 
460
- .Z-3760fj {
568
+ ._c-3760fj {
461
569
  left: 50%;
462
570
  }
463
571
 
464
- .U-1uu3e5e {
572
+ .X-1uu3e5e {
465
573
  transform: translate(-50%, -50%);
466
574
  }
467
575
 
468
- ._L-3t1x {
576
+ ._O-3t1x {
469
577
  opacity: 0;
470
578
  }
471
579
 
472
- ._L-3t1y {
580
+ ._O-3t1y {
473
581
  opacity: 1;
474
582
  }
475
583
 
476
- .lC {
584
+ .kC {
477
585
  width: calc(.875rem * var(--s2-scale));
478
586
  }
479
587
 
480
- .lG {
588
+ .kG {
481
589
  width: calc(1.125rem * var(--s2-scale));
482
590
  }
483
591
 
484
- .lI {
592
+ .kI {
485
593
  width: calc(1.25rem * var(--s2-scale));
486
594
  }
487
595
 
488
- .lM {
596
+ .kM {
489
597
  width: calc(1.5rem * var(--s2-scale));
490
598
  }
491
599
 
492
- .kC {
600
+ .jC {
493
601
  height: calc(.875rem * var(--s2-scale));
494
602
  }
495
603
 
496
- .kG {
604
+ .jG {
497
605
  height: calc(1.125rem * var(--s2-scale));
498
606
  }
499
607
 
500
- .kI {
608
+ .jI {
501
609
  height: calc(1.25rem * var(--s2-scale));
502
610
  }
503
611
 
504
- .kM {
612
+ .jM {
505
613
  height: calc(1.5rem * var(--s2-scale));
506
614
  }
507
615
 
508
- .E-1gogtue {
616
+ .H-1gogtue {
509
617
  padding-top: var(--labelPadding);
510
618
  }
511
619
 
512
- .F-1gogtue {
620
+ .I-1gogtue {
513
621
  padding-bottom: var(--labelPadding);
514
622
  }
515
623
 
516
- .__B-3t1y {
624
+ .__E-3t1y {
517
625
  order: 1;
518
626
  }
519
627
 
520
- .__B-3t1x {
628
+ .__E-3t1x {
521
629
  order: 0;
522
630
  }
523
631
 
524
- .l-1sthc3k {
632
+ .k-1sthc3k {
525
633
  width: 1.42857em;
526
634
  }
527
635
 
528
- .k-1sthc3k {
636
+ .j-1sthc3k {
529
637
  height: 1.42857em;
530
638
  }
531
639
 
532
- .y-oelgqu {
640
+ .B-oelgqu {
533
641
  margin-inline-start: var(--iconMargin);
534
642
  }
535
643
 
536
- ._9-3t1x {
644
+ .__c-3t1x {
537
645
  flex-shrink: 0;
538
646
  }
539
647
  }
540
648
 
541
649
  @layer _.b {
542
- ._2-soocicc:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
650
+ ._5-soocicc:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
543
651
  align-items: center;
544
652
  }
545
653
 
546
- ._d-enzrfpb:lang(ar) {
654
+ ._g-enzrfpb:lang(ar) {
547
655
  font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
548
656
  }
549
657
 
550
- ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
658
+ ._j-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
551
659
  line-height: 1.5;
552
660
  }
553
661
 
554
- .q-soocicf:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
662
+ .p-soocicf:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
555
663
  min-width: calc(2rem * var(--s2-scale));
556
664
  }
557
665
 
558
- .q-soocicg:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
666
+ .p-soocicg:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
559
667
  min-width: calc(1.25rem * var(--s2-scale));
560
668
  }
561
669
 
562
- .q-soocich:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
670
+ .p-soocich:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
563
671
  min-width: calc(1.5rem * var(--s2-scale));
564
672
  }
565
673
 
566
- .q-soocici:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
674
+ .p-soocici:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
567
675
  min-width: calc(2.5rem * var(--s2-scale));
568
676
  }
569
677
 
570
- .q-soocicj:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
678
+ .p-soocicj:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
571
679
  min-width: calc(3rem * var(--s2-scale));
572
680
  }
573
681
 
574
- .C-soocica:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
682
+ .F-soocica:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
575
683
  padding-inline-start: 0;
576
684
  }
577
685
 
578
- .D-soocica:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
686
+ .G-soocica:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
579
687
  padding-inline-end: 0;
580
688
  }
581
689
 
582
- ._c-soocicb:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
690
+ ._f-soocicb:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
583
691
  aspect-ratio: 1;
584
692
  }
585
693
 
586
- .-oelgqu_A--soocica:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
694
+ .-oelgqu_D--soocica:has([slot="icon"]):not(:has([data-rsp-slot="text"])) {
587
695
  --iconMargin: 0rem;
588
696
  }
589
697
  }
590
698
 
591
699
  @layer _.c {
592
- ._d-enzwzjc:lang(he) {
700
+ ._g-enzwzjc:lang(he) {
593
701
  font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
594
702
  }
595
703
  }
596
704
 
597
705
  @layer _.d {
598
- ._d-enzykdd:lang(ja) {
706
+ ._g-enzykdd:lang(ja) {
599
707
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
600
708
  }
601
709
  }
602
710
 
603
711
  @layer _.e {
604
- ._d-enzzrge:lang(ko) {
712
+ ._g-enzzrge:lang(ko) {
605
713
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
606
714
  }
607
715
  }
608
716
 
609
717
  @layer _.f {
610
- ._d-eo0c6sf:lang(zh) {
718
+ ._g-eo0c6sf:lang(zh) {
611
719
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
612
720
  }
613
721
  }
614
722
 
615
723
  @layer _.g {
616
- ._d-1uotwbwg:lang(zh-hant) {
724
+ ._g-1uotwbwg:lang(zh-hant) {
617
725
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
618
726
  }
619
727
  }
620
728
 
621
729
  @layer _.h {
622
- ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
730
+ ._g-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
623
731
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
624
732
  }
625
733
  }
626
734
 
627
735
  @layer _.b.a {
628
736
  @media (forced-colors: active) {
629
- .da_____M {
737
+ .ca_____M {
630
738
  outline-color: highlight;
631
739
  }
632
740
 
@@ -646,16 +754,52 @@
646
754
  color: graytext;
647
755
  }
648
756
 
649
- .ca_____I {
650
- border-color: buttonborder;
757
+ .xa_____I {
758
+ border-top-color: buttonborder;
651
759
  }
652
760
 
653
- .ca_____M {
654
- border-color: highlight;
761
+ .xa_____M {
762
+ border-top-color: highlight;
763
+ }
764
+
765
+ .xa_____O {
766
+ border-top-color: graytext;
767
+ }
768
+
769
+ .ya_____I {
770
+ border-bottom-color: buttonborder;
771
+ }
772
+
773
+ .ya_____M {
774
+ border-bottom-color: highlight;
775
+ }
776
+
777
+ .ya_____O {
778
+ border-bottom-color: graytext;
779
+ }
780
+
781
+ .va_____I {
782
+ border-inline-start-color: buttonborder;
783
+ }
784
+
785
+ .va_____M {
786
+ border-inline-start-color: highlight;
787
+ }
788
+
789
+ .va_____O {
790
+ border-inline-start-color: graytext;
791
+ }
792
+
793
+ .wa_____I {
794
+ border-inline-end-color: buttonborder;
795
+ }
796
+
797
+ .wa_____M {
798
+ border-inline-end-color: highlight;
655
799
  }
656
800
 
657
- .ca_____O {
658
- border-color: graytext;
801
+ .wa_____O {
802
+ border-inline-end-color: graytext;
659
803
  }
660
804
 
661
805
  .-_375toh_b-a_____K {
@@ -674,7 +818,7 @@
674
818
  --b: ButtonFace;
675
819
  }
676
820
 
677
- ._Ca-qey189 {
821
+ ._Fa-qey189 {
678
822
  background-image: none;
679
823
  }
680
824
  }
@@ -682,27 +826,27 @@
682
826
 
683
827
  @layer _.b.b {
684
828
  @media not ((hover: hover) and (pointer: fine)) {
685
- .jbH {
829
+ .ibH {
686
830
  column-gap: .470588em;
687
831
  }
688
832
 
689
- ._ebf {
833
+ ._hbf {
690
834
  font-size: 1.0625rem;
691
835
  }
692
836
 
693
- ._ebb {
837
+ ._hbb {
694
838
  font-size: .8125rem;
695
839
  }
696
840
 
697
- ._ebd {
841
+ ._hbd {
698
842
  font-size: .9375rem;
699
843
  }
700
844
 
701
- ._ebh {
845
+ ._hbh {
702
846
  font-size: 1.1875rem;
703
847
  }
704
848
 
705
- ._ebj {
849
+ ._hbj {
706
850
  font-size: 1.375rem;
707
851
  }
708
852
  }