@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/Radio.mjs

@@ -34,200 +34,200 @@ const $1ae2870af9a200f8$var$wrapper = function anonymous(props, overrides) {
         if (p[1] === "z") gridColumnStart = true;
         rules += p[0];
     }
-    rules += ' sd1';
-    if (!position) rules += ' _Pc1';
-    rules += ' qf1';
-    rules += ' ea1';
+    rules += ' sd11';
+    if (!position) rules += ' _Pc11';
+    rules += ' qf11';
+    rules += ' ea11';
     if (props.size === "XL") {
-        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 === "L") {
-        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 === "S") {
-        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 === "XS") {
-        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 {
-        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 === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e11';
+        rules += ' vx11';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d11';
+        rules += ' vx11';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b11';
+        rules += ' vx11';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a11';
+        rules += ' vx11';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c11';
+        rules += ' vx11';
     }
     if (props.size === "XL") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "L") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "S") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else if (props.size === "XS") {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     } else {
-        rules += ' wb1';
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' wb11';
+        rules += ' xb11';
+        rules += ' _xa11';
     }
     if (props.size === "XL") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "L") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "S") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else if (props.size === "XS") {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     } else {
-        rules += ' _Fd1';
-        rules += ' _FezxGHba1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd11';
+        rules += ' _FezxGHba11';
+        rules += ' _FnuYUweb11';
     }
     if (props.isDisabled) {
-        rules += ' pp1';
-        rules += ' plc1';
+        rules += ' pp11';
+        rules += ' plc11';
     } else {
-        if (props.isPressed) rules += ' po1';
-        else if (props.isFocusVisible) rules += ' po1';
-        else if (props.isHovered) rules += ' po1';
-        else rules += ' pt1';
+        if (props.isPressed) rules += ' po11';
+        else if (props.isFocusVisible) rules += ' po11';
+        else if (props.isHovered) rules += ' po11';
+        else rules += ' pt11';
     }
-    rules += ' Yc1';
-    rules += ' Xb1';
-    rules += ' _2b1';
+    rules += ' Yc11';
+    rules += ' Xb11';
+    rules += ' _2b11';
     if (props.isInForm) {
-        if (!gridColumnStart) rules += ' zhJUGr1';
+        if (!gridColumnStart) rules += ' zhJUGr11';
     }
-    rules += ' __ca1';
+    rules += ' __ca11';
     return rules;
 };
 const $1ae2870af9a200f8$var$circle = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' Oh1';
-    rules += ' _Mc1';
-    rules += ' _Kd1';
-    if (props.size === "XL") rules += ' Zm1';
-    else if (props.size === "L") rules += ' Zl1';
-    else if (props.size === "S") rules += ' Zk1';
-    else rules += ' Zu1';
-    rules += ' FRuFGYc1';
-    rules += ' _va1';
-    rules += ' sd1';
-    rules += ' eb1';
-    rules += ' _Ca1';
-    rules += ' Yd1';
-    rules += ' Xb1';
-    rules += ' _2b1';
-    rules += ' og1';
-    rules += ' ng1';
-    rules += ' kg1';
-    rules += ' jg1';
-    rules += ' _jf1';
-    rules += ' _oa1';
-    if (props.isSelected) rules += ' _kUXU7p1';
-    else rules += ' _k7m7Gv1';
-    if (props.isSelected) rules += ' hUXU7p1';
-    else rules += ' h7m7Gv1';
-    if (props.isSelected) rules += ' mUXU7p1';
-    else rules += ' m7m7Gv1';
-    if (props.isSelected) rules += ' lUXU7p1';
-    else rules += ' l7m7Gv1';
-    rules += ' _yb1';
-    rules += ' gX1';
+    if (props.isFocusVisible) rules += ' _Lf11';
+    else rules += ' _Le11';
+    rules += ' Oh11';
+    rules += ' _Mc11';
+    rules += ' _Kd11';
+    if (props.size === "XL") rules += ' Zm11';
+    else if (props.size === "L") rules += ' Zl11';
+    else if (props.size === "S") rules += ' Zk11';
+    else rules += ' Zu11';
+    rules += ' FRuFGYc11';
+    rules += ' _va11';
+    rules += ' sd11';
+    rules += ' eb11';
+    rules += ' _Ca11';
+    rules += ' Yd11';
+    rules += ' Xb11';
+    rules += ' _2b11';
+    rules += ' og11';
+    rules += ' ng11';
+    rules += ' kg11';
+    rules += ' jg11';
+    rules += ' _jf11';
+    rules += ' _oa11';
+    if (props.isSelected) rules += ' _kUXU7p11';
+    else rules += ' _k7m7Gv11';
+    if (props.isSelected) rules += ' hUXU7p11';
+    else rules += ' h7m7Gv11';
+    if (props.isSelected) rules += ' mUXU7p11';
+    else rules += ' m7m7Gv11';
+    if (props.isSelected) rules += ' lUXU7p11';
+    else rules += ' l7m7Gv11';
+    rules += ' _yb11';
+    rules += ' gX11';
     if (props.isDisabled) {
-        rules += ' io1';
-        rules += ' ilc1';
+        rules += ' io11';
+        rules += ' ilc11';
     } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' im1';
-        else if (props.isFocusVisible) rules += ' im1';
-        else if (props.isHovered) rules += ' im1';
-        else rules += ' ip1';
-        rules += ' ile1';
+        if (props.isPressed) rules += ' im11';
+        else if (props.isFocusVisible) rules += ' im11';
+        else if (props.isHovered) rules += ' im11';
+        else rules += ' ip11';
+        rules += ' ile11';
     } else if (props.isSelected) {
         if (props.isEmphasized) {
-            if (props.isPressed) rules += ' iu1';
-            else if (props.isFocusVisible) rules += ' iu1';
-            else if (props.isHovered) rules += ' iu1';
-            else rules += ' iw1';
+            if (props.isPressed) rules += ' iu11';
+            else if (props.isFocusVisible) rules += ' iu11';
+            else if (props.isHovered) rules += ' iu11';
+            else rules += ' iw11';
         }
-        rules += ' ild1';
+        rules += ' ild11';
     } else {
-        if (props.isPressed) rules += ' in1';
-        else if (props.isFocusVisible) rules += ' in1';
-        else if (props.isHovered) rules += ' in1';
-        else rules += ' iv1';
-        rules += ' ila1';
+        if (props.isPressed) rules += ' in11';
+        else if (props.isFocusVisible) rules += ' in11';
+        else if (props.isHovered) rules += ' in11';
+        else rules += ' iv11';
+        rules += ' ila11';
     }
-    if (props.size === "XL") rules += ' -F_-Fn1';
-    else if (props.size === "L") rules += ' -F_-Fm1';
-    else if (props.size === "S") rules += ' -F_-Fl1';
-    else rules += ' -F_-Ft1';
+    if (props.size === "XL") rules += ' -F_-Fn11';
+    else if (props.size === "L") rules += ' -F_-Fm11';
+    else if (props.size === "S") rules += ' -F_-Fl11';
+    else rules += ' -F_-Ft11';
     return rules;
 };
 const $1ae2870af9a200f8$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $Ipfg8$forwardRef)(function Radio(props, ref) {

package/dist/RadioGroup.cjs

@@ -52,52 +52,52 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se1';
+            rules += ' se11';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU1';
+                if (!gridColumnStart) rules += ' z2mU11';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG1';
+                    if (!gridColumnEnd) rules += ' yvoofG11';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod1';
+            if (props.isInForm) rules += ' DLwlgod11';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb1';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn1';
+                if (props.labelPosition === "side") rules += ' DPlN5qb11';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb1';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc1';
-            if (props.labelPosition === "side") rules += ' CbRM95c1';
-            else if (props.labelPosition === "top") rules += ' Cxaocre1';
+            if (props.labelPosition === "side") rules += ' EPlN5qb11';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
+            if (props.labelPosition === "side") rules += ' CbRM95c11';
+            else if (props.labelPosition === "top") rules += ' Cxaocre11';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-e11';
+                rules += ' vx11';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-d11';
+                rules += ' vx11';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-b11';
+                rules += ' vx11';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-a11';
+                rules += ' vx11';
             } else {
-                rules += ' -_6BNtrc-c1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-c11';
+                rules += ' vx11';
             }
-            rules += ' ea1';
-            rules += ' _Fd1';
-            rules += ' _FezxGHba1';
-            rules += ' _FnuYUweb1';
-            if (props.size === "XL") rules += ' -BhX7R-Fz1';
-            else if (props.size === "L") rules += ' -BhX7R-Fv1';
-            else if (props.size === "S") rules += ' -BhX7R-Fp1';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn1';
-            else rules += ' -BhX7R-Fx1';
-            rules += ' -AJjOLd-UVxyPec1';
-            rules += ' qg1';
-            rules += ' __ca1';
+            rules += ' ea11';
+            rules += ' _Fd11';
+            rules += ' _FezxGHba11';
+            rules += ' _FnuYUweb11';
+            if (props.size === "XL") rules += ' -BhX7R-Fz11';
+            else if (props.size === "L") rules += ' -BhX7R-Fv11';
+            else if (props.size === "S") rules += ' -BhX7R-Fp11';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
+            else rules += ' -BhX7R-Fx11';
+            rules += ' -AJjOLd-UVxyPec11';
+            rules += ' qg11';
+            rules += ' __ca11';
             return rules;
         }({
             size: size,
@@ -119,16 +119,16 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
                     /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr1';
-                            rules += ' yXcEWr1';
-                            rules += ' BXcEWr1';
-                            rules += ' AXcEWr1';
-                            rules += ' sd1';
-                            if (props.orientation === "horizontal") rules += ' _tc1';
-                            else if (props.orientation === "vertical") rules += ' _ta1';
-                            rules += ' _wb1';
-                            rules += ' ql1';
-                            rules += ' UgOnRt1';
+                            rules += ' zXcEWr11';
+                            rules += ' yXcEWr11';
+                            rules += ' BXcEWr11';
+                            rules += ' AXcEWr11';
+                            rules += ' sd11';
+                            if (props.orientation === "horizontal") rules += ' _tc11';
+                            else if (props.orientation === "vertical") rules += ' _ta11';
+                            rules += ' _wb11';
+                            rules += ' ql11';
+                            rules += ' UgOnRt11';
                             return rules;
                         }({
                             orientation: orientation

package/dist/RadioGroup.css

@@ -1,160 +1,160 @@
 @layer _.a {
-  .se1 {
+  .se11 {
     display: grid;
   }
 
-  .z2mU1 {
+  .z2mU11 {
     grid-column-start: 1;
   }
 
-  .yvoofG1 {
+  .yvoofG11 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn1 {
+  .DM8Mfn11 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb1 {
+  .DPlN5qb11 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod1 {
+  .DLwlgod11 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc1 {
+  .E4w1sLc11 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb1 {
+  .EPlN5qb11 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre1 {
+  .Cxaocre11 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c1 {
+  .CbRM95c11 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c1 {
+  .-_6BNtrc-c11 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a1 {
+  .-_6BNtrc-a11 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b1 {
+  .-_6BNtrc-b11 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d1 {
+  .-_6BNtrc-d11 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e1 {
+  .-_6BNtrc-e11 {
     --fs: pow(1.125, 2);
   }
 
-  .vx1 {
+  .vx11 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea1 {
+  .ea11 {
     align-items: baseline;
   }
 
-  ._Fd1 {
+  ._Fd11 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .-BhX7R-Fx1 {
+  .-BhX7R-Fx11 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn1 {
+  .-BhX7R-Fn11 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp1 {
+  .-BhX7R-Fp11 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv1 {
+  .-BhX7R-Fv11 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz1 {
+  .-BhX7R-Fz11 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVxyPec1 {
+  .-AJjOLd-UVxyPec11 {
     --field-gap: calc(var(--field-height)  - 1lh);
   }
 
-  .qg1 {
+  .qg11 {
     column-gap: .75rem;
   }
 
-  .__ca1 {
+  .__ca11 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr1 {
+  .zXcEWr11 {
     grid-column-start: input;
   }
 
-  .yXcEWr1 {
+  .yXcEWr11 {
     grid-column-end: input;
   }
 
-  .BXcEWr1 {
+  .BXcEWr11 {
     grid-row-start: input;
   }
 
-  .AXcEWr1 {
+  .AXcEWr11 {
     grid-row-end: input;
   }
 
-  .sd1 {
+  .sd11 {
     display: flex;
   }
 
-  ._ta1 {
+  ._ta11 {
     flex-direction: column;
   }
 
-  ._tc1 {
+  ._tc11 {
     flex-direction: row;
   }
 
-  ._wb1 {
+  ._wb11 {
     flex-wrap: wrap;
   }
 
-  .ql1 {
+  .ql11 {
     column-gap: 1rem;
   }
 
-  .UgOnRt1 {
+  .UgOnRt11 {
     row-gap: var(--field-gap);
   }
 }
 
 @layer _.b {
-  ._FezxGHba1:is(:lang(ar), :lang(he)) {
+  ._FezxGHba11:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 }
 
 @layer _.c {
-  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }