@react-spectrum/s2 1.5.0 → 1.5.1

package/dist/private/Popover.cjs

@@ -50,117 +50,117 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa15';
-    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb15';
-    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc15';
-    rules += ' _pK8eoyd15';
-    if (props.colorScheme === "dark") rules += ' -NvXmrd-_ZLmU15';
-    else if (props.colorScheme === "light") rules += ' -NvXmrd-_ZN8Gi4c15';
+    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa151';
+    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb151';
+    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc151';
+    rules += ' _pK8eoyd151';
+    if (props.colorScheme === "dark") rules += ' -NvXmrd-_ZLmU151';
+    else if (props.colorScheme === "light") rules += ' -NvXmrd-_ZN8Gi4c151';
     else if (props.colorScheme === "light dark") {
-        rules += ' -NvXmrd-_ZN8Gi4c15';
-        rules += ' -NvXmrd-D1v0V_ZLmU15';
+        rules += ' -NvXmrd-_ZN8Gi4c151';
+        rules += ' -NvXmrd-D1v0V_ZLmU151';
     }
-    if (props.colorScheme === "dark") rules += ' -j9blY-_ZN8Gi4c15';
-    else if (props.colorScheme === "light") rules += ' -j9blY-_ZLmU15';
+    if (props.colorScheme === "dark") rules += ' -j9blY-_ZN8Gi4c151';
+    else if (props.colorScheme === "light") rules += ' -j9blY-_ZLmU151';
     else if (props.colorScheme === "light dark") {
-        rules += ' -j9blY-_ZLmU15';
-        rules += ' -j9blY-D1v0V_ZN8Gi4c15';
+        rules += ' -j9blY-_ZLmU151';
+        rules += ' -j9blY-D1v0V_ZN8Gi4c151';
     }
-    rules += ' -Ovbhqd-g_g15';
-    rules += ' -Ovbhqd-lga15';
-    rules += ' gEzkoQe15';
-    rules += ' oc15';
-    rules += ' nc15';
-    rules += ' kc15';
-    rules += ' jc15';
-    if (props.isArrowShown) rules += ' _rgr5H3d15';
-    if (props.isArrowShown) rules += ' _nd15';
-    else rules += ' _nLeasBb15';
-    rules += ' _Lf15';
-    rules += ' _Mb15';
-    rules += ' Oye39g15';
-    rules += ' Ola15';
+    rules += ' -Ovbhqd-g_g151';
+    rules += ' -Ovbhqd-lga151';
+    rules += ' gEzkoQe151';
+    rules += ' oc151';
+    rules += ' nc151';
+    rules += ' kc151';
+    rules += ' jc151';
+    if (props.isArrowShown) rules += ' _rgr5H3d151';
+    if (props.isArrowShown) rules += ' _nd151';
+    else rules += ' _nLeasBb151';
+    rules += ' _Lf151';
+    rules += ' _Mb151';
+    rules += ' Oye39g151';
+    rules += ' Ola151';
     if (props.size === "L") {
-        if (!width) rules += ' ZE15';
+        if (!width) rules += ' ZE151';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB15';
+        if (!width) rules += ' ZB151';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz15';
+        if (!width) rules += ' Zz151';
     }
-    if (!maxWidth) rules += ' LEmL1Zb15';
-    rules += ' _oa15';
-    rules += ' sd15';
-    if (props.isExiting) rules += ' _Ia15';
-    else if (props.isEntering) rules += ' _Ia15';
+    if (!maxWidth) rules += ' LEmL1Zb151';
+    rules += ' _oa151';
+    rules += ' sd151';
+    if (props.isExiting) rules += ' _Ia151';
+    else if (props.isEntering) rules += ' _Ia151';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s15';
-        rules += ' __Ya15';
+        rules += ' -_8PloMd-s151';
+        rules += ' __Ya151';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l15';
-            rules += ' __Ya15';
+            rules += ' -_8PloMd-l151';
+            rules += ' __Ya151';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l15';
-            rules += ' __Ya15';
+            rules += ' -_8PloMd-l151';
+            rules += ' __Ya151';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F15';
-            rules += ' __Ya15';
+            rules += ' -_8PloMd-F151';
+            rules += ' __Ya151';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F15';
-            rules += ' __Ya15';
+            rules += ' -_8PloMd-F151';
+            rules += ' __Ya151';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s15';
-        rules += ' __Ya15';
+        rules += ' -_7PloMd-s151';
+        rules += ' __Ya151';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m15';
-            rules += ' __Ya15';
+            rules += ' -_7PloMd-m151';
+            rules += ' __Ya151';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m15';
-            rules += ' __Ya15';
+            rules += ' -_7PloMd-m151';
+            rules += ' __Ya151';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G15';
-            rules += ' __Ya15';
+            rules += ' -_7PloMd-G151';
+            rules += ' __Ya151';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G15';
-            rules += ' __Ya15';
+            rules += ' -_7PloMd-G151';
+            rules += ' __Ya151';
         }
     }
-    rules += ' YmenWad15';
-    rules += ' Xc15';
-    if (props.isExiting) rules += ' _2c15';
-    rules += ' _Bb15';
-    if (props.isExiting) rules += ' _Ob15';
+    rules += ' YmenWad151';
+    rules += ' Xc151';
+    if (props.isExiting) rules += ' _2c151';
+    rules += ' _Bb151';
+    if (props.isExiting) rules += ' _Ob151';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $493371ef39bf7a55$var$arrow = function anonymous(props) {
     let rules = " ";
-    rules += ' sb15';
-    rules += ' tEzkoQe15';
-    rules += ' Zl15';
-    rules += ' Fh15';
-    if (props.placement === "right") rules += ' _Sd15';
-    else if (props.placement === "left") rules += ' _Sa15';
-    else if (props.placement === "bottom") rules += ' _Sc15';
-    else if (props.placement === "top") rules += ' _Sb15';
-    else rules += ' _Sc15';
+    rules += ' sb151';
+    rules += ' tEzkoQe151';
+    rules += ' Zl151';
+    rules += ' Fh151';
+    if (props.placement === "right") rules += ' _Sd151';
+    else if (props.placement === "left") rules += ' _Sa151';
+    else if (props.placement === "bottom") rules += ' _Sc151';
+    else if (props.placement === "top") rules += ' _Sb151';
+    else rules += ' _Sc151';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y15';
-        rules += ' __Ya15';
+        rules += ' -_7PloMd-y151';
+        rules += ' __Ya151';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e15';
-        rules += ' __Ya15';
+        rules += ' -_7PloMd-e151';
+        rules += ' __Ya151';
     }
-    rules += ' _Vb15';
-    rules += ' Vye39g15';
-    rules += ' Vlb15';
+    rules += ' _Vb151';
+    rules += ' Vye39g151';
+    rules += ' Vlb151';
     return rules;
 };
 const $493371ef39bf7a55$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $16fRD$react.createContext)(null);
