@react-spectrum/s2 0.11.1 → 0.11.2

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 += ' _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.colorScheme === "dark") rules += ' _pa112';
+    else if (props.colorScheme === "light") rules += ' _pb112';
+    else if (props.colorScheme === "light dark") rules += ' _pc112';
+    else rules += ' _pN79Hzc112';
+    rules += ' -Ovbhqd-g_g112';
+    rules += ' gEzkoQe112';
+    rules += ' oc112';
+    rules += ' nc112';
+    rules += ' kc112';
+    rules += ' jc112';
+    if (props.isArrowShown) rules += ' _rb112';
+    if (props.isArrowShown) rules += ' _nd112';
+    else rules += ' _nb112';
+    rules += ' _jf112';
+    rules += ' _kb112';
+    rules += ' hb112';
+    rules += ' mb112';
+    rules += ' lb112';
+    rules += ' ir112';
+    rules += ' ila112';
     if (props.size === "L") {
-        if (!width) rules += ' ZE11';
+        if (!width) rules += ' ZE112';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB11';
+        if (!width) rules += ' ZB112';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz11';
+        if (!width) rules += ' Zz112';
     }
-    if (!maxWidth) rules += ' LEmL1Zb11';
-    rules += ' _oa11';
-    rules += ' sd11';
-    if (props.isExiting) rules += ' _Ia11';
-    else if (props.isEntering) rules += ' _Ia11';
+    if (!maxWidth) rules += ' LEmL1Zb112';
+    rules += ' _oa112';
+    rules += ' sd112';
+    if (props.isExiting) rules += ' _Ia112';
+    else if (props.isEntering) rules += ' _Ia112';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-s112';
+        rules += ' __Ya112';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l112';
+            rules += ' __Ya112';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l112';
+            rules += ' __Ya112';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F112';
+            rules += ' __Ya112';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F112';
+            rules += ' __Ya112';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-s112';
+        rules += ' __Ya112';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m112';
+            rules += ' __Ya112';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m112';
+            rules += ' __Ya112';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G112';
+            rules += ' __Ya112';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G112';
+            rules += ' __Ya112';
         }
     }
-    rules += ' YmenWad11';
-    rules += ' Xc11';
-    if (props.isExiting) rules += ' _2c11';
-    rules += ' _Bb11';
-    if (props.isExiting) rules += ' _Ob11';
-    rules += ' _Le11';
+    rules += ' YmenWad112';
+    rules += ' Xc112';
+    if (props.isExiting) rules += ' _2c112';
+    rules += ' _Bb112';
+    if (props.isExiting) rules += ' _Ob112';
+    rules += ' _Le112';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $493371ef39bf7a55$var$arrow = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' sb112';
+    rules += ' tEzkoQe112';
+    rules += ' Zl112';
+    rules += ' Fh112';
+    if (props.placement === "right") rules += ' _Sd112';
+    else if (props.placement === "left") rules += ' _Sa112';
+    else if (props.placement === "bottom") rules += ' _Sc112';
+    else if (props.placement === "top") rules += ' _Sb112';
+    else rules += ' _Sc112';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-G11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-G112';
+        rules += ' __Ya112';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-m11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-m112';
+        rules += ' __Ya112';
     }
-    rules += ' _Vb11';
-    rules += ' Vg11';
-    rules += ' Vlb11';
+    rules += ' _Vb112';
+    rules += ' Vg112';
+    rules += ' Vlb112';
     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 += ' 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';
+    rules += ' Tt112';
+    rules += ' Qt112';
+    rules += ' St112';
+    rules += ' Rt112';
+    rules += ' _oa112';
+    rules += ' _Le112';
+    rules += ' oi112';
+    rules += ' ni112';
+    rules += ' ki112';
+    rules += ' ji112';
+    rules += ' _Na112';
+    rules += ' Pa112';
+    if (!position) rules += ' _Pc112';
+    if (!width) rules += ' Za112';
+    if (!maxWidth) rules += ' L40ub4c112';
+    if (!maxHeight) rules += ' K40ub4c112';
     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 {
-  ._pN79Hzc11 {
+  ._pN79Hzc112 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc11 {
+  ._pc112 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc11 {
+    ._pc112 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb11 {
+  ._pb112 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa11 {
+  ._pa112 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  .-Ovbhqd-g_g11 {
+  .-Ovbhqd-g_g112 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .gEzkoQe11 {
+  .gEzkoQe112 {
     background-color: var(--s2-container-bg);
   }
 
-  .oc11 {
+  .oc112 {
     border-start-start-radius: .625rem;
   }
 
-  .nc11 {
+  .nc112 {
     border-start-end-radius: .625rem;
   }
 
-  .kc11 {
+  .kc112 {
     border-end-start-radius: .625rem;
   }
 
-  .jc11 {
+  .jc112 {
     border-end-end-radius: .625rem;
   }
 
-  ._rb11 {
+  ._rb112 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._nb11 {
+  ._nb112 {
     box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
   }
 
-  ._nd11 {
+  ._nd112 {
     box-shadow: none;
   }
 
-  ._jf11 {
+  ._jf112 {
     border-style: solid;
   }
 
-  ._kb11 {
+  ._kb112 {
     border-top-width: 1px;
   }
 
-  .hb11 {
+  .hb112 {
     border-bottom-width: 1px;
   }
 
-  .mb11 {
+  .mb112 {
     border-inline-start-width: 1px;
   }
 
-  .lb11 {
+  .lb112 {
     border-inline-end-width: 1px;
   }
 
-  .ir11 {
+  .ir112 {
     border-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Zz11 {
+  .Zz112 {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .ZB11 {
+  .ZB112 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .ZE11 {
+  .ZE112 {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .LEmL1Zb11 {
+  .LEmL1Zb112 {
     max-width: calc(100vw - 24px);
   }
 
-  .sd11 {
+  .sd112 {
     display: flex;
   }
 
-  ._Ia11 {
+  ._Ia112 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-F11 {
+  .-_8PloMd-F112 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l11 {
+  .-_8PloMd-l112 {
     --translateY: -4px;
   }
 
-  .-_8PloMd-s11 {
+  .-_8PloMd-s112 {
     --translateY: 0px;
   }
 
-  .-_7PloMd-s11 {
+  .-_7PloMd-s112 {
     --translateX: 0px;
   }
 
-  .YmenWad11 {
+  .YmenWad112 {
     transition-property: opacity, translate;
   }
 
-  .Xc11 {
+  .Xc112 {
     transition-duration: .2s;
   }
 
-  ._2c11 {
+  ._2c112 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  ._Bb11 {
+  ._Bb112 {
     isolation: isolate;
   }
 
-  ._Ob11 {
+  ._Ob112 {
     pointer-events: none;
   }
 
-  .sb11 {
+  .sb112 {
     display: block;
   }
 
-  .tEzkoQe11 {
+  .tEzkoQe112 {
     fill: var(--s2-container-bg);
   }
 
-  .Zl11 {
+  .Zl112 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fh11 {
+  .Fh112 {
     height: calc(.5625rem * var(--s2-scale));
   }
 
-  ._Sb11 {
+  ._Sb112 {
     rotate: none;
   }
 
-  ._Sc11 {
+  ._Sc112 {
     rotate: 180deg;
   }
 
-  ._Sa11 {
+  ._Sa112 {
     rotate: -90deg;
   }
 
-  ._Sd11 {
+  ._Sd112 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-m11 {
+  .-_7PloMd-m112 {
     --translateX: -4px;
   }
 
-  .-_7PloMd-G11 {
+  .-_7PloMd-G112 {
     --translateX: 4px;
   }
 
-  .__Ya11 {
+  .__Ya112 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Vb11 {
+  ._Vb112 {
     stroke-width: 1px;
   }
 
-  .Vg11 {
+  .Vg112 {
     stroke: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Tt11 {
+  .Tt112 {
     padding-top: 8px;
   }
 
-  .Qt11 {
+  .Qt112 {
     padding-bottom: 8px;
   }
 
-  .St11 {
+  .St112 {
     padding-inline-start: 8px;
   }
 
-  .Rt11 {
+  .Rt112 {
     padding-inline-end: 8px;
   }
 
-  ._oa11 {
+  ._oa112 {
     box-sizing: border-box;
   }
 
-  ._Le11 {
+  ._Le112 {
     outline-style: none;
   }
 
-  .oi11 {
+  .oi112 {
     border-start-start-radius: inherit;
   }
 
-  .ni11 {
+  .ni112 {
     border-start-end-radius: inherit;
   }
 
-  .ki11 {
+  .ki112 {
     border-end-start-radius: inherit;
   }
 
-  .ji11 {
+  .ji112 {
     border-end-end-radius: inherit;
   }
 
-  ._Na11 {
+  ._Na112 {
     overflow-x: auto;
   }
 
-  .Pa11 {
+  .Pa112 {
     overflow-y: auto;
   }
 
-  ._Pc11 {
+  ._Pc112 {
     position: relative;
   }
 
-  .Za11 {
+  .Za112 {
     width: 100%;
   }
 
-  .L40ub4c11 {
+  .L40ub4c112 {
     max-width: inherit;
   }
 
-  .K40ub4c11 {
+  .K40ub4c112 {
     max-height: inherit;
   }
 }
@@ -270,11 +270,11 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .ila11 {
+    .ila112 {
       border-color: buttonborder;
     }
 
-    .Vlb11 {
+    .Vlb112 {
       stroke: buttonborder;
     }
   }