@react-spectrum/s2 3.0.0-nightly-63d4359d6-250428 → 3.0.0-nightly-1dd65ffc5-250429

package/dist/CloseButton.css

@@ -1,190 +1,190 @@
 @layer _.a {
-  ._Ma {
+  .ta {
     outline-style: none;
   }
 
-  ._Mb {
+  .tb {
     outline-style: solid;
   }
 
-  .dx {
+  .Bb {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .d_____G {
+  .Bd {
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Oc {
+  ._ga {
     outline-width: 2px;
   }
 
-  ._N-3t1z {
+  ._ya {
     outline-offset: 2px;
   }
 
-  .-_1de2x0q_b-c {
+  .-Ovbhqd-cs {
     --s2-container-bg: white;
   }
 
-  .-_1de2x0q_b-b {
+  .-Ovbhqd-cr {
     --s2-container-bg: black;
   }
 
-  ._0d {
+  .ma {
     display: flex;
   }
 
-  ._2c {
+  .Fa {
     align-items: center;
   }
 
-  ._3d {
+  ._pa {
     justify-content: center;
   }
 
-  .lf {
+  .fg {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .lg {
+  .fb {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .lh {
+  .fc {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .li {
+  .fi {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .lj {
+  .fn {
     width: calc(3rem * var(--s2-scale));
   }
 
-  .kf {
+  .ec {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .kg {
+  .ea {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .kh {
+  .eb {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .ki {
+  .ed {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .kj {
+  .ee {
     height: calc(3rem * var(--s2-scale));
   }
 
-  ._9-3t1x {
+  ._ra {
     flex-shrink: 0;
   }
 
-  ._wf {
+  .za {
     border-start-start-radius: 9999px;
   }
 
-  ._xf {
+  .xa {
     border-start-end-radius: 9999px;
   }
 
-  ._yf {
+  .wa {
     border-end-start-radius: 9999px;
   }
 
-  ._zf {
+  .ya {
     border-end-end-radius: 9999px;
   }
 
-  .Ea {
+  .ra {
     padding-top: 0;
   }
 
-  .Fa {
+  .va {
     padding-bottom: 0;
   }
 
-  .Ca {
+  .oa {
     padding-inline-start: 0;
   }
 
-  .Da {
+  .na {
     padding-inline-end: 0;
   }
 
-  .wf {
+  .Rb {
     border-style: none;
   }
 
-  ._Pa {
-    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
+  ._ia {
+    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._R-375x7f {
+  ._ka {
     transition-duration: .15s;
   }
 
-  ._Sa {
+  ._ea {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .ba {
+  .cd {
     background-color: #0000;
   }
 
-  .bh {
+  .ce {
     background-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .b_____y {
+  .ch {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .14);
   }
 
-  .-rwx0fg_a-n {
+  .-_8sjo0b-da {
     --iconPrimary: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .-rwx0fg_a-o {
+  .-_8sjo0b-db {
     --iconPrimary: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  .-rwx0fg_a-j {
+  .-_8sjo0b-dc {
     --iconPrimary: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .-rwx0fg_a-_____E {
+  .-_8sjo0b-dn {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
   }
 
-  .-rwx0fg_a-_____F {
+  .-_8sjo0b-dh {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
   }
 
-  .-rwx0fg_a-_____A {
+  .-_8sjo0b-ds {
     --iconPrimary: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .21);
   }
 }
 
 @layer _.b;
 
-@layer _.b.a {
+@layer _.b.b {
   @media (forced-colors: active) {
-    .da_____M {
+    .Bba {
       outline-color: highlight;
     }
 
-    .-rwx0fg_a-a_____K {
+    .-_8sjo0b-bdf {
       --iconPrimary: ButtonText;
     }
 
-    .-rwx0fg_a-a_____O {
+    .-_8sjo0b-bde {
       --iconPrimary: GrayText;
     }
   }

package/dist/CloseButton.mjs

@@ -37,79 +37,81 @@ const $a9cda54c4f47ce52$var$hoverBackground = {
     isStaticColor: 'transparent-overlay-200'
 };
 const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
-    let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
-    rules += matches.join('');
-    let $l = false;
-    let $_9 = false;
+    let rules = " ";
+    let width = false;
+    let flexShrink = false;
+    let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g);
     for (let p of matches){
-        if (/^\s*l/.test(p)) $l = true;
-        if (/^\s*_9/.test(p)) $_9 = true;
+        if (p[1] === "f") width = true;
+        if (p[1] === "_r") flexShrink = true;
+        rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Mb';
-    else rules += ' _Ma';
-    rules += ' da_____M';
-    if (props.isStaticColor) rules += ' d_____G';
-    else rules += ' dx';
-    rules += ' _Oc';
-    rules += ' _N-3t1z';
-    if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
-    else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    rules += ' _0d';
-    rules += ' _2c';
-    rules += ' _3d';
-    if (!$l) {
-        if (props.size === "XL") rules += ' lj';
-        else if (props.size === "L") rules += ' li';
-        else if (props.size === "S") rules += ' lh';
-        else if (props.size === "XS") rules += ' lg';
-        else rules += ' lf';
-    }
-    if (props.size === "XL") rules += ' kj';
-    else if (props.size === "L") rules += ' ki';
-    else if (props.size === "S") rules += ' kh';
-    else if (props.size === "XS") rules += ' kg';
-    else rules += ' kf';
-    if (!$_9) rules += ' _9-3t1x';
-    rules += ' _wf';
-    rules += ' _xf';
-    rules += ' _yf';
-    rules += ' _zf';
-    rules += ' Ea';
+    if (props.isFocusVisible) rules += ' tb';
+    else rules += ' ta';
+    if (props.isStaticColor) rules += ' Bd';
+    else rules += ' Bb';
+    rules += ' Bba';
+    rules += ' _ga';
+    rules += ' _ya';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-cr';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-cs';
+    rules += ' ma';
     rules += ' Fa';
-    rules += ' Ca';
-    rules += ' Da';
-    rules += ' wf';
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
+    rules += ' _pa';
+    if (props.size === "XL") {
+        if (!width) rules += ' fn';
+    } else if (props.size === "L") {
+        if (!width) rules += ' fi';
+    } else if (props.size === "S") {
+        if (!width) rules += ' fc';
+    } else if (props.size === "XS") {
+        if (!width) rules += ' fb';
+    } else if (!width) rules += ' fg';
+    if (props.size === "XL") rules += ' ee';
+    else if (props.size === "L") rules += ' ed';
+    else if (props.size === "S") rules += ' eb';
+    else if (props.size === "XS") rules += ' ea';
+    else rules += ' ec';
+    if (!flexShrink) rules += ' _ra';
+    rules += ' za';
+    rules += ' xa';
+    rules += ' wa';
+    rules += ' ya';
+    rules += ' ra';
+    rules += ' va';
+    rules += ' oa';
+    rules += ' na';
+    rules += ' Rb';
+    rules += ' _ia';
+    rules += ' _ka';
+    rules += ' _ea';
     if (props.isPressed) {
-        if (props.isStaticColor) rules += ' b_____y';
-        else rules += ' bh';
+        if (props.isStaticColor) rules += ' ch';
+        else rules += ' ce';
     } else if (props.isFocusVisible) {
-        if (props.isStaticColor) rules += ' b_____y';
-        else rules += ' bh';
+        if (props.isStaticColor) rules += ' ch';
+        else rules += ' ce';
     } else if (props.isHovered) {
-        if (props.isStaticColor) rules += ' b_____y';
-        else rules += ' bh';
-    } else rules += ' ba';
-    if (props.isDisabled) rules += ' -rwx0fg_a-a_____O';
-    else rules += ' -rwx0fg_a-a_____K';
+        if (props.isStaticColor) rules += ' ch';
+        else rules += ' ce';
+    } else rules += ' cd';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' -rwx0fg_a-_____A';
+        if (props.isDisabled) rules += ' -_8sjo0b-ds';
         else {
-            if (props.isPressed) rules += ' -rwx0fg_a-_____F';
-            else if (props.isFocusVisible) rules += ' -rwx0fg_a-_____F';
-            else if (props.isHovered) rules += ' -rwx0fg_a-_____F';
-            else rules += ' -rwx0fg_a-_____E';
+            if (props.isPressed) rules += ' -_8sjo0b-dh';
+            else if (props.isFocusVisible) rules += ' -_8sjo0b-dh';
+            else if (props.isHovered) rules += ' -_8sjo0b-dh';
+            else rules += ' -_8sjo0b-dn';
         }
-    } else if (props.isDisabled) rules += ' -rwx0fg_a-j';
+    } else if (props.isDisabled) rules += ' -_8sjo0b-dc';
     else {
-        if (props.isPressed) rules += ' -rwx0fg_a-o';
-        else if (props.isFocusVisible) rules += ' -rwx0fg_a-o';
-        else if (props.isHovered) rules += ' -rwx0fg_a-o';
-        else rules += ' -rwx0fg_a-n';
+        if (props.isPressed) rules += ' -_8sjo0b-db';
+        else if (props.isFocusVisible) rules += ' -_8sjo0b-db';
+        else if (props.isHovered) rules += ' -_8sjo0b-db';
+        else rules += ' -_8sjo0b-da';
     }
+    if (props.isDisabled) rules += ' -_8sjo0b-bde';
+    else rules += ' -_8sjo0b-bdf';
     return rules;
 };
 const $a9cda54c4f47ce52$export$c796eec99a15b55d = /*#__PURE__*/ (0, $5wH0g$createContext)(null);

package/dist/CloseButton.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA0BD,MAAM,wCAAkB;IACtB,SAAS;IACT,eAAe;AACjB;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCC,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAiF;AAKxH,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAoC;IACtH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,gBAAC,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IAC5C,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE;IAC7B,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,qBACE,gBAAC,CAAA,GAAA,aAAK;QACH,GAAG,KAAK;QACT,KAAK;QACL,MAAK;QACL,cAAY,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;QAC1D,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ;QAC1B,WAAW,CAAA,cAAe,mBAAmB,6BAAO;gBAAC,GAAG,WAAW;gBAAE,aAAa,MAAM,WAAW;gBAAE,eAAe,CAAC,CAAC,MAAM,WAAW;YAAA,GAAG,MAAM,MAAM;kBACtJ,cAAA,gBAAC,CAAA,GAAA,wCAAQ;YAAE,MAAM,AAAC;gBAAC,GAAG;gBAAK,GAAG;gBAAM,GAAG;gBAAO,IAAI;YAAM,CAAW,CAAC,MAAM,IAAI,IAAI,IAAI;;;AAG5F","sources":["packages/@react-spectrum/s2/src/CloseButton.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 {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {Button, ButtonProps, ContextValue} from 'react-aria-components';\nimport {createContext, forwardRef} from 'react';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CloseButtonProps extends Pick<ButtonProps, 'isDisabled' | 'onPress'>, StyleProps {\n  /**\n   * The size of the CloseButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the Button appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto'\n}\n\nconst hoverBackground = {\n  default: 'gray-200',\n  isStaticColor: 'transparent-overlay-200'\n} as const;\n\nconst styles = style<CloseButtonProps & {isHovered: boolean, isFocusVisible: boolean, isPressed: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: 'control',\n  flexShrink: 0,\n  borderRadius: 'full',\n  padding: 0,\n  borderStyle: 'none',\n  transition: 'default',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: hoverBackground,\n    isFocusVisible: hoverBackground,\n    isPressed: hoverBackground\n  },\n  '--iconPrimary': {\n    type: 'color',\n    value: {\n      default: 'neutral',\n      isDisabled: 'disabled',\n      isStaticColor: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: 'transparent-overlay-400'\n      },\n      forcedColors: {\n        default: 'ButtonText',\n        isDisabled: 'GrayText'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  }\n}, getAllowedOverrides());\n\nexport const CloseButtonContext = createContext<ContextValue<Partial<CloseButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * A CloseButton allows a user to dismiss a dialog.\n */\nexport const CloseButton = forwardRef(function CloseButton(props: CloseButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CloseButtonContext);\n  let {UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useFocusableRef(ref);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      slot=\"close\"\n      aria-label={props['aria-label'] || stringFormatter.format('dialog.dismiss')}\n      style={pressScale(domRef, UNSAFE_style)}\n      className={renderProps => UNSAFE_className + styles({...renderProps, staticColor: props.staticColor, isStaticColor: !!props.staticColor}, props.styles)}>\n      <CrossIcon size={({S: 'L', M: 'XL', L: 'XXL', XL: 'XXXL'} as const)[props.size || 'M']} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"CloseButton.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA0BD,MAAM,wCAAkB;IACtB,SAAS;IACT,eAAe;AACjB;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCC,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAiF;AAKxH,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAoC;IACtH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,gBAAC,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IAC5C,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE;IAC7B,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,qBACE,gBAAC,CAAA,GAAA,aAAK;QACH,GAAG,KAAK;QACT,KAAK;QACL,MAAK;QACL,cAAY,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;QAC1D,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ;QAC1B,WAAW,CAAA,cAAe,mBAAmB,6BAAO;gBAAC,GAAG,WAAW;gBAAE,aAAa,MAAM,WAAW;gBAAE,eAAe,CAAC,CAAC,MAAM,WAAW;YAAA,GAAG,MAAM,MAAM;kBACtJ,cAAA,gBAAC,CAAA,GAAA,wCAAQ;YAAE,MAAM,AAAC;gBAAC,GAAG;gBAAK,GAAG;gBAAM,GAAG;gBAAO,IAAI;YAAM,CAAW,CAAC,MAAM,IAAI,IAAI,IAAI;;;AAG5F","sources":["packages/@react-spectrum/s2/src/CloseButton.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 {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {Button, ButtonProps, ContextValue} from 'react-aria-components';\nimport {createContext, forwardRef} from 'react';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CloseButtonProps extends Pick<ButtonProps, 'isDisabled' | 'onPress'>, StyleProps {\n  /**\n   * The size of the CloseButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the Button appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto'\n}\n\nconst hoverBackground = {\n  default: 'gray-200',\n  isStaticColor: 'transparent-overlay-200'\n} as const;\n\nconst styles = style<CloseButtonProps & {isHovered: boolean, isFocusVisible: boolean, isPressed: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: 'control',\n  flexShrink: 0,\n  borderRadius: 'full',\n  padding: 0,\n  borderStyle: 'none',\n  transition: 'default',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: hoverBackground,\n    isFocusVisible: hoverBackground,\n    isPressed: hoverBackground\n  },\n  '--iconPrimary': {\n    type: 'color',\n    value: {\n      default: 'neutral',\n      isDisabled: 'disabled',\n      isStaticColor: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: 'transparent-overlay-400'\n      },\n      forcedColors: {\n        default: 'ButtonText',\n        isDisabled: 'GrayText'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  }\n}, getAllowedOverrides());\n\nexport const CloseButtonContext = createContext<ContextValue<Partial<CloseButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * A CloseButton allows a user to dismiss a dialog.\n */\nexport const CloseButton = forwardRef(function CloseButton(props: CloseButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CloseButtonContext);\n  let {UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useFocusableRef(ref);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      slot=\"close\"\n      aria-label={props['aria-label'] || stringFormatter.format('dialog.dismiss')}\n      style={pressScale(domRef, UNSAFE_style)}\n      className={renderProps => UNSAFE_className + styles({...renderProps, staticColor: props.staticColor, isStaticColor: !!props.staticColor}, props.styles)}>\n      <CrossIcon size={({S: 'L', M: 'XL', L: 'XXL', XL: 'XXXL'} as const)[props.size || 'M']} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"CloseButton.mjs.map"}

package/dist/ColorArea.cjs

@@ -45,37 +45,37 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
                 ...UNSAFE_style
             }),
         className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
-                let rules = " .";
-                let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
-                rules += matches.join('');
-                let $V = false;
-                let $l = false;
-                let $k = false;
-                let $q = false;
-                let $o = false;
+                let rules = " ";
+                let position = false;
+                let width = false;
+                let height = false;
+                let minWidth = false;
+                let minHeight = false;
+                let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l|e|s|_w)[^\s]+/g);
                 for (let p of matches){
-                    if (/^\s*V/.test(p)) $V = true;
-                    if (/^\s*l/.test(p)) $l = true;
-                    if (/^\s*k/.test(p)) $k = true;
-                    if (/^\s*q/.test(p)) $q = true;
-                    if (/^\s*o/.test(p)) $o = true;
+                    if (p[1] === "K") position = true;
+                    if (p[1] === "f") width = true;
+                    if (p[1] === "e") height = true;
+                    if (p[1] === "u") minWidth = true;
+                    if (p[1] === "s") minHeight = true;
+                    rules += p[0];
                 }
-                if (!$V) rules += ' Vc';
-                if (!$l) rules += ' l___u';
-                if (!$k) rules += ' k___u';
-                if (!$q) rules += ' q_q';
-                if (!$o) rules += ' o_q';
-                rules += ' _wc';
-                rules += ' _xc';
+                if (!position) rules += ' Ka';
+                if (!width) rules += ' fd';
+                if (!height) rules += ' ev';
+                if (!minWidth) rules += ' us';
+                if (!minHeight) rules += ' sq';
+                rules += ' zc';
+                rules += ' xc';
+                rules += ' wc';
+                rules += ' yc';
+                rules += ' Be';
+                rules += ' Bbc';
+                rules += ' _gb';
                 rules += ' _yc';
-                rules += ' _zc';
-                rules += ' da_____I';
-                rules += ' dp10';
-                rules += ' _Ob';
-                rules += ' _N-3hmpv';
-                if (props.isDisabled) rules += ' _Ma';
-                else rules += ' _Mb';
-                if (props.isDisabled) rules += ' bg';
+                if (props.isDisabled) rules += ' ta';
+                else rules += ' tb';
+                if (props.isDisabled) rules += ' ca';
                 return rules;
             }(renderProps, styles),
         children: ({ state: state })=>/*#__PURE__*/ (0, $lfrPf$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {

package/dist/ColorArea.css

@@ -1,70 +1,70 @@
 @layer _.a {
-  .Vc {
+  .Ka {
     position: relative;
   }
 
-  .l___u {
+  .fd {
     width: calc(12rem * var(--s2-scale));
   }
 
-  .k___u {
+  .ev {
     height: calc(12rem * var(--s2-scale));
   }
 
-  .q_q {
+  .us {
     min-width: calc(4rem * var(--s2-scale));
   }
 
-  .o_q {
+  .sq {
     min-height: calc(4rem * var(--s2-scale));
   }
 
-  ._wc {
+  .zc {
     border-start-start-radius: .5rem;
   }
 
-  ._xc {
+  .xc {
     border-start-end-radius: .5rem;
   }
 
-  ._yc {
+  .wc {
     border-end-start-radius: .5rem;
   }
 
-  ._zc {
+  .yc {
     border-end-end-radius: .5rem;
   }
 
-  .dp10 {
+  .Be {
     outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
   }
 
-  ._Ob {
+  ._gb {
     outline-width: 1px;
   }
 
-  ._N-3hmpv {
+  ._yc {
     outline-offset: -1px;
   }
 
-  ._Mb {
+  .tb {
     outline-style: solid;
   }
 
-  ._Ma {
+  .ta {
     outline-style: none;
   }
 
-  .bg {
+  .ca {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 }
 
 @layer _.b;
 
-@layer _.b.a {
+@layer _.b.b {
   @media (forced-colors: active) {
-    .da_____I {
+    .Bbc {
       outline-color: buttonborder;
     }
   }

package/dist/ColorArea.mjs

@@ -38,37 +38,37 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
                 ...UNSAFE_style
             }),
         className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
-                let rules = " .";
-                let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
-                rules += matches.join('');
-                let $V = false;
-                let $l = false;
-                let $k = false;
-                let $q = false;
-                let $o = false;
+                let rules = " ";
+                let position = false;
+                let width = false;
+                let height = false;
+                let minWidth = false;
+                let minHeight = false;
+                let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l|e|s|_w)[^\s]+/g);
                 for (let p of matches){
-                    if (/^\s*V/.test(p)) $V = true;
-                    if (/^\s*l/.test(p)) $l = true;
-                    if (/^\s*k/.test(p)) $k = true;
-                    if (/^\s*q/.test(p)) $q = true;
-                    if (/^\s*o/.test(p)) $o = true;
+                    if (p[1] === "K") position = true;
+                    if (p[1] === "f") width = true;
+                    if (p[1] === "e") height = true;
+                    if (p[1] === "u") minWidth = true;
+                    if (p[1] === "s") minHeight = true;
+                    rules += p[0];
                 }
-                if (!$V) rules += ' Vc';
-                if (!$l) rules += ' l___u';
-                if (!$k) rules += ' k___u';
-                if (!$q) rules += ' q_q';
-                if (!$o) rules += ' o_q';
-                rules += ' _wc';
-                rules += ' _xc';
+                if (!position) rules += ' Ka';
+                if (!width) rules += ' fd';
+                if (!height) rules += ' ev';
+                if (!minWidth) rules += ' us';
+                if (!minHeight) rules += ' sq';
+                rules += ' zc';
+                rules += ' xc';
+                rules += ' wc';
+                rules += ' yc';
+                rules += ' Be';
+                rules += ' Bbc';
+                rules += ' _gb';
                 rules += ' _yc';
-                rules += ' _zc';
-                rules += ' da_____I';
-                rules += ' dp10';
-                rules += ' _Ob';
-                rules += ' _N-3hmpv';
-                if (props.isDisabled) rules += ' _Ma';
-                else rules += ' _Mb';
-                if (props.isDisabled) rules += ' bg';
+                if (props.isDisabled) rules += ' ta';
+                else rules += ' tb';
+                if (props.isDisabled) rules += ' ca';
                 return rules;
             }(renderProps, styles),
         children: ({ state: state })=>/*#__PURE__*/ (0, $dNfSU$jsx)((0, $b4f7db7c45cd3de9$export$92862704de639678), {