@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/Disclosure.mjs

@@ -45,20 +45,20 @@ const $cf1d656285911959$var$disclosure = function anonymous(props, overrides) {
         if (p[1] === "N") minWidth = true;
         rules += p[0];
     }
-    rules += ' po131';
-    if (props.isQuiet) rules += ' _ka131';
-    else rules += ' _kb131';
+    rules += ' po151';
+    if (props.isQuiet) rules += ' _ka151';
+    else rules += ' _kb151';
     if (props.isInGroup) {
-        rules += ' ha131';
-        if (props.isQuiet) rules += ' hka131';
-        else rules += ' hkb131';
-    } else if (props.isQuiet) rules += ' ha131';
-    else rules += ' hb131';
-    rules += ' ma131';
-    rules += ' la131';
-    rules += ' _jf131';
-    rules += ' ir131';
-    if (!minWidth) rules += ' Ng131';
+        rules += ' ha151';
+        if (props.isQuiet) rules += ' hka151';
+        else rules += ' hkb151';
+    } else if (props.isQuiet) rules += ' ha151';
+    else rules += ' hb151';
+    rules += ' ma151';
+    rules += ' la151';
+    rules += ' _jf151';
+    rules += ' ir151';
+    if (!minWidth) rules += ' Ng151';
     return rules;
 };
 const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwardRef)(function Disclosure(props, ref) {
@@ -89,119 +89,141 @@ const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwa
         })
     });
 });
-const $cf1d656285911959$var$headingStyle = " Jy131 Gy131 Iy131 Hy131 _ub131 sd131 _vb131 Na131";
-const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
+const $cf1d656285911959$var$headingStyle = " Jy151 Gy151 Iy151 Hy151 _ub151 sd151 _vb151 Na151";
+const $cf1d656285911959$var$buttonStyles = function anonymous(props, overrides) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf131';
-    else rules += ' _Le131';
-    rules += ' Oh131';
-    rules += ' Olc131';
-    rules += ' _Mc131';
-    rules += ' _Kb131';
-    rules += ' uk131';
-    rules += ' ucJ9TBTb131';
-    rules += ' ud3Euai131';
-    rules += ' uea131';
-    rules += ' ugb131';
-    rules += ' uhd131';
-    rules += ' uje131';
-    rules += ' u2NhKxcl131';
-    rules += ' uic131';
+    let fontFamily = false;
+    let __fs = false;
+    let fontSize = false;
+    let fontWeight = false;
+    let fontVariationSettings = false;
+    let fontSynthesisWeight = false;
+    let lineHeight = false;
+    let flexGrow = false;
+    let width = false;
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|u|x|w|_x|_F|-_6BNtrc-|v)[^\s]+/g);
+    for (let p of matches){
+        if (p[1] === "u") fontFamily = true;
+        if (p[1] === "-_6BNtrc-") __fs = true;
+        if (p[1] === "v") fontSize = true;
+        if (p[1] === "x") fontWeight = true;
+        if (p[1] === "w") fontVariationSettings = true;
+        if (p[1] === "_x") fontSynthesisWeight = true;
+        if (p[1] === "_F") lineHeight = true;
+        if (p[1] === "_u") flexGrow = true;
+        if (p[1] === "Z") width = true;
+        rules += p[0];
+    }
+    if (props.isFocusVisible) rules += ' _Lf151';
+    else rules += ' _Le151';
+    rules += ' Oh151';
+    rules += ' Olc151';
+    rules += ' _Mc151';
+    rules += ' _Kb151';
+    if (!fontFamily) rules += ' uk151';
+    if (!fontFamily) rules += ' ucJ9TBTb151';
+    if (!fontFamily) rules += ' ud3Euai151';
+    if (!fontFamily) rules += ' uea151';
+    if (!fontFamily) rules += ' ugb151';
+    if (!fontFamily) rules += ' uhd151';
+    if (!fontFamily) rules += ' uje151';
+    if (!fontFamily) rules += ' u2NhKxcl151';
+    if (!fontFamily) rules += ' uic151';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-f131';
-        rules += ' vx131';
+        if (!__fs) rules += ' -_6BNtrc-f151';
+        if (!fontSize) rules += ' vx151';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-e131';
-        rules += ' vx131';
+        if (!__fs) rules += ' -_6BNtrc-e151';
+        if (!fontSize) rules += ' vx151';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-d131';
-        rules += ' vx131';
+        if (!__fs) rules += ' -_6BNtrc-d151';
+        if (!fontSize) rules += ' vx151';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-c131';
-        rules += ' vx131';
+        if (!__fs) rules += ' -_6BNtrc-c151';
+        if (!fontSize) rules += ' vx151';
     }
