@react-spectrum/overlays 5.5.5 → 5.6.0

package/dist/vars.32d8c84b.css

@@ -0,0 +1,197 @@
+._0YML2q_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+._0YML2q_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;
+}
+
+._0YML2q_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;
+}
+
+._0YML2q_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+._0YML2q_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+._0YML2q_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+._0YML2q_i18nFontFamily:lang(zh-SG), ._0YML2q_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+._0YML2q_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+._0YML2q_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+._0YML2q_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)));
+}
+
+._0YML2q_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;
+}
+
+._0YML2q_spectrum-FocusRing._0YML2q_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);
+}
+
+._0YML2q_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+._0YML2q_spectrum-FocusRing--quiet._0YML2q_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) {
+  ._0YML2q_spectrum-FocusRing, ._0YML2q_spectrum-FocusRing-ring, ._0YML2q_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(._0YML2q_spectrum-FocusRing, ._0YML2q_spectrum-FocusRing-ring, ._0YML2q_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+._0YML2q_spectrum-overlay {
+  visibility: hidden;
+  opacity: 0;
+  transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+  pointer-events: none;
+}
+
+._0YML2q_spectrum-overlay--open {
+  visibility: visible;
+  opacity: .9999;
+  pointer-events: auto;
+  transition-delay: 0s;
+}
+
+._0YML2q_spectrum-overlay--bottom--open {
+  transform: translateY(var(--spectrum-overlay-positive-transform-distance));
+}
+
+._0YML2q_spectrum-overlay--top--open {
+  transform: translateY(var(--spectrum-overlay-negative-transform-distance));
+}
+
+._0YML2q_spectrum-overlay--right--open {
+  transform: translateX(var(--spectrum-overlay-positive-transform-distance));
+}
+
+._0YML2q_spectrum-overlay--left--open {
+  transform: translateX(var(--spectrum-overlay-negative-transform-distance));
+}
+
+._0YML2q_spectrum-Modal-wrapper {
+  box-sizing: border-box;
+  height: var(--spectrum-visual-viewport-height);
+  visibility: hidden;
+  pointer-events: none;
+  z-index: 2;
+  transition: visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  display: flex;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+._0YML2q_spectrum-Modal-wrapper._0YML2q_is-open {
+  visibility: visible;
+}
+
+._0YML2q_spectrum-Modal {
+  transform: translateY(var(--spectrum-dialog-entry-animation-distance, var(--spectrum-global-dimension-size-250)));
+  z-index: 2;
+  max-height: calc(var(--spectrum-visual-viewport-height) * .9);
+  min-width: var(--spectrum-dialog-min-width, var(--spectrum-global-dimension-static-size-3600));
+  border-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
+  border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+  pointer-events: auto;
+  transition: opacity var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s, visibility 0s linear calc(0s + var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100))), transform 0s linear calc(0s + var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)));
+  outline: none;
+  max-width: 90vw;
+}
+
+._0YML2q_is-open {
+  transition: transform var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200)), opacity var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200));
+  transform: translateY(0);
+}
+
+@media only screen and (device-width <= 400px), only screen and (device-height <= 350px) {
+  ._0YML2q_spectrum-Modal--responsive {
+    border-radius: 0;
+    width: 100%;
+    max-width: 100%;
+    height: 100%;
+    max-height: 100%;
+  }
+
+  ._0YML2q_spectrum-Modal-wrapper ._0YML2q_spectrum-Modal--responsive {
+    margin-top: 0;
+  }
+}
+
+._0YML2q_spectrum-Modal--fullscreen {
+  width: calc(100% - 80px);
+  max-width: none;
+  height: calc(100% - 80px);
+  max-height: none;
+  position: fixed;
+  inset: 40px;
+}
+
+._0YML2q_spectrum-Modal--fullscreenTakeover {
+  box-sizing: border-box;
+  border: none;
+  border-radius: 0;
+  max-width: none;
+  max-height: none;
+  position: fixed;
+  inset: 0;
+  transform: none;
+}
+
+._0YML2q_spectrum-Modal--fullscreenTakeover._0YML2q_is-open {
+  transform: none;
+}
+
+@media (forced-colors: active) {
+  ._0YML2q_spectrum-Modal:not(._0YML2q_spectrum-Modal--fullscreenTakeover) {
+    border-style: solid;
+  }
+}
+
+._0YML2q_spectrum-Modal {
+  background: var(--spectrum-dialog-background-color, var(--spectrum-alias-background-color-default));
+  border-color: var(--spectrum-alias-border-color-transparent, transparent);
+}
+/*# sourceMappingURL=vars.32d8c84b.css.map */

package/dist/vars.32d8c84b.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAMA;;;;;;;;;;;;;;;;AA4BE;;;;AAKF;;;;;;;;;;;;;AAyBA;;;;;AAYA;EAEE;;;;;;;;EAQE;;;;;AAQJ;;;;;;;;;AAYA;;;;;;;;;;;AAeE;;;;AAMF;EACE;;;;;AAiBF","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":"vars.32d8c84b.css.map"}

package/dist/vars.aa9f4ef9.css

@@ -0,0 +1,183 @@
+.UuxJvG_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.UuxJvG_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;
+}
+
+.UuxJvG_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;
+}
+
+.UuxJvG_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.UuxJvG_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.UuxJvG_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.UuxJvG_i18nFontFamily:lang(zh-SG), .UuxJvG_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.UuxJvG_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.UuxJvG_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.UuxJvG_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)));
+}
+
+.UuxJvG_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;
+}
+
+.UuxJvG_spectrum-FocusRing.UuxJvG_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);
+}
+
+.UuxJvG_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.UuxJvG_spectrum-FocusRing--quiet.UuxJvG_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) {
+  .UuxJvG_spectrum-FocusRing, .UuxJvG_spectrum-FocusRing-ring, .UuxJvG_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.UuxJvG_spectrum-FocusRing, .UuxJvG_spectrum-FocusRing-ring, .UuxJvG_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.UuxJvG_spectrum-overlay {
+  visibility: hidden;
+  opacity: 0;
+  transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+  pointer-events: none;
+}
+
+.UuxJvG_spectrum-overlay--open {
+  visibility: visible;
+  opacity: .9999;
+  pointer-events: auto;
+  transition-delay: 0s;
+}
+
+.UuxJvG_spectrum-overlay--bottom--open {
+  transform: translateY(var(--spectrum-overlay-positive-transform-distance));
+}
+
+.UuxJvG_spectrum-overlay--top--open {
+  transform: translateY(var(--spectrum-overlay-negative-transform-distance));
+}
+
+.UuxJvG_spectrum-overlay--right--open {
+  transform: translateX(var(--spectrum-overlay-positive-transform-distance));
+}
+
+.UuxJvG_spectrum-overlay--left--open {
+  transform: translateX(var(--spectrum-overlay-negative-transform-distance));
+}
+
+.UuxJvG_spectrum-Tray-wrapper {
+  pointer-events: none;
+  z-index: 2;
+  justify-content: center;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  position: fixed;
+  top: 0;
+}
+
+.UuxJvG_spectrum-Tray-wrapper:not(: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))) {
+  left: 0;
+}
+
+.UuxJvG_spectrum-Tray-wrapper:not(: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))) {
+  left: 0;
+}
+
+.UuxJvG_spectrum-Tray-wrapper:-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)) {
+  right: 0;
+}
+
+.UuxJvG_spectrum-Tray-wrapper: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)) {
+  right: 0;
+}
+
+.UuxJvG_spectrum-Tray {
+  --spectrum-tray-margin-top: 64px;
+  --spectrum-tray-max-width: 450px;
+  width: var(--spectrum-tray-width, 100%);
+  max-width: var(--spectrum-tray-max-width, 375px);
+  min-height: var(--spectrum-tray-min-height, var(--spectrum-global-dimension-static-size-800));
+  max-height: calc(var(--spectrum-visual-viewport-height)  - var(--spectrum-tray-margin-top));
+  padding-bottom: max(calc(100vh - var(--spectrum-visual-viewport-height)), env(safe-area-inset-bottom));
+  border-radius: var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius, 0px) var(--spectrum-tray-border-radius, 0px);
+  transition: opacity var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s, transform var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s;
+  outline: none;
+  flex-direction: column;
+  display: flex;
+  position: absolute;
+  bottom: 0;
+  overflow: hidden auto;
+  transform: translateY(100%);
+}
+
+.UuxJvG_is-open {
+  transition: transform var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200)), opacity var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200));
+  transform: translateY(0);
+}
+
+.UuxJvG_spectrum-Tray--fixedHeight {
+  height: calc(var(--spectrum-visual-viewport-height)  - var(--spectrum-tray-margin-top));
+  top: var(--spectrum-tray-margin-top);
+}
+
+@media (width <= 450px) {
+  .UuxJvG_spectrum-Tray {
+    border-radius: var(--spectrum-tray-border-radius, 0px);
+  }
+}
+
+@media (forced-colors: active) {
+  .UuxJvG_spectrum-Tray {
+    border-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
+    border-style: solid solid none;
+  }
+}
+
+.UuxJvG_spectrum-Tray {
+  background-color: var(--spectrum-tray-background-color);
+}
+/*# sourceMappingURL=vars.aa9f4ef9.css.map */

package/dist/vars.aa9f4ef9.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAkBA;;;;;;;;;;;;;;;;;;;AAwCA;;;;;AAUA;;;;;AAOA;EACE;;;;;AAKF;EACE;;;;;;AAkBF","sources":["packages/@adobe/spectrum-css-temp/components/tray/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.aa9f4ef9.css.map"}

package/dist/vars.e9dc412f.css

@@ -0,0 +1,210 @@
+.cH0MeW_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.cH0MeW_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;
+}
+
+.cH0MeW_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;
+}
+
+.cH0MeW_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.cH0MeW_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.cH0MeW_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.cH0MeW_i18nFontFamily:lang(zh-SG), .cH0MeW_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.cH0MeW_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.cH0MeW_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.cH0MeW_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)));
+}
+
+.cH0MeW_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;
+}
+
+.cH0MeW_spectrum-FocusRing.cH0MeW_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);
+}
+
+.cH0MeW_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.cH0MeW_spectrum-FocusRing--quiet.cH0MeW_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) {
+  .cH0MeW_spectrum-FocusRing, .cH0MeW_spectrum-FocusRing-ring, .cH0MeW_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.cH0MeW_spectrum-FocusRing, .cH0MeW_spectrum-FocusRing-ring, .cH0MeW_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.cH0MeW_spectrum-overlay {
+  visibility: hidden;
+  opacity: 0;
+  transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+  pointer-events: none;
+}
+
+.cH0MeW_spectrum-overlay--open {
+  visibility: visible;
+  opacity: .9999;
+  pointer-events: auto;
+  transition-delay: 0s;
+}
+
+.cH0MeW_spectrum-overlay--bottom--open {
+  transform: translateY(var(--spectrum-overlay-positive-transform-distance));
+}
+
+.cH0MeW_spectrum-overlay--top--open {
+  transform: translateY(var(--spectrum-overlay-negative-transform-distance));
+}
+
+.cH0MeW_spectrum-overlay--right--open {
+  transform: translateX(var(--spectrum-overlay-positive-transform-distance));
+}
+
+.cH0MeW_spectrum-overlay--left--open {
+  transform: translateX(var(--spectrum-overlay-negative-transform-distance));
+}
+
+.cH0MeW_spectrum-Popover {
+  box-sizing: border-box;
+  min-width: var(--spectrum-global-dimension-size-400);
+  min-height: var(--spectrum-global-dimension-size-400);
+  border-style: solid;
+  border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+  border-radius: var(--spectrum-popover-border-radius, var(--spectrum-alias-border-radius-regular));
+  outline: none;
+  flex-direction: column;
+  display: inline-flex;
+  position: absolute;
+  overflow: hidden;
+}
+
+.cH0MeW_spectrum-Popover--withTip {
+  overflow: visible;
+}
+
+.cH0MeW_spectrum-Popover-tip {
+  --spectrum-popover-tip-size: var(--spectrum-popover-tip-width, var(--spectrum-global-dimension-size-250));
+  --spectrum-popover-tip-borderWidth: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+  position: absolute;
+  -webkit-transform: translate(0);
+}
+
+.cH0MeW_spectrum-Popover-tip .cH0MeW_spectrum-Popover-tip-triangle {
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  stroke-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+}
+
+.cH0MeW_spectrum-Popover--dialog {
+  min-width: 270px;
+  padding: 30px 29px;
+}
+
+.cH0MeW_spectrum-Popover--left.cH0MeW_spectrum-Popover--withTip {
+  margin-right: 13px;
+}
+
+.cH0MeW_spectrum-Popover--left .cH0MeW_spectrum-Popover-tip {
+  left: 100%;
+}
+
+.cH0MeW_spectrum-Popover--right.cH0MeW_spectrum-Popover--withTip {
+  margin-left: 13px;
+}
+
+.cH0MeW_spectrum-Popover--right .cH0MeW_spectrum-Popover-tip {
+  right: 100%;
+  transform: scaleX(-1);
+}
+
+:is(.cH0MeW_spectrum-Popover--left, .cH0MeW_spectrum-Popover--right) .cH0MeW_spectrum-Popover-tip {
+  margin-top: calc(var(--spectrum-global-dimension-size-150) * -1);
+  top: 50%;
+}
+
+.cH0MeW_spectrum-Popover--bottom.cH0MeW_spectrum-Popover--withTip {
+  margin-top: 13px;
+}
+
+.cH0MeW_spectrum-Popover--bottom .cH0MeW_spectrum-Popover-tip {
+  bottom: 100%;
+  transform: scaleY(-1);
+}
+
+.cH0MeW_spectrum-Popover--top.cH0MeW_spectrum-Popover--withTip {
+  margin-bottom: 13px;
+}
+
+.cH0MeW_spectrum-Popover--top .cH0MeW_spectrum-Popover-tip {
+  top: 100%;
+}
+
+:is(.cH0MeW_spectrum-Popover--bottom, .cH0MeW_spectrum-Popover--top) .cH0MeW_spectrum-Popover-tip {
+  margin-left: calc(var(--spectrum-global-dimension-size-150) * -1);
+  left: 50%;
+}
+
+.cH0MeW_spectrum-Popover {
+  background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
+  border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
+  -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;
+  clip-path: inset(-30px);
+}
+
+.cH0MeW_spectrum-Popover .cH0MeW_spectrum-Popover-tip .cH0MeW_spectrum-Popover-tip-triangle {
+  fill: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
+  stroke: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
+}
+
+@media (forced-colors: active) {
+  .cH0MeW_spectrum-Popover {
+    --spectrum-popover-background-color: Canvas;
+    --spectrum-popover-border-color: CanvasText;
+  }
+}
+/*# sourceMappingURL=vars.e9dc412f.css.map */

package/dist/vars.e9dc412f.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;AA0BA;;;;AAIA;;;;;;;AAOE;;;;;;AAOF;;;;;AAME;;;;AAIA;;;;AAUA;;;;AAIA;;;;;AAcA;;;;;AAOA;;;;AAIA;;;;;AAWA;;;;AAIA;;;;AAaA;;;;;AAkBF;;;;;;;;AAqBI;;;;;AAOJ;EACE","sources":["packages/@adobe/spectrum-css-temp/components/popover/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.e9dc412f.css.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/overlays",
-  "version": "5.5.5",
+  "version": "5.6.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,13 +36,13 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/interactions": "^3.21.1",
-    "@react-aria/overlays": "^3.21.1",
-    "@react-aria/utils": "^3.23.2",
-    "@react-spectrum/utils": "^3.11.5",
-    "@react-stately/overlays": "^3.6.5",
-    "@react-types/overlays": "^3.8.5",
-    "@react-types/shared": "^3.22.1",
+    "@react-aria/interactions": "^3.21.2",
+    "@react-aria/overlays": "^3.22.0",
+    "@react-aria/utils": "^3.24.0",
+    "@react-spectrum/utils": "^3.11.6",
+    "@react-stately/overlays": "^3.6.6",
+    "@react-types/overlays": "^3.8.6",
+    "@react-types/shared": "^3.23.0",
     "@swc/helpers": "^0.5.0",
     "react-transition-group": "^4.4.5"
   },
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
+  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
 }

package/src/Overlay.tsx

@@ -31,6 +31,7 @@ function Overlay(props: OverlayProps, ref: DOMRef<HTMLDivElement>) {
     onExited,
     nodeRef
   } = props;
+
   let [exited, setExited] = useState(!isOpen);
 
   let handleEntered = useCallback(() => {