@react-spectrum/s2 3.0.0-nightly-56da82e3e-250212 → 3.0.0-nightly-3dbdc1e8e-250214

package/dist/TextField.css

@@ -1,132 +1,132 @@
 @layer _.a {
-  .ja {
+  .ka {
     height: auto;
   }
 
-  ._3f {
+  ._0f {
     display: grid;
   }
 
-  .__e-3t1y {
+  .__b-3t1y {
     grid-column-start: 1;
   }
 
-  .__f-yqnebx {
+  .__c-yqnebx {
     grid-column-end: span 2;
   }
 
-  .__l-2wzs0i {
+  .__i-2wzs0i {
     grid-template-columns: 1fr;
   }
 
-  .__l-ar5vcf {
+  .__i-ar5vcf {
     grid-template-columns: auto 1fr;
   }
 
-  .__l-1a97rzt {
+  .__i-1a97rzt {
     grid-template-columns: subgrid;
   }
 
-  .__m-1a6w430 {
+  .__j-1a6w430 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__m-ar5vcf {
+  .__j-ar5vcf {
     grid-template-rows: auto 1fr;
   }
 
-  .__n-1srn173 {
+  .__k-1srn173 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__n-18h2yqz {
+  .__k-18h2yqz {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  ._he {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._ha {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._hc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._hg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._hi {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._5d {
+  ._2d {
     align-items: baseline;
   }
 
-  ._ja {
+  ._ga {
     line-height: 1.3;
   }
 
-  .-aqrvqh_j-f {
+  .-aqrvqh_k-f {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-aqrvqh_j-g {
+  .-aqrvqh_k-g {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-aqrvqh_j-h {
+  .-aqrvqh_k-h {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-aqrvqh_j-i {
+  .-aqrvqh_k-i {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-aqrvqh_j-j {
+  .-aqrvqh_k-j {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-_1inj1bc_h--prjw07 {
-    --field-gap: calc((var(--field-height)  - var(--t, 0px)  - var(--u, 0px)  - 1lh) / 2);
+  .-_1inj1bc_i--prjw07 {
+    --field-gap: calc((var(--field-height)  - var(--u, 0px)  - var(--v, 0px)  - 1lh) / 2);
   }
 
-  .ie {
+  .je {
     column-gap: .75rem;
   }
 
-  .__V-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .Fa {
+  .Ca {
     padding-inline-start: 0;
   }
 
-  .Ga {
+  .Da {
     padding-inline-end: 0;
   }
 
-  .H-1dbqcch {
-    padding-top: calc((var(--n)  - var(--t, 0px)  - var(--u, 0px)  - 1lh) / 2);
+  .E-1dbqcch {
+    padding-top: calc((var(--o)  - var(--u, 0px)  - var(--v, 0px)  - 1lh) / 2);
   }
 
-  .I-1dbqcch {
-    padding-bottom: calc((var(--n)  - var(--t, 0px)  - var(--u, 0px)  - 1lh) / 2);
+  .F-1dbqcch {
+    padding-bottom: calc((var(--o)  - var(--u, 0px)  - var(--v, 0px)  - 1lh) / 2);
   }
 
-  .n-375tot {
-    min-height: var(--n);
+  .o-375tou {
+    min-height: var(--o);
   }
 
-  .__ra {
+  .__oa {
     box-sizing: border-box;
   }
 
@@ -138,94 +138,94 @@
     color: inherit;
   }
 
-  ._g-17zqamw {
+  ._d-17zqamw {
     font-family: inherit;
   }
 
-  ._h-17zqamw {
+  ._e-17zqamw {
     font-size: inherit;
   }
 
-  ._i-17zqamw {
+  ._f-17zqamw {
     font-variation-settings: inherit;
     font-weight: inherit;
     font-synthesis-weight: none;
   }
 
-  ._j-17zqamw {
+  ._g-17zqamw {
     line-height: inherit;
   }
 
-  .__d-3t1y {
+  .__a-3t1y {
     flex-grow: 1;
   }
 
-  .po {
+  .qo {
     min-width: 0;
   }
 
-  ._Pa {
+  ._Ma {
     outline-style: none;
   }
 
-  .zf {
+  .wf {
     border-style: none;
   }
 
-  .__Ma {
+  .__Ja {
     resize: none;
   }
 
-  .__zb {
+  .__wb {
     overflow-x: hidden;
   }
 
-  .-_375tot_n-f {
-    --n: calc(2rem * var(--s2-scale));
+  .-_375tou_o-f {
+    --o: calc(2rem * var(--s2-scale));
   }
 
-  .-_375tot_n-g {
-    --n: calc(1.25rem * var(--s2-scale));
+  .-_375tou_o-g {
+    --o: calc(1.25rem * var(--s2-scale));
   }
 
-  .-_375tot_n-h {
-    --n: calc(1.5rem * var(--s2-scale));
+  .-_375tou_o-h {
+    --o: calc(1.5rem * var(--s2-scale));
   }
 
-  .-_375tot_n-i {
-    --n: calc(2.5rem * var(--s2-scale));
+  .-_375tou_o-i {
+    --o: calc(2.5rem * var(--s2-scale));
   }
 
-  .-_375tot_n-j {
-    --n: calc(3rem * var(--s2-scale));
+  .-_375tou_o-j {
+    --o: calc(3rem * var(--s2-scale));
   }
 }
 
 @layer _.b {
-  ._j-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._hbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._hbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._hbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._hbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._hbj {
+    ._ebj {
       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: " _5d ja",
+        fieldGroupCss: " _2d ka",
         children: /*#__PURE__*/ (0, $fsr8S$jsx)($d946f50010ba937f$var$TextAreaInput, {})
     });
 });
@@ -67,59 +67,59 @@ const $d946f50010ba937f$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $fsr8S$forwa
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
-            let $__e = false;
-            let $__f = false;
+            let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__e/.test(p)) $__e = true;
-                if (/^\s*__f/.test(p)) $__f = true;
+                if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _3f';
-            if (!$__e) {
-                if (props.isInForm) rules += ' __e-3t1y';
+            rules += ' _0f';
+            if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
             }
-            if (!$__f) {
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __f-yqnebx';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __l-1a97rzt';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __l-ar5vcf';
-                else if (props.labelPosition === "top") rules += ' __l-2wzs0i';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __m-ar5vcf';
-            else if (props.labelPosition === "top") rules += ' __m-1a6w430';
-            if (props.labelPosition === "side") rules += ' __n-18h2yqz';
-            else if (props.labelPosition === "top") rules += ' __n-1srn173';
+            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
+            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
+            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
+            else if (props.labelPosition === "top") rules += ' __k-1srn173';
             if (props.size === "XL") {
-                rules += ' _hbj';
-                rules += ' _hi';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _hbh';
-                rules += ' _hg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _hbd';
-                rules += ' _hc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _hbb';
-                rules += ' _ha';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _hbf';
-                rules += ' _he';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _5d';
-            rules += ' _j-1x99dlob';
-            rules += ' _ja';
-            if (props.size === "XL") rules += ' -aqrvqh_j-j';
-            else if (props.size === "L") rules += ' -aqrvqh_j-i';
-            else if (props.size === "S") rules += ' -aqrvqh_j-h';
-            else if (props.size === "XS") rules += ' -aqrvqh_j-g';
-            else rules += ' -aqrvqh_j-f';
-            rules += ' -_1inj1bc_h--prjw07';
-            rules += ' ie';
-            rules += ' __V-yksgrp';
+            rules += ' _2d';
+            rules += ' _g-1x99dlob';
+            rules += ' _ga';
+            if (props.size === "XL") rules += ' -aqrvqh_k-j';
+            else if (props.size === "L") rules += ' -aqrvqh_k-i';
+            else if (props.size === "S") rules += ' -aqrvqh_k-h';
+            else if (props.size === "XS") rules += ' -aqrvqh_k-g';
+            else rules += ' -aqrvqh_k-f';
+            rules += ' -_1inj1bc_i--prjw07';
+            rules += ' je';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             size: props.size,
@@ -198,29 +198,29 @@ function $d946f50010ba937f$var$TextAreaInput() {
         placeholder: " ",
         className: function anonymous(props) {
             let rules = " .";
-            rules += ' Fa';
-            rules += ' Ga';
-            rules += ' H-1dbqcch';
-            rules += ' I-1dbqcch';
-            rules += ' n-375tot';
-            rules += ' __ra';
+            rules += ' Ca';
+            rules += ' Da';
+            rules += ' E-1dbqcch';
+            rules += ' F-1dbqcch';
+            rules += ' o-375tou';
+            rules += ' __oa';
             rules += ' ba';
             rules += ' a-17zqamw';
+            rules += ' _d-17zqamw';
+            rules += ' _e-17zqamw';
+            rules += ' _f-17zqamw';
             rules += ' _g-17zqamw';
-            rules += ' _h-17zqamw';
-            rules += ' _i-17zqamw';
-            rules += ' _j-17zqamw';
-            rules += ' __d-3t1y';
-            rules += ' po';
-            rules += ' _Pa';
-            rules += ' zf';
-            rules += ' __Ma';
-            rules += ' __zb';
-            if (props.size === "XL") rules += ' -_375tot_n-j';
-            else if (props.size === "L") rules += ' -_375tot_n-i';
-            else if (props.size === "S") rules += ' -_375tot_n-h';
-            else if (props.size === "XS") rules += ' -_375tot_n-g';
-            else rules += ' -_375tot_n-f';
+            rules += ' __a-3t1y';
+            rules += ' qo';
+            rules += ' _Ma';
+            rules += ' wf';
+            rules += ' __Ja';
+            rules += ' __wb';
+            if (props.size === "XL") rules += ' -_375tou_o-j';
+            else if (props.size === "L") rules += ' -_375tou_o-i';
+            else if (props.size === "S") rules += ' -_375tou_o-h';
+            else if (props.size === "XS") rules += ' -_375tou_o-g';
+            else rules += ' -_375tou_o-f';
             return rules;
         }
     });

package/dist/ToggleButton.cjs

@@ -78,7 +78,7 @@ const $d16e5203405a91b7$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $kyLWK$react
                 [
                     (0, $6367bc87eb7d24ad$exports.TextContext),
                     {
-                        styles: " H-1gogtue I-1gogtue __E-3t1y __zb __Ab _qa _tb"
+                        styles: " E-1gogtue F-1gogtue __B-3t1y __wb __xb _na _qb"
                     }
                 ],
                 [
@@ -86,9 +86,9 @@ const $d16e5203405a91b7$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $kyLWK$react
                     {
                         render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                             slot: 'icon',
-                            styles: " __E-3t1x"
+                            styles: " __B-3t1x"
                         }),
-                        styles: " k-1sthc3k j-1sthc3k B-oelgqu __c-3t1x"
+                        styles: " l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
                     }
                 ]
             ],

package/dist/ToggleButton.css

@@ -1,49 +1,49 @@
 @layer _.a {
-  .H-1gogtue {
+  .E-1gogtue {
     padding-top: var(--labelPadding);
   }
 
-  .I-1gogtue {
+  .F-1gogtue {
     padding-bottom: var(--labelPadding);
   }
 
-  .__E-3t1y {
+  .__B-3t1y {
     order: 1;
   }
 
-  .__zb {
+  .__wb {
     overflow-x: hidden;
   }
 
-  .__Ab {
+  .__xb {
     overflow-y: hidden;
   }
 
-  ._qa {
+  ._na {
     text-overflow: ellipsis;
   }
 
-  ._tb {
+  ._qb {
     white-space: nowrap;
   }
 
-  .__E-3t1x {
+  .__B-3t1x {
     order: 0;
   }
 
-  .k-1sthc3k {
+  .l-1sthc3k {
     width: 1.42857em;
   }
 
-  .j-1sthc3k {
+  .k-1sthc3k {
     height: 1.42857em;
   }
 
-  .B-oelgqu {
+  .y-oelgqu {
     margin-inline-start: var(--iconMargin);
   }
 
-  .__c-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 }

package/dist/ToggleButton.mjs

@@ -71,7 +71,7 @@ const $fe4c9df7420c3c9f$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $fpet3$forwa
                 [
                     (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                     {
-                        styles: " H-1gogtue I-1gogtue __E-3t1y __zb __Ab _qa _tb"
+                        styles: " E-1gogtue F-1gogtue __B-3t1y __wb __xb _na _qb"
                     }
                 ],
                 [
@@ -79,9 +79,9 @@ const $fe4c9df7420c3c9f$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $fpet3$forwa
                     {
                         render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                             slot: 'icon',
-                            styles: " __E-3t1x"
+                            styles: " __B-3t1x"
                         }),
-                        styles: " k-1sthc3k j-1sthc3k B-oelgqu __c-3t1x"
+                        styles: " l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
                     }
                 ]
             ],