@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/popover_vars.css

@@ -1,38 +1,38 @@
 .p6aKLq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.p6aKLq_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;
+  }
 
-.p6aKLq_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;
+  }
 
-.p6aKLq_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;
+  }
 
-.p6aKLq_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;
+  }
 
-.p6aKLq_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;
+  }
 
-.p6aKLq_i18nFontFamily:lang(zh-SG), .p6aKLq_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;
+  }
 
-.p6aKLq_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;
+  }
 
-.p6aKLq_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;
+  }
 }
 
 .p6aKLq_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)));
-}
 
-.p6aKLq_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;
+  }
 }
 
-.p6aKLq_spectrum-FocusRing.p6aKLq_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);
+.p6aKLq_spectrum-FocusRing {
+  &.p6aKLq_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);
+    }
+  }
 }
 
-.p6aKLq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.p6aKLq_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.p6aKLq_spectrum-FocusRing--quiet.p6aKLq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.p6aKLq_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) {
   .p6aKLq_spectrum-FocusRing, .p6aKLq_spectrum-FocusRing-ring, .p6aKLq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.p6aKLq_spectrum-FocusRing, .p6aKLq_spectrum-FocusRing-ring, .p6aKLq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -140,12 +148,12 @@
   --spectrum-popover-tip-borderWidth: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
   position: absolute;
   -webkit-transform: translate(0);
-}
 
-.p6aKLq_spectrum-Popover-tip .p6aKLq_spectrum-Popover-tip-triangle {
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  stroke-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+  & .p6aKLq_spectrum-Popover-tip-triangle {
+    stroke-linecap: square;
+    stroke-linejoin: miter;
+    stroke-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+  }
 }
 
 .p6aKLq_spectrum-Popover--dialog {
@@ -153,48 +161,60 @@
   padding: 30px 29px;
 }
 
-.p6aKLq_spectrum-Popover--left.p6aKLq_spectrum-Popover--withTip {
-  margin-right: 13px;
-}
+.p6aKLq_spectrum-Popover--left {
+  &.p6aKLq_spectrum-Popover--withTip {
+    margin-right: 13px;
+  }
 
-.p6aKLq_spectrum-Popover--left .p6aKLq_spectrum-Popover-tip {
-  left: 100%;
+  & .p6aKLq_spectrum-Popover-tip {
+    left: 100%;
+  }
 }
 
-.p6aKLq_spectrum-Popover--right.p6aKLq_spectrum-Popover--withTip {
-  margin-left: 13px;
-}
+.p6aKLq_spectrum-Popover--right {
+  &.p6aKLq_spectrum-Popover--withTip {
+    margin-left: 13px;
+  }
 
-.p6aKLq_spectrum-Popover--right .p6aKLq_spectrum-Popover-tip {
-  right: 100%;
-  transform: scaleX(-1);
+  & .p6aKLq_spectrum-Popover-tip {
+    right: 100%;
+    transform: scaleX(-1);
+  }
 }
 
-:is(.p6aKLq_spectrum-Popover--left, .p6aKLq_spectrum-Popover--right) .p6aKLq_spectrum-Popover-tip {
-  margin-top: calc(var(--spectrum-global-dimension-size-150) * -1);
-  top: 50%;
+.p6aKLq_spectrum-Popover--left, .p6aKLq_spectrum-Popover--right {
+  & .p6aKLq_spectrum-Popover-tip {
+    margin-top: calc(var(--spectrum-global-dimension-size-150) * -1);
+    top: 50%;
+  }
 }
 
-.p6aKLq_spectrum-Popover--bottom.p6aKLq_spectrum-Popover--withTip {
-  margin-top: 13px;
-}
+.p6aKLq_spectrum-Popover--bottom {
+  &.p6aKLq_spectrum-Popover--withTip {
+    margin-top: 13px;
+  }
 
-.p6aKLq_spectrum-Popover--bottom .p6aKLq_spectrum-Popover-tip {
-  bottom: 100%;
-  transform: scaleY(-1);
+  & .p6aKLq_spectrum-Popover-tip {
+    bottom: 100%;
+    transform: scaleY(-1);
+  }
 }
 
-.p6aKLq_spectrum-Popover--top.p6aKLq_spectrum-Popover--withTip {
-  margin-bottom: 13px;
-}
+.p6aKLq_spectrum-Popover--top {
+  &.p6aKLq_spectrum-Popover--withTip {
+    margin-bottom: 13px;
+  }
 
-.p6aKLq_spectrum-Popover--top .p6aKLq_spectrum-Popover-tip {
-  top: 100%;
+  & .p6aKLq_spectrum-Popover-tip {
+    top: 100%;
+  }
 }
 
-:is(.p6aKLq_spectrum-Popover--bottom, .p6aKLq_spectrum-Popover--top) .p6aKLq_spectrum-Popover-tip {
-  margin-left: calc(var(--spectrum-global-dimension-size-150) * -1);
-  left: 50%;
+.p6aKLq_spectrum-Popover--bottom, .p6aKLq_spectrum-Popover--top {
+  & .p6aKLq_spectrum-Popover-tip {
+    margin-left: calc(var(--spectrum-global-dimension-size-150) * -1);
+    left: 50%;
+  }
 }
 
 .p6aKLq_spectrum-Popover {
@@ -204,11 +224,13 @@
       var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
   will-change: filter;
   clip-path: inset(-30px);
-}
 
-.p6aKLq_spectrum-Popover .p6aKLq_spectrum-Popover-tip .p6aKLq_spectrum-Popover-tip-triangle {
-  fill: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
-  stroke: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
+  & .p6aKLq_spectrum-Popover-tip {
+    & .p6aKLq_spectrum-Popover-tip-triangle {
+      fill: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
+      stroke: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
+    }
+  }
 }
 
 @media (forced-colors: active) {

package/dist/private/popover_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FF;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuCA;;;;;;;;;;;;;;;;;;;;;;AAwBE;;;;AAKF;;;;AASE;;;;;;;;;;;;;;AAyBA;;;;;;;;;AAeA;;;;AAKF;;;;;;;;;;;;;;;;;AA4DA","sources":["packages/@adobe/spectrum-css-temp/components/popover/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"popover_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DJ;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuCA;;;;;;;;;;;;;;;;;;;;;;;EAwBE;;;;;;;;;;EAcA;;;;;;;;;;;;;;;;;;EAyBA;;;;;;;;;;;EAeA","sources":["packages/@adobe/spectrum-css-temp/components/popover/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"popover_vars.css.map"}