@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/Popover.css

@@ -1,279 +1,279 @@
 @layer _.a {
-  ._pN79Hzc11 {
+  ._pN79Hzc12 {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._pc11 {
+  ._pc12 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._pc11 {
+    ._pc12 {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._pb11 {
+  ._pb12 {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._pa11 {
+  ._pa12 {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  .-Ovbhqd-g_g11 {
+  .-Ovbhqd-g_g12 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .gEzkoQe11 {
+  .gEzkoQe12 {
     background-color: var(--s2-container-bg);
   }
 
-  .oc11 {
+  .oc12 {
     border-start-start-radius: .625rem;
   }
 
-  .nc11 {
+  .nc12 {
     border-start-end-radius: .625rem;
   }
 
-  .kc11 {
+  .kc12 {
     border-end-start-radius: .625rem;
   }
 
-  .jc11 {
+  .jc12 {
     border-end-end-radius: .625rem;
   }
 
-  ._rgr5H3d11 {
+  ._rgr5H3d12 {
     filter: drop-shadow(0 0 2px var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #0000005c)) drop-shadow(0 2px 6px var(--lightningcss-light, #0000000a) var(--lightningcss-dark, #0000001f)) drop-shadow(0 4px 12px var(--lightningcss-light, #00000014) var(--lightningcss-dark, #0000003d));
   }
 
-  ._nLeasBb11 {
+  ._nLeasBb12 {
     box-shadow: 0 4px 12px var(--lightningcss-light, #00000014) var(--lightningcss-dark, #0000003d), 0 2px 6px var(--lightningcss-light, #0000000a) var(--lightningcss-dark, #0000001f), 0 0 2px var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #0000005c);
   }
 
-  ._nd11 {
+  ._nd12 {
     box-shadow: none;
   }
 
-  ._Lf11 {
+  ._Lf12 {
     outline-style: solid;
   }
 
-  ._Mb11 {
+  ._Mb12 {
     outline-width: 1px;
   }
 
-  .Oye39g11 {
+  .Oye39g12 {
     outline-color: var(--lightningcss-light, #fff0) var(--lightningcss-dark, #323232);
   }
 
-  .Zz11 {
+  .Zz12 {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .ZB11 {
+  .ZB12 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .ZE11 {
+  .ZE12 {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .LEmL1Zb11 {
+  .LEmL1Zb12 {
     max-width: calc(100vw - 24px);
   }
 
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  ._Ia11 {
+  ._Ia12 {
     opacity: 0;
     opacity: 0;
   }
 
-  .-_8PloMd-F11 {
+  .-_8PloMd-F12 {
     --translateY: 4px;
   }
 
-  .-_8PloMd-l11 {
+  .-_8PloMd-l12 {
     --translateY: -4px;
   }
 
-  .-_8PloMd-s11 {
+  .-_8PloMd-s12 {
     --translateY: 0px;
   }
 
-  .-_7PloMd-G11 {
+  .-_7PloMd-G12 {
     --translateX: 4px;
   }
 
-  .-_7PloMd-m11 {
+  .-_7PloMd-m12 {
     --translateX: -4px;
   }
 
-  .-_7PloMd-s11 {
+  .-_7PloMd-s12 {
     --translateX: 0px;
   }
 
-  .YmenWad11 {
+  .YmenWad12 {
     transition-property: opacity, translate;
   }
 
-  .Xc11 {
+  .Xc12 {
     transition-duration: .2s;
   }
 
-  ._2c11 {
+  ._2c12 {
     transition-timing-function: cubic-bezier(.5, 0, 1, 1);
   }
 
-  ._Bb11 {
+  ._Bb12 {
     isolation: isolate;
   }
 
-  ._Ob11 {
+  ._Ob12 {
     pointer-events: none;
   }
 
-  .sb11 {
+  .sb12 {
     display: block;
   }
 
-  .tEzkoQe11 {
+  .tEzkoQe12 {
     fill: var(--s2-container-bg);
   }
 
-  .Zl11 {
+  .Zl12 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fh11 {
+  .Fh12 {
     height: calc(.5625rem * var(--s2-scale));
   }
 
-  ._Sb11 {
+  ._Sb12 {
     rotate: none;
   }
 
-  ._Sc11 {
+  ._Sc12 {
     rotate: 180deg;
   }
 
-  ._Sa11 {
+  ._Sa12 {
     rotate: -90deg;
   }
 
-  ._Sd11 {
+  ._Sd12 {
     rotate: 90deg;
   }
 
-  .-_7PloMd-e11 {
+  .-_7PloMd-e12 {
     --translateX: -25%;
   }
 
-  .-_7PloMd-y11 {
+  .-_7PloMd-y12 {
     --translateX: 25%;
   }
 
-  .__Ya11 {
+  .__Ya12 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Vb11 {
+  ._Vb12 {
     stroke-width: 1px;
   }
 
-  .Vye39g11 {
+  .Vye39g12 {
     stroke: var(--lightningcss-light, #fff0) var(--lightningcss-dark, #323232);
   }
 
-  .Tt11 {
+  .Tt12 {
     padding-top: 8px;
   }
 
-  .Td11 {
+  .Td12 {
     padding-top: 0;
   }
 
-  .Qt11 {
+  .Qt12 {
     padding-bottom: 8px;
   }
 
-  .Qd11 {
+  .Qd12 {
     padding-bottom: 0;
   }
 
-  .St11 {
+  .St12 {
     padding-inline-start: 8px;
   }
 
-  .Sd11 {
+  .Sd12 {
     padding-inline-start: 0;
   }
 
-  .Rt11 {
+  .Rt12 {
     padding-inline-end: 8px;
   }
 
-  .Rd11 {
+  .Rd12 {
     padding-inline-end: 0;
   }
 
-  ._oa11 {
+  ._oa12 {
     box-sizing: border-box;
   }
 
-  ._Le11 {
+  ._Le12 {
     outline-style: none;
   }
 
-  .oi11 {
+  .oi12 {
     border-start-start-radius: inherit;
   }
 
-  .ni11 {
+  .ni12 {
     border-start-end-radius: inherit;
   }
 
-  .ki11 {
+  .ki12 {
     border-end-start-radius: inherit;
   }
 
-  .ji11 {
+  .ji12 {
     border-end-end-radius: inherit;
   }
 
-  ._Na11 {
+  ._Na12 {
     overflow-x: auto;
   }
 
-  .Pa11 {
+  .Pa12 {
     overflow-y: auto;
   }
 
-  ._Pc11 {
+  ._Pc12 {
     position: relative;
   }
 
-  .Za11 {
+  .Za12 {
     width: 100%;
   }
 
-  .L40ub4c11 {
+  .L40ub4c12 {
     max-width: inherit;
   }
 
-  .K40ub4c11 {
+  .K40ub4c12 {
     max-height: inherit;
   }
 }
@@ -282,15 +282,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .-Ovbhqd-lga11 {
+    .-Ovbhqd-lga12 {
       --s2-container-bg: Background;
     }
 
-    .Ola11 {
+    .Ola12 {
       outline-color: buttonborder;
     }
 
-    .Vlb11 {
+    .Vlb12 {
       stroke: buttonborder;
     }
   }

package/dist/Popover.mjs

@@ -36,105 +36,105 @@ let $88b746eba92c8d0d$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 += ' -Ovbhqd-lga11';
-    rules += ' gEzkoQe11';
-    rules += ' oc11';
-    rules += ' nc11';
-    rules += ' kc11';
-    rules += ' jc11';
-    if (props.isArrowShown) rules += ' _rgr5H3d11';
-    if (props.isArrowShown) rules += ' _nd11';
-    else rules += ' _nLeasBb11';
-    rules += ' _Lf11';
-    rules += ' _Mb11';
-    rules += ' Oye39g11';
-    rules += ' Ola11';
+    if (props.colorScheme === "dark") rules += ' _pa12';
+    else if (props.colorScheme === "light") rules += ' _pb12';
+    else if (props.colorScheme === "light dark") rules += ' _pc12';
+    else rules += ' _pN79Hzc12';
+    rules += ' -Ovbhqd-g_g12';
+    rules += ' -Ovbhqd-lga12';
+    rules += ' gEzkoQe12';
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
+    if (props.isArrowShown) rules += ' _rgr5H3d12';
+    if (props.isArrowShown) rules += ' _nd12';
+    else rules += ' _nLeasBb12';
+    rules += ' _Lf12';
+    rules += ' _Mb12';
+    rules += ' Oye39g12';
+    rules += ' Ola12';
     if (props.size === "L") {
-        if (!width) rules += ' ZE11';
+        if (!width) rules += ' ZE12';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB11';
+        if (!width) rules += ' ZB12';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz11';
+        if (!width) rules += ' Zz12';
     }
-    if (!maxWidth) rules += ' LEmL1Zb11';
-    rules += ' _oa11';
-    rules += ' sd11';
-    if (props.isExiting) rules += ' _Ia11';
-    else if (props.isEntering) rules += ' _Ia11';
+    if (!maxWidth) rules += ' LEmL1Zb12';
+    rules += ' _oa12';
+    rules += ' sd12';
+    if (props.isExiting) rules += ' _Ia12';
+    else if (props.isEntering) rules += ' _Ia12';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-s12';
+        rules += ' __Ya12';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-l12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F11';
-            rules += ' __Ya11';
+            rules += ' -_8PloMd-F12';
+            rules += ' __Ya12';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-s12';
+        rules += ' __Ya12';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-m12';
+            rules += ' __Ya12';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G11';
-            rules += ' __Ya11';
+            rules += ' -_7PloMd-G12';
+            rules += ' __Ya12';
         }
     }
-    rules += ' YmenWad11';
-    rules += ' Xc11';
-    if (props.isExiting) rules += ' _2c11';
-    rules += ' _Bb11';
-    if (props.isExiting) rules += ' _Ob11';
+    rules += ' YmenWad12';
+    rules += ' Xc12';
+    if (props.isExiting) rules += ' _2c12';
+    rules += ' _Bb12';
+    if (props.isExiting) rules += ' _Ob12';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $88b746eba92c8d0d$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 += ' sb12';
+    rules += ' tEzkoQe12';
+    rules += ' Zl12';
+    rules += ' Fh12';
+    if (props.placement === "right") rules += ' _Sd12';
+    else if (props.placement === "left") rules += ' _Sa12';
+    else if (props.placement === "bottom") rules += ' _Sc12';
+    else if (props.placement === "top") rules += ' _Sb12';
+    else rules += ' _Sc12';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-y12';
+        rules += ' __Ya12';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e11';
-        rules += ' __Ya11';
+        rules += ' -_7PloMd-e12';
+        rules += ' __Ya12';
     }
-    rules += ' _Vb11';
-    rules += ' Vye39g11';
-    rules += ' Vlb11';
+    rules += ' _Vb12';
+    rules += ' Vye39g12';
+    rules += ' Vlb12';
     return rules;
 };
 const $88b746eba92c8d0d$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $ggIy9$createContext)(null);
@@ -230,26 +230,26 @@ const $88b746eba92c8d0d$var$innerDivStyle = function anonymous(props, overrides)
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    if (props.padding === "none") rules += ' Td11';
-    else if (props.padding === "default") rules += ' Tt11';
-    if (props.padding === "none") rules += ' Qd11';
-    else if (props.padding === "default") rules += ' Qt11';
-    if (props.padding === "none") rules += ' Sd11';
-    else if (props.padding === "default") rules += ' St11';
-    if (props.padding === "none") rules += ' Rd11';
-    else if (props.padding === "default") 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';
+    if (props.padding === "none") rules += ' Td12';
+    else if (props.padding === "default") rules += ' Tt12';
+    if (props.padding === "none") rules += ' Qd12';
+    else if (props.padding === "default") rules += ' Qt12';
+    if (props.padding === "none") rules += ' Sd12';
+    else if (props.padding === "default") rules += ' St12';
+    if (props.padding === "none") rules += ' Rd12';
+    else if (props.padding === "default") rules += ' Rt12';
+    rules += ' _oa12';
+    rules += ' _Le12';
+    rules += ' oi12';
+    rules += ' ni12';
+    rules += ' ki12';
+    rules += ' ji12';
+    rules += ' _Na12';
+    rules += ' Pa12';
+    if (!position) rules += ' _Pc12';
+    if (!width) rules += ' Za12';
+    if (!maxWidth) rules += ' L40ub4c12';
+    if (!maxHeight) rules += ' K40ub4c12';
     return rules;
 };
 const $88b746eba92c8d0d$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $ggIy9$forwardRef)(function Popover(props, ref) {