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

package/dist/Disclosure.mjs

@@ -30,25 +30,27 @@ import {useDOMRef as $7VHtn$useDOMRef} from "@react-spectrum/utils";
 
 const $cf1d656285911959$export$d665dd135a51b28a = /*#__PURE__*/ (0, $7VHtn$createContext)(null);
 const $cf1d656285911959$var$disclosure = 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 $q = false;
-    for (let p of matches)if (/^\s*q/.test(p)) $q = true;
-    rules += ' ao';
-    if (props.isQuiet) rules += ' ua';
-    else rules += ' ub';
+    let rules = " ";
+    let minWidth = 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 (p[1] === "u") minWidth = true;
+        rules += p[0];
+    }
+    rules += ' db';
+    if (props.isQuiet) rules += ' _na';
+    else rules += ' _nc';
     if (props.isInGroup) {
-        if (props.isQuiet) rules += ' v-uamghwa';
-        else rules += ' v-uamghwb';
-        rules += ' va';
-    } else if (props.isQuiet) rules += ' va';
-    else rules += ' vb';
-    rules += ' sa';
-    rules += ' ta';
-    rules += ' wa';
-    rules += ' ch';
-    if (!$q) rules += ' q___C';
+        rules += ' _mc';
+        if (props.isQuiet) rules += ' _mlc';
+        else rules += ' _mlb';
+    } else if (props.isQuiet) rules += ' _mc';
+    else rules += ' _mb';
+    rules += ' _tb';
+    rules += ' _sb';
+    rules += ' Ra';
+    rules += ' qs';
+    if (!minWidth) rules += ' uq';
     return rules;
 };
 const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwardRef)(function Disclosure(props, ref) {
@@ -79,112 +81,114 @@ const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwa
         })
     });
 });
-const $cf1d656285911959$var$headingStyle = " Aa Ba ya za __a-3t1y _0d _9-3t1y qo";
+const $cf1d656285911959$var$headingStyle = " ja la ha ia _Ha ma _rb uf";
 const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
-    let rules = " .";
-    if (props.isFocusVisible) rules += ' _Mb';
-    else rules += ' _Ma';
-    rules += ' da_____M';
-    rules += ' dx';
-    rules += ' _Oc';
-    rules += ' _N-3hmpw';
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
+    let rules = " ";
+    if (props.isFocusVisible) rules += ' tb';
+    else rules += ' ta';
+    rules += ' Bb';
+    rules += ' Bba';
+    rules += ' _ga';
+    rules += ' _yb';
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
     if (props.size === "XL") {
-        rules += ' _ebl';
-        rules += ' _ek';
+        rules += ' ak';
+        rules += ' aal';
     } else if (props.size === "L") {
-        rules += ' _ebj';
-        rules += ' _ei';
+        rules += ' ah';
+        rules += ' aac';
     } else if (props.size === "M") {
-        rules += ' _ebh';
-        rules += ' _eg';
+        rules += ' ae';
+        rules += ' aad';
     } else if (props.size === "S") {
-        rules += ' _ebf';
-        rules += ' _ee';
+        rules += ' aa';
+        rules += ' aab';
     }
-    rules += ' _fd';
-    rules += ' _g-1x99dlob';
-    rules += ' _ga';
-    if (props.isDisabled) rules += ' aj';
+    rules += ' Db';
+    rules += ' Eb';
+    rules += ' Ca';
+    rules += ' gb';
+    rules += ' gca';
+    if (props.isDisabled) rules += ' dc';
     else {
-        if (props.isPressed) rules += ' ao';
-        else if (props.isFocusVisible) rules += ' ao';
-        else if (props.isHovered) rules += ' ao';
-        else rules += ' an';
+        if (props.isPressed) rules += ' db';
+        else if (props.isFocusVisible) rules += ' db';
+        else if (props.isHovered) rules += ' db';
+        else rules += ' da';
     }
-    rules += ' _0d';
-    rules += ' __a-3t1y';
-    rules += ' _2d';
-    rules += ' C-10cd9hn';
-    rules += ' D-10cd9hn';
-    rules += ' E-1dbqcch';
-    rules += ' F-1dbqcch';
-    rules += ' i-10cd9hn';
-    rules += ' j-10cd9hn';
-    rules += ' o-375tou';
-    rules += ' lb';
-    if (props.isPressed) rules += ' b-mufwl5';
-    else if (props.isHovered) rules += ' b-1tgz9bq';
-    else if (props.isFocusVisible) rules += ' b-1tgz9bq';
-    else rules += ' ba';
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
-    rules += ' u-375tp0';
-    rules += ' v-375tp1';
-    rules += ' sa';
-    rules += ' ta';
-    if (props.isQuiet) rules += ' _wh';
-    else if (props.isFocusVisible) rules += ' _wh';
-    else rules += ' _wa';
-    if (props.isQuiet) rules += ' _xh';
-    else if (props.isFocusVisible) rules += ' _xh';
-    else rules += ' _xa';
-    if (props.isQuiet) rules += ' _yh';
-    else if (props.isFocusVisible) rules += ' _yh';
-    else rules += ' _ya';
-    if (props.isQuiet) rules += ' _zh';
-    else if (props.isFocusVisible) rules += ' _zh';
-    else rules += ' _za';
+    rules += ' ma';
+    rules += ' _Ha';
+    rules += ' Fb';
+    rules += ' oMomyYb';
+    rules += ' nMomyYb';
+    rules += ' r11HdCe';
+    rules += ' v11HdCe';
+    rules += ' pMomyYb';
+    rules += ' kMomyYb';
+    rules += ' sOSFGYc';
+    rules += ' fa';
+    if (props.isPressed) rules += ' cnSjEFb';
+    else if (props.isHovered) rules += ' cabY4te';
+    else if (props.isFocusVisible) rules += ' cabY4te';
+    else rules += ' cd';
+    rules += ' _ia';
     rules += ' _ka';
-    rules += ' __S-yksgrp';
+    rules += ' _ea';
+    rules += ' _nkajPYd';
+    rules += ' _mN9iPYd';
+    rules += ' _tb';
+    rules += ' _sb';
+    if (props.isQuiet) rules += ' ze';
+    else if (props.isFocusVisible) rules += ' ze';
+    else rules += ' zf';
+    if (props.isQuiet) rules += ' xd';
+    else if (props.isFocusVisible) rules += ' xd';
+    else rules += ' xf';
+    if (props.isQuiet) rules += ' wd';
+    else if (props.isFocusVisible) rules += ' wd';
+    else rules += ' wf';
+    if (props.isQuiet) rules += ' ye';
+    else if (props.isFocusVisible) rules += ' ye';
+    else rules += ' yf';
+    rules += ' _Ea';
+    rules += ' _Ga';
     if (props.size === "XL") {
-        if (props.density === "spacious") rules += ' -_375tou_o-_i';
-        else if (props.density === "regular") rules += ' -_375tou_o-_a';
-        else if (props.density === "compact") rules += ' -_375tou_o-2';
+        if (props.density === "spacious") rules += ' -s_-sh';
+        else if (props.density === "regular") rules += ' -s_-sd';
+        else if (props.density === "compact") rules += ' -s_-sa';
     } else if (props.size === "L") {
-        if (props.density === "spacious") rules += ' -_375tou_o-_a';
-        else if (props.density === "regular") rules += ' -_375tou_o-2';
-        else if (props.density === "compact") rules += ' -_375tou_o-U';
+        if (props.density === "spacious") rules += ' -s_-sd';
+        else if (props.density === "regular") rules += ' -s_-sa';
+        else if (props.density === "compact") rules += ' -s_-sb';
     } else if (props.size === "M") {
-        if (props.density === "spacious") rules += ' -_375tou_o-2';
-        else if (props.density === "regular") rules += ' -_375tou_o-U';
-        else if (props.density === "compact") rules += ' -_375tou_o-M';
+        if (props.density === "spacious") rules += ' -s_-sa';
+        else if (props.density === "regular") rules += ' -s_-sb';
+        else if (props.density === "compact") rules += ' -s_-sc';
     } else if (props.size === "S") {
-        if (props.density === "spacious") rules += ' -_375tou_o-U';
-        else if (props.density === "regular") rules += ' -_375tou_o-M';
-        else if (props.density === "compact") rules += ' -_375tou_o-G';
+        if (props.density === "spacious") rules += ' -s_-sb';
+        else if (props.density === "regular") rules += ' -s_-sc';
+        else if (props.density === "compact") rules += ' -s_-sg';
     }
-    rules += ' -_375tp0_u-a';
-    rules += ' -_375tp1_v-a';
+    rules += ' -_n_-_na';
+    rules += ' -_m_-_mc';
     return rules;
 };
 const $cf1d656285911959$var$chevronStyles = function anonymous(props) {
-    let rules = " .";
-    if (props.isExpanded) rules += ' R-3hn0u';
-    else if (props.isRTL) rules += ' R-375xa6';
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
-    rules += ' -rwx0fg_e-b';
-    rules += ' _9-3t1x';
+    let rules = " ";
+    if (props.isExpanded) rules += ' _Sa';
+    else if (props.isRTL) rules += ' _Sb';
+    rules += ' _ia';
+    rules += ' _ka';
+    rules += ' _ea';
+    rules += ' -_8sjo0b-Oa';
+    rules += ' _ra';
     return rules;
 };
 const $cf1d656285911959$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $7VHtn$createContext)(null);
@@ -220,7 +224,7 @@ function $cf1d656285911959$var$DisclosureHeaderWithForwardRef(props, ref) {
         ],
         children: /*#__PURE__*/ (0, $7VHtn$jsx)("div", {
             style: UNSAFE_style,
-            className: (UNSAFE_className ?? '') + " _0d _2c ic jc",
+            className: (UNSAFE_className ?? '') + " ma Fa pb ke",
             ref: domRef,
             children: children
         })
@@ -271,34 +275,36 @@ const $cf1d656285911959$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $7VHtn$forwa
     });
 });
 const $cf1d656285911959$var$panelStyles = function anonymous(props) {
-    let rules = " .";
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
-    rules += ' _ebh';
-    rules += ' _eg';
-    rules += ' _fb';
-    rules += ' _g-1x99dloc';
-    rules += ' _gb';
-    rules += ' an';
-    if (props.isExpanded) rules += ' Ed';
-    if (props.isExpanded) rules += ' Ff';
+    let rules = " ";
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
+    rules += ' ae';
+    rules += ' aad';
+    rules += ' Da';
+    rules += ' Ea';
+    rules += ' Ca';
+    rules += ' ga';
+    rules += ' gcc';
+    rules += ' da';
+    if (props.isExpanded) rules += ' rb';
+    if (props.isExpanded) rules += ' vg';
     if (props.isExpanded) {
-        if (props.size === "XL") rules += ' Cundefined';
-        else if (props.size === "L") rules += ' Ce';
-        else if (props.size === "M") rules += ' Cundefined';
-        else if (props.size === "S") rules += ' Cd';
+        if (props.size === "XL") rules += ' oz5EUbe';
+        else if (props.size === "L") rules += ' oh';
+        else if (props.size === "M") rules += ' oLabwmd';
+        else if (props.size === "S") rules += ' oc';
     }
     if (props.isExpanded) {
-        if (props.size === "XL") rules += ' Dundefined';
-        else if (props.size === "L") rules += ' De';
-        else if (props.size === "M") rules += ' Dundefined';
-        else if (props.size === "S") rules += ' Dd';
+        if (props.size === "XL") rules += ' nz5EUbe';
+        else if (props.size === "L") rules += ' ni';
+        else if (props.size === "M") rules += ' nLabwmd';
+        else if (props.size === "S") rules += ' nc';
     }
     return rules;
 };

package/dist/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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, forwardRefType} from '@react-types/shared';\nimport {Button, ContextValue, DisclosureStateContext, Heading, Provider, Disclosure as RACDisclosure, DisclosurePanel as RACDisclosurePanel, DisclosurePanelProps as RACDisclosurePanelProps, DisclosureProps as RACDisclosureProps, useLocale, useSlottedContext} from 'react-aria-components';\nimport {CenterBaseline} from './CenterBaseline';\nimport {centerPadding, getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport Chevron from '../ui-icons/Chevron';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, lightDark, style} from '../style' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps extends Omit<RACDisclosureProps, 'className' | 'style' | 'children'>, StyleProps {\n  /**\n   * The size of the disclosure.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the disclosures.\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 = createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style({\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}, getAllowedOverrides());\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(props: DisclosureProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n  let {\n    size = 'M',\n    density = 'regular',\n    isQuiet,\n    UNSAFE_style,\n    UNSAFE_className = ''\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let isInGroup = useContext(DisclosureContext) !== null;\n\n  return (\n    <Provider\n      values={[\n        [DisclosureContext, {size, isQuiet, density}]\n      ]}>\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  /** 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: 'neutral',\n    isDisabled: 'disabled'\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: 'control',\n    isQuiet: 'control'\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 {\n    UNSAFE_className,\n    UNSAFE_style,\n    children\n  } = 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={(UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})}\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 trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosureHeaderWithForwardRef);\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(props: DisclosureTitleProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    level = 3,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...otherProps\n  } = 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 className={(renderProps) => buttonStyles({...renderProps, size, density, isQuiet})} 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 (\n    <DisclosureHeader>\n      {buttonTrigger}\n    </DisclosureHeader>\n  );\n});\n\nexport interface DisclosurePanelProps extends Omit<RACDisclosurePanelProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {\n  children: React.ReactNode\n}\n\nconst panelStyles = style({\n  font: 'body',\n  paddingTop: {\n    isExpanded: 8\n  },\n  paddingBottom: {\n    isExpanded: 16\n  },\n  paddingX: {\n    isExpanded: {\n      size: {\n        S: 8,\n        M: 9,\n        L: 12,\n        XL: 15\n      }\n    }\n  }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(props: DisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n  let {size} = useSlottedContext(DisclosureContext)!;\n  let {isExpanded} = useContext(DisclosureStateContext)!;\n  let panelRef = useDOMRef(ref);\n  return (\n    <RACDisclosurePanel\n      {...domProps}\n      ref={panelRef}\n      style={UNSAFE_style}\n      className={(UNSAFE_className ?? '') + panelStyles({size, isExpanded})}>\n      {props.children}\n    </RACDisclosurePanel>\n  );\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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, forwardRefType} from '@react-types/shared';\nimport {Button, ContextValue, DisclosureStateContext, Heading, Provider, Disclosure as RACDisclosure, DisclosurePanel as RACDisclosurePanel, DisclosurePanelProps as RACDisclosurePanelProps, DisclosureProps as RACDisclosureProps, useLocale, useSlottedContext} from 'react-aria-components';\nimport {CenterBaseline} from './CenterBaseline';\nimport {centerPadding, getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport Chevron from '../ui-icons/Chevron';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, lightDark, space, style} from '../style' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps extends Omit<RACDisclosureProps, 'className' | 'style' | 'children'>, StyleProps {\n  /**\n   * The size of the disclosure.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the disclosures.\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 = createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style({\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}, getAllowedOverrides());\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(props: DisclosureProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n  let {\n    size = 'M',\n    density = 'regular',\n    isQuiet,\n    UNSAFE_style,\n    UNSAFE_className = ''\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let isInGroup = useContext(DisclosureContext) !== null;\n\n  return (\n    <Provider\n      values={[\n        [DisclosureContext, {size, isQuiet, density}]\n      ]}>\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  /** 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: 'neutral',\n    isDisabled: 'disabled'\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: 'control',\n    isQuiet: 'control'\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 {\n    UNSAFE_className,\n    UNSAFE_style,\n    children\n  } = 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={(UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})}\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 trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosureHeaderWithForwardRef);\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(props: DisclosureTitleProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    level = 3,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...otherProps\n  } = 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 className={(renderProps) => buttonStyles({...renderProps, size, density, isQuiet})} 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 (\n    <DisclosureHeader>\n      {buttonTrigger}\n    </DisclosureHeader>\n  );\n});\n\nexport interface DisclosurePanelProps extends Omit<RACDisclosurePanelProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {\n  children: React.ReactNode\n}\n\nconst panelStyles = style({\n  font: 'body',\n  paddingTop: {\n    isExpanded: 8\n  },\n  paddingBottom: {\n    isExpanded: 16\n  },\n  paddingX: {\n    isExpanded: {\n      size: {\n        S: 8,\n        M: space(9),\n        L: 12,\n        XL: space(15)\n      }\n    }\n  }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(props: DisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n  let {size} = useSlottedContext(DisclosureContext)!;\n  let {isExpanded} = useContext(DisclosureStateContext)!;\n  let panelRef = useDOMRef(ref);\n  return (\n    <RACDisclosurePanel\n      {...domProps}\n      ref={panelRef}\n      style={UNSAFE_style}\n      className={(UNSAFE_className ?? '') + panelStyles({size, isExpanded})}>\n      {props.children}\n    </RACDisclosurePanel>\n  );\n});\n\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}

package/dist/Divider.cjs

@@ -30,58 +30,58 @@ $parcel$export(module.exports, "Divider", () => $2d04acb918636de0$export$2e0a83e
 
 const $2d04acb918636de0$export$30fbfd376abdf190 = /*#__PURE__*/ (0, $98jss$react.createContext)(null);
 const $2d04acb918636de0$export$e8c9778bf415dd08 = 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 $_5 = false;
-    let $A = false;
-    let $B = false;
-    let $y = false;
-    let $z = false;
-    let $__a = false;
-    let $_9 = false;
-    let $l = false;
+    let rules = " ";
+    let alignSelf = false;
+    let marginTop = false;
+    let marginBottom = false;
+    let marginInlineStart = false;
+    let marginInlineEnd = false;
+    let flexGrow = false;
+    let flexShrink = false;
+    let width = 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*_5/.test(p)) $_5 = true;
-        if (/^\s*A/.test(p)) $A = true;
-        if (/^\s*B/.test(p)) $B = true;
-        if (/^\s*y/.test(p)) $y = true;
-        if (/^\s*z/.test(p)) $z = true;
-        if (/^\s*__a/.test(p)) $__a = true;
-        if (/^\s*_9/.test(p)) $_9 = true;
-        if (/^\s*l/.test(p)) $l = true;
+        if (p[1] === "_X") alignSelf = true;
+        if (p[1] === "j") marginTop = true;
+        if (p[1] === "l") marginBottom = true;
+        if (p[1] === "h") marginInlineStart = true;
+        if (p[1] === "i") marginInlineEnd = true;
+        if (p[1] === "_H") flexGrow = true;
+        if (p[1] === "_r") flexShrink = true;
+        if (p[1] === "f") width = true;
+        rules += p[0];
     }
