@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/Accordion.cjs

@@ -36,8 +36,8 @@ $parcel$export(module.exports, "AccordionItemPanel", () => $152a25dfd79f123a$exp
 const $152a25dfd79f123a$var$accordion = function anonymous(props, overrides) {
     let rules = " ";
     rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd11';
-    rules += ' _ta11';
+    rules += ' sd12';
+    rules += ' _ta12';
     return rules;
 };
 const $152a25dfd79f123a$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $etdk1$react.createContext)(null);

package/dist/Accordion.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  ._ta11 {
+  ._ta12 {
     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 += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd11';
-    rules += ' _ta11';
+    rules += ' sd12';
+    rules += ' _ta12';
     return rules;
 };
 const $e0a5d45f488fa6ba$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $cFlas$createContext)(null);

package/dist/ActionBar.cjs

@@ -48,49 +48,49 @@ $parcel$export(module.exports, "useActionBarContainer", () => $85bf454149fe9ddc$
 
 const $85bf454149fe9ddc$var$actionBarStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' oc11';
-    rules += ' nc11';
-    rules += ' kc11';
-    rules += ' jc11';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g011';
-    else rules += ' -Ovbhqd-g_g11';
-    rules += ' gEzkoQe11';
-    rules += ' _nLeasBb11';
-    rules += ' _oa11';
-    rules += ' _Lf11';
-    rules += ' _Mb11';
-    if (props.isEmphasized) rules += ' Oj11';
-    else rules += ' Oye39g11';
-    rules += ' Ola11';
-    rules += ' St11';
-    rules += ' Rt11';
-    rules += ' Te11';
-    rules += ' Qe11';
-    rules += ' sd11';
-    rules += ' Ul11';
-    rules += ' ql11';
-    rules += ' eb11';
-    if (props.isInContainer) rules += ' _Pa11';
-    rules += ' _lr11';
-    rules += ' _AI11';
-    rules += ' -F3Iohc-_zI11';
-    if (props.isInContainer) rules += ' Zd11';
-    else rules += ' Za11';
-    rules += ' IM11';
-    rules += ' HM11';
-    rules += ' Ll11';
-    rules += ' Yg11';
-    rules += ' Xc11';
-    rules += ' _2b11';
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g012';
+    else rules += ' -Ovbhqd-g_g12';
+    rules += ' gEzkoQe12';
+    rules += ' _nLeasBb12';
+    rules += ' _oa12';
+    rules += ' _Lf12';
+    rules += ' _Mb12';
+    if (props.isEmphasized) rules += ' Oj12';
+    else rules += ' Oye39g12';
+    rules += ' Ola12';
+    rules += ' St12';
+    rules += ' Rt12';
+    rules += ' Te12';
+    rules += ' Qe12';
+    rules += ' sd12';
+    rules += ' Ul12';
+    rules += ' ql12';
+    rules += ' eb12';
+    if (props.isInContainer) rules += ' _Pa12';
+    rules += ' _lr12';
+    rules += ' _AI12';
+    rules += ' -F3Iohc-_zI12';
+    if (props.isInContainer) rules += ' Zd12';
+    else rules += ' Za12';
+    rules += ' IM12';
+    rules += ' HM12';
+    rules += ' Ll12';
+    rules += ' Yg12';
+    rules += ' Xc12';
+    rules += ' _2b12';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-t12';
+        rules += ' __Ya12';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-t12';
+        rules += ' __Ya12';
     } else {
-        rules += ' -_8PloMd-q11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-q12';
+        rules += ' __Ya12';
     }
     return rules;
 };
@@ -168,7 +168,7 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
             },
             children: [
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("div", {
-                    className: " _Jb11 IM11",
+                    className: " _Jb12 IM12",
                     children: /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $7a26131f6144af2b$exports.ActionButtonGroup), {
                         staticColor: isEmphasized ? 'auto' : undefined,
                         isQuiet: true,
@@ -177,7 +177,7 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                     })
                 }),
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsxs)("div", {
-                    className: " _Ja11 sd11 eb11 Ub11 qb11",
+                    className: " _Ja12 sd12 eb12 Ub12 qb12",
                     children: [
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -187,23 +187,23 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
-                                rules += ' -_6BNtrc-c11';
-                                rules += ' vx11';
-                                rules += ' xb11';
-                                rules += ' _xa11';
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
-                                if (props.isEmphasized) rules += ' pr11';
-                                else rules += ' pt11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
+                                rules += ' -_6BNtrc-c12';
+                                rules += ' vx12';
+                                rules += ' xb12';
+                                rules += ' _xa12';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
+                                if (props.isEmphasized) rules += ' pr12';
+                                else rules += ' pt12';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized

package/dist/ActionBar.css

@@ -1,253 +1,253 @@
 @layer _.a {
-  .oc11 {
+  .oc12 {
     border-start-start-radius: .625rem;
   }
 
-  .nc11 {
+  .nc12 {
     border-start-end-radius: .625rem;
   }
 
-  .kc11 {
+  .kc12 {
     border-end-start-radius: .625rem;
   }
 
-  .jc11 {
+  .jc12 {
     border-end-end-radius: .625rem;
   }
 
-  .-Ovbhqd-g_g11 {
+  .-Ovbhqd-g_g12 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .-Ovbhqd-g011 {
+  .-Ovbhqd-g012 {
     --s2-container-bg: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .gEzkoQe11 {
+  .gEzkoQe12 {
     background-color: var(--s2-container-bg);
   }
 
-  ._nLeasBb11 {
+  ._nLeasBb12 {
     box-shadow: 0 4px 12px var(--lightningcss-light, #00000014) var(--lightningcss-dark, #0000003d), 0 2px 6px var(--lightningcss-light, #0000000a) var(--lightningcss-dark, #0000001f), 0 0 2px var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #0000005c);
   }
 
-  ._oa11 {
+  ._oa12 {
     box-sizing: border-box;
   }
 
-  ._Lf11 {
+  ._Lf12 {
     outline-style: solid;
   }
 
-  ._Mb11 {
+  ._Mb12 {
     outline-width: 1px;
   }
 
-  .Oye39g11 {
+  .Oye39g12 {
     outline-color: var(--lightningcss-light, #fff0) var(--lightningcss-dark, #323232);
   }
 
-  .Oj11 {
+  .Oj12 {
     outline-color: #0000;
   }
 
-  .St11 {
+  .St12 {
     padding-inline-start: 8px;
   }
 
-  .Rt11 {
+  .Rt12 {
     padding-inline-end: 8px;
   }
 
-  .Te11 {
+  .Te12 {
     padding-top: 12px;
   }
 
-  .Qe11 {
+  .Qe12 {
     padding-bottom: 12px;
   }
 
-  .Ul11 {
+  .Ul12 {
     row-gap: 1rem;
   }
 
-  .ql11 {
+  .ql12 {
     column-gap: 1rem;
   }
 
-  ._Pa11 {
+  ._Pa12 {
     position: absolute;
   }
 
-  ._lr11 {
+  ._lr12 {
     bottom: 0;
   }
 
-  ._AI11 {
+  ._AI12 {
     inset-inline-start: 8px;
   }
 
-  .-F3Iohc-_zI11 {
+  .-F3Iohc-_zI12 {
     --insetEnd: 8px;
   }
 
-  .Za11 {
+  .Za12 {
     width: 100%;
   }
 
-  .Zd11 {
+  .Zd12 {
     width: auto;
   }
 
-  .HM11 {
+  .HM12 {
     margin-inline-end: auto;
   }
 
-  .Ll11 {
+  .Ll12 {
     max-width: calc(60rem * var(--s2-scale));
   }
 
-  .Yg11 {
+  .Yg12 {
     transition-property: transform, translate, scale, rotate;
   }
 
-  .Xc11 {
+  .Xc12 {
     transition-duration: .2s;
   }
 
-  ._2b11 {
+  ._2b12 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .-_8PloMd-q11 {
+  .-_8PloMd-q12 {
     --translateY: -8px;
   }
 
-  .-_8PloMd-t11 {
+  .-_8PloMd-t12 {
     --translateY: 100%;
   }
 
-  .__Ya11 {
+  .__Ya12 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Jb11 {
+  ._Jb12 {
     order: 1;
   }
 
-  .IM11 {
+  .IM12 {
     margin-inline-start: auto;
   }
 
-  ._Ja11 {
+  ._Ja12 {
     order: 0;
   }
 
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  .eb11 {
+  .eb12 {
     align-items: center;
   }
 
-  .Ub11 {
+  .Ub12 {
     row-gap: .25rem;
   }
 
-  .qb11 {
+  .qb12 {
     column-gap: .25rem;
   }
 
-  .uk11 {
+  .uk12 {
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .-_6BNtrc-c11 {
+  .-_6BNtrc-c12 {
     --fs: pow(1.125, 0);
   }
 
-  .vx11 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .xb11 {
+  .xb12 {
     font-weight: 400;
   }
 
-  ._xa11 {
+  ._xa12 {
     font-synthesis-weight: none;
   }
 
-  ._Fd11 {
+  ._Fd12 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .pt11 {
+  .pt12 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pr11 {
+  .pr12 {
     color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 }
 
 @layer _.b {
-  .ucJ9TBTb11:lang(ar) {
+  .ucJ9TBTb12:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola11 {
+    .Ola12 {
       outline-color: buttonborder;
     }
   }
 }
 
 @layer _.c {
-  .ud3Euai11:lang(he) {
+  .ud3Euai12:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea11:lang(ja) {
+  .uea12: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 {
-  .ugb11:lang(ko) {
+  .ugb12:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd11:lang(zh) {
+  .uhd12:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje11:lang(zh-hant) {
+  .uje12: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 {
-  .u2NhKxcl11:lang(zh-HK) {
+  .u2NhKxcl12:lang(zh-HK) {
     font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.i {
-  .uic11:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic12: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;
   }
 }

package/dist/ActionBar.mjs

@@ -40,49 +40,49 @@ function $parcel$interopDefault(a) {
 
 const $f21f2186348fbc5b$var$actionBarStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' oc11';
-    rules += ' nc11';
-    rules += ' kc11';
-    rules += ' jc11';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g011';
-    else rules += ' -Ovbhqd-g_g11';
-    rules += ' gEzkoQe11';
-    rules += ' _nLeasBb11';
-    rules += ' _oa11';
-    rules += ' _Lf11';
-    rules += ' _Mb11';
-    if (props.isEmphasized) rules += ' Oj11';
-    else rules += ' Oye39g11';
-    rules += ' Ola11';
-    rules += ' St11';
-    rules += ' Rt11';
-    rules += ' Te11';
-    rules += ' Qe11';
-    rules += ' sd11';
-    rules += ' Ul11';
-    rules += ' ql11';
-    rules += ' eb11';
-    if (props.isInContainer) rules += ' _Pa11';
-    rules += ' _lr11';
-    rules += ' _AI11';
-    rules += ' -F3Iohc-_zI11';
-    if (props.isInContainer) rules += ' Zd11';
-    else rules += ' Za11';
-    rules += ' IM11';
-    rules += ' HM11';
-    rules += ' Ll11';
-    rules += ' Yg11';
-    rules += ' Xc11';
-    rules += ' _2b11';
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g012';
+    else rules += ' -Ovbhqd-g_g12';
+    rules += ' gEzkoQe12';
+    rules += ' _nLeasBb12';
+    rules += ' _oa12';
+    rules += ' _Lf12';
+    rules += ' _Mb12';
+    if (props.isEmphasized) rules += ' Oj12';
+    else rules += ' Oye39g12';
+    rules += ' Ola12';
+    rules += ' St12';
+    rules += ' Rt12';
+    rules += ' Te12';
+    rules += ' Qe12';
+    rules += ' sd12';
+    rules += ' Ul12';
+    rules += ' ql12';
+    rules += ' eb12';
+    if (props.isInContainer) rules += ' _Pa12';
+    rules += ' _lr12';
+    rules += ' _AI12';
+    rules += ' -F3Iohc-_zI12';
+    if (props.isInContainer) rules += ' Zd12';
+    else rules += ' Za12';
+    rules += ' IM12';
+    rules += ' HM12';
+    rules += ' Ll12';
+    rules += ' Yg12';
+    rules += ' Xc12';
+    rules += ' _2b12';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-t12';
+        rules += ' __Ya12';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-t12';
+        rules += ' __Ya12';
     } else {
-        rules += ' -_8PloMd-q11';
-        rules += ' __Ya11';
+        rules += ' -_8PloMd-q12';
+        rules += ' __Ya12';
     }
     return rules;
 };
@@ -160,7 +160,7 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
             },
             children: [
                 /*#__PURE__*/ (0, $kxwJw$jsx)("div", {
-                    className: " _Jb11 IM11",
+                    className: " _Jb12 IM12",
                     children: /*#__PURE__*/ (0, $kxwJw$jsx)((0, $10401bdc118cbc90$export$73d695ae27330056), {
                         staticColor: isEmphasized ? 'auto' : undefined,
                         isQuiet: true,
@@ -169,7 +169,7 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
                     })
                 }),
                 /*#__PURE__*/ (0, $kxwJw$jsxs)("div", {
-                    className: " _Ja11 sd11 eb11 Ub11 qb11",
+                    className: " _Ja12 sd12 eb12 Ub12 qb12",
                     children: [
                         /*#__PURE__*/ (0, $kxwJw$jsx)((0, $a9cda54c4f47ce52$export$de65de8213222d10), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -179,23 +179,23 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
                         /*#__PURE__*/ (0, $kxwJw$jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
-                                rules += ' -_6BNtrc-c11';
-                                rules += ' vx11';
-                                rules += ' xb11';
-                                rules += ' _xa11';
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
-                                if (props.isEmphasized) rules += ' pr11';
-                                else rules += ' pt11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
+                                rules += ' -_6BNtrc-c12';
+                                rules += ' vx12';
+                                rules += ' xb12';
+                                rules += ' _xa12';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
+                                if (props.isEmphasized) rules += ' pr12';
+                                else rules += ' pt12';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized