@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-260eb700f-250213

package/dist/ComboBox.css

@@ -1,93 +1,93 @@
 @layer _.a {
-  ._3d {
+  ._0d {
     display: flex;
   }
 
-  ._Pa {
+  ._Ma {
     outline-style: none;
   }
 
-  ._nb {
+  ._kb {
     text-align: center;
   }
 
-  .zf {
+  .wf {
     border-style: none;
   }
 
-  ._zi {
+  ._wi {
     border-start-start-radius: .285714em;
   }
 
-  ._Ai {
+  ._xi {
     border-start-end-radius: .285714em;
   }
 
-  ._Bi {
+  ._yi {
     border-end-start-radius: .285714em;
   }
 
-  ._Ci {
+  ._zi {
     border-end-end-radius: .285714em;
   }
 
-  ._5c {
+  ._2c {
     align-items: center;
   }
 
-  ._6d {
+  ._3d {
     justify-content: center;
   }
 
-  .kE {
+  .lE {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .kI {
+  .lI {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .kM {
+  .lM {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .kU {
+  .lU {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .jE {
+  .kE {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .jI {
+  .kI {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .jM {
+  .kM {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .jU {
+  .kU {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .BF {
+  .yF {
     margin-inline-start: .714286em;
   }
 
-  ._fb {
+  ._cb {
     aspect-ratio: 1;
   }
 
-  ._Sa {
+  ._Pa {
     transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._U-375x7f {
+  ._R-375x7f {
     transition-duration: .15s;
   }
 
-  ._Va {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
@@ -111,223 +111,223 @@
     color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .__c-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
-  .U-3hn0u {
+  .R-3hn0u {
     rotate: 90deg;
   }
 
-  .-rwx0fg_d-b {
+  .-rwx0fg_e-b {
     --iconPrimary: currentColor;
   }
 
-  ._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;
   }
 
-  .__e-g2ozi1 {
+  .__b-g2ozi1 {
     grid-column-start: input;
   }
 
-  .__f-g2ozi1 {
+  .__c-g2ozi1 {
     grid-column-end: input;
   }
 
-  .__g-g2ozi1 {
+  .__d-g2ozi1 {
     grid-row-start: input;
   }
 
-  .__h-g2ozi1 {
+  .__e-g2ozi1 {
     grid-row-end: input;
   }
 
-  .pf {
+  .qf {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .pg {
+  .qg {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .ph {
+  .qh {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .pi {
+  .qi {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .pj {
+  .qj {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  .__qa {
+  .__na {
     contain: none;
   }
 
-  .-usygro_k-___K {
+  .-usygro_l-___K {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-usygro_k-___u {
+  .-usygro_l-___u {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-usygro_k-___0 {
+  .-usygro_l-___0 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-usygro_k-____g {
+  .-usygro_l-____g {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .l-rwozxi {
-    contain-intrinsic-width: calc(var(--defaultWidth)  - var(--F, 0px)  - var(--G, 0px)  - var(--r, 0px)  - var(--s, 0px));
+  .m-rwozxi {
+    contain-intrinsic-width: calc(var(--defaultWidth)  - var(--C, 0px)  - var(--D, 0px)  - var(--s, 0px)  - var(--t, 0px));
   }
 
-  .F-375tnp {
-    padding-inline-start: var(--F);
+  .C-375tnm {
+    padding-inline-start: var(--C);
   }
 
-  .G-375tnq {
-    padding-inline-end: var(--G);
+  .D-375tnn {
+    padding-inline-end: var(--D);
   }
 
-  .-_375tnp_F-I {
-    --F: calc(var(--j, var(--n)) * 3 / 8);
+  .-_375tnm_C-I {
+    --C: calc(var(--k, var(--o)) * 3 / 8);
   }
 
-  .-_375tnq_G--45az6c {
-    --G: calc(var(--j, var(--n)) * 3 / 16);
+  .-_375tnn_D--45az6c {
+    --D: calc(var(--k, var(--o)) * 3 / 16);
   }
 
-  .p-1utmx2y {
+  .q-1utmx2y {
     min-width: var(--trigger-width);
   }
 
-  .k-1utmx2y {
+  .l-1utmx2y {
     width: var(--trigger-width);
   }
 }
 
 @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.a {
   @media (forced-colors: active) {
-    ._Sag {
+    ._Pag {
       transition-property: none;
     }
 
-    ._Ua-375x7f {
+    ._Ra-375x7f {
       transition-duration: .15s;
     }
 
-    ._Vaa {
+    ._Saa {
       transition-timing-function: cubic-bezier(.45, 0, .4, 1);
     }
 
@@ -351,23 +351,23 @@
 
 @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;
     }
   }
@@ -375,7 +375,7 @@
 
 @layer _.b.-_1s8glxu {
   @supports (contain-intrinsic-width: 1px) {
-    .__q-1s8glxue {
+    .__n-1s8glxue {
       contain: inline-size;
     }
   }

package/dist/ComboBox.mjs

@@ -47,33 +47,33 @@ import {useResizeObserver as $5rXoR$useResizeObserver, mergeRefs as $5rXoR$merge
 const $a2f262fac286a920$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $5rXoR$createContext)(null);
 const $a2f262fac286a920$var$inputButton = function anonymous(props) {
     let rules = " .";
-    rules += ' _3d';
-    rules += ' _Pa';
-    rules += ' _nb';
-    rules += ' zf';
+    rules += ' _0d';
+    rules += ' _Ma';
+    rules += ' _kb';
+    rules += ' wf';
+    rules += ' _wi';
+    rules += ' _xi';
+    rules += ' _yi';
     rules += ' _zi';
-    rules += ' _Ai';
-    rules += ' _Bi';
-    rules += ' _Ci';
-    rules += ' _5c';
-    rules += ' _6d';
+    rules += ' _2c';
+    rules += ' _3d';
+    if (props.size === "XL") rules += ' lU';
+    else if (props.size === "L") rules += ' lM';
+    else if (props.size === "M") rules += ' lI';
+    else if (props.size === "S") rules += ' lE';
     if (props.size === "XL") rules += ' kU';
     else if (props.size === "L") rules += ' kM';
     else if (props.size === "M") rules += ' kI';
     else if (props.size === "S") rules += ' kE';
-    if (props.size === "XL") rules += ' jU';
-    else if (props.size === "L") rules += ' jM';
-    else if (props.size === "M") rules += ' jI';
-    else if (props.size === "S") rules += ' jE';
-    rules += ' BF';
-    rules += ' _fb';
-    rules += ' __c-3t1x';
-    rules += ' _Sag';
+    rules += ' yF';
+    rules += ' _cb';
+    rules += ' _9-3t1x';
+    rules += ' _Pag';
+    rules += ' _Pa';
+    rules += ' _Ra-375x7f';
+    rules += ' _R-375x7f';
+    rules += ' _Saa';
     rules += ' _Sa';
-    rules += ' _Ua-375x7f';
-    rules += ' _U-375x7f';
-    rules += ' _Vaa';
-    rules += ' _Va';
     if (props.isDisabled) rules += ' ba_____O';
     else if (props.isOpen) rules += ' ba_____M';
     else if (props.isHovered) rules += ' ba_____M';
@@ -96,7 +96,7 @@ const $a2f262fac286a920$var$inputButton = function anonymous(props) {
     }
     return rules;
 };
-const $a2f262fac286a920$var$iconStyles = " __c-3t1x U-3hn0u -rwx0fg_d-b";
+const $a2f262fac286a920$var$iconStyles = " _9-3t1x R-3hn0u -rwx0fg_e-b";
 let $a2f262fac286a920$var$InternalComboboxContext = /*#__PURE__*/ (0, $5rXoR$createContext)({
     size: 'M'
 });
@@ -147,59 +147,59 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$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;
         }({
             isInForm: !!formContext,
@@ -230,26 +230,26 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwa
                             size: size,
                             styles: function anonymous(props) {
                                 let rules = " .";
+                                rules += ' __b-g2ozi1';
+                                rules += ' __c-g2ozi1';
+                                rules += ' __d-g2ozi1';
                                 rules += ' __e-g2ozi1';
-                                rules += ' __f-g2ozi1';
-                                rules += ' __g-g2ozi1';
-                                rules += ' __h-g2ozi1';
-                                if (props.size === "XL") rules += ' pj';
-                                else if (props.size === "L") rules += ' pi';
-                                else if (props.size === "S") rules += ' ph';
-                                else if (props.size === "XS") rules += ' pg';
-                                else rules += ' pf';
-                                if (props.isQuiet) rules += ' __qa';
-                                else rules += ' __q-1s8glxue';
-                                if (props.size === "XL") rules += ' -usygro_k-____g';
-                                else if (props.size === "L") rules += ' -usygro_k-___0';
-                                else if (props.size === "S") rules += ' -usygro_k-___u';
-                                else rules += ' -usygro_k-___K';
-                                rules += ' l-rwozxi';
-                                rules += ' F-375tnp';
-                                rules += ' G-375tnq';
-                                rules += ' -_375tnp_F-I';
-                                rules += ' -_375tnq_G--45az6c';
+                                if (props.size === "XL") rules += ' qj';
+                                else if (props.size === "L") rules += ' qi';
+                                else if (props.size === "S") rules += ' qh';
+                                else if (props.size === "XS") rules += ' qg';
+                                else rules += ' qf';
+                                if (props.isQuiet) rules += ' __na';
+                                else rules += ' __n-1s8glxue';
+                                if (props.size === "XL") rules += ' -usygro_l-____g';
+                                else if (props.size === "L") rules += ' -usygro_l-___0';
+                                else if (props.size === "S") rules += ' -usygro_l-___u';
+                                else rules += ' -usygro_l-___K';
+                                rules += ' m-rwozxi';
+                                rules += ' C-375tnm';
+                                rules += ' D-375tnn';
+                                rules += ' -_375tnm_C-I';
+                                rules += ' -_375tnn_D--45az6c';
                                 return rules;
                             }({
                                 size: size
@@ -303,7 +303,7 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwa
                                 // manually subtract border as we can't set Popover to border-box, it causes the contents to spill out
                                 '--trigger-width': `calc(${triggerWidth} - 2px)`
                             },
-                            styles: " p-1utmx2y k-1utmx2y",
+                            styles: " q-1utmx2y l-1utmx2y",
                             children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Provider), {
                                 values: [
                                     [