@spectrum-web-components/switch 0.39.4 → 0.40.1

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 (11) hide show
  1. package/package.json +4 -4
  2. package/src/spectrum-switch.css.dev.js +3 -29
  3. package/src/spectrum-switch.css.dev.js.map +2 -2
  4. package/src/spectrum-switch.css.js +5 -31
  5. package/src/spectrum-switch.css.js.map +2 -2
  6. package/src/switch.css.dev.js +3 -29
  7. package/src/switch.css.dev.js.map +2 -2
  8. package/src/switch.css.js +5 -31
  9. package/src/switch.css.js.map +2 -2
  10. package/test/switch.test.js +10 -1
  11. package/test/switch.test.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/switch",
3
- "version": "0.39.4",
3
+ "version": "0.40.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -58,8 +58,8 @@
58
58
  "lit-html"
59
59
  ],
60
60
  "dependencies": {
61
- "@spectrum-web-components/base": "^0.39.4",
62
- "@spectrum-web-components/checkbox": "^0.39.4"
61
+ "@spectrum-web-components/base": "^0.40.1",
62
+ "@spectrum-web-components/checkbox": "^0.40.1"
63
63
  },
64
64
  "devDependencies": {
65
65
  "@spectrum-css/switch": "^4.0.7"
@@ -70,5 +70,5 @@
70
70
  "./sp-*.js",
71
71
  "./**/*.dev.js"
72
72
  ],
73
- "gitHead": "f745c90e8e9ea85ff10be025e058b14cc925ec9f"
73
+ "gitHead": "a75c4f83094c505d64658dbc7de20b5f18a8fde1"
74
74
  }
package/src/spectrum-switch.css.dev.js CHANGED
@@ -85,7 +85,7 @@ var(--spectrum-switch-control-width)
85
85
  ) - 100%))}:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(
86
86
  --mod-switch-control-width,
87
87
  var(--spectrum-switch-control-width)
88
- ) - 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)}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(
88
+ ) - 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(
89
89
  --highcontrast-switch-label-color-default,var(
90
90
  --mod-switch-label-color-default,var(--spectrum-switch-label-color-default)
91
91
  )
@@ -199,12 +199,6 @@ var(--spectrum-switch-spacing-top-to-control)
199
199
  --highcontrast-switch-focus-indicator-color,var(
200
200
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
201
201
  )
202
- )}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
203
- --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
204
- ) var(
205
- --highcontrast-switch-focus-indicator-color,var(
206
- --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
207
- )
208
202
  )}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
209
203
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
210
204
  ) var(
@@ -215,10 +209,6 @@ var(--spectrum-switch-spacing-top-to-control)
215
209
  --highcontrast-switch-handle-border-color-focus,var(
216
210
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
217
211
  )
218
- )}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(
219
- --highcontrast-switch-handle-border-color-focus,var(
220
- --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
221
- )
222
212
  )}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(
223
213
  --highcontrast-switch-handle-border-color-focus,var(
224
214
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
@@ -227,10 +217,6 @@ var(--spectrum-switch-spacing-top-to-control)
227
217
  --highcontrast-switch-background-color-selected-focus,var(
228
218
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
229
219
  )
230
- )}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
231
- --highcontrast-switch-background-color-selected-focus,var(
232
- --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
233
- )
234
220
  )}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
235
221
  --highcontrast-switch-background-color-selected-focus,var(
236
222
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
@@ -239,10 +225,6 @@ var(--spectrum-switch-spacing-top-to-control)
239
225
  --highcontrast-switch-handle-border-color-selected-focus,var(
240
226
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
241
227
  )
242
- )}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
243
- --highcontrast-switch-handle-border-color-selected-focus,var(
244
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
245
- )
246
228
  )}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
247
229
  --highcontrast-switch-handle-border-color-selected-focus,var(
248
230
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
@@ -251,10 +233,6 @@ var(--spectrum-switch-spacing-top-to-control)
251
233
  --highcontrast-switch-label-color-focus,var(
252
234
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
253
235
  )
254
- )}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(
255
- --highcontrast-switch-label-color-focus,var(
256
- --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
257
- )
258
236
  )}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(
259
237
  --highcontrast-switch-label-color-focus,var(
260
238
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
@@ -275,10 +253,6 @@ var(--spectrum-switch-spacing-top-to-control)
275
253
  --highcontrast-switch-handle-border-color-disabled,var(
276
254
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
277
255
  )
278
- )}:host([disabled]) #input~#label{color:var(
279
- --highcontrast-switch-label-color-disabled,var(
280
- --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
281
- )
282
256
  )}:host([disabled][checked]) #input+#switch{background-color:var(
