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

package/dist/Accordion.cjs

@@ -32,8 +32,8 @@ $parcel$export(module.exports, "Accordion", () => $152a25dfd79f123a$export$a766c
 const $152a25dfd79f123a$var$accordion = 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|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd8';
-    rules += ' _ta8';
+    rules += ' sd9';
+    rules += ' _ta9';
     return rules;
 };
 const $152a25dfd79f123a$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $etdk1$react.createContext)(null);

package/dist/Accordion.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  ._ta8 {
+  ._ta9 {
     flex-direction: column;
   }
 }

package/dist/Accordion.mjs

@@ -25,8 +25,8 @@ import {useDOMRef as $cFlas$useDOMRef} from "@react-spectrum/utils";
 const $e0a5d45f488fa6ba$var$accordion = 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|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd8';
-    rules += ' _ta8';
+    rules += ' sd9';
+    rules += ' _ta9';
     return rules;
 };
 const $e0a5d45f488fa6ba$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $cFlas$createContext)(null);

package/dist/ActionBar.cjs

@@ -48,50 +48,50 @@ $parcel$export(module.exports, "useActionBarContainer", () => $85bf454149fe9ddc$
 
 const $85bf454149fe9ddc$var$actionBarStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' oc8';
-    rules += ' nc8';
-    rules += ' kc8';
-    rules += ' jc8';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g08';
-    else rules += ' -Ovbhqd-g_g8';
-    rules += ' gEzkoQe8';
-    rules += ' _nb8';
-    rules += ' _oa8';
-    rules += ' _Lf8';
-    rules += ' _Mb8';
-    rules += ' _Ka8';
-    if (props.isEmphasized) rules += ' Oj8';
-    else rules += ' Of8';
-    rules += ' Ola8';
-    rules += ' St8';
-    rules += ' Rt8';
-    rules += ' Te8';
-    rules += ' Qe8';
-    rules += ' sd8';
-    rules += ' Ul8';
-    rules += ' ql8';
-    rules += ' eb8';
-    if (props.isInContainer) rules += ' _Pa8';
-    rules += ' _lr8';
-    rules += ' _AI8';
-    rules += ' -F3Iohc-_zI8';
-    if (props.isInContainer) rules += ' Zd8';
-    else rules += ' Za8';
-    rules += ' IM8';
-    rules += ' HM8';
-    rules += ' Ll8';
-    rules += ' Yg8';
-    rules += ' Xc8';
-    rules += ' _2b8';
+    rules += ' oc9';
+    rules += ' nc9';
+    rules += ' kc9';
+    rules += ' jc9';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g09';
+    else rules += ' -Ovbhqd-g_g9';
+    rules += ' gEzkoQe9';
+    rules += ' _nb9';
+    rules += ' _oa9';
+    rules += ' _Lf9';
+    rules += ' _Mb9';
+    rules += ' _Ka9';
+    if (props.isEmphasized) rules += ' Oj9';
+    else rules += ' Of9';
+    rules += ' Ola9';
+    rules += ' St9';
+    rules += ' Rt9';
+    rules += ' Te9';
+    rules += ' Qe9';
+    rules += ' sd9';
+    rules += ' Ul9';
+    rules += ' ql9';
+    rules += ' eb9';
+    if (props.isInContainer) rules += ' _Pa9';
+    rules += ' _lr9';
+    rules += ' _AI9';
+    rules += ' -F3Iohc-_zI9';
+    if (props.isInContainer) rules += ' Zd9';
+    else rules += ' Za9';
+    rules += ' IM9';
+    rules += ' HM9';
+    rules += ' Ll9';
+    rules += ' Yg9';
+    rules += ' Xc9';
+    rules += ' _2b9';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-t9';
+        rules += ' __Ya9';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-t9';
+        rules += ' __Ya9';
     } else {
-        rules += ' -_8PloMd-q8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-q9';
+        rules += ' __Ya9';
     }
     return rules;
 };
