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

package/dist/ColorSwatch.css

@@ -1,117 +1,117 @@
 @layer _.a {
-  .Zu8 {
+  .Zu9 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .Zo8 {
+  .Zo9 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .ZC8 {
+  .ZC9 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zw8 {
+  .Zw9 {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Ft8 {
+  .Ft9 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fp8 {
+  .Fp9 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fx8 {
+  .Fx9 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Fv8 {
+  .Fv9 {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .oa8 {
+  .oa9 {
     border-start-start-radius: .25rem;
   }
 
-  .od8 {
+  .od9 {
     border-start-start-radius: 0;
   }
 
-  .og8 {
+  .og9 {
     border-start-start-radius: 9999px;
   }
 
-  .na8 {
+  .na9 {
     border-start-end-radius: .25rem;
   }
 
-  .nd8 {
+  .nd9 {
     border-start-end-radius: 0;
   }
 
-  .ng8 {
+  .ng9 {
     border-start-end-radius: 9999px;
   }
 
-  .ka8 {
+  .ka9 {
     border-end-start-radius: .25rem;
   }
 
-  .kd8 {
+  .kd9 {
     border-end-start-radius: 0;
   }
 
-  .kg8 {
+  .kg9 {
     border-end-start-radius: 9999px;
   }
 
-  .ja8 {
+  .ja9 {
     border-end-end-radius: .25rem;
   }
 
-  .jd8 {
+  .jd9 {
     border-end-end-radius: 0;
   }
 
-  .jg8 {
+  .jg9 {
     border-end-end-radius: 9999px;
   }
 
-  .iz8 {
+  .iz9 {
     border-color: var(--lightningcss-light, #0000006b) var(--lightningcss-dark, #ffffff6b);
   }
 
-  ._kb8 {
+  ._kb9 {
     border-top-width: 1px;
   }
 
-  .hb8 {
+  .hb9 {
     border-bottom-width: 1px;
   }
 
-  .mb8 {
+  .mb9 {
     border-inline-start-width: 1px;
   }
 
-  .lb8 {
+  .lb9 {
     border-inline-end-width: 1px;
   }
 
-  ._jf8 {
+  ._jf9 {
     border-style: solid;
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  ._yb8 {
+  ._yb9 {
     forced-color-adjust: none;
   }
 
-  .-_8LZfRc-pq8 {
+  .-_8LZfRc-pq9 {
     --slash-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
   }
 }

package/dist/ColorSwatch.mjs

@@ -50,44 +50,44 @@ const $cd9e1720baab3945$export$cae13e90592f246a = /*#__PURE__*/ (0, $b2Wh1$forwa
                 rules += p[0];
             }
             if (props.size === "L") {
-                if (!width) rules += ' Zw8';
+                if (!width) rules += ' Zw9';
             } else if (props.size === "M") {
-                if (!width) rules += ' ZC8';
+                if (!width) rules += ' ZC9';
             } else if (props.size === "S") {
-                if (!width) rules += ' Zo8';
+                if (!width) rules += ' Zo9';
             } else if (props.size === "XS") {
-                if (!width) rules += ' Zu8';
+                if (!width) rules += ' Zu9';
             }
             if (props.size === "L") {
-                if (!height) rules += ' Fv8';
+                if (!height) rules += ' Fv9';
             } else if (props.size === "M") {
-                if (!height) rules += ' Fx8';
+                if (!height) rules += ' Fx9';
             } else if (props.size === "S") {
-                if (!height) rules += ' Fp8';
+                if (!height) rules += ' Fp9';
             } else if (props.size === "XS") {
-                if (!height) rules += ' Ft8';
+                if (!height) rules += ' Ft9';
             }
-            if (props.rounding === "full") rules += ' og8';
-            else if (props.rounding === "none") rules += ' od8';
-            else if (props.rounding === "default") rules += ' oa8';
-            if (props.rounding === "full") rules += ' ng8';
-            else if (props.rounding === "none") rules += ' nd8';
-            else if (props.rounding === "default") rules += ' na8';
-            if (props.rounding === "full") rules += ' kg8';
-            else if (props.rounding === "none") rules += ' kd8';
-            else if (props.rounding === "default") rules += ' ka8';
-            if (props.rounding === "full") rules += ' jg8';
-            else if (props.rounding === "none") rules += ' jd8';
-            else if (props.rounding === "default") rules += ' ja8';
-            rules += ' iz8';
-            rules += ' _kb8';
-            rules += ' hb8';
-            rules += ' mb8';
-            rules += ' lb8';
-            rules += ' _jf8';
-            rules += ' _oa8';
-            rules += ' _yb8';
-            rules += ' -_8LZfRc-pq8';
+            if (props.rounding === "full") rules += ' og9';
+            else if (props.rounding === "none") rules += ' od9';
+            else if (props.rounding === "default") rules += ' oa9';
+            if (props.rounding === "full") rules += ' ng9';
+            else if (props.rounding === "none") rules += ' nd9';
+            else if (props.rounding === "default") rules += ' na9';
+            if (props.rounding === "full") rules += ' kg9';
+            else if (props.rounding === "none") rules += ' kd9';
+            else if (props.rounding === "default") rules += ' ka9';
+            if (props.rounding === "full") rules += ' jg9';
+            else if (props.rounding === "none") rules += ' jd9';
+            else if (props.rounding === "default") rules += ' ja9';
+            rules += ' iz9';
+            rules += ' _kb9';
+            rules += ' hb9';
+            rules += ' mb9';
+            rules += ' lb9';
+            rules += ' _jf9';
+            rules += ' _oa9';
+            rules += ' _yb9';
+            rules += ' -_8LZfRc-pq9';
             return rules;
         }({
             size: size,

package/dist/ColorSwatchPicker.cjs

@@ -40,14 +40,14 @@ const $a267e3efa7024819$export$b46792416e3d8515 = /*#__PURE__*/ (0, $7eldL$react
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " ";
             rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g) || []).join('');
-            rules += ' sd8';
-            rules += ' _wb8';
-            if (props.density === "spacious") rules += ' UWJpoB8';
-            else if (props.density === "regular") rules += ' Ub8';
-            else if (props.density === "compact") rules += ' Ua8';
-            if (props.density === "spacious") rules += ' qWJpoB8';
-            else if (props.density === "regular") rules += ' qb8';
-            else if (props.density === "compact") rules += ' qa8';
+            rules += ' sd9';
+            rules += ' _wb9';
+            if (props.density === "spacious") rules += ' UWJpoB9';
+            else if (props.density === "regular") rules += ' Ub9';
+            else if (props.density === "compact") rules += ' Ua9';
+            if (props.density === "spacious") rules += ' qWJpoB9';
+            else if (props.density === "regular") rules += ' qb9';
+            else if (props.density === "compact") rules += ' qa9';
             return rules;
         }({
             density: density
@@ -67,24 +67,24 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " ";
-                if (props.isFocusVisible) rules += ' _Lf8';
-                else rules += ' _Le8';
-                rules += ' Oh8';
-                rules += ' _Mc8';
-                rules += ' _Kd8';
-                rules += ' _Pc8';
-                if (props.rounding === "full") rules += ' og8';
-                else if (props.rounding === "default") rules += ' oa8';
-                else if (props.rounding === "none") rules += ' od8';
-                if (props.rounding === "full") rules += ' ng8';
-                else if (props.rounding === "default") rules += ' na8';
-                else if (props.rounding === "none") rules += ' nd8';
-                if (props.rounding === "full") rules += ' kg8';
-                else if (props.rounding === "default") rules += ' ka8';
-                else if (props.rounding === "none") rules += ' kd8';
-                if (props.rounding === "full") rules += ' jg8';
-                else if (props.rounding === "default") rules += ' ja8';
-                else if (props.rounding === "none") rules += ' jd8';
+                if (props.isFocusVisible) rules += ' _Lf9';
+                else rules += ' _Le9';
+                rules += ' Oh9';
+                rules += ' _Mc9';
+                rules += ' _Kd9';
+                rules += ' _Pc9';
+                if (props.rounding === "full") rules += ' og9';
+                else if (props.rounding === "default") rules += ' oa9';
+                else if (props.rounding === "none") rules += ' od9';
+                if (props.rounding === "full") rules += ' ng9';
+                else if (props.rounding === "default") rules += ' na9';
+                else if (props.rounding === "none") rules += ' nd9';
+                if (props.rounding === "full") rules += ' kg9';
+                else if (props.rounding === "default") rules += ' ka9';
+                else if (props.rounding === "none") rules += ' kd9';
+                if (props.rounding === "full") rules += ' jg9';
+                else if (props.rounding === "default") rules += ' ja9';
+                else if (props.rounding === "none") rules += ' jd9';
                 return rules;
             })({
                 ...renderProps,
@@ -95,7 +95,7 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
                     swatch,
                     isSelected && /*#__PURE__*/ (0, $7eldL$reactjsxruntime.jsx)("div", {
                         "aria-hidden": true,
-                        className: " _Pa8 _Ob8 Wr8 _lr8 _Ar8 _zr8 _oa8 in8 _jf8 _kc8 hc8 mc8 lc8 Og8 _Lf8 _Mc8 _Kc8 _yb8 oi8 ni8 ki8 ji8"
+                        className: " _Pa9 _Ob9 Wr9 _lr9 _Ar9 _zr9 _oa9 in9 _jf9 _kc9 hc9 mc9 lc9 Og9 _Lf9 _Mc9 _Kc9 _yb9 oi9 ni9 ki9 ji9"
                     })
                 ]
             })

package/dist/ColorSwatchPicker.css

@@ -1,185 +1,185 @@
 @layer _.a {
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  ._wb8 {
+  ._wb9 {
     flex-wrap: wrap;
   }
 
-  .Ua8 {
+  .Ua9 {
     row-gap: .125rem;
   }
 
-  .Ub8 {
+  .Ub9 {
     row-gap: .25rem;
   }
 
-  .UWJpoB8 {
+  .UWJpoB9 {
     row-gap: .375rem;
   }
 
-  .qa8 {
+  .qa9 {
     column-gap: .125rem;
   }
 
-  .qb8 {
+  .qb9 {
     column-gap: .25rem;
   }
 
-  .qWJpoB8 {
+  .qWJpoB9 {
     column-gap: .375rem;
   }
 
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  .Oh8 {
+  .Oh9 {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  ._Kd8 {
+  ._Kd9 {
     outline-offset: 2px;
   }
 
-  ._Pc8 {
+  ._Pc9 {
     position: relative;
   }
 
-  .od8 {
+  .od9 {
     border-start-start-radius: 0;
   }
 
-  .oa8 {
+  .oa9 {
     border-start-start-radius: .25rem;
   }
 
-  .og8 {
+  .og9 {
     border-start-start-radius: 9999px;
   }
 
-  .nd8 {
+  .nd9 {
     border-start-end-radius: 0;
   }
 
-  .na8 {
+  .na9 {
     border-start-end-radius: .25rem;
   }
 
-  .ng8 {
+  .ng9 {
     border-start-end-radius: 9999px;
   }
 
-  .kd8 {
+  .kd9 {
     border-end-start-radius: 0;
   }
 
-  .ka8 {
+  .ka9 {
     border-end-start-radius: .25rem;
   }
 
-  .kg8 {
+  .kg9 {
     border-end-start-radius: 9999px;
   }
 
-  .jd8 {
+  .jd9 {
     border-end-end-radius: 0;
   }
 
-  .ja8 {
+  .ja9 {
     border-end-end-radius: .25rem;
   }
 
-  .jg8 {
+  .jg9 {
     border-end-end-radius: 9999px;
   }
 
-  ._Pa8 {
+  ._Pa9 {
     position: absolute;
   }
 
-  ._Ob8 {
+  ._Ob9 {
     pointer-events: none;
   }
 
-  .Wr8 {
+  .Wr9 {
     top: 0;
   }
 
-  ._lr8 {
+  ._lr9 {
     bottom: 0;
   }
 
-  ._Ar8 {
+  ._Ar9 {
     inset-inline-start: 0;
   }
 
-  ._zr8 {
+  ._zr9 {
     inset-inline-end: 0;
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  .in8 {
+  .in9 {
     border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  ._jf8 {
+  ._jf9 {
     border-style: solid;
   }
 
-  ._kc8 {
+  ._kc9 {
     border-top-width: 2px;
   }
 
-  .hc8 {
+  .hc9 {
     border-bottom-width: 2px;
   }
 
-  .mc8 {
+  .mc9 {
     border-inline-start-width: 2px;
   }
 
-  .lc8 {
+  .lc9 {
     border-inline-end-width: 2px;
   }
 
-  .Og8 {
+  .Og9 {
     outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 
-  ._Lf8 {
+  ._Lf9 {
     outline-style: solid;
   }
 
-  ._Mc8 {
+  ._Mc9 {
     outline-width: 2px;
   }
 
-  ._Kc8 {
+  ._Kc9 {
     outline-offset: -4px;
   }
 
-  ._yb8 {
+  ._yb9 {
     forced-color-adjust: none;
   }
 
-  .oi8 {
+  .oi9 {
     border-start-start-radius: inherit;
   }
 
-  .ni8 {
+  .ni9 {
     border-start-end-radius: inherit;
   }
 
-  .ki8 {
+  .ki9 {
     border-end-start-radius: inherit;
   }
 
-  .ji8 {
+  .ji9 {
     border-end-end-radius: inherit;
   }
 }

package/dist/ColorSwatchPicker.mjs

@@ -33,14 +33,14 @@ const $ba9c901b6c815fb9$export$b46792416e3d8515 = /*#__PURE__*/ (0, $bOBHx$forwa
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " ";
             rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g) || []).join('');
-            rules += ' sd8';
-            rules += ' _wb8';
-            if (props.density === "spacious") rules += ' UWJpoB8';
-            else if (props.density === "regular") rules += ' Ub8';
-            else if (props.density === "compact") rules += ' Ua8';
-            if (props.density === "spacious") rules += ' qWJpoB8';
-            else if (props.density === "regular") rules += ' qb8';
-            else if (props.density === "compact") rules += ' qa8';
+            rules += ' sd9';
+            rules += ' _wb9';
+            if (props.density === "spacious") rules += ' UWJpoB9';
+            else if (props.density === "regular") rules += ' Ub9';
+            else if (props.density === "compact") rules += ' Ua9';
+            if (props.density === "spacious") rules += ' qWJpoB9';
+            else if (props.density === "regular") rules += ' qb9';
+            else if (props.density === "compact") rules += ' qa9';
             return rules;
         }({
             density: density
@@ -60,24 +60,24 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " ";
-                if (props.isFocusVisible) rules += ' _Lf8';
-                else rules += ' _Le8';
-                rules += ' Oh8';
-                rules += ' _Mc8';
-                rules += ' _Kd8';
-                rules += ' _Pc8';
-                if (props.rounding === "full") rules += ' og8';
-                else if (props.rounding === "default") rules += ' oa8';
-                else if (props.rounding === "none") rules += ' od8';
-                if (props.rounding === "full") rules += ' ng8';
-                else if (props.rounding === "default") rules += ' na8';
-                else if (props.rounding === "none") rules += ' nd8';
-                if (props.rounding === "full") rules += ' kg8';
-                else if (props.rounding === "default") rules += ' ka8';
-                else if (props.rounding === "none") rules += ' kd8';
-                if (props.rounding === "full") rules += ' jg8';
-                else if (props.rounding === "default") rules += ' ja8';
-                else if (props.rounding === "none") rules += ' jd8';
+                if (props.isFocusVisible) rules += ' _Lf9';
+                else rules += ' _Le9';
+                rules += ' Oh9';
+                rules += ' _Mc9';
+                rules += ' _Kd9';
+                rules += ' _Pc9';
+                if (props.rounding === "full") rules += ' og9';
+                else if (props.rounding === "default") rules += ' oa9';
+                else if (props.rounding === "none") rules += ' od9';
+                if (props.rounding === "full") rules += ' ng9';
+                else if (props.rounding === "default") rules += ' na9';
+                else if (props.rounding === "none") rules += ' nd9';
+                if (props.rounding === "full") rules += ' kg9';
+                else if (props.rounding === "default") rules += ' ka9';
+                else if (props.rounding === "none") rules += ' kd9';
+                if (props.rounding === "full") rules += ' jg9';
+                else if (props.rounding === "default") rules += ' ja9';
+                else if (props.rounding === "none") rules += ' jd9';
                 return rules;
             })({
                 ...renderProps,
@@ -88,7 +88,7 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
                     swatch,
                     isSelected && /*#__PURE__*/ (0, $bOBHx$jsx)("div", {
                         "aria-hidden": true,
-                        className: " _Pa8 _Ob8 Wr8 _lr8 _Ar8 _zr8 _oa8 in8 _jf8 _kc8 hc8 mc8 lc8 Og8 _Lf8 _Mc8 _Kc8 _yb8 oi8 ni8 ki8 ji8"
+                        className: " _Pa9 _Ob9 Wr9 _lr9 _Ar9 _zr9 _oa9 in9 _jf9 _kc9 hc9 mc9 lc9 Og9 _Lf9 _Mc9 _Kc9 _yb9 oi9 ni9 ki9 ji9"
                     })
                 ]
             })

package/dist/ColorWheel.cjs

@@ -54,38 +54,38 @@ const $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' og8';
-                            rules += ' ng8';
-                            rules += ' kg8';
-                            rules += ' jg8';
-                            rules += ' Oi8';
-                            rules += ' Ola8';
-                            rules += ' _Mb8';
-                            rules += ' _Ka8';
-                            if (props.isDisabled) rules += ' _Le8';
-                            else rules += ' _Lf8';
-                            if (props.isDisabled) rules += ' gH8';
+                            rules += ' og9';
+                            rules += ' ng9';
+                            rules += ' kg9';
+                            rules += ' jg9';
+                            rules += ' Oi9';
+                            rules += ' Ola9';
+                            rules += ' _Mb9';
+                            rules += ' _Ka9';
+                            if (props.isDisabled) rules += ' _Le9';
+                            else rules += ' _Lf9';
+                            if (props.isDisabled) rules += ' gH9';
                             return rules;
                         }
                     }),
                     /*#__PURE__*/ (0, $lMAHP$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' _Pa8';
-                            rules += ' Ww8';
-                            rules += ' _lw8';
-                            rules += ' _Aw8';
-                            rules += ' _zw8';
-                            rules += ' _Ob8';
-                            rules += ' og8';
-                            rules += ' ng8';
-                            rules += ' kg8';
-                            rules += ' jg8';
-                            rules += ' Oi8';
-                            rules += ' Ola8';
-                            rules += ' _Mb8';
-                            if (props.isDisabled) rules += ' _Le8';
-                            else rules += ' _Lf8';
+                            rules += ' _Pa9';
+                            rules += ' Ww9';
+                            rules += ' _lw9';
+                            rules += ' _Aw9';
+                            rules += ' _zw9';
+                            rules += ' _Ob9';
+                            rules += ' og9';
+                            rules += ' ng9';
+                            rules += ' kg9';
+                            rules += ' jg9';
+                            rules += ' Oi9';
+                            rules += ' Ola9';
+                            rules += ' _Mb9';
+                            if (props.isDisabled) rules += ' _Le9';
+                            else rules += ' _Lf9';
                             return rules;
                         }({
                             isDisabled: isDisabled