@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/Tooltip.cjs

@@ -29,108 +29,108 @@ $parcel$export(module.exports, "TooltipTrigger", () => $d3b6a84aebe66f8d$export$
 
 const $d3b6a84aebe66f8d$var$tooltip = function anonymous(props) {
     let rules = " ";
-    if (props.colorScheme === "dark") rules += ' _pa11';
-    else if (props.colorScheme === "light") rules += ' _pb11';
-    else if (props.colorScheme === "light dark") rules += ' _pc11';
-    else rules += ' _pN79Hzc11';
-    rules += ' _Ca11';
-    rules += ' eb11';
-    rules += ' Le11';
-    rules += ' MAyFGYc11';
-    rules += ' _oa11';
-    rules += ' uk11';
-    rules += ' ucJ9TBTb11';
-    rules += ' ud3Euai11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    rules += ' -_6BNtrc-b11';
-    rules += ' vx11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fd11';
-    rules += ' _FnuYUweb11';
-    rules += ' pr11';
-    rules += ' plb11';
-    rules += ' _kJ8iPYd11';
-    rules += ' hXMFGYc11';
-    rules += ' mlb11';
-    rules += ' llb11';
-    rules += ' _jlf11';
-    rules += ' ilA11';
-    rules += ' g011';
-    rules += ' ob11';
-    rules += ' nb11';
-    rules += ' kb11';
-    rules += ' jb11';
-    rules += ' Sv11';
-    rules += ' Rv11';
-    rules += ' Tu7Fubd11';
-    rules += ' Qu7Fubd11';
-    rules += ' Yd11';
-    rules += ' Xc11';
-    if (props.isExiting) rules += ' _2c11';
+    if (props.colorScheme === "dark") rules += ' _pa12';
+    else if (props.colorScheme === "light") rules += ' _pb12';
+    else if (props.colorScheme === "light dark") rules += ' _pc12';
+    else rules += ' _pN79Hzc12';
+    rules += ' _Ca12';
+    rules += ' eb12';
+    rules += ' Le12';
+    rules += ' MAyFGYc12';
+    rules += ' _oa12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-b12';
+    rules += ' vx12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fd12';
+    rules += ' _FnuYUweb12';
+    rules += ' pr12';
+    rules += ' plb12';
+    rules += ' _kJ8iPYd12';
+    rules += ' hXMFGYc12';
+    rules += ' mlb12';
+    rules += ' llb12';
+    rules += ' _jlf12';
+    rules += ' ilA12';
+    rules += ' g012';
+    rules += ' ob12';
+    rules += ' nb12';
+    rules += ' kb12';
+    rules += ' jb12';
+    rules += ' Sv12';
+    rules += ' Rv12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    rules += ' Yd12';
+    rules += ' Xc12';
+    if (props.isExiting) rules += ' _2c12';
     if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         }
     }
     if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         }
     }
-    if (props.isExiting) rules += ' _Ia11';
-    else if (props.isEntering) rules += ' _Ia11';
-    rules += ' -nTSCV-LTAEPe11';
-    rules += ' -M_-Mg11';
-    rules += ' -_k_-l_kb11';
-    rules += ' -h_-lhb11';
+    if (props.isExiting) rules += ' _Ia12';
+    else if (props.isEntering) rules += ' _Ia12';
+    rules += ' -nTSCV-LTAEPe12';
+    rules += ' -M_-Mg12';
+    rules += ' -_k_-l_kb12';
+    rules += ' -h_-lhb12';
     return rules;
 };
 const $d3b6a84aebe66f8d$var$arrowStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sb11';
-    rules += ' tr11';
-    rules += ' Zi11';
-    rules += ' Ff11';
-    if (props.placement === "right") rules += ' _Sd11';
-    else if (props.placement === "left") rules += ' _Sa11';
-    else if (props.placement === "bottom") rules += ' _Sc11';
-    else if (props.placement === "top") rules += ' _Sb11';
+    rules += ' sb12';
+    rules += ' tr12';
+    rules += ' Zi12';
+    rules += ' Ff12';
+    if (props.placement === "right") rules += ' _Sd12';
+    else if (props.placement === "left") rules += ' _Sa12';
+    else if (props.placement === "bottom") rules += ' _Sc12';
+    else if (props.placement === "top") rules += ' _Sb12';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-y12';
+        rules += ' __Ya12';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-e12';
+        rules += ' __Ya12';
     }
     return rules;
 };

package/dist/Tooltip.css