-    if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
-    else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    if (!$_5) rules += ' _5e';
-    rules += ' ba_____I';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-cr';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-cs';
+    if (!alignSelf) rules += ' _Xd';
     if (props.isStaticColor) {
-        if (props.size === "L") rules += ' b_____E';
-        else rules += ' b_____y';
-    } else if (props.size === "L") rules += ' bn';
-    else rules += ' bh';
-    rules += ' wf';
-    rules += ' _wf';
-    rules += ' _xf';
-    rules += ' _yf';
-    rules += ' _zf';
-    if (!$A) rules += ' Aa';
-    if (!$B) rules += ' Ba';
-    if (!$y) rules += ' ya';
-    if (!$z) rules += ' za';
-    if (!$__a) rules += ' __a-3t1x';
-    if (!$_9) rules += ' _9-3t1x';
+        if (props.size === "L") rules += ' cy';
+        else rules += ' ch';
+    } else if (props.size === "L") rules += ' cm';
+    else rules += ' ce';
+    rules += ' cbL';
+    rules += ' Rb';
+    rules += ' za';
+    rules += ' xa';
+    rules += ' wa';
+    rules += ' ya';
+    if (!marginTop) rules += ' ja';
+    if (!marginBottom) rules += ' la';
+    if (!marginInlineStart) rules += ' ha';
+    if (!marginInlineEnd) rules += ' ia';
+    if (!flexGrow) rules += ' _Hb';
+    if (!flexShrink) rules += ' _ra';
     if (props.orientation === "horizontal") {
-        if (props.size === "L") rules += ' k-3761a9';
-        else if (props.size === "S") rules += ' k-375yri';
-        else rules += ' k-375zlr';
+        if (props.size === "L") rules += ' eT4Nfn';
+        else if (props.size === "S") rules += ' eceNfn';
+        else rules += ' eLvNfn';
     }
