@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/menu_vars.css

@@ -1,38 +1,38 @@
 .GeiM8a_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.GeiM8a_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;
+  }
 
-.GeiM8a_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;
+  }
 
-.GeiM8a_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;
+  }
 
-.GeiM8a_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;
+  }
 
-.GeiM8a_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;
+  }
 
-.GeiM8a_i18nFontFamily:lang(zh-SG), .GeiM8a_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;
+  }
 
-.GeiM8a_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;
+  }
 
-.GeiM8a_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;
+  }
 }
 
 .GeiM8a_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)));
-}
 
-.GeiM8a_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;
+  }
 }
 
-.GeiM8a_spectrum-FocusRing.GeiM8a_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);
+.GeiM8a_spectrum-FocusRing {
+  &.GeiM8a_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);
+    }
+  }
 }
 
-.GeiM8a_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.GeiM8a_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.GeiM8a_spectrum-FocusRing--quiet.GeiM8a_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.GeiM8a_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) {
   .GeiM8a_spectrum-FocusRing, .GeiM8a_spectrum-FocusRing-ring, .GeiM8a_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.GeiM8a_spectrum-FocusRing, .GeiM8a_spectrum-FocusRing-ring, .GeiM8a_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -109,15 +117,15 @@
   list-style-type: none;
   display: block;
   overflow-y: auto;
-}
 
-.GeiM8a_spectrum-Menu .GeiM8a_spectrum-Menu-sectionHeading {
-  margin-block-start: var(--spectrum-global-dimension-size-75);
-  margin-block-end: var(--spectrum-global-dimension-size-40);
-}
+  & .GeiM8a_spectrum-Menu-sectionHeading {
+    margin-block-start: var(--spectrum-global-dimension-size-75);
+    margin-block-end: var(--spectrum-global-dimension-size-40);
+  }
 
-.GeiM8a_spectrum-Menu:focus {
-  outline: none;
+  &:focus {
+    outline: none;
+  }
 }
 
 .GeiM8a_spectrum-Menu-checkmark {
@@ -139,26 +147,28 @@
   text-decoration: none;
   display: block;
   position: relative;
-}
 
-.GeiM8a_spectrum-Menu-item[href] {
-  cursor: pointer;
-}
+  &[href] {
+    cursor: pointer;
+  }
 
-.GeiM8a_spectrum-Menu-item:focus {
-  outline: none;
-}
+  &:focus {
+    outline: none;
+  }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-disabled {
-  cursor: default;
-}
+  &.GeiM8a_is-disabled {
+    cursor: default;
+  }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-selected .GeiM8a_spectrum-Menu-checkmark {
-  display: block;
-}
+  &.GeiM8a_is-selected {
+    & .GeiM8a_spectrum-Menu-checkmark {
+      display: block;
+    }
+  }
 
-.GeiM8a_spectrum-Menu-item .GeiM8a_spectrum-Icon + .GeiM8a_spectrum-Menu-itemLabel, .GeiM8a_spectrum-Menu-item .GeiM8a_spectrum-Menu-itemIcon + .GeiM8a_spectrum-Menu-itemLabel {
-  margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
+  & .GeiM8a_spectrum-Icon + .GeiM8a_spectrum-Menu-itemLabel, & .GeiM8a_spectrum-Menu-itemIcon + .GeiM8a_spectrum-Menu-itemLabel {
+    margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
+  }
 }
 
 .GeiM8a_spectrum-Menu-itemLabel {
@@ -201,12 +211,14 @@
   display: block;
 }
 
-.GeiM8a_spectrum-Menu-section--noHeading.GeiM8a_spectrum-Menu-section--isFirst {
-  padding-top: 0;
-}
+.GeiM8a_spectrum-Menu-section--noHeading {
+  &.GeiM8a_spectrum-Menu-section--isFirst {
+    padding-top: 0;
+  }
 
-.GeiM8a_spectrum-Menu-section--noHeading.GeiM8a_spectrum-Menu-section--isLast {
-  padding-bottom: 0;
+  &.GeiM8a_spectrum-Menu-section--isLast {
+    padding-bottom: 0;
+  }
 }
 
 .GeiM8a_spectrum-Menu .GeiM8a_spectrum-Menu {
@@ -225,11 +237,13 @@
   display: grid;
 }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-selectable .GeiM8a_spectrum-Menu-itemGrid {
-  grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)))
+.GeiM8a_spectrum-Menu-item.GeiM8a_is-selectable {
+  & .GeiM8a_spectrum-Menu-itemGrid {
+    grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)))
       auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) +
           var(--spectrum-selectlist-option-icon-padding-x, var(--spectrum-global-dimension-size-150)))
       auto auto var(--spectrum-global-dimension-size-150);
+  }
 }
 
 .GeiM8a_spectrum-Menu .GeiM8a_spectrum-Menu-end {
@@ -276,48 +290,48 @@
 
 .GeiM8a_spectrum-Menu-wrapper {
   overflow: auto;
-}
 
-.GeiM8a_spectrum-Menu-wrapper .GeiM8a_spectrum-Submenu-wrapper {
-  flex-direction: column;
-  display: flex;
-  overflow: auto;
-}
+  & .GeiM8a_spectrum-Submenu-wrapper {
+    flex-direction: column;
+    display: flex;
+    overflow: auto;
 
-.GeiM8a_spectrum-Menu-wrapper .GeiM8a_spectrum-Submenu-wrapper.GeiM8a_spectrum-Submenu-wrapper--isMobile {
-  overflow-x: hidden;
-}
+    &.GeiM8a_spectrum-Submenu-wrapper--isMobile {
+      overflow-x: hidden;
+    }
+  }
 
-.GeiM8a_spectrum-Menu-wrapper.GeiM8a_spectrum-Menu-wrapper--isMobile {
-  background-color: unset;
-  opacity: 1;
-  width: 100%;
-  transition: opacity var(--spectrum-global-animation-duration-600, .3s)
+  &.GeiM8a_spectrum-Menu-wrapper--isMobile {
+    background-color: unset;
+    opacity: 1;
+    width: 100%;
+    transition: opacity var(--spectrum-global-animation-duration-600, .3s)
       var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
-  border: none;
-}
-
-.GeiM8a_spectrum-Menu-wrapper.GeiM8a_spectrum-Menu-wrapper--isMobile.GeiM8a_is-expanded {
-  opacity: 0;
-  border: 0;
-  height: 0;
-  position: absolute;
-  left: 100%;
-}
-
-.GeiM8a_spectrum-Menu-wrapper.GeiM8a_spectrum-Menu-wrapper--isMobile .GeiM8a_spectrum-Submenu-headingWrapper {
-  margin: 4px 4px 0;
-  display: flex;
-}
-
-.GeiM8a_spectrum-Menu-wrapper.GeiM8a_spectrum-Menu-wrapper--isMobile .GeiM8a_spectrum-Submenu-headingWrapper .GeiM8a_spectrum-Submenu-heading {
-  font-weight: var(--spectrum-global-font-weight-bold, 700);
-  font-size: var(--spectrum-dialog-title-text-size);
-  line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
-  margin-top: 7px;
-  margin-bottom: 0;
-  margin-inline-start: 4px;
-  display: flex;
+    border: none;
+
+    &.GeiM8a_is-expanded {
+      opacity: 0;
+      border: 0;
+      height: 0;
+      position: absolute;
+      left: 100%;
+    }
+
+    & .GeiM8a_spectrum-Submenu-headingWrapper {
+      margin: 4px 4px 0;
+      display: flex;
+
+      & .GeiM8a_spectrum-Submenu-heading {
+        font-weight: var(--spectrum-global-font-weight-bold, 700);
+        font-size: var(--spectrum-dialog-title-text-size);
+        line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
+        margin-top: 7px;
+        margin-bottom: 0;
+        margin-inline-start: 4px;
+        display: flex;
+      }
+    }
+  }
 }
 
 .GeiM8a_spectrum-Menu-wrapper, .GeiM8a_spectrum-Menu-subdialog {
@@ -340,36 +354,38 @@
 .GeiM8a_spectrum-Menu-item {
   background-color: var(--spectrum-selectlist-option-background-color, var(--spectrum-alias-background-color-transparent));
   color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
-}
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_focus-ring, .GeiM8a_spectrum-Menu-item.GeiM8a_is-focused {
-  background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
-  color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
-  border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
-}
+  &.GeiM8a_focus-ring, &.GeiM8a_is-focused {
+    background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
+    color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+    border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
+  }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-hovered, .GeiM8a_spectrum-Menu-item:focus, .GeiM8a_spectrum-Menu-item.GeiM8a_is-highlighted, .GeiM8a_spectrum-Menu-item.GeiM8a_is-open {
-  background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
-  color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
-}
+  &.GeiM8a_is-hovered, &:focus, &.GeiM8a_is-highlighted, &.GeiM8a_is-open {
+    background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
+    color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
+  }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-selected .GeiM8a_spectrum-Menu-checkmark {
-  color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
-}
+  &.GeiM8a_is-selected {
+    & .GeiM8a_spectrum-Menu-checkmark {
+      color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
+    }
+  }
 
-.GeiM8a_spectrum-Menu-item .GeiM8a_is-active, .GeiM8a_spectrum-Menu-item:active {
-  background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
-}
+  & .GeiM8a_is-active, &:active {
+    background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
+  }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-disabled .GeiM8a_spectrum-Menu-description {
-  color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
+  &.GeiM8a_is-disabled {
+    & .GeiM8a_spectrum-Menu-description {
+      color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    }
 
-.GeiM8a_spectrum-Menu-item.GeiM8a_is-disabled {
-  background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
-  color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-  cursor: default;
-  background-image: none;
+    background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
+    color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    cursor: default;
+    background-image: none;
+  }
 }
 
 .GeiM8a_spectrum-Menu-sectionHeading {
@@ -440,10 +456,10 @@
   animation-duration: var(--spectrum-global-animation-duration-400, .22s);
   animation-fill-mode: forwards;
   animation-timing-function: var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
-}
 
-.GeiM8a_spectrum-TraySubmenu-enter:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  animation-name: GeiM8a_slideInFromLeft;
+  &:dir(rtl) {
+    animation-name: GeiM8a_slideInFromLeft;
+  }
 }
 
 .GeiM8a_spectrum-TraySubmenu-exit {
@@ -451,10 +467,10 @@
   animation-duration: var(--spectrum-global-animation-duration-400, .22s);
   animation-fill-mode: forwards;
   animation-timing-function: var(--spectrum-global-animation-ease-in, cubic-bezier(.5, 0, 1, 1));
-}
 
-.GeiM8a_spectrum-TraySubmenu-exit:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  animation-name: GeiM8a_slideOutToLeft;
+  &:dir(rtl) {
+    animation-name: GeiM8a_slideOutToLeft;
+  }
 }
 
 @media (forced-colors: active) {
@@ -480,24 +496,26 @@
     --spectrum-selectlist-option-text-color-hover: HighlightText;
     --spectrum-selectlist-option-text-color-key-focus: HighlightText;
     --spectrum-alias-border-color-focus: Highlight;
-  }
-
-  .GeiM8a_spectrum-Menu-item .GeiM8a_spectrum-Menu-description {
-    color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
-  }
 
-  :is(.GeiM8a_spectrum-Menu-item.GeiM8a_is-hovered, .GeiM8a_spectrum-Menu-item:focus, .GeiM8a_spectrum-Menu-item.GeiM8a_is-highlighted, .GeiM8a_spectrum-Menu-item.GeiM8a_is-open, .GeiM8a_spectrum-Menu-item.GeiM8a_focus-ring, .GeiM8a_spectrum-Menu-item.GeiM8a_is-focused).GeiM8a_is-selected .GeiM8a_spectrum-Menu-checkmark {
-    color: highlighttext;
-  }
-
-  :is(.GeiM8a_spectrum-Menu-item.GeiM8a_is-hovered, .GeiM8a_spectrum-Menu-item:focus, .GeiM8a_spectrum-Menu-item.GeiM8a_is-highlighted, .GeiM8a_spectrum-Menu-item.GeiM8a_is-open, .GeiM8a_spectrum-Menu-item.GeiM8a_focus-ring, .GeiM8a_spectrum-Menu-item.GeiM8a_is-focused) .GeiM8a_spectrum-Menu-description {
-    color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
-    background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
-  }
-
-  .GeiM8a_spectrum-Menu-item.GeiM8a_is-hovered, .GeiM8a_spectrum-Menu-item:focus, .GeiM8a_spectrum-Menu-item.GeiM8a_is-highlighted, .GeiM8a_spectrum-Menu-item.GeiM8a_is-open, .GeiM8a_spectrum-Menu-item.GeiM8a_focus-ring, .GeiM8a_spectrum-Menu-item.GeiM8a_is-focused {
-    background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
-    color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+    & .GeiM8a_spectrum-Menu-description {
+      color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
+    }
+
+    &.GeiM8a_is-hovered, &:focus, &.GeiM8a_is-highlighted, &.GeiM8a_is-open, &.GeiM8a_focus-ring, &.GeiM8a_is-focused {
+      &.GeiM8a_is-selected {
+        & .GeiM8a_spectrum-Menu-checkmark {
+          color: highlighttext;
+        }
+      }
+
+      & .GeiM8a_spectrum-Menu-description {
+        color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+        background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
+      }
+
+      background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
+      color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+    }
   }
 }
 /*# sourceMappingURL=menu_vars.css.map */

package/dist/private/menu_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MA;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FA;;;;;;;;;;;;;;;;;;;;;;AAqBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HJ;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;;;;AAKE;;;;AAKF","sources":["packages/@adobe/spectrum-css-temp/components/menu/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":"menu_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4KF;;;;;;;;;;;;;;;;;;;;;;;;;EAgDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;;;;;;;;AAQI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFF;;;;;;;;;;;;;;;EAmBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BJ;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;;;EAKE;;;;;AAKF;;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCI;;;;;MAIiB","sources":["packages/@adobe/spectrum-css-temp/components/menu/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":"menu_vars.css.map"}

package/dist/private/modal_vars.css

@@ -1,38 +1,38 @@
 ._1jtgoa_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-._1jtgoa_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;
+  }
 
-._1jtgoa_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;
+  }
 
-._1jtgoa_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;
+  }
 
-._1jtgoa_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;
+  }
 
-._1jtgoa_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;
+  }
 
-._1jtgoa_i18nFontFamily:lang(zh-SG), ._1jtgoa_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;
+  }
 
-._1jtgoa_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;
+  }
 
-._1jtgoa_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;
+  }
 }
 
 ._1jtgoa_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)));
-}
 
-._1jtgoa_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;
+  }
 }
 
-._1jtgoa_spectrum-FocusRing._1jtgoa_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);
+._1jtgoa_spectrum-FocusRing {
+  &._1jtgoa_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);
+    }
+  }
 }
 
-._1jtgoa_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._1jtgoa_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._1jtgoa_spectrum-FocusRing--quiet._1jtgoa_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &._1jtgoa_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) {
   ._1jtgoa_spectrum-FocusRing, ._1jtgoa_spectrum-FocusRing-ring, ._1jtgoa_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._1jtgoa_spectrum-FocusRing, ._1jtgoa_spectrum-FocusRing-ring, ._1jtgoa_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -126,10 +134,10 @@
   position: fixed;
   top: 0;
   left: 0;
-}
 
-._1jtgoa_spectrum-Modal-wrapper._1jtgoa_is-open {
-  visibility: visible;
+  &._1jtgoa_is-open {
+    visibility: visible;
+  }
 }
 
 ._1jtgoa_spectrum-Modal {
@@ -167,8 +175,10 @@
     max-height: 100%;
   }
 
-  ._1jtgoa_spectrum-Modal-wrapper ._1jtgoa_spectrum-Modal--responsive {
-    margin-top: 0;
+  ._1jtgoa_spectrum-Modal-wrapper {
+    & ._1jtgoa_spectrum-Modal--responsive {
+      margin-top: 0;
+    }
   }
 }
 
@@ -189,10 +199,10 @@
   max-height: none;
   position: fixed;
   inset: 0;
-}
 
-._1jtgoa_spectrum-Modal--fullscreenTakeover, ._1jtgoa_spectrum-Modal--fullscreenTakeover._1jtgoa_is-open {
-  transform: none;
+  &, &._1jtgoa_is-open {
+    transform: none;
+  }
 }
 
 @media (forced-colors: active) {

package/dist/private/modal_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FF;;;;AAUA;;;;AAIA;;;;AAMA;;;;;;;;;;;;;;;;;;;;AAiCA","sources":["packages/@adobe/spectrum-css-temp/components/modal/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":"modal_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DJ;;;;AAUA;;;;AAIA;;;;AAMA","sources":["packages/@adobe/spectrum-css-temp/components/modal/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":"modal_vars.css.map"}