@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/toggle_vars.css

@@ -1,38 +1,38 @@
 ._0KxFhq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-._0KxFhq_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(zh-SG), ._0KxFhq_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-._0KxFhq_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 ._0KxFhq_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-._0KxFhq_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-._0KxFhq_spectrum-FocusRing._0KxFhq_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+._0KxFhq_spectrum-FocusRing {
+  &._0KxFhq_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-._0KxFhq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._0KxFhq_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._0KxFhq_spectrum-FocusRing--quiet._0KxFhq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &._0KxFhq_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   ._0KxFhq_spectrum-FocusRing, ._0KxFhq_spectrum-FocusRing-ring, ._0KxFhq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._0KxFhq_spectrum-FocusRing, ._0KxFhq_spectrum-FocusRing-ring, ._0KxFhq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -104,22 +112,28 @@
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
-}
 
-[dir="ltr"] :is(._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch):before {
-  transform: translateX(calc(var(--spectrum-switch-track-width) - 100%));
-}
+  &:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+    [dir="ltr"] &:before {
+      transform: translateX(calc(var(--spectrum-switch-track-width) - 100%));
+    }
 
-[dir="rtl"] :is(._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch):before {
-  transform: translateX(calc(100% - var(--spectrum-switch-track-width)));
-}
+    [dir="rtl"] &:before {
+      transform: translateX(calc(100% - var(--spectrum-switch-track-width)));
+    }
+  }
 
-._0KxFhq_spectrum-ToggleSwitch-input:disabled, ._0KxFhq_spectrum-ToggleSwitch-input[disabled] {
-  cursor: default;
-}
+  &:disabled, &[disabled] {
+    cursor: default;
+  }
 
-._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring + ._0KxFhq_spectrum-ToggleSwitch-switch:after {
-  margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+  &._0KxFhq_focus-ring {
+    & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      &:after {
+        margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+      }
+    }
+  }
 }
 
 ._0KxFhq_spectrum-ToggleSwitch-label {
@@ -146,36 +160,36 @@
   display: inline-block;
   position: relative;
   inset-inline: 0;
-}
 
-._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  content: "";
-  box-sizing: border-box;
-  transition: background var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
+  &:before {
+    content: "";
+    box-sizing: border-box;
+    transition: background var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
       border var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
       transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
       box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
-  inline-size: var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175));
-  block-size: var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175));
-  border-width: var(--spectrum-switch-handle-border-size, var(--spectrum-alias-border-size-thick));
-  border-radius: calc(var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175)) / 2);
-  border-style: solid;
-  display: block;
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
+    inline-size: var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175));
+    block-size: var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175));
+    border-width: var(--spectrum-switch-handle-border-size, var(--spectrum-alias-border-size-thick));
+    border-radius: calc(var(--spectrum-switch-handle-size, var(--spectrum-global-dimension-size-175)) / 2);
+    border-style: solid;
+    display: block;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+  }
 
-._0KxFhq_spectrum-ToggleSwitch-switch:after {
-  border-radius: calc(calc(var(--spectrum-switch-track-height, var(--spectrum-global-dimension-size-175)) / 2) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
-  content: "";
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(calc(var(--spectrum-switch-track-height, var(--spectrum-global-dimension-size-175)) / 2) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+    content: "";
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  margin: 0;
-  display: block;
-  position: absolute;
-  inset: 0;
-  transform: translateX(0);
+    margin: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+    transform: translateX(0);
+  }
 }
 
 ._0KxFhq_spectrum-ToggleSwitch {
@@ -200,169 +214,229 @@
 
 ._0KxFhq_spectrum-ToggleSwitch-switch {
   background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
-}
 
-._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  background-color: var(--spectrum-switch-emphasized-handle-background-color, var(--spectrum-global-color-gray-75));
-  border-color: var(--spectrum-switch-emphasized-handle-border-color, var(--spectrum-global-color-gray-600));
+  &:before {
+    background-color: var(--spectrum-switch-emphasized-handle-background-color, var(--spectrum-global-color-gray-75));
+    border-color: var(--spectrum-switch-emphasized-handle-border-color, var(--spectrum-global-color-gray-600));
+  }
 }
 
 ._0KxFhq_spectrum-ToggleSwitch-input ~ ._0KxFhq_spectrum-ToggleSwitch-label {
   color: var(--spectrum-switch-emphasized-text-color, var(--spectrum-alias-text-color));
 }
 
-._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-selected, var(--spectrum-global-color-blue-500));
-}
+._0KxFhq_spectrum-ToggleSwitch-input {
+  &:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+    background-color: var(--spectrum-switch-emphasized-track-color-selected, var(--spectrum-global-color-blue-500));
 
-._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected, var(--spectrum-global-color-blue-500));
+    &:before {
+      border-color: var(--spectrum-switch-emphasized-handle-border-color-selected, var(--spectrum-global-color-blue-500));
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
-  box-shadow: none;
-}
+._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered {
+  & ._0KxFhq_spectrum-ToggleSwitch-input {
+    & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      &:before {
+        border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
+        box-shadow: none;
+      }
+    }
 
-._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input ~ ._0KxFhq_spectrum-ToggleSwitch-label {
-  color: var(--spectrum-switch-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
-}
+    & ~ ._0KxFhq_spectrum-ToggleSwitch-label {
+      color: var(--spectrum-switch-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
+    }
 
-._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-selected-hover, var(--spectrum-global-color-blue-600));
-}
+    &:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      background-color: var(--spectrum-switch-emphasized-track-color-selected-hover, var(--spectrum-global-color-blue-600));
 
-._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
+      &:before {
+        border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
+      }
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch:active ._0KxFhq_spectrum-ToggleSwitch-input + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
-}
+._0KxFhq_spectrum-ToggleSwitch:active {
+  & ._0KxFhq_spectrum-ToggleSwitch-input {
+    & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      &:before {
+        border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
+      }
+    }
 
-._0KxFhq_spectrum-ToggleSwitch:active ._0KxFhq_spectrum-ToggleSwitch-input ~ ._0KxFhq_spectrum-ToggleSwitch-label {
-  color: var(--spectrum-switch-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
-}
+    & ~ ._0KxFhq_spectrum-ToggleSwitch-label {
+      color: var(--spectrum-switch-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
+    }
 
-._0KxFhq_spectrum-ToggleSwitch:active ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-selected-down, var(--spectrum-global-color-blue-700));
-}
+    &:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      background-color: var(--spectrum-switch-emphasized-track-color-selected-down, var(--spectrum-global-color-blue-700));
 
-._0KxFhq_spectrum-ToggleSwitch:active ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-down, var(--spectrum-global-color-blue-700));
+      &:before {
+        border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-down, var(--spectrum-global-color-blue-700));
+      }
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
-}
+._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled {
+  & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+    background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
 
-._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-}
+    &:before {
+      border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+    }
+  }
 
-._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled ~ ._0KxFhq_spectrum-ToggleSwitch-label {
-  color: var(--spectrum-switch-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
+  & ~ ._0KxFhq_spectrum-ToggleSwitch-label {
+    color: var(--spectrum-switch-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+  }
 
-._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-selected-disabled, var(--spectrum-global-color-gray-400));
-}
+  &:checked {
+    & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      background-color: var(--spectrum-switch-emphasized-track-color-selected-disabled, var(--spectrum-global-color-gray-400));
 
-._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-disabled, var(--spectrum-global-color-gray-400));
-}
+      &:before {
+        border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-disabled, var(--spectrum-global-color-gray-400));
+      }
+    }
 
-._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled:checked ~ ._0KxFhq_spectrum-ToggleSwitch-label {
-  color: var(--spectrum-switch-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled));
+    & ~ ._0KxFhq_spectrum-ToggleSwitch-label {
+      color: var(--spectrum-switch-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled));
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch--quiet ._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-quiet-track-color-selected, var(--spectrum-global-color-gray-700));
-}
+._0KxFhq_spectrum-ToggleSwitch--quiet {
+  & ._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+    background-color: var(--spectrum-switch-quiet-track-color-selected, var(--spectrum-global-color-gray-700));
 
-._0KxFhq_spectrum-ToggleSwitch--quiet ._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-quiet-handle-border-color-selected, var(--spectrum-global-color-gray-700));
+    &:before {
+      border-color: var(--spectrum-switch-quiet-handle-border-color-selected, var(--spectrum-global-color-gray-700));
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch--quiet._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-quiet-track-color-selected-hover, var(--spectrum-global-color-gray-800));
-}
+._0KxFhq_spectrum-ToggleSwitch--quiet._0KxFhq_is-hovered {
+  & ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+    background-color: var(--spectrum-switch-quiet-track-color-selected-hover, var(--spectrum-global-color-gray-800));
 
-._0KxFhq_spectrum-ToggleSwitch--quiet._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-quiet-handle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
+    &:before {
+      border-color: var(--spectrum-switch-quiet-handle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch._0KxFhq_spectrum-ToggleSwitch--quiet:active ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-quiet-track-color-selected-down, var(--spectrum-global-color-gray-900));
-}
+._0KxFhq_spectrum-ToggleSwitch._0KxFhq_spectrum-ToggleSwitch--quiet:active {
+  & ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+    background-color: var(--spectrum-switch-quiet-track-color-selected-down, var(--spectrum-global-color-gray-900));
 
-._0KxFhq_spectrum-ToggleSwitch._0KxFhq_spectrum-ToggleSwitch--quiet:active ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-quiet-handle-border-color-selected-down, var(--spectrum-global-color-gray-900));
+    &:before {
+      border-color: var(--spectrum-switch-quiet-handle-border-color-selected-down, var(--spectrum-global-color-gray-900));
+    }
+  }
 }
 
-:is(._0KxFhq_spectrum-ToggleSwitch, ._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered) ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring + ._0KxFhq_spectrum-ToggleSwitch-switch:after {
-  box-shadow: 0 0 0 var(--spectrum-switch-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size))
+._0KxFhq_spectrum-ToggleSwitch, ._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered {
+  & ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring {
+    & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      &:after {
+        box-shadow: 0 0 0 var(--spectrum-switch-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size))
           var(--spectrum-switch-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
+      }
+
+      &:before {
+        border-color: var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
+      }
+    }
+
+    &:checked {
+      & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-emphasized-track-color-selected-key-focus, var(--spectrum-global-color-blue-600));
+
+        &:before {
+          border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
+        }
+      }
+    }
+  }
 }
 
-:is(._0KxFhq_spectrum-ToggleSwitch, ._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered) ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
-}
-
-:is(._0KxFhq_spectrum-ToggleSwitch, ._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered) ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-selected-key-focus, var(--spectrum-global-color-blue-600));
-}
-
-:is(._0KxFhq_spectrum-ToggleSwitch, ._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered) ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
-}
-
-:is(._0KxFhq_spectrum-ToggleSwitch--quiet, ._0KxFhq_spectrum-ToggleSwitch--quiet._0KxFhq_is-hovered) ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-quiet-track-color-selected-key-focus, var(--spectrum-global-color-gray-800));
-}
-
-:is(._0KxFhq_spectrum-ToggleSwitch--quiet, ._0KxFhq_spectrum-ToggleSwitch--quiet._0KxFhq_is-hovered) ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-quiet-handle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
-}
-
-._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
-}
-
-._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
-}
-
-._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
-}
-
-._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring:checked + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-handle-border-color-selected, var(--spectrum-global-color-gray-700));
-}
+._0KxFhq_spectrum-ToggleSwitch--quiet, ._0KxFhq_spectrum-ToggleSwitch--quiet._0KxFhq_is-hovered {
+  & ._0KxFhq_spectrum-ToggleSwitch-input._0KxFhq_focus-ring {
+    &:checked {
+      & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-quiet-track-color-selected-key-focus, var(--spectrum-global-color-gray-800));
 
-._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input:disabled:checked + ._0KxFhq_spectrum-ToggleSwitch-switch, ._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input:disabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
+        &:before {
+          border-color: var(--spectrum-switch-quiet-handle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
+        }
+      }
+    }
+  }
 }
 
-._0KxFhq_spectrum-ToggleSwitch--ab ._0KxFhq_spectrum-ToggleSwitch-input:disabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
-}
+._0KxFhq_spectrum-ToggleSwitch--ab {
+  & ._0KxFhq_spectrum-ToggleSwitch-input {
+    &:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
+    }
+
+    &:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      &:before {
+        border-color: var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
+      }
+    }
+
+    &._0KxFhq_focus-ring {
+      &:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-track-color, var(--spectrum-global-color-gray-300));
+
+        &:before {
+          border-color: var(--spectrum-switch-handle-border-color-selected, var(--spectrum-global-color-gray-700));
+        }
+      }
+    }
+
+    &:disabled {
+      &:checked + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
+      }
+
+      & + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-emphasized-track-color-disabled, var(--spectrum-global-color-gray-300));
+
+        &:before {
+          border-color: var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+        }
+      }
+    }
+  }
 
