@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/checkbox_vars.css

@@ -1,85 +1,94 @@
-._59xJYq_i18nFontFamily {
+.JnVJLG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-._59xJYq_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;
+  }
 
-._59xJYq_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;
+  }
 
-._59xJYq_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;
+  }
 
-._59xJYq_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;
+  }
 
-._59xJYq_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;
+  }
 
-._59xJYq_i18nFontFamily:lang(zh-SG), ._59xJYq_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;
+  }
 
-._59xJYq_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;
+  }
 
-._59xJYq_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;
+  }
 }
 
-._59xJYq_spectrum-FocusRing-ring {
+.JnVJLG_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --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)));
-}
 
-._59xJYq_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,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+  &: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;
+  }
 }
 
-._59xJYq_spectrum-FocusRing._59xJYq_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);
+.JnVJLG_spectrum-FocusRing {
+  &.JnVJLG_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);
+    }
+  }
 }
 
-._59xJYq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.JnVJLG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._59xJYq_spectrum-FocusRing--quiet._59xJYq_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);
+  &.JnVJLG_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);
+    }
+  }
 }
 
 @media (forced-colors: active) {
-  ._59xJYq_spectrum-FocusRing, ._59xJYq_spectrum-FocusRing-ring, ._59xJYq_spectrum-FocusRing--quiet {
+  .JnVJLG_spectrum-FocusRing, .JnVJLG_spectrum-FocusRing-ring, .JnVJLG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._59xJYq_spectrum-FocusRing, ._59xJYq_spectrum-FocusRing-ring, ._59xJYq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
-._59xJYq_spectrum-Checkbox {
+.JnVJLG_spectrum-Checkbox {
   box-sizing: border-box;
   min-block-size: var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400));
   vertical-align: top;
@@ -91,7 +100,7 @@
   position: relative;
 }
 
-._59xJYq_spectrum-Checkbox-input {
+.JnVJLG_spectrum-Checkbox-input {
   box-sizing: border-box;
   inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)));
   opacity: .0001;
@@ -108,40 +117,52 @@
   inset-block-start: 0;
   inset-inline-start: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
   overflow: visible;
-}
 
-._59xJYq_spectrum-Checkbox-input:disabled {
-  cursor: default;
-}
+  &:disabled {
+    cursor: default;
+  }
 
-._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:after {
-  margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+  &.JnVJLG_focus-ring {
+    & + .JnVJLG_spectrum-Checkbox-box {
+      &:after {
+        margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+      }
+    }
+  }
 }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before {
-  border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
-}
+.JnVJLG_spectrum-Checkbox.JnVJLG_is-indeterminate {
+  & .JnVJLG_spectrum-Checkbox-box {
+    &:before {
+      border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
+    }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-checkmark {
-  display: none;
-}
+    & .JnVJLG_spectrum-Checkbox-checkmark {
+      display: none;
+    }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-partialCheckmark {
-  opacity: 1;
-  display: block;
-  transform: scale(1);
+    & .JnVJLG_spectrum-Checkbox-partialCheckmark {
+      opacity: 1;
+      display: block;
+      transform: scale(1);
+    }
+  }
 }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box:before {
-  border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
-}
+.JnVJLG_spectrum-Checkbox.JnVJLG_is-checked {
+  & .JnVJLG_spectrum-Checkbox-box {
+    &:before {
+      border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
+    }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-checkmark {
-  opacity: 1;
-  transform: scale(1);
+    & .JnVJLG_spectrum-Checkbox-checkmark {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
 }
 
-._59xJYq_spectrum-Checkbox-label {
+.JnVJLG_spectrum-Checkbox-label {
   text-align: start;
   font-size: var(--spectrum-checkbox-text-size, var(--spectrum-alias-font-size-default));
   font-weight: var(--spectrum-checkbox-text-font-weight, var(--spectrum-global-font-weight-regular));
@@ -150,7 +171,7 @@
   line-height: 1.49;
 }
 
-._59xJYq_spectrum-Checkbox-box {
+.JnVJLG_spectrum-Checkbox-box {
   box-sizing: border-box;
   inline-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
   block-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
@@ -158,37 +179,39 @@
   flex-grow: 0;
   flex-shrink: 0;
   position: relative;
-}
 
-._59xJYq_spectrum-Checkbox-box:before {
-  z-index: 0;
-  content: "";
-  box-sizing: border-box;
-  width: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
-  height: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
-  border-radius: var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small));
-  border-width: var(--spectrum-checkbox-box-border-size, var(--spectrum-alias-border-size-thick));
-  transition: border var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
-  border-style: solid;
-  display: block;
-  position: absolute;
-}
+  &:before {
+    z-index: 0;
+    content: "";
+    box-sizing: border-box;
+    width: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
+    height: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
+    border-radius: var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small));
+    border-width: var(--spectrum-checkbox-box-border-size, var(--spectrum-alias-border-size-thick));
+    transition: border var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
+      box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+    border-style: solid;
+    display: block;
+    position: absolute;
+  }
 
-._59xJYq_spectrum-Checkbox-box:after {
-  border-radius: calc(var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
-  content: "";
-  margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
-  transition: opacity 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;
-  transform: translateX(0);
+  &:after {
+    border-radius: calc(var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
+    content: "";
+    margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
+    transition: opacity 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;
+    transform: translateX(0);
+  }
 }
 
-._59xJYq_spectrum-Checkbox-checkmark, ._59xJYq_spectrum-Checkbox-partialCheckmark {
+.JnVJLG_spectrum-Checkbox-checkmark, .JnVJLG_spectrum-Checkbox-partialCheckmark {
   opacity: 0;
-  transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+  transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
+    transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
   margin-block-start: calc(var(--spectrum-icon-checkmark-small-height) / -2);
   margin-inline-start: calc(var(--spectrum-icon-checkmark-small-width) / -2);
   position: absolute;
@@ -197,11 +220,11 @@
   transform: scale(0);
 }
 
-._59xJYq_spectrum-Checkbox-partialCheckmark {
+.JnVJLG_spectrum-Checkbox-partialCheckmark {
   display: none;
 }
 
-._59xJYq_spectrum-Checkbox {
+.JnVJLG_spectrum-Checkbox {
   --spectrum-checkbox-emphasized-text-color-key-focus: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
   --spectrum-checkbox-box-border-color: var(--spectrum-alias-toggle-color-default);
   --spectrum-checkbox-box-border-color-hover: var(--spectrum-alias-toggle-color-hover);
@@ -217,149 +240,229 @@
   --spectrum-checkbox-emphasized-box-border-color-selected-hover: var(--spectrum-accent-color-1000);
   --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: var(--spectrum-accent-color-1000);
   --spectrum-checkbox-emphasized-box-border-color-selected-down: var(--spectrum-accent-color-1100);
-  color: var(--spectrum-checkbox-text-color, var(--spectrum-alias-text-color));
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-checkmark, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-partialCheckmark {
-  color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
 }
 
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-box:before {
+.JnVJLG_spectrum-Checkbox {
+  color: var(--spectrum-checkbox-text-color, var(--spectrum-alias-text-color));
   border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
-  background-color: var(--spectrum-checkbox-emphasized-box-background-color, var(--spectrum-global-color-gray-75));
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color));
-}
-
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate, ._59xJYq_spectrum-Checkbox._59xJYq_is-checked) ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
-}
-
-._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-hover, var(--spectrum-global-color-gray-700));
-}
-
-._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
-}
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
-}
-
-._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-down, var(--spectrum-global-color-gray-800));
-}
-
-._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
-}
-
-:is(._59xJYq_spectrum-Checkbox:active._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
-}
-
-:is(:is(._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked):disabled + ._59xJYq_spectrum-Checkbox-box, :is(._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked):disabled:active + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
-}
-
-:is(._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked):disabled ~ ._59xJYq_spectrum-Checkbox-label, :is(._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked):disabled:active ~ ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
-
-:is(:is(._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked):disabled + ._59xJYq_spectrum-Checkbox-box, :is(._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked):disabled:active + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
-}
-
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked):disabled ~ ._59xJYq_spectrum-Checkbox-label, :is(._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked):disabled:active ~ ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
-
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-disabled._59xJYq_is-hovered, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled:active) ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
-  background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
-}
-
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-disabled._59xJYq_is-hovered, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled:active) ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input + ._59xJYq_spectrum-Checkbox-box:after {
-  box-shadow: 0 0 0 var(--spectrum-checkbox-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)) var(--spectrum-checkbox-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
-  opacity: 0;
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-box-border-color-key-focus, var(--spectrum-global-color-gray-700));
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:after {
-  opacity: 1;
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
-}
-
-._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-emphasized-text-color-key-focus, var(--spectrum-alias-text-color-hover));
-}
-
-._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
-}
+  & .JnVJLG_spectrum-Checkbox-checkmark, & .JnVJLG_spectrum-Checkbox-partialCheckmark {
+    color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
-}
+  & .JnVJLG_spectrum-Checkbox-box {
+    &:before {
+      border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
+      background-color: var(--spectrum-checkbox-emphasized-box-background-color, var(--spectrum-global-color-gray-75));
+    }
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
-}
+  & .JnVJLG_spectrum-Checkbox-label {
+    color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color));
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet:active._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
-}
+  &.JnVJLG_is-indeterminate, &.JnVJLG_is-checked {
+    & .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
+      }
+    }
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
-}
+  &.JnVJLG_is-hovered {
+    & .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-emphasized-box-border-color-hover, var(--spectrum-global-color-gray-700));
+      }
+    }
+
+    & .JnVJLG_spectrum-Checkbox-label {
+      color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
+    }
+
+    &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
+      }
+    }
+  }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-error, var(--spectrum-global-color-red-600));
-}
+  &:active {
+    & .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-emphasized-box-border-color-down, var(--spectrum-global-color-gray-800));
+      }
+    }
+
+    & .JnVJLG_spectrum-Checkbox-label {
+      color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
+    }
+
+    &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
+      }
+    }
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring) + ._59xJYq_spectrum-Checkbox-box:before {
-  border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
-}
+  & .JnVJLG_spectrum-Checkbox-input, & .JnVJLG_spectrum-Checkbox-input:checked {
+    &:disabled + .JnVJLG_spectrum-Checkbox-box, &:disabled:active + .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
+        background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
+      }
+    }
+
+    &:disabled ~ .JnVJLG_spectrum-Checkbox-label, &:disabled:active ~ .JnVJLG_spectrum-Checkbox-label {
+      color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    }
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring) ~ ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
-}
+  &.JnVJLG_is-disabled {
+    & .JnVJLG_spectrum-Checkbox-input, & .JnVJLG_spectrum-Checkbox-input:checked {
+      &:disabled + .JnVJLG_spectrum-Checkbox-box, &:disabled:active + .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
+          background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
+        }
+      }
+
+      &:disabled ~ .JnVJLG_spectrum-Checkbox-label, &:disabled:active ~ .JnVJLG_spectrum-Checkbox-label {
+        color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+      }
+    }
+
+    &.JnVJLG_is-hovered, &:active {
+      & .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
+          background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
+        }
+      }
+
+      & .JnVJLG_spectrum-Checkbox-label {
+        color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+      }
+    }
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
-}
+  & .JnVJLG_spectrum-Checkbox-input {
+    & + .JnVJLG_spectrum-Checkbox-box {
+      &:after {
+        box-shadow: 0 0 0 var(--spectrum-checkbox-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size))
+          var(--spectrum-checkbox-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
+        opacity: 0;
+      }
+    }
+
+    &.JnVJLG_focus-ring + .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-box-border-color-key-focus, var(--spectrum-global-color-gray-700));
+      }
+
+      &:after {
+        opacity: 1;
+      }
+    }
+
+    &:checked {
+      &.JnVJLG_focus-ring + .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
+        }
+      }
+    }
+
+    &.JnVJLG_focus-ring ~ .JnVJLG_spectrum-Checkbox-label {
+      color: var(--spectrum-checkbox-emphasized-text-color-key-focus, var(--spectrum-alias-text-color-hover));
+    }
+  }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
-}
+  &.JnVJLG_is-indeterminate {
+    & .JnVJLG_spectrum-Checkbox-input {
+      &.JnVJLG_focus-ring + .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
+        }
+      }
+    }
+  }
 
-:is(._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-box):before {
-  border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
-}
+  &.JnVJLG_spectrum-Checkbox--quiet {
+    & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box, &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box, &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-input.JnVJLG_focus-ring + .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
+      }
+    }
+
+    &.JnVJLG_is-hovered {
+      &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
+        }
+      }
+    }
+
+    &:active {
+      &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
+        }
+      }
+    }
+  }
 
-._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-label {
-  color: var(--spectrum-checkbox-text-color-error-down, var(--spectrum-global-color-red-700));
+  &.JnVJLG_is-invalid {
+    & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-box, &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box, &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-input.JnVJLG_focus-ring + .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box {
+      &:before {
+        border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
+      }
+    }
+
+    & .JnVJLG_spectrum-Checkbox-label {
+      color: var(--spectrum-checkbox-text-color-error, var(--spectrum-global-color-red-600));
+    }
+
+    &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-input.JnVJLG_focus-ring, & .JnVJLG_spectrum-Checkbox-input.JnVJLG_focus-ring {
+      & + .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
+        }
+      }
+
+      & ~ .JnVJLG_spectrum-Checkbox-label {
+        color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
+      }
+    }
+
+    &.JnVJLG_is-hovered {
+      & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-box, &.JnVJLG_is-indeterminate .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
+        }
+      }
+
+      & .JnVJLG_spectrum-Checkbox-label {
+        color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
+      }
+    }
+
+    &:active {
+      & .JnVJLG_spectrum-Checkbox-input:checked + .JnVJLG_spectrum-Checkbox-box, & .JnVJLG_spectrum-Checkbox-box {
+        &:before {
+          border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
+        }
+      }
+
+      & .JnVJLG_spectrum-Checkbox-label {
+        color: var(--spectrum-checkbox-text-color-error-down, var(--spectrum-global-color-red-700));
+      }
+    }
+  }
 }
 
 @media (forced-colors: active) {
-  ._59xJYq_spectrum-Checkbox {
+  .JnVJLG_spectrum-Checkbox {
     forced-color-adjust: none;
     --spectrum-alias-toggle-color-default: ButtonText;
     --spectrum-alias-toggle-color-hover: Highlight;
@@ -399,11 +502,11 @@
     --spectrum-checkbox-emphasized-box-border-color-selected-hover: Highlight;
     --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: Highlight;
     --spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight;
-  }
 
-  ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet, ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate {
-    --spectrum-alias-toggle-color-default: ButtonText;
-    --spectrum-alias-toggle-color-selected: ButtonText;
+    &.JnVJLG_spectrum-Checkbox--quiet, &.JnVJLG_is-indeterminate {
+      --spectrum-alias-toggle-color-default: ButtonText;
+      --spectrum-alias-toggle-color-selected: ButtonText;
+    }
   }
 }
 /*# sourceMappingURL=checkbox_vars.css.map */