@react-spectrum/dialog 3.8.8 → 3.8.10

package/dist/vars.6a3d7df3.css

@@ -0,0 +1,519 @@
+.h_OVWW_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.h_OVWW_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;
+}
+
+.h_OVWW_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;
+}
+
+.h_OVWW_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.h_OVWW_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.h_OVWW_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.h_OVWW_i18nFontFamily:lang(zh-SG), .h_OVWW_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.h_OVWW_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.h_OVWW_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.h_OVWW_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)));
+}
+
+.h_OVWW_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;
+}
+
+.h_OVWW_spectrum-FocusRing.h_OVWW_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);
+}
+
+.h_OVWW_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.h_OVWW_spectrum-FocusRing--quiet.h_OVWW_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) {
+  .h_OVWW_spectrum-FocusRing, .h_OVWW_spectrum-FocusRing-ring, .h_OVWW_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.h_OVWW_spectrum-FocusRing, .h_OVWW_spectrum-FocusRing-ring, .h_OVWW_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.h_OVWW_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;
+}
+
+.h_OVWW_spectrum-overlay--open {
+  visibility: visible;
+  opacity: .9999;
+  pointer-events: auto;
+  transition-delay: 0s;
+}
+
+.h_OVWW_spectrum-overlay--bottom--open {
+  transform: translateY(var(--spectrum-overlay-positive-transform-distance));
+}
+
+.h_OVWW_spectrum-overlay--top--open {
+  transform: translateY(var(--spectrum-overlay-negative-transform-distance));
+}
+
+.h_OVWW_spectrum-overlay--right--open {
+  transform: translateX(var(--spectrum-overlay-positive-transform-distance));
+}
+
+.h_OVWW_spectrum-overlay--left--open {
+  transform: translateX(var(--spectrum-overlay-negative-transform-distance));
+}
+
+.h_OVWW_spectrum-Dialog {
+  box-sizing: border-box;
+  min-width: var(--spectrum-dialog-min-width, var(--spectrum-global-dimension-static-size-3600));
+  max-height: inherit;
+  --spectrum-dialog-padding-x: var(--spectrum-dialog-padding);
+  --spectrum-dialog-padding-y: var(--spectrum-dialog-padding);
+  --spectrum-dialog-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  border-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
+  outline: none;
+  width: fit-content;
+  max-width: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+.h_OVWW_spectrum-Dialog--small {
+  width: 400px;
+}
+
+.h_OVWW_spectrum-Dialog--medium {
+  width: 480px;
+}
+
+.h_OVWW_spectrum-Dialog--large {
+  width: 640px;
+}
+
+.h_OVWW_spectrum-Dialog-hero {
+  height: var(--spectrum-global-dimension-size-1600);
+  border-top-left-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
+  border-top-right-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
+  background-position: center;
+  background-size: cover;
+  grid-area: h_OVWW_hero;
+  overflow: hidden;
+}
+
+.h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
+  grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) var(--spectrum-dialog-padding-x);
+  grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto 1fr auto var(--spectrum-dialog-padding-y);
+  grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
+                       ". . . . . ."
+                       ". h_OVWW_heading h_OVWW_header h_OVWW_header h_OVWW_typeIcon ."
+                       ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
+                       ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
+                       ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup ."
+                       ". . . . . .";
+  width: 100%;
+  display: grid;
+}
+
+.h_OVWW_spectrum-Dialog-heading {
+  font-size: var(--spectrum-dialog-title-text-size);
+  font-weight: var(--spectrum-dialog-title-text-font-weight, var(--spectrum-global-font-weight-bold));
+  line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
+  outline: none;
+  grid-area: h_OVWW_heading;
+  margin: 0;
+  padding-inline-end: var(--spectrum-global-dimension-size-200);
+}
+
+.h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader {
+  grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_header-end / h_OVWW_header-end;
+  padding-inline-end: 0;
+}
+
+.h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
+  grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
+  padding-inline-end: 0;
+}
+
+.h_OVWW_spectrum-Dialog-header {
+  box-sizing: border-box;
+  outline: none;
+  grid-area: h_OVWW_header;
+  justify-content: flex-end;
+  align-items: center;
+  min-width: fit-content;
+  display: flex;
+}
+
+.h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
+  grid-area: h_OVWW_header-start / h_OVWW_header-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
+  padding-inline-end: 0;
+}
+
+.h_OVWW_spectrum-Dialog-typeIcon {
+  grid-area: h_OVWW_typeIcon;
+}
+
+.h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-divider {
+  margin-top: var(--spectrum-dialog-rule-margin-top, var(--spectrum-global-dimension-static-size-150));
+  margin-bottom: var(--spectrum-dialog-rule-margin-bottom, var(--spectrum-global-dimension-static-size-200));
+  grid-area: h_OVWW_divider;
+  width: 100%;
+}
+
+.h_OVWW_spectrum-Dialog--noDivider .h_OVWW_spectrum-Dialog-divider {
+  display: none;
+}
+
+.h_OVWW_spectrum-Dialog-content {
+  box-sizing: border-box;
+  -webkit-overflow-scrolling: touch;
+  font-size: var(--spectrum-dialog-content-text-size);
+  font-weight: var(--spectrum-dialog-content-text-font-weight, var(--spectrum-global-font-weight-regular));
+  line-height: var(--spectrum-dialog-content-text-line-height, var(--spectrum-alias-body-text-line-height));
+  padding: calc(var(--spectrum-global-dimension-size-25) * 2);
+  margin: calc(var(--spectrum-global-dimension-size-25) * -2);
+  min-height: var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400));
+  outline: none;
+  grid-area: h_OVWW_content;
+  overflow-y: auto;
+}
+
+.h_OVWW_spectrum-Dialog-footer {
+  outline: none;
+  flex-wrap: wrap;
+  grid-area: h_OVWW_footer;
+  padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+  display: flex;
+}
+
+.h_OVWW_spectrum-Dialog-footer > *, .h_OVWW_spectrum-Dialog-footer > .h_OVWW_spectrum-Button + .h_OVWW_spectrum-Button {
+  margin-bottom: 0;
+}
+
+.h_OVWW_spectrum-Dialog-buttonGroup {
+  grid-area: h_OVWW_buttonGroup;
+  justify-content: flex-end;
+  max-width: 100%;
+  padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+  padding-inline-start: var(--spectrum-global-dimension-size-200);
+  display: flex;
+}
+
+.h_OVWW_spectrum-Dialog-buttonGroup.h_OVWW_spectrum-Dialog-buttonGroup--noFooter {
+  grid-area: h_OVWW_footer-start / h_OVWW_footer-start / h_OVWW_buttonGroup-end / h_OVWW_buttonGroup-end;
+}
+
+.h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid {
+  grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) minmax(0, var(--spectrum-global-dimension-size-400)) var(--spectrum-dialog-padding-x);
+  grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto 1fr auto var(--spectrum-dialog-padding-y);
+  grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
+                       ". . . . . h_OVWW_closeButton h_OVWW_closeButton"
+                       ". h_OVWW_heading h_OVWW_header h_OVWW_header h_OVWW_typeIcon h_OVWW_closeButton h_OVWW_closeButton"
+                       ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
+                       ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
+                       ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup ."
+                       ". . . . . . .";
+}
+
+.h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid .h_OVWW_spectrum-Dialog-buttonGroup {
+  display: none;
+}
+
+.h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid .h_OVWW_spectrum-Dialog-footer {
+  grid-area: h_OVWW_footer / h_OVWW_footer / h_OVWW_buttonGroup / h_OVWW_buttonGroup;
+}
+
+.h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-closeButton {
+  grid-area: h_OVWW_closeButton;
+  place-self: flex-start end;
+  margin-block-start: calc(26px - var(--spectrum-global-dimension-size-175));
+  margin-inline-end: calc(26px - var(--spectrum-global-dimension-size-175));
+}
+
+.h_OVWW_spectrum-Dialog--error {
+  width: 480px;
+}
+
+.h_OVWW_spectrum-Dialog--fullscreen {
+  width: 100%;
+  height: 100%;
+}
+
+.h_OVWW_spectrum-Dialog--fullscreenTakeover {
+  border-style: none;
+  border-radius: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover {
+  max-width: none;
+  max-height: none;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover).h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
+  grid-template-columns: var(--spectrum-dialog-padding-x) 1fr auto auto var(--spectrum-dialog-padding-x);
+  grid-template-rows: var(--spectrum-dialog-padding-y) auto auto 1fr var(--spectrum-dialog-padding-y);
+  grid-template-areas: ". . . . ."
+                       ". h_OVWW_heading h_OVWW_header h_OVWW_buttonGroup ."
+                       ". h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
+                       ". h_OVWW_content h_OVWW_content h_OVWW_content ."
+                       ". . . . .";
+  display: grid;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading {
+  font-size: 28px;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
+  grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_header-end / h_OVWW_header-end;
+  padding-inline-end: 0;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
+  grid-area: h_OVWW_header;
+  padding-inline-end: 0;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-content {
+  max-height: none;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-footer, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
+  padding-block-start: 0;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-footer, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-typeIcon, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-closeButton {
+  display: none;
+}
+
+:is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
+  grid-area: h_OVWW_buttonGroup;
+}
+
+@media screen and (width <= 700px) {
+  .h_OVWW_spectrum-Dialog {
+    --spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-300, 24px);
+  }
+
+  .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
+    grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) var(--spectrum-dialog-padding-x);
+    grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
+    grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
+                         ". . . . . ."
+                         ". h_OVWW_heading h_OVWW_heading h_OVWW_heading h_OVWW_typeIcon ."
+                         ". h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header ."
+                         ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
+                         ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
+                         ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup ."
+                         ". . . . . .";
+  }
+
+  .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader {
+    grid-area: h_OVWW_heading;
+  }
+
+  .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
+    grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
+  }
+
+  .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
+    grid-area: h_OVWW_header;
+  }
+
+  .h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid {
+    grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) minmax(0, var(--spectrum-global-dimension-size-400)) var(--spectrum-dialog-padding-x);
+    grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
+    grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
+                         ". . . . . h_OVWW_closeButton h_OVWW_closeButton"
+                         ". h_OVWW_heading h_OVWW_heading h_OVWW_heading h_OVWW_typeIcon h_OVWW_closeButton h_OVWW_closeButton"
+                         ". h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header ."
+                         ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
+                         ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
+                         ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup ."
+                         ". . . . . . .";
+  }
+
+  .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-header {
+    justify-content: flex-start;
+  }
+
+  .h_OVWW_spectrum-Dialog-footer {
+    min-width: fit-content;
+  }
+
+  .h_OVWW_spectrum-Dialog-buttonGroup {
+    min-width: 0;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover).h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
+    grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
+    grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
+    grid-template-areas: ". . ."
+                         ". h_OVWW_heading ."
+                         ". h_OVWW_header ."
+                         ". h_OVWW_divider ."
+                         ". h_OVWW_content ."
+                         ". h_OVWW_buttonGroup ."
+                         ". . .";
+    display: grid;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
+    grid-area: h_OVWW_heading;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
+    grid-area: h_OVWW_header;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
+    padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading {
+    font-size: var(--spectrum-dialog-title-text-size);
+  }
+}
+
+@media screen and (height <= 400px) {
+  .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
+    border-top-left-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
+    border-top-right-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
+    grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) var(--spectrum-dialog-padding-x);
+    grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto auto 1fr auto auto var(--spectrum-dialog-padding-y);
+    grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
+                         ". . . . . ."
+                         ". h_OVWW_heading h_OVWW_heading h_OVWW_heading h_OVWW_typeIcon ."
+                         ". h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header ."
+                         ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
+                         ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
+                         ". h_OVWW_footer h_OVWW_footer h_OVWW_footer h_OVWW_footer ."
+                         ". h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup ."
+                         ". . . . . .";
+    overflow-y: auto;
+  }
+
+  .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader {
+    grid-area: h_OVWW_heading;
+    padding-inline-end: 0;
+  }
+
+  .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
+    grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
+    padding-inline-end: 0;
+  }
+
+  .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
+    grid-area: h_OVWW_header;
+    padding-inline-end: 0;
+  }
+
+  .h_OVWW_spectrum-Dialog-content {
+    height: min-content;
+    display: inline-table;
+    overflow-y: visible;
+  }
+
+  .h_OVWW_spectrum-Dialog-footer + .h_OVWW_spectrum-Dialog-buttonGroup {
+    padding-block-start: calc(var(--spectrum-global-dimension-size-25) * 2);
+  }
+}
+
+@media screen and (height <= 400px) and (width <= 700px) {
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover).h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
+    grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
+    grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
+    grid-template-areas: ". . ."
+                         ". h_OVWW_heading ."
+                         ". h_OVWW_header ."
+                         ". h_OVWW_divider ."
+                         ". h_OVWW_content ."
+                         ". h_OVWW_buttonGroup ."
+                         ". . .";
+    display: grid;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
+    grid-area: h_OVWW_heading;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
+    grid-area: h_OVWW_header;
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
+    padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+  }
+
+  :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading {
+    font-size: var(--spectrum-dialog-title-text-size);
+  }
+}
+
+.h_OVWW_spectrum-Dialog-heading {
+  color: var(--spectrum-dialog-title-text-color, var(--spectrum-global-color-gray-900));
+}
+
+.h_OVWW_spectrum-Dialog-content {
+  color: var(--spectrum-dialog-content-text-color, var(--spectrum-global-color-gray-800));
+}
+
+.h_OVWW_spectrum-Dialog-typeIcon {
+  color: var(--spectrum-dialog-icon-color, var(--spectrum-global-color-gray-900));
+}
+
+.h_OVWW_spectrum-Dialog--error .h_OVWW_spectrum-Dialog-typeIcon {
+  color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-color-icon));
+}
+
+.h_OVWW_spectrum-Dialog--warning .h_OVWW_spectrum-Dialog-typeIcon {
+  color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
+}
+/*# sourceMappingURL=vars.6a3d7df3.css.map */

package/dist/vars.6a3d7df3.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;;;;;;;;;;;;;;;AAuBA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAYA;;;;;;;;;;;;;;AAeA;;;;;;;;;;AAaE;;;;;AAKA;;;;;AAMF;;;;;;;;;;AAYE;;;;;AAMF;;;;AAIA;;;;;;;AAQE;;;;AAKF;;;;;;;;;;;;;;AA6BA;;;;;;;;AAWE;;;;AAMF;;;;;;;;;AAWE;;;;AAKF;;;;;;;;;;;;AAYE;;;;AAGA;;;;AAKF;;;;;;;AAYA;;;;AAIA;;;;;AAKA;;;;;;;AAUA;;;;;AAKE;;;;;;;;;;;AAYA;;;;AAGE;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AAIA;;;;AAKF;EAEE;;;;EAIA;;;;;;;;;;;;;EAcE;;;;EAKA;;;;EAKA;;;;EAKF;;;;;;;;;;;;;EAcA;;;;EAIA;;;;EAIA;;;;EAOE;;;;;;;;;;;;;EAcE;;;;EAWA;;;;EAKF;;;;EAIA;;;;;AAQJ;EACE;;;;;;;;;;;;;;;;;EAoBE;;;;;EAOA;;;;;EAOA;;;;;EAMF;;;;;;EAMA;;;;;AAKF;EAII;;;;;;;;;;;;;EAcE;;;;EAWA;;;;EAKF;;;;EAIA;;;;;AAkBJ;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAMA","sources":["packages/@adobe/spectrum-css-temp/components/dialog/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.6a3d7df3.css.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "alert": `\u{8B66}\u{62A5}`,
+    "dismiss": `\u{53D6}\u{6D88}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

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

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gBAAE,CAAC;AACjB","sources":["packages/@react-spectrum/dialog/intl/zh-CN.json"],"sourcesContent":["{\n  \"alert\": \"警报\",\n  \"dismiss\": \"取消\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,9 @@
+var $ecd80835333d83cc$exports = {};
+$ecd80835333d83cc$exports = {
+    "alert": `\u{8B66}\u{62A5}`,
+    "dismiss": `\u{53D6}\u{6D88}`
+};
+
+
+export {$ecd80835333d83cc$exports as default};
+//# sourceMappingURL=zh-CN.mjs.map

package/dist/zh-CN.module.js

@@ -0,0 +1,9 @@
+var $ecd80835333d83cc$exports = {};
+$ecd80835333d83cc$exports = {
+    "alert": `\u{8B66}\u{62A5}`,
+    "dismiss": `\u{53D6}\u{6D88}`
+};
+
+
+export {$ecd80835333d83cc$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

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

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gBAAE,CAAC;AACjB","sources":["packages/@react-spectrum/dialog/intl/zh-CN.json"],"sourcesContent":["{\n  \"alert\": \"警报\",\n  \"dismiss\": \"取消\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "alert": `\u{8B66}\u{793A}`,
+    "dismiss": `\u{95DC}\u{9589}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

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

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gBAAE,CAAC;AACjB","sources":["packages/@react-spectrum/dialog/intl/zh-TW.json"],"sourcesContent":["{\n  \"alert\": \"警示\",\n  \"dismiss\": \"關閉\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,9 @@
+var $03712eabbcfd201c$exports = {};
+$03712eabbcfd201c$exports = {
+    "alert": `\u{8B66}\u{793A}`,
+    "dismiss": `\u{95DC}\u{9589}`
+};
+
+
+export {$03712eabbcfd201c$exports as default};
+//# sourceMappingURL=zh-TW.mjs.map

package/dist/zh-TW.module.js

@@ -0,0 +1,9 @@
+var $03712eabbcfd201c$exports = {};
+$03712eabbcfd201c$exports = {
+    "alert": `\u{8B66}\u{793A}`,
+    "dismiss": `\u{95DC}\u{9589}`
+};
+
+
+export {$03712eabbcfd201c$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

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

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;IAC/B,WAAW,CAAC,gBAAE,CAAC;AACjB","sources":["packages/@react-spectrum/dialog/intl/zh-TW.json"],"sourcesContent":["{\n  \"alert\": \"警示\",\n  \"dismiss\": \"關閉\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/dialog",
-  "version": "3.8.8",
+  "version": "3.8.10",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,29 +36,29 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/dialog": "^3.5.11",
-    "@react-aria/i18n": "^3.10.1",
-    "@react-aria/interactions": "^3.21.0",
-    "@react-aria/overlays": "^3.21.0",
-    "@react-aria/utils": "^3.23.1",
-    "@react-spectrum/button": "^3.16.1",
-    "@react-spectrum/buttongroup": "^3.6.10",
-    "@react-spectrum/divider": "^3.5.10",
-    "@react-spectrum/layout": "^3.6.2",
-    "@react-spectrum/overlays": "^5.5.4",
-    "@react-spectrum/text": "^3.5.2",
-    "@react-spectrum/utils": "^3.11.4",
-    "@react-spectrum/view": "^3.6.7",
-    "@react-stately/overlays": "^3.6.4",
-    "@react-types/button": "^3.9.1",
-    "@react-types/dialog": "^3.5.7",
-    "@react-types/shared": "^3.22.0",
-    "@spectrum-icons/ui": "^3.6.4",
+    "@react-aria/dialog": "^3.5.13",
+    "@react-aria/i18n": "^3.11.0",
+    "@react-aria/interactions": "^3.21.2",
+    "@react-aria/overlays": "^3.22.0",
+    "@react-aria/utils": "^3.24.0",
+    "@react-spectrum/button": "^3.16.3",
+    "@react-spectrum/buttongroup": "^3.6.12",
+    "@react-spectrum/divider": "^3.5.12",
+    "@react-spectrum/layout": "^3.6.4",
+    "@react-spectrum/overlays": "^5.6.0",
+    "@react-spectrum/text": "^3.5.4",
+    "@react-spectrum/utils": "^3.11.6",
+    "@react-spectrum/view": "^3.6.9",
+    "@react-stately/overlays": "^3.6.6",
+    "@react-types/button": "^3.9.3",
+    "@react-types/dialog": "^3.5.9",
+    "@react-types/shared": "^3.23.0",
+    "@spectrum-icons/ui": "^3.6.6",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
-    "@react-spectrum/test-utils": "3.0.0-alpha.1"
+    "@react-spectrum/test-utils-internal": "3.0.0-alpha.1"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -68,5 +68,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
+  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
 }