@react-spectrum/menu 3.0.0-alpha.1 → 3.0.0-nightly-4980928d3-240906

package/dist/vars.89a944d6.css

@@ -0,0 +1,568 @@
+.Q7FggG_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.Q7FggG_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;
+}
+
+.Q7FggG_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;
+}
+
+.Q7FggG_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.Q7FggG_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.Q7FggG_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.Q7FggG_i18nFontFamily:lang(zh-SG), .Q7FggG_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.Q7FggG_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.Q7FggG_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.Q7FggG_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)));
+}
+
+.Q7FggG_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;
+}
+
+.Q7FggG_spectrum-FocusRing.Q7FggG_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);
+}
+
+.Q7FggG_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.Q7FggG_spectrum-FocusRing--quiet.Q7FggG_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) {
+  .Q7FggG_spectrum-FocusRing, .Q7FggG_spectrum-FocusRing-ring, .Q7FggG_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.Q7FggG_spectrum-FocusRing, .Q7FggG_spectrum-FocusRing-ring, .Q7FggG_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.Q7FggG_spectrum-Menu-wrapper, .Q7FggG_spectrum-Menu-subdialog {
+  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  border-style: solid;
+  border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+  flex-direction: column;
+  max-height: 100%;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.Q7FggG_spectrum-Menu-popover {
+  max-width: 320px;
+}
+
+.Q7FggG_spectrum-Submenu-popover {
+  margin: calc(var(--spectrum-global-dimension-size-65) * -1);
+}
+
+.Q7FggG_spectrum-Menu {
+  --spectrum-submenu-offset-distance: var(--spectrum-global-dimension-size-65);
+  text-align: start;
+  box-sizing: border-box;
+  padding: var(--spectrum-popover-padding-y, var(--spectrum-global-dimension-size-50)) 0;
+  -webkit-user-select: none;
+  user-select: none;
+  margin: 0;
+  list-style-type: none;
+  display: block;
+  overflow-y: auto;
+}
+
+.Q7FggG_spectrum-Menu .Q7FggG_spectrum-Menu-sectionHeading {
+  margin-block-start: var(--spectrum-global-dimension-size-75);
+  margin-block-end: var(--spectrum-global-dimension-size-40);
+}
+
+.Q7FggG_spectrum-Menu:focus {
+  outline: none;
+}
+
+.Q7FggG_spectrum-Menu-checkmark {
+  opacity: 1;
+  box-sizing: content-box;
+  padding-block-start: calc(var(--spectrum-selectlist-option-icon-padding-y)  - var(--spectrum-selectlist-option-padding-height));
+  transform: scale(1);
+}
+
+.Q7FggG_spectrum-Menu-item {
+  cursor: default;
+  box-sizing: border-box;
+  border-inline-start: var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)) solid transparent;
+  font-size: var(--spectrum-selectlist-option-text-size, var(--spectrum-alias-font-size-default));
+  font-weight: var(--spectrum-selectlist-option-text-font-weight, var(--spectrum-global-font-weight-regular));
+  margin: 0;
+  font-style: normal;
+  text-decoration: none;
+  display: block;
+  position: relative;
+}
+
+.Q7FggG_spectrum-Menu-item[href] {
+  cursor: pointer;
+}
+
+.Q7FggG_spectrum-Menu-item:focus {
+  outline: none;
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_is-disabled {
+  cursor: default;
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+  display: block;
+}
+
+.Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Icon + .Q7FggG_spectrum-Menu-itemLabel, .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Menu-itemIcon + .Q7FggG_spectrum-Menu-itemLabel {
+  margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
+}
+
+.Q7FggG_spectrum-Menu-itemLabel {
+  line-height: var(--spectrum-global-font-line-height-small, 1.3);
+  word-break: break-word;
+  grid-area: Q7FggG_text;
+}
+
+.Q7FggG_spectrum-Menu-itemLabel--wrapping {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.Q7FggG_spectrum-Menu-checkmark {
+  grid-area: Q7FggG_checkmark;
+  place-self: flex-start end;
+  display: none;
+}
+
+.Q7FggG_spectrum-Menu-divider {
+  box-sizing: content-box;
+  block-size: var(--spectrum-selectlist-divider-size, var(--spectrum-alias-border-size-thick));
+  margin: calc(var(--spectrum-selectlist-divider-padding, 3px) / 2) var(--spectrum-global-dimension-size-150);
+  border: none;
+  padding: 0;
+  overflow: visible;
+}
+
+.Q7FggG_spectrum-Menu-sectionHeading {
+  margin: var(--spectrum-global-dimension-size-75) 0 0 0;
+  font-size: var(--spectrum-global-dimension-font-size-100);
+  font-weight: var(--spectrum-global-font-weight-bold, 700);
+  line-height: var(--spectrum-alias-line-height-medium, var(--spectrum-global-dimension-size-250));
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-inline-start: var(--spectrum-global-dimension-size-150);
+  padding-inline-end: var(--spectrum-global-dimension-size-450);
+  display: block;
+}
+
+.Q7FggG_spectrum-Menu-section--noHeading.Q7FggG_spectrum-Menu-section--isFirst {
+  padding-top: 0;
+}
+
+.Q7FggG_spectrum-Menu-section--noHeading.Q7FggG_spectrum-Menu-section--isLast {
+  padding-bottom: 0;
+}
+
+.Q7FggG_spectrum-Menu .Q7FggG_spectrum-Menu {
+  margin: 0;
+  display: block;
+}
+
+.Q7FggG_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 auto auto auto auto var(--spectrum-global-dimension-size-150);
+  grid-template-rows: var(--spectrum-selectlist-option-padding-height) 1fr auto var(--spectrum-selectlist-option-padding-height);
+  grid-template-areas: ". . . . . . . ."
+                       ". Q7FggG_icon Q7FggG_text Q7FggG_checkmark Q7FggG_end Q7FggG_keyboard Q7FggG_chevron ."
+                       ". Q7FggG_icon Q7FggG_description Q7FggG_checkmark Q7FggG_end Q7FggG_keyboard Q7FggG_chevron ."
+                       ". . . . . . . .";
+  display: grid;
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_is-selectable .Q7FggG_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);
+}
+
+.Q7FggG_spectrum-Menu .Q7FggG_spectrum-Menu-end {
+  grid-area: Q7FggG_end;
+  place-self: flex-start end;
+  padding-inline-start: var(--spectrum-global-dimension-size-250);
+}
+
+.Q7FggG_spectrum-Menu-icon {
+  grid-area: Q7FggG_icon;
+  padding-block-start: var(--spectrum-global-dimension-size-10);
+  padding-inline-end: var(--spectrum-global-dimension-size-100);
+}
+
+.Q7FggG_spectrum-Menu-avatar {
+  grid-area: Q7FggG_icon;
+  margin-inline-start: var(--spectrum-global-dimension-size-10);
+  margin-inline-end: var(--spectrum-global-dimension-size-100);
+}
+
+.Q7FggG_spectrum-Menu-description {
+  line-height: var(--spectrum-global-font-line-height-small, 1.3);
+  font-size: var(--spectrum-global-dimension-size-150);
+  grid-area: Q7FggG_description;
+}
+
+.Q7FggG_spectrum-Menu-keyboard {
+  unicode-bidi: plaintext;
+  grid-area: Q7FggG_keyboard;
+  align-self: flex-start;
+  padding-inline-start: var(--spectrum-global-dimension-size-125);
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.Q7FggG_spectrum-Menu-chevron {
+  box-sizing: content-box;
+  grid-area: Q7FggG_chevron;
+  place-self: flex-start end;
+  margin-inline-end: calc(var(--spectrum-global-dimension-size-50) * -1);
+  padding-inline-start: var(--spectrum-global-dimension-size-300);
+}
+
+.Q7FggG_spectrum-Menu-wrapper {
+  overflow: auto;
+}
+
+.Q7FggG_spectrum-Menu-wrapper .Q7FggG_spectrum-Submenu-wrapper {
+  flex-direction: column;
+  display: flex;
+  overflow: auto;
+}
+
+.Q7FggG_spectrum-Menu-wrapper .Q7FggG_spectrum-Submenu-wrapper.Q7FggG_spectrum-Submenu-wrapper--isMobile {
+  overflow-x: hidden;
+}
+
+.Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile {
+  background-color: unset;
+  opacity: 1;
+  transition: opacity var(--spectrum-global-animation-duration-600, .3s) var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
+  border: none;
+  width: 100%;
+}
+
+.Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile.Q7FggG_is-expanded {
+  opacity: 0;
+  border: 0;
+  height: 0;
+  position: absolute;
+  left: 100%;
+}
+
+.Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile .Q7FggG_spectrum-Submenu-headingWrapper {
+  margin: 4px 4px 0;
+  display: flex;
+}
+
+.Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile .Q7FggG_spectrum-Submenu-headingWrapper .Q7FggG_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;
+}
+
+.Q7FggG_spectrum-Menu-wrapper, .Q7FggG_spectrum-Menu-subdialog {
+  border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
+  background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
+  -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur)) var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
+  will-change: filter;
+}
+
+.Q7FggG_spectrum-Menu {
+  --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
+  background-color: var(--spectrum-selectlist-background-color, var(--spectrum-alias-background-color-transparent));
+}
+
+.Q7FggG_spectrum-Submenu-headingWrapper {
+  --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
+}
+
+.Q7FggG_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));
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring, .Q7FggG_spectrum-Menu-item.Q7FggG_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));
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered, .Q7FggG_spectrum-Menu-item:focus, .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted, .Q7FggG_spectrum-Menu-item.Q7FggG_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));
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+  color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
+}
+
+.Q7FggG_spectrum-Menu-item .Q7FggG_is-active, .Q7FggG_spectrum-Menu-item:active {
+  background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_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;
+}
+
+.Q7FggG_spectrum-Menu-item.Q7FggG_is-disabled .Q7FggG_spectrum-Menu-description {
+  color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+}
+
+.Q7FggG_spectrum-Menu-sectionHeading {
+  color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
+}
+
+.Q7FggG_spectrum-Menu-divider {
+  background-color: var(--spectrum-global-color-gray-300);
+}
+
+.Q7FggG_spectrum-Menu-description {
+  color: var(--spectrum-global-color-gray-700);
+}
+
+.Q7FggG_spectrum-Submenu-popover.Q7FggG_spectrum-Submenu-popover {
+  -webkit-filter: unset;
+  transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+  transform: none;
+}
+
+.Q7FggG_spectrum-Submenu-heading {
+  color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
+}
+
+@keyframes Q7FggG_slideInFromRight {
+  from {
+    transform: translateX(100%);
+  }
+
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes Q7FggG_slideOutToRight {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(100%);
+  }
+}
+
+@keyframes Q7FggG_slideInFromLeft {
+  from {
+    transform: translateX(-100%);
+  }
+
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes Q7FggG_slideOutToLeft {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(-100%);
+  }
+}
+
+.Q7FggG_spectrum-TraySubmenu-enter {
+  animation-name: Q7FggG_slideInFromRight;
+  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));
+}
+
+.Q7FggG_spectrum-TraySubmenu-enter:-webkit-any(: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: Q7FggG_slideInFromLeft;
+}
+
+.Q7FggG_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: Q7FggG_slideInFromLeft;
+}
+
+.Q7FggG_spectrum-TraySubmenu-exit {
+  animation-name: Q7FggG_slideOutToRight;
+  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));
+}
+
+.Q7FggG_spectrum-TraySubmenu-exit:-webkit-any(: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: Q7FggG_slideOutToLeft;
+}
+
+.Q7FggG_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: Q7FggG_slideOutToLeft;
+}
+
+@media (forced-colors: active) {
+  .Q7FggG_spectrum-Menu-divider {
+    forced-color-adjust: none;
+    background-color: canvastext;
+  }
+
+  .Q7FggG_spectrum-Menu-item {
+    forced-color-adjust: none;
+    --spectrum-heading-subtitle3-text-color: ButtonText;
+    --spectrum-selectlist-background-color: ButtonFace;
+    --spectrum-selectlist-divider-color: ButtonText;
+    --spectrum-selectlist-option-background-color: ButtonFace;
+    --spectrum-selectlist-option-background-color-disabled: ButtonFace;
+    --spectrum-selectlist-option-background-color-down: ButtonFace;
+    --spectrum-selectlist-option-background-color-hover: Highlight;
+    --spectrum-selectlist-option-background-color-key-focus: Highlight;
+    --spectrum-selectlist-option-focus-indicator-color: Highlight;
+    --spectrum-selectlist-option-icon-color-selected: Highlight;
+    --spectrum-selectlist-option-text-color: ButtonText;
+    --spectrum-selectlist-option-text-color-disabled: GrayText;
+    --spectrum-selectlist-option-text-color-hover: HighlightText;
+    --spectrum-selectlist-option-text-color-key-focus: HighlightText;
+    --spectrum-alias-border-color-focus: Highlight;
+  }
+
+  .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Menu-description {
+    color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered {
+    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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+    color: highlighttext;
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered .Q7FggG_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));
+  }
+
+  .Q7FggG_spectrum-Menu-item:focus {
+    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));
+  }
+
+  .Q7FggG_spectrum-Menu-item:focus.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+    color: highlighttext;
+  }
+
+  .Q7FggG_spectrum-Menu-item:focus .Q7FggG_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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted {
+    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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+    color: highlighttext;
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted .Q7FggG_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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-open {
+    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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-open.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+    color: highlighttext;
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-open .Q7FggG_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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring {
+    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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+    color: highlighttext;
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring .Q7FggG_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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_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));
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
+    color: highlighttext;
+  }
+
+  .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused .Q7FggG_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));
+  }
+}
+/*# sourceMappingURL=vars.89a944d6.css.map */

package/dist/vars.89a944d6.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;AAWA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;AAmBE;;;;;AAMA;;;;AAKF;;;;;;;AAWA;;;;;;;;;;;;;AAgBE;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAKF;;;;AAMF;;;;;;AAMA;;;;;;AAMA;;;;;;AAOA;;;;;;;;;AAaA;;;;;;;;;;;;AAcE;;;;AAGA;;;;AAKF;;;;;AAMA;;;;;;;;;;AAgBE;;;;AAOF;;;;;;AAOA;;;;;;AAOA;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAUA;;;;;;;;AASA;;;;AAGE;;;;;;AAKE;;;;AAKF;;;;;;;;AAOE;;;;;;;;AAQA;;;;;AAIE;;;;;;;;;;AAyBN;;;;;;;AAWA;;;;;AAKA;;;;AAIA;;;;;AAIE;;;;;;AAOA;;;;;AASE;;;;AAKF;;;;AAKA;;;;;;;AACE;;;;AAUJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAQA;;;;AAIA;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;AAKE;;;;AAAA;;;;AAKF;;;;;;;AAKE;;;;AAAA;;;;AAKF;EACE;;;;;EAIA;;;;;;;;;;;;;;;;;;;EAkBE;;;;EAGA;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF","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":"vars.89a944d6.css.map"}

