@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/calendar_vars.css

@@ -1,38 +1,38 @@
 ._7TR9Kq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-._7TR9Kq_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;
+  }
 
-._7TR9Kq_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;
+  }
 
-._7TR9Kq_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;
+  }
 
-._7TR9Kq_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;
+  }
 
-._7TR9Kq_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;
+  }
 
-._7TR9Kq_i18nFontFamily:lang(zh-SG), ._7TR9Kq_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;
+  }
 
-._7TR9Kq_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;
+  }
 
-._7TR9Kq_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;
+  }
 }
 
 ._7TR9Kq_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)));
-}
 
-._7TR9Kq_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;
+  }
 }
 
-._7TR9Kq_spectrum-FocusRing._7TR9Kq_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);
+._7TR9Kq_spectrum-FocusRing {
+  &._7TR9Kq_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);
+    }
+  }
 }
 
-._7TR9Kq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._7TR9Kq_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._7TR9Kq_spectrum-FocusRing--quiet._7TR9Kq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &._7TR9Kq_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) {
   ._7TR9Kq_spectrum-FocusRing, ._7TR9Kq_spectrum-FocusRing-ring, ._7TR9Kq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._7TR9Kq_spectrum-FocusRing, ._7TR9Kq_spectrum-FocusRing-ring, ._7TR9Kq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -151,11 +159,11 @@
   display: flex;
   border-bottom: none !important;
   text-decoration: none !important;
-}
 
-._7TR9Kq_spectrum-Calendar-dayOfWeek[title] {
-  border-bottom: none;
-  text-decoration: underline dotted;
+  &[title] {
+    border-bottom: none;
+    text-decoration: underline dotted;
+  }
 }
 
 ._7TR9Kq_spectrum-Calendar-body {
@@ -181,10 +189,10 @@
   padding: 0;
   padding: var(--spectrum-calendar-day-padding, 4px) 0;
   position: relative;
-}
 
-._7TR9Kq_spectrum-Calendar-tableCell:focus {
-  outline: 0;
+  &:focus {
+    outline: 0;
+  }
 }
 
 ._7TR9Kq_spectrum-Calendar-date {
@@ -202,129 +210,133 @@
   position: absolute;
   top: 0;
   left: 0;
-}
-
-._7TR9Kq_spectrum-Calendar-date ._7TR9Kq_spectrum-Calendar-dateText {
-  width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  margin: 0 auto;
-  margin-inline-start: auto;
-  margin-inline-end: var(--margin);
-  display: block;
-}
 
-._7TR9Kq_spectrum-Calendar-date:focus {
-  outline: 0;
-}
+  & ._7TR9Kq_spectrum-Calendar-dateText {
+    width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+    margin: 0 auto;
+    margin-inline-start: auto;
+    margin-inline-end: var(--margin);
+    display: block;
+  }
 
