@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/Add.css

@@ -1,28 +1,28 @@
 @layer _.a {
-  .Zi1 {
+  .Zi11 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj1 {
+  .Zj11 {
     width: calc(.75rem * var(--s2-scale));
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zh1 {
+  .Zh11 {
     width: calc(.5rem * var(--s2-scale));
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj1 {
+  .Fj11 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk1 {
+  .Fk11 {
     height: calc(.75rem * var(--s2-scale));
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fi1 {
+  .Fi11 {
     height: calc(.5rem * var(--s2-scale));
     height: calc(.5rem * var(--s2-scale));
   }

package/dist/Add.mjs

@@ -24,16 +24,16 @@ import {jsx as $e5O6h$jsx} from "react/jsx-runtime";
 
 let $053de6aaf5f9b7bd$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh1';
-    else if (props.size === "XS") rules += ' Zh1';
-    else if (props.size === "XL") rules += ' Zj1';
-    else if (props.size === "L") rules += ' Zj1';
-    else if (props.size === "M") rules += ' Zi1';
-    if (props.size === "S") rules += ' Fi1';
-    else if (props.size === "XS") rules += ' Fi1';
-    else if (props.size === "XL") rules += ' Fk1';
-    else if (props.size === "L") rules += ' Fk1';
-    else if (props.size === "M") rules += ' Fj1';
+    if (props.size === "S") rules += ' Zh11';
+    else if (props.size === "XS") rules += ' Zh11';
+    else if (props.size === "XL") rules += ' Zj11';
+    else if (props.size === "L") rules += ' Zj11';
+    else if (props.size === "M") rules += ' Zi11';
+    if (props.size === "S") rules += ' Fi11';
+    else if (props.size === "XS") rules += ' Fi11';
+    else if (props.size === "XL") rules += ' Fk11';
+    else if (props.size === "L") rules += ' Fk11';
+    else if (props.size === "M") rules += ' Fj11';
     return rules;
 };
 function $053de6aaf5f9b7bd$export$2e2bcd8739ae039(props) {

package/dist/AlertDialog.cjs

@@ -50,9 +50,9 @@ $parcel$export(module.exports, "AlertDialog", () => $d67aa10f4fac9e2b$export$de4
 
 const $d67aa10f4fac9e2b$var$icon = function anonymous(props) {
     let rules = " ";
-    rules += ' Hv1';
-    if (props.variant === "warning") rules += ' -_8sjo0b-tm1';
-    else if (props.variant === "error") rules += ' -_8sjo0b-tq1';
+    rules += ' Hv11';
+    if (props.variant === "warning") rules += ' -_8sjo0b-tm11';
+    else if (props.variant === "error") rules += ' -_8sjo0b-tq11';
     return rules;
 };
 const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react.forwardRef)(function AlertDialog(props, ref) {

package/dist/AlertDialog.css

@@ -1,13 +1,13 @@
 @layer _.a {
-  .Hv1 {
+  .Hv11 {
     margin-inline-end: .5rem;
   }
 
-  .-_8sjo0b-tq1 {
+  .-_8sjo0b-tq11 {
     --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .-_8sjo0b-tm1 {
+  .-_8sjo0b-tm11 {
     --iconPrimary: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 }

package/dist/AlertDialog.mjs

@@ -44,9 +44,9 @@ function $parcel$interopDefault(a) {
 
 const $94a8ad475d9a330c$var$icon = function anonymous(props) {
     let rules = " ";
-    rules += ' Hv1';
-    if (props.variant === "warning") rules += ' -_8sjo0b-tm1';
-    else if (props.variant === "error") rules += ' -_8sjo0b-tq1';
+    rules += ' Hv11';
+    if (props.variant === "warning") rules += ' -_8sjo0b-tm11';
+    else if (props.variant === "error") rules += ' -_8sjo0b-tq11';
     return rules;
 };
 const $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwardRef)(function AlertDialog(props, ref) {

package/dist/Asterisk.cjs

@@ -26,12 +26,12 @@ $parcel$export(module.exports, "default", () => $5d3efbee7071458b$export$2e2bcd8
 
 let $5d3efbee7071458b$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zi1';
-    else if (props.size === "L") rules += ' Zi1';
-    else if (props.size === "M") rules += ' Zh1';
-    if (props.size === "XL") rules += ' Fj1';
-    else if (props.size === "L") rules += ' Fj1';
-    else if (props.size === "M") rules += ' Fi1';
+    if (props.size === "XL") rules += ' Zi11';
+    else if (props.size === "L") rules += ' Zi11';
+    else if (props.size === "M") rules += ' Zh11';
+    if (props.size === "XL") rules += ' Fj11';
+    else if (props.size === "L") rules += ' Fj11';
+    else if (props.size === "M") rules += ' Fi11';
     return rules;
 };
 function $5d3efbee7071458b$export$2e2bcd8739ae039(props) {

package/dist/Asterisk.css

@@ -1,18 +1,18 @@
 @layer _.a {
-  .Zh1 {
+  .Zh11 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi1 {
+  .Zi11 {
     width: calc(.625rem * var(--s2-scale));
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Fi1 {
+  .Fi11 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj1 {
+  .Fj11 {
     height: calc(.625rem * var(--s2-scale));
     height: calc(.625rem * var(--s2-scale));
   }

package/dist/Asterisk.mjs

@@ -20,12 +20,12 @@ import {jsx as $7AxvV$jsx} from "react/jsx-runtime";
 
 let $8373af657584cab2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zi1';
-    else if (props.size === "L") rules += ' Zi1';
-    else if (props.size === "M") rules += ' Zh1';
-    if (props.size === "XL") rules += ' Fj1';
-    else if (props.size === "L") rules += ' Fj1';
-    else if (props.size === "M") rules += ' Fi1';
+    if (props.size === "XL") rules += ' Zi11';
+    else if (props.size === "L") rules += ' Zi11';
+    else if (props.size === "M") rules += ' Zh11';
+    if (props.size === "XL") rules += ' Fj11';
+    else if (props.size === "L") rules += ' Fj11';
+    else if (props.size === "M") rules += ' Fi11';
     return rules;
 };
 function $8373af657584cab2$export$2e2bcd8739ae039(props) {

package/dist/Avatar.cjs

@@ -39,20 +39,20 @@ const $38071d9ce246d4cf$var$imageStyles = function anonymous(props, overrides) {
         if (p[1] === "_u") flexGrow = true;
         rules += p[0];
     }
-    rules += ' og1';
-    rules += ' ng1';
-    rules += ' kg1';
-    rules += ' jg1';
-    rules += ' Zm1';
-    rules += ' Fn1';
-    if (!flexShrink) rules += ' _va1';
-    if (!flexGrow) rules += ' _ua1';
-    rules += ' __ca1';
-    if (props.isOverBackground) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' OEzkoQe1';
-    if (props.isLarge) rules += ' _Mc1';
-    else rules += ' _Mb1';
+    rules += ' og11';
+    rules += ' ng11';
+    rules += ' kg11';
+    rules += ' jg11';
+    rules += ' Zm11';
+    rules += ' Fn11';
+    if (!flexShrink) rules += ' _va11';
+    if (!flexGrow) rules += ' _ua11';
+    rules += ' __ca11';
+    if (props.isOverBackground) rules += ' _Lf11';
+    else rules += ' _Le11';
+    rules += ' OEzkoQe11';
+    if (props.isLarge) rules += ' _Mc11';
+    else rules += ' _Mb11';
     return rules;
 };
 const $38071d9ce246d4cf$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $1YWJ0$react.createContext)(null);

package/dist/Avatar.css

@@ -1,57 +1,57 @@
 @layer _.a {
-  .og1 {
+  .og11 {
     border-start-start-radius: 9999px;
   }
 
-  .ng1 {
+  .ng11 {
     border-start-end-radius: 9999px;
   }
 
-  .kg1 {
+  .kg11 {
     border-end-start-radius: 9999px;
   }
 
-  .jg1 {
+  .jg11 {
     border-end-end-radius: 9999px;
   }
 
-  .Zm1 {
+  .Zm11 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fn1 {
+  .Fn11 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  ._va1 {
+  ._va11 {
     flex-shrink: 0;
   }
 
-  ._ua1 {
+  ._ua11 {
     flex-grow: 0;
   }
 
-  .__ca1 {
+  .__ca11 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  ._Le1 {
+  ._Le11 {
     outline-style: none;
   }
 
-  ._Lf1 {
+  ._Lf11 {
     outline-style: solid;
   }
 
-  .OEzkoQe1 {
+  .OEzkoQe11 {
     outline-color: var(--s2-container-bg);
   }
 
-  ._Mb1 {
+  ._Mb11 {
     outline-width: 1px;
   }
 
-  ._Mc1 {
+  ._Mc11 {
     outline-width: 2px;
   }
 }

package/dist/Avatar.mjs

@@ -32,20 +32,20 @@ const $3ffa2cd930156220$var$imageStyles = function anonymous(props, overrides) {
         if (p[1] === "_u") flexGrow = true;
         rules += p[0];
     }
-    rules += ' og1';
-    rules += ' ng1';
-    rules += ' kg1';
-    rules += ' jg1';
-    rules += ' Zm1';
-    rules += ' Fn1';
-    if (!flexShrink) rules += ' _va1';
-    if (!flexGrow) rules += ' _ua1';
-    rules += ' __ca1';
-    if (props.isOverBackground) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' OEzkoQe1';
-    if (props.isLarge) rules += ' _Mc1';
-    else rules += ' _Mb1';
+    rules += ' og11';
+    rules += ' ng11';
+    rules += ' kg11';
+    rules += ' jg11';
+    rules += ' Zm11';
+    rules += ' Fn11';
+    if (!flexShrink) rules += ' _va11';
+    if (!flexGrow) rules += ' _ua11';
+    rules += ' __ca11';
+    if (props.isOverBackground) rules += ' _Lf11';
+    else rules += ' _Le11';
+    rules += ' OEzkoQe11';
+    if (props.isLarge) rules += ' _Mc11';
+    else rules += ' _Mb11';
     return rules;
 };
 const $3ffa2cd930156220$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $lGIgj$createContext)(null);

package/dist/AvatarGroup.cjs

@@ -32,179 +32,179 @@ $parcel$export(module.exports, "AvatarGroup", () => $5b7eb34c05dfeb90$export$5b2
 
 
 const $5b7eb34c05dfeb90$export$4f18251748129091 = /*#__PURE__*/ (0, $6mB16$react.createContext)(null);
-const $5b7eb34c05dfeb90$var$avatar = " I4gnV8d1 Iby1";
+const $5b7eb34c05dfeb90$var$avatar = " I4gnV8d11 Iby11";
 const $5b7eb34c05dfeb90$var$text = function anonymous(props) {
     let rules = " ";
-    rules += ' Iv1';
-    rules += ' _Nc1';
-    rules += ' Pc1';
-    rules += ' _Yb1';
-    rules += ' _7c1';
+    rules += ' Iv11';
+    rules += ' _Nc11';
+    rules += ' Pc11';
+    rules += ' _Yb11';
+    rules += ' _7c11';
     if (props.size === "40") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "36") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "32") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "28") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "24") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "20") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     } else if (props.size === "16") {
-        rules += ' uk1';
-        rules += ' uch1';
-        rules += ' udi1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk11';
+        rules += ' uch11';
+        rules += ' udi11';
+        rules += ' uea11';
+        rules += ' ugb11';
+        rules += ' uhd11';
+        rules += ' uje11';
+        rules += ' u2NhKxcl11';
+        rules += ' uic11';
     }
     if (props.size === "40") {
-        rules += ' -_6BNtrc-g1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-g11';
+        rules += ' vx11';
     } else if (props.size === "36") {
-        rules += ' -_6BNtrc-f1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-f11';
+        rules += ' vx11';
     } else if (props.size === "32") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "28") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "24") {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     } else if (props.size === "20") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "16") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     }
     if (props.size === "40") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "36") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "32") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "28") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "24") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "20") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "16") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     }
     if (props.size === "40") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "36") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "32") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "28") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "24") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "20") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "16") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     }
-    if (props.size === "40") rules += ' pt1';
-    else if (props.size === "36") rules += ' pt1';
-    else if (props.size === "32") rules += ' pt1';
-    else if (props.size === "28") rules += ' pt1';
-    else if (props.size === "24") rules += ' pt1';
-    else if (props.size === "20") rules += ' pt1';
-    else if (props.size === "16") rules += ' pt1';
+    if (props.size === "40") rules += ' pt11';
+    else if (props.size === "36") rules += ' pt11';
+    else if (props.size === "32") rules += ' pt11';
+    else if (props.size === "28") rules += ' pt11';
+    else if (props.size === "24") rules += ' pt11';
+    else if (props.size === "20") rules += ' pt11';
+    else if (props.size === "16") rules += ' pt11';
     return rules;
 };
 const $5b7eb34c05dfeb90$var$container = function anonymous(props, overrides) {
     let rules = " ";
     rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z)[^\s]+/g) || []).join('');
-    rules += ' sd1';
-    rules += ' eb1';
+    rules += ' sd11';
+    rules += ' eb11';
     return rules;
 };
 const $5b7eb34c05dfeb90$export$5b26ebaf2b105908 = /*#__PURE__*/ (0, $6mB16$react.forwardRef)(function AvatarGroup(props, ref) {