package/dist/vars.c9740d19.css

@@ -0,0 +1,30 @@
+.L6gUaa_react-spectrum-ContextualHelp-button {
+  --spectrum-button-primary-height: var(--spectrum-global-dimension-size-250);
+  --spectrum-actionbutton-height: var(--spectrum-global-dimension-size-250);
+  --spectrum-actionbutton-min-width: var(--spectrum-global-dimension-size-250);
+  --spectrum-actionbutton-icon-padding-x: var(--spectrum-global-dimension-size-40);
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-button svg {
+  block-size: var(--spectrum-global-dimension-size-175);
+  inline-size: var(--spectrum-global-dimension-size-175);
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog {
+  --spectrum-dialog-padding-x: var(--spectrum-global-dimension-static-size-300, 24px);
+  --spectrum-dialog-padding-y: var(--spectrum-global-dimension-static-size-300, 24px);
+  width: 250px;
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog--isMobile {
+  width: 100%;
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-content {
+  margin-top: var(--spectrum-global-dimension-static-size-100, 8px);
+}
+
+.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-footer {
+  padding-top: var(--spectrum-global-dimension-static-size-100, 8px);
+}
+/*# sourceMappingURL=vars.c9740d19.css.map */

package/dist/vars.c9740d19.css.map

@@ -0,0 +1 @@
+{"mappings":"AAwBA;;;;;;;AAME;;;;;AAMF;;;;;;AAKE;;;;AAGA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/contextualhelp/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":"vars.c9740d19.css.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,8 @@
+module.exports = {
+    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
+    "moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
+    "unavailable": `\u{4E0D}\u{53EF}\u{7528}\u{FF0C}\u{5C55}\u{5F00}\u{4EE5}\u{67E5}\u{770B}\u{8BE6}\u{7EC6}\u{4FE1}\u{606F}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,CAAC,CAAC;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,wGAAa,CAAC;AAChC","sources":["packages/@react-spectrum/menu/intl/zh-CN.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多操作\",\n  \"unavailable\": \"不可用，展开以查看详细信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,10 @@
+var $57bb191f18e8be40$exports = {};
+$57bb191f18e8be40$exports = {
+    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
+    "moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
+    "unavailable": `\u{4E0D}\u{53EF}\u{7528}\u{FF0C}\u{5C55}\u{5F00}\u{4EE5}\u{67E5}\u{770B}\u{8BE6}\u{7EC6}\u{4FE1}\u{606F}`
+};
+
+
+export {$57bb191f18e8be40$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,10 @@
+var $57bb191f18e8be40$exports = {};
+$57bb191f18e8be40$exports = {
+    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
+    "moreActions": `\u{66F4}\u{591A}\u{64CD}\u{4F5C}`,
+    "unavailable": `\u{4E0D}\u{53EF}\u{7528}\u{FF0C}\u{5C55}\u{5F00}\u{4EE5}\u{67E5}\u{770B}\u{8BE6}\u{7EC6}\u{4FE1}\u{606F}`
+};
+
+
+export {$57bb191f18e8be40$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,CAAC,CAAC;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,wGAAa,CAAC;AAChC","sources":["packages/@react-spectrum/menu/intl/zh-CN.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多操作\",\n  \"unavailable\": \"不可用，展开以查看详细信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,8 @@
+module.exports = {
+    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
+    "moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
+    "unavailable": `\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{FF0C}\u{5C55}\u{958B}\u{4EE5}\u{53D6}\u{5F97}\u{8A73}\u{7D30}\u{8CC7}\u{6599}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,cAAc,CAAC,OAAS,CAAC,iBAAG,EAAE,KAAK,cAAc,CAAC,CAAC;IACrE,eAAe,CAAC,gCAAI,CAAC;IACrB,eAAe,CAAC,gHAAc,CAAC;AACjC","sources":["packages/@react-spectrum/menu/intl/zh-TW.json"],"sourcesContent":["{\n  \"backButton\": \"返回 {prevMenuButton}\",\n  \"moreActions\": \"更多動作\",\n  \"unavailable\": \"無法使用，展開以取得詳細資料\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,10 @@
+var $56f3d9ca2967952d$exports = {};
+$56f3d9ca2967952d$exports = {
+    "backButton": (args)=>`\u{8FD4}\u{56DE} ${args.prevMenuButton}`,
+    "moreActions": `\u{66F4}\u{591A}\u{52D5}\u{4F5C}`,
+    "unavailable": `\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{FF0C}\u{5C55}\u{958B}\u{4EE5}\u{53D6}\u{5F97}\u{8A73}\u{7D30}\u{8CC7}\u{6599}`
+};
+
+
+export {$56f3d9ca2967952d$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map