283
257
  --highcontrast-switch-background-color-selected-disabled,var(
284
258
  --mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)
@@ -287,11 +261,11 @@ var(--spectrum-switch-spacing-top-to-control)
287
261
  --highcontrast-switch-handle-border-color-disabled,var(
288
262
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
289
263
  )
290
- )}:host([disabled][checked]) #input~#label{color:var(
264
+ )}:host([disabled]) #input~#label{color:var(
291
265
  --highcontrast-switch-label-color-disabled,var(
292
266
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
293
267
  )
294
- )}@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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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(
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(
295
269
  --system-spectrum-switch-handle-border-color-default
296
270
  );--spectrum-switch-handle-border-color-hover:var(
297
271
  --system-spectrum-switch-handle-border-color-hover
package/src/spectrum-switch.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-switch.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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)}#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: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)}#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,: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)}: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)}#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]) #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]) #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][checked]) #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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqTf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 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,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Rf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-switch.css.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const c=o`
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const t=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(
@@ -83,7 +83,7 @@ var(--spectrum-switch-control-width)
83
83
  ) - 100%))}:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(
84
84
  --mod-switch-control-width,
85
85
  var(--spectrum-switch-control-width)
86
- ) - 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)}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(
86
+ ) - 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(
87
87
  --highcontrast-switch-label-color-default,var(
88
88
  --mod-switch-label-color-default,var(--spectrum-switch-label-color-default)
89
89
  )
@@ -197,12 +197,6 @@ var(--spectrum-switch-spacing-top-to-control)
197
197
  --highcontrast-switch-focus-indicator-color,var(
198
198
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
199
199
  )
200
- )}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
201
- --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
202
- ) var(
203
- --highcontrast-switch-focus-indicator-color,var(
204
- --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
205
- )
206
200
  )}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
207
201
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
208
202
  ) var(
@@ -213,10 +207,6 @@ var(--spectrum-switch-spacing-top-to-control)
213
207
  --highcontrast-switch-handle-border-color-focus,var(
214
208
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
215
209
  )
216
- )}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(
217
- --highcontrast-switch-handle-border-color-focus,var(
218
- --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
219
- )
220
210
  )}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(
221
211
  --highcontrast-switch-handle-border-color-focus,var(
222
212
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
@@ -225,10 +215,6 @@ var(--spectrum-switch-spacing-top-to-control)
225
215
  --highcontrast-switch-background-color-selected-focus,var(
226
216
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
227
217
  )
228
- )}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
229
- --highcontrast-switch-background-color-selected-focus,var(
230
- --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
231
- )
232
218
  )}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
233
219
  --highcontrast-switch-background-color-selected-focus,var(
234
220
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
@@ -237,10 +223,6 @@ var(--spectrum-switch-spacing-top-to-control)
237
223
  --highcontrast-switch-handle-border-color-selected-focus,var(
238
224
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
239
225
  )
240
- )}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
241
- --highcontrast-switch-handle-border-color-selected-focus,var(
242
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
243
- )
244
226
  )}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
245
227
  --highcontrast-switch-handle-border-color-selected-focus,var(
246
228
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
@@ -249,10 +231,6 @@ var(--spectrum-switch-spacing-top-to-control)
249
231
  --highcontrast-switch-label-color-focus,var(
250
232
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
251
233
  )
252
- )}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(
253
- --highcontrast-switch-label-color-focus,var(
254
- --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
255
- )
256
234
  )}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(
257
235
  --highcontrast-switch-label-color-focus,var(
258
236
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
@@ -273,10 +251,6 @@ var(--spectrum-switch-spacing-top-to-control)
273
251
  --highcontrast-switch-handle-border-color-disabled,var(
274
252
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
275
253
  )
276
- )}:host([disabled]) #input~#label{color:var(
277
- --highcontrast-switch-label-color-disabled,var(
278
- --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
279
- )
280
254
  )}:host([disabled][checked]) #input+#switch{background-color:var(
281
255
  --highcontrast-switch-background-color-selected-disabled,var(
282
256
  --mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)
@@ -285,11 +259,11 @@ var(--spectrum-switch-spacing-top-to-control)
285
259
  --highcontrast-switch-handle-border-color-disabled,var(
286
260
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
287
261
  )