@@ -167,7 +167,7 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
             },
             children: [
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("div", {
-                    className: " _Jb8 IM8",
+                    className: " _Jb9 IM9",
                     children: /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $7a26131f6144af2b$exports.ActionButtonGroup), {
                         staticColor: isEmphasized ? 'auto' : undefined,
                         isQuiet: true,
@@ -176,7 +176,7 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                     })
                 }),
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsxs)("div", {
-                    className: " _Ja8 sd8 eb8 Ub8 qb8",
+                    className: " _Ja9 sd9 eb9 Ub9 qb9",
                     children: [
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -186,23 +186,23 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
-                                rules += ' vd8';
-                                rules += ' vsf8';
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
-                                if (props.isEmphasized) rules += ' pr8';
-                                else rules += ' pt8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
+                                rules += ' vd9';
+                                rules += ' vsf9';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
+                                if (props.isEmphasized) rules += ' pr9';
+                                else rules += ' pt9';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized

package/dist/ActionBar.css

@@ -1,258 +1,258 @@
 @layer _.a {
-  .oc8 {
+  .oc9 {
     border-start-start-radius: .625rem;
   }
 
-  .nc8 {
+  .nc9 {
     border-start-end-radius: .625rem;
   }
 
-  .kc8 {
+  .kc9 {
     border-end-start-radius: .625rem;
   }
 
-  .jc8 {
+  .jc9 {
     border-end-end-radius: .625rem;
   }
 
-  .-Ovbhqd-g_g8 {
+  .-Ovbhqd-g_g9 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .-Ovbhqd-g08 {
+  .-Ovbhqd-g09 {
     --s2-container-bg: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .gEzkoQe8 {
+  .gEzkoQe9 {
     background-color: var(--s2-container-bg);
   }
 
-  ._nb8 {
+  ._nb9 {
     box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  ._Lf8 {
+  ._Lf9 {
     outline-style: solid;
   }
 
-  ._Mb8 {
+  ._Mb9 {
     outline-width: 1px;
   }
 
-  ._Ka8 {
+  ._Ka9 {
     outline-offset: -1px;
   }
 
-  .Of8 {
+  .Of9 {
     outline-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Oj8 {
+  .Oj9 {
     outline-color: #0000;
   }
 
-  .St8 {
+  .St9 {
     padding-inline-start: 8px;
   }
 
-  .Rt8 {
+  .Rt9 {
     padding-inline-end: 8px;
   }
 
-  .Te8 {
+  .Te9 {
     padding-top: 12px;
   }
 
-  .Qe8 {
+  .Qe9 {
     padding-bottom: 12px;
   }
 
-  .Ul8 {
+  .Ul9 {
     row-gap: 1rem;
   }
 
-  .ql8 {
+  .ql9 {
     column-gap: 1rem;
   }
 
-  ._Pa8 {
+  ._Pa9 {
     position: absolute;
   }
 
-  ._lr8 {
+  ._lr9 {
     bottom: 0;
   }
 
-  ._AI8 {
+  ._AI9 {
     inset-inline-start: 8px;
   }
 
-  .-F3Iohc-_zI8 {
+  .-F3Iohc-_zI9 {
     --insetEnd: 8px;
   }
 
-  .Za8 {
+  .Za9 {
     width: 100%;
   }
 
-  .Zd8 {
+  .Zd9 {
     width: auto;
   }
 
-  .HM8 {
+  .HM9 {
     margin-inline-end: auto;
   }
 
-  .Ll8 {
+  .Ll9 {
     max-width: calc(60rem * var(--s2-scale));
   }
 
-  .Yg8 {
+  .Yg9 {
     transition-property: transform, translate, scale, rotate;
   }
 
-  .Xc8 {
+  .Xc9 {
     transition-duration: .2s;
   }
 
-  ._2b8 {
+  ._2b9 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .-_8PloMd-q8 {
+  .-_8PloMd-q9 {
     --translateY: -8px;
   }
 
-  .-_8PloMd-t8 {
+  .-_8PloMd-t9 {
     --translateY: 100%;
   }
 
-  .__Ya8 {
+  .__Ya9 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Jb8 {
+  ._Jb9 {
     order: 1;
   }
 
-  .IM8 {
+  .IM9 {
     margin-inline-start: auto;
   }
 
-  ._Ja8 {
+  ._Ja9 {
     order: 0;
   }
 
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  .eb8 {
+  .eb9 {
     align-items: center;
   }
 
-  .Ub8 {
+  .Ub9 {
     row-gap: .25rem;
   }
 
-  .qb8 {
+  .qb9 {
     column-gap: .25rem;
   }
 
-  .ug8 {
+  .ug9 {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .vd8 {
+  .vd9 {
     font-size: .875rem;
   }
 
-  .wb8 {
+  .wb9 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb8 {
+  .xb9 {
     font-weight: 400;
   }
 
-  ._xa8 {
+  ._xa9 {
     font-synthesis-weight: none;
   }
 
-  ._Fa8 {
+  ._Fa9 {
     line-height: 1.3;
   }
 
-  .pt8 {
+  .pt9 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pr8 {
+  .pr9 {
     color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 }
 
 @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 _.b.l {
   @media (forced-colors: active) {
-    .Ola8 {
+    .Ola9 {
       outline-color: buttonborder;
     }
   }
 }
 
 @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;
     }
   }

package/dist/ActionBar.mjs

@@ -40,50 +40,50 @@ function $parcel$interopDefault(a) {
 
 const $f21f2186348fbc5b$var$actionBarStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' oc8';
-    rules += ' nc8';
-    rules += ' kc8';
-    rules += ' jc8';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g08';
-    else rules += ' -Ovbhqd-g_g8';
-    rules += ' gEzkoQe8';
-    rules += ' _nb8';
-    rules += ' _oa8';
-    rules += ' _Lf8';
-    rules += ' _Mb8';
-    rules += ' _Ka8';
-    if (props.isEmphasized) rules += ' Oj8';
-    else rules += ' Of8';
-    rules += ' Ola8';
-    rules += ' St8';
-    rules += ' Rt8';
-    rules += ' Te8';
-    rules += ' Qe8';
-    rules += ' sd8';
-    rules += ' Ul8';
-    rules += ' ql8';
-    rules += ' eb8';
-    if (props.isInContainer) rules += ' _Pa8';
-    rules += ' _lr8';
-    rules += ' _AI8';
-    rules += ' -F3Iohc-_zI8';
-    if (props.isInContainer) rules += ' Zd8';
-    else rules += ' Za8';
-    rules += ' IM8';
-    rules += ' HM8';
-    rules += ' Ll8';
-    rules += ' Yg8';
-    rules += ' Xc8';
-    rules += ' _2b8';
+    rules += ' oc9';
+    rules += ' nc9';
+    rules += ' kc9';
+    rules += ' jc9';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g09';
+    else rules += ' -Ovbhqd-g_g9';
+    rules += ' gEzkoQe9';
+    rules += ' _nb9';
+    rules += ' _oa9';
+    rules += ' _Lf9';
+    rules += ' _Mb9';
+    rules += ' _Ka9';
+    if (props.isEmphasized) rules += ' Oj9';
+    else rules += ' Of9';
+    rules += ' Ola9';
+    rules += ' St9';
+    rules += ' Rt9';
+    rules += ' Te9';
+    rules += ' Qe9';
+    rules += ' sd9';
+    rules += ' Ul9';
+    rules += ' ql9';
+    rules += ' eb9';
+    if (props.isInContainer) rules += ' _Pa9';
+    rules += ' _lr9';
+    rules += ' _AI9';
+    rules += ' -F3Iohc-_zI9';
+    if (props.isInContainer) rules += ' Zd9';
+    else rules += ' Za9';
+    rules += ' IM9';
+    rules += ' HM9';
+    rules += ' Ll9';
+    rules += ' Yg9';
+    rules += ' Xc9';
+    rules += ' _2b9';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-t9';
+        rules += ' __Ya9';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-t9';
+        rules += ' __Ya9';
     } else {
-        rules += ' -_8PloMd-q8';
-        rules += ' __Ya8';
+        rules += ' -_8PloMd-q9';
+        rules += ' __Ya9';
     }
     return rules;
 };
@@ -159,7 +159,7 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
             },
             children: [
                 /*#__PURE__*/ (0, $kxwJw$jsx)("div", {
-                    className: " _Jb8 IM8",
+                    className: " _Jb9 IM9",
                     children: /*#__PURE__*/ (0, $kxwJw$jsx)((0, $10401bdc118cbc90$export$73d695ae27330056), {
                         staticColor: isEmphasized ? 'auto' : undefined,
                         isQuiet: true,
@@ -168,7 +168,7 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
                     })
                 }),
                 /*#__PURE__*/ (0, $kxwJw$jsxs)("div", {
-                    className: " _Ja8 sd8 eb8 Ub8 qb8",
+                    className: " _Ja9 sd9 eb9 Ub9 qb9",
                     children: [
                         /*#__PURE__*/ (0, $kxwJw$jsx)((0, $a9cda54c4f47ce52$export$de65de8213222d10), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -178,23 +178,23 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
                         /*#__PURE__*/ (0, $kxwJw$jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
-                                rules += ' vd8';
-                                rules += ' vsf8';
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
-                                if (props.isEmphasized) rules += ' pr8';
-                                else rules += ' pt8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
+                                rules += ' vd9';
+                                rules += ' vsf9';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
+                                if (props.isEmphasized) rules += ' pr9';
+                                else rules += ' pt9';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized