@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/dialog_vars.css

@@ -1,38 +1,38 @@
 .lH9paG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.lH9paG_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh-SG), .lH9paG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .lH9paG_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.lH9paG_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.lH9paG_spectrum-FocusRing.lH9paG_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);
+.lH9paG_spectrum-FocusRing {
+  &.lH9paG_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);
+    }
+  }
 }
 
-.lH9paG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.lH9paG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.lH9paG_spectrum-FocusRing--quiet.lH9paG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.lH9paG_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .lH9paG_spectrum-FocusRing, .lH9paG_spectrum-FocusRing-ring, .lH9paG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.lH9paG_spectrum-FocusRing, .lH9paG_spectrum-FocusRing-ring, .lH9paG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -171,16 +179,16 @@
   grid-area: lH9paG_heading;
   margin: 0;
   padding-inline-end: var(--spectrum-global-dimension-size-200);
-}
 
-.lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader {
-  grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
-  padding-inline-end: 0;
-}
+  &.lH9paG_spectrum-Dialog-heading--noHeader {
+    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
+    padding-inline-end: 0;
+  }
 
-.lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-  grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
-  padding-inline-end: 0;
+  &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    padding-inline-end: 0;
+  }
 }
 
 .lH9paG_spectrum-Dialog-header {
@@ -191,11 +199,11 @@
   align-items: center;
   min-width: fit-content;
   display: flex;
-}
 
-.lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-  grid-area: lH9paG_header-start / lH9paG_header-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
-  padding-inline-end: 0;
+  &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+    grid-area: lH9paG_header-start / lH9paG_header-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    padding-inline-end: 0;
+  }
 }
 
 .lH9paG_spectrum-Dialog-typeIcon {
@@ -209,8 +217,10 @@
   grid-area: lH9paG_divider;
 }
 
-.lH9paG_spectrum-Dialog--noDivider .lH9paG_spectrum-Dialog-divider {
-  display: none;
+.lH9paG_spectrum-Dialog--noDivider {
+  & .lH9paG_spectrum-Dialog-divider {
+    display: none;
+  }
 }
 
 .lH9paG_spectrum-Dialog-content {
@@ -233,10 +243,10 @@
   grid-area: lH9paG_footer;
   padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
   display: flex;
-}
 
-.lH9paG_spectrum-Dialog-footer > *, .lH9paG_spectrum-Dialog-footer > .lH9paG_spectrum-Button + .lH9paG_spectrum-Button {
-  margin-bottom: 0;
+  & > *, & > .lH9paG_spectrum-Button + .lH9paG_spectrum-Button {
+    margin-bottom: 0;
+  }
 }
 
 .lH9paG_spectrum-Dialog-buttonGroup {
@@ -246,10 +256,10 @@
   padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
   padding-inline-start: var(--spectrum-global-dimension-size-200);
   display: flex;
-}
 
-.lH9paG_spectrum-Dialog-buttonGroup.lH9paG_spectrum-Dialog-buttonGroup--noFooter {
-  grid-area: lH9paG_footer-start / lH9paG_footer-start / lH9paG_buttonGroup-end / lH9paG_buttonGroup-end;
+  &.lH9paG_spectrum-Dialog-buttonGroup--noFooter {
+    grid-area: lH9paG_footer-start / lH9paG_footer-start / lH9paG_buttonGroup-end / lH9paG_buttonGroup-end;
+  }
 }
 
 .lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid {
@@ -264,14 +274,14 @@
                        ". lH9paG_content lH9paG_content lH9paG_content lH9paG_content lH9paG_content ."
                        ". lH9paG_footer lH9paG_footer lH9paG_buttonGroup lH9paG_buttonGroup lH9paG_buttonGroup ."
                        ". . . . . . .";
-}
 
-.lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid .lH9paG_spectrum-Dialog-buttonGroup {
-  display: none;
-}
+  & .lH9paG_spectrum-Dialog-buttonGroup {
+    display: none;
+  }
 
-.lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid .lH9paG_spectrum-Dialog-footer {
-  grid-area: lH9paG_footer / lH9paG_footer / lH9paG_buttonGroup / lH9paG_buttonGroup;
+  & .lH9paG_spectrum-Dialog-footer {
+    grid-area: lH9paG_footer / lH9paG_footer / lH9paG_buttonGroup / lH9paG_buttonGroup;
+  }
 }
 
 .lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-closeButton {
@@ -300,47 +310,49 @@
 .lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover {
   max-width: none;
   max-height: none;
-}
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover).lH9paG_spectrum-Dialog .lH9paG_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: ". . . . ."
-                       ". lH9paG_heading lH9paG_header lH9paG_buttonGroup ."
-                       ". lH9paG_divider lH9paG_divider lH9paG_divider ."
-                       ". lH9paG_content lH9paG_content lH9paG_content ."
-                       ". . . . .";
-  display: grid;
-}
+  &.lH9paG_spectrum-Dialog .lH9paG_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: ". . . . ."
+                         ". lH9paG_heading lH9paG_header lH9paG_buttonGroup ."
+                         ". lH9paG_divider lH9paG_divider lH9paG_divider ."
+                         ". lH9paG_content lH9paG_content lH9paG_content ."
+                         ". . . . .";
+    display: grid;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading {
-  font-size: 28px;
-}
+  & .lH9paG_spectrum-Dialog-heading {
+    font-size: 28px;
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-  grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
-  padding-inline-end: 0;
-}
+    &.lH9paG_spectrum-Dialog-heading--noHeader, &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+      grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
+      padding-inline-end: 0;
+    }
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-  grid-area: lH9paG_header;
-  padding-inline-end: 0;
-}
+  & .lH9paG_spectrum-Dialog-header {
+    &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+      grid-area: lH9paG_header;
+      padding-inline-end: 0;
+    }
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-content {
-  max-height: none;
-}
+  & .lH9paG_spectrum-Dialog-content {
+    max-height: none;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-footer, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-  padding-block-start: 0;
-}
+  & .lH9paG_spectrum-Dialog-footer, & .lH9paG_spectrum-Dialog-buttonGroup {
+    padding-block-start: 0;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-footer, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-typeIcon, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-closeButton {
-  display: none;
-}
+  & .lH9paG_spectrum-Dialog-footer, & .lH9paG_spectrum-Dialog-typeIcon, & .lH9paG_spectrum-Dialog-closeButton {
+    display: none;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-  grid-area: lH9paG_buttonGroup;
+  & .lH9paG_spectrum-Dialog-buttonGroup {
+    grid-area: lH9paG_buttonGroup;
+  }
 }
 
 @media screen and (width <= 700px) {
@@ -361,16 +373,20 @@
                          ". . . . . .";
   }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader {
-    grid-area: lH9paG_heading;
-  }
+  .lH9paG_spectrum-Dialog-heading {
+    &.lH9paG_spectrum-Dialog-heading--noHeader {
+      grid-area: lH9paG_heading;
+    }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    &.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+      grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    }
   }
 
-  .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
+  .lH9paG_spectrum-Dialog-header {
+    &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+      grid-area: lH9paG_header;
+    }
   }
 
   .lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid {
@@ -400,33 +416,39 @@
     min-width: 0;
   }
 
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover).lH9paG_spectrum-Dialog .lH9paG_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: ". . ."
-                         ". lH9paG_heading ."
-                         ". lH9paG_header ."
-                         ". lH9paG_divider ."
-                         ". lH9paG_content ."
-                         ". lH9paG_buttonGroup ."
-                         ". . .";
-    display: grid;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-    padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading {
-    font-size: var(--spectrum-dialog-title-text-size);
+  .lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover {
+    &.lH9paG_spectrum-Dialog .lH9paG_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: ". . ."
+                           ". lH9paG_heading ."
+                           ". lH9paG_header ."
+                           ". lH9paG_divider ."
+                           ". lH9paG_content ."
+                           ". lH9paG_buttonGroup ."
+                           ". . .";
+      display: grid;
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      &.lH9paG_spectrum-Dialog-heading--noHeader, &.lH9paG_spectrum-Dialog-heading--noTypeIcon, &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+        grid-area: lH9paG_heading;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-header {
+      &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+        grid-area: lH9paG_header;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-buttonGroup {
+      padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      font-size: var(--spectrum-dialog-title-text-size);
+    }
   }
 }
 
@@ -448,19 +470,23 @@
     overflow-y: auto;
   }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader {
-    grid-area: lH9paG_heading;
-    padding-inline-end: 0;
-  }
+  .lH9paG_spectrum-Dialog-heading {
+    &.lH9paG_spectrum-Dialog-heading--noHeader {
+      grid-area: lH9paG_heading;
+      padding-inline-end: 0;
+    }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
-    padding-inline-end: 0;
+    &.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+      grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+      padding-inline-end: 0;
+    }
   }
 
-  .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
-    padding-inline-end: 0;
+  .lH9paG_spectrum-Dialog-header {
+    &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+      grid-area: lH9paG_header;
+      padding-inline-end: 0;
+    }
   }
 
   .lH9paG_spectrum-Dialog-content {
@@ -475,33 +501,39 @@
 }
 
 @media screen and (height <= 400px) and (width <= 700px) {
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover).lH9paG_spectrum-Dialog .lH9paG_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: ". . ."
-                         ". lH9paG_heading ."
-                         ". lH9paG_header ."
-                         ". lH9paG_divider ."
-                         ". lH9paG_content ."
-                         ". lH9paG_buttonGroup ."
-                         ". . .";
-    display: grid;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-    padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading {
-    font-size: var(--spectrum-dialog-title-text-size);
+  .lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover {
+    &.lH9paG_spectrum-Dialog .lH9paG_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: ". . ."
+                           ". lH9paG_heading ."
+                           ". lH9paG_header ."
+                           ". lH9paG_divider ."
+                           ". lH9paG_content ."
+                           ". lH9paG_buttonGroup ."
+                           ". . .";
+      display: grid;
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      &.lH9paG_spectrum-Dialog-heading--noHeader, &.lH9paG_spectrum-Dialog-heading--noTypeIcon, &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+        grid-area: lH9paG_heading;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-header {
+      &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+        grid-area: lH9paG_header;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-buttonGroup {
+      padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      font-size: var(--spectrum-dialog-title-text-size);
+    }
   }
 }
 
@@ -517,11 +549,15 @@
   color: var(--spectrum-dialog-icon-color, var(--spectrum-global-color-gray-900));
 }
 
-.lH9paG_spectrum-Dialog--error .lH9paG_spectrum-Dialog-typeIcon {
-  color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-color-icon));
+.lH9paG_spectrum-Dialog--error {
+  & .lH9paG_spectrum-Dialog-typeIcon {
+    color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-color-icon));
+  }
 }
 
-.lH9paG_spectrum-Dialog--warning .lH9paG_spectrum-Dialog-typeIcon {
-  color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
+.lH9paG_spectrum-Dialog--warning {
+  & .lH9paG_spectrum-Dialog-typeIcon {
+    color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
+  }
 }
 /*# sourceMappingURL=dialog_vars.css.map */

package/dist/private/dialog_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FF;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4LE;;;;EAME;;;;;;;;;;;;;;;;;;;;;EAgCA;;;;EAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGA;;;;EAIA;;;;;;;;;;;;;AA0BJ;;;;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":"dialog_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DJ;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwKE;;;;;;;IAOA;;;;;;;;;;;;;;;;;;EAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCE;;;;;EAKF;;;;;;;;;;;;;;;;;;;EA6BA;;;;EAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKF;;;;AAIA","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":"dialog_vars.css.map"}