@react-spectrum/s2 0.10.0 → 0.11.0

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 += ' sd1';
-    rules += ' _ta1';
+    rules += ' sd11';
+    rules += ' _ta11';
     return rules;
 };
 const $152a25dfd79f123a$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $etdk1$react.createContext)(null);

package/dist/Accordion.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .sd1 {
+  .sd11 {
     display: flex;
   }
 
-  ._ta1 {
+  ._ta11 {
     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 += ' sd1';
-    rules += ' _ta1';
+    rules += ' sd11';
+    rules += ' _ta11';
     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 += ' oc1';
-    rules += ' nc1';
-    rules += ' kc1';
-    rules += ' jc1';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g01';
-    else rules += ' -Ovbhqd-g_g1';
-    rules += ' gEzkoQe1';
-    rules += ' _nb1';
-    rules += ' _oa1';
-    rules += ' _Lf1';
-    rules += ' _Mb1';
-    rules += ' _Ka1';
-    if (props.isEmphasized) rules += ' Oj1';
-    else rules += ' Of1';
-    rules += ' Ola1';
-    rules += ' St1';
-    rules += ' Rt1';
-    rules += ' Te1';
-    rules += ' Qe1';
-    rules += ' sd1';
-    rules += ' Ul1';
-    rules += ' ql1';
-    rules += ' eb1';
-    if (props.isInContainer) rules += ' _Pa1';
-    rules += ' _lr1';
-    rules += ' _AI1';
-    rules += ' -F3Iohc-_zI1';
-    if (props.isInContainer) rules += ' Zd1';
-    else rules += ' Za1';
-    rules += ' IM1';
-    rules += ' HM1';
-    rules += ' Ll1';
-    rules += ' Yg1';
-    rules += ' Xc1';
-    rules += ' _2b1';
+    rules += ' oc11';
+    rules += ' nc11';
+    rules += ' kc11';
+    rules += ' jc11';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g011';
+    else rules += ' -Ovbhqd-g_g11';
+    rules += ' gEzkoQe11';
+    rules += ' _nb11';
+    rules += ' _oa11';
+    rules += ' _Lf11';
+    rules += ' _Mb11';
+    rules += ' _Ka11';
+    if (props.isEmphasized) rules += ' Oj11';
+    else rules += ' Of11';
+    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';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-t11';
+        rules += ' __Ya11';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-t11';
+        rules += ' __Ya11';
     } else {
-        rules += ' -_8PloMd-q1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-q11';
+        rules += ' __Ya11';
     }
     return rules;
 };
@@ -167,7 +167,7 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
             },
             children: [
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("div", {
-                    className: " _Jb1 IM1",
+                    className: " _Jb11 IM11",
                     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: " _Ja1 sd1 eb1 Ub1 qb1",
+                    className: " _Ja11 sd11 eb11 Ub11 qb11",
                     children: [
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -186,25 +186,25 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' uk1';
-                                rules += ' uch1';
-                                rules += ' udi1';
-                                rules += ' uea1';
-                                rules += ' ugb1';
-                                rules += ' uhd1';
-                                rules += ' uje1';
-                                rules += ' u2NhKxcl1';
-                                rules += ' uic1';
-                                rules += ' -_6BNtrc-c1';
-                                rules += ' vx1';
-                                rules += ' wb1';
-                                rules += ' xb1';
-                                rules += ' _xa1';
-                                rules += ' _Fd1';
-                                rules += ' _FezxGHba1';
-                                rules += ' _FnuYUweb1';
-                                if (props.isEmphasized) rules += ' pr1';
-                                else rules += ' pt1';
+                                rules += ' uk11';
+                                rules += ' uch11';
+                                rules += ' udi11';
+                                rules += ' uea11';
+                                rules += ' ugb11';
+                                rules += ' uhd11';
+                                rules += ' uje11';
+                                rules += ' u2NhKxcl11';
+                                rules += ' uic11';
+                                rules += ' -_6BNtrc-c11';
+                                rules += ' vx11';
+                                rules += ' wb11';
+                                rules += ' xb11';
+                                rules += ' _xa11';
+                                rules += ' _Fd11';
+                                rules += ' _FezxGHba11';
+                                rules += ' _FnuYUweb11';
+                                if (props.isEmphasized) rules += ' pr11';
+                                else rules += ' pt11';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized

package/dist/ActionBar.css

@@ -1,265 +1,265 @@
 @layer _.a {
-  .oc1 {
+  .oc11 {
     border-start-start-radius: .625rem;
   }
 
-  .nc1 {
+  .nc11 {
     border-start-end-radius: .625rem;
   }
 
-  .kc1 {
+  .kc11 {
     border-end-start-radius: .625rem;
   }
 
-  .jc1 {
+  .jc11 {
     border-end-end-radius: .625rem;
   }
 
-  .-Ovbhqd-g_g1 {
+  .-Ovbhqd-g_g11 {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 
-  .-Ovbhqd-g01 {
+  .-Ovbhqd-g011 {
     --s2-container-bg: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .gEzkoQe1 {
+  .gEzkoQe11 {
     background-color: var(--s2-container-bg);
   }
 
-  ._nb1 {
+  ._nb11 {
     box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
   }
 
-  ._oa1 {
+  ._oa11 {
     box-sizing: border-box;
   }
 
-  ._Lf1 {
+  ._Lf11 {
     outline-style: solid;
   }
 
-  ._Mb1 {
+  ._Mb11 {
     outline-width: 1px;
   }
 
-  ._Ka1 {
+  ._Ka11 {
     outline-offset: -1px;
   }
 
-  .Of1 {
+  .Of11 {
     outline-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .Oj1 {
+  .Oj11 {
     outline-color: #0000;
   }
 
-  .St1 {
+  .St11 {
     padding-inline-start: 8px;
   }
 
-  .Rt1 {
+  .Rt11 {
     padding-inline-end: 8px;
   }
 
-  .Te1 {
+  .Te11 {
     padding-top: 12px;
   }
 
-  .Qe1 {
+  .Qe11 {
     padding-bottom: 12px;
   }
 
-  .Ul1 {
+  .Ul11 {
     row-gap: 1rem;
   }
 
-  .ql1 {
+  .ql11 {
     column-gap: 1rem;
   }
 
-  ._Pa1 {
+  ._Pa11 {
     position: absolute;
   }
 
-  ._lr1 {
+  ._lr11 {
     bottom: 0;
   }
 
-  ._AI1 {
+  ._AI11 {
     inset-inline-start: 8px;
   }
 
-  .-F3Iohc-_zI1 {
+  .-F3Iohc-_zI11 {
     --insetEnd: 8px;
   }
 
-  .Za1 {
+  .Za11 {
     width: 100%;
   }
 
-  .Zd1 {
+  .Zd11 {
     width: auto;
   }
 
-  .HM1 {
+  .HM11 {
     margin-inline-end: auto;
   }
 
-  .Ll1 {
+  .Ll11 {
     max-width: calc(60rem * var(--s2-scale));
   }
 
-  .Yg1 {
+  .Yg11 {
     transition-property: transform, translate, scale, rotate;
   }
 
-  .Xc1 {
+  .Xc11 {
     transition-duration: .2s;
   }
 
-  ._2b1 {
+  ._2b11 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .-_8PloMd-q1 {
+  .-_8PloMd-q11 {
     --translateY: -8px;
   }
 
-  .-_8PloMd-t1 {
+  .-_8PloMd-t11 {
     --translateY: 100%;
   }
 
-  .__Ya1 {
+  .__Ya11 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._Jb1 {
+  ._Jb11 {
     order: 1;
   }
 
-  .IM1 {
+  .IM11 {
     margin-inline-start: auto;
   }
 
-  ._Ja1 {
+  ._Ja11 {
     order: 0;
   }
 
-  .sd1 {
+  .sd11 {
     display: flex;
   }
 
-  .eb1 {
+  .eb11 {
     align-items: center;
   }
 
-  .Ub1 {
+  .Ub11 {
     row-gap: .25rem;
   }
 
-  .qb1 {
+  .qb11 {
     column-gap: .25rem;
   }
 
-  .uk1 {
+  .uk11 {
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .-_6BNtrc-c1 {
+  .-_6BNtrc-c11 {
     --fs: pow(1.125, 0);
   }
 
-  .vx1 {
+  .vx11 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .wb1 {
+  .wb11 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb1 {
+  .xb11 {
     font-weight: 400;
   }
 
-  ._xa1 {
+  ._xa11 {
     font-synthesis-weight: none;
   }
 
-  ._Fd1 {
+  ._Fd11 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .pt1 {
+  .pt11 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .pr1 {
+  .pr11 {
     color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 }
 
 @layer _.b {
-  .uch1:lang(ar) {
+  .uch11:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FezxGHba1:is(:lang(ar), :lang(he)) {
+  ._FezxGHba11:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 }
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola1 {
+    .Ola11 {
       outline-color: buttonborder;
     }
   }
 }
 
 @layer _.c {
-  .udi1:lang(he) {
+  .udi11:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.d {
-  .uea1:lang(ja) {
+  .uea11: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 {
-  .ugb1:lang(ko) {
+  .ugb11:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd1:lang(zh) {
+  .uhd11:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje1:lang(zh-hant) {
+  .uje11: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 {
-  .u2NhKxcl1:lang(zh-HK) {
+  .u2NhKxcl11: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 {
-  .uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic11: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,50 +40,50 @@ function $parcel$interopDefault(a) {
 
 const $f21f2186348fbc5b$var$actionBarStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' oc1';
-    rules += ' nc1';
-    rules += ' kc1';
-    rules += ' jc1';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g01';
-    else rules += ' -Ovbhqd-g_g1';
-    rules += ' gEzkoQe1';
-    rules += ' _nb1';
-    rules += ' _oa1';
-    rules += ' _Lf1';
-    rules += ' _Mb1';
-    rules += ' _Ka1';
-    if (props.isEmphasized) rules += ' Oj1';
-    else rules += ' Of1';
-    rules += ' Ola1';
-    rules += ' St1';
-    rules += ' Rt1';
-    rules += ' Te1';
-    rules += ' Qe1';
-    rules += ' sd1';
-    rules += ' Ul1';
-    rules += ' ql1';
-    rules += ' eb1';
-    if (props.isInContainer) rules += ' _Pa1';
-    rules += ' _lr1';
-    rules += ' _AI1';
-    rules += ' -F3Iohc-_zI1';
-    if (props.isInContainer) rules += ' Zd1';
-    else rules += ' Za1';
-    rules += ' IM1';
-    rules += ' HM1';
-    rules += ' Ll1';
-    rules += ' Yg1';
-    rules += ' Xc1';
-    rules += ' _2b1';
+    rules += ' oc11';
+    rules += ' nc11';
+    rules += ' kc11';
+    rules += ' jc11';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g011';
+    else rules += ' -Ovbhqd-g_g11';
+    rules += ' gEzkoQe11';
+    rules += ' _nb11';
+    rules += ' _oa11';
+    rules += ' _Lf11';
+    rules += ' _Mb11';
+    rules += ' _Ka11';
+    if (props.isEmphasized) rules += ' Oj11';
+    else rules += ' Of11';
+    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';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-t11';
+        rules += ' __Ya11';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-t11';
+        rules += ' __Ya11';
     } else {
-        rules += ' -_8PloMd-q1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-q11';
+        rules += ' __Ya11';
     }
     return rules;
 };
@@ -159,7 +159,7 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
             },
             children: [
                 /*#__PURE__*/ (0, $kxwJw$jsx)("div", {
-                    className: " _Jb1 IM1",
+                    className: " _Jb11 IM11",
                     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: " _Ja1 sd1 eb1 Ub1 qb1",
+                    className: " _Ja11 sd11 eb11 Ub11 qb11",
                     children: [
                         /*#__PURE__*/ (0, $kxwJw$jsx)((0, $a9cda54c4f47ce52$export$de65de8213222d10), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -178,25 +178,25 @@ const $f21f2186348fbc5b$var$ActionBarInner = /*#__PURE__*/ (0, $kxwJw$forwardRef
                         /*#__PURE__*/ (0, $kxwJw$jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' uk1';
-                                rules += ' uch1';
-                                rules += ' udi1';
-                                rules += ' uea1';
-                                rules += ' ugb1';
-                                rules += ' uhd1';
-                                rules += ' uje1';
-                                rules += ' u2NhKxcl1';
-                                rules += ' uic1';
-                                rules += ' -_6BNtrc-c1';
-                                rules += ' vx1';
-                                rules += ' wb1';
-                                rules += ' xb1';
-                                rules += ' _xa1';
-                                rules += ' _Fd1';
-                                rules += ' _FezxGHba1';
-                                rules += ' _FnuYUweb1';
-                                if (props.isEmphasized) rules += ' pr1';
-                                else rules += ' pt1';
+                                rules += ' uk11';
+                                rules += ' uch11';
+                                rules += ' udi11';
+                                rules += ' uea11';
+                                rules += ' ugb11';
+                                rules += ' uhd11';
+                                rules += ' uje11';
+                                rules += ' u2NhKxcl11';
+                                rules += ' uic11';
+                                rules += ' -_6BNtrc-c11';
+                                rules += ' vx11';
+                                rules += ' wb11';
+                                rules += ' xb11';
+                                rules += ' _xa11';
+                                rules += ' _Fd11';
+                                rules += ' _FezxGHba11';
+                                rules += ' _FnuYUweb11';
+                                if (props.isEmphasized) rules += ' pr11';
+                                else rules += ' pt11';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized