@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/radio_vars.css

@@ -1,87 +1,97 @@
-.W6KuBW_i18nFontFamily {
+.n5vxYq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.W6KuBW_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;
+  }
 
-.W6KuBW_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;
+  }
 
-.W6KuBW_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;
+  }
 
-.W6KuBW_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;
+  }
 
-.W6KuBW_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;
+  }
 
-.W6KuBW_i18nFontFamily:lang(zh-SG), .W6KuBW_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;
+  }
 
-.W6KuBW_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;
+  }
 
-.W6KuBW_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;
+  }
 }
 
-.W6KuBW_spectrum-FocusRing-ring {
+.n5vxYq_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)));
-}
 
-.W6KuBW_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;
+  }
 }
 
-.W6KuBW_spectrum-FocusRing.W6KuBW_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);
+.n5vxYq_spectrum-FocusRing {
+  &.n5vxYq_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);
+    }
+  }
 }
 
-.W6KuBW_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.n5vxYq_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.W6KuBW_spectrum-FocusRing--quiet.W6KuBW_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);
+  &.n5vxYq_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) {
-  .W6KuBW_spectrum-FocusRing, .W6KuBW_spectrum-FocusRing-ring, .W6KuBW_spectrum-FocusRing--quiet {
+  .n5vxYq_spectrum-FocusRing, .n5vxYq_spectrum-FocusRing-ring, .n5vxYq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.W6KuBW_spectrum-FocusRing, .W6KuBW_spectrum-FocusRing-ring, .W6KuBW_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
-.W6KuBW_spectrum-Radio {
+.n5vxYq_spectrum-Radio {
   --spectrum-radio-radius: calc(var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175)) / 2);
-  --spectrum-radio-border-width-checked: calc(calc(var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175)) / 2) - calc(var(--spectrum-radio-circle-dot-size, var(--spectrum-global-dimension-static-size-50)) / 2));
+  --spectrum-radio-border-width-checked: calc(calc(var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175)) / 2) -
+      calc(var(--spectrum-radio-circle-dot-size, var(--spectrum-global-dimension-static-size-50)) / 2));
   --spectrum-radio-labelbelow-label-margin: var(--spectrum-global-dimension-size-40) 0 0 0;
   --spectrum-radio-labelbelow-height: auto;
   --spectrum-radio-label-margin-top: var(--spectrum-global-dimension-size-65);
@@ -106,7 +116,7 @@
   position: relative;
 }
 
-.W6KuBW_spectrum-Radio-input {
+.n5vxYq_spectrum-Radio-input {
   box-sizing: border-box;
   inline-size: calc(100% + var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
   opacity: .0001;
@@ -122,21 +132,27 @@
   inset-block-start: 0;
   inset-inline-start: calc(var(--spectrum-radio-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
   overflow: visible;
-}
 
-.W6KuBW_spectrum-Radio-input:disabled {
-  cursor: default;
-}
+  &:disabled {
+    cursor: default;
+  }
 
-.W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-width: var(--spectrum-radio-border-width-checked);
-}
+  &:checked + .n5vxYq_spectrum-Radio-button {
+    &:before {
+      border-width: var(--spectrum-radio-border-width-checked);
+    }
+  }
 
-.W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring + .W6KuBW_spectrum-Radio-button:after {
-  margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+  &.n5vxYq_focus-ring {
+    & + .n5vxYq_spectrum-Radio-button {
+      &:after {
+        margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+      }
+    }
+  }
 }
 
-.W6KuBW_spectrum-Radio-label {
+.n5vxYq_spectrum-Radio-label {
   text-align: start;
   font-size: var(--spectrum-radio-text-size, var(--spectrum-alias-font-size-default));
   line-height: var(--spectrum-radio-label-line-height);
@@ -145,7 +161,7 @@
   margin-inline-start: var(--spectrum-radio-text-gap, var(--spectrum-global-dimension-size-125));
 }
 
-.W6KuBW_spectrum-Radio-button {
+.n5vxYq_spectrum-Radio-button {
   box-sizing: border-box;
   inline-size: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
   block-size: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
@@ -153,159 +169,232 @@
   flex-grow: 0;
   flex-shrink: 0;
   position: relative;
-}
 
-.W6KuBW_spectrum-Radio-button:before {
-  z-index: 0;
-  content: "";
-  box-sizing: border-box;
-  width: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
-  height: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
-  border-radius: var(--spectrum-radio-radius);
-  border-width: var(--spectrum-radio-circle-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-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
+    height: var(--spectrum-radio-circle-diameter, var(--spectrum-global-dimension-size-175));
+    border-radius: var(--spectrum-radio-radius);
+    border-width: var(--spectrum-radio-circle-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;
+  }
 
-.W6KuBW_spectrum-Radio-button:after {
-  content: "";
-  margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  border-radius: 100%;
-  display: block;
-  position: absolute;
-  inset: 0;
-  transform: translateX(0);
+  &:after {
+    content: "";
+    margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+    border-radius: 100%;
+    display: block;
+    position: absolute;
+    inset: 0;
+    transform: translateX(0);
+  }
 }
 
-.W6KuBW_spectrum-Radio--labelBelow {
+.n5vxYq_spectrum-Radio--labelBelow {
   block-size: var(--spectrum-radio-labelbelow-height);
   flex-direction: column;
   align-items: center;
   display: inline-flex;
-}
 
-.W6KuBW_spectrum-Radio--labelBelow .W6KuBW_spectrum-Radio-button {
-  flex-shrink: 0;
-  margin: 0;
-}
+  & .n5vxYq_spectrum-Radio-button {
+    flex-shrink: 0;
+    margin: 0;
+  }
 
-.W6KuBW_spectrum-Radio--labelBelow .W6KuBW_spectrum-Radio-label {
-  margin: var(--spectrum-radio-labelbelow-label-margin);
+  & .n5vxYq_spectrum-Radio-label {
+    margin: var(--spectrum-radio-labelbelow-label-margin);
+  }
 }
 
-.W6KuBW_spectrum-Radio .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-selected, var(--spectrum-global-color-blue-500));
+.n5vxYq_spectrum-Radio .n5vxYq_spectrum-Radio-input {
+  &:checked + .n5vxYq_spectrum-Radio-button {
+    &:before {
+      border-color: var(--spectrum-radio-emphasized-circle-border-color-selected, var(--spectrum-global-color-blue-500));
+    }
+  }
 }
 
-.W6KuBW_spectrum-Radio-label {
+.n5vxYq_spectrum-Radio-label {
   color: var(--spectrum-radio-emphasized-text-color, var(--spectrum-alias-text-color));
 }
 
-.W6KuBW_spectrum-Radio-button:before {
-  background-color: var(--spectrum-radio-emphasized-circle-background-color, var(--spectrum-global-color-gray-75));
-  border-color: var(--spectrum-radio-emphasized-circle-border-color, var(--spectrum-global-color-gray-600));
-}
-
-.W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-hover, var(--spectrum-global-color-gray-700));
-  box-shadow: none;
-}
-
-.W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
-}
-
-.W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-label {
-  color: var(--spectrum-radio-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
-}
-
-.W6KuBW_spectrum-Radio:active .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-down, var(--spectrum-global-color-gray-800));
-}
-
-.W6KuBW_spectrum-Radio:active .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-down, var(--spectrum-global-color-blue-700));
-}
-
-.W6KuBW_spectrum-Radio:active .W6KuBW_spectrum-Radio-label {
-  color: var(--spectrum-radio-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
+.n5vxYq_spectrum-Radio-button {
+  &:before {
+    background-color: var(--spectrum-radio-emphasized-circle-background-color, var(--spectrum-global-color-gray-75));
+    border-color: var(--spectrum-radio-emphasized-circle-border-color, var(--spectrum-global-color-gray-600));
+  }
 }
 
-:is(.W6KuBW_spectrum-Radio .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring, .W6KuBW_spectrum-Radio.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring):checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
-}
+.n5vxYq_spectrum-Radio {
+  &.n5vxYq_is-hovered {
+    & .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-hover, var(--spectrum-global-color-gray-700));
+        box-shadow: none;
+      }
+    }
+
+    & .n5vxYq_spectrum-Radio-input:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
+      }
+    }
+
+    & .n5vxYq_spectrum-Radio-label {
+      color: var(--spectrum-radio-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
+    }
+  }
 
-.W6KuBW_spectrum-Radio--quiet .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-quiet-circle-border-color-selected, var(--spectrum-global-color-gray-700));
-}
+  &:active {
+    & .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-down, var(--spectrum-global-color-gray-800));
+      }
+    }
+
+    & .n5vxYq_spectrum-Radio-input:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-down, var(--spectrum-global-color-blue-700));
+      }
+    }
+
+    & .n5vxYq_spectrum-Radio-label {
+      color: var(--spectrum-radio-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
+    }
+  }
 
-.W6KuBW_spectrum-Radio--quiet.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-quiet-circle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
+  & .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring, &.n5vxYq_is-hovered .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring {
+    &:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-selected-hover, var(--spectrum-global-color-blue-600));
+      }
+    }
+  }
 }
 
-.W6KuBW_spectrum-Radio--quiet:active .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-quiet-circle-border-color-selected-down, var(--spectrum-global-color-gray-900));
-}
+.n5vxYq_spectrum-Radio--quiet {
+  & .n5vxYq_spectrum-Radio-input:checked + .n5vxYq_spectrum-Radio-button {
+    &:before {
+      border-color: var(--spectrum-radio-quiet-circle-border-color-selected, var(--spectrum-global-color-gray-700));
+    }
+  }
 
-:is(.W6KuBW_spectrum-Radio--quiet .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring, .W6KuBW_spectrum-Radio--quiet.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring):checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
-}
+  &.n5vxYq_is-hovered {
+    & .n5vxYq_spectrum-Radio-input:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-quiet-circle-border-color-selected-hover, var(--spectrum-global-color-gray-800));
+      }
+    }
+  }
 
-:is(:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-button, :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-input:checked + .W6KuBW_spectrum-Radio-button):before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
-}
+  &:active {
+    & .n5vxYq_spectrum-Radio-input:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-quiet-circle-border-color-selected-down, var(--spectrum-global-color-gray-900));
+      }
+    }
+  }
 
-:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-label {
-  color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
+  & .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring, &.n5vxYq_is-hovered .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring {
+    &:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-quiet-circle-border-color-selected-key-focus, var(--spectrum-global-color-gray-800));
+      }
+    }
+  }
 }
 
-:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
-}
+.n5vxYq_spectrum-Radio, .n5vxYq_spectrum-Radio--quiet {
+  &.n5vxYq_is-invalid {
+    & .n5vxYq_spectrum-Radio-button, & .n5vxYq_spectrum-Radio-input:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
+      }
+    }
 
-:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-label {
-  color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
-}
+    & .n5vxYq_spectrum-Radio-label {
+      color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
+    }
+  }
 
-:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid:active .W6KuBW_spectrum-Radio-input + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
-}
+  &.n5vxYq_is-invalid.n5vxYq_is-hovered {
+    & .n5vxYq_spectrum-Radio-input + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
+      }
+    }
 
-:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid:active .W6KuBW_spectrum-Radio-label {
-  color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
-}
+    & .n5vxYq_spectrum-Radio-label {
+      color: var(--spectrum-radio-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
+    }
+  }
 
-:is(:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring, :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring):not(:checked) + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-circle-border-color-error-key-focus, var(--spectrum-global-color-red-600));
-}
+  &.n5vxYq_is-invalid:active {
+    & .n5vxYq_spectrum-Radio-input + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
+      }
+    }
 
-:is(:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring, :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring):checked + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-circle-border-color-error-selected-key-focus, var(--spectrum-global-color-red-600));
-}
+    & .n5vxYq_spectrum-Radio-label {
+      color: var(--spectrum-radio-emphasized-circle-border-color-error-down, var(--spectrum-global-color-red-700));
+    }
+  }
 
