@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/TextField.cjs

@@ -50,7 +50,7 @@ const $cce7e7de6810e1b5$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $tjrHw$react
     return /*#__PURE__*/ (0, $tjrHw$reactjsxruntime.jsx)($cce7e7de6810e1b5$export$d22444a338b6e3c2, {
         ...props,
         ref: ref,
-        fieldGroupCss: " ea1 Fd1",
+        fieldGroupCss: " ea11 Fd11",
         children: /*#__PURE__*/ (0, $tjrHw$reactjsxruntime.jsx)($cce7e7de6810e1b5$var$TextAreaInput, {})
     });
 });
@@ -84,52 +84,52 @@ const $cce7e7de6810e1b5$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $tjrHw$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-UVkF0Db1';
-            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-UVkF0Db11';
+            rules += ' qg11';
+            rules += ' __ca11';
             return rules;
         }({
             size: props.size,
@@ -205,32 +205,32 @@ function $cce7e7de6810e1b5$var$TextAreaInput() {
         placeholder: " ",
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' Sd1';
-            rules += ' Rd1';
-            rules += ' Tu7Fubd1';
-            rules += ' Qu7Fubd1';
-            rules += ' MAyFGYc1';
-            rules += ' _oa1';
-            rules += ' g91';
-            rules += ' p40ub4c1';
-            rules += ' u40ub4c1';
-            rules += ' -_6BNtrc-cWI5gc1';
-            rules += ' vx1';
-            rules += ' w40ub4c1';
-            rules += ' x40ub4c1';
-            rules += ' _xa1';
-            rules += ' _F40ub4c1';
-            rules += ' _ub1';
-            rules += ' Na1';
-            rules += ' _Le1';
-            rules += ' _je1';
-            rules += ' _Qc1';
-            rules += ' _Nc1';
-            if (props.size === "XL") rules += ' -M_-Mk1';
-            else if (props.size === "L") rules += ' -M_-Mh1';
-            else if (props.size === "S") rules += ' -M_-Mg1';
-            else if (props.size === "XS") rules += ' -M_-Mf1';
-            else rules += ' -M_-Mi1';
+            rules += ' Sd11';
+            rules += ' Rd11';
+            rules += ' Tu7Fubd11';
+            rules += ' Qu7Fubd11';
+            rules += ' MAyFGYc11';
+            rules += ' _oa11';
+            rules += ' g911';
+            rules += ' p40ub4c11';
+            rules += ' u40ub4c11';
+            rules += ' -_6BNtrc-cWI5gc11';
+            rules += ' vx11';
+            rules += ' w40ub4c11';
+            rules += ' x40ub4c11';
+            rules += ' _xa11';
+            rules += ' _F40ub4c11';
+            rules += ' _ub11';
+            rules += ' Na11';
+            rules += ' _Le11';
+            rules += ' _je11';
+            rules += ' _Qc11';
+            rules += ' _Nc11';
+            if (props.size === "XL") rules += ' -M_-Mk11';
+            else if (props.size === "L") rules += ' -M_-Mh11';
+            else if (props.size === "S") rules += ' -M_-Mg11';
+            else if (props.size === "XS") rules += ' -M_-Mf11';
+            else rules += ' -M_-Mi11';
             return rules;
         }
     });

package/dist/TextField.css

@@ -1,224 +1,224 @@
 @layer _.a {
-  .Fd1 {
+  .Fd11 {
     height: auto;
   }
 
-  .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);
   }
 
-  .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-UVkF0Db1 {
+  .-AJjOLd-UVkF0Db11 {
     --field-gap: calc((var(--field-height)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .qg1 {
+  .qg11 {
     column-gap: .75rem;
   }
 
-  .__ca1 {
+  .__ca11 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Sd1 {
+  .Sd11 {
     padding-inline-start: 0;
   }
 
-  .Rd1 {
+  .Rd11 {
     padding-inline-end: 0;
   }
 
-  .Tu7Fubd1 {
+  .Tu7Fubd11 {
     padding-top: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .Qu7Fubd1 {
+  .Qu7Fubd11 {
     padding-bottom: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .MAyFGYc1 {
+  .MAyFGYc11 {
     min-height: var(--M);
   }
 
-  ._oa1 {
+  ._oa11 {
     box-sizing: border-box;
   }
 
-  .g91 {
+  .g911 {
     background-color: #0000;
   }
 
-  .p40ub4c1 {
+  .p40ub4c11 {
     color: inherit;
   }
 
-  .u40ub4c1 {
+  .u40ub4c11 {
     font-family: inherit;
   }
 
-  .-_6BNtrc-cWI5gc1 {
+  .-_6BNtrc-cWI5gc11 {
     --fs: pow(1.125, inherit);
   }
 
-  .vx1 {
+  .vx11 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .w40ub4c1 {
+  .w40ub4c11 {
     font-variation-settings: inherit;
   }
 
-  .x40ub4c1 {
+  .x40ub4c11 {
     font-weight: inherit;
   }
 
-  ._xa1 {
+  ._xa11 {
     font-synthesis-weight: none;
   }
 
-  ._F40ub4c1 {
+  ._F40ub4c11 {
     line-height: inherit;
   }
 
-  ._ub1 {
+  ._ub11 {
     flex-grow: 1;
   }
 
-  .Na1 {
+  .Na11 {
     min-width: 0;
   }
 
-  ._Le1 {
+  ._Le11 {
     outline-style: none;
   }
 
-  ._je1 {
+  ._je11 {
     border-style: none;
   }
 
-  ._Qc1 {
+  ._Qc11 {
     resize: none;
   }
 
-  ._Nc1 {
+  ._Nc11 {
     overflow-x: hidden;
   }
 
-  .-M_-Mi1 {
+  .-M_-Mi11 {
     --M: calc(2rem * var(--s2-scale));
   }
 
-  .-M_-Mf1 {
+  .-M_-Mf11 {
     --M: calc(1.25rem * var(--s2-scale));
   }
 
-  .-M_-Mg1 {
+  .-M_-Mg11 {
     --M: calc(1.5rem * var(--s2-scale));
   }
 
-  .-M_-Mh1 {
+  .-M_-Mh11 {
     --M: calc(2.5rem * var(--s2-scale));
   }
 
-  .-M_-Mk1 {
+  .-M_-Mk11 {
     --M: calc(3rem * var(--s2-scale));
   }
 }
 
 @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;
   }
 }

package/dist/TextField.mjs

@@ -41,7 +41,7 @@ const $d946f50010ba937f$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $fsr8S$forwa
     return /*#__PURE__*/ (0, $fsr8S$jsx)($d946f50010ba937f$export$d22444a338b6e3c2, {
         ...props,
         ref: ref,
-        fieldGroupCss: " ea1 Fd1",
+        fieldGroupCss: " ea11 Fd11",
         children: /*#__PURE__*/ (0, $fsr8S$jsx)($d946f50010ba937f$var$TextAreaInput, {})
     });
 });
@@ -75,52 +75,52 @@ const $d946f50010ba937f$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fsr8S$forwa
                 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-UVkF0Db1';
-            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-UVkF0Db11';
+            rules += ' qg11';
+            rules += ' __ca11';
             return rules;
         }({
             size: props.size,
@@ -196,32 +196,32 @@ function $d946f50010ba937f$var$TextAreaInput() {
         placeholder: " ",
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' Sd1';
-            rules += ' Rd1';
-            rules += ' Tu7Fubd1';
-            rules += ' Qu7Fubd1';
-            rules += ' MAyFGYc1';
-            rules += ' _oa1';
-            rules += ' g91';
-            rules += ' p40ub4c1';
-            rules += ' u40ub4c1';
-            rules += ' -_6BNtrc-cWI5gc1';
-            rules += ' vx1';
-            rules += ' w40ub4c1';
-            rules += ' x40ub4c1';
-            rules += ' _xa1';
-            rules += ' _F40ub4c1';
-            rules += ' _ub1';
-            rules += ' Na1';
-            rules += ' _Le1';
-            rules += ' _je1';
-            rules += ' _Qc1';
-            rules += ' _Nc1';
-            if (props.size === "XL") rules += ' -M_-Mk1';
-            else if (props.size === "L") rules += ' -M_-Mh1';
-            else if (props.size === "S") rules += ' -M_-Mg1';
-            else if (props.size === "XS") rules += ' -M_-Mf1';
-            else rules += ' -M_-Mi1';
+            rules += ' Sd11';
+            rules += ' Rd11';
+            rules += ' Tu7Fubd11';
+            rules += ' Qu7Fubd11';
+            rules += ' MAyFGYc11';
+            rules += ' _oa11';
+            rules += ' g911';
+            rules += ' p40ub4c11';
+            rules += ' u40ub4c11';
+            rules += ' -_6BNtrc-cWI5gc11';
+            rules += ' vx11';
+            rules += ' w40ub4c11';
+            rules += ' x40ub4c11';
+            rules += ' _xa11';
+            rules += ' _F40ub4c11';
+            rules += ' _ub11';
+            rules += ' Na11';
+            rules += ' _Le11';
+            rules += ' _je11';
+            rules += ' _Qc11';
+            rules += ' _Nc11';
+            if (props.size === "XL") rules += ' -M_-Mk11';
+            else if (props.size === "L") rules += ' -M_-Mh11';
+            else if (props.size === "S") rules += ' -M_-Mg11';
+            else if (props.size === "XS") rules += ' -M_-Mf11';
+            else rules += ' -M_-Mi11';
             return rules;
         }
     });