@spectrum-web-components/switch 0.40.3 → 0.40.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/custom-elements.json +6 -0
  2. package/package.json +5 -5
  3. package/src/Switch.d.ts +1 -0
  4. package/src/Switch.dev.js.map +2 -2
  5. package/src/Switch.js.map +2 -2
  6. package/src/spectrum-switch.css.dev.js +96 -52
  7. package/src/spectrum-switch.css.dev.js.map +2 -2
  8. package/src/spectrum-switch.css.js +98 -54
  9. package/src/spectrum-switch.css.js.map +2 -2
  10. package/src/switch.css.dev.js +96 -52
  11. package/src/switch.css.dev.js.map +2 -2
  12. package/src/switch.css.js +98 -54
  13. package/src/switch.css.js.map +2 -2
package/src/spectrum-switch.css.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const c=o`
2
2
  :host{--spectrum-switch-label-color-default:var(
3
3
  --spectrum-neutral-content-color-default
4
4
  );--spectrum-switch-label-color-hover:var(
@@ -119,7 +119,7 @@ var(--spectrum-switch-spacing-top-to-control)
119
119
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
120
120
  ) ease-in-out,box-shadow var(
121
121
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
122
- ) ease-in-out}#switch:after{border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)));content:"";display:block;inset-block:0;inset-inline:0;margin:0;position:absolute;transition:opacity var(
122
+ ) ease-in-out}#switch:after{border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2 + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*2);content:"";display:block;inset-block:0;inset-inline:0;margin:0;position:absolute;transition:opacity var(
123
123
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
124
124
  ) ease-out,margin var(
125
125
  --spectrum-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -135,107 +135,151 @@ var(--spectrum-switch-spacing-top-to-control)
135
135
  --highcontrast-switch-handle-border-color-default,var(
136
136
  --mod-switch-handle-border-color-default,var(--spectrum-switch-handle-border-color-default)
137
137
  )
138
- )}:host(:hover) #input+#switch:before{border-color:var(
139
- --highcontrast-switch-handle-border-color-hover,var(
140
- --mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)
138
+ )}:host(:active) #input+#switch:before{border-color:var(
139
+ --highcontrast-switch-handle-border-color-down,var(
140
+ --mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)
141
141
  )
142
- );box-shadow:none}:host(:hover) #input~#label{color:var(
143
- --highcontrast-switch-label-color-hover,var(
144
- --mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)
142
+ )}:host(:active) #input~#label{color:var(
143
+ --highcontrast-switch-label-color-down,var(
144
+ --mod-switch-label-color-down,var(--spectrum-switch-label-color-down)
145
145
  )
146
- )}:host([checked]:hover) #input:enabled+#switch{background-color:var(
147
- --highcontrast-switch-background-color-selected-hover,var(
148
- --mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)
146
+ )}:host(:active[checked]) #input:enabled+#switch{background-color:var(
147
+ --highcontrast-switch-background-color-selected-down,var(
148
+ --mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)
149
149
  )
150
- )}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(
151
- --highcontrast-switch-handle-border-color-selected-hover,var(
152
- --mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)
150
+ )}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(
151
+ --highcontrast-switch-handle-border-color-selected-down,var(
152
+ --mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)
153
153
  )
154
- )}:host([disabled]:hover) #input+#switch{background-color:var(
155
- --highcontrast-switch-background-color-disabled,var(
156
- --mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)
154
+ )}#input.focus-visible+#switch:after{box-shadow:0 0 0 var(
155
+ --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
156
+ ) var(
157
+ --highcontrast-switch-focus-indicator-color,var(
158
+ --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
157
159
  )
158
- )}:host([disabled]:hover) #input+#switch:before{border-color:var(
160
+ )}#input:focus-visible+#switch:after{box-shadow:0 0 0 var(
161
+ --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
162
+ ) var(
163
+ --highcontrast-switch-focus-indicator-color,var(
164
+ --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
165
+ )
166
+ )}#input.focus-visible+#switch:before{border-color:var(
167
+ --highcontrast-switch-handle-border-color-focus,var(
168
+ --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
169
+ )
170
+ )}#input:focus-visible+#switch:before{border-color:var(
171
+ --highcontrast-switch-handle-border-color-focus,var(
172
+ --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
173
+ )
174
+ )}:host([checked]) #input.focus-visible+#switch{background-color:var(
175
+ --highcontrast-switch-background-color-selected-focus,var(
176
+ --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
177
+ )
178
+ )}:host([checked]) #input:focus-visible+#switch{background-color:var(
179
+ --highcontrast-switch-background-color-selected-focus,var(
180
+ --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
181
+ )
182
+ )}:host([checked]) #input.focus-visible+#switch:before{border-color:var(
183
+ --highcontrast-switch-handle-border-color-selected-focus,var(
184
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
185
+ )
186
+ )}:host([checked]) #input:focus-visible+#switch:before{border-color:var(
187
+ --highcontrast-switch-handle-border-color-selected-focus,var(
188
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
189
+ )
190
+ )}#input.focus-visible~#label{color:var(
191
+ --highcontrast-switch-label-color-focus,var(
192
+ --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
193
+ )
194
+ )}#input:focus-visible~#label{color:var(
195
+ --highcontrast-switch-label-color-focus,var(
196
+ --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
197
+ )
198
+ )}@media (hover:hover){:host([disabled][checked]:hover) #input+#switch:before{border-color:var(
159
199
  --highcontrast-switch-handle-border-color-disabled,var(
160
200
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
161
201
  )
162
- )}:host([disabled]:hover) #input~#label{color:var(
163
- --highcontrast-switch-label-color-disabled,var(
164
- --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
202
+ )}:host([disabled]:hover) #input+#switch:before{border-color:var(
203
+ --highcontrast-switch-handle-border-color-disabled,var(
204
+ --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
165
205
  )
166
206
  )}:host([disabled][checked]:hover) #input+#switch{background-color:var(
167
207
  --highcontrast-switch-background-color-selected-disabled,var(
168
208
  --mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)
169
209
  )
170
- )}:host([disabled][checked]:hover) #input+#switch:before{border-color:var(
171
- --highcontrast-switch-handle-border-color-disabled,var(
172
- --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
173
- )
174
210
  )}:host([disabled][checked]:hover) #input~#label{color:var(
175
211
  --highcontrast-switch-label-color-disabled,var(
176
212
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
177
213
  )
178
- )}:host(:active) #input+#switch:before{border-color:var(
179
- --highcontrast-switch-handle-border-color-down,var(
180
- --mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)
214
+ )}:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
215
+ --highcontrast-switch-handle-border-color-selected-focus,var(
216
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
181
217
  )
182
- )}:host(:active) #input~#label{color:var(
183
- --highcontrast-switch-label-color-down,var(
184
- --mod-switch-label-color-down,var(--spectrum-switch-label-color-down)
218
+ )}:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
219
+ --highcontrast-switch-handle-border-color-selected-focus,var(
220
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
185
221
  )
186
- )}:host(:active[checked]) #input:enabled+#switch{background-color:var(
187
- --highcontrast-switch-background-color-selected-down,var(
188
- --mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)
222
+ )}:host(:hover) #input+#switch:before{border-color:var(
223
+ --highcontrast-switch-handle-border-color-hover,var(
224
+ --mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)
189
225
  )
190
- )}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(
191
- --highcontrast-switch-handle-border-color-selected-down,var(
192
- --mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)
226
+ );box-shadow:none}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(
227
+ --highcontrast-switch-handle-border-color-selected-hover,var(
228
+ --mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)
229
+ )
230
+ )}:host([disabled]:hover) #input+#switch{background-color:var(
231
+ --highcontrast-switch-background-color-disabled,var(
232
+ --mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)
193
233
  )
194
- )}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
234
+ )}:host([disabled]:hover) #input~#label{color:var(
235
+ --highcontrast-switch-label-color-disabled,var(
236
+ --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
237
+ )
238
+ )}:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
195
239
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
196
240
  ) var(
197
241
  --highcontrast-switch-focus-indicator-color,var(
198
242
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
199
243
  )
200
- )}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
244
+ )}:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
201
245
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
202
246
  ) var(
203
247
  --highcontrast-switch-focus-indicator-color,var(
204
248
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
205
249
  )
206
- )}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(
250
+ )}:host(:hover) #input.focus-visible+#switch:before{border-color:var(
207
251
  --highcontrast-switch-handle-border-color-focus,var(
208
252
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
209
253
  )
210
- )}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(
254
+ )}:host(:hover) #input:focus-visible+#switch:before{border-color:var(
211
255
  --highcontrast-switch-handle-border-color-focus,var(
212
256
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
213
257
  )
214
- )}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
258
+ )}:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
215
259
  --highcontrast-switch-background-color-selected-focus,var(
216
260
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
217
261
  )
218
- )}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
262
+ )}:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
219
263
  --highcontrast-switch-background-color-selected-focus,var(
220
264
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
221
265
  )
222
- )}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
223
- --highcontrast-switch-handle-border-color-selected-focus,var(
224
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
266
+ )}:host(:hover) #input~#label{color:var(
267
+ --highcontrast-switch-label-color-hover,var(
268
+ --mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)
225
269
  )
226
- )}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
227
- --highcontrast-switch-handle-border-color-selected-focus,var(
228
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
270
+ )}:host([checked]:hover) #input:enabled+#switch{background-color:var(
271
+ --highcontrast-switch-background-color-selected-hover,var(
272
+ --mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)
229
273
  )
230
- )}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(
274
+ )}:host(:hover) #input.focus-visible~#label{color:var(
231
275
  --highcontrast-switch-label-color-focus,var(
232
276
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
233
277
  )
234
- )}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(
278
+ )}:host(:hover) #input:focus-visible~#label{color:var(
235
279
  --highcontrast-switch-label-color-focus,var(
236
280
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
237
281
  )
238
- )}:host([checked]) #input+#switch{background-color:var(
282
+ )}}:host([checked]) #input+#switch{background-color:var(
239
283
  --highcontrast-switch-background-color-selected-default,var(
240
284
  --mod-switch-background-color-selected-default,var(--spectrum-switch-background-color-selected-default)
241
285
  )
@@ -263,7 +307,7 @@ var(--spectrum-switch-spacing-top-to-control)
263
307
  --highcontrast-switch-label-color-disabled,var(
264
308
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
265
309
  )
266
- )}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--spectrum-switch-handle-border-color-default:var(
310
+ )}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}@media (hover:hover){:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}}:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--spectrum-switch-handle-border-color-default:var(
267
311
  --system-spectrum-switch-handle-border-color-default
268
312
  );--spectrum-switch-handle-border-color-hover:var(
269
313
  --system-spectrum-switch-handle-border-color-hover
@@ -280,5 +324,5 @@ var(--spectrum-switch-spacing-top-to-control)
280
324
  );--spectrum-switch-handle-border-color-selected-focus:var(
281
325
  --system-spectrum-switch-handle-border-color-selected-focus
282
326
  )}
283
- `;export default t;
327
+ `;export default c;
284
328
  //# sourceMappingURL=spectrum-switch.css.js.map
package/src/spectrum-switch.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-switch.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-switch-label-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-switch-label-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-switch-label-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-switch-label-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-switch-label-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-switch-background-color:var(--spectrum-gray-300);--spectrum-switch-background-color-disabled:var(--spectrum-gray-300);--spectrum-switch-background-color-selected-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-switch-background-color-selected-default:var(\n--spectrum-neutral-background-color-selected-default\n);--spectrum-switch-background-color-selected-hover:var(\n--spectrum-neutral-background-color-selected-hover\n);--spectrum-switch-background-color-selected-down:var(\n--spectrum-neutral-background-color-selected-down\n);--spectrum-switch-background-color-selected-focus:var(\n--spectrum-neutral-background-color-selected-key-focus\n);--spectrum-switch-focus-indicator-thickness:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n);--spectrum-switch-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-switch-handle-background-color:var(--spectrum-gray-75);--spectrum-switch-handle-border-color-disabled:var(\n--spectrum-disabled-content-color\n)}:host([disabled]){--spectrum-switch-label-color-default:var(\n--spectrum-disabled-content-color\n)}:host([emphasized]){--spectrum-switch-background-color-selected-default:var(\n--spectrum-accent-color-900\n);--spectrum-switch-background-color-selected-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-switch-background-color-selected-down:var(\n--spectrum-accent-color-1100\n);--spectrum-switch-background-color-selected-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-switch-handle-border-color-selected-default:var(\n--spectrum-accent-color-900\n);--spectrum-switch-handle-border-color-selected-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-switch-handle-border-color-selected-down:var(\n--spectrum-accent-color-1100\n);--spectrum-switch-handle-border-color-selected-focus:var(\n--spectrum-accent-color-1000\n)}:host([size=s]){--spectrum-switch-min-height:var(--spectrum-component-height-75);--spectrum-switch-control-width:var(--spectrum-switch-control-width-small);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-small\n);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-75);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-small\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-switch-font-size:var(--spectrum-font-size-75)}:host{--spectrum-switch-min-height:var(--spectrum-component-height-100);--spectrum-switch-control-width:var(\n--spectrum-switch-control-width-medium\n);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-medium\n);--spectrum-switch-control-label-spacing:var(\n--spectrum-text-to-control-100\n);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-medium\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-switch-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-switch-min-height:var(--spectrum-component-height-200);--spectrum-switch-control-width:var(--spectrum-switch-control-width-large);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-large\n);--spectrum-switch-control-label-spacing:var(\n--spectrum-text-to-control-200\n);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-large\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-switch-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-switch-min-height:var(--spectrum-component-height-300);--spectrum-switch-control-width:var(\n--spectrum-switch-control-width-extra-large\n);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-extra-large\n);--spectrum-switch-control-label-spacing:var(\n--spectrum-text-to-control-300\n);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-extra-large\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-switch-font-size:var(--spectrum-font-size-300)}:host{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-switch-height,var(--spectrum-switch-min-height));position:relative;vertical-align:top}#input{block-size:100%;box-sizing:border-box;cursor:pointer;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;padding:0;position:absolute;z-index:1}:host([dir=ltr][checked]) #input+#switch:before{transform:translateX(calc(var(\n--mod-switch-control-width,\nvar(--spectrum-switch-control-width)\n) - 100%))}:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(\n--mod-switch-control-width,\nvar(--spectrum-switch-control-width)\n) - 100%)*-1))}:host([disabled]) #input{cursor:default}#input.focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(\n--highcontrast-switch-label-color-default,var(\n--mod-switch-label-color-default,var(--spectrum-switch-label-color-default)\n)\n);font-size:var(--mod-switch-font-size,var(--spectrum-switch-font-size));line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin-block-end:0;margin-block-start:var(\n--mod-switch-spacing-top-to-label,var(--spectrum-switch-spacing-top-to-label)\n);margin-inline:var(\n--mod-switch-control-label-spacing,var(--spectrum-switch-control-label-spacing)\n);transition:color var(\n--mod-animation-duration-200,var(--spectrum-animation-duration-200)\n) ease-in-out}#switch{block-size:var(\n--mod-switch-control-height,var(--spectrum-switch-control-height)\n);border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2);box-sizing:border-box;display:inline-block;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-switch-control-width,var(--spectrum-switch-control-width)\n);inset-inline:0;margin-block:calc(var(--mod-switch-height, var(--spectrum-switch-min-height)) - var(\n--mod-switch-control-height,\nvar(--spectrum-switch-control-height)\n) - var(\n--mod-switch-spacing-top-to-control,\nvar(--spectrum-switch-spacing-top-to-control)\n));margin-inline:0;position:relative;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,border var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out;vertical-align:middle}#switch:before{box-sizing:border-box;content:\"\";display:block;position:absolute}#switch:before{block-size:var(\n--mod-switch-control-height,var(--spectrum-switch-control-height)\n);border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2);border-style:solid;border-width:var(--mod-border-width-200,var(--spectrum-border-width-200));inline-size:var(\n--mod-switch-control-height,var(--spectrum-switch-control-height)\n);inset-block-start:0;inset-inline-start:0;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,border var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,transform var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out}#switch:after{border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)));content:\"\";display:block;inset-block:0;inset-inline:0;margin:0;position:absolute;transition:opacity var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,margin var(\n--spectrum-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out}#switch{background-color:var(\n--highcontrast-switch-background-color,var(\n--mod-switch-background-color,var(--spectrum-switch-background-color)\n)\n)}#switch:before{background-color:var(\n--highcontrast-switch-handle-background-color,var(\n--mod-switch-handle-background-color,var(--spectrum-switch-handle-background-color)\n)\n);border-color:var(\n--highcontrast-switch-handle-border-color-default,var(\n--mod-switch-handle-border-color-default,var(--spectrum-switch-handle-border-color-default)\n)\n)}:host(:hover) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-hover,var(\n--mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)\n)\n);box-shadow:none}:host(:hover) #input~#label{color:var(\n--highcontrast-switch-label-color-hover,var(\n--mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)\n)\n)}:host([checked]:hover) #input:enabled+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-hover,var(\n--mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)\n)\n)}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-hover,var(\n--mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)\n)\n)}:host([disabled]:hover) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-disabled,var(\n--mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)\n)\n)}:host([disabled]:hover) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled]:hover) #input~#label{color:var(\n--highcontrast-switch-label-color-disabled,var(\n--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)\n)\n)}:host([disabled][checked]:hover) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-disabled,var(\n--mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)\n)\n)}:host([disabled][checked]:hover) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled][checked]:hover) #input~#label{color:var(\n--highcontrast-switch-label-color-disabled,var(\n--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)\n)\n)}:host(:active) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-down,var(\n--mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)\n)\n)}:host(:active) #input~#label{color:var(\n--highcontrast-switch-label-color-down,var(\n--mod-switch-label-color-down,var(--spectrum-switch-label-color-down)\n)\n)}:host(:active[checked]) #input:enabled+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-down,var(\n--mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)\n)\n)}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-down,var(\n--mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)\n)\n)}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(\n--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)\n) var(\n--highcontrast-switch-focus-indicator-color,var(\n--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)\n)\n)}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(\n--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)\n) var(\n--highcontrast-switch-focus-indicator-color,var(\n--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)\n)\n)}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-focus,var(\n--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)\n)\n)}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-focus,var(\n--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)\n)\n)}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-focus,var(\n--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)\n)\n)}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-focus,var(\n--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)\n)\n)}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-focus,var(\n--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)\n)\n)}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-focus,var(\n--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)\n)\n)}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(\n--highcontrast-switch-label-color-focus,var(\n--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)\n)\n)}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(\n--highcontrast-switch-label-color-focus,var(\n--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)\n)\n)}:host([checked]) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-default,var(\n--mod-switch-background-color-selected-default,var(--spectrum-switch-background-color-selected-default)\n)\n)}:host([checked]) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-default,var(\n--mod-switch-handle-border-color-selected-default,var(--spectrum-switch-handle-border-color-selected-default)\n)\n)}:host([disabled]) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-disabled,var(\n--mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)\n)\n)}:host([disabled]) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled][checked]) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-disabled,var(\n--mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)\n)\n)}:host([disabled][checked]) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled]) #input~#label{color:var(\n--highcontrast-switch-label-color-disabled,var(\n--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)\n)\n)}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--spectrum-switch-handle-border-color-default:var(\n--system-spectrum-switch-handle-border-color-default\n);--spectrum-switch-handle-border-color-hover:var(\n--system-spectrum-switch-handle-border-color-hover\n);--spectrum-switch-handle-border-color-down:var(\n--system-spectrum-switch-handle-border-color-down\n);--spectrum-switch-handle-border-color-focus:var(\n--system-spectrum-switch-handle-border-color-focus\n);--spectrum-switch-handle-border-color-selected-default:var(\n--system-spectrum-switch-handle-border-color-selected-default\n);--spectrum-switch-handle-border-color-selected-hover:var(\n--system-spectrum-switch-handle-border-color-selected-hover\n);--spectrum-switch-handle-border-color-selected-down:var(\n--system-spectrum-switch-handle-border-color-selected-down\n);--spectrum-switch-handle-border-color-selected-focus:var(\n--system-spectrum-switch-handle-border-color-selected-focus\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Rf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-switch-label-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-switch-label-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-switch-label-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-switch-label-color-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-switch-label-color-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-switch-background-color:var(--spectrum-gray-300);--spectrum-switch-background-color-disabled:var(--spectrum-gray-300);--spectrum-switch-background-color-selected-disabled:var(\n--spectrum-disabled-content-color\n);--spectrum-switch-background-color-selected-default:var(\n--spectrum-neutral-background-color-selected-default\n);--spectrum-switch-background-color-selected-hover:var(\n--spectrum-neutral-background-color-selected-hover\n);--spectrum-switch-background-color-selected-down:var(\n--spectrum-neutral-background-color-selected-down\n);--spectrum-switch-background-color-selected-focus:var(\n--spectrum-neutral-background-color-selected-key-focus\n);--spectrum-switch-focus-indicator-thickness:var(\n--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness)\n);--spectrum-switch-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-switch-handle-background-color:var(--spectrum-gray-75);--spectrum-switch-handle-border-color-disabled:var(\n--spectrum-disabled-content-color\n)}:host([disabled]){--spectrum-switch-label-color-default:var(\n--spectrum-disabled-content-color\n)}:host([emphasized]){--spectrum-switch-background-color-selected-default:var(\n--spectrum-accent-color-900\n);--spectrum-switch-background-color-selected-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-switch-background-color-selected-down:var(\n--spectrum-accent-color-1100\n);--spectrum-switch-background-color-selected-focus:var(\n--spectrum-accent-color-1000\n);--spectrum-switch-handle-border-color-selected-default:var(\n--spectrum-accent-color-900\n);--spectrum-switch-handle-border-color-selected-hover:var(\n--spectrum-accent-color-1000\n);--spectrum-switch-handle-border-color-selected-down:var(\n--spectrum-accent-color-1100\n);--spectrum-switch-handle-border-color-selected-focus:var(\n--spectrum-accent-color-1000\n)}:host([size=s]){--spectrum-switch-min-height:var(--spectrum-component-height-75);--spectrum-switch-control-width:var(--spectrum-switch-control-width-small);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-small\n);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-75);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-small\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-switch-font-size:var(--spectrum-font-size-75)}:host{--spectrum-switch-min-height:var(--spectrum-component-height-100);--spectrum-switch-control-width:var(\n--spectrum-switch-control-width-medium\n);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-medium\n);--spectrum-switch-control-label-spacing:var(\n--spectrum-text-to-control-100\n);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-medium\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-switch-font-size:var(--spectrum-font-size-100)}:host([size=l]){--spectrum-switch-min-height:var(--spectrum-component-height-200);--spectrum-switch-control-width:var(--spectrum-switch-control-width-large);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-large\n);--spectrum-switch-control-label-spacing:var(\n--spectrum-text-to-control-200\n);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-large\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-switch-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-switch-min-height:var(--spectrum-component-height-300);--spectrum-switch-control-width:var(\n--spectrum-switch-control-width-extra-large\n);--spectrum-switch-control-height:var(\n--spectrum-switch-control-height-extra-large\n);--spectrum-switch-control-label-spacing:var(\n--spectrum-text-to-control-300\n);--spectrum-switch-spacing-top-to-control:var(\n--spectrum-switch-top-to-control-extra-large\n);--spectrum-switch-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-switch-font-size:var(--spectrum-font-size-300)}:host{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--mod-switch-height,var(--spectrum-switch-min-height));position:relative;vertical-align:top}#input{block-size:100%;box-sizing:border-box;cursor:pointer;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;padding:0;position:absolute;z-index:1}:host([dir=ltr][checked]) #input+#switch:before{transform:translateX(calc(var(\n--mod-switch-control-width,\nvar(--spectrum-switch-control-width)\n) - 100%))}:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(\n--mod-switch-control-width,\nvar(--spectrum-switch-control-width)\n) - 100%)*-1))}:host([disabled]) #input{cursor:default}#input.focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(\n--highcontrast-switch-label-color-default,var(\n--mod-switch-label-color-default,var(--spectrum-switch-label-color-default)\n)\n);font-size:var(--mod-switch-font-size,var(--spectrum-switch-font-size));line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin-block-end:0;margin-block-start:var(\n--mod-switch-spacing-top-to-label,var(--spectrum-switch-spacing-top-to-label)\n);margin-inline:var(\n--mod-switch-control-label-spacing,var(--spectrum-switch-control-label-spacing)\n);transition:color var(\n--mod-animation-duration-200,var(--spectrum-animation-duration-200)\n) ease-in-out}#switch{block-size:var(\n--mod-switch-control-height,var(--spectrum-switch-control-height)\n);border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2);box-sizing:border-box;display:inline-block;flex-grow:0;flex-shrink:0;inline-size:var(\n--mod-switch-control-width,var(--spectrum-switch-control-width)\n);inset-inline:0;margin-block:calc(var(--mod-switch-height, var(--spectrum-switch-min-height)) - var(\n--mod-switch-control-height,\nvar(--spectrum-switch-control-height)\n) - var(\n--mod-switch-spacing-top-to-control,\nvar(--spectrum-switch-spacing-top-to-control)\n));margin-inline:0;position:relative;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,border var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out;vertical-align:middle}#switch:before{box-sizing:border-box;content:\"\";display:block;position:absolute}#switch:before{block-size:var(\n--mod-switch-control-height,var(--spectrum-switch-control-height)\n);border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2);border-style:solid;border-width:var(--mod-border-width-200,var(--spectrum-border-width-200));inline-size:var(\n--mod-switch-control-height,var(--spectrum-switch-control-height)\n);inset-block-start:0;inset-inline-start:0;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,border var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,transform var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-in-out}#switch:after{border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2 + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*2);content:\"\";display:block;inset-block:0;inset-inline:0;margin:0;position:absolute;transition:opacity var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,margin var(\n--spectrum-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out}#switch{background-color:var(\n--highcontrast-switch-background-color,var(\n--mod-switch-background-color,var(--spectrum-switch-background-color)\n)\n)}#switch:before{background-color:var(\n--highcontrast-switch-handle-background-color,var(\n--mod-switch-handle-background-color,var(--spectrum-switch-handle-background-color)\n)\n);border-color:var(\n--highcontrast-switch-handle-border-color-default,var(\n--mod-switch-handle-border-color-default,var(--spectrum-switch-handle-border-color-default)\n)\n)}:host(:active) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-down,var(\n--mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)\n)\n)}:host(:active) #input~#label{color:var(\n--highcontrast-switch-label-color-down,var(\n--mod-switch-label-color-down,var(--spectrum-switch-label-color-down)\n)\n)}:host(:active[checked]) #input:enabled+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-down,var(\n--mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)\n)\n)}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-down,var(\n--mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)\n)\n)}#input.focus-visible+#switch:after{box-shadow:0 0 0 var(\n--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)\n) var(\n--highcontrast-switch-focus-indicator-color,var(\n--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)\n)\n)}#input:focus-visible+#switch:after{box-shadow:0 0 0 var(\n--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)\n) var(\n--highcontrast-switch-focus-indicator-color,var(\n--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)\n)\n)}#input.focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-focus,var(\n--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)\n)\n)}#input:focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-focus,var(\n--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)\n)\n)}:host([checked]) #input.focus-visible+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-focus,var(\n--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)\n)\n)}:host([checked]) #input:focus-visible+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-focus,var(\n--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)\n)\n)}:host([checked]) #input.focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-focus,var(\n--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)\n)\n)}:host([checked]) #input:focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-focus,var(\n--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)\n)\n)}#input.focus-visible~#label{color:var(\n--highcontrast-switch-label-color-focus,var(\n--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)\n)\n)}#input:focus-visible~#label{color:var(\n--highcontrast-switch-label-color-focus,var(\n--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)\n)\n)}@media (hover:hover){:host([disabled][checked]:hover) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled]:hover) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled][checked]:hover) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-disabled,var(\n--mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)\n)\n)}:host([disabled][checked]:hover) #input~#label{color:var(\n--highcontrast-switch-label-color-disabled,var(\n--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)\n)\n)}:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-focus,var(\n--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)\n)\n)}:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-focus,var(\n--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)\n)\n)}:host(:hover) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-hover,var(\n--mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)\n)\n);box-shadow:none}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-hover,var(\n--mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)\n)\n)}:host([disabled]:hover) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-disabled,var(\n--mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)\n)\n)}:host([disabled]:hover) #input~#label{color:var(\n--highcontrast-switch-label-color-disabled,var(\n--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)\n)\n)}:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(\n--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)\n) var(\n--highcontrast-switch-focus-indicator-color,var(\n--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)\n)\n)}:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(\n--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)\n) var(\n--highcontrast-switch-focus-indicator-color,var(\n--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)\n)\n)}:host(:hover) #input.focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-focus,var(\n--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)\n)\n)}:host(:hover) #input:focus-visible+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-focus,var(\n--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)\n)\n)}:host([checked]:hover) #input.focus-visible+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-focus,var(\n--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)\n)\n)}:host([checked]:hover) #input:focus-visible+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-focus,var(\n--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)\n)\n)}:host(:hover) #input~#label{color:var(\n--highcontrast-switch-label-color-hover,var(\n--mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)\n)\n)}:host([checked]:hover) #input:enabled+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-hover,var(\n--mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)\n)\n)}:host(:hover) #input.focus-visible~#label{color:var(\n--highcontrast-switch-label-color-focus,var(\n--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)\n)\n)}:host(:hover) #input:focus-visible~#label{color:var(\n--highcontrast-switch-label-color-focus,var(\n--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)\n)\n)}}:host([checked]) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-default,var(\n--mod-switch-background-color-selected-default,var(--spectrum-switch-background-color-selected-default)\n)\n)}:host([checked]) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-selected-default,var(\n--mod-switch-handle-border-color-selected-default,var(--spectrum-switch-handle-border-color-selected-default)\n)\n)}:host([disabled]) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-disabled,var(\n--mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)\n)\n)}:host([disabled]) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled][checked]) #input+#switch{background-color:var(\n--highcontrast-switch-background-color-selected-disabled,var(\n--mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)\n)\n)}:host([disabled][checked]) #input+#switch:before{border-color:var(\n--highcontrast-switch-handle-border-color-disabled,var(\n--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)\n)\n)}:host([disabled]) #input~#label{color:var(\n--highcontrast-switch-label-color-disabled,var(\n--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)\n)\n)}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}@media (hover:hover){:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}}:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--spectrum-switch-handle-border-color-default:var(\n--system-spectrum-switch-handle-border-color-default\n);--spectrum-switch-handle-border-color-hover:var(\n--system-spectrum-switch-handle-border-color-hover\n);--spectrum-switch-handle-border-color-down:var(\n--system-spectrum-switch-handle-border-color-down\n);--spectrum-switch-handle-border-color-focus:var(\n--system-spectrum-switch-handle-border-color-focus\n);--spectrum-switch-handle-border-color-selected-default:var(\n--system-spectrum-switch-handle-border-color-selected-default\n);--spectrum-switch-handle-border-color-selected-hover:var(\n--system-spectrum-switch-handle-border-color-selected-hover\n);--spectrum-switch-handle-border-color-selected-down:var(\n--system-spectrum-switch-handle-border-color-selected-down\n);--spectrum-switch-handle-border-color-selected-focus:var(\n--system-spectrum-switch-handle-border-color-selected-focus\n)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuUf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/switch.css.dev.js CHANGED
@@ -121,7 +121,7 @@ var(--spectrum-switch-spacing-top-to-control)
121
121
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
122
122
  ) ease-in-out,box-shadow var(
123
123
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
124
- ) ease-in-out}#switch:after{border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)));content:"";display:block;inset-block:0;inset-inline:0;margin:0;position:absolute;transition:opacity var(
124
+ ) ease-in-out}#switch:after{border-radius:calc(var(--mod-switch-control-height, var(--spectrum-switch-control-height))/2 + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*2);content:"";display:block;inset-block:0;inset-inline:0;margin:0;position:absolute;transition:opacity var(
125
125
  --mod-animation-duration-100,var(--spectrum-animation-duration-100)
126
126
  ) ease-out,margin var(
127
127
  --spectrum-animation-duration-100,var(--spectrum-animation-duration-100)
@@ -137,107 +137,151 @@ var(--spectrum-switch-spacing-top-to-control)
137
137
  --highcontrast-switch-handle-border-color-default,var(
138
138
  --mod-switch-handle-border-color-default,var(--spectrum-switch-handle-border-color-default)
139
139
  )
140
- )}:host(:hover) #input+#switch:before{border-color:var(
141
- --highcontrast-switch-handle-border-color-hover,var(
142
- --mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)
140
+ )}:host(:active) #input+#switch:before{border-color:var(
141
+ --highcontrast-switch-handle-border-color-down,var(
142
+ --mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)
143
143
  )
144
- );box-shadow:none}:host(:hover) #input~#label{color:var(
145
- --highcontrast-switch-label-color-hover,var(
146
- --mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)
144
+ )}:host(:active) #input~#label{color:var(
145
+ --highcontrast-switch-label-color-down,var(
146
+ --mod-switch-label-color-down,var(--spectrum-switch-label-color-down)
147
147
  )
148
- )}:host([checked]:hover) #input:enabled+#switch{background-color:var(
149
- --highcontrast-switch-background-color-selected-hover,var(
150
- --mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)
148
+ )}:host(:active[checked]) #input:enabled+#switch{background-color:var(
149
+ --highcontrast-switch-background-color-selected-down,var(
150
+ --mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)
151
151
  )
152
- )}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(
153
- --highcontrast-switch-handle-border-color-selected-hover,var(
154
- --mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)
152
+ )}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(
153
+ --highcontrast-switch-handle-border-color-selected-down,var(
154
+ --mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)
155
155
  )
156
- )}:host([disabled]:hover) #input+#switch{background-color:var(
157
- --highcontrast-switch-background-color-disabled,var(
158
- --mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)
156
+ )}#input.focus-visible+#switch:after{box-shadow:0 0 0 var(
157
+ --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
158
+ ) var(
159
+ --highcontrast-switch-focus-indicator-color,var(
160
+ --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
159
161
  )
160
- )}:host([disabled]:hover) #input+#switch:before{border-color:var(
162
+ )}#input:focus-visible+#switch:after{box-shadow:0 0 0 var(
163
+ --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
164
+ ) var(
165
+ --highcontrast-switch-focus-indicator-color,var(
166
+ --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
167
+ )
168
+ )}#input.focus-visible+#switch:before{border-color:var(
169
+ --highcontrast-switch-handle-border-color-focus,var(
170
+ --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
171
+ )
172
+ )}#input:focus-visible+#switch:before{border-color:var(
173
+ --highcontrast-switch-handle-border-color-focus,var(
174
+ --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
175
+ )
176
+ )}:host([checked]) #input.focus-visible+#switch{background-color:var(
177
+ --highcontrast-switch-background-color-selected-focus,var(
178
+ --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
179
+ )
180
+ )}:host([checked]) #input:focus-visible+#switch{background-color:var(
181
+ --highcontrast-switch-background-color-selected-focus,var(
182
+ --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
183
+ )
184
+ )}:host([checked]) #input.focus-visible+#switch:before{border-color:var(
185
+ --highcontrast-switch-handle-border-color-selected-focus,var(
186
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
187
+ )
188
+ )}:host([checked]) #input:focus-visible+#switch:before{border-color:var(
189
+ --highcontrast-switch-handle-border-color-selected-focus,var(
190
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
191
+ )
192
+ )}#input.focus-visible~#label{color:var(
193
+ --highcontrast-switch-label-color-focus,var(
194
+ --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
195
+ )
196
+ )}#input:focus-visible~#label{color:var(
197
+ --highcontrast-switch-label-color-focus,var(
198
+ --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
199
+ )
200
+ )}@media (hover:hover){:host([disabled][checked]:hover) #input+#switch:before{border-color:var(
161
201
  --highcontrast-switch-handle-border-color-disabled,var(
162
202
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
163
203
  )
164
- )}:host([disabled]:hover) #input~#label{color:var(
165
- --highcontrast-switch-label-color-disabled,var(
166
- --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
204
+ )}:host([disabled]:hover) #input+#switch:before{border-color:var(
205
+ --highcontrast-switch-handle-border-color-disabled,var(
206
+ --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
167
207
  )
168
208
  )}:host([disabled][checked]:hover) #input+#switch{background-color:var(
169
209
  --highcontrast-switch-background-color-selected-disabled,var(
170
210
  --mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)
171
211
  )
172
- )}:host([disabled][checked]:hover) #input+#switch:before{border-color:var(
173
- --highcontrast-switch-handle-border-color-disabled,var(
174
- --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
175
- )
176
212
  )}:host([disabled][checked]:hover) #input~#label{color:var(
177
213
  --highcontrast-switch-label-color-disabled,var(
178
214
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
179
215
  )
180
- )}:host(:active) #input+#switch:before{border-color:var(
181
- --highcontrast-switch-handle-border-color-down,var(
182
- --mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)
216
+ )}:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
217
+ --highcontrast-switch-handle-border-color-selected-focus,var(
218
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
183
219
  )
184
- )}:host(:active) #input~#label{color:var(
185
- --highcontrast-switch-label-color-down,var(
186
- --mod-switch-label-color-down,var(--spectrum-switch-label-color-down)
220
+ )}:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
221
+ --highcontrast-switch-handle-border-color-selected-focus,var(
222
+ --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
187
223
  )
188
- )}:host(:active[checked]) #input:enabled+#switch{background-color:var(
189
- --highcontrast-switch-background-color-selected-down,var(
190
- --mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)
224
+ )}:host(:hover) #input+#switch:before{border-color:var(
225
+ --highcontrast-switch-handle-border-color-hover,var(
226
+ --mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)
191
227
  )
192
- )}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(
193
- --highcontrast-switch-handle-border-color-selected-down,var(
194
- --mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)
228
+ );box-shadow:none}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(
229
+ --highcontrast-switch-handle-border-color-selected-hover,var(
230
+ --mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)
231
+ )
232
+ )}:host([disabled]:hover) #input+#switch{background-color:var(
233
+ --highcontrast-switch-background-color-disabled,var(
234
+ --mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled)
195
235
  )
196
- )}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
236
+ )}:host([disabled]:hover) #input~#label{color:var(
237
+ --highcontrast-switch-label-color-disabled,var(
238
+ --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
239
+ )
240
+ )}:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
197
241
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
198
242
  ) var(
199
243
  --highcontrast-switch-focus-indicator-color,var(
200
244
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
201
245
  )
202
- )}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
246
+ )}:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
203
247
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
204
248
  ) var(
205
249
  --highcontrast-switch-focus-indicator-color,var(
206
250
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
207
251
  )
208
- )}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(
252
+ )}:host(:hover) #input.focus-visible+#switch:before{border-color:var(
209
253
  --highcontrast-switch-handle-border-color-focus,var(
210
254
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
211
255
  )
212
- )}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(
256
+ )}:host(:hover) #input:focus-visible+#switch:before{border-color:var(
213
257
  --highcontrast-switch-handle-border-color-focus,var(
214
258
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
215
259
  )
216
- )}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
260
+ )}:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
217
261
  --highcontrast-switch-background-color-selected-focus,var(
218
262
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
219
263
  )
220
- )}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
264
+ )}:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
221
265
  --highcontrast-switch-background-color-selected-focus,var(
222
266
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
223
267
  )
224
- )}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
225
- --highcontrast-switch-handle-border-color-selected-focus,var(
226
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
268
+ )}:host(:hover) #input~#label{color:var(
269
+ --highcontrast-switch-label-color-hover,var(
270
+ --mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)
227
271
  )
228
- )}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
229
- --highcontrast-switch-handle-border-color-selected-focus,var(
230
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
272
+ )}:host([checked]:hover) #input:enabled+#switch{background-color:var(
273
+ --highcontrast-switch-background-color-selected-hover,var(
274
+ --mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)
231
275
  )
232
- )}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(
276
+ )}:host(:hover) #input.focus-visible~#label{color:var(
233
277
  --highcontrast-switch-label-color-focus,var(
234
278
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
235
279
  )
236
- )}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(
280
+ )}:host(:hover) #input:focus-visible~#label{color:var(
237
281
  --highcontrast-switch-label-color-focus,var(
238
282
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
239
283
  )
240
- )}:host([checked]) #input+#switch{background-color:var(
284
+ )}}:host([checked]) #input+#switch{background-color:var(
241
285
  --highcontrast-switch-background-color-selected-default,var(
242
286
  --mod-switch-background-color-selected-default,var(--spectrum-switch-background-color-selected-default)
243
287
  )
@@ -265,7 +309,7 @@ var(--spectrum-switch-spacing-top-to-control)
265
309
  --highcontrast-switch-label-color-disabled,var(
266
310
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
267
311
  )
268
- )}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--spectrum-switch-handle-border-color-default:var(
312
+ )}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}@media (hover:hover){:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}}:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--spectrum-switch-handle-border-color-default:var(
269
313
  --system-spectrum-switch-handle-border-color-default
270
314
  );--spectrum-switch-handle-border-color-hover:var(
271
315
  --system-spectrum-switch-handle-border-color-hover