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

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: " ea8 Fd8",
+        fieldGroupCss: " ea9 Fd9",
         children: /*#__PURE__*/ (0, $tjrHw$reactjsxruntime.jsx)($cce7e7de6810e1b5$var$TextAreaInput, {})
     });
 });
@@ -84,51 +84,51 @@ const $cce7e7de6810e1b5$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $tjrHw$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se8';
+            rules += ' se9';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU8';
+                if (!gridColumnStart) rules += ' z2mU9';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG8';
+                    if (!gridColumnEnd) rules += ' yvoofG9';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod8';
+            if (props.isInForm) rules += ' DLwlgod9';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb8';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn8';
+                if (props.labelPosition === "side") rules += ' DPlN5qb9';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn9';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb8';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc8';
-            if (props.labelPosition === "side") rules += ' CbRM95c8';
-            else if (props.labelPosition === "top") rules += ' Cxaocre8';
+            if (props.labelPosition === "side") rules += ' EPlN5qb9';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc9';
+            if (props.labelPosition === "side") rules += ' CbRM95c9';
+            else if (props.labelPosition === "top") rules += ' Cxaocre9';
             if (props.size === "XL") {
-                rules += ' vg8';
-                rules += ' vsj8';
+                rules += ' vg9';
+                rules += ' vsj9';
             } else if (props.size === "L") {
-                rules += ' vp8';
-                rules += ' vsh8';
+                rules += ' vp9';
+                rules += ' vsh9';
             } else if (props.size === "S") {
-                rules += ' vb8';
-                rules += ' vse8';
+                rules += ' vb9';
+                rules += ' vse9';
             } else if (props.size === "XS") {
-                rules += ' va8';
-                rules += ' vsc8';
+                rules += ' va9';
+                rules += ' vsc9';
             } else {
-                rules += ' vd8';
-                rules += ' vsf8';
+                rules += ' vd9';
+                rules += ' vsf9';
             }
-            rules += ' ea8';
-            rules += ' _Fa8';
-            rules += ' _Ffb8';
-            if (props.size === "XL") rules += ' -BhX7R-Fz8';
-            else if (props.size === "L") rules += ' -BhX7R-Fv8';
-            else if (props.size === "S") rules += ' -BhX7R-Fp8';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn8';
-            else rules += ' -BhX7R-Fx8';
-            rules += ' -AJjOLd-UVkF0Db8';
-            rules += ' qg8';
-            rules += ' __ca8';
+            rules += ' ea9';
+            rules += ' _Fa9';
+            rules += ' _Ffb9';
+            if (props.size === "XL") rules += ' -BhX7R-Fz9';
+            else if (props.size === "L") rules += ' -BhX7R-Fv9';
+            else if (props.size === "S") rules += ' -BhX7R-Fp9';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn9';
+            else rules += ' -BhX7R-Fx9';
+            rules += ' -AJjOLd-UVkF0Db9';
+            rules += ' qg9';
+            rules += ' __ca9';
             return rules;
         }({
             size: props.size,
@@ -207,31 +207,31 @@ function $cce7e7de6810e1b5$var$TextAreaInput() {
         placeholder: " ",
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' Sd8';
-            rules += ' Rd8';
-            rules += ' Tu7Fubd8';
-            rules += ' Qu7Fubd8';
-            rules += ' MAyFGYc8';
-            rules += ' _oa8';
-            rules += ' g98';
-            rules += ' p40ub4c8';
-            rules += ' u40ub4c8';
-            rules += ' v40ub4c8';
-            rules += ' w40ub4c8';
-            rules += ' x40ub4c8';
-            rules += ' _xa8';
-            rules += ' _F40ub4c8';
-            rules += ' _ub8';
-            rules += ' Na8';
-            rules += ' _Le8';
-            rules += ' _je8';
-            rules += ' _Qc8';
-            rules += ' _Nc8';
-            if (props.size === "XL") rules += ' -M_-Mk8';
-            else if (props.size === "L") rules += ' -M_-Mh8';
-            else if (props.size === "S") rules += ' -M_-Mg8';
-            else if (props.size === "XS") rules += ' -M_-Mf8';
-            else rules += ' -M_-Mi8';
+            rules += ' Sd9';
+            rules += ' Rd9';
+            rules += ' Tu7Fubd9';
+            rules += ' Qu7Fubd9';
+            rules += ' MAyFGYc9';
+            rules += ' _oa9';
+            rules += ' g99';
+            rules += ' p40ub4c9';
+            rules += ' u40ub4c9';
+            rules += ' v40ub4c9';
+            rules += ' w40ub4c9';
+            rules += ' x40ub4c9';
+            rules += ' _xa9';
+            rules += ' _F40ub4c9';
+            rules += ' _ub9';
+            rules += ' Na9';
+            rules += ' _Le9';
+            rules += ' _je9';
+            rules += ' _Qc9';
+            rules += ' _Nc9';
+            if (props.size === "XL") rules += ' -M_-Mk9';
+            else if (props.size === "L") rules += ' -M_-Mh9';
+            else if (props.size === "S") rules += ' -M_-Mg9';
+            else if (props.size === "XS") rules += ' -M_-Mf9';
+            else rules += ' -M_-Mi9';
             return rules;
         }
     });

