@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-e4497fdb6-250110

package/dist/Tabs.cjs

@@ -56,27 +56,27 @@ const $b27519d6a701105b$var$InternalTabsContext = /*#__PURE__*/ (0, $5oxdw$react
 });
 const $b27519d6a701105b$var$tabs = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
-    let $_8 = false;
-    for (let p of matches)if (/^\s*_8/.test(p)) $_8 = true;
-    rules += ' _Zd';
-    if (!$_8) rules += ' _8-3t1x';
-    rules += ' _c-bc1l9oh';
-    rules += ' _c-1uotwbwg';
-    rules += ' _c-eo0c6sf';
-    rules += ' _c-enzzrge';
-    rules += ' _c-enzykdd';
-    rules += ' _c-enzwzjc';
-    rules += ' _c-enzrfpb';
-    rules += ' _ca';
-    rules += ' _dbf';
-    rules += ' _de';
-    rules += ' _eb';
-    rules += ' _f-1x99dlob';
-    rules += ' _fa';
+    let $_9 = false;
+    for (let p of matches)if (/^\s*_9/.test(p)) $_9 = true;
+    rules += ' _0d';
+    if (!$_9) rules += ' _9-3t1x';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
+    rules += ' _ebf';
+    rules += ' _ee';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     rules += ' an';
-    if (props.orientation === "horizontal") rules += ' _6b';
+    if (props.orientation === "horizontal") rules += ' _7b';
     return rules;
 };
 const $b27519d6a701105b$export$b2539bed5023c21c = /*#__PURE__*/ (0, $5oxdw$react.forwardRef)(function Tabs(props, ref) {
@@ -120,7 +120,7 @@ const $b27519d6a701105b$export$b2539bed5023c21c = /*#__PURE__*/ (0, $5oxdw$react
 });
 const $b27519d6a701105b$var$tablist = function anonymous(props) {
     let rules = " .";
-    rules += ' _Zd';
+    rules += ' _0d';
     if (props.orientation === "horizontal") {
         if (props.isIconOnly) {
             if (props.density === "regular") rules += ' ih';
@@ -135,10 +135,10 @@ const $b27519d6a701105b$var$tablist = function anonymous(props) {
         } else if (props.density === "regular") rules += ' jj';
         else if (props.density === "compact") rules += ' jh';
     }
-    if (props.orientation === "vertical") rules += ' _6b';
+    if (props.orientation === "vertical") rules += ' _7b';
     if (props.orientation === "vertical") rules += ' Dg';
     if (props.orientation === "vertical") rules += ' Ce';
-    rules += ' _8-3t1x';
+    rules += ' _9-3t1x';
     rules += ' h-3hmsa';
     return rules;
 };
@@ -174,11 +174,11 @@ function $b27519d6a701105b$export$e51a686c67fdaa2d(props1) {
         style: props1.UNSAFE_style,
         className: (props1.UNSAFE_className || '') + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
-            let $U = false;
-            for (let p of matches)if (/^\s*U/.test(p)) $U = true;
-            if (!$U) rules += ' Uc';
+            let $V = false;
+            for (let p of matches)if (/^\s*V/.test(p)) $V = true;
+            if (!$V) rules += ' Vc';
             return rules;
         }(null, props1.styles),
         children: [
@@ -211,7 +211,7 @@ function $b27519d6a701105b$export$e51a686c67fdaa2d(props1) {
 }
 const $b27519d6a701105b$var$selectedIndicator = function anonymous(props) {
     let rules = " .";
-    rules += ' Ua';
+    rules += ' Va';
     if (props.isDisabled) rules += ' ba_____O';
     else rules += ' ba_____M';
     if (props.isDisabled) rules += ' bg';
@@ -223,14 +223,14 @@ const $b27519d6a701105b$var$selectedIndicator = function anonymous(props) {
     }
     if (props.orientation === "horizontal") rules += ' k-375zlr';
     if (props.orientation === "vertical") rules += ' l-375zlr';
-    if (props.orientation === "horizontal") rules += ' Za';
+    if (props.orientation === "horizontal") rules += ' _aa';
     rules += ' wf';
-    rules += ' _vf';
     rules += ' _wf';
     rules += ' _xf';
     rules += ' _yf';
-    rules += ' _Q-375x5l';
-    rules += ' _Ra';
+    rules += ' _zf';
+    rules += ' _R-375x5l';
+    rules += ' _Sa';
     return rules;
 };
 function $b27519d6a701105b$var$TabLine(props) {
@@ -297,21 +297,21 @@ function $b27519d6a701105b$var$TabLine(props) {
 }
 const $b27519d6a701105b$var$tab = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
-    let $U = false;
-    let $_8 = false;
+    let $V = false;
+    let $_9 = false;
     for (let p of matches){
-        if (/^\s*U/.test(p)) $U = true;
-        if (/^\s*_8/.test(p)) $_8 = true;
+        if (/^\s*V/.test(p)) $V = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
     }
-    if (props.isFocusVisible) rules += ' _Lb';
-    else rules += ' _La';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
     rules += ' da_____M';
     rules += ' dx';
-    rules += ' _Nc';
-    rules += ' _M-3t1z';
-    rules += ' _Zd';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
+    rules += ' _0d';
     if (props.isDisabled) rules += ' aa_____O';
     else if (props.isSelected) rules += ' aa_____M';
     if (props.isDisabled) rules += ' aj';
@@ -329,28 +329,28 @@ const $b27519d6a701105b$var$tab = function anonymous(props, overrides) {
         else if (props.isFocusVisible) rules += ' an';
         else rules += ' am';
     }
-    rules += ' _vb';
     rules += ' _wb';
     rules += ' _xb';
     rules += ' _yb';
+    rules += ' _zb';
     rules += ' ibH';
     rules += ' iG';
     rules += ' jbH';
     rules += ' jG';
     if (props.density === "regular") rules += ' k_a';
     else if (props.density === "compact") rules += ' kU';
-    rules += ' _1c';
-    if (!$U) rules += ' Uc';
-    rules += ' __Hb';
-    if (!$_8) rules += ' _8-3t1x';
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
+    rules += ' _2c';
+    if (!$V) rules += ' Vc';
+    rules += ' __Ib';
+    if (!$_9) rules += ' _9-3t1x';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
     if (props.isIconOnly) rules += ' C-ve8p9e';
     if (props.isIconOnly) rules += ' D-ve8p9e';
     return rules;
 };
-const $b27519d6a701105b$var$icon = " . _Za _8-3t1x -rwx0fg_e-b";
+const $b27519d6a701105b$var$icon = " . _0a _9-3t1x -rwx0fg_e-b";
 function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
     let { density: density, isIconOnly: isIconOnly } = (0, $5oxdw$react.useContext)($b27519d6a701105b$var$InternalTabsContext) ?? {};
     return /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)((0, $5oxdw$reactariacomponents.Tab), {
@@ -373,8 +373,8 @@ function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
                         {
                             styles: function anonymous(props) {
                                 let rules = " .";
-                                rules += ' __A-3t1y';
-                                if (props.isIconOnly) rules += ' _Zj';
+                                rules += ' __B-3t1y';
+                                if (props.isIconOnly) rules += ' _0j';
                                 return rules;
                             }({
                                 isIconOnly: isIconOnly
@@ -386,7 +386,7 @@ function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
                         {
                             render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                 slot: 'icon',
-                                styles: " . __A-3t1x"
+                                styles: " . __B-3t1x"
                             }),
                             styles: $b27519d6a701105b$var$icon
                         }
@@ -401,23 +401,23 @@ function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
 }
 const $b27519d6a701105b$var$tabPanel = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
     let $A = false;
-    let $_9 = false;
+    let $__a = false;
     let $h = false;
     let $o = false;
     let $q = false;
     for (let p of matches){
         if (/^\s*A/.test(p)) $A = true;
-        if (/^\s*_9/.test(p)) $_9 = true;
+        if (/^\s*__a/.test(p)) $__a = true;
         if (/^\s*h/.test(p)) $h = true;
         if (/^\s*o/.test(p)) $o = true;
         if (/^\s*q/.test(p)) $q = true;
     }
     if (!$A) rules += ' Ac';
     rules += ' an';
-    if (!$_9) rules += ' _9-3t1y';
+    if (!$__a) rules += ' __a-3t1y';
     if (!$h) rules += ' h-3hmsa';
     if (!$o) rules += ' oo';
     if (!$q) rules += ' qo';
@@ -451,7 +451,7 @@ let $b27519d6a701105b$var$HiddenTabs = function(props) {
         // @ts-ignore
         inert: "true",
         ref: listRef,
-        className: " . _Z-17zqamw _6-17zqamw i-17zqamw j-17zqamw _7-17zqamw Ua Xa Za Va Wa __Eb __vb __wb _K-3t1x",
+        className: " . _0-17zqamw _7-17zqamw i-17zqamw j-17zqamw _8-17zqamw Va Ya _aa Wa Xa __Fb __wb __xb _L-3t1x",
         children: items.map((item)=>{
             // pull off individual props as an allow list, don't want refs or other props getting through
             return /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)("div", {
@@ -485,8 +485,8 @@ let $b27519d6a701105b$var$TabsMenu = (props1)=>{
         children: /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)("div", {
             className: function anonymous(props) {
                 let rules = " .";
-                rules += ' _Zd';
-                rules += ' _1c';
+                rules += ' _0d';
+                rules += ' _2c';
                 if (props.density === "regular") rules += ' k_a';
                 else if (props.density === "compact") rules += ' kU';
                 return rules;

package/dist/Tabs.css

@@ -1,19 +1,19 @@
 @layer _.a {
-  ._ca {
+  ._da {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._eb {
+  ._fb {
     font-variation-settings: "wght" 400;
     font-synthesis-weight: none;
     font-weight: 400;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -41,7 +41,7 @@
     column-gap: 1.5rem;
   }
 
-  ._6b {
+  ._7b {
     flex-direction: column;
   }
 
@@ -77,31 +77,31 @@
     border-style: none;
   }
 
-  ._vf {
+  ._wf {
     border-start-start-radius: 9999px;
   }
 
-  ._wf {
+  ._xf {
     border-start-end-radius: 9999px;
   }
 
-  ._xf {
+  ._yf {
     border-end-start-radius: 9999px;
   }
 
-  ._yf {
+  ._zf {
     border-end-end-radius: 9999px;
   }
 
-  ._Q-375x5l {
+  ._R-375x5l {
     transition-duration: .13s;
   }
 
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 
-  ._Lb {
+  ._Mb {
     outline-style: solid;
   }
 
@@ -109,11 +109,11 @@
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  ._Nc {
+  ._Oc {
     outline-width: 2px;
   }
 
-  ._M-3t1z {
+  ._N-3t1z {
     outline-offset: 2px;
   }
 
@@ -129,19 +129,19 @@
     color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  ._vb {
+  ._wb {
     border-start-start-radius: .25rem;
   }
 
-  ._wb {
+  ._xb {
     border-start-end-radius: .25rem;
   }
 
-  ._xb {
+  ._yb {
     border-end-start-radius: .25rem;
   }
 
-  ._yb {
+  ._zb {
     border-end-end-radius: .25rem;
   }
 
@@ -153,23 +153,23 @@
     column-gap: .428571em;
   }
 
-  .Uc {
+  .Vc {
     position: relative;
   }
 
-  .__Hb {
+  .__Ib {
     cursor: default;
   }
 
-  ._Oa {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+  ._Pa {
+    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._Q-375x7f {
+  ._R-375x7f {
     transition-duration: .15s;
   }
 
-  ._Ra {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
@@ -181,11 +181,11 @@
     padding-inline-end: calc(.375rem * var(--s2-scale));
   }
 
-  ._Za {
+  ._0a {
     display: block;
   }
 
-  ._8-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
@@ -193,15 +193,15 @@
     --iconPrimary: currentColor;
   }
 
-  .__A-3t1y {
+  .__B-3t1y {
     order: 1;
   }
 
-  ._Zj {
+  ._0j {
     display: none;
   }
 
-  .__A-3t1x {
+  .__B-3t1x {
     order: 0;
   }
 
@@ -213,7 +213,7 @@
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  ._9-3t1y {
+  .__a-3t1y {
     flex-grow: 1;
   }
 
@@ -229,11 +229,11 @@
     min-width: 0;
   }
 
-  ._Z-17zqamw {
+  ._0-17zqamw {
     display: inherit;
   }
 
-  ._6-17zqamw {
+  ._7-17zqamw {
     flex-direction: inherit;
   }
 
@@ -245,51 +245,51 @@
     column-gap: inherit;
   }
 
-  ._7-17zqamw {
+  ._8-17zqamw {
     flex-wrap: inherit;
   }
 
-  .Ua {
+  .Va {
     position: absolute;
   }
 
-  .Xa {
+  .Ya {
     top: 0;
   }
 
-  .Za {
+  ._aa {
     bottom: 0;
   }
 
-  .Va {
+  .Wa {
     inset-inline-start: 0;
   }
 
-  .Wa {
+  .Xa {
     inset-inline-end: 0;
   }
 
-  .__Eb {
+  .__Fb {
     visibility: hidden;
   }
 
-  .__vb {
+  .__wb {
     overflow-x: hidden;
   }
 
-  .__wb {
+  .__xb {
     overflow-y: hidden;
   }
 
-  ._K-3t1x {
+  ._L-3t1x {
     opacity: 0;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 
@@ -303,47 +303,47 @@
 }
 
 @layer _.b {
-  ._c-enzrfpb:lang(ar) {
+  ._d-enzrfpb:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  ._c-enzwzjc:lang(he) {
+  ._d-enzwzjc:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  ._c-enzykdd:lang(ja) {
+  ._d-enzykdd: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 {
-  ._c-enzzrge:lang(ko) {
+  ._d-enzzrge:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  ._c-eo0c6sf:lang(zh) {
+  ._d-eo0c6sf:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  ._c-1uotwbwg:lang(zh-hant) {
+  ._d-1uotwbwg: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 {
-  ._c-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._d-bc1l9oh: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;
   }
 }
@@ -352,7 +352,7 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }