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

package/dist/ActionButton.cjs

@@ -48,71 +48,71 @@ $parcel$export(module.exports, "ActionButton", () => $6e265ff388155b91$export$cf
 const $6e265ff388155b91$var$iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';
 const $6e265ff388155b91$export$446543cff2a0f496 = 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 $_8 = false;
     let $_9 = false;
+    let $__a = false;
     let $h = false;
     let $q = false;
-    let $__Q = false;
+    let $__R = false;
     for (let p of matches){
-        if (/^\s*_8/.test(p)) $_8 = true;
         if (/^\s*_9/.test(p)) $_9 = true;
+        if (/^\s*__a/.test(p)) $__a = true;
         if (/^\s*h/.test(p)) $h = true;
         if (/^\s*q/.test(p)) $q = true;
-        if (/^\s*__Q/.test(p)) $__Q = true;
+        if (/^\s*__R/.test(p)) $__R = true;
     }
-    if (props.isFocusVisible) rules += ' _Lb';
-    else rules += ' _La';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
     rules += ' da_____M';
     if (props.isStaticColor) rules += ' d_____G';
     else rules += ' dx';
-    rules += ' _Nc';
-    rules += ' _M-3t1z';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
     if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
     else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    rules += ' _Zd';
-    rules += ' _1c';
-    rules += ' _2d';
+    rules += ' _0d';
+    rules += ' _2c';
+    rules += ' _3d';
     rules += ' jbH';
     rules += ' jG';
-    if (!$_8) {
-        if (props.isInGroup) rules += ' _8-3t1x';
-        else rules += ' _8-3t1y';
-    }
     if (!$_9) {
-        if (props.isJustified) rules += ' _9-3t1y';
+        if (props.isInGroup) rules += ' _9-3t1x';
+        else rules += ' _9-3t1y';
+    }
+    if (!$__a) {
+        if (props.isJustified) rules += ' __a-3t1y';
     }
     if (!$h) {
         if (props.isJustified) rules += ' ha';
     }
-    rules += ' _c-bc1l9oh';
-    rules += ' _c-1uotwbwg';
-    rules += ' _c-eo0c6sf';
-    rules += ' _c-enzzrge';
-    rules += ' _c-enzykdd';
-    rules += ' _c-enzwzjc';
-    rules += ' _c-enzrfpb';
-    rules += ' _ca';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _dbj';
-        rules += ' _di';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _dbb';
-        rules += ' _da';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ec';
-    rules += ' _f-1x99dlob';
-    rules += ' _fa';
+    rules += ' _fc';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.isDisabled) rules += ' aa_____O';
     else if (props.isSelected) rules += ' aa_____N';
     else rules += ' aa_____K';
@@ -135,7 +135,7 @@ const $6e265ff388155b91$export$446543cff2a0f496 = function anonymous(props, over
         else if (props.isHovered) rules += ' ao';
         else rules += ' an';
     }
-    rules += ' __Da';
+    rules += ' __Ea';
     rules += ' k-375toq';
     if (!$q) {
         if (props.size === "XL") rules += ' qj';
@@ -144,10 +144,10 @@ const $6e265ff388155b91$export$446543cff2a0f496 = function anonymous(props, over
         else if (props.size === "XS") rules += ' qg';
         else rules += ' qf';
     }
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
-    rules += ' _zb';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
+    rules += ' _Ab';
     rules += ' b-375toh';
     rules += ' -rwx0fg_e-b';
     rules += ' wf';
@@ -158,29 +158,29 @@ const $6e265ff388155b91$export$446543cff2a0f496 = function anonymous(props, over
     rules += ' Ea';
     rules += ' Fa';
     if (props.density === "compact") {
-        rules += ' _v-13alit4h';
-        rules += ' _va';
-    } else rules += ' _vh';
-    if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' _w-13alit4h';
-        else if (props.orientation === "horizontal") rules += ' _w-uamghwh';
-        else rules += ' _wa';
+        rules += ' _w-13alit4h';
+        rules += ' _wa';
     } else rules += ' _wh';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' _x-uamghwh';
-        else if (props.orientation === "horizontal") rules += ' _x-13alit4h';
+        if (props.orientation === "vertical") rules += ' _x-13alit4h';
+        else if (props.orientation === "horizontal") rules += ' _x-uamghwh';
         else rules += ' _xa';
     } else rules += ' _xh';
     if (props.density === "compact") {
-        rules += ' _y-uamghwh';
-        rules += ' _ya';
+        if (props.orientation === "vertical") rules += ' _y-uamghwh';
+        else if (props.orientation === "horizontal") rules += ' _y-13alit4h';
+        else rules += ' _ya';
     } else rules += ' _yh';
+    if (props.density === "compact") {
+        rules += ' _z-uamghwh';
+        rules += ' _za';
+    } else rules += ' _zh';
     rules += ' -oelgqu_A--1imc51ya';
     rules += ' -oelgqu_A--177861o';
-    if (!$__Q) {
-        if (props.isFocusVisible) rules += ' __Q-3t1z';
+    if (!$__R) {
+        if (props.isFocusVisible) rules += ' __R-3t1z';
     }
-    rules += ' __R-yksgrp';
+    rules += ' __S-yksgrp';
     if (props.isSelected) {
         if (props.isDisabled) rules += ' -_375toh_b-a_____J';
         else rules += ' -_375toh_b-a_____M';
@@ -274,7 +274,7 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
                 [
                     (0, $6367bc87eb7d24ad$exports.TextContext),
                     {
-                        styles: " . E-1gogtue F-1gogtue __A-3t1y __vb __wb _ma _pb"
+                        styles: " . E-1gogtue F-1gogtue __B-3t1y __wb __xb _na _qb"
                     }
                 ],
                 [
@@ -282,16 +282,16 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
                     {
                         render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                             slot: 'icon',
-                            styles: " . __A-3t1x"
+                            styles: " . __B-3t1x"
                         }),
-                        styles: " . l-1sthc3k k-1sthc3k y-oelgqu _8-3t1x"
+                        styles: " . l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
                     }
                 ],
                 [
                     (0, $38071d9ce246d4cf$exports.AvatarContext),
                     {
                         size: $6e265ff388155b91$var$avatarSize[size],
-                        styles: " . y-oelgqu _8-3t1x __A-3t1x"
+                        styles: " . y-oelgqu _9-3t1x __B-3t1x"
                     }
                 ]
             ],

package/dist/ActionButton.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 
-  ._Lb {
+  ._Mb {
     outline-style: solid;
   }
 
@@ -15,11 +15,11 @@
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Nc {
+  ._Oc {
     outline-width: 2px;
   }
 
-  ._M-3t1z {
+  ._N-3t1z {
     outline-offset: 2px;
   }
 
@@ -31,15 +31,15 @@
     --s2-container-bg: black;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 
-  ._2d {
+  ._3d {
     justify-content: center;
   }
 
@@ -47,11 +47,11 @@
     column-gap: .428571em;
   }
 
-  ._8-3t1y {
+  ._9-3t1y {
     flex-shrink: 1;
   }
 
-  ._9-3t1y {
+  .__a-3t1y {
     flex-grow: 1;
   }
 
@@ -59,37 +59,37 @@
     flex-basis: 0;
   }
 
-  ._ca {
+  ._da {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._ec {
+  ._fc {
     font-variation-settings: "wght" 500;
     font-synthesis-weight: none;
     font-weight: 500;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -129,7 +129,7 @@
     color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
   }
 
-  .__Da {
+  .__Ea {
     -webkit-user-select: none;
     user-select: none;
   }
@@ -158,19 +158,19 @@
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._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);
   }
 
-  ._zb {
+  ._Ab {
     forced-color-adjust: none;
   }
 
@@ -202,35 +202,35 @@
     padding-bottom: 0;
   }
 
-  ._vh {
+  ._wh {
     border-start-start-radius: .571429em;
   }
 
-  ._va {
+  ._wa {
     border-start-start-radius: 0;
   }
 
-  ._wh {
+  ._xh {
     border-start-end-radius: .571429em;
   }
 
-  ._wa {
+  ._xa {
     border-start-end-radius: 0;
   }
 
-  ._xh {
+  ._yh {
     border-end-start-radius: .571429em;
   }
 
-  ._xa {
+  ._ya {
     border-end-start-radius: 0;
   }
 
-  ._yh {
+  ._zh {
     border-end-end-radius: .571429em;
   }
 
-  ._ya {
+  ._za {
     border-end-end-radius: 0;
   }
 
@@ -238,11 +238,11 @@
     --iconMargin: -.142857em;
   }
 
-  .__Q-3t1z {
+  .__R-3t1z {
     z-index: 2;
   }
 
-  .__R-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 
@@ -318,23 +318,23 @@
     padding-bottom: var(--labelPadding);
   }
 
-  .__A-3t1y {
+  .__B-3t1y {
     order: 1;
   }
 
-  .__vb {
+  .__wb {
     overflow-x: hidden;
   }
 
-  .__wb {
+  .__xb {
     overflow-y: hidden;
   }
 
-  ._ma {
+  ._na {
     text-overflow: ellipsis;
   }
 
-  ._pb {
+  ._qb {
     white-space: nowrap;
   }
 
@@ -350,21 +350,21 @@
     margin-inline-start: var(--iconMargin);
   }
 
-  ._8-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
-  .__A-3t1x {
+  .__B-3t1x {
     order: 0;
   }
 }
 
 @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;
   }
 
@@ -376,19 +376,19 @@
     padding-inline-end: 0;
   }
 
-  ._v-13alit4h:first-child {
+  ._w-13alit4h:first-child {
     border-start-start-radius: .571429em;
   }
 
-  ._w-uamghwh:last-child, ._w-13alit4h:first-child {
+  ._x-uamghwh:last-child, ._x-13alit4h:first-child {
     border-start-end-radius: .571429em;
   }
 
-  ._x-13alit4h:first-child, ._x-uamghwh:last-child {
+  ._y-13alit4h:first-child, ._y-uamghwh:last-child {
     border-end-start-radius: .571429em;
   }
 
-  ._y-uamghwh:last-child {
+  ._z-uamghwh:last-child {
     border-end-end-radius: .571429em;
   }
 
@@ -398,37 +398,37 @@
 }
 
 @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;
   }
 }
@@ -469,23 +469,23 @@
       column-gap: .470588em;
     }
 
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
   }