@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250520

package/dist/Popover.cjs

@@ -39,107 +39,107 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    if (props.colorScheme === "dark") rules += ' _pa8';
-    else if (props.colorScheme === "light") rules += ' _pb8';
-    else if (props.colorScheme === "light dark") rules += ' _pc8';
-    else rules += ' _pN79Hzc8';
-    rules += ' -Ovbhqd-g_g8';
-    rules += ' gEzkoQe8';
-    rules += ' oc8';
-    rules += ' nc8';
-    rules += ' kc8';
-    rules += ' jc8';
-    if (props.isArrowShown) rules += ' _rb8';
-    if (props.isArrowShown) rules += ' _nd8';
-    else rules += ' _nb8';
-    rules += ' _jf8';
-    rules += ' _kb8';
-    rules += ' hb8';
-    rules += ' mb8';
-    rules += ' lb8';
-    rules += ' ir8';
-    rules += ' ila8';
+    if (props.colorScheme === "dark") rules += ' _pa9';
+    else if (props.colorScheme === "light") rules += ' _pb9';
+    else if (props.colorScheme === "light dark") rules += ' _pc9';
+    else rules += ' _pN79Hzc9';
+    rules += ' -Ovbhqd-g_g9';
+    rules += ' gEzkoQe9';
+    rules += ' oc9';
+    rules += ' nc9';
+    rules += ' kc9';
+    rules += ' jc9';
+    if (props.isArrowShown) rules += ' _rb9';
+    if (props.isArrowShown) rules += ' _nd9';
+    else rules += ' _nb9';
+    rules += ' _jf9';
+    rules += ' _kb9';
+    rules += ' hb9';
+    rules += ' mb9';
+    rules += ' lb9';
+    rules += ' ir9';
+    rules += ' ila9';
     if (props.size === "L") {
-        if (!width) rules += ' ZE8';
+        if (!width) rules += ' ZE9';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB8';
+        if (!width) rules += ' ZB9';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz8';
+        if (!width) rules += ' Zz9';
     }
-    if (!maxWidth) rules += ' LEmL1Zb8';
-    rules += ' _oa8';
-    rules += ' sd8';
-    if (props.isExiting) rules += ' _Ia8';
-    else if (props.isEntering) rules += ' _Ia8';
+    if (!maxWidth) rules += ' LEmL1Zb9';
+    rules += ' _oa9';
+    rules += ' sd9';
+    if (props.isExiting) rules += ' _Ia9';
+    else if (props.isEntering) rules += ' _Ia9';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-s9';
+        rules += ' __Ya9';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l8';
-            rules += ' __Ya8';
+            rules += ' -_8PloMd-l9';
+            rules += ' __Ya9';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l8';
-            rules += ' __Ya8';
+            rules += ' -_8PloMd-l9';
+            rules += ' __Ya9';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F8';
-            rules += ' __Ya8';
+            rules += ' -_8PloMd-F9';
+            rules += ' __Ya9';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F8';
-            rules += ' __Ya8';
+            rules += ' -_8PloMd-F9';
+            rules += ' __Ya9';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s8';
-        rules += ' __Ya8';
+        rules += ' -_7PloMd-s9';
+        rules += ' __Ya9';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m8';
-            rules += ' __Ya8';
+            rules += ' -_7PloMd-m9';
+            rules += ' __Ya9';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m8';
-            rules += ' __Ya8';
+            rules += ' -_7PloMd-m9';
+            rules += ' __Ya9';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G8';
-            rules += ' __Ya8';
+            rules += ' -_7PloMd-G9';
+            rules += ' __Ya9';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G8';
-            rules += ' __Ya8';
+            rules += ' -_7PloMd-G9';
+            rules += ' __Ya9';
         }
     }
-    rules += ' YmenWad8';
-    rules += ' Xc8';
-    if (props.isExiting) rules += ' _2c8';
-    rules += ' _Bb8';
-    if (props.isExiting) rules += ' _Ob8';
+    rules += ' YmenWad9';
+    rules += ' Xc9';
+    if (props.isExiting) rules += ' _2c9';
+    rules += ' _Bb9';
+    if (props.isExiting) rules += ' _Ob9';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $493371ef39bf7a55$var$arrow = function anonymous(props) {
     let rules = " ";
-    rules += ' sb8';
-    rules += ' tEzkoQe8';
-    rules += ' Zl8';
-    rules += ' Fh8';
-    if (props.placement === "right") rules += ' _Sd8';
-    else if (props.placement === "left") rules += ' _Sa8';
-    else if (props.placement === "bottom") rules += ' _Sc8';
-    else if (props.placement === "top") rules += ' _Sb8';
-    else rules += ' _Sc8';
+    rules += ' sb9';
+    rules += ' tEzkoQe9';
+    rules += ' Zl9';
+    rules += ' Fh9';
+    if (props.placement === "right") rules += ' _Sd9';
+    else if (props.placement === "left") rules += ' _Sa9';
+    else if (props.placement === "bottom") rules += ' _Sc9';
+    else if (props.placement === "top") rules += ' _Sb9';
+    else rules += ' _Sc9';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-G8';
-        rules += ' __Ya8';
+        rules += ' -_7PloMd-G9';
+        rules += ' __Ya9';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-m8';
-        rules += ' __Ya8';
+        rules += ' -_7PloMd-m9';
+        rules += ' __Ya9';
     }
-    rules += ' _Vb8';
-    rules += ' Vg8';
-    rules += ' Vlb8';
+    rules += ' _Vb9';
+    rules += ' Vg9';
+    rules += ' Vlb9';
     return rules;
 };
 const $493371ef39bf7a55$export$fde1b04c590741a3 = /*#__PURE__*/ (0, $16fRD$react.forwardRef)(function PopoverBase(props, ref) {
@@ -227,22 +227,22 @@ const $493371ef39bf7a55$var$dialogStyle = function anonymous(props, overrides) {
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    rules += ' Tt8';
-    rules += ' Qt8';
-    rules += ' St8';
-    rules += ' Rt8';
-    rules += ' _oa8';
-    rules += ' _Le8';
-    rules += ' oi8';
-    rules += ' ni8';
-    rules += ' ki8';
-    rules += ' ji8';
-    rules += ' _Na8';
-    rules += ' Pa8';
-    if (!position) rules += ' _Pc8';
-    if (!width) rules += ' Za8';
-    if (!maxWidth) rules += ' L40ub4c8';
-    if (!maxHeight) rules += ' K40ub4c8';
+    rules += ' Tt9';
+    rules += ' Qt9';
+    rules += ' St9';
+    rules += ' Rt9';
+    rules += ' _oa9';
+    rules += ' _Le9';
+    rules += ' oi9';
+    rules += ' ni9';
+    rules += ' ki9';
+    rules += ' ji9';
+    rules += ' _Na9';
+    rules += ' Pa9';
+    if (!position) rules += ' _Pc9';
+    if (!width) rules += ' Za9';
+    if (!maxWidth) rules += ' L40ub4c9';
+    if (!maxHeight) rules += ' K40ub4c9';
     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 {
-  ._pN79Hzc8 {
+  ._pN79Hzc9 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc8 {
+  ._pc9 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc8 {
+    ._pc9 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb8 {
+  ._pb9 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa8 {
+  ._pa9 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  .-Ovbhqd-g_g8 {
+  .-Ovbhqd-g_g9 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .gEzkoQe8 {
+  .gEzkoQe9 {
     background-color: var(--s2-container-bg);
   }
 
-  .oc8 {
+  .oc9 {
     border-start-start-radius: .625rem;
   }
 
-  .nc8 {
+  .nc9 {
     border-start-end-radius: .625rem;
   }
 
-  .kc8 {
+  .kc9 {
     border-end-start-radius: .625rem;
   }
 
-  .jc8 {
+  .jc9 {
     border-end-end-radius: .625rem;
   }
 
-  ._rb8 {
+  ._rb9 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._nb8 {
+  ._nb9 {
     box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
   }
 
-  ._nd8 {
+  ._nd9 {
     box-shadow: none;
   }
 
-  ._jf8 {
+  ._jf9 {
     border-style: solid;
   }
 
-  ._kb8 {
+  ._kb9 {
     border-top-width: 1px;
   }
 
-  .hb8 {
+  .hb9 {
     border-bottom-width: 1px;
   }
 
-  .mb8 {
+  .mb9 {
     border-inline-start-width: 1px;
   }
 
-  .lb8 {
+  .lb9 {
     border-inline-end-width: 1px;
   }
 
-  .ir8 {
+  .ir9 {
     border-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Zz8 {
+  .Zz9 {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .ZB8 {
+  .ZB9 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .ZE8 {
+  .ZE9 {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .LEmL1Zb8 {
+  .LEmL1Zb9 {
     max-width: calc(100vw - 24px);
   }
 
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  ._Ia8 {
+  ._Ia9 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-F8 {
+  .-_8PloMd-F9 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l8 {
+  .-_8PloMd-l9 {
     --translateY: -4px;
   }
 
-  .-_8PloMd-s8 {
+  .-_8PloMd-s9 {
     --translateY: 0px;
   }
 
-  .-_7PloMd-s8 {
+  .-_7PloMd-s9 {
     --translateX: 0px;
   }
 
-  .YmenWad8 {
+  .YmenWad9 {
     transition-property: opacity, translate;
   }
 
-  .Xc8 {
+  .Xc9 {
     transition-duration: .2s;
   }
 
-  ._2c8 {
+  ._2c9 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  ._Bb8 {
+  ._Bb9 {
     isolation: isolate;
   }
 
-  ._Ob8 {
+  ._Ob9 {
     pointer-events: none;
   }
 
-  .sb8 {
+  .sb9 {
     display: block;
   }
 
-  .tEzkoQe8 {
+  .tEzkoQe9 {
     fill: var(--s2-container-bg);
   }
 
-  .Zl8 {
+  .Zl9 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fh8 {
+  .Fh9 {
     height: calc(.5625rem * var(--s2-scale));
   }
 
-  ._Sb8 {
+  ._Sb9 {
     rotate: none;
   }
 
-  ._Sc8 {
+  ._Sc9 {
     rotate: 180deg;
   }
 
-  ._Sa8 {
+  ._Sa9 {
     rotate: -90deg;
   }
 
-  ._Sd8 {
+  ._Sd9 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-m8 {
+  .-_7PloMd-m9 {
     --translateX: -4px;
   }
 
-  .-_7PloMd-G8 {
+  .-_7PloMd-G9 {
     --translateX: 4px;
   }
 
-  .__Ya8 {
+  .__Ya9 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Vb8 {
+  ._Vb9 {
     stroke-width: 1px;
   }
 
-  .Vg8 {
+  .Vg9 {
     stroke: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Tt8 {
+  .Tt9 {
     padding-top: 8px;
   }
 
-  .Qt8 {
+  .Qt9 {
     padding-bottom: 8px;
   }
 
-  .St8 {
+  .St9 {
     padding-inline-start: 8px;
   }
 
-  .Rt8 {
+  .Rt9 {
     padding-inline-end: 8px;
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  .oi8 {
+  .oi9 {
     border-start-start-radius: inherit;
   }
 
-  .ni8 {
+  .ni9 {
     border-start-end-radius: inherit;
   }
 
-  .ki8 {
+  .ki9 {
     border-end-start-radius: inherit;
   }
 
-  .ji8 {
+  .ji9 {
     border-end-end-radius: inherit;
   }
 
-  ._Na8 {
+  ._Na9 {
     overflow-x: auto;
   }
 
-  .Pa8 {
+  .Pa9 {
     overflow-y: auto;
   }
 
-  ._Pc8 {
+  ._Pc9 {
     position: relative;
   }
 
-  .Za8 {
+  .Za9 {
     width: 100%;
   }
 
-  .L40ub4c8 {
+  .L40ub4c9 {
     max-width: inherit;
   }
 
-  .K40ub4c8 {
+  .K40ub4c9 {
     max-height: inherit;
   }
 }
@@ -270,11 +270,11 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .ila8 {
+    .ila9 {
       border-color: buttonborder;
     }
 
-    .Vlb8 {
+    .Vlb9 {
       stroke: buttonborder;
     }
   }