package/dist/TextField.css

@@ -1,237 +1,237 @@
 @layer _.a {
-  .Fd8 {
+  .Fd9 {
     height: auto;
   }
 
-  .se8 {
+  .se9 {
     display: grid;
   }
 
-  .z2mU8 {
+  .z2mU9 {
     grid-column-start: 1;
   }
 
-  .yvoofG8 {
+  .yvoofG9 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn8 {
+  .DM8Mfn9 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb8 {
+  .DPlN5qb9 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod8 {
+  .DLwlgod9 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc8 {
+  .E4w1sLc9 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb8 {
+  .EPlN5qb9 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre8 {
+  .Cxaocre9 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c8 {
+  .CbRM95c9 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .vd8 {
+  .vd9 {
     font-size: .875rem;
   }
 
-  .va8 {
+  .va9 {
     font-size: .6875rem;
   }
 
-  .vb8 {
+  .vb9 {
     font-size: .75rem;
   }
 
-  .vp8 {
+  .vp9 {
     font-size: 1rem;
   }
 
-  .vg8 {
+  .vg9 {
     font-size: 1.125rem;
   }
 
-  .ea8 {
+  .ea9 {
     align-items: baseline;
   }
 
-  ._Fa8 {
+  ._Fa9 {
     line-height: 1.3;
   }
 
-  .-BhX7R-Fx8 {
+  .-BhX7R-Fx9 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn8 {
+  .-BhX7R-Fn9 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp8 {
+  .-BhX7R-Fp9 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv8 {
+  .-BhX7R-Fv9 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz8 {
+  .-BhX7R-Fz9 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVkF0Db8 {
+  .-AJjOLd-UVkF0Db9 {
     --field-gap: calc((var(--field-height)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .qg8 {
+  .qg9 {
     column-gap: .75rem;
   }
 
-  .__ca8 {
+  .__ca9 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Sd8 {
+  .Sd9 {
     padding-inline-start: 0;
   }
 
-  .Rd8 {
+  .Rd9 {
     padding-inline-end: 0;
   }
 
-  .Tu7Fubd8 {
+  .Tu7Fubd9 {
     padding-top: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .Qu7Fubd8 {
+  .Qu7Fubd9 {
     padding-bottom: calc((var(--M)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .MAyFGYc8 {
+  .MAyFGYc9 {
     min-height: var(--M);
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  .g98 {
+  .g99 {
     background-color: #0000;
   }
 
-  .p40ub4c8 {
+  .p40ub4c9 {
     color: inherit;
   }
 
-  .u40ub4c8 {
+  .u40ub4c9 {
     font-family: inherit;
   }
 
-  .v40ub4c8 {
+  .v40ub4c9 {
     font-size: inherit;
   }
 
-  .w40ub4c8 {
+  .w40ub4c9 {
     font-variation-settings: inherit;
   }
 
-  .x40ub4c8 {
+  .x40ub4c9 {
     font-weight: inherit;
   }
 
-  ._xa8 {
+  ._xa9 {
     font-synthesis-weight: none;
   }
 
-  ._F40ub4c8 {
+  ._F40ub4c9 {
     line-height: inherit;
   }
 
-  ._ub8 {
+  ._ub9 {
     flex-grow: 1;
   }
 
-  .Na8 {
+  .Na9 {
     min-width: 0;
   }
 
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  ._je8 {
+  ._je9 {
     border-style: none;
   }
 
-  ._Qc8 {
+  ._Qc9 {
     resize: none;
   }
 
-  ._Nc8 {
+  ._Nc9 {
     overflow-x: hidden;
   }
 
-  .-M_-Mi8 {
+  .-M_-Mi9 {
     --M: calc(2rem * var(--s2-scale));
   }
 
-  .-M_-Mf8 {
+  .-M_-Mf9 {
     --M: calc(1.25rem * var(--s2-scale));
   }
 
-  .-M_-Mg8 {
+  .-M_-Mg9 {
     --M: calc(1.5rem * var(--s2-scale));
   }
 
-  .-M_-Mh8 {
+  .-M_-Mh9 {
     --M: calc(2.5rem * var(--s2-scale));
   }
 
-  .-M_-Mk8 {
+  .-M_-Mk9 {
     --M: calc(3rem * var(--s2-scale));
   }
 }
 
 @layer _.b {
-  ._Ffb8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._Ffb9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.b.s {
   @media not ((hover: hover) and (pointer: fine)) {
-    .vsf8 {
+    .vsf9 {
       font-size: 1.0625rem;
     }
 
-    .vsc8 {
+    .vsc9 {
       font-size: .8125rem;
     }
 
-    .vse8 {
+    .vse9 {
       font-size: .9375rem;
     }
 
-    .vsh8 {
+    .vsh9 {
       font-size: 1.1875rem;
     }
 
-    .vsj8 {
+    .vsj9 {
       font-size: 1.375rem;
     }
   }

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: " ea8 Fd8",
+        fieldGroupCss: " ea9 Fd9",
         children: /*#__PURE__*/ (0, $fsr8S$jsx)($d946f50010ba937f$var$TextAreaInput, {})
     });
 });
@@ -75,51 +75,51 @@ const $d946f50010ba937f$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fsr8S$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se8';
+            rules += ' se9';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU8';
+                if (!gridColumnStart) rules += ' z2mU9';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG8';
+                    if (!gridColumnEnd) rules += ' yvoofG9';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod8';
+            if (props.isInForm) rules += ' DLwlgod9';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb8';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn8';
+                if (props.labelPosition === "side") rules += ' DPlN5qb9';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn9';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb8';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc8';
-            if (props.labelPosition === "side") rules += ' CbRM95c8';
-            else if (props.labelPosition === "top") rules += ' Cxaocre8';
+            if (props.labelPosition === "side") rules += ' EPlN5qb9';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc9';
+            if (props.labelPosition === "side") rules += ' CbRM95c9';
+            else if (props.labelPosition === "top") rules += ' Cxaocre9';
             if (props.size === "XL") {
-                rules += ' vg8';
-                rules += ' vsj8';
+                rules += ' vg9';
+                rules += ' vsj9';
             } else if (props.size === "L") {
-                rules += ' vp8';
-                rules += ' vsh8';
+                rules += ' vp9';
+                rules += ' vsh9';
             } else if (props.size === "S") {
-                rules += ' vb8';
-                rules += ' vse8';
+                rules += ' vb9';
+                rules += ' vse9';
             } else if (props.size === "XS") {
-                rules += ' va8';
-                rules += ' vsc8';
+                rules += ' va9';
+                rules += ' vsc9';
             } else {
-                rules += ' vd8';
-                rules += ' vsf8';
+                rules += ' vd9';
+                rules += ' vsf9';
             }
-            rules += ' ea8';
-            rules += ' _Fa8';
-            rules += ' _Ffb8';
-            if (props.size === "XL") rules += ' -BhX7R-Fz8';
-            else if (props.size === "L") rules += ' -BhX7R-Fv8';
-            else if (props.size === "S") rules += ' -BhX7R-Fp8';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn8';
-            else rules += ' -BhX7R-Fx8';
-            rules += ' -AJjOLd-UVkF0Db8';
-            rules += ' qg8';
-            rules += ' __ca8';
+            rules += ' ea9';
+            rules += ' _Fa9';
+            rules += ' _Ffb9';
+            if (props.size === "XL") rules += ' -BhX7R-Fz9';
+            else if (props.size === "L") rules += ' -BhX7R-Fv9';
+            else if (props.size === "S") rules += ' -BhX7R-Fp9';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn9';
+            else rules += ' -BhX7R-Fx9';
+            rules += ' -AJjOLd-UVkF0Db9';
+            rules += ' qg9';
+            rules += ' __ca9';
             return rules;
         }({
             size: props.size,
@@ -198,31 +198,31 @@ function $d946f50010ba937f$var$TextAreaInput() {
         placeholder: " ",
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' Sd8';
-            rules += ' Rd8';
-            rules += ' Tu7Fubd8';
-            rules += ' Qu7Fubd8';
-            rules += ' MAyFGYc8';
-            rules += ' _oa8';
-            rules += ' g98';
-            rules += ' p40ub4c8';
-            rules += ' u40ub4c8';
-            rules += ' v40ub4c8';
-            rules += ' w40ub4c8';
-            rules += ' x40ub4c8';
-            rules += ' _xa8';
-            rules += ' _F40ub4c8';
-            rules += ' _ub8';
-            rules += ' Na8';
-            rules += ' _Le8';
-            rules += ' _je8';
-            rules += ' _Qc8';
-            rules += ' _Nc8';
-            if (props.size === "XL") rules += ' -M_-Mk8';
-            else if (props.size === "L") rules += ' -M_-Mh8';
-            else if (props.size === "S") rules += ' -M_-Mg8';
-            else if (props.size === "XS") rules += ' -M_-Mf8';
-            else rules += ' -M_-Mi8';
+            rules += ' Sd9';
+            rules += ' Rd9';
+            rules += ' Tu7Fubd9';
+            rules += ' Qu7Fubd9';
+            rules += ' MAyFGYc9';
+            rules += ' _oa9';
+            rules += ' g99';
+            rules += ' p40ub4c9';
+            rules += ' u40ub4c9';
+            rules += ' v40ub4c9';
+            rules += ' w40ub4c9';
+            rules += ' x40ub4c9';
+            rules += ' _xa9';
+            rules += ' _F40ub4c9';
+            rules += ' _ub9';
+            rules += ' Na9';
+            rules += ' _Le9';
+            rules += ' _je9';
+            rules += ' _Qc9';
+            rules += ' _Nc9';
+            if (props.size === "XL") rules += ' -M_-Mk9';
+            else if (props.size === "L") rules += ' -M_-Mh9';
+            else if (props.size === "S") rules += ' -M_-Mg9';
+            else if (props.size === "XS") rules += ' -M_-Mf9';
+            else rules += ' -M_-Mi9';
             return rules;
         }
     });