@@ -256,26 +256,26 @@ const $493371ef39bf7a55$var$innerDivStyle = function anonymous(props, overrides)
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    if (props.padding === "none") rules += ' Td15';
-    else if (props.padding === "default") rules += ' Tt15';
-    if (props.padding === "none") rules += ' Qd15';
-    else if (props.padding === "default") rules += ' Qt15';
-    if (props.padding === "none") rules += ' Sd15';
-    else if (props.padding === "default") rules += ' St15';
-    if (props.padding === "none") rules += ' Rd15';
-    else if (props.padding === "default") rules += ' Rt15';
-    rules += ' _oa15';
-    rules += ' _Le15';
-    rules += ' oi15';
-    rules += ' ni15';
-    rules += ' ki15';
-    rules += ' ji15';
-    rules += ' _Na15';
-    rules += ' Pa15';
-    if (!position) rules += ' _Pc15';
-    if (!width) rules += ' Za15';
-    if (!maxWidth) rules += ' L40ub4c15';
-    if (!maxHeight) rules += ' K40ub4c15';
+    if (props.padding === "none") rules += ' Td151';
+    else if (props.padding === "default") rules += ' Tt151';
+    if (props.padding === "none") rules += ' Qd151';
+    else if (props.padding === "default") rules += ' Qt151';
+    if (props.padding === "none") rules += ' Sd151';
+    else if (props.padding === "default") rules += ' St151';
+    if (props.padding === "none") rules += ' Rd151';
+    else if (props.padding === "default") rules += ' Rt151';
+    rules += ' _oa151';
+    rules += ' _Le151';
+    rules += ' oi151';
+    rules += ' ni151';
+    rules += ' ki151';
+    rules += ' ji151';
+    rules += ' _Na151';
+    rules += ' Pa151';
+    if (!position) rules += ' _Pc151';
+    if (!width) rules += ' Za151';
+    if (!maxWidth) rules += ' L40ub4c151';
+    if (!maxHeight) rules += ' K40ub4c151';
     return rules;
 };
 const $493371ef39bf7a55$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $16fRD$react.forwardRef)(function Popover(props, ref) {

package/dist/private/Popover.css

@@ -1,282 +1,282 @@
 @layer _.a {
-  .-ICUGx-_pc15 {
+  .-ICUGx-_pc151 {
     --s2-color-scheme: light dark;
   }
 
-  .-ICUGx-_pb15 {
+  .-ICUGx-_pb151 {
     --s2-color-scheme: light;
   }
 
-  .-ICUGx-_pa15 {
+  .-ICUGx-_pa151 {
     --s2-color-scheme: dark;
   }
 
-  ._pK8eoyd15 {
+  ._pK8eoyd151 {
     color-scheme: var(--s2-color-scheme);
   }
 
-  .-NvXmrd-_ZN8Gi4c15 {
+  .-NvXmrd-_ZN8Gi4c151 {
     --lightningcss-light: initial;
   }
 
-  .-NvXmrd-_ZLmU15 {
+  .-NvXmrd-_ZLmU151 {
     --lightningcss-light:  ;
   }
 
-  .-j9blY-_ZLmU15 {
+  .-j9blY-_ZLmU151 {
     --lightningcss-dark:  ;
   }
 
-  .-j9blY-_ZN8Gi4c15 {
+  .-j9blY-_ZN8Gi4c151 {
     --lightningcss-dark: initial;
   }
 
-  .-Ovbhqd-g_g15 {
+  .-Ovbhqd-g_g151 {
     --s2-container-bg: light-dark(#fff, #222);
   }
 
-  .gEzkoQe15 {
+  .gEzkoQe151 {
     background-color: var(--s2-container-bg);
   }
 
-  .oc15 {
+  .oc151 {
     border-start-start-radius: .625rem;
   }
 
-  .nc15 {
+  .nc151 {
     border-start-end-radius: .625rem;
   }
 
-  .kc15 {
+  .kc151 {
     border-end-start-radius: .625rem;
   }
 
-  .jc15 {
+  .jc151 {
     border-end-end-radius: .625rem;
   }
 
-  ._rgr5H3d15 {
+  ._rgr5H3d151 {
     filter: drop-shadow(0 0 2px light-dark(#0000001f, #0000005c)) drop-shadow(0 2px 6px light-dark(#0000000a, #0000001f)) drop-shadow(0 4px 12px light-dark(#00000014, #0000003d));
   }
 
-  ._nLeasBb15 {
+  ._nLeasBb151 {
     box-shadow: 0 4px 12px light-dark(#00000014, #0000003d), 0 2px 6px light-dark(#0000000a, #0000001f), 0 0 2px light-dark(#0000001f, #0000005c);
   }
 
-  ._nd15 {
+  ._nd151 {
     box-shadow: none;
   }
 
-  ._Lf15 {
+  ._Lf151 {
     outline-style: solid;
   }
 
-  ._Mb15 {
+  ._Mb151 {
     outline-width: 1px;
   }
 
-  .Oye39g15 {
+  .Oye39g151 {
     outline-color: light-dark(#fff0, #323232);
   }
 
-  .Zz15 {
+  .Zz151 {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .ZB15 {
+  .ZB151 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .ZE15 {
+  .ZE151 {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .LEmL1Zb15 {
+  .LEmL1Zb151 {
     max-width: calc(100vw - 24px);
   }
 
-  .sd15 {
+  .sd151 {
     display: flex;
   }
 
-  ._Ia15 {
+  ._Ia151 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-F15 {
+  .-_8PloMd-F151 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l15 {
+  .-_8PloMd-l151 {
     --translateY: -4px;
   }
 
-  .-_8PloMd-s15 {
+  .-_8PloMd-s151 {
     --translateY: 0px;
   }
 
-  .-_7PloMd-G15 {
+  .-_7PloMd-G151 {
     --translateX: 4px;
   }
 
-  .-_7PloMd-m15 {
+  .-_7PloMd-m151 {
     --translateX: -4px;
   }
 
-  .-_7PloMd-s15 {
+  .-_7PloMd-s151 {
     --translateX: 0px;
   }
 
-  .YmenWad15 {
+  .YmenWad151 {
     transition-property: opacity, translate;
   }
 
-  .Xc15 {
+  .Xc151 {
     transition-duration: .2s;
   }
 
-  ._2c15 {
+  ._2c151 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  ._Bb15 {
+  ._Bb151 {
     isolation: isolate;
   }
 
-  ._Ob15 {
+  ._Ob151 {
     pointer-events: none;
   }
 
-  .sb15 {
+  .sb151 {
     display: block;
   }
 
-  .tEzkoQe15 {
+  .tEzkoQe151 {
     fill: var(--s2-container-bg);
   }
 
-  .Zl15 {
+  .Zl151 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fh15 {
+  .Fh151 {
     height: calc(.5625rem * var(--s2-scale));
   }
 
-  ._Sb15 {
+  ._Sb151 {
     rotate: 0deg;
   }
 
-  ._Sc15 {
+  ._Sc151 {
     rotate: 180deg;
   }
 
-  ._Sa15 {
+  ._Sa151 {
     rotate: -90deg;
   }
 
-  ._Sd15 {
+  ._Sd151 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-e15 {
+  .-_7PloMd-e151 {
     --translateX: -25%;
   }
 
-  .-_7PloMd-y15 {
+  .-_7PloMd-y151 {
     --translateX: 25%;
   }
 
-  .__Ya15 {
+  .__Ya151 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Vb15 {
+  ._Vb151 {
     stroke-width: 1px;
   }
 
-  .Vye39g15 {
+  .Vye39g151 {
     stroke: light-dark(#fff0, #323232);
   }
 
-  .Tt15 {
+  .Tt151 {
     padding-top: 8px;
   }
 
-  .Td15 {
+  .Td151 {
     padding-top: 0;
   }
 
-  .Qt15 {
+  .Qt151 {
     padding-bottom: 8px;
   }
 
-  .Qd15 {
+  .Qd151 {
     padding-bottom: 0;
   }
 
-  .St15 {
+  .St151 {
     padding-inline-start: 8px;
   }
 
-  .Sd15 {
+  .Sd151 {
     padding-inline-start: 0;
   }
 
-  .Rt15 {
+  .Rt151 {
     padding-inline-end: 8px;
   }
 
-  .Rd15 {
+  .Rd151 {
     padding-inline-end: 0;
   }
 
-  ._oa15 {
+  ._oa151 {
     box-sizing: border-box;
   }
 
-  ._Le15 {
+  ._Le151 {
     outline-style: none;
   }
 
-  .oi15 {
+  .oi151 {
     border-start-start-radius: inherit;
   }
 
-  .ni15 {
+  .ni151 {
     border-start-end-radius: inherit;
   }
 
-  .ki15 {
+  .ki151 {
     border-end-start-radius: inherit;
   }
 
-  .ji15 {
+  .ji151 {
     border-end-end-radius: inherit;
   }
 
-  ._Na15 {
+  ._Na151 {
     overflow-x: auto;
   }
 
-  .Pa15 {
+  .Pa151 {
     overflow-y: auto;
   }
 
-  ._Pc15 {
+  ._Pc151 {
     position: relative;
   }
 
-  .Za15 {
+  .Za151 {
     width: 100%;
   }
 
-  .L40ub4c15 {
+  .L40ub4c151 {
     max-width: inherit;
   }
 
-  .K40ub4c15 {
+  .K40ub4c151 {
     max-height: inherit;
   }
 }
@@ -285,11 +285,11 @@
 
 @layer _.b.D1v0V {
   @media (prefers-color-scheme: dark) {
-    .-NvXmrd-D1v0V_ZLmU15 {
+    .-NvXmrd-D1v0V_ZLmU151 {
       --lightningcss-light:  ;
     }
 
-    .-j9blY-D1v0V_ZN8Gi4c15 {
+    .-j9blY-D1v0V_ZN8Gi4c151 {
       --lightningcss-dark: initial;
     }
   }
@@ -297,15 +297,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .-Ovbhqd-lga15 {
+    .-Ovbhqd-lga151 {
       --s2-container-bg: Background;
     }
 
-    .Ola15 {
+    .Ola151 {
       outline-color: buttonborder;
     }
 
-    .Vlb15 {
+    .Vlb151 {
       stroke: buttonborder;
     }
   }