@react-spectrum/s2 3.0.0-nightly-326f48154-241216 → 3.0.0-nightly-adae13c78-241218

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"}

package/dist/ToggleButton.css.map

@@ -1 +1 @@
-{"mappings":"AC+EiC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAEyB;;;;EACtC;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAHa;;AAEyB","sources":["bc1013d4d937a6f8","packages/@react-spectrum/s2/src/ToggleButton.tsx"],"sourcesContent":["@import \"2356498b79989caa\";\n@import \"00644bdfe594b970\";\n@import \"2645bae9c4681078\";\n","/*\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.css.map"}
+{"mappings":"ACgFiC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAEyB;;;;EACtC;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAHa;;AAEyB","sources":["bc1013d4d937a6f8","packages/@react-spectrum/s2/src/ToggleButton.tsx"],"sourcesContent":["@import \"2356498b79989caa\";\n@import \"00644bdfe594b970\";\n@import \"2645bae9c4681078\";\n","/*\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.css.map"}

package/dist/ToggleButton.mjs

@@ -52,6 +52,7 @@ const $fe4c9df7420c3c9f$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $fpet3$forwa
         className: (renderProps)=>(props.UNSAFE_className || '') + (0, $da878a05ab4a403e$export$446543cff2a0f496)({
                 ...renderProps,
                 staticColor: staticColor,
+                isStaticColor: !!staticColor,
                 size: size,
                 isQuiet: isQuiet,
                 isEmphasized: isEmphasized,

package/dist/ToggleButton.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyBM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAAyE;AAMjH,MAAM,0DAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE;IAC7B,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,yCAAuB;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,gBAAC,CAAA,GAAA,mBAAc;QACZ,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,CAAA,GAAA,yCAAQ,EAAE;gBACnE,GAAG,WAAW;6BACd;sBACA;yBACA;8BACA;gBACA,WAAW;yBACX;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gBAAC,CAAA,GAAA,eAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,yCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,yCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,yCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gBAAC,CAAA,GAAA,yCAAG;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.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyBM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAAyE;AAMjH,MAAM,0DAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE;IAC7B,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,yCAAuB;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,gBAAC,CAAA,GAAA,mBAAc;QACZ,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,CAAA,GAAA,yCAAQ,EAAE;gBACnE,GAAG,WAAW;6BACd;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;8BACA;gBACA,WAAW;yBACX;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gBAAC,CAAA,GAAA,eAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,yCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,yCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,yCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gBAAC,CAAA,GAAA,yCAAG;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.mjs.map"}

package/dist/Tooltip.cjs

@@ -52,7 +52,7 @@ const $d3b6a84aebe66f8d$var$tooltip = function anonymous(props) {
     rules += ' _eb';
     rules += ' _f-1x99dlob';
     rules += ' _fa';
-    rules += ' aa_____x';
+    rules += ' aa_____K';
     rules += ' ad';
     rules += ' u-375tp0';
     rules += ' v-375tp1';

package/dist/Tooltip.css

@@ -287,7 +287,7 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .aa_____x {
+    .aa_____K {
       color: buttontext;
     }
 

package/dist/Tooltip.mjs

@@ -45,7 +45,7 @@ const $4c20647d6e5d8fdf$var$tooltip = function anonymous(props) {
     rules += ' _eb';
     rules += ' _f-1x99dlob';
     rules += ' _fa';
-    rules += ' aa_____x';
+    rules += ' aa_____K';
     rules += ' ad';
     rules += ' u-375tp0';
     rules += ' v-375tp1';

package/dist/types.d.ts

@@ -46,7 +46,7 @@ export interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {
     /** Whether the buttons should divide the container width equally. */
     isJustified?: boolean;
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /**
      * The axis the group should align with.
      * @default 'horizontal'
@@ -217,7 +217,7 @@ interface ActionButtonStyleProps {
      */
     size?: 'XS' | 'S' | 'M' | 'L' | 'XL';
     /** The static color style to apply. Useful when the ActionButton appears over a color background. */
-    staticColor?: 'black' | 'white';
+    staticColor?: 'black' | 'white' | 'auto';
     /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */
     isQuiet?: boolean;
 }
@@ -334,7 +334,7 @@ interface DividerSpectrumProps {
      */
     orientation?: 'horizontal' | 'vertical';
     /** The static color style to apply. Useful when the Divider appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
 }
 export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {
 }
@@ -463,7 +463,7 @@ interface ProgressCircleStyleProps {
      */
     size?: 'S' | 'M' | 'L';
     /** The static color style to apply. Useful when the button appears over a color background. */
-    staticColor?: 'black' | 'white';
+    staticColor?: 'black' | 'white' | 'auto';
     /**
      * Whether presentation is indeterminate when progress isn't known.
      */
@@ -499,7 +499,7 @@ interface ButtonStyleProps {
      */
     size?: 'S' | 'M' | 'L' | 'XL';
     /** The static color style to apply. Useful when the Button appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
 }
 export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
@@ -565,7 +565,7 @@ export interface CloseButtonProps extends Pick<_ButtonProps1, 'isDisabled'>, Sty
      */
     size?: 'S' | 'M' | 'L' | 'XL';
     /** The static color style to apply. Useful when the Button appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
 }
 /**
  * A CloseButton allows a user to dismiss a dialog.
@@ -1130,7 +1130,7 @@ interface LinkStyleProps {
      */
     variant?: 'primary' | 'secondary';
     /** The static color style to apply. Useful when the link appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /** Whether the link is on its own vs inside a longer string of text. */
     isStandalone?: boolean;
     /** Whether the link should be displayed with a quiet style. */
@@ -1159,7 +1159,7 @@ interface MeterStyleProps {
     /**
      * The static color style to apply. Useful when the button appears over a color background.
      */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /**
      * The label's overall position relative to the element it is labeling.
      * @default 'top'
@@ -1208,7 +1208,7 @@ interface ProgressBarStyleProps {
     /**
      * The static color style to apply. Useful when the button appears over a color background.
      */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /**
      * The label's overall position relative to the element it is labeling.
      * @default 'top'