@react-spectrum/listbox 3.14.0 → 3.14.1

package/dist/{vars.487ba452.css → vars.e5f333b9.css}

@@ -1,41 +1,41 @@
-.mkz4ua_i18nFontFamily {
+.dIo7iW_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.mkz4ua_i18nFontFamily:lang(ar) {
+.dIo7iW_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;
 }
 
-.mkz4ua_i18nFontFamily:lang(he) {
+.dIo7iW_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;
 }
 
-.mkz4ua_i18nFontFamily:lang(zh) {
+.dIo7iW_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-.mkz4ua_i18nFontFamily:lang(zh-Hans) {
+.dIo7iW_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.mkz4ua_i18nFontFamily:lang(zh-Hant) {
+.dIo7iW_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.mkz4ua_i18nFontFamily:lang(zh-SG), .mkz4ua_i18nFontFamily:lang(zh-CN) {
+.dIo7iW_i18nFontFamily:lang(zh-SG), .dIo7iW_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.mkz4ua_i18nFontFamily:lang(ko) {
+.dIo7iW_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-.mkz4ua_i18nFontFamily:lang(ja) {
+.dIo7iW_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-.mkz4ua_spectrum-FocusRing-ring {
+.dIo7iW_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);
@@ -43,7 +43,7 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.mkz4ua_spectrum-FocusRing-ring:after {
+.dIo7iW_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));
@@ -54,31 +54,31 @@
   inset: 0;
 }
 
-.mkz4ua_spectrum-FocusRing.mkz4ua_focus-ring:after {
+.dIo7iW_spectrum-FocusRing.dIo7iW_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);
 }
 
-.mkz4ua_spectrum-FocusRing--quiet:after {
+.dIo7iW_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.mkz4ua_spectrum-FocusRing--quiet.mkz4ua_focus-ring:after {
+.dIo7iW_spectrum-FocusRing--quiet.dIo7iW_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) {
-  .mkz4ua_spectrum-FocusRing, .mkz4ua_spectrum-FocusRing-ring, .mkz4ua_spectrum-FocusRing--quiet {
+  .dIo7iW_spectrum-FocusRing, .dIo7iW_spectrum-FocusRing-ring, .dIo7iW_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.mkz4ua_spectrum-FocusRing, .mkz4ua_spectrum-FocusRing-ring, .mkz4ua_spectrum-FocusRing--quiet):after {
+  :is(.dIo7iW_spectrum-FocusRing, .dIo7iW_spectrum-FocusRing-ring, .dIo7iW_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.mkz4ua_spectrum-Menu-wrapper, .mkz4ua_spectrum-Menu-subdialog {
+.dIo7iW_spectrum-Menu-wrapper, .dIo7iW_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));
@@ -88,15 +88,15 @@
   overflow: hidden;
 }
 
-.mkz4ua_spectrum-Menu-popover {
+.dIo7iW_spectrum-Menu-popover {
   max-width: 320px;
 }
 
-.mkz4ua_spectrum-Submenu-popover {
+.dIo7iW_spectrum-Submenu-popover {
   margin: calc(var(--spectrum-global-dimension-size-65) * -1);
 }
 
-.mkz4ua_spectrum-Menu {
+.dIo7iW_spectrum-Menu {
   --spectrum-submenu-offset-distance: var(--spectrum-global-dimension-size-65);
   text-align: start;
   box-sizing: border-box;
@@ -109,23 +109,23 @@
   overflow-y: auto;
 }
 
-.mkz4ua_spectrum-Menu .mkz4ua_spectrum-Menu-sectionHeading {
+.dIo7iW_spectrum-Menu .dIo7iW_spectrum-Menu-sectionHeading {
   margin-block-start: var(--spectrum-global-dimension-size-75);
   margin-block-end: var(--spectrum-global-dimension-size-40);
 }
 
-.mkz4ua_spectrum-Menu:focus {
+.dIo7iW_spectrum-Menu:focus {
   outline: none;
 }
 
-.mkz4ua_spectrum-Menu-checkmark {
+.dIo7iW_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);
 }
 
-.mkz4ua_spectrum-Menu-item {
+.dIo7iW_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;
@@ -138,45 +138,45 @@
   position: relative;
 }
 
-.mkz4ua_spectrum-Menu-item[href] {
+.dIo7iW_spectrum-Menu-item[href] {
   cursor: pointer;
 }
 
-.mkz4ua_spectrum-Menu-item:focus {
+.dIo7iW_spectrum-Menu-item:focus {
   outline: none;
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-disabled {
+.dIo7iW_spectrum-Menu-item.dIo7iW_is-disabled {
   cursor: default;
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+.dIo7iW_spectrum-Menu-item.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
   display: block;
 }
 
-.mkz4ua_spectrum-Menu-item .mkz4ua_spectrum-Icon + .mkz4ua_spectrum-Menu-itemLabel, .mkz4ua_spectrum-Menu-item .mkz4ua_spectrum-Menu-itemIcon + .mkz4ua_spectrum-Menu-itemLabel {
+.dIo7iW_spectrum-Menu-item .dIo7iW_spectrum-Icon + .dIo7iW_spectrum-Menu-itemLabel, .dIo7iW_spectrum-Menu-item .dIo7iW_spectrum-Menu-itemIcon + .dIo7iW_spectrum-Menu-itemLabel {
   margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
 }
 
-.mkz4ua_spectrum-Menu-itemLabel {
+.dIo7iW_spectrum-Menu-itemLabel {
   line-height: var(--spectrum-global-font-line-height-small, 1.3);
   word-break: break-word;
-  grid-area: mkz4ua_text;
+  grid-area: dIo7iW_text;
 }
 
-.mkz4ua_spectrum-Menu-itemLabel--wrapping {
+.dIo7iW_spectrum-Menu-itemLabel--wrapping {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
-.mkz4ua_spectrum-Menu-checkmark {
-  grid-area: mkz4ua_checkmark;
+.dIo7iW_spectrum-Menu-checkmark {
+  grid-area: dIo7iW_checkmark;
   place-self: flex-start end;
   display: none;
 }
 
-.mkz4ua_spectrum-Menu-divider {
+.dIo7iW_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);
@@ -185,7 +185,7 @@
   overflow: visible;
 }
 
-.mkz4ua_spectrum-Menu-sectionHeading {
+.dIo7iW_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);
@@ -197,96 +197,97 @@
   display: block;
 }
 
-.mkz4ua_spectrum-Menu-section--noHeading.mkz4ua_spectrum-Menu-section--isFirst {
+.dIo7iW_spectrum-Menu-section--noHeading.dIo7iW_spectrum-Menu-section--isFirst {
   padding-top: 0;
 }
 
-.mkz4ua_spectrum-Menu-section--noHeading.mkz4ua_spectrum-Menu-section--isLast {
+.dIo7iW_spectrum-Menu-section--noHeading.dIo7iW_spectrum-Menu-section--isLast {
   padding-bottom: 0;
 }
 
-.mkz4ua_spectrum-Menu .mkz4ua_spectrum-Menu {
+.dIo7iW_spectrum-Menu .dIo7iW_spectrum-Menu {
   margin: 0;
   display: block;
 }
 
-.mkz4ua_spectrum-Menu-itemGrid {
+.dIo7iW_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: ". . . . . . . ."
-                       ". mkz4ua_icon mkz4ua_text mkz4ua_checkmark mkz4ua_end mkz4ua_keyboard mkz4ua_chevron ."
-                       ". mkz4ua_icon mkz4ua_description mkz4ua_checkmark mkz4ua_end mkz4ua_keyboard mkz4ua_chevron ."
+                       ". dIo7iW_icon dIo7iW_text dIo7iW_checkmark dIo7iW_end dIo7iW_keyboard dIo7iW_chevron ."
+                       ". dIo7iW_icon dIo7iW_description dIo7iW_checkmark dIo7iW_end dIo7iW_keyboard dIo7iW_chevron ."
                        ". . . . . . . .";
   display: grid;
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-selectable .mkz4ua_spectrum-Menu-itemGrid {
+.dIo7iW_spectrum-Menu-item.dIo7iW_is-selectable .dIo7iW_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);
 }
 
-.mkz4ua_spectrum-Menu .mkz4ua_spectrum-Menu-end {
-  grid-area: mkz4ua_end;
+.dIo7iW_spectrum-Menu .dIo7iW_spectrum-Menu-end {
+  box-sizing: content-box;
+  grid-area: dIo7iW_end;
   place-self: flex-start end;
   padding-inline-start: var(--spectrum-global-dimension-size-250);
 }
 
-.mkz4ua_spectrum-Menu-icon {
-  grid-area: mkz4ua_icon;
+.dIo7iW_spectrum-Menu-icon {
+  grid-area: dIo7iW_icon;
   padding-block-start: var(--spectrum-global-dimension-size-10);
   padding-inline-end: var(--spectrum-global-dimension-size-100);
 }
 
-.mkz4ua_spectrum-Menu-avatar {
-  grid-area: mkz4ua_icon;
+.dIo7iW_spectrum-Menu-avatar {
+  grid-area: dIo7iW_icon;
   margin-inline-start: var(--spectrum-global-dimension-size-10);
   margin-inline-end: var(--spectrum-global-dimension-size-100);
 }
 
-.mkz4ua_spectrum-Menu-description {
+.dIo7iW_spectrum-Menu-description {
   line-height: var(--spectrum-global-font-line-height-small, 1.3);
   font-size: var(--spectrum-global-dimension-size-150);
-  grid-area: mkz4ua_description;
+  grid-area: dIo7iW_description;
 }
 
-.mkz4ua_spectrum-Menu-keyboard {
+.dIo7iW_spectrum-Menu-keyboard {
   unicode-bidi: plaintext;
-  grid-area: mkz4ua_keyboard;
+  grid-area: dIo7iW_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;
 }
 
-.mkz4ua_spectrum-Menu-chevron {
+.dIo7iW_spectrum-Menu-chevron {
   box-sizing: content-box;
-  grid-area: mkz4ua_chevron;
+  grid-area: dIo7iW_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);
 }
 
-.mkz4ua_spectrum-Menu-wrapper {
+.dIo7iW_spectrum-Menu-wrapper {
   overflow: auto;
 }
 
-.mkz4ua_spectrum-Menu-wrapper .mkz4ua_spectrum-Submenu-wrapper {
+.dIo7iW_spectrum-Menu-wrapper .dIo7iW_spectrum-Submenu-wrapper {
   flex-direction: column;
   display: flex;
   overflow: auto;
 }
 
-.mkz4ua_spectrum-Menu-wrapper .mkz4ua_spectrum-Submenu-wrapper.mkz4ua_spectrum-Submenu-wrapper--isMobile {
+.dIo7iW_spectrum-Menu-wrapper .dIo7iW_spectrum-Submenu-wrapper.dIo7iW_spectrum-Submenu-wrapper--isMobile {
   overflow-x: hidden;
 }
 
-.mkz4ua_spectrum-Menu-wrapper.mkz4ua_spectrum-Menu-wrapper--isMobile {
+.dIo7iW_spectrum-Menu-wrapper.dIo7iW_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;
-  width: 100%;
 }
 
-.mkz4ua_spectrum-Menu-wrapper.mkz4ua_spectrum-Menu-wrapper--isMobile.mkz4ua_is-expanded {
+.dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile.dIo7iW_is-expanded {
   opacity: 0;
   border: 0;
   height: 0;
@@ -294,12 +295,12 @@
   left: 100%;
 }
 
-.mkz4ua_spectrum-Menu-wrapper.mkz4ua_spectrum-Menu-wrapper--isMobile .mkz4ua_spectrum-Submenu-headingWrapper {
+.dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile .dIo7iW_spectrum-Submenu-headingWrapper {
   margin: 4px 4px 0;
   display: flex;
 }
 
-.mkz4ua_spectrum-Menu-wrapper.mkz4ua_spectrum-Menu-wrapper--isMobile .mkz4ua_spectrum-Submenu-headingWrapper .mkz4ua_spectrum-Submenu-heading {
+.dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile .dIo7iW_spectrum-Submenu-headingWrapper .dIo7iW_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));
@@ -309,80 +310,80 @@
   display: flex;
 }
 
-.mkz4ua_spectrum-Menu-wrapper, .mkz4ua_spectrum-Menu-subdialog {
+.dIo7iW_spectrum-Menu-wrapper, .dIo7iW_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;
 }
 
-.mkz4ua_spectrum-Menu {
+.dIo7iW_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));
 }
 
-.mkz4ua_spectrum-Submenu-headingWrapper {
+.dIo7iW_spectrum-Submenu-headingWrapper {
   --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
 }
 
-.mkz4ua_spectrum-Menu-item {
+.dIo7iW_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));
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_focus-ring, .mkz4ua_spectrum-Menu-item.mkz4ua_is-focused {
+.dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring, .dIo7iW_spectrum-Menu-item.dIo7iW_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));
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-hovered, .mkz4ua_spectrum-Menu-item:focus, .mkz4ua_spectrum-Menu-item.mkz4ua_is-highlighted, .mkz4ua_spectrum-Menu-item.mkz4ua_is-open {
+.dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered, .dIo7iW_spectrum-Menu-item:focus, .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted, .dIo7iW_spectrum-Menu-item.dIo7iW_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));
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+.dIo7iW_spectrum-Menu-item.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
   color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
 }
 
-.mkz4ua_spectrum-Menu-item .mkz4ua_is-active, .mkz4ua_spectrum-Menu-item:active {
+.dIo7iW_spectrum-Menu-item .dIo7iW_is-active, .dIo7iW_spectrum-Menu-item:active {
   background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-disabled {
+.dIo7iW_spectrum-Menu-item.dIo7iW_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;
 }
 
-.mkz4ua_spectrum-Menu-item.mkz4ua_is-disabled .mkz4ua_spectrum-Menu-description {
+.dIo7iW_spectrum-Menu-item.dIo7iW_is-disabled .dIo7iW_spectrum-Menu-description {
   color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
 }
 
-.mkz4ua_spectrum-Menu-sectionHeading {
+.dIo7iW_spectrum-Menu-sectionHeading {
   color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
 }
 
-.mkz4ua_spectrum-Menu-divider {
+.dIo7iW_spectrum-Menu-divider {
   background-color: var(--spectrum-global-color-gray-300);
 }
 
-.mkz4ua_spectrum-Menu-description {
+.dIo7iW_spectrum-Menu-description {
   color: var(--spectrum-global-color-gray-700);
 }
 
-.mkz4ua_spectrum-Submenu-popover.mkz4ua_spectrum-Submenu-popover {
+.dIo7iW_spectrum-Submenu-popover.dIo7iW_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;
 }
 
-.mkz4ua_spectrum-Submenu-heading {
+.dIo7iW_spectrum-Submenu-heading {
   color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
 }
 
-@keyframes mkz4ua_slideInFromRight {
+@keyframes dIo7iW_slideInFromRight {
   from {
     transform: translateX(100%);
   }
@@ -392,7 +393,7 @@
   }
 }
 
-@keyframes mkz4ua_slideOutToRight {
+@keyframes dIo7iW_slideOutToRight {
   from {
     transform: translateX(0);
   }
@@ -402,7 +403,7 @@
   }
 }
 
-@keyframes mkz4ua_slideInFromLeft {
+@keyframes dIo7iW_slideInFromLeft {
   from {
     transform: translateX(-100%);
   }
@@ -412,7 +413,7 @@
   }
 }
 
-@keyframes mkz4ua_slideOutToLeft {
+@keyframes dIo7iW_slideOutToLeft {
   from {
     transform: translateX(0);
   }
@@ -422,43 +423,43 @@
   }
 }
 
-.mkz4ua_spectrum-TraySubmenu-enter {
-  animation-name: mkz4ua_slideInFromRight;
+.dIo7iW_spectrum-TraySubmenu-enter {
+  animation-name: dIo7iW_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));
 }
 
-.mkz4ua_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: mkz4ua_slideInFromLeft;
+.dIo7iW_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: dIo7iW_slideInFromLeft;
 }
 
-.mkz4ua_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: mkz4ua_slideInFromLeft;
+.dIo7iW_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: dIo7iW_slideInFromLeft;
 }
 
-.mkz4ua_spectrum-TraySubmenu-exit {
-  animation-name: mkz4ua_slideOutToRight;
+.dIo7iW_spectrum-TraySubmenu-exit {
+  animation-name: dIo7iW_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));
 }
 
-.mkz4ua_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: mkz4ua_slideOutToLeft;
+.dIo7iW_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: dIo7iW_slideOutToLeft;
 }
 
-.mkz4ua_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: mkz4ua_slideOutToLeft;
+.dIo7iW_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: dIo7iW_slideOutToLeft;
 }
 
 @media (forced-colors: active) {
-  .mkz4ua_spectrum-Menu-divider {
+  .dIo7iW_spectrum-Menu-divider {
     forced-color-adjust: none;
     background-color: canvastext;
   }
 
-  .mkz4ua_spectrum-Menu-item {
+  .dIo7iW_spectrum-Menu-item {
     forced-color-adjust: none;
     --spectrum-heading-subtitle3-text-color: ButtonText;
     --spectrum-selectlist-background-color: ButtonFace;
@@ -477,92 +478,92 @@
     --spectrum-alias-border-color-focus: Highlight;
   }
 
-  .mkz4ua_spectrum-Menu-item .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item .dIo7iW_spectrum-Menu-description {
     color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-hovered {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-hovered.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
     color: highlighttext;
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-hovered .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered .dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item:focus {
+  .dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item:focus.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+  .dIo7iW_spectrum-Menu-item:focus.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
     color: highlighttext;
   }
 
-  .mkz4ua_spectrum-Menu-item:focus .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item:focus .dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-highlighted {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-highlighted.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
     color: highlighttext;
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-highlighted .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted .dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-open {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-open.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-open.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
     color: highlighttext;
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-open .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-open .dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_focus-ring {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_focus-ring.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
     color: highlighttext;
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_focus-ring .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring .dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-focused {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_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));
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-focused.mkz4ua_is-selected .mkz4ua_spectrum-Menu-checkmark {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-focused.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
     color: highlighttext;
   }
 
-  .mkz4ua_spectrum-Menu-item.mkz4ua_is-focused .mkz4ua_spectrum-Menu-description {
+  .dIo7iW_spectrum-Menu-item.dIo7iW_is-focused .dIo7iW_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.487ba452.css.map */
+/*# sourceMappingURL=vars.e5f333b9.css.map */

package/dist/vars.e5f333b9.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;;;;;;;AAQA;;;;;;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.e5f333b9.css.map"}