-._0KxFhq_spectrum-ToggleSwitch--ab._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
-}
+  &._0KxFhq_is-hovered {
+    & ._0KxFhq_spectrum-ToggleSwitch-input {
+      &:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
 
-._0KxFhq_spectrum-ToggleSwitch--ab._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
-}
+        &:before {
+          border-color: var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
+        }
+      }
+    }
+  }
 
-._0KxFhq_spectrum-ToggleSwitch--ab:active ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-  background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
-}
+  &:active {
+    & ._0KxFhq_spectrum-ToggleSwitch-input {
+      &:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        background-color: var(--spectrum-switch-emphasized-track-color, var(--spectrum-global-color-gray-300));
 
-._0KxFhq_spectrum-ToggleSwitch--ab:active ._0KxFhq_spectrum-ToggleSwitch-input:checked:enabled + ._0KxFhq_spectrum-ToggleSwitch-switch:before {
-  border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
+        &:before {
+          border-color: var(--spectrum-switch-emphasized-handle-border-color-down, var(--spectrum-global-color-gray-800));
+        }
+      }
+    }
+  }
 }
 
 @media (forced-colors: active) {
@@ -404,22 +478,24 @@
     --spectrum-switch-quiet-track-color-selected-key-focus: Highlight;
     --spectrum-switch-track-color: ButtonFace;
     --spectrum-switch-track-color-disabled: ButtonFace;
-  }
 
-  ._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:not(:checked) + ._0KxFhq_spectrum-ToggleSwitch-switch {
-    box-shadow: inset 0 0 0 1px var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
-  }
+    & ._0KxFhq_spectrum-ToggleSwitch-input:not(:checked) + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      box-shadow: inset 0 0 0 1px var(--spectrum-switch-handle-border-color, var(--spectrum-global-color-gray-600));
+    }
 
-  ._0KxFhq_spectrum-ToggleSwitch._0KxFhq_is-hovered ._0KxFhq_spectrum-ToggleSwitch-input:not(:checked) + ._0KxFhq_spectrum-ToggleSwitch-switch {
-    box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
-  }
+    &._0KxFhq_is-hovered {
+      & ._0KxFhq_spectrum-ToggleSwitch-input:not(:checked) + ._0KxFhq_spectrum-ToggleSwitch-switch {
+        box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-hover, var(--spectrum-global-color-gray-700));
+      }
+    }
 
-  ._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:not(:checked):focus + ._0KxFhq_spectrum-ToggleSwitch-switch {
-    box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
-  }
+    & ._0KxFhq_spectrum-ToggleSwitch-input:not(:checked):focus + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-key-focus, var(--spectrum-global-color-gray-700));
+    }
 
-  ._0KxFhq_spectrum-ToggleSwitch ._0KxFhq_spectrum-ToggleSwitch-input:disabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
-    box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+    & ._0KxFhq_spectrum-ToggleSwitch-input:disabled + ._0KxFhq_spectrum-ToggleSwitch-switch {
+      box-shadow: inset 0 0 0 1px var(--spectrum-switch-emphasized-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
+    }
   }
 }
 /*# sourceMappingURL=toggle_vars.css.map */

package/dist/private/toggle_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgZM;;;;AAaF;;;;AAEE;;;;AAUJ;;;;AAKE;;;;AAOA;;;;AAGE;;;;AAOF;;;;AAIA;;;;AAGE;;;;AAWA;;;;AASF;;;;AAEE;;;;AAQR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDI;;;;EAIA","sources":["packages/@adobe/spectrum-css-temp/components/toggle/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"toggle_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2KJ;;;;;;;;IAOE;;;;;;;IAME;;;;;;;MASN;;;;;;;;EAOI;;;;;;;IAME;;;;;;;MASN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BE;;;;;;;;;;IAWA;;;;;;;;;;IAWA;;;;;;;;;;IAYA;;;;;;AAMI;;;;;;;;;;;;;;;;QAgBN;;;;;;;;;;;;;;QAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BQ;;;;;;;;QAQJ;;;;;;;;;;;;QAWA;;;;;;;;;;;;QAWJ","sources":["packages/@adobe/spectrum-css-temp/components/toggle/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"toggle_vars.css.map"}