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

package/dist/ProgressCircle.mjs

@@ -32,6 +32,8 @@ const $41ddd91dbbf0c389$var$wrapper = function anonymous(props, overrides) {
         if (/^\s*l/.test(p)) $l = true;
         if (/^\s*k/.test(p)) $k = true;
     }
+    if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
+    else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
     if (!$l) {
         if (props.size === "L") rules += ' l_q';
         else if (props.size === "S") rules += ' lE';
@@ -47,17 +49,15 @@ const $41ddd91dbbf0c389$var$wrapper = function anonymous(props, overrides) {
 };
 const $41ddd91dbbf0c389$var$track = function anonymous(props) {
     let rules = " .";
-    rules += ' fa_____w';
-    if (props.staticColor === "black") rules += ' f_____o';
-    else if (props.staticColor === "white") rules += ' f_____b';
+    rules += ' fa_____J';
+    if (props.isStaticColor) rules += ' f_____B';
     else rules += ' fk';
     return rules;
 };
 const $41ddd91dbbf0c389$var$fill = function anonymous(props) {
     let rules = " .";
-    rules += ' fa_____B';
-    if (props.staticColor === "black") rules += ' f_____u';
-    else if (props.staticColor === "white") rules += ' f_____h';
+    rules += ' fa_____O';
+    if (props.isStaticColor) rules += ' f_____H';
     else rules += ' fA';
     rules += ' R-375ty3';
     rules += ' __Ga';
@@ -75,13 +75,15 @@ const $41ddd91dbbf0c389$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, $8ijGz$forwa
     else if (size === 'L') strokeWidth = 4;
     // SVG strokes are centered, so subtract half the stroke width from the radius to create an inner stroke.
     let radius = `calc(50% - ${strokeWidth / 2}px)`;
+    let isStaticColor = !!staticColor;
     return /*#__PURE__*/ (0, $8ijGz$jsx)((0, $8ijGz$ProgressBar), {
         ...props,
         ref: domRef,
         style: UNSAFE_style,
         className: (renderProps)=>UNSAFE_className + $41ddd91dbbf0c389$var$wrapper({
                 ...renderProps,
-                size: size
+                size: size,
+                staticColor: staticColor
             }, props.styles),
         children: ({ percentage: percentage, isIndeterminate: isIndeterminate })=>/*#__PURE__*/ (0, $8ijGz$jsxs)("svg", {
                 fill: "none",
@@ -94,7 +96,7 @@ const $41ddd91dbbf0c389$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, $8ijGz$forwa
                         r: radius,
                         strokeWidth: strokeWidth,
                         className: $41ddd91dbbf0c389$var$track({
-                            staticColor: staticColor
+                            isStaticColor: isStaticColor
                         })
                     }),
                     /*#__PURE__*/ (0, $8ijGz$jsx)("circle", {
@@ -103,7 +105,7 @@ const $41ddd91dbbf0c389$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, $8ijGz$forwa
                         r: radius,
                         strokeWidth: strokeWidth,
                         className: $41ddd91dbbf0c389$var$fill({
-                            staticColor: staticColor
+                            isStaticColor: isStaticColor
                         }),
                         style: {
                             // These cubic-bezier timing functions were derived from the previous animation keyframes

package/dist/ProgressCircle.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAwB,CAAA,GAAA,oBAAY,EAAkE;AAEnH,yEAAyE;AACzE,MAAM;;;;;;;;;;;;;;;;;;;;;;;AAWN,MAAM;;;;;;;;AAWN,MAAM;;;;;;;;;;AAkBN,MAAM;AAUN,iFAAiF;AACjF,MAAM;AAcC,MAAM,4CAAiB,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,eAAe,KAA0B,EAAE,GAA2B;IACpI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,kBACP,WAAW,gBACX,YAAY,oBACZ,mBAAmB,IACpB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,cAAc;IAClB,IAAI,SAAS,KACX,cAAc;SACT,IAAI,SAAS,KAClB,cAAc;IAGhB,yGAAyG;IACzG,IAAI,SAAS,CAAC,WAAW,EAAE,cAAc,EAAE,GAAG,CAAC;IAE/C,qBACE,gBAAC,CAAA,GAAA,kBAAa;QACX,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBACnD,GAAG,WAAW;sBACd;YACF,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,mBAAE,eAAe,EAAC,iBAC7B,iBAAC;gBACC,MAAK;gBACL,OAAM;gBACN,QAAO;;kCACP,gBAAC;wBACC,IAAG;wBACH,IAAG;wBACH,GAAG;wBACH,aAAa;wBACb,WAAW,4BAAM;yCAAC;wBAAW;;kCAC/B,gBAAC;wBACC,IAAG;wBACH,IAAG;wBACH,GAAG;wBACH,aAAa;wBACb,WAAW,2BAAK;yCAAC;wBAAW;wBAC5B,OAAO;4BACL,yFAAyF;4BACzF,gGAAgG;4BAChG,WAAW,kBAAkB,GAAG,wCAAkB,2CAA2C,EAAE,0CAAoB,4CAA4C,CAAC,GAAG;wBACrK;wBACA,2FAA2F;wBAC3F,YAAW;wBACX,sDAAsD;wBACtD,iBAAgB;wBAChB,kBAAkB,mBAAmB,cAAc,OAAO,YAAY,MAAM;wBAC5E,eAAc;;;;;AAK1B","sources":["packages/@react-spectrum/s2/src/ProgressCircle.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 {ContextValue, ProgressBar as RACProgressBar, ProgressBarProps as RACProgressBarProps} from 'react-aria-components';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ProgressCircleStyleProps {\n  /**\n   * The size of the ProgressCircle.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L',\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'black' | 'white',\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean\n}\n\nexport const ProgressCircleContext = createContext<ContextValue<ProgressCircleProps, DOMRefValue<HTMLDivElement>>>(null);\n\n// Double check the types passed to each style, may not need all for each\nconst wrapper = style<ProgressCircleStyleProps>({\n  size: {\n    default: 32,\n    size: {\n      S: 16,\n      L: 64\n    }\n  },\n  aspectRatio: 'square'\n}, getAllowedOverrides({height: true}));\n\nconst track = style<ProgressCircleStyleProps>({\n  stroke: {\n    default: 'gray-300',\n    staticColor: {\n      white: 'transparent-white-300',\n      black: 'transparent-black-300'\n    },\n    forcedColors: 'Background'\n  }\n});\n\nconst fill = style<ProgressCircleStyleProps>({\n  stroke: {\n    default: 'blue-900',\n    staticColor: {\n      white: 'transparent-white-900',\n      black: 'transparent-black-900'\n    },\n    forcedColors: 'Highlight'\n  },\n  rotate: -90,\n  transformOrigin: 'center'\n});\n\nexport interface ProgressCircleProps extends Omit<RACProgressBarProps, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className'>, ProgressCircleStyleProps, UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight\n}\n\nconst rotationAnimation = keyframes(`\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n`);\n\n// stroke-dashoffset represents `100 - percentage`. See below for how this works.\nconst dashoffsetAnimation = keyframes(`\n  0%, 100% {\n    stroke-dashoffset: 75;\n  }\n\n  30% {\n    stroke-dashoffset: 20;\n  }\n`);\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = /*#__PURE__*/ forwardRef(function ProgressCircle(props: ProgressCircleProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ProgressCircleContext);\n  let {\n    size = 'M',\n    staticColor,\n    UNSAFE_style,\n    UNSAFE_className = ''\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let strokeWidth = 3;\n  if (size === 'S') {\n    strokeWidth = 2;\n  } else if (size === 'L') {\n    strokeWidth = 4;\n  }\n\n  // SVG strokes are centered, so subtract half the stroke width from the radius to create an inner stroke.\n  let radius = `calc(50% - ${strokeWidth / 2}px)`;\n\n  return (\n    <RACProgressBar\n      {...props}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({\n        ...renderProps,\n        size\n      }, props.styles)}>\n      {({percentage, isIndeterminate}) => (\n        <svg\n          fill=\"none\"\n          width=\"100%\"\n          height=\"100%\">\n          <circle\n            cx=\"50%\"\n            cy=\"50%\"\n            r={radius}\n            strokeWidth={strokeWidth}\n            className={track({staticColor})} />\n          <circle\n            cx=\"50%\"\n            cy=\"50%\"\n            r={radius}\n            strokeWidth={strokeWidth}\n            className={fill({staticColor})}\n            style={{\n              // These cubic-bezier timing functions were derived from the previous animation keyframes\n              // using a best fit algorithm, and then manually adjusted to approximate the original animation.\n              animation: isIndeterminate ? `${rotationAnimation} 1s cubic-bezier(.6, .1, .3, .9) infinite, ${dashoffsetAnimation} 1s cubic-bezier(.25, .1, .25, 1.3) infinite` : undefined\n            }}\n            // Normalize the path length to 100 so we can easily set stroke-dashoffset to a percentage.\n            pathLength=\"100\"\n            // Add extra gap between dashes so 0% works in Chrome.\n            strokeDasharray=\"100 200\"\n            strokeDashoffset={isIndeterminate || percentage == null ? undefined : 100 - percentage}\n            strokeLinecap=\"round\" />\n        </svg>\n      )}\n    </RACProgressBar>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAwB,CAAA,GAAA,oBAAY,EAAkE;AAEnH,yEAAyE;AACzE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;AAYN,MAAM;;;;;;;AAQN,MAAM;;;;;;;;;AAeN,MAAM;AAUN,iFAAiF;AACjF,MAAM;AAcC,MAAM,4CAAiB,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,eAAe,KAA0B,EAAE,GAA2B;IACpI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,kBACP,WAAW,gBACX,YAAY,oBACZ,mBAAmB,IACpB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,cAAc;IAClB,IAAI,SAAS,KACX,cAAc;SACT,IAAI,SAAS,KAClB,cAAc;IAGhB,yGAAyG;IACzG,IAAI,SAAS,CAAC,WAAW,EAAE,cAAc,EAAE,GAAG,CAAC;IAC/C,IAAI,gBAAgB,CAAC,CAAC;IAEtB,qBACE,gBAAC,CAAA,GAAA,kBAAa;QACX,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBACnD,GAAG,WAAW;sBACd;6BACA;YACF,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,mBAAE,eAAe,EAAC,iBAC7B,iBAAC;gBACC,MAAK;gBACL,OAAM;gBACN,QAAO;;kCACP,gBAAC;wBACC,IAAG;wBACH,IAAG;wBACH,GAAG;wBACH,aAAa;wBACb,WAAW,4BAAM;2CAAC;wBAAa;;kCACjC,gBAAC;wBACC,IAAG;wBACH,IAAG;wBACH,GAAG;wBACH,aAAa;wBACb,WAAW,2BAAK;2CAAC;wBAAa;wBAC9B,OAAO;4BACL,yFAAyF;4BACzF,gGAAgG;4BAChG,WAAW,kBAAkB,GAAG,wCAAkB,2CAA2C,EAAE,0CAAoB,4CAA4C,CAAC,GAAG;wBACrK;wBACA,2FAA2F;wBAC3F,YAAW;wBACX,sDAAsD;wBACtD,iBAAgB;wBAChB,kBAAkB,mBAAmB,cAAc,OAAO,YAAY,MAAM;wBAC5E,eAAc;;;;;AAK1B","sources":["packages/@react-spectrum/s2/src/ProgressCircle.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 {ContextValue, ProgressBar as RACProgressBar, ProgressBarProps as RACProgressBarProps} from 'react-aria-components';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {keyframes} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ProgressCircleStyleProps {\n  /**\n   * The size of the ProgressCircle.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L',\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'black' | 'white' | 'auto',\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean\n}\n\nexport const ProgressCircleContext = createContext<ContextValue<ProgressCircleProps, DOMRefValue<HTMLDivElement>>>(null);\n\n// Double check the types passed to each style, may not need all for each\nconst wrapper = style<ProgressCircleStyleProps>({\n  ...staticColor(),\n  size: {\n    default: 32,\n    size: {\n      S: 16,\n      L: 64\n    }\n  },\n  aspectRatio: 'square'\n}, getAllowedOverrides({height: true}));\n\nconst track = style({\n  stroke: {\n    default: 'gray-300',\n    isStaticColor: 'transparent-overlay-300',\n    forcedColors: 'Background'\n  }\n});\n\nconst fill = style({\n  stroke: {\n    default: 'blue-900',\n    isStaticColor: 'transparent-overlay-900',\n    forcedColors: 'Highlight'\n  },\n  rotate: -90,\n  transformOrigin: 'center'\n});\n\nexport interface ProgressCircleProps extends Omit<RACProgressBarProps, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className'>, ProgressCircleStyleProps, UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight\n}\n\nconst rotationAnimation = keyframes(`\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n`);\n\n// stroke-dashoffset represents `100 - percentage`. See below for how this works.\nconst dashoffsetAnimation = keyframes(`\n  0%, 100% {\n    stroke-dashoffset: 75;\n  }\n\n  30% {\n    stroke-dashoffset: 20;\n  }\n`);\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = /*#__PURE__*/ forwardRef(function ProgressCircle(props: ProgressCircleProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ProgressCircleContext);\n  let {\n    size = 'M',\n    staticColor,\n    UNSAFE_style,\n    UNSAFE_className = ''\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let strokeWidth = 3;\n  if (size === 'S') {\n    strokeWidth = 2;\n  } else if (size === 'L') {\n    strokeWidth = 4;\n  }\n\n  // SVG strokes are centered, so subtract half the stroke width from the radius to create an inner stroke.\n  let radius = `calc(50% - ${strokeWidth / 2}px)`;\n  let isStaticColor = !!staticColor;\n\n  return (\n    <RACProgressBar\n      {...props}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({\n        ...renderProps,\n        size,\n        staticColor\n      }, props.styles)}>\n      {({percentage, isIndeterminate}) => (\n        <svg\n          fill=\"none\"\n          width=\"100%\"\n          height=\"100%\">\n          <circle\n            cx=\"50%\"\n            cy=\"50%\"\n            r={radius}\n            strokeWidth={strokeWidth}\n            className={track({isStaticColor})} />\n          <circle\n            cx=\"50%\"\n            cy=\"50%\"\n            r={radius}\n            strokeWidth={strokeWidth}\n            className={fill({isStaticColor})}\n            style={{\n              // These cubic-bezier timing functions were derived from the previous animation keyframes\n              // using a best fit algorithm, and then manually adjusted to approximate the original animation.\n              animation: isIndeterminate ? `${rotationAnimation} 1s cubic-bezier(.6, .1, .3, .9) infinite, ${dashoffsetAnimation} 1s cubic-bezier(.25, .1, .25, 1.3) infinite` : undefined\n            }}\n            // Normalize the path length to 100 so we can easily set stroke-dashoffset to a percentage.\n            pathLength=\"100\"\n            // Add extra gap between dashes so 0% works in Chrome.\n            strokeDasharray=\"100 200\"\n            strokeDashoffset={isIndeterminate || percentage == null ? undefined : 100 - percentage}\n            strokeLinecap=\"round\" />\n        </svg>\n      )}\n    </RACProgressBar>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.mjs.map"}

package/dist/Provider.cjs

@@ -53,7 +53,7 @@ let $914a06b3a1c679bc$var$providerStyles = function anonymous(props) {
     else if (props.colorScheme === "light") rules += ' _Aa';
     else if (props.colorScheme === "light dark") rules += ' _Ac';
     else rules += ' _A-10jn6wd';
-    if (props.background === "layer-2") rules += ' -_1de2x0q_b-______k';
+    if (props.background === "layer-2") rules += ' -_1de2x0q_b-______x';
     else if (props.background === "layer-1") rules += ' -_1de2x0q_b-e';
     else if (props.background === "base") rules += ' -_1de2x0q_b-d';
     if (props.background === "layer-2") rules += ' b-1de2x0q';

package/dist/Provider.css

@@ -55,7 +55,7 @@
     --s2-container-bg: var(--lightningcss-light, #f8f8f8) var(--lightningcss-dark, #1b1b1b);
   }
 
-  .-_1de2x0q_b-______k {
+  .-_1de2x0q_b-______x {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 

package/dist/Provider.mjs

@@ -46,7 +46,7 @@ let $9affbfa4e13b9582$var$providerStyles = function anonymous(props) {
     else if (props.colorScheme === "light") rules += ' _Aa';
     else if (props.colorScheme === "light dark") rules += ' _Ac';
     else rules += ' _A-10jn6wd';
-    if (props.background === "layer-2") rules += ' -_1de2x0q_b-______k';
+    if (props.background === "layer-2") rules += ' -_1de2x0q_b-______x';
     else if (props.background === "layer-1") rules += ' -_1de2x0q_b-e';
     else if (props.background === "base") rules += ' -_1de2x0q_b-d';
     if (props.background === "layer-2") rules += ' b-1de2x0q';

package/dist/Radio.cjs

@@ -67,7 +67,7 @@ const $49f41f366ec3019f$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';
@@ -88,7 +88,7 @@ const $49f41f366ec3019f$var$circle = 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';
@@ -121,16 +121,16 @@ const $49f41f366ec3019f$var$circle = function anonymous(props) {
     rules += ' _zb';
     rules += ' bd';
     if (props.isDisabled) {
-        rules += ' ca_____B';
+        rules += ' ca_____O';
         rules += ' cj';
     } else if (props.isInvalid) {
-        rules += ' ca_____C';
+        rules += ' ca_____P';
         if (props.isPressed) rules += ' cQ';
         else if (props.isFocusVisible) rules += ' cP';
         else if (props.isHovered) rules += ' cP';
         else rules += ' cO';
     } else if (props.isSelected) {
-        rules += ' ca_____z';
+        rules += ' ca_____M';
         if (props.isEmphasized) {
             if (props.isPressed) rules += ' cz';
             else if (props.isFocusVisible) rules += ' cz';
@@ -138,7 +138,7 @@ const $49f41f366ec3019f$var$circle = function anonymous(props) {
             else rules += ' cy';
         }
     } else {
-        rules += ' ca_____v';
+        rules += ' ca_____I';
         if (props.isPressed) rules += ' co';
         else if (props.isFocusVisible) rules += ' co';
         else if (props.isHovered) rules += ' co';

package/dist/Radio.css

@@ -320,27 +320,27 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .aa_____B {
+    .aa_____O {
       color: graytext;
     }
 
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .ca_____v {
+    .ca_____I {
       border-color: buttonborder;
     }
 
-    .ca_____z {
+    .ca_____M {
       border-color: highlight;
     }
 
-    .ca_____C {
+    .ca_____P {
       border-color: mark;
     }
 
-    .ca_____B {
+    .ca_____O {
       border-color: graytext;
     }
   }

package/dist/Radio.mjs

@@ -61,7 +61,7 @@ const $1ae2870af9a200f8$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';
@@ -82,7 +82,7 @@ const $1ae2870af9a200f8$var$circle = 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';
@@ -115,16 +115,16 @@ const $1ae2870af9a200f8$var$circle = function anonymous(props) {
     rules += ' _zb';
     rules += ' bd';
     if (props.isDisabled) {
-        rules += ' ca_____B';
+        rules += ' ca_____O';
         rules += ' cj';
     } else if (props.isInvalid) {
-        rules += ' ca_____C';
+        rules += ' ca_____P';
         if (props.isPressed) rules += ' cQ';
         else if (props.isFocusVisible) rules += ' cP';
         else if (props.isHovered) rules += ' cP';
         else rules += ' cO';
     } else if (props.isSelected) {
-        rules += ' ca_____z';
+        rules += ' ca_____M';
         if (props.isEmphasized) {
             if (props.isPressed) rules += ' cz';
             else if (props.isFocusVisible) rules += ' cz';
@@ -132,7 +132,7 @@ const $1ae2870af9a200f8$var$circle = function anonymous(props) {
             else rules += ' cy';
         }
     } else {
-        rules += ' ca_____v';
+        rules += ' ca_____I';
         if (props.isPressed) rules += ' co';
         else if (props.isFocusVisible) rules += ' co';
         else if (props.isHovered) rules += ' co';

package/dist/SearchField.cjs

@@ -118,7 +118,7 @@ const $f0dfe14258307d4b$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $fsjBd$react
             rules += ' __R-yksgrp';
             rules += ' -oelgqu_A--177861o';
             if (props.isDisabled) {
-                rules += ' aa_____B';
+                rules += ' aa_____O';
                 rules += ' aj';
             } else {
                 if (props.isPressed) rules += ' ao';

package/dist/SearchField.css

@@ -209,7 +209,7 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .aa_____B {
+    .aa_____O {
       color: graytext;
     }
   }

package/dist/SearchField.mjs

@@ -111,7 +111,7 @@ const $e3d0f3db0eb61b92$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $iu0JR$forwa
             rules += ' __R-yksgrp';
             rules += ' -oelgqu_A--177861o';
             if (props.isDisabled) {
-                rules += ' aa_____B';
+                rules += ' aa_____O';
                 rules += ' aj';
             } else {
                 if (props.isPressed) rules += ' ao';

package/dist/SegmentedControl.cjs

@@ -74,7 +74,7 @@ const $e33225559d5e019f$var$controlItem = 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';
@@ -108,9 +108,9 @@ const $e33225559d5e019f$var$controlItem = function anonymous(props, overrides) {
     rules += ' _eb';
     rules += ' _f-1x99dlob';
     rules += ' _fa';
-    if (props.isSelected) rules += ' aa_____A';
-    else if (props.isDisabled) rules += ' aa_____B';
-    else rules += ' aa_____x';
+    if (props.isSelected) rules += ' aa_____N';
+    else if (props.isDisabled) rules += ' aa_____O';
+    else rules += ' aa_____K';
     if (props.isDisabled) rules += ' aj';
     else if (props.isSelected) {
         if (props.isPressed) rules += ' ao';
@@ -153,8 +153,8 @@ const $e33225559d5e019f$var$controlItem = function anonymous(props, overrides) {
 };
 const $e33225559d5e019f$var$slider = function anonymous(props) {
     let rules = " .";
-    if (props.isDisabled) rules += ' ba_____B';
-    else rules += ' ba_____z';
+    if (props.isDisabled) rules += ' ba_____O';
+    else rules += ' ba_____M';
     rules += ' bd';
     rules += ' Ya';
     rules += ' lb';
@@ -166,8 +166,8 @@ const $e33225559d5e019f$var$slider = function anonymous(props) {
     rules += ' vc';
     rules += ' sc';
     rules += ' tc';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____z';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____M';
     if (props.isDisabled) rules += ' ci';
     else rules += ' co';
     rules += ' _vd';

package/dist/SegmentedControl.css

@@ -345,35 +345,35 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .aa_____x {
+    .aa_____K {
       color: buttontext;
     }
 
-    .aa_____B {
+    .aa_____O {
       color: graytext;
     }
 
-    .aa_____A {
+    .aa_____N {
       color: highlighttext;
     }
 
-    .ba_____z {
+    .ba_____M {
       background-color: highlight;
     }
 
-    .ba_____B {
+    .ba_____O {
       background-color: graytext;
     }
 
-    .ca_____z {
+    .ca_____M {
       border-color: highlight;
     }
 
-    .ca_____B {
+    .ca_____O {
       border-color: graytext;
     }
   }

package/dist/SegmentedControl.mjs

@@ -66,7 +66,7 @@ const $c679c2152e03f8bf$var$controlItem = 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';
@@ -100,9 +100,9 @@ const $c679c2152e03f8bf$var$controlItem = function anonymous(props, overrides) {
     rules += ' _eb';
     rules += ' _f-1x99dlob';
     rules += ' _fa';
-    if (props.isSelected) rules += ' aa_____A';
-    else if (props.isDisabled) rules += ' aa_____B';
-    else rules += ' aa_____x';
+    if (props.isSelected) rules += ' aa_____N';
+    else if (props.isDisabled) rules += ' aa_____O';
+    else rules += ' aa_____K';
     if (props.isDisabled) rules += ' aj';
     else if (props.isSelected) {
         if (props.isPressed) rules += ' ao';
@@ -145,8 +145,8 @@ const $c679c2152e03f8bf$var$controlItem = function anonymous(props, overrides) {
 };
 const $c679c2152e03f8bf$var$slider = function anonymous(props) {
     let rules = " .";
-    if (props.isDisabled) rules += ' ba_____B';
-    else rules += ' ba_____z';
+    if (props.isDisabled) rules += ' ba_____O';
+    else rules += ' ba_____M';
     rules += ' bd';
     rules += ' Ya';
     rules += ' lb';
@@ -158,8 +158,8 @@ const $c679c2152e03f8bf$var$slider = function anonymous(props) {
     rules += ' vc';
     rules += ' sc';
     rules += ' tc';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____z';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____M';
     if (props.isDisabled) rules += ' ci';
     else rules += ' co';
     rules += ' _vd';

package/dist/Slider.cjs

@@ -185,7 +185,7 @@ let $e937566cb5c6349c$export$becc9140d0e846f8 = 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';
@@ -222,7 +222,7 @@ let $e937566cb5c6349c$export$becc9140d0e846f8 = function anonymous(props) {
     rules += ' v-375zlr';
     rules += ' s-375zlr';
     rules += ' t-375zlr';
-    if (props.isDisabled) rules += ' ca_____B';
+    if (props.isDisabled) rules += ' ca_____O';
     if (props.isDisabled) rules += ' ci';
     else if (props.isDragging) rules += ' co';
     else if (props.isHovered) rules += ' co';
@@ -269,8 +269,8 @@ let $e937566cb5c6349c$export$1e1dc99b6e2204f1 = function anonymous(props) {
     rules += ' v-yj94cw';
     rules += ' s-yj94cw';
     rules += ' t-yj94cw';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____x';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____K';
     rules += ' ca';
     return rules;
 };
@@ -288,8 +288,8 @@ let $e937566cb5c6349c$export$847ceef3bc944d02 = function anonymous(props) {
     if (props.trackStyle === "thick") rules += ' _yb';
     else if (props.trackStyle === "thin") rules += ' _yd';
     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.isEmphasized) rules += ' by';
     else rules += ' bm';
@@ -299,8 +299,8 @@ let $e937566cb5c6349c$export$847ceef3bc944d02 = function anonymous(props) {
     rules += ' v-yj94cw';
     rules += ' s-yj94cw';
     rules += ' t-yj94cw';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____x';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____K';
     rules += ' ca';
     rules += ' Q-yj8axo';
     return rules;

package/dist/Slider.css

@@ -610,23 +610,23 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .ba_____z {
+    .ba_____M {
       background-color: highlight;
     }
 
-    .ba_____B {
+    .ba_____O {
       background-color: graytext;
     }
 
-    .ca_____x {
+    .ca_____K {
       border-color: buttontext;
     }
 
-    .ca_____B {
+    .ca_____O {
       border-color: graytext;
     }
   }

package/dist/Slider.mjs

@@ -171,7 +171,7 @@ let $8128d8480e67c400$export$becc9140d0e846f8 = 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';
@@ -208,7 +208,7 @@ let $8128d8480e67c400$export$becc9140d0e846f8 = function anonymous(props) {
     rules += ' v-375zlr';
     rules += ' s-375zlr';
     rules += ' t-375zlr';
-    if (props.isDisabled) rules += ' ca_____B';
+    if (props.isDisabled) rules += ' ca_____O';
     if (props.isDisabled) rules += ' ci';
     else if (props.isDragging) rules += ' co';
     else if (props.isHovered) rules += ' co';
@@ -255,8 +255,8 @@ let $8128d8480e67c400$export$1e1dc99b6e2204f1 = function anonymous(props) {
     rules += ' v-yj94cw';
     rules += ' s-yj94cw';
     rules += ' t-yj94cw';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____x';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____K';
     rules += ' ca';
     return rules;
 };
@@ -274,8 +274,8 @@ let $8128d8480e67c400$export$847ceef3bc944d02 = function anonymous(props) {
     if (props.trackStyle === "thick") rules += ' _yb';
     else if (props.trackStyle === "thin") rules += ' _yd';
     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.isEmphasized) rules += ' by';
     else rules += ' bm';
@@ -285,8 +285,8 @@ let $8128d8480e67c400$export$847ceef3bc944d02 = function anonymous(props) {
     rules += ' v-yj94cw';
     rules += ' s-yj94cw';
     rules += ' t-yj94cw';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____x';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____K';
     rules += ' ca';
     rules += ' Q-yj8axo';
     return rules;

package/dist/Switch.cjs

@@ -76,7 +76,7 @@ const $0bb99ae32af8596c$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';
@@ -97,7 +97,7 @@ const $0bb99ae32af8596c$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';
@@ -124,10 +124,10 @@ const $0bb99ae32af8596c$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';
@@ -135,10 +135,10 @@ const $0bb99ae32af8596c$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';
@@ -164,7 +164,7 @@ const $0bb99ae32af8596c$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/Switch.css

@@ -300,27 +300,27 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .aa_____B {
+    .aa_____O {
       color: graytext;
     }
 
-    .da_____z {
+    .da_____M {
       outline-color: highlight;
     }
 
-    .ca_____v {
+    .ca_____I {
       border-color: buttonborder;
     }
 
-    .ca_____B {
+    .ca_____O {
       border-color: graytext;
     }
 
-    .ba_____z {
+    .ba_____M {
       background-color: highlight;
     }
 
-    .ba_____B {
+    .ba_____O {
       background-color: graytext;
     }
   }