@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/Popover.cjs

@@ -39,108 +39,108 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    if (props.colorScheme === "dark") rules += ' _pa1';
-    else if (props.colorScheme === "light") rules += ' _pb1';
-    else if (props.colorScheme === "light dark") rules += ' _pc1';
-    else rules += ' _pN79Hzc1';
-    rules += ' -Ovbhqd-g_g1';
-    rules += ' gEzkoQe1';
-    rules += ' oc1';
-    rules += ' nc1';
-    rules += ' kc1';
-    rules += ' jc1';
-    if (props.isArrowShown) rules += ' _rb1';
-    if (props.isArrowShown) rules += ' _nd1';
-    else rules += ' _nb1';
-    rules += ' _jf1';
-    rules += ' _kb1';
-    rules += ' hb1';
-    rules += ' mb1';
-    rules += ' lb1';
-    rules += ' ir1';
-    rules += ' ila1';
+    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 += ' -Ovbhqd-g_g11';
+    rules += ' gEzkoQe11';
+    rules += ' oc11';
+    rules += ' nc11';
+    rules += ' kc11';
+    rules += ' jc11';
+    if (props.isArrowShown) rules += ' _rb11';
+    if (props.isArrowShown) rules += ' _nd11';
+    else rules += ' _nb11';
+    rules += ' _jf11';
+    rules += ' _kb11';
+    rules += ' hb11';
+    rules += ' mb11';
+    rules += ' lb11';
+    rules += ' ir11';
+    rules += ' ila11';
     if (props.size === "L") {
-        if (!width) rules += ' ZE1';
+        if (!width) rules += ' ZE11';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB1';
+        if (!width) rules += ' ZB11';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz1';
+        if (!width) rules += ' Zz11';
     }
-    if (!maxWidth) rules += ' LEmL1Zb1';
-    rules += ' _oa1';
-    rules += ' sd1';
-    if (props.isExiting) rules += ' _Ia1';
-    else if (props.isEntering) rules += ' _Ia1';
+    if (!maxWidth) rules += ' LEmL1Zb11';
+    rules += ' _oa11';
+    rules += ' sd11';
+    if (props.isExiting) rules += ' _Ia11';
+    else if (props.isEntering) rules += ' _Ia11';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-s11';
+        rules += ' __Ya11';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l1';
-            rules += ' __Ya1';
+            rules += ' -_8PloMd-l11';
+            rules += ' __Ya11';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l1';
-            rules += ' __Ya1';
+            rules += ' -_8PloMd-l11';
+            rules += ' __Ya11';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F1';
-            rules += ' __Ya1';
+            rules += ' -_8PloMd-F11';
+            rules += ' __Ya11';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F1';
-            rules += ' __Ya1';
+            rules += ' -_8PloMd-F11';
+            rules += ' __Ya11';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s1';
-        rules += ' __Ya1';
+        rules += ' -_7PloMd-s11';
+        rules += ' __Ya11';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m1';
-            rules += ' __Ya1';
+            rules += ' -_7PloMd-m11';
+            rules += ' __Ya11';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m1';
-            rules += ' __Ya1';
+            rules += ' -_7PloMd-m11';
+            rules += ' __Ya11';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G1';
-            rules += ' __Ya1';
+            rules += ' -_7PloMd-G11';
+            rules += ' __Ya11';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G1';
-            rules += ' __Ya1';
+            rules += ' -_7PloMd-G11';
+            rules += ' __Ya11';
         }
     }
-    rules += ' YmenWad1';
-    rules += ' Xc1';
-    if (props.isExiting) rules += ' _2c1';
-    rules += ' _Bb1';
-    if (props.isExiting) rules += ' _Ob1';
-    rules += ' _Le1';
+    rules += ' YmenWad11';
+    rules += ' Xc11';
+    if (props.isExiting) rules += ' _2c11';
+    rules += ' _Bb11';
+    if (props.isExiting) rules += ' _Ob11';
+    rules += ' _Le11';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $493371ef39bf7a55$var$arrow = function anonymous(props) {
     let rules = " ";
-    rules += ' sb1';
-    rules += ' tEzkoQe1';
-    rules += ' Zl1';
-    rules += ' Fh1';
-    if (props.placement === "right") rules += ' _Sd1';
-    else if (props.placement === "left") rules += ' _Sa1';
-    else if (props.placement === "bottom") rules += ' _Sc1';
-    else if (props.placement === "top") rules += ' _Sb1';
-    else rules += ' _Sc1';
+    rules += ' sb11';
+    rules += ' tEzkoQe11';
+    rules += ' Zl11';
+    rules += ' Fh11';
+    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';
+    else rules += ' _Sc11';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-G1';
-        rules += ' __Ya1';
+        rules += ' -_7PloMd-G11';
+        rules += ' __Ya11';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-m1';
-        rules += ' __Ya1';
+        rules += ' -_7PloMd-m11';
+        rules += ' __Ya11';
     }
