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

package/dist/CloseButton.mjs

@@ -46,72 +46,72 @@ const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
         if (p[1] === "_v") flexShrink = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf8';
-    else rules += ' _Le8';
-    if (props.isStaticColor) rules += ' Oe8';
-    else rules += ' Oh8';
-    rules += ' Olc8';
-    rules += ' _Mc8';
-    rules += ' _Kd8';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr8';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s8';
-    rules += ' sd8';
-    rules += ' eb8';
-    rules += ' _Ca8';
+    if (props.isFocusVisible) rules += ' _Lf9';
+    else rules += ' _Le9';
+    if (props.isStaticColor) rules += ' Oe9';
+    else rules += ' Oh9';
+    rules += ' Olc9';
+    rules += ' _Mc9';
+    rules += ' _Kd9';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr9';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s9';
+    rules += ' sd9';
+    rules += ' eb9';
+    rules += ' _Ca9';
     if (props.size === "XL") {
-        if (!width) rules += ' ZF8';
+        if (!width) rules += ' ZF9';
     } else if (props.size === "L") {
-        if (!width) rules += ' Zw8';
+        if (!width) rules += ' Zw9';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zo8';
+        if (!width) rules += ' Zo9';
     } else if (props.size === "XS") {
-        if (!width) rules += ' Zm8';
-    } else if (!width) rules += ' ZC8';
-    if (props.size === "XL") rules += ' Fz8';
-    else if (props.size === "L") rules += ' Fv8';
-    else if (props.size === "S") rules += ' Fp8';
-    else if (props.size === "XS") rules += ' Fn8';
-    else rules += ' Fx8';
-    if (!flexShrink) rules += ' _va8';
-    rules += ' og8';
-    rules += ' ng8';
-    rules += ' kg8';
-    rules += ' jg8';
-    rules += ' Td8';
-    rules += ' Qd8';
-    rules += ' Sd8';
-    rules += ' Rd8';
-    rules += ' _je8';
-    rules += ' Yd8';
-    rules += ' Xb8';
-    rules += ' _2b8';
+        if (!width) rules += ' Zm9';
+    } else if (!width) rules += ' ZC9';
+    if (props.size === "XL") rules += ' Fz9';
+    else if (props.size === "L") rules += ' Fv9';
+    else if (props.size === "S") rules += ' Fp9';
+    else if (props.size === "XS") rules += ' Fn9';
+    else rules += ' Fx9';
+    if (!flexShrink) rules += ' _va9';
+    rules += ' og9';
+    rules += ' ng9';
+    rules += ' kg9';
+    rules += ' jg9';
+    rules += ' Td9';
+    rules += ' Qd9';
+    rules += ' Sd9';
+    rules += ' Rd9';
+    rules += ' _je9';
+    rules += ' Yd9';
+    rules += ' Xb9';
+    rules += ' _2b9';
     if (props.isPressed) {
-        if (props.isStaticColor) rules += ' gg8';
-        else rules += ' gF8';
+        if (props.isStaticColor) rules += ' gg9';
+        else rules += ' gF9';
     } else if (props.isFocusVisible) {
-        if (props.isStaticColor) rules += ' gg8';
-        else rules += ' gF8';
+        if (props.isStaticColor) rules += ' gg9';
+        else rules += ' gF9';
     } else if (props.isHovered) {
-        if (props.isStaticColor) rules += ' gg8';
-        else rules += ' gF8';
-    } else rules += ' g98';
+        if (props.isStaticColor) rules += ' gg9';
+        else rules += ' gF9';
+    } else rules += ' g99';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' -_8sjo0b-pi8';
+        if (props.isDisabled) rules += ' -_8sjo0b-pi9';
         else {
-            if (props.isPressed) rules += ' -_8sjo0b-pk8';
-            else if (props.isFocusVisible) rules += ' -_8sjo0b-pk8';
-            else if (props.isHovered) rules += ' -_8sjo0b-pk8';
-            else rules += ' -_8sjo0b-pj8';
+            if (props.isPressed) rules += ' -_8sjo0b-pk9';
+            else if (props.isFocusVisible) rules += ' -_8sjo0b-pk9';
+            else if (props.isHovered) rules += ' -_8sjo0b-pk9';
+            else rules += ' -_8sjo0b-pj9';
         }
-    } else if (props.isDisabled) rules += ' -_8sjo0b-pp8';
+    } else if (props.isDisabled) rules += ' -_8sjo0b-pp9';
     else {
-        if (props.isPressed) rules += ' -_8sjo0b-po8';
-        else if (props.isFocusVisible) rules += ' -_8sjo0b-po8';
-        else if (props.isHovered) rules += ' -_8sjo0b-po8';
-        else rules += ' -_8sjo0b-pt8';
+        if (props.isPressed) rules += ' -_8sjo0b-po9';
+        else if (props.isFocusVisible) rules += ' -_8sjo0b-po9';
+        else if (props.isHovered) rules += ' -_8sjo0b-po9';
+        else rules += ' -_8sjo0b-pt9';
     }
-    if (props.isDisabled) rules += ' -_8sjo0b-lpc8';
-    else rules += ' -_8sjo0b-lpb8';
+    if (props.isDisabled) rules += ' -_8sjo0b-lpc9';
+    else rules += ' -_8sjo0b-lpb9';
     return rules;
 };
 const $a9cda54c4f47ce52$export$c796eec99a15b55d = /*#__PURE__*/ (0, $5wH0g$createContext)(null);

package/dist/ColorArea.cjs

@@ -60,22 +60,22 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
                     if (p[1] === "M") minHeight = true;
                     rules += p[0];
                 }
-                if (!position) rules += ' _Pc8';
-                if (!width) rules += ' Zr8';
-                if (!height) rules += ' Fs8';
-                if (!minWidth) rules += ' Nm8';
-                if (!minHeight) rules += ' Ml8';
-                rules += ' ob8';
-                rules += ' nb8';
-                rules += ' kb8';
-                rules += ' jb8';
-                rules += ' Oi8';
-                rules += ' Ola8';
-                rules += ' _Mb8';
-                rules += ' _Ka8';
-                if (props.isDisabled) rules += ' _Le8';
-                else rules += ' _Lf8';
-                if (props.isDisabled) rules += ' gH8';
+                if (!position) rules += ' _Pc9';
+                if (!width) rules += ' Zr9';
+                if (!height) rules += ' Fs9';
+                if (!minWidth) rules += ' Nm9';
+                if (!minHeight) rules += ' Ml9';
+                rules += ' ob9';
+                rules += ' nb9';
+                rules += ' kb9';
+                rules += ' jb9';
+                rules += ' Oi9';
+                rules += ' Ola9';
+                rules += ' _Mb9';
+                rules += ' _Ka9';
+                if (props.isDisabled) rules += ' _Le9';
+                else rules += ' _Lf9';
+                if (props.isDisabled) rules += ' gH9';
                 return rules;
             }(renderProps, styles),
         children: ({ state: state })=>/*#__PURE__*/ (0, $lfrPf$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {

package/dist/ColorArea.css

@@ -1,61 +1,61 @@
 @layer _.a {
-  ._Pc8 {
+  ._Pc9 {
     position: relative;
   }
 
-  .Zr8 {
+  .Zr9 {
     width: calc(12rem * var(--s2-scale));
   }
 
-  .Fs8 {
+  .Fs9 {
     height: calc(12rem * var(--s2-scale));
   }
 
-  .Nm8 {
+  .Nm9 {
     min-width: calc(4rem * var(--s2-scale));
   }
 
-  .Ml8 {
+  .Ml9 {
     min-height: calc(4rem * var(--s2-scale));
   }
 
-  .ob8 {
+  .ob9 {
     border-start-start-radius: .5rem;
   }
 
-  .nb8 {
+  .nb9 {
     border-start-end-radius: .5rem;
   }
 
-  .kb8 {
+  .kb9 {
     border-end-start-radius: .5rem;
   }
 
-  .jb8 {
+  .jb9 {
     border-end-end-radius: .5rem;
   }
 
-  .Oi8 {
+  .Oi9 {
     outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
   }
 
-  ._Mb8 {
+  ._Mb9 {
     outline-width: 1px;
   }
 
-  ._Ka8 {
+  ._Ka9 {
     outline-offset: -1px;
   }
 
-  ._Lf8 {
+  ._Lf9 {
     outline-style: solid;
   }
 
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  .gH8 {
+  .gH9 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 }
@@ -64,7 +64,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola8 {
+    .Ola9 {
       outline-color: buttonborder;
     }
   }

package/dist/ColorArea.mjs

@@ -53,22 +53,22 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
                     if (p[1] === "M") minHeight = true;
                     rules += p[0];
                 }
-                if (!position) rules += ' _Pc8';
-                if (!width) rules += ' Zr8';
-                if (!height) rules += ' Fs8';
-                if (!minWidth) rules += ' Nm8';
-                if (!minHeight) rules += ' Ml8';
-                rules += ' ob8';
-                rules += ' nb8';
-                rules += ' kb8';
-                rules += ' jb8';
-                rules += ' Oi8';
-                rules += ' Ola8';
-                rules += ' _Mb8';
-                rules += ' _Ka8';
-                if (props.isDisabled) rules += ' _Le8';
-                else rules += ' _Lf8';
-                if (props.isDisabled) rules += ' gH8';
+                if (!position) rules += ' _Pc9';
+                if (!width) rules += ' Zr9';
+                if (!height) rules += ' Fs9';
+                if (!minWidth) rules += ' Nm9';
+                if (!minHeight) rules += ' Ml9';
+                rules += ' ob9';
+                rules += ' nb9';
+                rules += ' kb9';
+                rules += ' jb9';
+                rules += ' Oi9';
+                rules += ' Ola9';
+                rules += ' _Mb9';
+                rules += ' _Ka9';
+                if (props.isDisabled) rules += ' _Le9';
+                else rules += ' _Lf9';
+                if (props.isDisabled) rules += ' gH9';
                 return rules;
             }(renderProps, styles),
         children: ({ state: state })=>/*#__PURE__*/ (0, $dNfSU$jsx)((0, $b4f7db7c45cd3de9$export$92862704de639678), {

package/dist/ColorField.cjs

@@ -63,51 +63,51 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$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,

package/dist/ColorField.css

@@ -1,133 +1,133 @@
 @layer _.a {
-  .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;
   }
 }
 
 @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/ColorField.mjs

@@ -56,51 +56,51 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$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,