@@ -1,290 +1,290 @@
 @layer _.a {
-  ._pN79Hzc11 {
+  ._pN79Hzc12 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc11 {
+  ._pc12 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc11 {
+    ._pc12 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb11 {
+  ._pb12 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa11 {
+  ._pa12 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  ._Ca11 {
+  ._Ca12 {
     justify-content: center;
   }
 
-  .eb11 {
+  .eb12 {
     align-items: center;
   }
 
-  .Le11 {
+  .Le12 {
     max-width: calc(10rem * var(--s2-scale));
   }
 
-  .MAyFGYc11 {
+  .MAyFGYc12 {
     min-height: var(--M);
   }
 
-  ._oa11 {
+  ._oa12 {
     box-sizing: border-box;
   }
 
-  .uk11 {
+  .uk12 {
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .-_6BNtrc-b11 {
+  .-_6BNtrc-b12 {
     --fs: pow(1.125, -1);
   }
 
-  .vx11 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .xb11 {
+  .xb12 {
     font-weight: 400;
   }
 
-  ._xa11 {
+  ._xa12 {
     font-synthesis-weight: none;
   }
 
-  ._Fd11 {
+  ._Fd12 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .pr11 {
+  .pr12 {
     color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 
-  ._kJ8iPYd11 {
+  ._kJ8iPYd12 {
     border-top-width: var(--_k);
   }
 
-  .hXMFGYc11 {
+  .hXMFGYc12 {
     border-bottom-width: var(--h);
   }
 
-  .g011 {
+  .g012 {
     background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .ob11 {
+  .ob12 {
     border-start-start-radius: .5rem;
   }
 
-  .nb11 {
+  .nb12 {
     border-start-end-radius: .5rem;
   }
 
-  .kb11 {
+  .kb12 {
     border-end-start-radius: .5rem;
   }
 
-  .jb11 {
+  .jb12 {
     border-end-end-radius: .5rem;
   }
 
-  .Sv11 {
+  .Sv12 {
     padding-inline-start: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .Rv11 {
+  .Rv12 {
     padding-inline-end: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .Tu7Fubd11 {
+  .Tu7Fubd12 {
     padding-top: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .Qu7Fubd11 {
+  .Qu7Fubd12 {
     padding-bottom: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .Yd11 {
+  .Yd12 {
     transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  .Xc11 {
+  .Xc12 {
     transition-duration: .2s;
   }
 
-  ._2c11 {
+  ._2c12 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  .-_7PloMd-G11 {
+  .-_7PloMd-G12 {
     --translateX: 4px;
   }
 
-  .-_7PloMd-m11 {
+  .-_7PloMd-m12 {
     --translateX: -4px;
   }
 
-  .-_8PloMd-F11 {
+  .-_8PloMd-F12 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l11 {
+  .-_8PloMd-l12 {
     --translateY: -4px;
   }
 
-  ._Ia11 {
+  ._Ia12 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-nTSCV-LTAEPe11 {
+  .-nTSCV-LTAEPe12 {
     overflow-wrap: break-word;
   }
 
-  .-M_-Mg11 {
+  .-M_-Mg12 {
     --M: calc(1.5rem * var(--s2-scale));
   }
 
-  .sb11 {
+  .sb12 {
     display: block;
   }
 
-  .tr11 {
+  .tr12 {
     fill: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .Zi11 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Ff11 {
+  .Ff12 {
     height: calc(.3125rem * var(--s2-scale));
   }
 
-  ._Sb11 {
+  ._Sb12 {
     rotate: none;
   }
 
-  ._Sc11 {
+  ._Sc12 {
     rotate: 180deg;
   }
 
-  ._Sa11 {
+  ._Sa12 {
     rotate: -90deg;
   }
 
-  ._Sd11 {
+  ._Sd12 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-e11 {
+  .-_7PloMd-e12 {
     --translateX: -25%;
   }
 
-  .-_7PloMd-y11 {
+  .-_7PloMd-y12 {
     --translateX: 25%;
   }
 
-  .__Ya11 {
+  .__Ya12 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 }
 
 @layer _.b {
-  .ucJ9TBTb11:lang(ar) {
+  .ucJ9TBTb12:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  .ud3Euai11:lang(he) {
+  .ud3Euai12:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea11:lang(ja) {
+  .uea12:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  .ugb11:lang(ko) {
+  .ugb12:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd11:lang(zh) {
+  .uhd12:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje11:lang(zh-hant) {
+  .uje12:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  .u2NhKxcl11:lang(zh-HK) {
+  .u2NhKxcl12:lang(zh-HK) {
     font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.i {
-  .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic12:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .plb11 {
+    .plb12 {
       color: buttontext;
     }
 
-    .mlb11 {
+    .mlb12 {
       border-inline-start-width: 1px;
     }
 
-    .llb11 {
+    .llb12 {
       border-inline-end-width: 1px;
     }
 
-    ._jlf11 {
+    ._jlf12 {
       border-style: solid;
     }
 
-    .ilA11 {
+    .ilA12 {
       border-color: #0000;
     }
 
-    .-_k_-l_kb11 {
+    .-_k_-l_kb12 {
       --_k: 1px;
     }
 
-    .-h_-lhb11 {
+    .-h_-lhb12 {
       --h: 1px;
     }
   }