-    rules += ' xd131';
-    rules += ' _xa131';
-    rules += ' xX0cczbc131';
-    rules += ' _xX0cczba131';
-    rules += ' _Fd131';
-    rules += ' _FnuYUweb131';
+    if (!fontWeight) rules += ' xd151';
+    if (!fontSynthesisWeight) rules += ' _xa151';
+    if (!fontWeight) rules += ' xX0cczbc151';
+    if (!fontSynthesisWeight) rules += ' _xX0cczba151';
+    if (!lineHeight) rules += ' _Fd151';
+    if (!lineHeight) rules += ' _FnuYUweb151';
     if (props.isDisabled) {
-        rules += ' pp131';
-        rules += ' plc131';
+        rules += ' pp151';
+        rules += ' plc151';
     } else {
-        if (props.isPressed) rules += ' po131';
-        else if (props.isFocusVisible) rules += ' po131';
-        else if (props.isHovered) rules += ' po131';
-        else rules += ' pt131';
-        rules += ' plb131';
+        if (props.isPressed) rules += ' po151';
+        else if (props.isFocusVisible) rules += ' po151';
+        else if (props.isHovered) rules += ' po151';
+        else rules += ' pt151';
+        rules += ' plb151';
     }
-    rules += ' sd131';
-    rules += ' _ub131';
-    rules += ' ea131';
-    rules += ' S6FcKR131';
-    rules += ' R6FcKR131';
-    rules += ' Tu7Fubd131';
-    rules += ' Qu7Fubd131';
-    rules += ' U6FcKR131';
-    rules += ' q6FcKR131';
-    rules += ' MAyFGYc131';
-    rules += ' Za131';
-    if (props.isPressed) rules += ' gnSjEFb131';
-    else if (props.isHovered) rules += ' gabY4te131';
-    else if (props.isFocusVisible) rules += ' gabY4te131';
-    else rules += ' g9131';
-    rules += ' Yd131';
-    rules += ' Xb131';
-    rules += ' _2b131';
-    rules += ' _kJ8iPYd131';
-    rules += ' hXMFGYc131';
-    rules += ' ma131';
-    rules += ' la131';
-    if (props.isQuiet) rules += ' ob131';
-    else if (props.isFocusVisible) rules += ' ob131';
-    else rules += ' od131';
-    if (props.isQuiet) rules += ' nb131';
-    else if (props.isFocusVisible) rules += ' nb131';
-    else rules += ' nd131';
-    if (props.isQuiet) rules += ' kb131';
-    else if (props.isFocusVisible) rules += ' kb131';
-    else rules += ' kd131';
-    if (props.isQuiet) rules += ' jb131';
-    else if (props.isFocusVisible) rules += ' jb131';
-    else rules += ' jd131';
-    rules += ' _Wd131';
-    rules += ' __ca131';
+    rules += ' sd151';
+    if (!flexGrow) rules += ' _ub151';
+    rules += ' ea151';
+    rules += ' S6FcKR151';
+    rules += ' R6FcKR151';
+    rules += ' Tu7Fubd151';
+    rules += ' Qu7Fubd151';
+    rules += ' U6FcKR151';
+    rules += ' q6FcKR151';
+    rules += ' MAyFGYc151';
+    if (!width) rules += ' Za151';
+    if (props.isPressed) rules += ' gnSjEFb151';
+    else if (props.isHovered) rules += ' gabY4te151';
+    else if (props.isFocusVisible) rules += ' gabY4te151';
+    else rules += ' g9151';
+    rules += ' Yd151';
+    rules += ' Xb151';
+    rules += ' _2b151';
+    rules += ' _kJ8iPYd151';
+    rules += ' hXMFGYc151';
+    rules += ' ma151';
+    rules += ' la151';
+    if (props.isQuiet) rules += ' ob151';
+    else if (props.isFocusVisible) rules += ' ob151';
+    else rules += ' od151';
+    if (props.isQuiet) rules += ' nb151';
+    else if (props.isFocusVisible) rules += ' nb151';
+    else rules += ' nd151';
+    if (props.isQuiet) rules += ' kb151';
+    else if (props.isFocusVisible) rules += ' kb151';
+    else rules += ' kd151';
+    if (props.isQuiet) rules += ' jb151';
+    else if (props.isFocusVisible) rules += ' jb151';
+    else rules += ' jd151';
+    rules += ' _Wd151';
+    rules += ' __ca151';
     if (props.size === "XL") {
-        if (props.density === "spacious") rules += ' -M_-Mj131';
-        else if (props.density === "regular") rules += ' -M_-Mk131';
-        else if (props.density === "compact") rules += ' -M_-Mh131';
+        if (props.density === "spacious") rules += ' -M_-Mj151';
+        else if (props.density === "regular") rules += ' -M_-Mk151';
+        else if (props.density === "compact") rules += ' -M_-Mh151';
     } else if (props.size === "L") {
-        if (props.density === "spacious") rules += ' -M_-Mk131';
-        else if (props.density === "regular") rules += ' -M_-Mh131';
-        else if (props.density === "compact") rules += ' -M_-Mi131';
+        if (props.density === "spacious") rules += ' -M_-Mk151';
+        else if (props.density === "regular") rules += ' -M_-Mh151';
+        else if (props.density === "compact") rules += ' -M_-Mi151';
     } else if (props.size === "M") {
-        if (props.density === "spacious") rules += ' -M_-Mh131';
-        else if (props.density === "regular") rules += ' -M_-Mi131';
-        else if (props.density === "compact") rules += ' -M_-Mg131';
+        if (props.density === "spacious") rules += ' -M_-Mh151';
+        else if (props.density === "regular") rules += ' -M_-Mi151';
+        else if (props.density === "compact") rules += ' -M_-Mg151';
     } else if (props.size === "S") {
-        if (props.density === "spacious") rules += ' -M_-Mi131';
-        else if (props.density === "regular") rules += ' -M_-Mg131';
-        else if (props.density === "compact") rules += ' -M_-Me131';
+        if (props.density === "spacious") rules += ' -M_-Mi151';
+        else if (props.density === "regular") rules += ' -M_-Mg151';
+        else if (props.density === "compact") rules += ' -M_-Me151';
     }
