@react-spectrum/s2 1.5.0 → 1.5.1

package/dist/private/ClearButton.css

@@ -1,117 +1,117 @@
 @layer _.a {
-  ._Le15 {
+  ._Le151 {
     outline-style: none;
   }
 
-  ._Lf15 {
+  ._Lf151 {
     outline-style: solid;
   }
 
-  .Oh15 {
+  .Oh151 {
     outline-color: light-dark(#4b75ff, #4069fd);
   }
 
-  .Ok15 {
+  .Ok151 {
     outline-color: #fff;
   }
 
-  ._Mc15 {
+  ._Mc151 {
     outline-width: 2px;
   }
 
-  ._Kc15 {
+  ._Kc151 {
     outline-offset: -4px;
   }
 
-  .sd15 {
+  .sd151 {
     display: flex;
   }
 
-  .eb15 {
+  .eb151 {
     align-items: center;
   }
 
-  ._Ca15 {
+  ._Ca151 {
     justify-content: center;
   }
 
-  .Fb15 {
+  .Fb151 {
     height: 100%;
   }
 
-  .ZC15 {
+  .ZC151 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zm15 {
+  .Zm151 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Zo15 {
+  .Zo151 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Zw15 {
+  .Zw151 {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .ZF15 {
+  .ZF151 {
     width: calc(3rem * var(--s2-scale));
   }
 
-  ._va15 {
+  ._va151 {
     flex-shrink: 0;
   }
 
-  .og15 {
+  .og151 {
     border-start-start-radius: 9999px;
   }
 
-  .ng15 {
+  .ng151 {
     border-start-end-radius: 9999px;
   }
 
-  .kg15 {
+  .kg151 {
     border-end-start-radius: 9999px;
   }
 
-  .jg15 {
+  .jg151 {
     border-end-end-radius: 9999px;
   }
 
-  ._je15 {
+  ._je151 {
     border-style: none;
   }
 
-  .g915 {
+  .g9151 {
     background-color: #0000;
   }
 
-  ._oa15 {
+  ._oa151 {
     box-sizing: border-box;
   }
 
-  .Td15 {
+  .Td151 {
     padding-top: 0;
   }
 
-  .Qd15 {
+  .Qd151 {
     padding-bottom: 0;
   }
 
-  .Sd15 {
+  .Sd151 {
     padding-inline-start: 0;
   }
 
-  .Rd15 {
+  .Rd151 {
     padding-inline-end: 0;
   }
 
-  .p40ub4c15 {
+  .p40ub4c151 {
     color: inherit;
   }
 
-  .-_8sjo0b-t5ZbAob15 {
+  .-_8sjo0b-t5ZbAob151 {
     --iconPrimary: currentColor;
   }
 }
@@ -120,7 +120,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Olc15 {
+    .Olc151 {
       outline-color: highlight;
     }
   }

package/dist/private/ClearButton.mjs

@@ -36,38 +36,38 @@ const $f6a62e6e68437458$var$focusRingStyles = {
 };
 const $f6a62e6e68437458$var$visibleClearButton = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf15';
-    else rules += ' _Le15';
-    if (props.isStaticColor) rules += ' Ok15';
+    if (props.isFocusVisible) rules += ' _Lf151';
+    else rules += ' _Le151';
+    if (props.isStaticColor) rules += ' Ok151';
     else {
-        rules += ' Oh15';
-        rules += ' Olc15';
+        rules += ' Oh151';
+        rules += ' Olc151';
     }
-    rules += ' _Mc15';
-    rules += ' _Kc15';
-    rules += ' sd15';
-    rules += ' eb15';
-    rules += ' _Ca15';
-    rules += ' Fb15';
-    if (props.size === "XL") rules += ' ZF15';
-    else if (props.size === "L") rules += ' Zw15';
-    else if (props.size === "S") rules += ' Zo15';
-    else if (props.size === "XS") rules += ' Zm15';
-    else rules += ' ZC15';
-    rules += ' _va15';
-    rules += ' og15';
-    rules += ' ng15';
-    rules += ' kg15';
-    rules += ' jg15';
-    rules += ' _je15';
-    rules += ' g915';
-    rules += ' _oa15';
-    rules += ' Td15';
-    rules += ' Qd15';
-    rules += ' Sd15';
-    rules += ' Rd15';
-    rules += ' p40ub4c15';
-    rules += ' -_8sjo0b-t5ZbAob15';
+    rules += ' _Mc151';
+    rules += ' _Kc151';
+    rules += ' sd151';
+    rules += ' eb151';
+    rules += ' _Ca151';
+    rules += ' Fb151';
+    if (props.size === "XL") rules += ' ZF151';
+    else if (props.size === "L") rules += ' Zw151';
+    else if (props.size === "S") rules += ' Zo151';
+    else if (props.size === "XS") rules += ' Zm151';
+    else rules += ' ZC151';
+    rules += ' _va151';
+    rules += ' og151';
+    rules += ' ng151';
+    rules += ' kg151';
+    rules += ' jg151';
+    rules += ' _je151';
+    rules += ' g9151';
+    rules += ' _oa151';
+    rules += ' Td151';
+    rules += ' Qd151';
+    rules += ' Sd151';
+    rules += ' Rd151';
+    rules += ' p40ub4c151';
+    rules += ' -_8sjo0b-t5ZbAob151';
     return rules;
 };
 const $f6a62e6e68437458$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $9qqo3$forwardRef)(function ClearButton(props, ref) {

package/dist/private/CloseButton.cjs

@@ -52,68 +52,68 @@ const $2f907cb84c6e9e75$var$styles = function anonymous(props, overrides) {
         if (p[1] === "_v") flexShrink = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf15';
-    else rules += ' _Le15';
-    if (props.isStaticColor) rules += ' Oe15';
-    else rules += ' Oh15';
-    rules += ' Olc15';
-    rules += ' _Mc15';
-    rules += ' _Kd15';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr15';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s15';
-    rules += ' sd15';
-    rules += ' eb15';
-    rules += ' _Ca15';
+    if (props.isFocusVisible) rules += ' _Lf151';
+    else rules += ' _Le151';
+    if (props.isStaticColor) rules += ' Oe151';
+    else rules += ' Oh151';
+    rules += ' Olc151';
+    rules += ' _Mc151';
+    rules += ' _Kd151';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr151';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s151';
+    rules += ' sd151';
+    rules += ' eb151';
+    rules += ' _Ca151';
     if (props.size === "XL") {
-        if (!width) rules += ' ZF15';
+        if (!width) rules += ' ZF151';
     } else if (props.size === "L") {
-        if (!width) rules += ' Zw15';
+        if (!width) rules += ' Zw151';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zo15';
+        if (!width) rules += ' Zo151';
     } else if (props.size === "XS") {
-        if (!width) rules += ' Zm15';
-    } else if (!width) rules += ' ZC15';
-    if (props.size === "XL") rules += ' Fz15';
-    else if (props.size === "L") rules += ' Fv15';
-    else if (props.size === "S") rules += ' Fp15';
-    else if (props.size === "XS") rules += ' Fn15';
-    else rules += ' Fx15';
-    if (!flexShrink) rules += ' _va15';
-    rules += ' og15';
-    rules += ' ng15';
-    rules += ' kg15';
-    rules += ' jg15';
-    rules += ' Td15';
-    rules += ' Qd15';
-    rules += ' Sd15';
-    rules += ' Rd15';
-    rules += ' _je15';
-    rules += ' Yd15';
-    rules += ' Xb15';
-    rules += ' _2b15';
+        if (!width) rules += ' Zm151';
+    } else if (!width) rules += ' ZC151';
+    if (props.size === "XL") rules += ' Fz151';
+    else if (props.size === "L") rules += ' Fv151';
+    else if (props.size === "S") rules += ' Fp151';
+    else if (props.size === "XS") rules += ' Fn151';
+    else rules += ' Fx151';
+    if (!flexShrink) rules += ' _va151';
+    rules += ' og151';
+    rules += ' ng151';
+    rules += ' kg151';
+    rules += ' jg151';
+    rules += ' Td151';
+    rules += ' Qd151';
+    rules += ' Sd151';
+    rules += ' Rd151';
+    rules += ' _je151';
+    rules += ' Yd151';
+    rules += ' Xb151';
+    rules += ' _2b151';
     if (props.isPressed) {
-        if (props.isStaticColor) rules += ' gg15';
-        else rules += ' gF15';
+        if (props.isStaticColor) rules += ' gg151';
+        else rules += ' gF151';
     } else if (props.isFocusVisible) {
-        if (props.isStaticColor) rules += ' gg15';
-        else rules += ' gF15';
+        if (props.isStaticColor) rules += ' gg151';
+        else rules += ' gF151';
     } else if (props.isHovered) {
-        if (props.isStaticColor) rules += ' gg15';
-        else rules += ' gF15';
-    } else rules += ' g915';
+        if (props.isStaticColor) rules += ' gg151';
+        else rules += ' gF151';
+    } else rules += ' g9151';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' -_8sjo0b-pi15';
-        else rules += ' -_8sjo0b-px15';
-    } else if (props.isDisabled) rules += ' -_8sjo0b-pp15';
+        if (props.isDisabled) rules += ' -_8sjo0b-pi151';
+        else rules += ' -_8sjo0b-px151';
+    } else if (props.isDisabled) rules += ' -_8sjo0b-pp151';
     else {
-        if (props.isPressed) rules += ' -_8sjo0b-po15';
-        else if (props.isFocusVisible) rules += ' -_8sjo0b-po15';
-        else if (props.isHovered) rules += ' -_8sjo0b-po15';
-        else rules += ' -_8sjo0b-pt15';
+        if (props.isPressed) rules += ' -_8sjo0b-po151';
+        else if (props.isFocusVisible) rules += ' -_8sjo0b-po151';
+        else if (props.isHovered) rules += ' -_8sjo0b-po151';
+        else rules += ' -_8sjo0b-pt151';
     }
-    if (props.isDisabled) rules += ' -_8sjo0b-lpc15';
-    else rules += ' -_8sjo0b-lpb15';
-    rules += ' __ca15';
+    if (props.isDisabled) rules += ' -_8sjo0b-lpc151';
+    else rules += ' -_8sjo0b-lpb151';
+    rules += ' __ca151';
     return rules;
 };
 const $2f907cb84c6e9e75$export$c796eec99a15b55d = /*#__PURE__*/ (0, $bMS5K$react.createContext)(null);

package/dist/private/CloseButton.css

@@ -1,173 +1,173 @@
 @layer _.a {
-  ._Le15 {
+  ._Le151 {
     outline-style: none;
   }
 
-  ._Lf15 {
+  ._Lf151 {
     outline-style: solid;
   }
 
-  .Oh15 {
+  .Oh151 {
     outline-color: light-dark(#4b75ff, #4069fd);
   }
 
-  .Oe15 {
+  .Oe151 {
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Mc15 {
+  ._Mc151 {
     outline-width: 2px;
   }
 
-  ._Kd15 {
+  ._Kd151 {
     outline-offset: 2px;
   }
 
-  .-Ovbhqd-g4hn3s15 {
+  .-Ovbhqd-g4hn3s151 {
     --s2-container-bg: white;
   }
 
-  .-Ovbhqd-gcwrnr15 {
+  .-Ovbhqd-gcwrnr151 {
     --s2-container-bg: black;
   }
 
-  .sd15 {
+  .sd151 {
     display: flex;
   }
 
-  .eb15 {
+  .eb151 {
     align-items: center;
   }
 
-  ._Ca15 {
+  ._Ca151 {
     justify-content: center;
   }
 
-  .ZC15 {
+  .ZC151 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zm15 {
+  .Zm151 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Zo15 {
+  .Zo151 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Zw15 {
+  .Zw151 {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .ZF15 {
+  .ZF151 {
     width: calc(3rem * var(--s2-scale));
   }
 
-  .Fx15 {
+  .Fx151 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Fn15 {
+  .Fn151 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fp15 {
+  .Fp151 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fv15 {
+  .Fv151 {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .Fz15 {
+  .Fz151 {
     height: calc(3rem * var(--s2-scale));
   }
 
-  ._va15 {
+  ._va151 {
     flex-shrink: 0;
   }
 
-  .og15 {
+  .og151 {
     border-start-start-radius: 9999px;
   }
 
-  .ng15 {
+  .ng151 {
     border-start-end-radius: 9999px;
   }
 
-  .kg15 {
+  .kg151 {
     border-end-start-radius: 9999px;
   }
 
-  .jg15 {
+  .jg151 {
     border-end-end-radius: 9999px;
   }
 
-  .Td15 {
+  .Td151 {
     padding-top: 0;
   }
 
-  .Qd15 {
+  .Qd151 {
     padding-bottom: 0;
   }
 
-  .Sd15 {
+  .Sd151 {
     padding-inline-start: 0;
   }
 
-  .Rd15 {
+  .Rd151 {
     padding-inline-end: 0;
   }
 
-  ._je15 {
+  ._je151 {
     border-style: none;
   }
 
-  .Yd15 {
+  .Yd151 {
     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;
   }
 
-  .Xb15 {
+  .Xb151 {
     transition-duration: .15s;
   }
 
-  ._2b15 {
+  ._2b151 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .g915 {
+  .g9151 {
     background-color: #0000;
   }
 
-  .gF15 {
+  .gF151 {
     background-color: light-dark(#e1e1e1, #323232);
   }
 
-  .gg15 {
+  .gg151 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .14);
   }
 
-  .-_8sjo0b-pt15 {
+  .-_8sjo0b-pt151 {
     --iconPrimary: light-dark(#292929, #dbdbdb);
   }
 
-  .-_8sjo0b-po15 {
+  .-_8sjo0b-po151 {
     --iconPrimary: light-dark(#131313, #f2f2f2);
   }
 
-  .-_8sjo0b-pp15 {
+  .-_8sjo0b-pp151 {
     --iconPrimary: light-dark(#c6c6c6, #444);
   }
 
-  .-_8sjo0b-px15 {
+  .-_8sjo0b-px151 {
     --iconPrimary: white;
   }
 
-  .-_8sjo0b-pi15 {
+  .-_8sjo0b-pi151 {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
   }
 
-  .__ca15 {
+  .__ca151 {
     -webkit-tap-highlight-color: #0000;
   }
 }
@@ -176,15 +176,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Olc15 {
+    .Olc151 {
       outline-color: highlight;
     }
 
-    .-_8sjo0b-lpb15 {
+    .-_8sjo0b-lpb151 {
       --iconPrimary: ButtonText;
     }
 
-    .-_8sjo0b-lpc15 {
+    .-_8sjo0b-lpc151 {
       --iconPrimary: GrayText;
     }
   }