@react-spectrum/s2 3.0.0-nightly-326f48154-241216 → 3.0.0-nightly-fee532d6a-241217

package/dist/Switch.mjs

@@ -69,7 +69,7 @@ const $8926b17b75ae985d$var$wrapper = function anonymous(props, overrides) {
     rules += ' _f-1x99dlob';
     rules += ' _fa';
     if (props.isDisabled) {
-        rules += ' aa_____B';
+        rules += ' aa_____O';
         rules += ' aj';
     } else {
         if (props.isPressed) rules += ' ao';
@@ -90,7 +90,7 @@ const $8926b17b75ae985d$var$track = function anonymous(props) {
     let rules = " .";
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';
@@ -117,10 +117,10 @@ const $8926b17b75ae985d$var$track = function anonymous(props) {
     rules += ' _zb';
     if (props.isSelected) rules += ' ca';
     else if (props.isDisabled) {
-        rules += ' ca_____B';
+        rules += ' ca_____O';
         rules += ' cj';
     } else {
-        rules += ' ca_____v';
+        rules += ' ca_____I';
         if (props.isPressed) rules += ' co';
         else if (props.isFocusVisible) rules += ' co';
         else if (props.isHovered) rules += ' co';
@@ -128,10 +128,10 @@ const $8926b17b75ae985d$var$track = function anonymous(props) {
     }
     if (props.isSelected) {
         if (props.isDisabled) {
-            rules += ' ba_____B';
+            rules += ' ba_____O';
             rules += ' bj';
         } else {
-            rules += ' ba_____z';
+            rules += ' ba_____M';
             if (props.isEmphasized) {
                 if (props.isPressed) rules += ' bz';
                 else if (props.isFocusVisible) rules += ' bz';
@@ -157,7 +157,7 @@ const $8926b17b75ae985d$var$handle = function anonymous(props) {
     rules += ' _yf';
     if (props.isSelected) rules += ' bd';
     else if (props.isDisabled) {
-        rules += ' ba_____B';
+        rules += ' ba_____O';
         rules += ' bj';
     } else {
         if (props.isPressed) rules += ' bo';

package/dist/TableView.cjs

@@ -95,10 +95,10 @@ const $bed37377ec7a3a9e$var$table = function anonymous(props, overrides) {
     rules += ' _eb';
     rules += ' __va';
     rules += ' __wa';
-    rules += ' ba_____u';
+    rules += ' ba_____H';
     if (props.isQuiet) rules += ' ba';
     else rules += ' bd';
-    rules += ' da_____v';
+    rules += ' da_____I';
     if (props.isFocusVisible) rules += ' dx';
     else rules += ' di';
     if (props.isFocusVisible) rules += ' _Nc';
@@ -368,7 +368,7 @@ function $bed37377ec7a3a9e$var$CellFocusRing() {
             else rules += ' _La';
             rules += ' _M-3hmpw';
             rules += ' _Nc';
-            rules += ' da_____z';
+            rules += ' da_____M';
             rules += ' dx';
             rules += ' _v-3762yr';
             rules += ' _w-3762yr';
@@ -389,7 +389,7 @@ const $bed37377ec7a3a9e$var$columnStyles = function anonymous(props) {
     let rules = " .";
     rules += ' k-17zqamw';
     rules += ' __na';
-    rules += ' aa_____x';
+    rules += ' aa_____K';
     if (props.isPressed) rules += ' ao';
     else if (props.isFocusVisible) rules += ' ao';
     else if (props.isHovered) rules += ' ao';
@@ -429,7 +429,7 @@ const $bed37377ec7a3a9e$var$columnStyles = function anonymous(props) {
     rules += ' _ca';
     rules += ' _ed';
     rules += ' _Zd';
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     if (props.isQuiet) rules += ' ub';
     else rules += ' ua';
@@ -523,7 +523,7 @@ const $bed37377ec7a3a9e$var$resizableMenuButtonWrapper = function anonymous(prop
     else rules += ' _La';
     rules += ' _M-3hmpw';
     rules += ' _Nc';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _v-3762yr';
     rules += ' _w-3762yr';
@@ -586,10 +586,10 @@ const $bed37377ec7a3a9e$var$resizerHandleContainer = function anonymous(props) {
 };
 const $bed37377ec7a3a9e$var$resizerHandle = function anonymous(props) {
     let rules = " .";
-    if (props.isResizing) rules += ' ba_____z';
-    else if (props.isFocusVisible) rules += ' ba_____z';
-    else if (props.isHovered) rules += ' ba_____v';
-    else rules += ' ba_____u';
+    if (props.isResizing) rules += ' ba_____M';
+    else if (props.isFocusVisible) rules += ' ba_____M';
+    else if (props.isHovered) rules += ' ba_____I';
+    else rules += ' ba_____H';
     if (props.isResizing) rules += ' b-14crvkh';
     else if (props.isFocusVisible) rules += ' b-14crvkh';
     else if (props.isHovered) rules += ' bi';
@@ -604,7 +604,7 @@ const $bed37377ec7a3a9e$var$resizerHandle = function anonymous(props) {
 };
 const $bed37377ec7a3a9e$var$columnHeaderText = " . __vb __wb _ma _pb q-1wikn8b _9-3t1x _8-3t1y hF";
 const $bed37377ec7a3a9e$var$chevronIcon = " . R-3hn0u yG ybH q-1wikn8b _8-3t1x -rwx0fg_e-b";
-const $bed37377ec7a3a9e$var$nubbin = " . Ua Xa V-avx9c1 l-1wikn8b k-1wikn8b e-14crvkh ea_____X -rwx0fg_e-A -rwx0fg_e-a_____Y";
+const $bed37377ec7a3a9e$var$nubbin = " . Ua Xa V-avx9c1 l-1wikn8b k-1wikn8b e-14crvkh ea______a -rwx0fg_e-A -rwx0fg_e-a______b";
 function $bed37377ec7a3a9e$var$ResizableColumnContents(props) {
     let { allowsSorting: allowsSorting, sortDirection: sortDirection, sort: sort, startResize: startResize, children: children, isHovered: isHovered, align: align } = props;
     let { setIsInResizeMode: setIsInResizeMode, isInResizeMode: isInResizeMode } = (0, $iLVc8$react.useContext)($bed37377ec7a3a9e$var$InternalTableContext);
@@ -747,7 +747,7 @@ const $bed37377ec7a3a9e$var$selectAllCheckboxColumn = function anonymous(props)
     rules += ' _La';
     rules += ' Uc';
     rules += ' _0b';
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     rules += ' sa';
     rules += ' ta';
@@ -832,7 +832,7 @@ const $bed37377ec7a3a9e$var$commonCellStyles = {
 };
 const $bed37377ec7a3a9e$var$cell = function anonymous(props) {
     let rules = " .";
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     rules += ' v-375tp1';
     rules += ' u-375tp0';
@@ -883,7 +883,7 @@ const $bed37377ec7a3a9e$var$cell = function anonymous(props) {
 const $bed37377ec7a3a9e$var$stickyCell = {
     backgroundColor: 'gray-25'
 };
-const $bed37377ec7a3a9e$var$checkboxCellStyle = " . ca va ua sa ta wa Uc an aa_____x _La Cf Df b-19jpv4m _0b k-1xrzxd1";
+const $bed37377ec7a3a9e$var$checkboxCellStyle = " . ca va ua sa ta wa Uc an aa_____K _La Cf Df b-19jpv4m _0b k-1xrzxd1";
 const $bed37377ec7a3a9e$var$cellContent = function anonymous(props) {
     let rules = " .";
     rules += ' __vb';
@@ -975,7 +975,7 @@ const $bed37377ec7a3a9e$var$row = function anonymous(props) {
     rules += ' Uc';
     rules += ' __na';
     rules += ' b-19jpv4m';
-    rules += ' -_19jpv4m_b-a_____u';
+    rules += ' -_19jpv4m_b-a_____H';
     if (props.isSelected) {
         if (props.isPressed) rules += ' -_19jpv4m_b--1hocwbr';
         else if (props.isHovered) rules += ' -_19jpv4m_b--1hocwbr';
@@ -986,7 +986,7 @@ const $bed37377ec7a3a9e$var$row = function anonymous(props) {
     else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--26tcdv';
     else if (props.isQuiet) rules += ' -_19jpv4m_b--1de2x0q';
     else rules += ' -_19jpv4m_b-d';
-    rules += ' -oorfdf_d-a_____z';
+    rules += ' -oorfdf_d-a_____M';
     rules += ' -oorfdf_d-x';
     rules += ' _La';
     rules += ' ua';
@@ -994,7 +994,7 @@ const $bed37377ec7a3a9e$var$row = function anonymous(props) {
     rules += ' sa';
     rules += ' ta';
     rules += ' wa';
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     rules += ' _zb';
     return rules;

package/dist/TableView.css

@@ -644,47 +644,47 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____v {
+    .da_____I {
       outline-color: buttonborder;
     }
 
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .ba_____u {
+    .ba_____H {
       background-color: background;
     }
 
-    .ba_____v {
+    .ba_____I {
       background-color: buttonborder;
     }
 
-    .ba_____z {
+    .ba_____M {
       background-color: highlight;
     }
 
-    .ea_____X {
+    .ea______a {
       fill: highlight;
     }
 
-    .-rwx0fg_e-a_____Y {
+    .-rwx0fg_e-a______b {
       --iconPrimary: HighlightText;
     }
 
-    .aa_____x {
+    .aa_____K {
       color: buttontext;
     }
 
-    .-_19jpv4m_b-a_____u {
+    .-_19jpv4m_b-a_____H {
       --rowBackgroundColor: Background;
     }
 
-    .-oorfdf_d-a_____z {
+    .-oorfdf_d-a_____M {
       --rowFocusIndicatorColor: Highlight;
     }
 
-    .ca_____v {
+    .ca_____I {
       border-color: buttonborder;
     }
   }

package/dist/TableView.mjs

@@ -83,10 +83,10 @@ const $0fcd5fb617970a1d$var$table = function anonymous(props, overrides) {
     rules += ' _eb';
     rules += ' __va';
     rules += ' __wa';
-    rules += ' ba_____u';
+    rules += ' ba_____H';
     if (props.isQuiet) rules += ' ba';
     else rules += ' bd';
-    rules += ' da_____v';
+    rules += ' da_____I';
     if (props.isFocusVisible) rules += ' dx';
     else rules += ' di';
     if (props.isFocusVisible) rules += ' _Nc';
@@ -356,7 +356,7 @@ function $0fcd5fb617970a1d$var$CellFocusRing() {
             else rules += ' _La';
             rules += ' _M-3hmpw';
             rules += ' _Nc';
-            rules += ' da_____z';
+            rules += ' da_____M';
             rules += ' dx';
             rules += ' _v-3762yr';
             rules += ' _w-3762yr';
@@ -377,7 +377,7 @@ const $0fcd5fb617970a1d$var$columnStyles = function anonymous(props) {
     let rules = " .";
     rules += ' k-17zqamw';
     rules += ' __na';
-    rules += ' aa_____x';
+    rules += ' aa_____K';
     if (props.isPressed) rules += ' ao';
     else if (props.isFocusVisible) rules += ' ao';
     else if (props.isHovered) rules += ' ao';
@@ -417,7 +417,7 @@ const $0fcd5fb617970a1d$var$columnStyles = function anonymous(props) {
     rules += ' _ca';
     rules += ' _ed';
     rules += ' _Zd';
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     if (props.isQuiet) rules += ' ub';
     else rules += ' ua';
@@ -511,7 +511,7 @@ const $0fcd5fb617970a1d$var$resizableMenuButtonWrapper = function anonymous(prop
     else rules += ' _La';
     rules += ' _M-3hmpw';
     rules += ' _Nc';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _v-3762yr';
     rules += ' _w-3762yr';
@@ -574,10 +574,10 @@ const $0fcd5fb617970a1d$var$resizerHandleContainer = function anonymous(props) {
 };
 const $0fcd5fb617970a1d$var$resizerHandle = function anonymous(props) {
     let rules = " .";
-    if (props.isResizing) rules += ' ba_____z';
-    else if (props.isFocusVisible) rules += ' ba_____z';
-    else if (props.isHovered) rules += ' ba_____v';
-    else rules += ' ba_____u';
+    if (props.isResizing) rules += ' ba_____M';
+    else if (props.isFocusVisible) rules += ' ba_____M';
+    else if (props.isHovered) rules += ' ba_____I';
+    else rules += ' ba_____H';
     if (props.isResizing) rules += ' b-14crvkh';
     else if (props.isFocusVisible) rules += ' b-14crvkh';
     else if (props.isHovered) rules += ' bi';
@@ -592,7 +592,7 @@ const $0fcd5fb617970a1d$var$resizerHandle = function anonymous(props) {
 };
 const $0fcd5fb617970a1d$var$columnHeaderText = " . __vb __wb _ma _pb q-1wikn8b _9-3t1x _8-3t1y hF";
 const $0fcd5fb617970a1d$var$chevronIcon = " . R-3hn0u yG ybH q-1wikn8b _8-3t1x -rwx0fg_e-b";
-const $0fcd5fb617970a1d$var$nubbin = " . Ua Xa V-avx9c1 l-1wikn8b k-1wikn8b e-14crvkh ea_____X -rwx0fg_e-A -rwx0fg_e-a_____Y";
+const $0fcd5fb617970a1d$var$nubbin = " . Ua Xa V-avx9c1 l-1wikn8b k-1wikn8b e-14crvkh ea______a -rwx0fg_e-A -rwx0fg_e-a______b";
 function $0fcd5fb617970a1d$var$ResizableColumnContents(props) {
     let { allowsSorting: allowsSorting, sortDirection: sortDirection, sort: sort, startResize: startResize, children: children, isHovered: isHovered, align: align } = props;
     let { setIsInResizeMode: setIsInResizeMode, isInResizeMode: isInResizeMode } = (0, $auVFN$useContext)($0fcd5fb617970a1d$var$InternalTableContext);
@@ -735,7 +735,7 @@ const $0fcd5fb617970a1d$var$selectAllCheckboxColumn = function anonymous(props)
     rules += ' _La';
     rules += ' Uc';
     rules += ' _0b';
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     rules += ' sa';
     rules += ' ta';
@@ -820,7 +820,7 @@ const $0fcd5fb617970a1d$var$commonCellStyles = {
 };
 const $0fcd5fb617970a1d$var$cell = function anonymous(props) {
     let rules = " .";
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     rules += ' v-375tp1';
     rules += ' u-375tp0';
@@ -871,7 +871,7 @@ const $0fcd5fb617970a1d$var$cell = function anonymous(props) {
 const $0fcd5fb617970a1d$var$stickyCell = {
     backgroundColor: 'gray-25'
 };
-const $0fcd5fb617970a1d$var$checkboxCellStyle = " . ca va ua sa ta wa Uc an aa_____x _La Cf Df b-19jpv4m _0b k-1xrzxd1";
+const $0fcd5fb617970a1d$var$checkboxCellStyle = " . ca va ua sa ta wa Uc an aa_____K _La Cf Df b-19jpv4m _0b k-1xrzxd1";
 const $0fcd5fb617970a1d$var$cellContent = function anonymous(props) {
     let rules = " .";
     rules += ' __vb';
@@ -963,7 +963,7 @@ const $0fcd5fb617970a1d$var$row = function anonymous(props) {
     rules += ' Uc';
     rules += ' __na';
     rules += ' b-19jpv4m';
-    rules += ' -_19jpv4m_b-a_____u';
+    rules += ' -_19jpv4m_b-a_____H';
     if (props.isSelected) {
         if (props.isPressed) rules += ' -_19jpv4m_b--1hocwbr';
         else if (props.isHovered) rules += ' -_19jpv4m_b--1hocwbr';
@@ -974,7 +974,7 @@ const $0fcd5fb617970a1d$var$row = function anonymous(props) {
     else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--26tcdv';
     else if (props.isQuiet) rules += ' -_19jpv4m_b--1de2x0q';
     else rules += ' -_19jpv4m_b-d';
-    rules += ' -oorfdf_d-a_____z';
+    rules += ' -oorfdf_d-a_____M';
     rules += ' -oorfdf_d-x';
     rules += ' _La';
     rules += ' ua';
@@ -982,7 +982,7 @@ const $0fcd5fb617970a1d$var$row = function anonymous(props) {
     rules += ' sa';
     rules += ' ta';
     rules += ' wa';
-    rules += ' ca_____v';
+    rules += ' ca_____I';
     rules += ' ci';
     rules += ' _zb';
     return rules;

package/dist/Tabs.cjs

@@ -212,8 +212,8 @@ function $b27519d6a701105b$export$e51a686c67fdaa2d(props1) {
 const $b27519d6a701105b$var$selectedIndicator = function anonymous(props) {
     let rules = " .";
     rules += ' Ua';
-    if (props.isDisabled) rules += ' ba_____B';
-    else rules += ' ba_____z';
+    if (props.isDisabled) rules += ' ba_____O';
+    else rules += ' ba_____M';
     if (props.isDisabled) rules += ' bg';
     else {
         if (props.isPressed) rules += ' bo';
@@ -307,13 +307,13 @@ const $b27519d6a701105b$var$tab = function anonymous(props, overrides) {
     }
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';
     rules += ' _Zd';
-    if (props.isDisabled) rules += ' aa_____B';
-    else if (props.isSelected) rules += ' aa_____z';
+    if (props.isDisabled) rules += ' aa_____O';
+    else if (props.isSelected) rules += ' aa_____M';
     if (props.isDisabled) rules += ' aj';
     else if (props.isHovered) {
         if (props.isPressed) rules += ' an';

package/dist/Tabs.css

@@ -368,23 +368,23 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .ba_____z {
+    .ba_____M {
       background-color: highlight;
     }
 
-    .ba_____B {
+    .ba_____O {
       background-color: graytext;
     }
 
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .aa_____z {
+    .aa_____M {
       color: highlight;
     }
 
-    .aa_____B {
+    .aa_____O {
       color: graytext;
     }
   }

package/dist/Tabs.mjs

@@ -202,8 +202,8 @@ function $79e2b4a1b34d1592$export$e51a686c67fdaa2d(props1) {
 const $79e2b4a1b34d1592$var$selectedIndicator = function anonymous(props) {
     let rules = " .";
     rules += ' Ua';
-    if (props.isDisabled) rules += ' ba_____B';
-    else rules += ' ba_____z';
+    if (props.isDisabled) rules += ' ba_____O';
+    else rules += ' ba_____M';
     if (props.isDisabled) rules += ' bg';
     else {
         if (props.isPressed) rules += ' bo';
@@ -297,13 +297,13 @@ const $79e2b4a1b34d1592$var$tab = function anonymous(props, overrides) {
     }
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';
     rules += ' _Zd';
-    if (props.isDisabled) rules += ' aa_____B';
-    else if (props.isSelected) rules += ' aa_____z';
+    if (props.isDisabled) rules += ' aa_____O';
+    else if (props.isSelected) rules += ' aa_____M';
     if (props.isDisabled) rules += ' aj';
     else if (props.isHovered) {
         if (props.isPressed) rules += ' an';

package/dist/TabsPicker.cjs

@@ -60,7 +60,7 @@ const $9d2c38978395d44a$var$inputButton = function anonymous(props) {
     let rules = " .";
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';

package/dist/TabsPicker.css

@@ -392,7 +392,7 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
   }

package/dist/TabsPicker.mjs

@@ -53,7 +53,7 @@ const $0067ea932a992b6a$var$inputButton = function anonymous(props) {
     let rules = " .";
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';

package/dist/TagGroup.cjs

@@ -482,7 +482,7 @@ const $2e3ddd7543f4a901$var$tagStyles = function anonymous(props) {
     let rules = " .";
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';
@@ -519,9 +519,9 @@ const $2e3ddd7543f4a901$var$tagStyles = function anonymous(props) {
     rules += ' _eb';
     rules += ' _f-1x99dlob';
     rules += ' _fa';
-    if (props.isDisabled) rules += ' aa_____B';
-    else if (props.isSelected) rules += ' aa_____A';
-    else rules += ' aa_____x';
+    if (props.isDisabled) rules += ' aa_____O';
+    else if (props.isSelected) rules += ' aa_____N';
+    else rules += ' aa_____K';
     if (props.isDisabled) rules += ' aj';
     else if (props.isSelected) {
         if (props.isEmphasized) rules += ' ac';
@@ -537,15 +537,15 @@ const $2e3ddd7543f4a901$var$tagStyles = function anonymous(props) {
     rules += ' _Q-375x7f';
     rules += ' _Ra';
     rules += ' qo';
-    if (props.isSelected) rules += ' ba_____z';
-    else rules += ' ba_____w';
+    if (props.isSelected) rules += ' ba_____M';
+    else rules += ' ba_____J';
     if (props.isDisabled) rules += ' bg';
     else if (props.isSelected) {
         if (props.isEmphasized) {
-            if (props.isPressed) rules += ' b_____F';
-            else if (props.isFocusVisible) rules += ' b_____F';
-            else if (props.isHovered) rules += ' b_____F';
-            else rules += ' b_____E';
+            if (props.isPressed) rules += ' b_____S';
+            else if (props.isFocusVisible) rules += ' b_____S';
+            else if (props.isHovered) rules += ' b_____S';
+            else rules += ' b_____R';
         } else {
             if (props.isPressed) rules += ' bo';
             else if (props.isFocusVisible) rules += ' bo';

package/dist/TagGroup.css

@@ -304,11 +304,11 @@
     background-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  .b_____E {
+  .b_____R {
     background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
   }
 
-  .b_____F {
+  .b_____S {
     background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
   }
 
@@ -583,27 +583,27 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .aa_____x {
+    .aa_____K {
       color: buttontext;
     }
 
-    .aa_____A {
+    .aa_____N {
       color: highlighttext;
     }
 
-    .aa_____B {
+    .aa_____O {
       color: graytext;
     }
 
-    .ba_____w {
+    .ba_____J {
       background-color: buttonface;
     }
 
-    .ba_____z {
+    .ba_____M {
       background-color: highlight;
     }
   }

package/dist/TagGroup.mjs

@@ -474,7 +474,7 @@ const $1d63bfab43d9ffe1$var$tagStyles = function anonymous(props) {
     let rules = " .";
     if (props.isFocusVisible) rules += ' _Lb';
     else rules += ' _La';
-    rules += ' da_____z';
+    rules += ' da_____M';
     rules += ' dx';
     rules += ' _Nc';
     rules += ' _M-3t1z';
@@ -511,9 +511,9 @@ const $1d63bfab43d9ffe1$var$tagStyles = function anonymous(props) {
     rules += ' _eb';
     rules += ' _f-1x99dlob';
     rules += ' _fa';
-    if (props.isDisabled) rules += ' aa_____B';
-    else if (props.isSelected) rules += ' aa_____A';
-    else rules += ' aa_____x';
+    if (props.isDisabled) rules += ' aa_____O';
+    else if (props.isSelected) rules += ' aa_____N';
+    else rules += ' aa_____K';
     if (props.isDisabled) rules += ' aj';
     else if (props.isSelected) {
         if (props.isEmphasized) rules += ' ac';
@@ -529,15 +529,15 @@ const $1d63bfab43d9ffe1$var$tagStyles = function anonymous(props) {
     rules += ' _Q-375x7f';
     rules += ' _Ra';
     rules += ' qo';
-    if (props.isSelected) rules += ' ba_____z';
-    else rules += ' ba_____w';
+    if (props.isSelected) rules += ' ba_____M';
+    else rules += ' ba_____J';
     if (props.isDisabled) rules += ' bg';
     else if (props.isSelected) {
         if (props.isEmphasized) {
-            if (props.isPressed) rules += ' b_____F';
-            else if (props.isFocusVisible) rules += ' b_____F';
-            else if (props.isHovered) rules += ' b_____F';
-            else rules += ' b_____E';
+            if (props.isPressed) rules += ' b_____S';
+            else if (props.isFocusVisible) rules += ' b_____S';
+            else if (props.isHovered) rules += ' b_____S';
+            else rules += ' b_____R';
         } else {
             if (props.isPressed) rules += ' bo';
             else if (props.isFocusVisible) rules += ' bo';

package/dist/ToggleButton.cjs

@@ -59,6 +59,7 @@ const $d16e5203405a91b7$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $kyLWK$react
         className: (renderProps)=>(props.UNSAFE_className || '') + (0, $6e265ff388155b91$exports.btnStyles)({
                 ...renderProps,
                 staticColor: staticColor,
+                isStaticColor: !!staticColor,
                 size: size,
                 isQuiet: isQuiet,
                 isEmphasized: isEmphasized,

package/dist/ToggleButton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyBM,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAAyE;AAMjH,MAAM,0DAAe,CAAA,GAAA,uBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,MAAM,CAAA,GAAA,4CAAgB,EAAE,CAAA,GAAA,kDAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,MAAM,WAAW,WAC/B,UAAU,MAAM,OAAO,gBACvB,eAAe,MAAM,YAAY,QACjC,OAAO,MAAM,IAAI,IAAI,iBACrB,aAAa,MAAM,UAAU,EAC9B,GAAG,OAAO,CAAC;IAEZ,qBACE,gCAAC,CAAA,GAAA,uCAAc;QACZ,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,oCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,CAAA,GAAA,mCAAQ,EAAE;gBACnE,GAAG,WAAW;6BACd;sBACA;yBACA;8BACA;gBACA,WAAW;yBACX;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gCAAC,CAAA,GAAA,mCAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gCAAC,CAAA,GAAA,8BAAG;0BAAG,MAAM,QAAQ;iBAAW,MAAM,QAAQ;;;AAI5F","sources":["packages/@react-spectrum/s2/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonStyleProps, btnStyles} from './ActionButton';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, ToggleButton as RACToggleButton, ToggleButtonProps as RACToggleButtonProps, useSlottedContext} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport {pressScale} from './pressScale';\nimport {SkeletonContext} from './Skeleton';\nimport {StyleProps} from './style-utils';\nimport {Text, TextContext} from './Content';\nimport {ToggleButtonGroupContext} from './ToggleButtonGroup';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useFormProps} from './Form';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonProps extends Omit<RACToggleButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ActionButtonStyleProps {\n  /** The content to display in the button. */\n  children?: ReactNode,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonContext = createContext<ContextValue<ToggleButtonProps, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nexport const ToggleButton = forwardRef(function ToggleButton(props: ToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonContext);\n  props = useFormProps(props as any);\n  let domRef = useFocusableRef(ref);\n  let ctx = useSlottedContext(ToggleButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    isEmphasized = props.isEmphasized,\n    size = props.size || 'M',\n    isDisabled = props.isDisabled\n  } = ctx || {};\n\n  return (\n    <RACToggleButton\n      {...props}\n      isDisabled={isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + btnStyles({\n        ...renderProps,\n        staticColor,\n        size,\n        isQuiet,\n        isEmphasized,\n        isPending: false,\n        density,\n        isJustified,\n        orientation,\n        isInGroup\n      }, props.styles)}>\n      <Provider\n        values={[\n          [SkeletonContext, null],\n          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1, truncate: true})}],\n          [IconContext, {\n            render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n            styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n          }]\n        ]}>\n        {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n      </Provider>\n    </RACToggleButton>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyBM,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAAyE;AAMjH,MAAM,0DAAe,CAAA,GAAA,uBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,MAAM,CAAA,GAAA,4CAAgB,EAAE,CAAA,GAAA,kDAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,MAAM,WAAW,WAC/B,UAAU,MAAM,OAAO,gBACvB,eAAe,MAAM,YAAY,QACjC,OAAO,MAAM,IAAI,IAAI,iBACrB,aAAa,MAAM,UAAU,EAC9B,GAAG,OAAO,CAAC;IAEZ,qBACE,gCAAC,CAAA,GAAA,uCAAc;QACZ,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,oCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,CAAA,GAAA,mCAAQ,EAAE;gBACnE,GAAG,WAAW;6BACd;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;8BACA;gBACA,WAAW;yBACX;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gCAAC,CAAA,GAAA,mCAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gCAAC,CAAA,GAAA,8BAAG;0BAAG,MAAM,QAAQ;iBAAW,MAAM,QAAQ;;;AAI5F","sources":["packages/@react-spectrum/s2/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonStyleProps, btnStyles} from './ActionButton';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, ToggleButton as RACToggleButton, ToggleButtonProps as RACToggleButtonProps, useSlottedContext} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport {pressScale} from './pressScale';\nimport {SkeletonContext} from './Skeleton';\nimport {StyleProps} from './style-utils';\nimport {Text, TextContext} from './Content';\nimport {ToggleButtonGroupContext} from './ToggleButtonGroup';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useFormProps} from './Form';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ToggleButtonProps extends Omit<RACToggleButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ActionButtonStyleProps {\n  /** The content to display in the button. */\n  children?: ReactNode,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\nexport const ToggleButtonContext = createContext<ContextValue<ToggleButtonProps, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ToggleButtons allow users to toggle a selection on or off, for example\n * switching between two states or modes.\n */\nexport const ToggleButton = forwardRef(function ToggleButton(props: ToggleButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ToggleButtonContext);\n  props = useFormProps(props as any);\n  let domRef = useFocusableRef(ref);\n  let ctx = useSlottedContext(ToggleButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    isEmphasized = props.isEmphasized,\n    size = props.size || 'M',\n    isDisabled = props.isDisabled\n  } = ctx || {};\n\n  return (\n    <RACToggleButton\n      {...props}\n      isDisabled={isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + btnStyles({\n        ...renderProps,\n        staticColor,\n        isStaticColor: !!staticColor,\n        size,\n        isQuiet,\n        isEmphasized,\n        isPending: false,\n        density,\n        isJustified,\n        orientation,\n        isInGroup\n      }, props.styles)}>\n      <Provider\n        values={[\n          [SkeletonContext, null],\n          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1, truncate: true})}],\n          [IconContext, {\n            render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n            styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n          }]\n        ]}>\n        {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n      </Provider>\n    </RACToggleButton>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.cjs.map"}