-    rules += ' -_k_-_ka131';
-    rules += ' -h_-ha131';
+    rules += ' -_k_-_ka151';
+    rules += ' -h_-ha151';
     return rules;
 };
 const $cf1d656285911959$var$chevronStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isExpanded) rules += ' _Sd131';
-    else if (props.isRTL) rules += ' _Sc131';
-    rules += ' Yd131';
-    rules += ' Xb131';
-    rules += ' _2b131';
-    rules += ' -_8sjo0b-t5ZbAob131';
-    rules += ' _va131';
+    if (props.isExpanded) rules += ' _Sd151';
+    else if (props.isRTL) rules += ' _Sc151';
+    rules += ' Yd151';
+    rules += ' Xb151';
+    rules += ' _2b151';
+    rules += ' -_8sjo0b-t5ZbAob151';
+    rules += ' _va151';
     return rules;
 };
 const $cf1d656285911959$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $7VHtn$createContext)(null);
@@ -237,7 +259,7 @@ function $cf1d656285911959$var$DisclosureHeaderWithForwardRef(props, ref) {
         ],
         children: /*#__PURE__*/ (0, $7VHtn$jsx)("div", {
             style: UNSAFE_style,
-            className: (UNSAFE_className ?? '') + " sd131 eb131 Ub131 qb131",
+            className: (UNSAFE_className ?? '') + " sd151 eb151 Ub151 qb151",
             ref: domRef,
             children: children
         })
@@ -245,7 +267,7 @@ function $cf1d656285911959$var$DisclosureHeaderWithForwardRef(props, ref) {
 }
 const $cf1d656285911959$export$1e037ddd32f5b8ac = /*#__PURE__*/ (0, $7VHtn$forwardRef)($cf1d656285911959$var$DisclosureHeaderWithForwardRef);
 const $cf1d656285911959$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $7VHtn$forwardRef)(function DisclosureTitle(props, ref) {
-    let { level: level = 3, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className = '', ...otherProps } = props;
+    let { level: level = 3, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className = '', styles: styles, ...otherProps } = props;
     let domRef = (0, $80ecb974df713a30$export$c2c55ef9111cafd8)(ref);
     const domProps = (0, $7VHtn$filterDOMProps)(otherProps);
     let { direction: direction } = (0, $7VHtn$useLocale)();
@@ -264,7 +286,7 @@ const $cf1d656285911959$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $7VHtn$forwa
                     size: size,
                     density: density,
                     isQuiet: isQuiet
-                }),
+                }, styles),
             slot: "trigger",
             children: [
                 /*#__PURE__*/ (0, $7VHtn$jsx)((0, $1f4b04be3f24aae3$export$768dac55bb57081d), {
@@ -287,19 +309,19 @@ const $cf1d656285911959$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $7VHtn$forwa
         children: buttonTrigger
     });
 });
-const $cf1d656285911959$var$panelStyles = " uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131 FfwmW1d131 _Nb131 Pb131 Ysgyfc131 Ydklsgce131 Xb131 Xdklsgcb131 _2b131 _2dklsgcb131";
+const $cf1d656285911959$var$panelStyles = " uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-d151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151 pt151 FfwmW1d151 _Nb151 Pb151 Ysgyfc151 Ydklsgce151 Xb151 Xdklsgcb151 _2b151 _2dklsgcb151";
 const $cf1d656285911959$var$panelInner = function anonymous(props) {
     let rules = " ";
-    rules += ' Tt131';
-    rules += ' Qf131';
-    if (props.size === "XL") rules += ' Sz5EUbe131';
-    else if (props.size === "L") rules += ' Se131';
-    else if (props.size === "M") rules += ' SLabwmd131';
-    else if (props.size === "S") rules += ' St131';
-    if (props.size === "XL") rules += ' Rz5EUbe131';
-    else if (props.size === "L") rules += ' Re131';
-    else if (props.size === "M") rules += ' RLabwmd131';
-    else if (props.size === "S") rules += ' Rt131';
+    rules += ' Tt151';
+    rules += ' Qf151';
+    if (props.size === "XL") rules += ' Sz5EUbe151';
+    else if (props.size === "L") rules += ' Se151';
+    else if (props.size === "M") rules += ' SLabwmd151';
+    else if (props.size === "S") rules += ' St151';
+    if (props.size === "XL") rules += ' Rz5EUbe151';
+    else if (props.size === "L") rules += ' Re151';
+    else if (props.size === "M") rules += ' RLabwmd151';
+    else if (props.size === "S") rules += ' Rt151';
     return rules;
 };
 const $cf1d656285911959$export$feabaa331e1d464c = /*#__PURE__*/ (0, $7VHtn$forwardRef)(function DisclosurePanel(props, ref) {

package/dist/private/Disclosure.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.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 {ActionButtonContext} from './ActionButton';\nimport {\n  AriaLabelingProps,\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  forwardRefType,\n  GlobalDOMAttributes\n} from '@react-types/shared';\nimport {\n  baseColor,\n  centerPadding,\n  focusRing,\n  lightDark,\n  space,\n  style\n} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {CenterBaseline} from './CenterBaseline';\n\nimport Chevron from '../ui-icons/Chevron';\n\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n  DisclosureStateContext,\n  Disclosure as RACDisclosure,\n  DisclosurePanel as RACDisclosurePanel,\n  DisclosurePanelProps as RACDisclosurePanelProps,\n  DisclosureProps as RACDisclosureProps\n} from 'react-aria-components/Disclosure';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {Heading} from 'react-aria-components/Heading';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps\n  extends\n    Omit<\n      RACDisclosureProps,\n      'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The size of the disclosure.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The amount of space between the disclosures.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the disclosure should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n  children: ReactNode;\n}\n\nexport const DisclosureContext =\n  createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style(\n  {\n    color: 'heading',\n    borderTopWidth: {\n      default: 1,\n      isQuiet: 0\n    },\n    borderBottomWidth: {\n      default: 1,\n      isQuiet: 0,\n      isInGroup: {\n        default: 0,\n        ':last-child': {\n          default: 1,\n          isQuiet: 0\n        }\n      }\n    },\n    borderStartWidth: 0,\n    borderEndWidth: 0,\n    borderStyle: 'solid',\n    borderColor: 'gray-200',\n    minWidth: 200\n  },\n  getAllowedOverrides()\n);\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a header with a heading and\n * trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(\n  props: DisclosureProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n  let {size = 'M', density = 'regular', isQuiet, UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useDOMRef(ref);\n\n  let isInGroup = useContext(DisclosureContext) !== null;\n\n  return (\n    <Provider values={[[DisclosureContext, {size, isQuiet, density}]]}>\n      <RACDisclosure\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n        {props.children}\n      </RACDisclosure>\n    </Provider>\n  );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n  /**\n   * The heading level of the disclosure header.\n   *\n   * @default 3\n   */\n  level?: number;\n  /** The contents of the disclosure header. */\n  children: React.ReactNode;\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n  children: React.ReactNode;\n}\n\nconst headingStyle = style({\n  margin: 0,\n  flexGrow: 1,\n  display: 'flex',\n  flexShrink: 1,\n  minWidth: 0\n});\n\nconst buttonStyles = style({\n  ...focusRing(),\n  outlineOffset: -2,\n  font: 'heading',\n  color: {\n    default: baseColor('neutral'),\n    forcedColors: 'ButtonText',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  fontWeight: 'bold',\n  fontSize: {\n    size: {\n      S: 'title-sm',\n      M: 'title',\n      L: 'title-lg',\n      XL: 'title-xl'\n    }\n  },\n  lineHeight: 'ui',\n  display: 'flex',\n  flexGrow: 1,\n  alignItems: 'baseline',\n  paddingX: 'calc(self(minHeight) * 3/8 - 1px)',\n  paddingY: centerPadding(),\n  gap: 'calc(self(minHeight) * 3/8 - 1px)',\n  minHeight: {\n    // compact is equivalent to 'control', but other densities have more padding.\n    size: {\n      S: {\n        density: {\n          compact: 18,\n          regular: 24,\n          spacious: 32\n        }\n      },\n      M: {\n        density: {\n          compact: 24,\n          regular: 32,\n          spacious: 40\n        }\n      },\n      L: {\n        density: {\n          compact: 32,\n          regular: 40,\n          spacious: 48\n        }\n      },\n      XL: {\n        density: {\n          compact: 40,\n          regular: 48,\n          spacious: 56\n        }\n      }\n    }\n  },\n  width: 'full',\n  backgroundColor: {\n    default: 'transparent',\n    isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n    isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n    isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n  },\n  transition: 'default',\n  borderWidth: 0,\n  borderRadius: {\n    // Only rounded for keyboard focus and quiet.\n    default: 'none',\n    isFocusVisible: 'default',\n    isQuiet: 'default'\n  },\n  textAlign: 'start',\n  disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n  rotate: {\n    isRTL: 180,\n    isExpanded: 90\n  },\n  transition: 'default',\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  let {UNSAFE_className, UNSAFE_style, children} = props;\n  let domRef = useDOMRef(ref);\n  let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n  // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n  let newSize: 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n  const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n  const currentIndex = sizes.indexOf(size ?? 'M');\n  const shift = density === 'compact' ? 2 : 1;\n  newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n  return (\n    <Provider\n      values={[\n        [ActionButtonContext, {size: newSize, isQuiet}],\n        [InternalDisclosureHeader, {}]\n      ]}>\n      <div\n        style={UNSAFE_style}\n        className={\n          (UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})\n        }\n        ref={domRef}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the\n * trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  DisclosureHeaderWithForwardRef\n);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(\n  props: DisclosureTitleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {level = 3, UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  const domProps = filterDOMProps(otherProps);\n  let {direction} = useLocale();\n  let {isExpanded} = useContext(DisclosureStateContext)!;\n  let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n  let isRTL = direction === 'rtl';\n\n  let buttonTrigger = (\n    <Heading\n      {...domProps}\n      level={level}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={(UNSAFE_className ?? '') + headingStyle}>\n      <Button\n        className={renderProps => buttonStyles({...renderProps, size, density, isQuiet})}\n        slot=\"trigger\">\n        <CenterBaseline>\n          <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n        </CenterBaseline>\n        {props.children}\n      </Button>\n    </Heading>\n  );\n  let ctx = useContext(InternalDisclosureHeader);\n  if (ctx) {\n    return buttonTrigger;\n  }\n\n  return <DisclosureHeader>{buttonTrigger}</DisclosureHeader>;\n});\n\nexport interface DisclosurePanelProps\n  extends\n    Omit<RACDisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>,\n    UnsafeStyles,\n    DOMProps,\n    AriaLabelingProps {\n  children: React.ReactNode;\n}\n\nconst panelStyles = style({\n  font: 'body',\n  height: '--disclosure-panel-height',\n  overflow: 'clip',\n  transition: {\n    default: '[height]',\n    '@media (prefers-reduced-motion: reduce)': 'none'\n  }\n});\n\nconst panelInner = style({\n  paddingTop: 8,\n  paddingBottom: 16,\n  paddingX: {\n    size: {\n      S: 8,\n      M: space(9),\n      L: 12,\n      XL: space(15)\n    }\n  }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is\n * expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(\n  props: DisclosurePanelProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n  const domProps = filterDOMProps(otherProps);\n  let {size} = useSlottedContext(DisclosureContext)!;\n  let panelRef = useDOMRef(ref);\n  return (\n    <RACDisclosurePanel\n      {...domProps}\n      ref={panelRef}\n      style={UNSAFE_style}\n      className={(UNSAFE_className ?? '') + panelStyles}>\n      <div className={panelInner({size})}>{props.children}</div>\n    </RACDisclosurePanel>\n  );\n});\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.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 {ActionButtonContext} from './ActionButton';\nimport {\n  AriaLabelingProps,\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  forwardRefType,\n  GlobalDOMAttributes\n} from '@react-types/shared';\nimport {\n  baseColor,\n  centerPadding,\n  focusRing,\n  lightDark,\n  space,\n  style\n} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {CenterBaseline} from './CenterBaseline';\n\nimport Chevron from '../ui-icons/Chevron';\n\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n  DisclosureStateContext,\n  Disclosure as RACDisclosure,\n  DisclosurePanel as RACDisclosurePanel,\n  DisclosurePanelProps as RACDisclosurePanelProps,\n  DisclosureProps as RACDisclosureProps\n} from 'react-aria-components/Disclosure';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  getAllowedOverrides,\n  StyleProps,\n  StylesPropWithFont,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Heading} from 'react-aria-components/Heading';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps\n  extends\n    Omit<\n      RACDisclosureProps,\n      'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The size of the disclosure.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The amount of space between the disclosures.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious';\n  /** Whether the disclosure should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n  children: ReactNode;\n}\n\nexport const DisclosureContext =\n  createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style(\n  {\n    color: 'heading',\n    borderTopWidth: {\n      default: 1,\n      isQuiet: 0\n    },\n    borderBottomWidth: {\n      default: 1,\n      isQuiet: 0,\n      isInGroup: {\n        default: 0,\n        ':last-child': {\n          default: 1,\n          isQuiet: 0\n        }\n      }\n    },\n    borderStartWidth: 0,\n    borderEndWidth: 0,\n    borderStyle: 'solid',\n    borderColor: 'gray-200',\n    minWidth: 200\n  },\n  getAllowedOverrides()\n);\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a header with a heading and\n * trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(\n  props: DisclosureProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n  let {size = 'M', density = 'regular', isQuiet, UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useDOMRef(ref);\n\n  let isInGroup = useContext(DisclosureContext) !== null;\n\n  return (\n    <Provider values={[[DisclosureContext, {size, isQuiet, density}]]}>\n      <RACDisclosure\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n        {props.children}\n      </RACDisclosure>\n    </Provider>\n  );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n  /**\n   * The heading level of the disclosure header.\n   *\n   * @default 3\n   */\n  level?: number;\n  /** The contents of the disclosure header. */\n  children: React.ReactNode;\n  /**\n   * Spectrum-defined styles, returned by the `style()` macro. Only allows overriding\n   * `font`, `fontFamily`, `fontWeight`, `fontSize`, and `lineHeight`.\n   */\n  styles?: StylesPropWithFont;\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n  children: React.ReactNode;\n}\n\nconst headingStyle = style({\n  margin: 0,\n  flexGrow: 1,\n  display: 'flex',\n  flexShrink: 1,\n  minWidth: 0\n});\n\nconst buttonStyles = style(\n  {\n    ...focusRing(),\n    outlineOffset: -2,\n    font: 'heading',\n    color: {\n      default: baseColor('neutral'),\n      forcedColors: 'ButtonText',\n      isDisabled: {\n        default: 'disabled',\n        forcedColors: 'GrayText'\n      }\n    },\n    fontWeight: 'bold',\n    fontSize: {\n      size: {\n        S: 'title-sm',\n        M: 'title',\n        L: 'title-lg',\n        XL: 'title-xl'\n      }\n    },\n    lineHeight: 'ui',\n    display: 'flex',\n    flexGrow: 1,\n    alignItems: 'baseline',\n    paddingX: 'calc(self(minHeight) * 3/8 - 1px)',\n    paddingY: centerPadding(),\n    gap: 'calc(self(minHeight) * 3/8 - 1px)',\n    minHeight: {\n      // compact is equivalent to 'control', but other densities have more padding.\n      size: {\n        S: {\n          density: {\n            compact: 18,\n            regular: 24,\n            spacious: 32\n          }\n        },\n        M: {\n          density: {\n            compact: 24,\n            regular: 32,\n            spacious: 40\n          }\n        },\n        L: {\n          density: {\n            compact: 32,\n            regular: 40,\n            spacious: 48\n          }\n        },\n        XL: {\n          density: {\n            compact: 40,\n            regular: 48,\n            spacious: 56\n          }\n        }\n      }\n    },\n    width: 'full',\n    backgroundColor: {\n      default: 'transparent',\n      isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n      isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n      isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n    },\n    transition: 'default',\n    borderWidth: 0,\n    borderRadius: {\n      // Only rounded for keyboard focus and quiet.\n      default: 'none',\n      isFocusVisible: 'default',\n      isQuiet: 'default'\n    },\n    textAlign: 'start',\n    disableTapHighlight: true\n  },\n  getAllowedOverrides({font: true})\n);\n\nconst chevronStyles = style({\n  rotate: {\n    isRTL: 180,\n    isExpanded: 90\n  },\n  transition: 'default',\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  let {UNSAFE_className, UNSAFE_style, children} = props;\n  let domRef = useDOMRef(ref);\n  let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n  // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n  let newSize: 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n  const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n  const currentIndex = sizes.indexOf(size ?? 'M');\n  const shift = density === 'compact' ? 2 : 1;\n  newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n  return (\n    <Provider\n      values={[\n        [ActionButtonContext, {size: newSize, isQuiet}],\n        [InternalDisclosureHeader, {}]\n      ]}>\n      <div\n        style={UNSAFE_style}\n        className={\n          (UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})\n        }\n        ref={domRef}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the\n * trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  DisclosureHeaderWithForwardRef\n);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(\n  props: DisclosureTitleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {level = 3, UNSAFE_style, UNSAFE_className = '', styles, ...otherProps} = props;\n  let domRef = useDOMRef(ref);\n  const domProps = filterDOMProps(otherProps);\n  let {direction} = useLocale();\n  let {isExpanded} = useContext(DisclosureStateContext)!;\n  let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n  let isRTL = direction === 'rtl';\n\n  let buttonTrigger = (\n    <Heading\n      {...domProps}\n      level={level}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={(UNSAFE_className ?? '') + headingStyle}>\n      <Button\n        className={renderProps => buttonStyles({...renderProps, size, density, isQuiet}, styles)}\n        slot=\"trigger\">\n        <CenterBaseline>\n          <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n        </CenterBaseline>\n        {props.children}\n      </Button>\n    </Heading>\n  );\n  let ctx = useContext(InternalDisclosureHeader);\n  if (ctx) {\n    return buttonTrigger;\n  }\n\n  return <DisclosureHeader>{buttonTrigger}</DisclosureHeader>;\n});\n\nexport interface DisclosurePanelProps\n  extends\n    Omit<RACDisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>,\n    UnsafeStyles,\n    DOMProps,\n    AriaLabelingProps {\n  children: React.ReactNode;\n}\n\nconst panelStyles = style({\n  font: 'body',\n  height: '--disclosure-panel-height',\n  overflow: 'clip',\n  transition: {\n    default: '[height]',\n    '@media (prefers-reduced-motion: reduce)': 'none'\n  }\n});\n\nconst panelInner = style({\n  paddingTop: 8,\n  paddingBottom: 16,\n  paddingX: {\n    size: {\n      S: 8,\n      M: space(9),\n      L: 12,\n      XL: space(15)\n    }\n  }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is\n * expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(\n  props: DisclosurePanelProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n  const domProps = filterDOMProps(otherProps);\n  let {size} = useSlottedContext(DisclosureContext)!;\n  let panelRef = useDOMRef(ref);\n  return (\n    <RACDisclosurePanel\n      {...domProps}\n      ref={panelRef}\n      style={UNSAFE_style}\n      className={(UNSAFE_className ?? '') + panelStyles}>\n      <div className={panelInner({size})}>{props.children}</div>\n    </RACDisclosurePanel>\n  );\n});\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}

package/dist/private/Divider.cjs

@@ -51,37 +51,37 @@ const $2d04acb918636de0$export$e8c9778bf415dd08 = function anonymous(props, over
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr131';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s131';
-    if (!alignSelf) rules += ' _df131';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr151';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s151';
+    if (!alignSelf) rules += ' _df151';
     if (props.isStaticColor) {
-        if (props.size === "L") rules += ' gi131';
-        else rules += ' gg131';
-    } else if (props.size === "L") rules += ' g0131';
-    else rules += ' gF131';
-    rules += ' gl_a131';
-    rules += ' _je131';
-    rules += ' og131';
-    rules += ' ng131';
-    rules += ' kg131';
-    rules += ' jg131';
-    if (!marginTop) rules += ' Jy131';
-    if (!marginBottom) rules += ' Gy131';
-    if (!marginInlineStart) rules += ' Iy131';
-    if (!marginInlineEnd) rules += ' Hy131';
-    if (!flexGrow) rules += ' _ua131';
-    if (!flexShrink) rules += ' _va131';
+        if (props.size === "L") rules += ' gi151';
+        else rules += ' gg151';
+    } else if (props.size === "L") rules += ' g0151';
+    else rules += ' gF151';
+    rules += ' gl_a151';
+    rules += ' _je151';
+    rules += ' og151';
+    rules += ' ng151';
+    rules += ' kg151';
+    rules += ' jg151';
+    if (!marginTop) rules += ' Jy151';
+    if (!marginBottom) rules += ' Gy151';
+    if (!marginInlineStart) rules += ' Iy151';
+    if (!marginInlineEnd) rules += ' Hy151';
+    if (!flexGrow) rules += ' _ua151';
+    if (!flexShrink) rules += ' _va151';
     if (props.orientation === "horizontal") {
-        if (props.size === "L") rules += ' FT4Nfn131';
-        else if (props.size === "S") rules += ' FceNfn131';
-        else rules += ' FLvNfn131';
+        if (props.size === "L") rules += ' FT4Nfn151';
+        else if (props.size === "S") rules += ' FceNfn151';
+        else rules += ' FLvNfn151';
     }
     if (props.orientation === "vertical") {
         if (props.size === "L") {
-            if (!width) rules += ' ZT4Nfn131';
+            if (!width) rules += ' ZT4Nfn151';
         } else if (props.size === "S") {
-            if (!width) rules += ' ZceNfn131';
-        } else if (!width) rules += ' ZLvNfn131';
+            if (!width) rules += ' ZceNfn151';
+        } else if (!width) rules += ' ZLvNfn151';
     }
     return rules;
 };

