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

package/dist/CloseButton.css

@@ -3,11 +3,11 @@
 }
 
 @layer _.a {
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 
-  ._Lb {
+  ._Mb {
     outline-style: solid;
   }
 
@@ -19,11 +19,11 @@
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Nc {
+  ._Oc {
     outline-width: 2px;
   }
 
-  ._M-3t1z {
+  ._N-3t1z {
     outline-offset: 2px;
   }
 
@@ -35,15 +35,15 @@
     --s2-container-bg: black;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 
-  ._2d {
+  ._3d {
     justify-content: center;
   }
 
@@ -87,23 +87,23 @@
     height: calc(3rem * var(--s2-scale));
   }
 
-  ._8-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
-  ._vf {
+  ._wf {
     border-start-start-radius: 9999px;
   }
 
-  ._wf {
+  ._xf {
     border-start-end-radius: 9999px;
   }
 
-  ._xf {
+  ._yf {
     border-end-start-radius: 9999px;
   }
 
-  ._yf {
+  ._zf {
     border-end-end-radius: 9999px;
   }
 
@@ -127,15 +127,15 @@
     border-style: none;
   }
 
-  ._Oa {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+  ._Pa {
+    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._Q-375x7f {
+  ._R-375x7f {
     transition-duration: .15s;
   }
 
-  ._Ra {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
@@ -183,6 +183,14 @@
     .da_____M {
       outline-color: highlight;
     }
+
+    .-rwx0fg_a-a_____K {
+      --iconPrimary: ButtonText;
+    }
+
+    .-rwx0fg_a-a_____O {
+      --iconPrimary: GrayText;
+    }
   }
 }
 /*# sourceMappingURL=CloseButton.css.map */

package/dist/CloseButton.css.map

@@ -1 +1 @@
-{"mappings":"AAyCe;;;;AAAA;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA","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({\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    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  }\n}, getAllowedOverrides());\n\nexport const CloseButtonContext = createContext<ContextValue<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.css.map"}
+{"mappings":"AAyCe;;;;AAAA;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA","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({\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<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.css.map"}

package/dist/CloseButton.mjs

@@ -38,26 +38,26 @@ const $a9cda54c4f47ce52$var$hoverBackground = {
 };
 const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
     let $l = false;
-    let $_8 = false;
+    let $_9 = false;
     for (let p of matches){
         if (/^\s*l/.test(p)) $l = true;
-        if (/^\s*_8/.test(p)) $_8 = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
     }
-    if (props.isFocusVisible) rules += ' _Lb';
-    else rules += ' _La';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
     rules += ' da_____M';
     if (props.isStaticColor) rules += ' d_____G';
     else rules += ' dx';
-    rules += ' _Nc';
-    rules += ' _M-3t1z';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
     if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
     else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    rules += ' _Zd';
-    rules += ' _1c';
-    rules += ' _2d';
+    rules += ' _0d';
+    rules += ' _2c';
+    rules += ' _3d';
     if (!$l) {
         if (props.size === "XL") rules += ' lj';
         else if (props.size === "L") rules += ' li';
@@ -70,19 +70,19 @@ const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
     else if (props.size === "S") rules += ' kh';
     else if (props.size === "XS") rules += ' kg';
     else rules += ' kf';
-    if (!$_8) rules += ' _8-3t1x';
-    rules += ' _vf';
+    if (!$_9) rules += ' _9-3t1x';
     rules += ' _wf';
     rules += ' _xf';
     rules += ' _yf';
+    rules += ' _zf';
     rules += ' Ea';
     rules += ' Fa';
     rules += ' Ca';
     rules += ' Da';
     rules += ' wf';
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
     if (props.isPressed) {
         if (props.isStaticColor) rules += ' b_____y';
         else rules += ' bh';
@@ -93,6 +93,8 @@ const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
         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) {
         if (props.isDisabled) rules += ' -rwx0fg_a-_____A';
         else {

package/dist/CloseButton.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA0BD,MAAM,wCAAkB;IACtB,SAAS;IACT,eAAe;AACjB;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCC,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAwE;AAK/G,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({\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    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  }\n}, getAllowedOverrides());\n\nexport const CloseButtonContext = createContext<ContextValue<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,EAAwE;AAK/G,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({\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<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

@@ -46,35 +46,35 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
             }),
         className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
                 let rules = " .";
-                let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+                let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
                 rules += matches.join('');
-                let $U = false;
+                let $V = false;
                 let $l = false;
                 let $k = false;
                 let $q = false;
                 let $o = false;
                 for (let p of matches){
-                    if (/^\s*U/.test(p)) $U = true;
+                    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 (!$U) rules += ' Uc';
+                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 += ' _vc';
                 rules += ' _wc';
                 rules += ' _xc';
                 rules += ' _yc';
+                rules += ' _zc';
                 rules += ' da_____I';
                 rules += ' dp10';
-                rules += ' _Nb';
-                rules += ' _M-3hmpv';
-                if (props.isDisabled) rules += ' _La';
-                else rules += ' _Lb';
+                rules += ' _Ob';
+                rules += ' _N-3hmpv';
+                if (props.isDisabled) rules += ' _Ma';
+                else rules += ' _Mb';
                 if (props.isDisabled) rules += ' bg';
                 return rules;
             }(renderProps, styles),

package/dist/ColorArea.css

@@ -3,7 +3,7 @@
 }
 
 @layer _.a {
-  .Uc {
+  .Vc {
     position: relative;
   }
 
@@ -23,19 +23,19 @@
     min-height: calc(4rem * var(--s2-scale));
   }
 
-  ._vc {
+  ._wc {
     border-start-start-radius: .5rem;
   }
 
-  ._wc {
+  ._xc {
     border-start-end-radius: .5rem;
   }
 
-  ._xc {
+  ._yc {
     border-end-start-radius: .5rem;
   }
 
-  ._yc {
+  ._zc {
     border-end-end-radius: .5rem;
   }
 
@@ -43,19 +43,19 @@
     outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
   }
 
-  ._Nb {
+  ._Ob {
     outline-width: 1px;
   }
 
-  ._M-3hmpv {
+  ._N-3hmpv {
     outline-offset: -1px;
   }
 
-  ._Lb {
+  ._Mb {
     outline-style: solid;
   }
 
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 

package/dist/ColorArea.mjs

@@ -39,35 +39,35 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
             }),
         className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
                 let rules = " .";
-                let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+                let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
                 rules += matches.join('');
-                let $U = false;
+                let $V = false;
                 let $l = false;
                 let $k = false;
                 let $q = false;
                 let $o = false;
                 for (let p of matches){
-                    if (/^\s*U/.test(p)) $U = true;
+                    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 (!$U) rules += ' Uc';
+                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 += ' _vc';
                 rules += ' _wc';
                 rules += ' _xc';
                 rules += ' _yc';
+                rules += ' _zc';
                 rules += ' da_____I';
                 rules += ' dp10';
-                rules += ' _Nb';
-                rules += ' _M-3hmpv';
-                if (props.isDisabled) rules += ' _La';
-                else rules += ' _Lb';
+                rules += ' _Ob';
+                rules += ' _N-3hmpv';
+                if (props.isDisabled) rules += ' _Ma';
+                else rules += ' _Mb';
                 if (props.isDisabled) rules += ' bg';
                 return rules;
             }(renderProps, styles),

package/dist/ColorField.cjs

@@ -55,51 +55,51 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
-            let $__a = false;
             let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__a/.test(p)) $__a = true;
                 if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _Zf';
-            if (!$__a) {
-                if (props.isInForm) rules += ' __a-3t1y';
-            }
+            rules += ' _0f';
             if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
+            }
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __h-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __i-fdenls';
-            if (props.labelPosition === "side") rules += ' __j-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
+            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
+            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
+            else if (props.labelPosition === "top") rules += ' __k-1srn173';
             if (props.size === "XL") {
-                rules += ' _dbj';
-                rules += ' _di';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _dbh';
-                rules += ' _dg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _dbd';
-                rules += ' _dc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _dbb';
-                rules += ' _da';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _dbf';
-                rules += ' _de';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _1d';
-            rules += ' _f-1x99dlob';
-            rules += ' _fa';
+            rules += ' _2d';
+            rules += ' _g-1x99dlob';
+            rules += ' _ga';
             if (props.size === "XL") rules += ' -aqrvqh_k-j';
             else if (props.size === "L") rules += ' -aqrvqh_k-i';
             else if (props.size === "S") rules += ' -aqrvqh_k-h';
@@ -107,7 +107,7 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--prjw07';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             size: props.size,

package/dist/ColorField.css

@@ -3,74 +3,74 @@
 }
 
 @layer _.a {
-  ._Zf {
+  ._0f {
     display: grid;
   }
 
-  .__a-3t1y {
+  .__b-3t1y {
     grid-column-start: 1;
   }
 
-  .__b-7u9dhl {
+  .__c-yqnebx {
     grid-column-end: span 2;
   }
 
-  .__h-375yi6 {
+  .__i-2wzs0i {
     grid-template-columns: 1fr;
   }
 
-  .__h-jyg4vb {
+  .__i-ar5vcf {
     grid-template-columns: auto 1fr;
   }
 
-  .__h-1cwd7ud {
+  .__i-1a97rzt {
     grid-template-columns: subgrid;
   }
 
-  .__i-fdenls {
+  .__j-1a6w430 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__i-jyg4vb {
+  .__j-ar5vcf {
     grid-template-rows: auto 1fr;
   }
 
-  .__j-xlaqir {
+  .__k-1srn173 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__j-5eez8j {
+  .__k-18h2yqz {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._1d {
+  ._2d {
     align-items: baseline;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -102,13 +102,13 @@
     column-gap: .75rem;
   }
 
-  .__R-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 }
 
 @layer _.b {
-  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
@@ -117,23 +117,23 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
   }