288
- )}:host([disabled][checked]) #input~#label{color:var(
262
+ )}:host([disabled]) #input~#label{color:var(
289
263
  --highcontrast-switch-label-color-disabled,var(
290
264
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
291
265
  )
292
- )}@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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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(
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(
293
267
  --system-spectrum-switch-handle-border-color-default
294
268
  );--spectrum-switch-handle-border-color-hover:var(
295
269
  --system-spectrum-switch-handle-border-color-hover
@@ -306,5 +280,5 @@ var(--spectrum-switch-spacing-top-to-control)
306
280
  );--spectrum-switch-handle-border-color-selected-focus:var(
307
281
  --system-spectrum-switch-handle-border-color-selected-focus
308
282
  )}
309
- `;export default c;
283
+ `;export default t;
310
284
  //# 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 2023 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)}#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: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)}#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,: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)}: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)}#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]) #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]) #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][checked]) #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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqTf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/switch.css.dev.js CHANGED
@@ -85,7 +85,7 @@ var(--spectrum-switch-control-width)
85
85
  ) - 100%))}:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(
86
86
  --mod-switch-control-width,
87
87
  var(--spectrum-switch-control-width)
88
- ) - 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)}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(
88
+ ) - 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(
89
89
  --highcontrast-switch-label-color-default,var(
90
90
  --mod-switch-label-color-default,var(--spectrum-switch-label-color-default)
91
91
  )
@@ -199,12 +199,6 @@ var(--spectrum-switch-spacing-top-to-control)
199
199
  --highcontrast-switch-focus-indicator-color,var(
200
200
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
201
201
  )
202
- )}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
203
- --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
204
- ) var(
205
- --highcontrast-switch-focus-indicator-color,var(
206
- --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
207
- )
208
202
  )}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
209
203
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
210
204
  ) var(
@@ -215,10 +209,6 @@ var(--spectrum-switch-spacing-top-to-control)
215
209
  --highcontrast-switch-handle-border-color-focus,var(
216
210
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
217
211
  )
218
- )}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(
219
- --highcontrast-switch-handle-border-color-focus,var(
220
- --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
221
- )
222
212
  )}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(
223
213
  --highcontrast-switch-handle-border-color-focus,var(
224
214
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
@@ -227,10 +217,6 @@ var(--spectrum-switch-spacing-top-to-control)
227
217
  --highcontrast-switch-background-color-selected-focus,var(
228
218
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
229
219
  )
230
- )}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
231
- --highcontrast-switch-background-color-selected-focus,var(
232
- --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
233
- )
234
220
  )}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
235
221
  --highcontrast-switch-background-color-selected-focus,var(
236
222
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
@@ -239,10 +225,6 @@ var(--spectrum-switch-spacing-top-to-control)
239
225
  --highcontrast-switch-handle-border-color-selected-focus,var(
240
226
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
241
227
  )
242
- )}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
243
- --highcontrast-switch-handle-border-color-selected-focus,var(
244
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
245
- )
246
228
  )}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
247
229
  --highcontrast-switch-handle-border-color-selected-focus,var(
248
230
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
@@ -251,10 +233,6 @@ var(--spectrum-switch-spacing-top-to-control)
251
233
  --highcontrast-switch-label-color-focus,var(
252
234
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
253
235
  )
254
- )}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(
255
- --highcontrast-switch-label-color-focus,var(
256
- --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
257
- )
258
236
  )}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(
259
237
  --highcontrast-switch-label-color-focus,var(
260
238
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
@@ -275,10 +253,6 @@ var(--spectrum-switch-spacing-top-to-control)
275
253
  --highcontrast-switch-handle-border-color-disabled,var(
276
254
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
277
255
  )
278
- )}:host([disabled]) #input~#label{color:var(
279
- --highcontrast-switch-label-color-disabled,var(
280
- --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
281
- )
282
256
  )}:host([disabled][checked]) #input+#switch{background-color:var(
283
257
  --highcontrast-switch-background-color-selected-disabled,var(
284
258
  --mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)
@@ -287,11 +261,11 @@ var(--spectrum-switch-spacing-top-to-control)
287
261
  --highcontrast-switch-handle-border-color-disabled,var(
288
262
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
289
263
  )
290
- )}:host([disabled][checked]) #input~#label{color:var(
264
+ )}:host([disabled]) #input~#label{color:var(
291
265
  --highcontrast-switch-label-color-disabled,var(
292
266
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
293
267
  )
294
- )}@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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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(
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(
295
269
  --system-spectrum-switch-handle-border-color-default
296
270
  );--spectrum-switch-handle-border-color-hover:var(
297
271
  --system-spectrum-switch-handle-border-color-hover
package/src/switch.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["switch.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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)}#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: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)}#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,: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)}: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)}#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]) #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]) #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][checked]) #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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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)}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqTf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 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)}:host([disabled]){pointer-events:none}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Rf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/switch.css.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const c=o`
1
+ "use strict";import{css as o}from"@spectrum-web-components/base";const t=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(
@@ -83,7 +83,7 @@ var(--spectrum-switch-control-width)
83
83
  ) - 100%))}:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(
84
84
  --mod-switch-control-width,
85
85
  var(--spectrum-switch-control-width)
86
- ) - 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)}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(
86
+ ) - 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(
87
87
  --highcontrast-switch-label-color-default,var(
88
88
  --mod-switch-label-color-default,var(--spectrum-switch-label-color-default)
89
89
  )
@@ -197,12 +197,6 @@ var(--spectrum-switch-spacing-top-to-control)
197
197
  --highcontrast-switch-focus-indicator-color,var(
198
198
  --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
199
199
  )
200
- )}#input.focus-visible+#switch:after,:host(:hover) #input.focus-visible+#switch:after{box-shadow:0 0 0 var(
201
- --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
202
- ) var(
203
- --highcontrast-switch-focus-indicator-color,var(
204
- --mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)
205
- )
206
200
  )}#input:focus-visible+#switch:after,:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(
207
201
  --mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness)
208
202
  ) var(
@@ -213,10 +207,6 @@ var(--spectrum-switch-spacing-top-to-control)
213
207
  --highcontrast-switch-handle-border-color-focus,var(
214
208
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
215
209
  )
216
- )}#input.focus-visible+#switch:before,:host(:hover) #input.focus-visible+#switch:before{border-color:var(
217
- --highcontrast-switch-handle-border-color-focus,var(
218
- --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
219
- )
220
210
  )}#input:focus-visible+#switch:before,:host(:hover) #input:focus-visible+#switch:before{border-color:var(
221
211
  --highcontrast-switch-handle-border-color-focus,var(
222
212
  --mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)
@@ -225,10 +215,6 @@ var(--spectrum-switch-spacing-top-to-control)
225
215
  --highcontrast-switch-background-color-selected-focus,var(
226
216
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
227
217
  )
228
- )}:host([checked]) #input.focus-visible+#switch,:host([checked]:hover) #input.focus-visible+#switch{background-color:var(
229
- --highcontrast-switch-background-color-selected-focus,var(
230
- --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
231
- )
232
218
  )}:host([checked]) #input:focus-visible+#switch,:host([checked]:hover) #input:focus-visible+#switch{background-color:var(
233
219
  --highcontrast-switch-background-color-selected-focus,var(
234
220
  --mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)
@@ -237,10 +223,6 @@ var(--spectrum-switch-spacing-top-to-control)
237
223
  --highcontrast-switch-handle-border-color-selected-focus,var(
238
224
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
239
225
  )
240
- )}:host([checked]) #input.focus-visible+#switch:before,:host([checked]:hover) #input.focus-visible+#switch:before{border-color:var(
241
- --highcontrast-switch-handle-border-color-selected-focus,var(
242
- --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
243
- )
244
226
  )}:host([checked]) #input:focus-visible+#switch:before,:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(
245
227
  --highcontrast-switch-handle-border-color-selected-focus,var(
246
228
  --mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)
@@ -249,10 +231,6 @@ var(--spectrum-switch-spacing-top-to-control)
249
231
  --highcontrast-switch-label-color-focus,var(
250
232
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
251
233
  )
252
- )}#input.focus-visible~#label,:host(:hover) #input.focus-visible~#label{color:var(
253
- --highcontrast-switch-label-color-focus,var(
254
- --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
255
- )
256
234
  )}#input:focus-visible~#label,:host(:hover) #input:focus-visible~#label{color:var(
257
235
  --highcontrast-switch-label-color-focus,var(
258
236
  --mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)
@@ -273,10 +251,6 @@ var(--spectrum-switch-spacing-top-to-control)
273
251
  --highcontrast-switch-handle-border-color-disabled,var(
274
252
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
275
253
  )
276
- )}:host([disabled]) #input~#label{color:var(
277
- --highcontrast-switch-label-color-disabled,var(
278
- --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
279
- )
280
254
  )}:host([disabled][checked]) #input+#switch{background-color:var(
281
255
  --highcontrast-switch-background-color-selected-disabled,var(
282
256
  --mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)
@@ -285,11 +259,11 @@ var(--spectrum-switch-spacing-top-to-control)
285
259
  --highcontrast-switch-handle-border-color-disabled,var(
286
260
  --mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)
287
261
  )
288
- )}:host([disabled][checked]) #input~#label{color:var(
262
+ )}:host([disabled]) #input~#label{color:var(
289
263
  --highcontrast-switch-label-color-disabled,var(
290
264
  --mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)
291
265
  )
292
- )}@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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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(
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(
293
267
  --system-spectrum-switch-handle-border-color-default
294
268
  );--spectrum-switch-handle-border-color-hover:var(
295
269
  --system-spectrum-switch-handle-border-color-hover
@@ -306,5 +280,5 @@ var(--spectrum-switch-spacing-top-to-control)
306
280
  );--spectrum-switch-handle-border-color-selected-focus:var(
307
281
  --system-spectrum-switch-handle-border-color-selected-focus
308
282
  )}:host([disabled]){pointer-events:none}
309
- `;export default c;
283
+ `;export default t;
310
284
  //# sourceMappingURL=switch.css.js.map
package/src/switch.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["switch.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 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)}#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: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)}#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,: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)}: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)}#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]) #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]) #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][checked]) #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-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-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down: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)}:host([disabled]){pointer-events:none}\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,EAqTf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 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)}:host([disabled]){pointer-events:none}\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",
6
6
  "names": ["css", "styles"]
7
7
  }
package/test/switch.test.js CHANGED
@@ -36,6 +36,15 @@ describe("Switch", () => {
36
36
  const inputEl = inputForSwitch(el);
37
37
  expect(labelEl.getAttribute("for")).to.equal(inputEl.id);
38
38
  });
39
+ it("has name attribute", async () => {
40
+ const el = await fixture(
41
+ html`
42
+ <sp-switch>Not Checked</sp-switch>
43
+ `
44
+ );
45
+ await elementUpdated(el);
46
+ await expect(el.hasAttribute("name"));
47
+ });
39
48
  it("loads `checked` switch accessibly", async () => {
40
49
  const el = await fixture(
41
50
  html`
@@ -53,7 +62,7 @@ describe("Switch", () => {
53
62
  <sp-switch checked readonly>Component</sp-switch>
54
63
  `);
55
64
  expect(el.checked).to.be.true;
56
- el.focusElement.click();
65
+ el.click();
57
66
  await elementUpdated(el);
58
67
  expect(el.checked).to.be.true;
59
68
  });
package/test/switch.test.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["switch.test.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport '@spectrum-web-components/switch/sp-switch.js';\nimport { Switch } from '@spectrum-web-components/switch';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nfunction inputForSwitch(checkbox: Switch): HTMLInputElement {\n if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelForSwitch(checkbox: Switch): HTMLLabelElement {\n if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n const labelEl = checkbox.shadowRoot.querySelector('label');\n if (!labelEl) {\n throw new Error('Failed to find label in shadowRoot');\n }\n return labelEl;\n}\n\ndescribe('Switch', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<Switch>(\n html`\n <sp-switch>Not Checked</sp-switch>\n `\n )\n );\n it('loads default switch accessibly', async () => {\n const el = await fixture<Switch>(\n html`\n <sp-switch>Not Checked</sp-switch>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n\n const labelEl = labelForSwitch(el);\n const inputEl = inputForSwitch(el);\n\n expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n });\n it('loads `checked` switch accessibly', async () => {\n const el = await fixture<Switch>(\n html`\n <sp-switch checked>Checked</sp-switch>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n\n const labelEl = labelForSwitch(el);\n const inputEl = inputForSwitch(el);\n\n expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n });\n\n it('maintains its value when [readonly]', async () => {\n const el = await fixture<Switch>(html`\n <sp-switch checked readonly>Component</sp-switch>\n `);\n expect(el.checked).to.be.true;\n\n el.focusElement.click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n});\n"],
5
- "mappings": ";AAYA,OAAO;AAEP,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AACtD,SAAS,6BAA6B;AAEtC,SAAS,eAAe,UAAoC;AACxD,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,SAAO,SAAS,WAAW,cAAc,QAAQ;AACrD;AAEA,SAAS,eAAe,UAAoC;AACxD,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,QAAM,UAAU,SAAS,WAAW,cAAc,OAAO;AACzD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,oCAAoC;AAAA,EACxD;AACA,SAAO;AACX;AAEA,SAAS,UAAU,MAAM;AACrB;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,KAAG,mCAAmC,YAAY;AAC9C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAElC,UAAM,UAAU,eAAe,EAAE;AACjC,UAAM,UAAU,eAAe,EAAE;AAEjC,WAAO,QAAQ,aAAa,KAAK,CAAC,EAAE,GAAG,MAAM,QAAQ,EAAE;AAAA,EAC3D,CAAC;AACD,KAAG,qCAAqC,YAAY;AAChD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAElC,UAAM,UAAU,eAAe,EAAE;AACjC,UAAM,UAAU,eAAe,EAAE;AAEjC,WAAO,QAAQ,aAAa,KAAK,CAAC,EAAE,GAAG,MAAM,QAAQ,EAAE;AAAA,EAC3D,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QAAgB;AAAA;AAAA,SAEhC;AACD,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,OAAG,aAAa,MAAM;AACtB,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AACL,CAAC;",
4
+ "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport '@spectrum-web-components/switch/sp-switch.js';\nimport { Switch } from '@spectrum-web-components/switch';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nfunction inputForSwitch(checkbox: Switch): HTMLInputElement {\n if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelForSwitch(checkbox: Switch): HTMLLabelElement {\n if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n const labelEl = checkbox.shadowRoot.querySelector('label');\n if (!labelEl) {\n throw new Error('Failed to find label in shadowRoot');\n }\n return labelEl;\n}\n\ndescribe('Switch', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<Switch>(\n html`\n <sp-switch>Not Checked</sp-switch>\n `\n )\n );\n it('loads default switch accessibly', async () => {\n const el = await fixture<Switch>(\n html`\n <sp-switch>Not Checked</sp-switch>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n\n const labelEl = labelForSwitch(el);\n const inputEl = inputForSwitch(el);\n\n expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n });\n it('has name attribute', async () => {\n const el = await fixture<Switch>(\n html`\n <sp-switch>Not Checked</sp-switch>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el.hasAttribute('name'));\n });\n it('loads `checked` switch accessibly', async () => {\n const el = await fixture<Switch>(\n html`\n <sp-switch checked>Checked</sp-switch>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n\n const labelEl = labelForSwitch(el);\n const inputEl = inputForSwitch(el);\n\n expect(labelEl.getAttribute('for')).to.equal(inputEl.id);\n });\n\n it('maintains its value when [readonly]', async () => {\n const el = await fixture<Switch>(html`\n <sp-switch checked readonly>Component</sp-switch>\n `);\n expect(el.checked).to.be.true;\n\n el.click();\n await elementUpdated(el);\n\n expect(el.checked).to.be.true;\n });\n});\n"],
5
+ "mappings": ";AAYA,OAAO;AAEP,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AACtD,SAAS,6BAA6B;AAEtC,SAAS,eAAe,UAAoC;AACxD,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,SAAO,SAAS,WAAW,cAAc,QAAQ;AACrD;AAEA,SAAS,eAAe,UAAoC;AACxD,MAAI,CAAC,SAAS;AAAY,UAAM,IAAI,MAAM,eAAe;AACzD,QAAM,UAAU,SAAS,WAAW,cAAc,OAAO;AACzD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,oCAAoC;AAAA,EACxD;AACA,SAAO;AACX;AAEA,SAAS,UAAU,MAAM;AACrB;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,KAAG,mCAAmC,YAAY;AAC9C,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAElC,UAAM,UAAU,eAAe,EAAE;AACjC,UAAM,UAAU,eAAe,EAAE;AAEjC,WAAO,QAAQ,aAAa,KAAK,CAAC,EAAE,GAAG,MAAM,QAAQ,EAAE;AAAA,EAC3D,CAAC;AACD,KAAG,sBAAsB,YAAY;AACjC,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,GAAG,aAAa,MAAM,CAAC;AAAA,EACxC,CAAC;AACD,KAAG,qCAAqC,YAAY;AAChD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAElC,UAAM,UAAU,eAAe,EAAE;AACjC,UAAM,UAAU,eAAe,EAAE;AAEjC,WAAO,QAAQ,aAAa,KAAK,CAAC,EAAE,GAAG,MAAM,QAAQ,EAAE;AAAA,EAC3D,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QAAgB;AAAA;AAAA,SAEhC;AACD,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAEzB,OAAG,MAAM;AACT,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,OAAO,EAAE,GAAG,GAAG;AAAA,EAC7B,CAAC;AACL,CAAC;",
6
6
  "names": []
7
7
  }