package/dist/private/Divider.css

@@ -1,97 +1,97 @@
 @layer _.a {
-  .-Ovbhqd-g4hn3s131 {
+  .-Ovbhqd-g4hn3s151 {
     --s2-container-bg: white;
   }
 
-  .-Ovbhqd-gcwrnr131 {
+  .-Ovbhqd-gcwrnr151 {
     --s2-container-bg: black;
   }
 
-  ._df131 {
+  ._df151 {
     align-self: stretch;
   }
 
-  .gF131 {
+  .gF151 {
     background-color: light-dark(#e1e1e1, #323232);
   }
 
-  .g0131 {
+  .g0151 {
     background-color: light-dark(#292929, #dbdbdb);
   }
 
-  .gg131 {
+  .gg151 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .14);
   }
 
-  .gi131 {
+  .gi151 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
   }
 
-  ._je131 {
+  ._je151 {
     border-style: none;
   }
 
-  .og131 {
+  .og151 {
     border-start-start-radius: 9999px;
   }
 
-  .ng131 {
+  .ng151 {
     border-start-end-radius: 9999px;
   }
 
-  .kg131 {
+  .kg151 {
     border-end-start-radius: 9999px;
   }
 
-  .jg131 {
+  .jg151 {
     border-end-end-radius: 9999px;
   }
 
-  .Jy131 {
+  .Jy151 {
     margin-top: 0;
   }
 
-  .Gy131 {
+  .Gy151 {
     margin-bottom: 0;
   }
 
-  .Iy131 {
+  .Iy151 {
     margin-inline-start: 0;
   }
 
-  .Hy131 {
+  .Hy151 {
     margin-inline-end: 0;
   }
 
-  ._ua131 {
+  ._ua151 {
     flex-grow: 0;
   }
 
-  ._va131 {
+  ._va151 {
     flex-shrink: 0;
   }
 
-  .FLvNfn131 {
+  .FLvNfn151 {
     height: 2px;
   }
 
-  .FceNfn131 {
+  .FceNfn151 {
     height: 1px;
   }
 
-  .FT4Nfn131 {
+  .FT4Nfn151 {
     height: 4px;
   }
 
-  .ZLvNfn131 {
+  .ZLvNfn151 {
     width: 2px;
   }
 
-  .ZceNfn131 {
+  .ZceNfn151 {
     width: 1px;
   }
 
-  .ZT4Nfn131 {
+  .ZT4Nfn151 {
     width: 4px;
   }
 }
@@ -100,7 +100,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .gl_a131 {
+    .gl_a151 {
       background-color: buttonborder;
     }
   }