-    if (!$l) {
-        if (props.orientation === "vertical") {
-            if (props.size === "L") rules += ' l-3761a9';
-            else if (props.size === "S") rules += ' l-375yri';
-            else rules += ' l-375zlr';
-        }
+    if (props.orientation === "vertical") {
+        if (props.size === "L") {
+            if (!width) rules += ' fT4Nfn';
+        } else if (props.size === "S") {
+            if (!width) rules += ' fceNfn';
+        } else if (!width) rules += ' fLvNfn';
     }
     return rules;
 };

package/dist/Divider.css

@@ -1,106 +1,106 @@
 @layer _.a {
-  .-_1de2x0q_b-c {
+  .-Ovbhqd-cs {
     --s2-container-bg: white;
   }
 
-  .-_1de2x0q_b-b {
+  .-Ovbhqd-cr {
     --s2-container-bg: black;
   }
 
-  ._5e {
+  ._Xd {
     align-self: stretch;
   }
 
-  .bh {
+  .ce {
     background-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
   }
 
-  .bn {
+  .cm {
     background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .b_____y {
+  .ch {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .14);
   }
 
-  .b_____E {
+  .cy {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
   }
 
-  .wf {
+  .Rb {
     border-style: none;
   }
 
-  ._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;
   }
 
-  .Aa {
+  .ja {
     margin-top: 0;
   }
 
-  .Ba {
+  .la {
     margin-bottom: 0;
   }
 
-  .ya {
+  .ha {
     margin-inline-start: 0;
   }
 
-  .za {
+  .ia {
     margin-inline-end: 0;
   }
 
-  .__a-3t1x {
+  ._Hb {
     flex-grow: 0;
   }
 
-  ._9-3t1x {
+  ._ra {
     flex-shrink: 0;
   }
 
-  .k-375zlr {
+  .eLvNfn {
     height: 2px;
   }
 
-  .k-375yri {
+  .eceNfn {
     height: 1px;
   }
 
-  .k-3761a9 {
+  .eT4Nfn {
     height: 4px;
   }
 
-  .l-375zlr {
+  .fLvNfn {
     width: 2px;
   }
 
-  .l-375yri {
+  .fceNfn {
     width: 1px;
   }
 
-  .l-3761a9 {
+  .fT4Nfn {
     width: 4px;
   }
 }
 
 @layer _.b;
 
-@layer _.b.a {
+@layer _.b.b {
   @media (forced-colors: active) {
-    .ba_____I {
+    .cbL {
       background-color: buttonborder;
     }
   }