-    rules += ' _Vb1';
-    rules += ' Vg1';
-    rules += ' Vlb1';
+    rules += ' _Vb11';
+    rules += ' Vg11';
+    rules += ' Vlb11';
     return rules;
 };
 const $493371ef39bf7a55$export$fde1b04c590741a3 = /*#__PURE__*/ (0, $16fRD$react.forwardRef)(function PopoverBase(props, ref) {
@@ -228,22 +228,22 @@ const $493371ef39bf7a55$var$dialogStyle = function anonymous(props, overrides) {
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    rules += ' Tt1';
-    rules += ' Qt1';
-    rules += ' St1';
-    rules += ' Rt1';
-    rules += ' _oa1';
-    rules += ' _Le1';
-    rules += ' oi1';
-    rules += ' ni1';
-    rules += ' ki1';
-    rules += ' ji1';
-    rules += ' _Na1';
-    rules += ' Pa1';
-    if (!position) rules += ' _Pc1';
-    if (!width) rules += ' Za1';
-    if (!maxWidth) rules += ' L40ub4c1';
-    if (!maxHeight) rules += ' K40ub4c1';
+    rules += ' Tt11';
+    rules += ' Qt11';
+    rules += ' St11';
+    rules += ' Rt11';
+    rules += ' _oa11';
+    rules += ' _Le11';
+    rules += ' oi11';
+    rules += ' ni11';
+    rules += ' ki11';
+    rules += ' ji11';
+    rules += ' _Na11';
+    rules += ' Pa11';
+    if (!position) rules += ' _Pc11';
+    if (!width) rules += ' Za11';
+    if (!maxWidth) rules += ' L40ub4c11';
+    if (!maxHeight) rules += ' K40ub4c11';
     return rules;
 };
 const $493371ef39bf7a55$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $16fRD$react.forwardRef)(function Popover(props, ref) {

package/dist/Popover.css

@@ -1,267 +1,267 @@
 @layer _.a {
-  ._pN79Hzc1 {
+  ._pN79Hzc11 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc1 {
+  ._pc11 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc1 {
+    ._pc11 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb1 {
+  ._pb11 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa1 {
+  ._pa11 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  .-Ovbhqd-g_g1 {
+  .-Ovbhqd-g_g11 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .gEzkoQe1 {
+  .gEzkoQe11 {
     background-color: var(--s2-container-bg);
   }
 
-  .oc1 {
+  .oc11 {
     border-start-start-radius: .625rem;
   }
 
-  .nc1 {
+  .nc11 {
     border-start-end-radius: .625rem;
   }
 
-  .kc1 {
+  .kc11 {
     border-end-start-radius: .625rem;
   }
 
-  .jc1 {
+  .jc11 {
     border-end-end-radius: .625rem;
   }
 
-  ._rb1 {
+  ._rb11 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._nb1 {
+  ._nb11 {
     box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
   }
 
-  ._nd1 {
+  ._nd11 {
     box-shadow: none;
   }
 
-  ._jf1 {
+  ._jf11 {
     border-style: solid;
   }
 
-  ._kb1 {
+  ._kb11 {
     border-top-width: 1px;
   }
 
-  .hb1 {
+  .hb11 {
     border-bottom-width: 1px;
   }
 
-  .mb1 {
+  .mb11 {
     border-inline-start-width: 1px;
   }
 
-  .lb1 {
+  .lb11 {
     border-inline-end-width: 1px;
   }
 
-  .ir1 {
+  .ir11 {
     border-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Zz1 {
+  .Zz11 {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .ZB1 {
+  .ZB11 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .ZE1 {
+  .ZE11 {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .LEmL1Zb1 {
+  .LEmL1Zb11 {
     max-width: calc(100vw - 24px);
   }
 
-  .sd1 {
+  .sd11 {
     display: flex;
   }
 
-  ._Ia1 {
+  ._Ia11 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-F1 {
+  .-_8PloMd-F11 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l1 {
+  .-_8PloMd-l11 {
     --translateY: -4px;
   }
 
-  .-_8PloMd-s1 {
+  .-_8PloMd-s11 {
     --translateY: 0px;
   }
 
-  .-_7PloMd-s1 {
+  .-_7PloMd-s11 {
     --translateX: 0px;
   }
 
-  .YmenWad1 {
+  .YmenWad11 {
     transition-property: opacity, translate;
   }
 
-  .Xc1 {
+  .Xc11 {
     transition-duration: .2s;
   }
 
-  ._2c1 {
+  ._2c11 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  ._Bb1 {
+  ._Bb11 {
     isolation: isolate;
   }
 
-  ._Ob1 {
+  ._Ob11 {
     pointer-events: none;
   }
 
-  .sb1 {
+  .sb11 {
     display: block;
   }
 
-  .tEzkoQe1 {
+  .tEzkoQe11 {
     fill: var(--s2-container-bg);
   }
 
-  .Zl1 {
+  .Zl11 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fh1 {
+  .Fh11 {
     height: calc(.5625rem * var(--s2-scale));
   }
 
-  ._Sb1 {
+  ._Sb11 {
     rotate: none;
   }
 
-  ._Sc1 {
+  ._Sc11 {
     rotate: 180deg;
   }
 
-  ._Sa1 {
+  ._Sa11 {
     rotate: -90deg;
   }
 
-  ._Sd1 {
+  ._Sd11 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-m1 {
+  .-_7PloMd-m11 {
     --translateX: -4px;
   }
 
-  .-_7PloMd-G1 {
+  .-_7PloMd-G11 {
     --translateX: 4px;
   }
 
-  .__Ya1 {
+  .__Ya11 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Vb1 {
+  ._Vb11 {
     stroke-width: 1px;
   }
 
-  .Vg1 {
+  .Vg11 {
     stroke: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Tt1 {
+  .Tt11 {
     padding-top: 8px;
   }
 
-  .Qt1 {
+  .Qt11 {
     padding-bottom: 8px;
   }
 
-  .St1 {
+  .St11 {
     padding-inline-start: 8px;
   }
 
-  .Rt1 {
+  .Rt11 {
     padding-inline-end: 8px;
   }
 
-  ._oa1 {
+  ._oa11 {
     box-sizing: border-box;
   }
 
-  ._Le1 {
+  ._Le11 {
     outline-style: none;
   }
 
-  .oi1 {
+  .oi11 {
     border-start-start-radius: inherit;
   }
 
-  .ni1 {
+  .ni11 {
     border-start-end-radius: inherit;
   }
 
-  .ki1 {
+  .ki11 {
     border-end-start-radius: inherit;
   }
 
-  .ji1 {
+  .ji11 {
     border-end-end-radius: inherit;
   }
 
-  ._Na1 {
+  ._Na11 {
     overflow-x: auto;
   }
 
-  .Pa1 {
+  .Pa11 {
     overflow-y: auto;
   }
 
-  ._Pc1 {
+  ._Pc11 {
     position: relative;
   }
 
-  .Za1 {
+  .Za11 {
     width: 100%;
   }
 
-  .L40ub4c1 {
+  .L40ub4c11 {
     max-width: inherit;
   }
 
-  .K40ub4c1 {
+  .K40ub4c11 {
     max-height: inherit;
   }
 }
@@ -270,11 +270,11 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .ila1 {
+    .ila11 {
       border-color: buttonborder;
     }
 
-    .Vlb1 {
+    .Vlb11 {
       stroke: buttonborder;
     }
   }