-._7TR9Kq_spectrum-Calendar-date:lang(ja), ._7TR9Kq_spectrum-Calendar-date:lang(zh), ._7TR9Kq_spectrum-Calendar-date:lang(ko) {
-  font-size: var(--spectrum-calendar-day-text-size-han, var(--spectrum-global-dimension-font-size-50));
-}
+  &:focus {
+    outline: 0;
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled {
-  cursor: default;
-  pointer-events: none;
-}
+  &:lang(ja), &:lang(zh), &:lang(ko) {
+    font-size: var(--spectrum-calendar-day-text-size-han, var(--spectrum-global-dimension-font-size-50));
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-unavailable ._7TR9Kq_spectrum-Calendar-dateText span {
-  position: relative;
-}
+  &._7TR9Kq_is-disabled {
+    cursor: default;
+    pointer-events: none;
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-unavailable ._7TR9Kq_spectrum-Calendar-dateText span:after {
-  content: "";
-  background: currentColor;
-  border-radius: 1px;
-  height: 2px;
-  position: absolute;
-  top: 50%;
-  left: -4px;
-  right: -4px;
-  transform: rotate(-16deg);
-}
+  &._7TR9Kq_is-unavailable {
+    & ._7TR9Kq_spectrum-Calendar-dateText span {
+      position: relative;
+
+      &:after {
+        content: "";
+        background: currentColor;
+        border-radius: 1px;
+        height: 2px;
+        position: absolute;
+        top: 50%;
+        left: -4px;
+        right: -4px;
+        transform: rotate(-16deg);
+      }
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-outsideMonth {
-  visibility: hidden;
-}
+  &._7TR9Kq_is-outsideMonth {
+    visibility: hidden;
+  }
 
-._7TR9Kq_spectrum-Calendar-date:before {
-  border-radius: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
-  content: "";
-  top: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
-  left: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
-  width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
-  height: calc(var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:before {
+    border-radius: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
+    content: "";
+    top: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
+    left: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
+    width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+    height: calc(var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  margin: 0;
-  display: block;
-  position: absolute;
-  transform: translateX(0);
-}
-
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-focused:before {
-  margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
-}
-
-._7TR9Kq_spectrum-Calendar-date:after {
-  top: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
-  left: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
-  height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
-  width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  content: "";
-  z-index: -1;
-  display: block;
-  position: absolute;
-}
-
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection {
-  margin: var(--spectrum-calendar-day-padding, 4px) 0;
-  line-height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
-  border-width: 0;
-  border-radius: 0;
-}
-
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start {
-  width: calc(100% - var(--margin));
-  border-start-start-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  border-end-start-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  inset-inline: auto 0;
-}
-
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start):before, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start):after, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start) ._7TR9Kq_spectrum-Calendar-dateText {
-  inset-inline-start: 0;
-}
-
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start):after, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start) ._7TR9Kq_spectrum-Calendar-dateText {
-  margin-inline-start: 0;
-}
-
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end {
-  width: auto;
-  border-start-end-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  border-end-end-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  inset-inline-start: 0;
-  inset-inline-end: var(--margin);
-}
-
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end):before, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end):after, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end) ._7TR9Kq_spectrum-Calendar-dateText {
-  inset-inline: auto 0;
-}
+    margin: 0;
+    display: block;
+    position: absolute;
+    transform: translateX(0);
+  }
 
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end):after, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end) ._7TR9Kq_spectrum-Calendar-dateText {
-  margin-inline-end: 0;
-}
+  &._7TR9Kq_is-focused {
+    &:before {
+      margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start._7TR9Kq_is-selection-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start._7TR9Kq_is-range-end {
-  width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
-  margin-inline-start: auto;
-  margin-inline-end: var(--margin);
-  inset-inline: 0;
-}
+  &:after {
+    top: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
+    left: calc(50% - calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2));
+    height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
+    width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+    border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+    content: "";
+    z-index: -1;
+    display: block;
+    position: absolute;
+  }
 
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start._7TR9Kq_is-selection-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start._7TR9Kq_is-range-end):after, :is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start._7TR9Kq_is-selection-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-start._7TR9Kq_is-range-end, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-selection-end._7TR9Kq_is-range-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-range-start._7TR9Kq_is-range-end) ._7TR9Kq_spectrum-Calendar-dateText {
-  margin-inline-start: auto;
-  margin-inline-end: var(--margin);
+  &._7TR9Kq_is-range-selection {
+    margin: var(--spectrum-calendar-day-padding, 4px) 0;
+    line-height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
+    border-width: 0;
+    border-radius: 0;
+
+    &._7TR9Kq_is-range-start, &._7TR9Kq_is-selection-start {
+      width: calc(100% - var(--margin));
+      border-start-start-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+      border-end-start-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+      inset-inline: auto 0;
+
+      &:before, &:after, & ._7TR9Kq_spectrum-Calendar-dateText {
+        inset-inline-start: 0;
+      }
+
+      &:after, & ._7TR9Kq_spectrum-Calendar-dateText {
+        margin-inline-start: 0;
+      }
+    }
+
+    &._7TR9Kq_is-range-end, &._7TR9Kq_is-selection-end {
+      width: auto;
+      border-start-end-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+      border-end-end-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+      inset-inline-start: 0;
+      inset-inline-end: var(--margin);
+
+      &:before, &:after, & ._7TR9Kq_spectrum-Calendar-dateText {
+        inset-inline: auto 0;
+      }
+
+      &:after, & ._7TR9Kq_spectrum-Calendar-dateText {
+        margin-inline-end: 0;
+      }
+    }
+
+    &._7TR9Kq_is-selection-start._7TR9Kq_is-selection-end, &._7TR9Kq_is-selection-start._7TR9Kq_is-range-end, &._7TR9Kq_is-selection-end._7TR9Kq_is-range-start, &._7TR9Kq_is-range-start._7TR9Kq_is-range-end {
+      width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+      border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
+      margin-inline-start: auto;
+      margin-inline-end: var(--margin);
+      inset-inline: 0;
+
+      &:after, & ._7TR9Kq_spectrum-Calendar-dateText {
+        margin-inline-start: auto;
+        margin-inline-end: var(--margin);
+      }
+    }
+  }
 }
 
 ._7TR9Kq_spectrum-Calendar-prevMonth, ._7TR9Kq_spectrum-Calendar-nextMonth {
@@ -351,104 +363,110 @@
   --spectrum-calendar-day-today-background-color-hover: var(--spectrum-global-color-gray-400);
   --spectrum-calendar-day-today-background-color-down: var(--spectrum-global-color-gray-500);
   --background: transparent;
-}
 
-._7TR9Kq_spectrum-Calendar-date:after {
-  background: var(--background);
-}
+  &:after {
+    background: var(--background);
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection {
-  background: var(--spectrum-calendar-day-background-color-selected, var(--spectrum-alias-highlight-selected));
-}
+  &._7TR9Kq_is-range-selection {
+    background: var(--spectrum-calendar-day-background-color-selected, var(--spectrum-alias-highlight-selected));
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection._7TR9Kq_is-invalid {
-  background: var(--spectrum-calendar-day-background-color-invalid-selected);
-}
+    &._7TR9Kq_is-invalid {
+      background: var(--spectrum-calendar-day-background-color-invalid-selected);
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-today {
-  color: var(--spectrum-calendar-day-today-text-color, var(--spectrum-global-color-gray-800));
-  border-color: var(--spectrum-calendar-day-today-background-color);
-  --background: var(--spectrum-calendar-day-today-background-color);
-}
+  &._7TR9Kq_is-today {
+    color: var(--spectrum-calendar-day-today-text-color, var(--spectrum-global-color-gray-800));
+    border-color: var(--spectrum-calendar-day-today-background-color);
+    --background: var(--spectrum-calendar-day-today-background-color);
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-selection-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-selection-end {
-  color: var(--spectrum-calendar-day-text-color-cap-selected, var(--spectrum-global-color-gray-900));
-  --background: var(--spectrum-calendar-day-background-color-cap-selected, var(--spectrum-alias-highlight-selected-hover));
-}
+  &._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), &._7TR9Kq_is-selection-start, &._7TR9Kq_is-selection-end {
+    color: var(--spectrum-calendar-day-text-color-cap-selected, var(--spectrum-global-color-gray-900));
+    --background: var(--spectrum-calendar-day-background-color-cap-selected, var(--spectrum-alias-highlight-selected-hover));
 
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-selection-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-selection-end)._7TR9Kq_is-invalid {
-  --background: var(--spectrum-calendar-day-background-color-cap-invalid-selected);
-}
+    &._7TR9Kq_is-invalid {
+      --background: var(--spectrum-calendar-day-background-color-cap-invalid-selected);
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered {
-  color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-global-color-gray-900));
-  --background: var(--spectrum-calendar-day-background-color-hover, var(--spectrum-alias-highlight-hover));
-}
+  &._7TR9Kq_is-hovered {
+    color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-global-color-gray-900));
+    --background: var(--spectrum-calendar-day-background-color-hover, var(--spectrum-alias-highlight-hover));
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-range-selection {
-  color: var(--spectrum-calendar-day-text-color-selected-hover, var(--spectrum-global-color-gray-900));
-  --background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
-}
+    &._7TR9Kq_is-range-selection {
+      color: var(--spectrum-calendar-day-text-color-selected-hover, var(--spectrum-global-color-gray-900));
+      --background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-range-selection._7TR9Kq_is-invalid {
-  --background: var(--spectrum-calendar-day-background-color-invalid-selected);
-}
+      &._7TR9Kq_is-invalid {
+        --background: var(--spectrum-calendar-day-background-color-invalid-selected);
+      }
+    }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-today {
-  --background: var(--spectrum-calendar-day-today-background-color-hover);
-}
+    &._7TR9Kq_is-today {
+      --background: var(--spectrum-calendar-day-today-background-color-hover);
+    }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-selection-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-selection-end {
-  color: var(--spectrum-calendar-day-text-color-cap-selected-hover);
-  --background: var(--spectrum-calendar-day-background-color-cap-selected-hover);
-}
+    &._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), &._7TR9Kq_is-selection-start, &._7TR9Kq_is-selection-end {
+      color: var(--spectrum-calendar-day-text-color-cap-selected-hover);
+      --background: var(--spectrum-calendar-day-background-color-cap-selected-hover);
 
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-selection-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-selection-end)._7TR9Kq_is-invalid {
-  --background: var(--spectrum-calendar-day-background-color-cap-invalid-selected-hover);
-}
+      &._7TR9Kq_is-invalid {
+        --background: var(--spectrum-calendar-day-background-color-cap-invalid-selected-hover);
+      }
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed {
-  color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-global-color-gray-900));
-  --background: var(--spectrum-calendar-day-background-color-down, var(--spectrum-alias-highlight-active));
-}
+  &._7TR9Kq_is-pressed {
+    color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-global-color-gray-900));
+    --background: var(--spectrum-calendar-day-background-color-down, var(--spectrum-alias-highlight-active));
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-range-selection {
-  color: var(--spectrum-calendar-day-text-color-selected-hover, var(--spectrum-global-color-gray-900));
-  --background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
-}
+    &._7TR9Kq_is-range-selection {
+      color: var(--spectrum-calendar-day-text-color-selected-hover, var(--spectrum-global-color-gray-900));
+      --background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-range-selection._7TR9Kq_is-invalid {
-  --background: var(--spectrum-calendar-day-background-color-invalid-selected);
-}
+      &._7TR9Kq_is-invalid {
+        --background: var(--spectrum-calendar-day-background-color-invalid-selected);
+      }
+    }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-today {
-  --background: var(--spectrum-calendar-day-today-background-color-down);
-}
+    &._7TR9Kq_is-today {
+      --background: var(--spectrum-calendar-day-today-background-color-down);
+    }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-selection-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-selection-end {
-  color: var(--spectrum-calendar-day-text-color-cap-selected-hover);
-  --background: var(--spectrum-calendar-day-background-color-cap-selected-down);
-}
+    &._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), &._7TR9Kq_is-selection-start, &._7TR9Kq_is-selection-end {
+      color: var(--spectrum-calendar-day-text-color-cap-selected-hover);
+      --background: var(--spectrum-calendar-day-background-color-cap-selected-down);
 
-:is(._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-selected:not(._7TR9Kq_is-range-selection), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-selection-start, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-pressed._7TR9Kq_is-selection-end)._7TR9Kq_is-invalid {
-  --background: var(--spectrum-calendar-day-background-color-cap-invalid-selected-down);
-}
+      &._7TR9Kq_is-invalid {
+        --background: var(--spectrum-calendar-day-background-color-cap-invalid-selected-down);
+      }
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-focused:before {
-  box-shadow: 0 0 0 var(--spectrum-calendar-day-border-size-key-focus, 2px)
+  &._7TR9Kq_is-focused {
+    &:before {
+      box-shadow: 0 0 0 var(--spectrum-calendar-day-border-size-key-focus, 2px)
         var(--spectrum-calendar-day-border-color-key-focus, var(--spectrum-alias-focus-color));
-}
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled._7TR9Kq_is-today {
-  --background: var(--spectrum-calendar-day-background-color-disabled, transparent);
-}
+  &._7TR9Kq_is-disabled {
+    &, &._7TR9Kq_is-today {
+      --background: var(--spectrum-calendar-day-background-color-disabled, transparent);
+    }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled._7TR9Kq_is-today, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled._7TR9Kq_is-selected {
-  color: var(--spectrum-calendar-day-text-color-disabled, var(--spectrum-global-color-gray-500));
-}
+    &, &._7TR9Kq_is-today, &._7TR9Kq_is-selected {
+      color: var(--spectrum-calendar-day-text-color-disabled, var(--spectrum-global-color-gray-500));
+    }
+  }
 
-._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-unavailable:not(._7TR9Kq_is-selected), ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-unavailable:not(._7TR9Kq_is-selected)._7TR9Kq_is-today {
-  --background: transparent;
+  &._7TR9Kq_is-unavailable:not(._7TR9Kq_is-selected) {
+    &, &._7TR9Kq_is-today {
+      --background: transparent;
+    }
+  }
 }
 
 @media (forced-colors: active) {
@@ -479,23 +497,29 @@
     --spectrum-calendar-day-today-background-color-down: ButtonText;
     --spectrum-calendar-day-today-background-color-hover: ButtonText;
     --spectrum-calendar-day-today-text-color: ButtonFace;
-  }
 
-  ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-range-selection {
-    color: highlighttext;
-  }
-
-  ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled._7TR9Kq_is-range-selection, ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-disabled._7TR9Kq_is-selected {
-    color: highlighttext;
-    background: highlight;
-  }
-
-  ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-unavailable._7TR9Kq_is-today {
-    color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-global-color-gray-900));
-  }
-
-  ._7TR9Kq_spectrum-Calendar-date._7TR9Kq_is-hovered._7TR9Kq_is-today {
-    color: var(--spectrum-calendar-day-today-text-color, var(--spectrum-global-color-gray-800));
+    &._7TR9Kq_is-range-selection {
+      color: highlighttext;
+    }
+
+    &._7TR9Kq_is-disabled {
+      &._7TR9Kq_is-range-selection, &._7TR9Kq_is-selected {
+        color: highlighttext;
+        background: highlight;
+      }
+    }
+
+    &._7TR9Kq_is-unavailable {
+      &._7TR9Kq_is-today {
+        color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-global-color-gray-900));
+      }
+    }
+
+    &._7TR9Kq_is-hovered {
+      &._7TR9Kq_is-today {
+        color: var(--spectrum-calendar-day-today-text-color, var(--spectrum-global-color-gray-800));
+      }
+    }
   }
 }
 /*# sourceMappingURL=calendar_vars.css.map */

package/dist/private/calendar_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAogBE;;;;AAQA;;;;AAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCM;;;;;;;;;EAgBA","sources":["packages/@adobe/spectrum-css-temp/components/calendar/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":"calendar_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CA","sources":["packages/@adobe/spectrum-css-temp/components/calendar/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":"calendar_vars.css.map"}