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

package/dist/ClearButton.css

@@ -1,117 +1,117 @@
 @layer _.a {
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  ._Lf8 {
+  ._Lf9 {
     outline-style: solid;
   }
 
-  .Oh8 {
+  .Oh9 {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .Ok8 {
+  .Ok9 {
     outline-color: #fff;
   }
 
-  ._Mc8 {
+  ._Mc9 {
     outline-width: 2px;
   }
 
-  ._Kc8 {
+  ._Kc9 {
     outline-offset: -4px;
   }
 
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  .eb8 {
+  .eb9 {
     align-items: center;
   }
 
-  ._Ca8 {
+  ._Ca9 {
     justify-content: center;
   }
 
-  .Fb8 {
+  .Fb9 {
     height: 100%;
   }
 
-  .ZC8 {
+  .ZC9 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zm8 {
+  .Zm9 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Zo8 {
+  .Zo9 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Zw8 {
+  .Zw9 {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .ZF8 {
+  .ZF9 {
     width: calc(3rem * var(--s2-scale));
   }
 
-  ._va8 {
+  ._va9 {
     flex-shrink: 0;
   }
 
-  .og8 {
+  .og9 {
     border-start-start-radius: 9999px;
   }
 
-  .ng8 {
+  .ng9 {
     border-start-end-radius: 9999px;
   }
 
-  .kg8 {
+  .kg9 {
     border-end-start-radius: 9999px;
   }
 
-  .jg8 {
+  .jg9 {
     border-end-end-radius: 9999px;
   }
 
-  ._je8 {
+  ._je9 {
     border-style: none;
   }
 
-  .g98 {
+  .g99 {
     background-color: #0000;
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  .Td8 {
+  .Td9 {
     padding-top: 0;
   }
 
-  .Qd8 {
+  .Qd9 {
     padding-bottom: 0;
   }
 
-  .Sd8 {
+  .Sd9 {
     padding-inline-start: 0;
   }
 
-  .Rd8 {
+  .Rd9 {
     padding-inline-end: 0;
   }
 
-  .p40ub4c8 {
+  .p40ub4c9 {
     color: inherit;
   }
 
-  .-_8sjo0b-t5ZbAob8 {
+  .-_8sjo0b-t5ZbAob9 {
     --iconPrimary: currentColor;
   }
 }

package/dist/ClearButton.mjs

@@ -33,35 +33,35 @@ const $f6a62e6e68437458$var$focusRingStyles = {
 };
 const $f6a62e6e68437458$var$visibleClearButton = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf8';
-    else rules += ' _Le8';
-    if (props.isStaticColor) rules += ' Ok8';
-    else rules += ' Oh8';
-    rules += ' _Mc8';
-    rules += ' _Kc8';
-    rules += ' sd8';
-    rules += ' eb8';
-    rules += ' _Ca8';
-    rules += ' Fb8';
-    if (props.size === "XL") rules += ' ZF8';
-    else if (props.size === "L") rules += ' Zw8';
-    else if (props.size === "S") rules += ' Zo8';
-    else if (props.size === "XS") rules += ' Zm8';
-    else rules += ' ZC8';
-    rules += ' _va8';
-    rules += ' og8';
-    rules += ' ng8';
-    rules += ' kg8';
-    rules += ' jg8';
-    rules += ' _je8';
-    rules += ' g98';
-    rules += ' _oa8';
-    rules += ' Td8';
-    rules += ' Qd8';
-    rules += ' Sd8';
-    rules += ' Rd8';
-    rules += ' p40ub4c8';
-    rules += ' -_8sjo0b-t5ZbAob8';
+    if (props.isFocusVisible) rules += ' _Lf9';
+    else rules += ' _Le9';
+    if (props.isStaticColor) rules += ' Ok9';
+    else rules += ' Oh9';
+    rules += ' _Mc9';
+    rules += ' _Kc9';
+    rules += ' sd9';
+    rules += ' eb9';
+    rules += ' _Ca9';
+    rules += ' Fb9';
+    if (props.size === "XL") rules += ' ZF9';
+    else if (props.size === "L") rules += ' Zw9';
+    else if (props.size === "S") rules += ' Zo9';
+    else if (props.size === "XS") rules += ' Zm9';
+    else rules += ' ZC9';
+    rules += ' _va9';
+    rules += ' og9';
+    rules += ' ng9';
+    rules += ' kg9';
+    rules += ' jg9';
+    rules += ' _je9';
+    rules += ' g99';
+    rules += ' _oa9';
+    rules += ' Td9';
+    rules += ' Qd9';
+    rules += ' Sd9';
+    rules += ' Rd9';
+    rules += ' p40ub4c9';
+    rules += ' -_8sjo0b-t5ZbAob9';
     return rules;
 };
 const $f6a62e6e68437458$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $9qqo3$forwardRef)(function ClearButton(props, ref) {

package/dist/CloseButton.cjs

@@ -52,72 +52,72 @@ const $2f907cb84c6e9e75$var$styles = function anonymous(props, overrides) {
         if (p[1] === "_v") flexShrink = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf8';
-    else rules += ' _Le8';
-    if (props.isStaticColor) rules += ' Oe8';
-    else rules += ' Oh8';
-    rules += ' Olc8';
-    rules += ' _Mc8';
-    rules += ' _Kd8';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr8';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s8';
-    rules += ' sd8';
-    rules += ' eb8';
-    rules += ' _Ca8';
+    if (props.isFocusVisible) rules += ' _Lf9';
+    else rules += ' _Le9';
+    if (props.isStaticColor) rules += ' Oe9';
+    else rules += ' Oh9';
+    rules += ' Olc9';
+    rules += ' _Mc9';
+    rules += ' _Kd9';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr9';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s9';
+    rules += ' sd9';
+    rules += ' eb9';
+    rules += ' _Ca9';
     if (props.size === "XL") {
-        if (!width) rules += ' ZF8';
+        if (!width) rules += ' ZF9';
     } else if (props.size === "L") {
-        if (!width) rules += ' Zw8';
+        if (!width) rules += ' Zw9';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zo8';
+        if (!width) rules += ' Zo9';
     } else if (props.size === "XS") {
-        if (!width) rules += ' Zm8';
-    } else if (!width) rules += ' ZC8';
-    if (props.size === "XL") rules += ' Fz8';
-    else if (props.size === "L") rules += ' Fv8';
-    else if (props.size === "S") rules += ' Fp8';
-    else if (props.size === "XS") rules += ' Fn8';
-    else rules += ' Fx8';
-    if (!flexShrink) rules += ' _va8';
-    rules += ' og8';
-    rules += ' ng8';
-    rules += ' kg8';
-    rules += ' jg8';
-    rules += ' Td8';
-    rules += ' Qd8';
-    rules += ' Sd8';
-    rules += ' Rd8';
-    rules += ' _je8';
-    rules += ' Yd8';
-    rules += ' Xb8';
-    rules += ' _2b8';
+        if (!width) rules += ' Zm9';
+    } else if (!width) rules += ' ZC9';
+    if (props.size === "XL") rules += ' Fz9';
+    else if (props.size === "L") rules += ' Fv9';
+    else if (props.size === "S") rules += ' Fp9';
+    else if (props.size === "XS") rules += ' Fn9';
+    else rules += ' Fx9';
+    if (!flexShrink) rules += ' _va9';
+    rules += ' og9';
+    rules += ' ng9';
+    rules += ' kg9';
+    rules += ' jg9';
+    rules += ' Td9';
+    rules += ' Qd9';
+    rules += ' Sd9';
+    rules += ' Rd9';
+    rules += ' _je9';
+    rules += ' Yd9';
+    rules += ' Xb9';
+    rules += ' _2b9';
     if (props.isPressed) {
-        if (props.isStaticColor) rules += ' gg8';
-        else rules += ' gF8';
+        if (props.isStaticColor) rules += ' gg9';
+        else rules += ' gF9';
     } else if (props.isFocusVisible) {
-        if (props.isStaticColor) rules += ' gg8';
-        else rules += ' gF8';
+        if (props.isStaticColor) rules += ' gg9';
+        else rules += ' gF9';
     } else if (props.isHovered) {
-        if (props.isStaticColor) rules += ' gg8';
-        else rules += ' gF8';
-    } else rules += ' g98';
+        if (props.isStaticColor) rules += ' gg9';
+        else rules += ' gF9';
+    } else rules += ' g99';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' -_8sjo0b-pi8';
+        if (props.isDisabled) rules += ' -_8sjo0b-pi9';
         else {
-            if (props.isPressed) rules += ' -_8sjo0b-pk8';
-            else if (props.isFocusVisible) rules += ' -_8sjo0b-pk8';
-            else if (props.isHovered) rules += ' -_8sjo0b-pk8';
-            else rules += ' -_8sjo0b-pj8';
+            if (props.isPressed) rules += ' -_8sjo0b-pk9';
+            else if (props.isFocusVisible) rules += ' -_8sjo0b-pk9';
+            else if (props.isHovered) rules += ' -_8sjo0b-pk9';
+            else rules += ' -_8sjo0b-pj9';
         }
-    } else if (props.isDisabled) rules += ' -_8sjo0b-pp8';
+    } else if (props.isDisabled) rules += ' -_8sjo0b-pp9';
     else {
-        if (props.isPressed) rules += ' -_8sjo0b-po8';
-        else if (props.isFocusVisible) rules += ' -_8sjo0b-po8';
-        else if (props.isHovered) rules += ' -_8sjo0b-po8';
-        else rules += ' -_8sjo0b-pt8';
+        if (props.isPressed) rules += ' -_8sjo0b-po9';
+        else if (props.isFocusVisible) rules += ' -_8sjo0b-po9';
+        else if (props.isHovered) rules += ' -_8sjo0b-po9';
+        else rules += ' -_8sjo0b-pt9';
     }
-    if (props.isDisabled) rules += ' -_8sjo0b-lpc8';
-    else rules += ' -_8sjo0b-lpb8';
+    if (props.isDisabled) rules += ' -_8sjo0b-lpc9';
+    else rules += ' -_8sjo0b-lpb9';
     return rules;
 };
 const $2f907cb84c6e9e75$export$c796eec99a15b55d = /*#__PURE__*/ (0, $bMS5K$react.createContext)(null);

package/dist/CloseButton.css

@@ -1,173 +1,173 @@
 @layer _.a {
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  ._Lf8 {
+  ._Lf9 {
     outline-style: solid;
   }
 
-  .Oh8 {
+  .Oh9 {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .Oe8 {
+  .Oe9 {
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Mc8 {
+  ._Mc9 {
     outline-width: 2px;
   }
 
-  ._Kd8 {
+  ._Kd9 {
     outline-offset: 2px;
   }
 
-  .-Ovbhqd-g4hn3s8 {
+  .-Ovbhqd-g4hn3s9 {
     --s2-container-bg: white;
   }
 
-  .-Ovbhqd-gcwrnr8 {
+  .-Ovbhqd-gcwrnr9 {
     --s2-container-bg: black;
   }
 
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  .eb8 {
+  .eb9 {
     align-items: center;
   }
 
-  ._Ca8 {
+  ._Ca9 {
     justify-content: center;
   }
 
-  .ZC8 {
+  .ZC9 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zm8 {
+  .Zm9 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Zo8 {
+  .Zo9 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Zw8 {
+  .Zw9 {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .ZF8 {
+  .ZF9 {
     width: calc(3rem * var(--s2-scale));
   }
 
-  .Fx8 {
+  .Fx9 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Fn8 {
+  .Fn9 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fp8 {
+  .Fp9 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fv8 {
+  .Fv9 {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .Fz8 {
+  .Fz9 {
     height: calc(3rem * var(--s2-scale));
   }
 
-  ._va8 {
+  ._va9 {
     flex-shrink: 0;
   }
 
-  .og8 {
+  .og9 {
     border-start-start-radius: 9999px;
   }
 
-  .ng8 {
+  .ng9 {
     border-start-end-radius: 9999px;
   }
 
-  .kg8 {
+  .kg9 {
     border-end-start-radius: 9999px;
   }
 
-  .jg8 {
+  .jg9 {
     border-end-end-radius: 9999px;
   }
 
-  .Td8 {
+  .Td9 {
     padding-top: 0;
   }
 
-  .Qd8 {
+  .Qd9 {
     padding-bottom: 0;
   }
 
-  .Sd8 {
+  .Sd9 {
     padding-inline-start: 0;
   }
 
-  .Rd8 {
+  .Rd9 {
     padding-inline-end: 0;
   }
 
-  ._je8 {
+  ._je9 {
     border-style: none;
   }
 
-  .Yd8 {
+  .Yd9 {
     transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  .Xb8 {
+  .Xb9 {
     transition-duration: .15s;
   }
 
-  ._2b8 {
+  ._2b9 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .g98 {
+  .g99 {
     background-color: #0000;
   }
 
-  .gF8 {
+  .gF9 {
     background-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .gg8 {
+  .gg9 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .14);
   }
 
-  .-_8sjo0b-pt8 {
+  .-_8sjo0b-pt9 {
     --iconPrimary: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .-_8sjo0b-po8 {
+  .-_8sjo0b-po9 {
     --iconPrimary: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  .-_8sjo0b-pp8 {
+  .-_8sjo0b-pp9 {
     --iconPrimary: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .-_8sjo0b-pj8 {
+  .-_8sjo0b-pj9 {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
   }
 
-  .-_8sjo0b-pk8 {
+  .-_8sjo0b-pk9 {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
   }
 
-  .-_8sjo0b-pi8 {
+  .-_8sjo0b-pi9 {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
   }
 }
@@ -176,15 +176,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Olc8 {
+    .Olc9 {
       outline-color: highlight;
     }
 
-    .-_8sjo0b-lpb8 {
+    .-_8sjo0b-lpb9 {
       --iconPrimary: ButtonText;
     }
 
-    .-_8sjo0b-lpc8 {
+    .-_8sjo0b-lpc9 {
       --iconPrimary: GrayText;
     }
   }