-.W6KuBW_spectrum-Radio-input:disabled + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-emphasized-circle-border-color-disabled, var(--spectrum-global-color-gray-400)) !important;
+  &.n5vxYq_is-invalid .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring, &.n5vxYq_is-invalid.n5vxYq_is-hovered .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring {
+    &:not(:checked) + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-circle-border-color-error-key-focus, var(--spectrum-global-color-red-600));
+      }
+    }
+
+    &:checked + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-circle-border-color-error-selected-key-focus, var(--spectrum-global-color-red-600));
+      }
+    }
+  }
 }
 
-.W6KuBW_spectrum-Radio-input:disabled ~ .W6KuBW_spectrum-Radio-label {
-  color: var(--spectrum-radio-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled)) !important;
-}
+.n5vxYq_spectrum-Radio-input {
+  &:disabled + .n5vxYq_spectrum-Radio-button {
+    &:before {
+      border-color: var(--spectrum-radio-emphasized-circle-border-color-disabled, var(--spectrum-global-color-gray-400)) !important;
+    }
+  }
 
-:is(:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet) .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring, :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring):not(:checked) + .W6KuBW_spectrum-Radio-button:before {
-  border-color: var(--spectrum-radio-circle-border-color-key-focus, var(--spectrum-global-color-gray-700));
+  &:disabled ~ .n5vxYq_spectrum-Radio-label {
+    color: var(--spectrum-radio-emphasized-text-color-disabled, var(--spectrum-alias-text-color-disabled)) !important;
+  }
 }
 
