@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-d87cc4422-250109

package/dist/CheckboxGroup.cjs

@@ -46,51 +46,51 @@ const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\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 $__a = false;
             let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__a/.test(p)) $__a = true;
                 if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _Zf';
-            if (!$__a) {
-                if (props.isInForm) rules += ' __a-3t1y';
-            }
+            rules += ' _0f';
             if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
+            }
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-7u9dhl';
                 }
             }
-            if (props.isInForm) rules += ' __h-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1cwd7ud';
             else {
-                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-jyg4vb';
+                else if (props.labelPosition === "top") rules += ' __i-375yi6';
             }
-            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __i-fdenls';
-            if (props.labelPosition === "side") rules += ' __j-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.labelPosition === "side") rules += ' __j-jyg4vb';
+            else if (props.labelPosition === "top") rules += ' __j-fdenls';
+            if (props.labelPosition === "side") rules += ' __k-5eez8j';
+            else if (props.labelPosition === "top") rules += ' __k-xlaqir';
             if (props.size === "XL") {
-                rules += ' _dbj';
-                rules += ' _di';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _dbh';
-                rules += ' _dg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _dbd';
-                rules += ' _dc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _dbb';
-                rules += ' _da';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _dbf';
-                rules += ' _de';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _1d';
-            rules += ' _f-1x99dlob';
-            rules += ' _fa';
+            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';
@@ -98,7 +98,7 @@ const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--vfy389';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             size: props.size,
@@ -120,18 +120,18 @@ const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react
                     /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __a-4cfph1';
                             rules += ' __b-4cfph1';
                             rules += ' __c-4cfph1';
                             rules += ' __d-4cfph1';
-                            rules += ' _Zd';
-                            if (props.orientation === "horizontal") rules += ' _6a';
-                            else if (props.orientation === "vertical") rules += ' _6b';
-                            rules += ' _f-1x99dlob';
-                            rules += ' _fa';
+                            rules += ' __e-4cfph1';
+                            rules += ' _0d';
+                            if (props.orientation === "horizontal") rules += ' _7a';
+                            else if (props.orientation === "vertical") rules += ' _7b';
+                            rules += ' _g-1x99dlob';
+                            rules += ' _ga';
                             rules += ' i-1inj1bc';
                             rules += ' jf';
-                            rules += ' _7a';
+                            rules += ' _8a';
                             return rules;
                         }({
                             orientation: orientation

package/dist/CheckboxGroup.css

@@ -1,68 +1,68 @@
 @layer _.a {
-  ._Zf {
+  ._0f {
     display: grid;
   }
 
-  .__a-3t1y {
+  .__b-3t1y {
     grid-column-start: 1;
   }
 
-  .__b-7u9dhl {
+  .__c-7u9dhl {
     grid-column-end: span 2;
   }
 
-  .__h-375yi6 {
+  .__i-375yi6 {
     grid-template-columns: 1fr;
   }
 
-  .__h-jyg4vb {
+  .__i-jyg4vb {
     grid-template-columns: auto 1fr;
   }
 
-  .__h-1cwd7ud {
+  .__i-1cwd7ud {
     grid-template-columns: subgrid;
   }
 
-  .__i-fdenls {
+  .__j-fdenls {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__i-jyg4vb {
+  .__j-jyg4vb {
     grid-template-rows: auto 1fr;
   }
 
-  .__j-xlaqir {
+  .__k-xlaqir {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__j-5eez8j {
+  .__k-5eez8j {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._1d {
+  ._2d {
     align-items: baseline;
   }
 
@@ -94,39 +94,39 @@
     column-gap: .75rem;
   }
 
-  .__R-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .__a-4cfph1 {
+  .__b-4cfph1 {
     grid-column-start: input;
   }
 
-  .__b-4cfph1 {
+  .__c-4cfph1 {
     grid-column-end: input;
   }
 
-  .__c-4cfph1 {
+  .__d-4cfph1 {
     grid-row-start: input;
   }
 
-  .__d-4cfph1 {
+  .__e-4cfph1 {
     grid-row-end: input;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._6b {
+  ._7b {
     flex-direction: column;
   }
 
-  ._6a {
+  ._7a {
     flex-direction: row;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -138,13 +138,13 @@
     column-gap: 1rem;
   }
 
-  ._7a {
+  ._8a {
     flex-wrap: wrap;
   }
 }
 
 @layer _.b {
-  ._f-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;
   }
 }
@@ -153,23 +153,23 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
   }

package/dist/CheckboxGroup.mjs

@@ -39,51 +39,51 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\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 $__a = false;
             let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__a/.test(p)) $__a = true;
                 if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _Zf';
-            if (!$__a) {
-                if (props.isInForm) rules += ' __a-3t1y';
-            }
+            rules += ' _0f';
             if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
+            }
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-7u9dhl';
                 }
             }
-            if (props.isInForm) rules += ' __h-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1cwd7ud';
             else {
-                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-jyg4vb';
+                else if (props.labelPosition === "top") rules += ' __i-375yi6';
             }
-            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __i-fdenls';
-            if (props.labelPosition === "side") rules += ' __j-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.labelPosition === "side") rules += ' __j-jyg4vb';
+            else if (props.labelPosition === "top") rules += ' __j-fdenls';
+            if (props.labelPosition === "side") rules += ' __k-5eez8j';
+            else if (props.labelPosition === "top") rules += ' __k-xlaqir';
             if (props.size === "XL") {
-                rules += ' _dbj';
-                rules += ' _di';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _dbh';
-                rules += ' _dg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _dbd';
-                rules += ' _dc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _dbb';
-                rules += ' _da';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _dbf';
-                rules += ' _de';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _1d';
-            rules += ' _f-1x99dlob';
-            rules += ' _fa';
+            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';
@@ -91,7 +91,7 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--vfy389';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             size: props.size,
@@ -113,18 +113,18 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
                     /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __a-4cfph1';
                             rules += ' __b-4cfph1';
                             rules += ' __c-4cfph1';
                             rules += ' __d-4cfph1';
-                            rules += ' _Zd';
-                            if (props.orientation === "horizontal") rules += ' _6a';
-                            else if (props.orientation === "vertical") rules += ' _6b';
-                            rules += ' _f-1x99dlob';
-                            rules += ' _fa';
+                            rules += ' __e-4cfph1';
+                            rules += ' _0d';
+                            if (props.orientation === "horizontal") rules += ' _7a';
+                            else if (props.orientation === "vertical") rules += ' _7b';
+                            rules += ' _g-1x99dlob';
+                            rules += ' _ga';
                             rules += ' i-1inj1bc';
                             rules += ' jf';
-                            rules += ' _7a';
+                            rules += ' _8a';
                             return rules;
                         }({
                             orientation: orientation

package/dist/ClearButton.cjs

@@ -33,18 +33,18 @@ const $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react
         ref: domRef,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " .";
-                rules += ' _Zd';
-                rules += ' _1c';
-                rules += ' _2d';
+                rules += ' _0d';
+                rules += ' _2c';
+                rules += ' _3d';
                 rules += ' kb';
                 if (props.size === "XL") rules += ' lj';
                 else if (props.size === "L") rules += ' li';
                 else if (props.size === "S") rules += ' lh';
                 else if (props.size === "XS") rules += ' lg';
                 else rules += ' lf';
-                rules += ' _8-3t1x';
+                rules += ' _9-3t1x';
                 rules += ' wf';
-                rules += ' _La';
+                rules += ' _Ma';
                 rules += ' ba';
                 rules += ' Ea';
                 rules += ' Fa';

package/dist/ClearButton.css

@@ -3,15 +3,15 @@
 }
 
 @layer _.a {
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 
-  ._2d {
+  ._3d {
     justify-content: center;
   }
 
@@ -39,7 +39,7 @@
     width: calc(3rem * var(--s2-scale));
   }
 
-  ._8-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
@@ -47,7 +47,7 @@
     border-style: none;
   }
 
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 

package/dist/ClearButton.mjs

@@ -27,18 +27,18 @@ const $f6a62e6e68437458$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $9qqo3$forwa
         ref: domRef,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " .";
-                rules += ' _Zd';
-                rules += ' _1c';
-                rules += ' _2d';
+                rules += ' _0d';
+                rules += ' _2c';
+                rules += ' _3d';
                 rules += ' kb';
                 if (props.size === "XL") rules += ' lj';
                 else if (props.size === "L") rules += ' li';
                 else if (props.size === "S") rules += ' lh';
                 else if (props.size === "XS") rules += ' lg';
                 else rules += ' lf';
-                rules += ' _8-3t1x';
+                rules += ' _9-3t1x';
                 rules += ' wf';
-                rules += ' _La';
+                rules += ' _Ma';
                 rules += ' ba';
                 rules += ' Ea';
                 rules += ' Fa';

package/dist/CloseButton.cjs

@@ -44,26 +44,26 @@ const $2f907cb84c6e9e75$var$hoverBackground = {
 };
 const $2f907cb84c6e9e75$var$styles = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\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 $l = false;
-    let $_8 = false;
+    let $_9 = false;
     for (let p of matches){
         if (/^\s*l/.test(p)) $l = true;
-        if (/^\s*_8/.test(p)) $_8 = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
     }
-    if (props.isFocusVisible) rules += ' _Lb';
-    else rules += ' _La';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
     rules += ' da_____M';
     if (props.isStaticColor) rules += ' d_____G';
     else rules += ' dx';
-    rules += ' _Nc';
-    rules += ' _M-3t1z';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
     if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
     else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    rules += ' _Zd';
-    rules += ' _1c';
-    rules += ' _2d';
+    rules += ' _0d';
+    rules += ' _2c';
+    rules += ' _3d';
     if (!$l) {
         if (props.size === "XL") rules += ' lj';
         else if (props.size === "L") rules += ' li';
@@ -76,19 +76,19 @@ const $2f907cb84c6e9e75$var$styles = function anonymous(props, overrides) {
     else if (props.size === "S") rules += ' kh';
     else if (props.size === "XS") rules += ' kg';
     else rules += ' kf';
-    if (!$_8) rules += ' _8-3t1x';
-    rules += ' _vf';
+    if (!$_9) rules += ' _9-3t1x';
     rules += ' _wf';
     rules += ' _xf';
     rules += ' _yf';
+    rules += ' _zf';
     rules += ' Ea';
     rules += ' Fa';
     rules += ' Ca';
     rules += ' Da';
     rules += ' wf';
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
     if (props.isPressed) {
         if (props.isStaticColor) rules += ' b_____y';
         else rules += ' bh';

package/dist/CloseButton.css

@@ -3,11 +3,11 @@
 }
 
 @layer _.a {
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 
-  ._Lb {
+  ._Mb {
     outline-style: solid;
   }
 
@@ -19,11 +19,11 @@
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Nc {
+  ._Oc {
     outline-width: 2px;
   }
 
-  ._M-3t1z {
+  ._N-3t1z {
     outline-offset: 2px;
   }
 
@@ -35,15 +35,15 @@
     --s2-container-bg: black;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 
-  ._2d {
+  ._3d {
     justify-content: center;
   }
 
@@ -87,23 +87,23 @@
     height: calc(3rem * var(--s2-scale));
   }
 
-  ._8-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
-  ._vf {
+  ._wf {
     border-start-start-radius: 9999px;
   }
 
-  ._wf {
+  ._xf {
     border-start-end-radius: 9999px;
   }
 
-  ._xf {
+  ._yf {
     border-end-start-radius: 9999px;
   }
 
-  ._yf {
+  ._zf {
     border-end-end-radius: 9999px;
   }
 
@@ -127,15 +127,15 @@
     border-style: none;
   }
 
-  ._Oa {
+  ._Pa {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
   }
 
-  ._Q-375x7f {
+  ._R-375x7f {
     transition-duration: .15s;
   }
 
-  ._Ra {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }