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

package/dist/ColorSlider.css

@@ -1,239 +1,239 @@
 @layer _.a {
-  .Zr8 {
+  .Zr9 {
     width: calc(12rem * var(--s2-scale));
   }
 
-  .Fs8 {
+  .Fs9 {
     height: calc(12rem * var(--s2-scale));
   }
 
-  .se8 {
+  .se9 {
     display: grid;
   }
 
-  .sb8 {
+  .sb9 {
     display: block;
   }
 
-  .Dxumf9b8 {
+  .Dxumf9b9 {
     grid-template-columns: 1fr auto;
   }
 
-  .CmAQJSd8 {
+  .CmAQJSd9 {
     grid-template-areas: "label output"
                          "track track";
   }
 
-  .Ub8 {
+  .Ub9 {
     row-gap: .25rem;
   }
 
-  .zChk6v8 {
+  .zChk6v9 {
     grid-column-start: output;
   }
 
-  .yChk6v8 {
+  .yChk6v9 {
     grid-column-end: output;
   }
 
-  .BChk6v8 {
+  .BChk6v9 {
     grid-row-start: output;
   }
 
-  .AChk6v8 {
+  .AChk6v9 {
     grid-row-end: output;
   }
 
-  .ug8 {
+  .ug9 {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .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;
   }
 
-  .wb8 {
+  .wb9 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb8 {
+  .xb9 {
     font-weight: 400;
   }
 
-  ._xa8 {
+  ._xa9 {
     font-synthesis-weight: none;
   }
 
-  ._Fa8 {
+  ._Fa9 {
     line-height: 1.3;
   }
 
-  .pv8 {
+  .pv9 {
     color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
   }
 
-  .pp8 {
+  .pp9 {
     color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .ri8 {
+  .ri9 {
     cursor: default;
   }
 
-  .zCPUPs8 {
+  .zCPUPs9 {
     grid-column-start: track;
   }
 
-  .yCPUPs8 {
+  .yCPUPs9 {
     grid-column-end: track;
   }
 
-  .BCPUPs8 {
+  .BCPUPs9 {
     grid-row-start: track;
   }
 
-  .ACPUPs8 {
+  .ACPUPs9 {
     grid-row-end: track;
   }
 
-  .Za8 {
+  .Za9 {
     width: 100%;
   }
 
-  .Zo8 {
+  .Zo9 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fp8 {
+  .Fp9 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fb8 {
+  .Fb9 {
     height: 100%;
   }
 
-  .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);
   }
 }
 
 @layer _.b {
-  .uch8:lang(ar) {
+  .uch9:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._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 _.c {
-  .udi8:lang(he) {
+  .udi9:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea8:lang(ja) {
+  .uea9:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  .ugb8:lang(ko) {
+  .ugb9:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd8:lang(zh) {
+  .uhd9:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje8:lang(zh-hant) {
+  .uje9:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  .uic8:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic9:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @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;
     }
   }
@@ -241,7 +241,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola8 {
+    .Ola9 {
       outline-color: buttonborder;
     }
   }

package/dist/ColorSlider.mjs

@@ -46,14 +46,14 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
                     rules += p[0];
                 }
                 if (props.orientation === "horizontal") {
-                    if (!width) rules += ' Zr8';
+                    if (!width) rules += ' Zr9';
                 }
-                if (props.orientation === "vertical") rules += ' Fs8';
-                if (props.orientation === "vertical") rules += ' sb8';
-                else if (props.orientation === "horizontal") rules += ' se8';
-                rules += ' Dxumf9b8';
-                rules += ' CmAQJSd8';
-                rules += ' Ub8';
+                if (props.orientation === "vertical") rules += ' Fs9';
+                if (props.orientation === "vertical") rules += ' sb9';
+                else if (props.orientation === "horizontal") rules += ' se9';
+                rules += ' Dxumf9b9';
+                rules += ' CmAQJSd9';
+                rules += ' Ub9';
                 return rules;
             }(renderProps, styles),
         children: ({ isDisabled: isDisabled, orientation: orientation, state: state })=>/*#__PURE__*/ (0, $3i9ps$jsxs)((0, $3i9ps$Fragment), {
@@ -70,112 +70,112 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
                     orientation === 'horizontal' && /*#__PURE__*/ (0, $3i9ps$jsx)((0, $3i9ps$SliderOutput), {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zChk6v8';
-                            rules += ' yChk6v8';
-                            rules += ' BChk6v8';
-                            rules += ' AChk6v8';
+                            rules += ' zChk6v9';
+                            rules += ' yChk6v9';
+                            rules += ' BChk6v9';
+                            rules += ' AChk6v9';
                             if (props.size === "XL") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else if (props.size === "L") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else if (props.size === "S") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else if (props.size === "XS") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             }
                             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';
                             }
                             if (props.size === "XL") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else if (props.size === "L") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else if (props.size === "S") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else if (props.size === "XS") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             }
                             if (props.size === "XL") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else if (props.size === "L") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else if (props.size === "S") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else if (props.size === "XS") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             }
-                            if (props.isDisabled) rules += ' pp8';
-                            else rules += ' pv8';
-                            rules += ' ri8';
+                            if (props.isDisabled) rules += ' pp9';
+                            else rules += ' pv9';
+                            rules += ' ri9';
                             return rules;
                         }
                     }),
@@ -186,25 +186,25 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zCPUPs8';
-                            rules += ' yCPUPs8';
-                            rules += ' BCPUPs8';
-                            rules += ' ACPUPs8';
-                            if (props.orientation === "vertical") rules += ' Zo8';
-                            else if (props.orientation === "horizontal") rules += ' Za8';
-                            if (props.orientation === "vertical") rules += ' Fb8';
-                            else if (props.orientation === "horizontal") rules += ' Fp8';
-                            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';
+                            rules += ' zCPUPs9';
+                            rules += ' yCPUPs9';
+                            rules += ' BCPUPs9';
+                            rules += ' ACPUPs9';
+                            if (props.orientation === "vertical") rules += ' Zo9';
+                            else if (props.orientation === "horizontal") rules += ' Za9';
+                            if (props.orientation === "vertical") rules += ' Fb9';
+                            else if (props.orientation === "horizontal") rules += ' Fp9';
+                            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;
                         },
                         children: /*#__PURE__*/ (0, $3i9ps$jsx)((0, $b4f7db7c45cd3de9$export$92862704de639678), {

package/dist/ColorSwatch.cjs

@@ -58,44 +58,44 @@ const $8b1ea085cefae738$export$cae13e90592f246a = /*#__PURE__*/ (0, $7Qhsa$react
                 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,