-:is(:is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet) .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring, :is(.W6KuBW_spectrum-Radio, .W6KuBW_spectrum-Radio--quiet).W6KuBW_is-hovered .W6KuBW_spectrum-Radio-input.W6KuBW_focus-ring) + .W6KuBW_spectrum-Radio-button:after {
-  box-shadow: 0 0 0 var(--spectrum-radio-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)) var(--spectrum-radio-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
+.n5vxYq_spectrum-Radio, .n5vxYq_spectrum-Radio--quiet {
+  & .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring, &.n5vxYq_is-hovered .n5vxYq_spectrum-Radio-input.n5vxYq_focus-ring {
+    &:not(:checked) + .n5vxYq_spectrum-Radio-button {
+      &:before {
+        border-color: var(--spectrum-radio-circle-border-color-key-focus, var(--spectrum-global-color-gray-700));
+      }
+    }
+
+    & + .n5vxYq_spectrum-Radio-button {
+      &:after {
+        box-shadow: 0 0 0 var(--spectrum-radio-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size))
+          var(--spectrum-radio-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
+      }
+    }
+  }
 }
 
 @media (forced-colors: active) {
-  .W6KuBW_spectrum-Radio {
+  .n5vxYq_spectrum-Radio {
     forced-color-adjust: none;
     --spectrum-radio-circle-border-color-error-key-focus: ButtonText;
     --spectrum-radio-circle-border-color-error-selected-key-focus: Highlight;
@@ -333,10 +422,18 @@
     --spectrum-radio-quiet-circle-border-color-selected-key-focus: Highlight;
     --spectrum-radio-focus-ring-gap-key-focus: var(--spectrum-global-dimension-static-size-25, 2px);
     --spectrum-radio-focus-ring-size: var(--spectrum-global-dimension-static-size-40, 3px);
-  }
 
-  .W6KuBW_spectrum-Radio.W6KuBW_is-invalid.W6KuBW_is-hovered .W6KuBW_spectrum-Radio-label, .W6KuBW_spectrum-Radio.W6KuBW_is-invalid:active .W6KuBW_spectrum-Radio-label {
-    color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
+    &.n5vxYq_is-invalid.n5vxYq_is-hovered {
+      & .n5vxYq_spectrum-Radio-label {
+        color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
+      }
+    }
+
+    &.n5vxYq_is-invalid:active {
+      & .n5vxYq_spectrum-Radio-label {
+        color: var(--spectrum-radio-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
+      }
+    }
   }
 }
 /*# sourceMappingURL=radio_vars.css.map */

package/dist/private/radio_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/spectrum-css-temp/components/radio/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":"radio_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiMF;;;;;EAgBF;;;;;;;;;;;;;AAaE;;;;;;;;;;;;;;;;;;;;;MAqBE;;;;;IAKF;;;;;;;MAOE;;;;;;MAMA;;;;;IAIF;;;;;;;;;;;;;;;;IAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiCE;;;;;IAIF;;;;;;;MAME;;;;;IAIF;;;;;;;MAME;;;;;IAIF;;;;;;;MAOE;;;;;;;;;;;;;;;IAeF;;;;;EASF;;;;;;;;MASI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2CA;MACE","sources":["packages/@adobe/spectrum-css-temp/components/radio/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":"radio_vars.css.map"}

package/dist/private/radio_vars_css.cjs

@@ -29,19 +29,19 @@ var $bc827f1e79599754$export$6db66b55a897f36d;
 var $bc827f1e79599754$export$bf9d5e902c33bf05;
 var $bc827f1e79599754$export$c0ce6f9a6a2de1cc;
 var $bc827f1e79599754$export$b0f8395a9667922d;
-$bc827f1e79599754$export$f39a09f249340e2a = `W6KuBW_focus-ring`;
-$bc827f1e79599754$export$8c4ee2c50c22c514 = `W6KuBW_i18nFontFamily`;
-$bc827f1e79599754$export$b8813cd5d7824ce7 = `W6KuBW_is-hovered`;
-$bc827f1e79599754$export$14a30de2866685fa = `W6KuBW_is-invalid`;
-$bc827f1e79599754$export$4109102f950813a6 = `W6KuBW_spectrum-FocusRing-ring`;
-$bc827f1e79599754$export$24c7f46a6e3605dd = `W6KuBW_spectrum-FocusRing ${$bc827f1e79599754$export$4109102f950813a6}`;
-$bc827f1e79599754$export$2927016961429360 = `W6KuBW_spectrum-FocusRing--quiet`;
-$bc827f1e79599754$export$26ebd4dbfef068c5 = `W6KuBW_spectrum-Radio`;
-$bc827f1e79599754$export$9443e7082698950d = `W6KuBW_spectrum-Radio--labelBelow`;
-$bc827f1e79599754$export$6db66b55a897f36d = `W6KuBW_spectrum-Radio--quiet`;
-$bc827f1e79599754$export$bf9d5e902c33bf05 = `W6KuBW_spectrum-Radio-button`;
-$bc827f1e79599754$export$c0ce6f9a6a2de1cc = `W6KuBW_spectrum-Radio-input`;
-$bc827f1e79599754$export$b0f8395a9667922d = `W6KuBW_spectrum-Radio-label`;
+$bc827f1e79599754$export$f39a09f249340e2a = `n5vxYq_focus-ring`;
+$bc827f1e79599754$export$8c4ee2c50c22c514 = `n5vxYq_i18nFontFamily`;
+$bc827f1e79599754$export$b8813cd5d7824ce7 = `n5vxYq_is-hovered`;
+$bc827f1e79599754$export$14a30de2866685fa = `n5vxYq_is-invalid`;
+$bc827f1e79599754$export$4109102f950813a6 = `n5vxYq_spectrum-FocusRing-ring`;
+$bc827f1e79599754$export$24c7f46a6e3605dd = `n5vxYq_spectrum-FocusRing ${$bc827f1e79599754$export$4109102f950813a6}`;
+$bc827f1e79599754$export$2927016961429360 = `n5vxYq_spectrum-FocusRing--quiet`;
+$bc827f1e79599754$export$26ebd4dbfef068c5 = `n5vxYq_spectrum-Radio`;
+$bc827f1e79599754$export$9443e7082698950d = `n5vxYq_spectrum-Radio--labelBelow`;
+$bc827f1e79599754$export$6db66b55a897f36d = `n5vxYq_spectrum-Radio--quiet`;
+$bc827f1e79599754$export$bf9d5e902c33bf05 = `n5vxYq_spectrum-Radio-button`;
+$bc827f1e79599754$export$c0ce6f9a6a2de1cc = `n5vxYq_spectrum-Radio-input`;
+$bc827f1e79599754$export$b0f8395a9667922d = `n5vxYq_spectrum-Radio-label`;
 
 
 //# sourceMappingURL=radio_vars_css.cjs.map