@react-spectrum/s2 0.9.0 → 0.9.1

package/dist/Popover.css

@@ -1,267 +1,267 @@
 @layer _.a {
-  ._pN79Hzc9 {
+  ._pN79Hzc91 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc9 {
+  ._pc91 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc9 {
+    ._pc91 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb9 {
+  ._pb91 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa9 {
+  ._pa91 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  .-Ovbhqd-g_g9 {
+  .-Ovbhqd-g_g91 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .gEzkoQe9 {
+  .gEzkoQe91 {
     background-color: var(--s2-container-bg);
   }
 
-  .oc9 {
+  .oc91 {
     border-start-start-radius: .625rem;
   }
 
-  .nc9 {
+  .nc91 {
     border-start-end-radius: .625rem;
   }
 
-  .kc9 {
+  .kc91 {
     border-end-start-radius: .625rem;
   }
 
-  .jc9 {
+  .jc91 {
     border-end-end-radius: .625rem;
   }
 
-  ._rb9 {
+  ._rb91 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._nb9 {
+  ._nb91 {
     box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
   }
 
-  ._nd9 {
+  ._nd91 {
     box-shadow: none;
   }
 
-  ._jf9 {
+  ._jf91 {
     border-style: solid;
   }
 
-  ._kb9 {
+  ._kb91 {
     border-top-width: 1px;
   }
 
-  .hb9 {
+  .hb91 {
     border-bottom-width: 1px;
   }
 
-  .mb9 {
+  .mb91 {
     border-inline-start-width: 1px;
   }
 
-  .lb9 {
+  .lb91 {
     border-inline-end-width: 1px;
   }
 
-  .ir9 {
+  .ir91 {
     border-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Zz9 {
+  .Zz91 {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .ZB9 {
+  .ZB91 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .ZE9 {
+  .ZE91 {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .LEmL1Zb9 {
+  .LEmL1Zb91 {
     max-width: calc(100vw - 24px);
   }
 
-  .sd9 {
+  .sd91 {
     display: flex;
   }
 
-  ._Ia9 {
+  ._Ia91 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-F9 {
+  .-_8PloMd-F91 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l9 {
+  .-_8PloMd-l91 {
     --translateY: -4px;
   }
 
-  .-_8PloMd-s9 {
+  .-_8PloMd-s91 {
     --translateY: 0px;
   }
 
-  .-_7PloMd-s9 {
+  .-_7PloMd-s91 {
     --translateX: 0px;
   }
 
-  .YmenWad9 {
+  .YmenWad91 {
     transition-property: opacity, translate;
   }
 
-  .Xc9 {
+  .Xc91 {
     transition-duration: .2s;
   }
 
-  ._2c9 {
+  ._2c91 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  ._Bb9 {
+  ._Bb91 {
     isolation: isolate;
   }
 
-  ._Ob9 {
+  ._Ob91 {
     pointer-events: none;
   }
 
-  .sb9 {
+  .sb91 {
     display: block;
   }
 
-  .tEzkoQe9 {
+  .tEzkoQe91 {
     fill: var(--s2-container-bg);
   }
 
-  .Zl9 {
+  .Zl91 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fh9 {
+  .Fh91 {
     height: calc(.5625rem * var(--s2-scale));
   }
 
-  ._Sb9 {
+  ._Sb91 {
     rotate: none;
   }
 
-  ._Sc9 {
+  ._Sc91 {
     rotate: 180deg;
   }
 
-  ._Sa9 {
+  ._Sa91 {
     rotate: -90deg;
   }
 
-  ._Sd9 {
+  ._Sd91 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-m9 {
+  .-_7PloMd-m91 {
     --translateX: -4px;
   }
 
-  .-_7PloMd-G9 {
+  .-_7PloMd-G91 {
     --translateX: 4px;
   }
 
-  .__Ya9 {
+  .__Ya91 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Vb9 {
+  ._Vb91 {
     stroke-width: 1px;
   }
 
-  .Vg9 {
+  .Vg91 {
     stroke: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Tt9 {
+  .Tt91 {
     padding-top: 8px;
   }
 
-  .Qt9 {
+  .Qt91 {
     padding-bottom: 8px;
   }
 
-  .St9 {
+  .St91 {
     padding-inline-start: 8px;
   }
 
-  .Rt9 {
+  .Rt91 {
     padding-inline-end: 8px;
   }
 
-  ._oa9 {
+  ._oa91 {
     box-sizing: border-box;
   }
 
-  ._Le9 {
+  ._Le91 {
     outline-style: none;
   }
 
-  .oi9 {
+  .oi91 {
     border-start-start-radius: inherit;
   }
 
-  .ni9 {
+  .ni91 {
     border-start-end-radius: inherit;
   }
 
-  .ki9 {
+  .ki91 {
     border-end-start-radius: inherit;
   }
 
-  .ji9 {
+  .ji91 {
     border-end-end-radius: inherit;
   }
 
-  ._Na9 {
+  ._Na91 {
     overflow-x: auto;
   }
 
-  .Pa9 {
+  .Pa91 {
     overflow-y: auto;
   }
 
-  ._Pc9 {
+  ._Pc91 {
     position: relative;
   }
 
-  .Za9 {
+  .Za91 {
     width: 100%;
   }
 
-  .L40ub4c9 {
+  .L40ub4c91 {
     max-width: inherit;
   }
 
-  .K40ub4c9 {
+  .K40ub4c91 {
     max-height: inherit;
   }
 }
@@ -270,11 +270,11 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .ila9 {
+    .ila91 {
       border-color: buttonborder;
     }
 
-    .Vlb9 {
+    .Vlb91 {
       stroke: buttonborder;
     }
   }

package/dist/Popover.mjs

@@ -32,107 +32,107 @@ let $88b746eba92c8d0d$var$popover = function anonymous(props, overrides) {
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    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.colorScheme === "dark") rules += ' _pa91';
+    else if (props.colorScheme === "light") rules += ' _pb91';
+    else if (props.colorScheme === "light dark") rules += ' _pc91';
+    else rules += ' _pN79Hzc91';
+    rules += ' -Ovbhqd-g_g91';
+    rules += ' gEzkoQe91';
+    rules += ' oc91';
+    rules += ' nc91';
+    rules += ' kc91';
+    rules += ' jc91';
+    if (props.isArrowShown) rules += ' _rb91';
+    if (props.isArrowShown) rules += ' _nd91';
+    else rules += ' _nb91';
+    rules += ' _jf91';
+    rules += ' _kb91';
+    rules += ' hb91';
+    rules += ' mb91';
+    rules += ' lb91';
+    rules += ' ir91';
+    rules += ' ila91';
     if (props.size === "L") {
-        if (!width) rules += ' ZE9';
+        if (!width) rules += ' ZE91';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB9';
+        if (!width) rules += ' ZB91';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz9';
+        if (!width) rules += ' Zz91';
     }
-    if (!maxWidth) rules += ' LEmL1Zb9';
-    rules += ' _oa9';
-    rules += ' sd9';
-    if (props.isExiting) rules += ' _Ia9';
-    else if (props.isEntering) rules += ' _Ia9';
+    if (!maxWidth) rules += ' LEmL1Zb91';
+    rules += ' _oa91';
+    rules += ' sd91';
+    if (props.isExiting) rules += ' _Ia91';
+    else if (props.isEntering) rules += ' _Ia91';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s9';
-        rules += ' __Ya9';
+        rules += ' -_8PloMd-s91';
+        rules += ' __Ya91';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l9';
-            rules += ' __Ya9';
+            rules += ' -_8PloMd-l91';
+            rules += ' __Ya91';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l9';
-            rules += ' __Ya9';
+            rules += ' -_8PloMd-l91';
+            rules += ' __Ya91';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F9';
-            rules += ' __Ya9';
+            rules += ' -_8PloMd-F91';
+            rules += ' __Ya91';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F9';
-            rules += ' __Ya9';
+            rules += ' -_8PloMd-F91';
+            rules += ' __Ya91';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s9';
-        rules += ' __Ya9';
+        rules += ' -_7PloMd-s91';
+        rules += ' __Ya91';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m9';
-            rules += ' __Ya9';
+            rules += ' -_7PloMd-m91';
+            rules += ' __Ya91';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m9';
-            rules += ' __Ya9';
+            rules += ' -_7PloMd-m91';
+            rules += ' __Ya91';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G9';
-            rules += ' __Ya9';
+            rules += ' -_7PloMd-G91';
+            rules += ' __Ya91';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G9';
-            rules += ' __Ya9';
+            rules += ' -_7PloMd-G91';
+            rules += ' __Ya91';
         }
     }
-    rules += ' YmenWad9';
-    rules += ' Xc9';
-    if (props.isExiting) rules += ' _2c9';
-    rules += ' _Bb9';
-    if (props.isExiting) rules += ' _Ob9';
+    rules += ' YmenWad91';
+    rules += ' Xc91';
+    if (props.isExiting) rules += ' _2c91';
+    rules += ' _Bb91';
+    if (props.isExiting) rules += ' _Ob91';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $88b746eba92c8d0d$var$arrow = function anonymous(props) {
     let rules = " ";
-    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';
+    rules += ' sb91';
+    rules += ' tEzkoQe91';
+    rules += ' Zl91';
+    rules += ' Fh91';
+    if (props.placement === "right") rules += ' _Sd91';
+    else if (props.placement === "left") rules += ' _Sa91';
+    else if (props.placement === "bottom") rules += ' _Sc91';
+    else if (props.placement === "top") rules += ' _Sb91';
+    else rules += ' _Sc91';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-G9';
-        rules += ' __Ya9';
+        rules += ' -_7PloMd-G91';
+        rules += ' __Ya91';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-m9';
-        rules += ' __Ya9';
+        rules += ' -_7PloMd-m91';
+        rules += ' __Ya91';
     }
-    rules += ' _Vb9';
-    rules += ' Vg9';
-    rules += ' Vlb9';
+    rules += ' _Vb91';
+    rules += ' Vg91';
+    rules += ' Vlb91';
     return rules;
 };
 const $88b746eba92c8d0d$export$fde1b04c590741a3 = /*#__PURE__*/ (0, $ggIy9$forwardRef)(function PopoverBase(props, ref) {
@@ -220,22 +220,22 @@ const $88b746eba92c8d0d$var$dialogStyle = function anonymous(props, overrides) {
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    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';
+    rules += ' Tt91';
+    rules += ' Qt91';
+    rules += ' St91';
+    rules += ' Rt91';
+    rules += ' _oa91';
+    rules += ' _Le91';
+    rules += ' oi91';
+    rules += ' ni91';
+    rules += ' ki91';
+    rules += ' ji91';
+    rules += ' _Na91';
+    rules += ' Pa91';
+    if (!position) rules += ' _Pc91';
+    if (!width) rules += ' Za91';
+    if (!maxWidth) rules += ' L40ub4c91';
+    if (!maxHeight) rules += ' K40ub4c91';
     return rules;
 };
 const $88b746eba92c8d0d$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $ggIy9$forwardRef)(function Popover(props, ref) {