@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/tooltip_vars.css

@@ -1,117 +1,126 @@
-.uv8yQW_i18nFontFamily {
+._4j8kDW_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.uv8yQW_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;
+  }
 
-.uv8yQW_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;
+  }
 
-.uv8yQW_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;
+  }
 
-.uv8yQW_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;
+  }
 
-.uv8yQW_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;
+  }
 
-.uv8yQW_i18nFontFamily:lang(zh-SG), .uv8yQW_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;
+  }
 
-.uv8yQW_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;
+  }
 
-.uv8yQW_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;
+  }
 }
 
-.uv8yQW_spectrum-FocusRing-ring {
+._4j8kDW_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)));
-}
 
-.uv8yQW_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;
+  &: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;
+  }
 }
 
-.uv8yQW_spectrum-FocusRing.uv8yQW_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);
+._4j8kDW_spectrum-FocusRing {
+  &._4j8kDW_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);
+    }
+  }
 }
 
-.uv8yQW_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._4j8kDW_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.uv8yQW_spectrum-FocusRing--quiet.uv8yQW_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);
+  &._4j8kDW_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) {
-  .uv8yQW_spectrum-FocusRing, .uv8yQW_spectrum-FocusRing-ring, .uv8yQW_spectrum-FocusRing--quiet {
+  ._4j8kDW_spectrum-FocusRing, ._4j8kDW_spectrum-FocusRing-ring, ._4j8kDW_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.uv8yQW_spectrum-FocusRing, .uv8yQW_spectrum-FocusRing-ring, .uv8yQW_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
-.uv8yQW_spectrum-overlay {
+._4j8kDW_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);
+    opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
+    visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
   pointer-events: none;
 }
 
-.uv8yQW_spectrum-overlay--open {
+._4j8kDW_spectrum-overlay--open {
   visibility: visible;
   opacity: .9999;
   pointer-events: auto;
   transition-delay: 0s;
 }
 
-.uv8yQW_spectrum-overlay--bottom--open {
+._4j8kDW_spectrum-overlay--bottom--open {
   transform: translateY(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.uv8yQW_spectrum-overlay--top--open {
+._4j8kDW_spectrum-overlay--top--open {
   transform: translateY(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.uv8yQW_spectrum-overlay--right--open {
+._4j8kDW_spectrum-overlay--right--open {
   transform: translateX(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.uv8yQW_spectrum-overlay--left--open {
+._4j8kDW_spectrum-overlay--left--open {
   transform: translateX(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.uv8yQW_spectrum-Tooltip {
+._4j8kDW_spectrum-Tooltip {
   box-sizing: border-box;
   vertical-align: top;
   inline-size: auto;
@@ -123,20 +132,23 @@
   line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
   word-break: break-word;
   -webkit-font-smoothing: antialiased;
-  cursor: default;
-  -webkit-user-select: none;
-  user-select: none;
   flex-direction: row;
   align-items: center;
   display: inline-flex;
   position: relative;
-}
 
-.uv8yQW_spectrum-Tooltip p {
-  margin: 0;
+  & {
+    cursor: default;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  & p {
+    margin: 0;
+  }
 }
 
-.uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip-tip {
   border-width: var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50));
   border-style: solid;
   border-bottom-color: #0000;
@@ -147,52 +159,56 @@
   position: absolute;
 }
 
-:is(.uv8yQW_spectrum-Tooltip--right, .uv8yQW_spectrum-Tooltip--left) .uv8yQW_spectrum-Tooltip-tip {
-  margin-top: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
-  top: 50%;
+._4j8kDW_spectrum-Tooltip--right, ._4j8kDW_spectrum-Tooltip--left {
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    margin-top: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
+    top: 50%;
+  }
 }
 
-.uv8yQW_spectrum-Tooltip--right {
+._4j8kDW_spectrum-Tooltip--right {
   margin-left: var(--spectrum-global-dimension-size-40);
-}
 
-.uv8yQW_spectrum-Tooltip--right .uv8yQW_spectrum-Tooltip-tip {
-  right: 100%;
-  transform: rotate(90deg);
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    right: 100%;
+    transform: rotate(90deg);
+  }
 }
 
-.uv8yQW_spectrum-Tooltip--left {
+._4j8kDW_spectrum-Tooltip--left {
   margin-right: var(--spectrum-global-dimension-size-40);
-}
 
-.uv8yQW_spectrum-Tooltip--left .uv8yQW_spectrum-Tooltip-tip {
-  left: 100%;
-  transform: rotate(-90deg);
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    left: 100%;
+    transform: rotate(-90deg);
+  }
 }
 
-.uv8yQW_spectrum-Tooltip--top {
+._4j8kDW_spectrum-Tooltip--top {
   margin-bottom: var(--spectrum-global-dimension-size-40);
-}
 
-.uv8yQW_spectrum-Tooltip--top .uv8yQW_spectrum-Tooltip-tip {
-  top: 100%;
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    top: 100%;
+  }
 }
 
-.uv8yQW_spectrum-Tooltip--bottom {
+._4j8kDW_spectrum-Tooltip--bottom {
   margin-top: var(--spectrum-global-dimension-size-40);
-}
 
-.uv8yQW_spectrum-Tooltip--bottom .uv8yQW_spectrum-Tooltip-tip {
-  bottom: 100%;
-  transform: rotate(-180deg);
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    bottom: 100%;
+    transform: rotate(-180deg);
+  }
 }
 
-:is(.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_spectrum-Tooltip--top) .uv8yQW_spectrum-Tooltip-tip {
-  margin-left: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
-  left: 50%;
+._4j8kDW_spectrum-Tooltip--bottom, ._4j8kDW_spectrum-Tooltip--top {
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    margin-left: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
+    left: 50%;
+  }
 }
 
-.uv8yQW_spectrum-Tooltip-typeIcon {
+._4j8kDW_spectrum-Tooltip-typeIcon {
   inline-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
   block-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
   margin-inline-start: calc(var(--spectrum-tooltip-icon-margin-x, var(--spectrum-global-dimension-size-100)) - var(--spectrum-tooltip-padding-x, var(--spectrum-global-dimension-size-125)));
@@ -201,75 +217,83 @@
   margin-top: 1px;
 }
 
-.uv8yQW_spectrum-Tooltip-label {
+._4j8kDW_spectrum-Tooltip-label {
   max-inline-size: var(--spectrum-tooltip-content-max-width);
   line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
 }
 
-.uv8yQW_u-tooltip-showOnHover {
+._4j8kDW_u-tooltip-showOnHover {
   display: inline-block;
   position: relative;
-}
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip {
-  white-space: nowrap;
-  transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
-  position: absolute;
-  top: -100%;
-  visibility: visible !important;
-}
+  & ._4j8kDW_spectrum-Tooltip {
+    white-space: nowrap;
+    transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+    position: absolute;
+    top: -100%;
+    visibility: visible !important;
+  }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip-label {
-  max-inline-size: none;
-}
+  & ._4j8kDW_spectrum-Tooltip-label {
+    max-inline-size: none;
+  }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--left, :is(.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--left) .uv8yQW_spectrum-Tooltip-tip {
-  top: 50%;
-}
+  & ._4j8kDW_spectrum-Tooltip--right, & ._4j8kDW_spectrum-Tooltip--left {
+    top: 50%;
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--right {
-  left: 100%;
-  transform: translate(0, -50%);
-}
+    & ._4j8kDW_spectrum-Tooltip-tip {
+      top: 50%;
+    }
+  }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--left {
-  transform: translate(-100%, -50%);
-}
+  & ._4j8kDW_spectrum-Tooltip--right {
+    left: 100%;
+    transform: translate(0, -50%);
+  }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--top, :is(.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--top) .uv8yQW_spectrum-Tooltip-tip {
-  left: 50%;
-}
+  & ._4j8kDW_spectrum-Tooltip--left {
+    transform: translate(-100%, -50%);
+  }
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--bottom {
-  transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
-  top: 100%;
-}
+  & ._4j8kDW_spectrum-Tooltip--bottom, & ._4j8kDW_spectrum-Tooltip--top {
+    left: 50%;
 
-.uv8yQW_u-tooltip-showOnHover .uv8yQW_spectrum-Tooltip--top {
-  transform: translate(-50%, var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)));
-}
+    & ._4j8kDW_spectrum-Tooltip-tip {
+      left: 50%;
+    }
+  }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip {
-  opacity: 1;
-}
+  & ._4j8kDW_spectrum-Tooltip--bottom {
+    transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
+    top: 100%;
+  }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--bottom {
-  transform: translate(-50%);
-}
+  & ._4j8kDW_spectrum-Tooltip--top {
+    transform: translate(-50%, var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)));
+  }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--top {
-  transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
-}
+  &._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip, &:focus ._4j8kDW_spectrum-Tooltip, &._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip, & :focus ._4j8kDW_spectrum-Tooltip {
+    opacity: 1;
+  }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--left {
-  transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
-}
+  &._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom, &:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom, &._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom, & :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--bottom {
+    transform: translate(-50%);
+  }
+
+  &._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top, &:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top, &._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top, & :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--top {
+    transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
+  }
 
-.uv8yQW_u-tooltip-showOnHover.uv8yQW_is-hovered .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover:focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover.uv8yQW_is-focused .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right, .uv8yQW_u-tooltip-showOnHover :focus .uv8yQW_spectrum-Tooltip.uv8yQW_spectrum-Tooltip--right {
-  transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
+  &._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left, &:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left, &._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left, & :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--left {
+    transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
+  }
+
+  &._4j8kDW_is-hovered ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right, &:focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right, &._4j8kDW_is-focused ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right, & :focus ._4j8kDW_spectrum-Tooltip._4j8kDW_spectrum-Tooltip--right {
+    transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
+  }
 }
 
-.uv8yQW_spectrum-Tooltip {
+._4j8kDW_spectrum-Tooltip {
   --spectrum-tooltip-background-color: var(--spectrum-alias-neutral-background-color);
   --spectrum-tooltip-negative-background-color: var(--spectrum-negative-background-color-default);
   --spectrum-tooltip-positive-background-color: var(--spectrum-positive-background-color-default);
@@ -280,40 +304,40 @@
   will-change: filter;
 }
 
-.uv8yQW_spectrum-Tooltip-tip {
+._4j8kDW_spectrum-Tooltip-tip {
   border-top-color: var(--spectrum-tooltip-background-color, var(--spectrum-global-color-static-gray-700));
 }
 
-.uv8yQW_spectrum-Tooltip--negative, .uv8yQW_spectrum-Tooltip--error {
+._4j8kDW_spectrum-Tooltip--negative, ._4j8kDW_spectrum-Tooltip--error {
   background-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
-}
 
-:is(.uv8yQW_spectrum-Tooltip--negative, .uv8yQW_spectrum-Tooltip--error) .uv8yQW_spectrum-Tooltip-tip {
-  border-top-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    border-top-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
+  }
 }
 
-.uv8yQW_spectrum-Tooltip--info, .uv8yQW_spectrum-Tooltip--help {
+._4j8kDW_spectrum-Tooltip--info, ._4j8kDW_spectrum-Tooltip--help {
   background-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
-}
 
-:is(.uv8yQW_spectrum-Tooltip--info, .uv8yQW_spectrum-Tooltip--help) .uv8yQW_spectrum-Tooltip-tip {
-  border-top-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    border-top-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
+  }
 }
 
-.uv8yQW_spectrum-Tooltip--positive, .uv8yQW_spectrum-Tooltip--success {
+._4j8kDW_spectrum-Tooltip--positive, ._4j8kDW_spectrum-Tooltip--success {
   background-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
-}
 
-:is(.uv8yQW_spectrum-Tooltip--positive, .uv8yQW_spectrum-Tooltip--success) .uv8yQW_spectrum-Tooltip-tip {
-  border-top-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
+  & ._4j8kDW_spectrum-Tooltip-tip {
+    border-top-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
+  }
 }
 
 @media (forced-colors: active) {
-  .uv8yQW_spectrum-Tooltip {
+  ._4j8kDW_spectrum-Tooltip {
     border: 1px solid #0000;
   }
 
-  .uv8yQW_spectrum-Tooltip-tip {
+  ._4j8kDW_spectrum-Tooltip-tip {
     forced-color-adjust: none;
     --spectrum-tooltip-background-color: CanvasText;
     --spectrum-tooltip-negative-background-color: Highlight;

package/dist/private/tooltip_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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":"tooltip_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DJ;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IE;;;;;;;;;;;;EAcA;;;;;;;;;;;;;;;;;EAiBA;;;;;;;;;;;;;;;;;EAiBA;;;;EAOA;;;;EAOA;;;;EAOA;;;;EAOA;;;;;;;;;;;;;;;;;;;;AAwCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BE","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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":"tooltip_vars.css.map"}

package/dist/private/tooltip_vars_css.cjs

@@ -69,39 +69,39 @@ var $d581447d0855914b$export$f4096e0dc445b255;
 var $d581447d0855914b$export$9deb89a7a91de30;
 var $d581447d0855914b$export$ff23d46fee8272e4;
 var $d581447d0855914b$export$6ea3237f62800d00;
-$d581447d0855914b$export$f39a09f249340e2a = `uv8yQW_focus-ring`;
-$d581447d0855914b$export$8c4ee2c50c22c514 = `uv8yQW_i18nFontFamily`;
-$d581447d0855914b$export$e7dc768d35940237 = `uv8yQW_is-focused`;
-$d581447d0855914b$export$b8813cd5d7824ce7 = `uv8yQW_is-hovered`;
-$d581447d0855914b$export$a397eb58038aa381 = `uv8yQW_spectrum-overlay--open`;
-$d581447d0855914b$export$a9781837241c946d = `uv8yQW_is-open ${$d581447d0855914b$export$a397eb58038aa381}`;
-$d581447d0855914b$export$a96755f239de61ee = `uv8yQW_spectrum-overlay--bottom--open`;
-$d581447d0855914b$export$1f160596ffe52357 = `uv8yQW_is-open--bottom ${$d581447d0855914b$export$a96755f239de61ee}`;
-$d581447d0855914b$export$a85c0c6b6cf8598c = `uv8yQW_spectrum-overlay--left--open`;
-$d581447d0855914b$export$d6106cb3acaf56ae = `uv8yQW_is-open--left ${$d581447d0855914b$export$a85c0c6b6cf8598c}`;
-$d581447d0855914b$export$85aaa87e65e040bf = `uv8yQW_spectrum-overlay--right--open`;
-$d581447d0855914b$export$8935d072812c3169 = `uv8yQW_is-open--right ${$d581447d0855914b$export$85aaa87e65e040bf}`;
-$d581447d0855914b$export$b9768db7ffc1bc2 = `uv8yQW_spectrum-overlay--top--open`;
-$d581447d0855914b$export$cd4bf1e07ae86214 = `uv8yQW_is-open--top ${$d581447d0855914b$export$b9768db7ffc1bc2}`;
-$d581447d0855914b$export$4109102f950813a6 = `uv8yQW_spectrum-FocusRing-ring`;
-$d581447d0855914b$export$24c7f46a6e3605dd = `uv8yQW_spectrum-FocusRing ${$d581447d0855914b$export$4109102f950813a6}`;
-$d581447d0855914b$export$2927016961429360 = `uv8yQW_spectrum-FocusRing--quiet`;
-$d581447d0855914b$export$39eed38e2296a1d6 = `uv8yQW_spectrum-overlay`;
-$d581447d0855914b$export$f7bf7078d3d03f05 = `uv8yQW_spectrum-Tooltip ${$d581447d0855914b$export$39eed38e2296a1d6}`;
-$d581447d0855914b$export$4f420a9bbb442953 = `uv8yQW_spectrum-Tooltip--bottom`;
-$d581447d0855914b$export$2b291890a5577893 = `uv8yQW_spectrum-Tooltip--error`;
-$d581447d0855914b$export$d33ca445ae528241 = `uv8yQW_spectrum-Tooltip--help`;
-$d581447d0855914b$export$e995d5780591d0a8 = `uv8yQW_spectrum-Tooltip--info`;
-$d581447d0855914b$export$47f060b68b4cab2c = `uv8yQW_spectrum-Tooltip--left`;
-$d581447d0855914b$export$92fe45b4260594f6 = `uv8yQW_spectrum-Tooltip--negative`;
-$d581447d0855914b$export$11cbf31e1b6e51ac = `uv8yQW_spectrum-Tooltip--positive`;
-$d581447d0855914b$export$c094187772823b2e = `uv8yQW_spectrum-Tooltip--right`;
-$d581447d0855914b$export$4eae622bc9b08cac = `uv8yQW_spectrum-Tooltip--success`;
-$d581447d0855914b$export$d7516df59e198fc7 = `uv8yQW_spectrum-Tooltip--top`;
-$d581447d0855914b$export$f4096e0dc445b255 = `uv8yQW_spectrum-Tooltip-label`;
-$d581447d0855914b$export$9deb89a7a91de30 = `uv8yQW_spectrum-Tooltip-tip`;
-$d581447d0855914b$export$ff23d46fee8272e4 = `uv8yQW_spectrum-Tooltip-typeIcon`;
-$d581447d0855914b$export$6ea3237f62800d00 = `uv8yQW_u-tooltip-showOnHover`;
+$d581447d0855914b$export$f39a09f249340e2a = `_4j8kDW_focus-ring`;
+$d581447d0855914b$export$8c4ee2c50c22c514 = `_4j8kDW_i18nFontFamily`;
+$d581447d0855914b$export$e7dc768d35940237 = `_4j8kDW_is-focused`;
+$d581447d0855914b$export$b8813cd5d7824ce7 = `_4j8kDW_is-hovered`;
+$d581447d0855914b$export$a397eb58038aa381 = `_4j8kDW_spectrum-overlay--open`;
+$d581447d0855914b$export$a9781837241c946d = `_4j8kDW_is-open ${$d581447d0855914b$export$a397eb58038aa381}`;
+$d581447d0855914b$export$a96755f239de61ee = `_4j8kDW_spectrum-overlay--bottom--open`;
+$d581447d0855914b$export$1f160596ffe52357 = `_4j8kDW_is-open--bottom ${$d581447d0855914b$export$a96755f239de61ee}`;
+$d581447d0855914b$export$a85c0c6b6cf8598c = `_4j8kDW_spectrum-overlay--left--open`;
+$d581447d0855914b$export$d6106cb3acaf56ae = `_4j8kDW_is-open--left ${$d581447d0855914b$export$a85c0c6b6cf8598c}`;
+$d581447d0855914b$export$85aaa87e65e040bf = `_4j8kDW_spectrum-overlay--right--open`;
+$d581447d0855914b$export$8935d072812c3169 = `_4j8kDW_is-open--right ${$d581447d0855914b$export$85aaa87e65e040bf}`;
+$d581447d0855914b$export$b9768db7ffc1bc2 = `_4j8kDW_spectrum-overlay--top--open`;
+$d581447d0855914b$export$cd4bf1e07ae86214 = `_4j8kDW_is-open--top ${$d581447d0855914b$export$b9768db7ffc1bc2}`;
+$d581447d0855914b$export$4109102f950813a6 = `_4j8kDW_spectrum-FocusRing-ring`;
+$d581447d0855914b$export$24c7f46a6e3605dd = `_4j8kDW_spectrum-FocusRing ${$d581447d0855914b$export$4109102f950813a6}`;
+$d581447d0855914b$export$2927016961429360 = `_4j8kDW_spectrum-FocusRing--quiet`;
+$d581447d0855914b$export$39eed38e2296a1d6 = `_4j8kDW_spectrum-overlay`;
+$d581447d0855914b$export$f7bf7078d3d03f05 = `_4j8kDW_spectrum-Tooltip ${$d581447d0855914b$export$39eed38e2296a1d6}`;
+$d581447d0855914b$export$4f420a9bbb442953 = `_4j8kDW_spectrum-Tooltip--bottom`;
+$d581447d0855914b$export$2b291890a5577893 = `_4j8kDW_spectrum-Tooltip--error`;
+$d581447d0855914b$export$d33ca445ae528241 = `_4j8kDW_spectrum-Tooltip--help`;
+$d581447d0855914b$export$e995d5780591d0a8 = `_4j8kDW_spectrum-Tooltip--info`;
+$d581447d0855914b$export$47f060b68b4cab2c = `_4j8kDW_spectrum-Tooltip--left`;
+$d581447d0855914b$export$92fe45b4260594f6 = `_4j8kDW_spectrum-Tooltip--negative`;
+$d581447d0855914b$export$11cbf31e1b6e51ac = `_4j8kDW_spectrum-Tooltip--positive`;
+$d581447d0855914b$export$c094187772823b2e = `_4j8kDW_spectrum-Tooltip--right`;
+$d581447d0855914b$export$4eae622bc9b08cac = `_4j8kDW_spectrum-Tooltip--success`;
+$d581447d0855914b$export$d7516df59e198fc7 = `_4j8kDW_spectrum-Tooltip--top`;
+$d581447d0855914b$export$f4096e0dc445b255 = `_4j8kDW_spectrum-Tooltip-label`;
+$d581447d0855914b$export$9deb89a7a91de30 = `_4j8kDW_spectrum-Tooltip-tip`;
+$d581447d0855914b$export$ff23d46fee8272e4 = `_4j8kDW_spectrum-Tooltip-typeIcon`;
+$d581447d0855914b$export$6ea3237f62800d00 = `_4j8kDW_u-tooltip-showOnHover`;
 
 
 //# sourceMappingURL=tooltip_vars_css.cjs.map

package/dist/private/tooltip_vars_css.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAhCA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4B,CAAC,eAAe,EAAE,2CAA0C;AACxF,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAoC,CAAC,uBAAuB,EAAE,2CAAkD;AAChH,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAkC,CAAC,qBAAqB,EAAE,2CAAgD;AAC1G,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAmC,CAAC,sBAAsB,EAAE,2CAAiD;AAC7G,2CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAiC,CAAC,oBAAoB,EAAE,0CAA+C;AACvG,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAqC,CAAC,wBAAwB,EAAE,2CAAoC;AACpG,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,2CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA0C,CAAC,4BAA4B,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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":"tooltip_vars_css.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAhCA,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAAmC,CAAC,sBAAsB,CAAC;AAC3D,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAA2C,CAAC,8BAA8B,CAAC;AAC3E,4CAA4B,CAAC,gBAAgB,EAAE,2CAA0C;AACzF,4CAAmD,CAAC,sCAAsC,CAAC;AAC3F,4CAAoC,CAAC,wBAAwB,EAAE,2CAAkD;AACjH,4CAAiD,CAAC,oCAAoC,CAAC;AACvF,4CAAkC,CAAC,sBAAsB,EAAE,2CAAgD;AAC3G,4CAAkD,CAAC,qCAAqC,CAAC;AACzF,4CAAmC,CAAC,uBAAuB,EAAE,2CAAiD;AAC9G,2CAAgD,CAAC,mCAAmC,CAAC;AACrF,4CAAiC,CAAC,qBAAqB,EAAE,0CAA+C;AACxG,4CAA4C,CAAC,+BAA+B,CAAC;AAC7E,4CAAuC,CAAC,2BAA2B,EAAE,2CAA2C;AAChH,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAAqC,CAAC,wBAAwB,CAAC;AAC/D,4CAAqC,CAAC,yBAAyB,EAAE,2CAAoC;AACrG,4CAA6C,CAAC,gCAAgC,CAAC;AAC/E,4CAA4C,CAAC,+BAA+B,CAAC;AAC7E,4CAA2C,CAAC,8BAA8B,CAAC;AAC3E,4CAA2C,CAAC,8BAA8B,CAAC;AAC3E,4CAA2C,CAAC,8BAA8B,CAAC;AAC3E,4CAA+C,CAAC,kCAAkC,CAAC;AACnF,4CAA+C,CAAC,kCAAkC,CAAC;AACnF,4CAA4C,CAAC,+BAA+B,CAAC;AAC7E,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAA0C,CAAC,6BAA6B,CAAC;AACzE,4CAA2C,CAAC,8BAA8B,CAAC;AAC3E,2CAAyC,CAAC,4BAA4B,CAAC;AACvE,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAA0C,CAAC,6BAA6B,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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":"tooltip_vars_css.cjs.map"}