@react-spectrum/accordion 3.0.0-alpha.32 → 3.0.0-alpha.34

package/dist/Accordion.main.js

@@ -1,14 +1,10 @@
-require("./vars.1361683a.css");
+require("./vars.77b903e1.css");
 var $5ab573b23bc1d039$exports = require("./accordion_vars_css.main.js");
+var $52xbb$reactariacomponents = require("react-aria-components");
 var $52xbb$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
 var $52xbb$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
 var $52xbb$reactspectrumutils = require("@react-spectrum/utils");
-var $52xbb$reactariautils = require("@react-aria/utils");
-var $52xbb$reactariafocus = require("@react-aria/focus");
 var $52xbb$react = require("react");
-var $52xbb$reactstatelytree = require("@react-stately/tree");
-var $52xbb$reactariaaccordion = require("@react-aria/accordion");
-var $52xbb$reactariainteractions = require("@react-aria/interactions");
 var $52xbb$reactariai18n = require("@react-aria/i18n");
 var $52xbb$reactspectrumprovider = require("@react-spectrum/provider");
 
@@ -22,6 +18,9 @@ function $parcel$export(e, n, v, s) {
 }
 
 $parcel$export(module.exports, "Accordion", () => $d8f45715b3ce327a$export$a766cd26d0d69044);
+$parcel$export(module.exports, "Disclosure", () => $d8f45715b3ce327a$export$74a362b31437ec83);
+$parcel$export(module.exports, "DisclosurePanel", () => $d8f45715b3ce327a$export$feabaa331e1d464c);
+$parcel$export(module.exports, "DisclosureHeader", () => $d8f45715b3ce327a$export$1e037ddd32f5b8ac);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -40,69 +39,63 @@ $parcel$export(module.exports, "Accordion", () => $d8f45715b3ce327a$export$a766c
 
 
 
-
-
-
-
 function $d8f45715b3ce327a$var$Accordion(props, ref) {
     props = (0, $52xbb$reactspectrumprovider.useProviderProps)(props);
-    let state = (0, $52xbb$reactstatelytree.useTreeState)(props);
     let { styleProps: styleProps } = (0, $52xbb$reactspectrumutils.useStyleProps)(props);
     let domRef = (0, $52xbb$reactspectrumutils.useDOMRef)(ref);
-    let { accordionProps: accordionProps } = (0, $52xbb$reactariaaccordion.useAccordion)(props, state, domRef);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement("div", {
-        ...(0, $52xbb$reactariautils.filterDOMProps)(props),
-        ...accordionProps,
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, $52xbb$reactariacomponents.UNSTABLE_DisclosureGroup), {
+        ...props,
         ...styleProps,
         ref: domRef,
         className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion', styleProps.className)
-    }, [
-        ...state.collection
-    ].map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement($d8f45715b3ce327a$var$AccordionItem, {
-            key: item.key,
-            item: item,
-            state: state
-        })));
+    }, props.children);
 }
-function $d8f45715b3ce327a$var$AccordionItem(props) {
+function $d8f45715b3ce327a$var$Disclosure(props, ref) {
     props = (0, $52xbb$reactspectrumprovider.useProviderProps)(props);
-    let ref = (0, $52xbb$react.useRef)(null);
-    let { state: state, item: item } = props;
-    let { buttonProps: buttonProps, regionProps: regionProps } = (0, $52xbb$reactariaaccordion.useAccordionItem)(props, state, ref);
-    let isOpen = state.expandedKeys.has(item.key);
-    let isDisabled = state.disabledKeys.has(item.key);
-    let { isHovered: isHovered, hoverProps: hoverProps } = (0, $52xbb$reactariainteractions.useHover)({
-        isDisabled: isDisabled
-    });
+    let domRef = (0, $52xbb$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, $52xbb$reactariacomponents.UNSTABLE_Disclosure), {
+        ...props,
+        ref: domRef,
+        className: ({ isExpanded: isExpanded, isDisabled: isDisabled })=>(0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-item', {
+                'is-expanded': isExpanded,
+                'is-disabled': isDisabled
+            })
+    }, props.children);
+}
+function $d8f45715b3ce327a$var$DisclosurePanel(props, ref) {
+    let domRef = (0, $52xbb$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, $52xbb$reactariacomponents.UNSTABLE_DisclosurePanel), {
+        ref: domRef,
+        className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemContent'),
+        ...props
+    }, props.children);
+}
+function $d8f45715b3ce327a$var$DisclosureHeader(props, ref) {
+    let { level: level = 3 } = props;
     let { direction: direction } = (0, $52xbb$reactariai18n.useLocale)();
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement("div", {
-        className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-item', {
-            'is-open': isOpen,
-            'is-disabled': isDisabled
-        })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement("h3", {
+    let domRef = (0, $52xbb$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, $52xbb$reactariacomponents.Heading), {
+        ref: domRef,
+        level: level,
         className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemHeading')
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, $52xbb$reactariafocus.FocusRing), {
-        within: true,
-        focusRingClass: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'focus-ring')
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement("button", {
-        ...(0, $52xbb$reactariautils.mergeProps)(buttonProps, hoverProps),
-        ref: ref,
-        className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemHeader', {
-            'is-hovered': isHovered
-        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, $52xbb$reactariacomponents.Button), {
+        slot: "trigger",
+        className: ({ isHovered: isHovered, isFocusVisible: isFocusVisible })=>(0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemHeader', {
+                'is-hovered': isHovered,
+                'focus-ring': isFocusVisible
+            })
     }, direction === 'ltr' ? /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, ($parcel$interopDefault($52xbb$spectrumiconsuiChevronRightMedium))), {
         "aria-hidden": "true",
         UNSAFE_className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemIndicator')
     }) : /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement((0, ($parcel$interopDefault($52xbb$spectrumiconsuiChevronLeftMedium))), {
         "aria-hidden": "true",
         UNSAFE_className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemIndicator')
-    }), item.props.title))), /*#__PURE__*/ (0, ($parcel$interopDefault($52xbb$react))).createElement("div", {
-        ...regionProps,
-        className: (0, $52xbb$reactspectrumutils.classNames)((0, ($parcel$interopDefault($5ab573b23bc1d039$exports))), 'spectrum-Accordion-itemContent')
-    }, item.props.children));
+    }), props.children));
 }
-const $d8f45715b3ce327a$export$a766cd26d0d69044 = /*#__PURE__*/ (0, $52xbb$react.forwardRef)($d8f45715b3ce327a$var$Accordion);
+/** A group of disclosures that can be expanded and collapsed. */ const $d8f45715b3ce327a$export$a766cd26d0d69044 = /*#__PURE__*/ (0, $52xbb$react.forwardRef)($d8f45715b3ce327a$var$Accordion);
+/** A collapsible section of content composed of a heading that expands and collapses a panel. */ const $d8f45715b3ce327a$export$74a362b31437ec83 = /*#__PURE__*/ (0, $52xbb$react.forwardRef)($d8f45715b3ce327a$var$Disclosure);
+/** The panel that contains the content of an disclosure. */ const $d8f45715b3ce327a$export$feabaa331e1d464c = /*#__PURE__*/ (0, $52xbb$react.forwardRef)($d8f45715b3ce327a$var$DisclosurePanel);
+/** The heading of the disclosure. */ const $d8f45715b3ce327a$export$1e037ddd32f5b8ac = /*#__PURE__*/ (0, $52xbb$react.forwardRef)($d8f45715b3ce327a$var$DisclosureHeader);
 
 
 //# sourceMappingURL=Accordion.main.js.map

package/dist/Accordion.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AAkBD,SAAS,gCAA4B,KAAgC,EAAE,GAA2B;IAChG,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,QAAQ,CAAA,GAAA,oCAAW,EAAK;IAC5B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO,OAAO;IAElD,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,MAAM;QACxB,GAAG,cAAc;QACjB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;WAAI,MAAM,UAAU;KAAC,CAAC,GAAG,CAAC,CAAA,qBACzB,0DAAC;YAAiB,KAAK,KAAK,GAAG;YAAE,MAAM;YAAM,OAAO;;AAI5D;AAOA,SAAS,oCAAiB,KAA4B;IACpD,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAqB;IACpC,IAAI,SAAC,KAAK,QAAE,IAAI,EAAC,GAAG;IACpB,IAAI,eAAC,WAAW,eAAE,WAAW,EAAC,GAAG,CAAA,GAAA,0CAAe,EAAK,OAAO,OAAO;IACnE,IAAI,SAAS,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG;IAC5C,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG;IAChD,IAAI,aAAC,SAAS,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAE1B,qBACE,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,2BAA2B;YACvD,WAAW;YACX,eAAe;QACjB;qBACA,0DAAC;QAAG,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAChC,0DAAC,CAAA,GAAA,+BAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACnD,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,iCAAiC;YAC7D,cAAc;QAChB;OACC,cAAc,sBACb,0DAAC,CAAA,GAAA,kEAAiB;QAChB,eAAY;QACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;uBAErC,0DAAC,CAAA,GAAA,iEAAgB;QACf,eAAY;QACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAE1C,KAAK,KAAK,CAAC,KAAK,mBAIvB,0DAAC;QAAK,GAAG,WAAW;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACjD,KAAK,KAAK,CAAC,QAAQ;AAI5B;AAEA,MAAM,0DAAa,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/accordion/src/Accordion.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Node} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumAccordionProps} from '@react-types/accordion';\nimport styles from '@adobe/spectrum-css-temp/components/accordion/vars.css';\nimport {TreeState, useTreeState} from '@react-stately/tree';\nimport {useAccordion, useAccordionItem} from '@react-aria/accordion';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n\nfunction Accordion<T extends object>(props: SpectrumAccordionProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let state = useTreeState<T>(props);\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let {accordionProps} = useAccordion(props, state, domRef);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...accordionProps}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Accordion', styleProps.className)}>\n      {[...state.collection].map(item => (\n        <AccordionItem<T> key={item.key} item={item} state={state} />\n      ))}\n    </div>\n  );\n}\n\ninterface AccordionItemProps<T> {\n  item: Node<T>,\n  state: TreeState<T>\n}\n\nfunction AccordionItem<T>(props: AccordionItemProps<T>) {\n  props = useProviderProps(props);\n  let ref = useRef<HTMLButtonElement>(null);\n  let {state, item} = props;\n  let {buttonProps, regionProps} = useAccordionItem<T>(props, state, ref);\n  let isOpen = state.expandedKeys.has(item.key);\n  let isDisabled = state.disabledKeys.has(item.key);\n  let {isHovered, hoverProps} = useHover({isDisabled});\n  let {direction} = useLocale();\n\n  return (\n    <div\n      className={classNames(styles, 'spectrum-Accordion-item', {\n        'is-open': isOpen,\n        'is-disabled': isDisabled\n      })}>\n      <h3 className={classNames(styles, 'spectrum-Accordion-itemHeading')}>\n        <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n          <button\n            {...mergeProps(buttonProps, hoverProps)}\n            ref={ref}\n            className={classNames(styles, 'spectrum-Accordion-itemHeader', {\n              'is-hovered': isHovered\n            })}>\n            {direction === 'ltr' ? (\n              <ChevronRightMedium\n                aria-hidden=\"true\"\n                UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              ) : (\n                <ChevronLeftMedium\n                  aria-hidden=\"true\"\n                  UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              )}\n            {item.props.title}\n          </button>\n        </FocusRing>\n      </h3>\n      <div {...regionProps} className={classNames(styles, 'spectrum-Accordion-itemContent')}>\n        {item.props.children}\n      </div>\n    </div>\n  );\n}\n\nconst _Accordion = forwardRef(Accordion) as <T>(props: SpectrumAccordionProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Accordion>;\nexport {_Accordion as Accordion};\n"],"names":[],"version":3,"file":"Accordion.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAiBD,SAAS,gCAAU,KAA6B,EAAE,GAA2B;IAC3E,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,qBACE,0DAAC,CAAA,GAAA,mDAAc;QACZ,GAAG,KAAK;QACR,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE,MAAM,QAAQ;AAGrB;AAOA,SAAS,iCAAW,KAA8B,EAAE,GAA2B;IAC7E,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,qBACE,0DAAC,CAAA,GAAA,8CAAY;QACV,GAAG,KAAK;QACT,KAAK;QACL,WAAW,CAAC,cAAC,UAAU,cAAE,UAAU,EAAC,GAAK,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,2BAA2B;gBACrF,eAAe;gBACf,eAAe;YACjB;OACC,MAAM,QAAQ;AAGrB;AAOA,SAAS,sCAAgB,KAAmC,EAAE,GAA2B;IACvF,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,qBACE,0DAAC,CAAA,GAAA,mDAAiB;QAAE,KAAK;QAAQ,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAAoC,GAAG,KAAK;OACxG,MAAM,QAAQ;AAGrB;AAYA,SAAS,uCAAiB,KAAoC,EAAE,GAA+B;IAC7F,IAAI,SAAC,QAAQ,GAAE,GAAG;IAClB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAC1B,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,qBACE,0DAAC,CAAA,GAAA,kCAAM;QAAE,KAAK;QAAQ,OAAO;QAAO,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBAChE,0DAAC,CAAA,GAAA,iCAAK;QACJ,MAAK;QACL,WAAW,CAAC,aAAC,SAAS,kBAAE,cAAc,EAAC,GAAK,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,iCAAiC;gBAC9F,cAAc;gBACd,cAAc;YAChB;OACC,cAAc,sBACb,0DAAC,CAAA,GAAA,kEAAiB;QAChB,eAAY;QACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;uBAEjC,0DAAC,CAAA,GAAA,iEAAgB;QACf,eAAY;QACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAE9C,MAAM,QAAQ;AAIvB;AAEA,+DAA+D,GAC/D,MAAM,0DAAa,CAAA,GAAA,uBAAS,EAAE;AAG9B,+FAA+F,GAC/F,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE;AAG/B,0DAA0D,GAC1D,MAAM,0DAAmB,CAAA,GAAA,uBAAS,EAAE;AAGpC,mCAAmC,GACnC,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/accordion/src/Accordion.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {Button, UNSTABLE_DisclosureGroup as DisclosureGroup, DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, Heading, UNSTABLE_Disclosure as RACDisclosure, UNSTABLE_DisclosurePanel as RACDisclosurePanel} from 'react-aria-components';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport React, {forwardRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/accordion/vars.css';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumAccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style' | 'children'>, StyleProps, DOMProps {\n  /** The disclosures within the accordion group. */\n  children: React.ReactNode\n}\n\nfunction Accordion(props: SpectrumAccordionProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  return (\n    <DisclosureGroup\n      {...props}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Accordion', styleProps.className)}>\n      {props.children}\n    </DisclosureGroup>\n  );\n}\n\nexport interface SpectrumDisclosureProps extends Omit<DisclosureProps, 'className' | 'style' | 'children'>, AriaLabelingProps  {\n  /** The contents of the disclosure. The first child should be the header, and the second child should be the panel. */\n  children: React.ReactNode\n}\n\nfunction Disclosure(props: SpectrumDisclosureProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let domRef = useDOMRef(ref);\n  return (\n    <RACDisclosure\n      {...props}\n      ref={domRef}\n      className={({isExpanded, isDisabled}) => classNames(styles, 'spectrum-Accordion-item', {\n        'is-expanded': isExpanded,\n        'is-disabled': isDisabled\n      })}>\n      {props.children}\n    </RACDisclosure>\n  );\n}\n\nexport interface SpectrumDisclosurePanelProps extends Omit<DisclosurePanelProps, 'className' | 'style' | 'children'>, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion panel. */\n  children: React.ReactNode\n}\n\nfunction DisclosurePanel(props: SpectrumDisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  return (\n    <RACDisclosurePanel ref={domRef} className={classNames(styles, 'spectrum-Accordion-itemContent')} {...props}>\n      {props.children}\n    </RACDisclosurePanel>\n  );\n}\n\nexport interface SpectrumDisclosureHeaderProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The heading level of the disclosure header.\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the disclosure header. */\n  children: React.ReactNode\n}\n\nfunction DisclosureHeader(props: SpectrumDisclosureHeaderProps, ref: DOMRef<HTMLHeadingElement>) {\n  let {level = 3} = props;\n  let {direction} = useLocale();\n  let domRef = useDOMRef(ref);\n  return (\n    <Heading ref={domRef} level={level} className={classNames(styles, 'spectrum-Accordion-itemHeading')}>\n      <Button\n        slot=\"trigger\"\n        className={({isHovered, isFocusVisible}) => classNames(styles, 'spectrum-Accordion-itemHeader', {\n          'is-hovered': isHovered,\n          'focus-ring': isFocusVisible\n        })}>\n        {direction === 'ltr' ? (\n          <ChevronRightMedium\n            aria-hidden=\"true\"\n            UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              ) : (\n                <ChevronLeftMedium\n                  aria-hidden=\"true\"\n                  UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              )}\n        {props.children}\n      </Button>\n    </Heading>\n  );\n}\n\n/** A group of disclosures that can be expanded and collapsed. */\nconst _Accordion = forwardRef(Accordion) as (props: SpectrumAccordionProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Accordion>;\nexport {_Accordion as Accordion};\n\n/** A collapsible section of content composed of a heading that expands and collapses a panel. */\nconst _Disclosure = forwardRef(Disclosure) as (props: SpectrumDisclosureProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Disclosure>;\nexport {_Disclosure as Disclosure};\n\n/** The panel that contains the content of an disclosure. */\nconst _DisclosurePanel = forwardRef(DisclosurePanel) as (props: SpectrumDisclosurePanelProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof DisclosurePanel>;\nexport {_DisclosurePanel as DisclosurePanel};\n\n/** The heading of the disclosure. */\nconst _DisclosureHeader = forwardRef(DisclosureHeader) as (props: SpectrumDisclosureHeaderProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof DisclosureHeader>;\nexport {_DisclosureHeader as DisclosureHeader};\n"],"names":[],"version":3,"file":"Accordion.main.js.map"}

package/dist/Accordion.mjs

@@ -1,14 +1,10 @@
-import "./vars.1361683a.css";
+import "./vars.77b903e1.css";
 import $aMy5K$accordion_vars_cssmodulejs from "./accordion_vars_css.mjs";
+import {UNSTABLE_DisclosureGroup as $aMy5K$UNSTABLE_DisclosureGroup, UNSTABLE_Disclosure as $aMy5K$UNSTABLE_Disclosure, UNSTABLE_DisclosurePanel as $aMy5K$UNSTABLE_DisclosurePanel, Heading as $aMy5K$Heading, Button as $aMy5K$Button} from "react-aria-components";
 import $aMy5K$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
 import $aMy5K$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
 import {useStyleProps as $aMy5K$useStyleProps, useDOMRef as $aMy5K$useDOMRef, classNames as $aMy5K$classNames} from "@react-spectrum/utils";
-import {filterDOMProps as $aMy5K$filterDOMProps, mergeProps as $aMy5K$mergeProps} from "@react-aria/utils";
-import {FocusRing as $aMy5K$FocusRing} from "@react-aria/focus";
-import $aMy5K$react, {useRef as $aMy5K$useRef, forwardRef as $aMy5K$forwardRef} from "react";
-import {useTreeState as $aMy5K$useTreeState} from "@react-stately/tree";
-import {useAccordion as $aMy5K$useAccordion, useAccordionItem as $aMy5K$useAccordionItem} from "@react-aria/accordion";
-import {useHover as $aMy5K$useHover} from "@react-aria/interactions";
+import $aMy5K$react, {forwardRef as $aMy5K$forwardRef} from "react";
 import {useLocale as $aMy5K$useLocale} from "@react-aria/i18n";
 import {useProviderProps as $aMy5K$useProviderProps} from "@react-spectrum/provider";
 
@@ -34,70 +30,64 @@ function $parcel$interopDefault(a) {
 
 
 
-
-
-
-
 function $2a5a5b7faca81754$var$Accordion(props, ref) {
     props = (0, $aMy5K$useProviderProps)(props);
-    let state = (0, $aMy5K$useTreeState)(props);
     let { styleProps: styleProps } = (0, $aMy5K$useStyleProps)(props);
     let domRef = (0, $aMy5K$useDOMRef)(ref);
-    let { accordionProps: accordionProps } = (0, $aMy5K$useAccordion)(props, state, domRef);
-    return /*#__PURE__*/ (0, $aMy5K$react).createElement("div", {
-        ...(0, $aMy5K$filterDOMProps)(props),
-        ...accordionProps,
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$UNSTABLE_DisclosureGroup), {
+        ...props,
         ...styleProps,
         ref: domRef,
         className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion', styleProps.className)
-    }, [
-        ...state.collection
-    ].map((item)=>/*#__PURE__*/ (0, $aMy5K$react).createElement($2a5a5b7faca81754$var$AccordionItem, {
-            key: item.key,
-            item: item,
-            state: state
-        })));
+    }, props.children);
 }
-function $2a5a5b7faca81754$var$AccordionItem(props) {
+function $2a5a5b7faca81754$var$Disclosure(props, ref) {
     props = (0, $aMy5K$useProviderProps)(props);
-    let ref = (0, $aMy5K$useRef)(null);
-    let { state: state, item: item } = props;
-    let { buttonProps: buttonProps, regionProps: regionProps } = (0, $aMy5K$useAccordionItem)(props, state, ref);
-    let isOpen = state.expandedKeys.has(item.key);
-    let isDisabled = state.disabledKeys.has(item.key);
-    let { isHovered: isHovered, hoverProps: hoverProps } = (0, $aMy5K$useHover)({
-        isDisabled: isDisabled
-    });
+    let domRef = (0, $aMy5K$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$UNSTABLE_Disclosure), {
+        ...props,
+        ref: domRef,
+        className: ({ isExpanded: isExpanded, isDisabled: isDisabled })=>(0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-item', {
+                'is-expanded': isExpanded,
+                'is-disabled': isDisabled
+            })
+    }, props.children);
+}
+function $2a5a5b7faca81754$var$DisclosurePanel(props, ref) {
+    let domRef = (0, $aMy5K$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$UNSTABLE_DisclosurePanel), {
+        ref: domRef,
+        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemContent'),
+        ...props
+    }, props.children);
+}
+function $2a5a5b7faca81754$var$DisclosureHeader(props, ref) {
+    let { level: level = 3 } = props;
     let { direction: direction } = (0, $aMy5K$useLocale)();
-    return /*#__PURE__*/ (0, $aMy5K$react).createElement("div", {
-        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-item', {
-            'is-open': isOpen,
-            'is-disabled': isDisabled
-        })
-    }, /*#__PURE__*/ (0, $aMy5K$react).createElement("h3", {
+    let domRef = (0, $aMy5K$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$Heading), {
+        ref: domRef,
+        level: level,
         className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemHeading')
-    }, /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$FocusRing), {
-        within: true,
-        focusRingClass: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'focus-ring')
-    }, /*#__PURE__*/ (0, $aMy5K$react).createElement("button", {
-        ...(0, $aMy5K$mergeProps)(buttonProps, hoverProps),
-        ref: ref,
-        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemHeader', {
-            'is-hovered': isHovered
-        })
+    }, /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$Button), {
+        slot: "trigger",
+        className: ({ isHovered: isHovered, isFocusVisible: isFocusVisible })=>(0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemHeader', {
+                'is-hovered': isHovered,
+                'focus-ring': isFocusVisible
+            })
     }, direction === 'ltr' ? /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$spectrumiconsuiChevronRightMedium), {
         "aria-hidden": "true",
         UNSAFE_className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemIndicator')
     }) : /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$spectrumiconsuiChevronLeftMedium), {
         "aria-hidden": "true",
         UNSAFE_className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemIndicator')
-    }), item.props.title))), /*#__PURE__*/ (0, $aMy5K$react).createElement("div", {
-        ...regionProps,
-        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemContent')
-    }, item.props.children));
+    }), props.children));
 }
-const $2a5a5b7faca81754$export$a766cd26d0d69044 = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$Accordion);
+/** A group of disclosures that can be expanded and collapsed. */ const $2a5a5b7faca81754$export$a766cd26d0d69044 = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$Accordion);
+/** A collapsible section of content composed of a heading that expands and collapses a panel. */ const $2a5a5b7faca81754$export$74a362b31437ec83 = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$Disclosure);
+/** The panel that contains the content of an disclosure. */ const $2a5a5b7faca81754$export$feabaa331e1d464c = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$DisclosurePanel);
+/** The heading of the disclosure. */ const $2a5a5b7faca81754$export$1e037ddd32f5b8ac = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$DisclosureHeader);
 
 
-export {$2a5a5b7faca81754$export$a766cd26d0d69044 as Accordion};
+export {$2a5a5b7faca81754$export$a766cd26d0d69044 as Accordion, $2a5a5b7faca81754$export$74a362b31437ec83 as Disclosure, $2a5a5b7faca81754$export$feabaa331e1d464c as DisclosurePanel, $2a5a5b7faca81754$export$1e037ddd32f5b8ac as DisclosureHeader};
 //# sourceMappingURL=Accordion.module.js.map

package/dist/Accordion.module.js

@@ -1,14 +1,10 @@
-import "./vars.1361683a.css";
+import "./vars.77b903e1.css";
 import $aMy5K$accordion_vars_cssmodulejs from "./accordion_vars_css.module.js";
+import {UNSTABLE_DisclosureGroup as $aMy5K$UNSTABLE_DisclosureGroup, UNSTABLE_Disclosure as $aMy5K$UNSTABLE_Disclosure, UNSTABLE_DisclosurePanel as $aMy5K$UNSTABLE_DisclosurePanel, Heading as $aMy5K$Heading, Button as $aMy5K$Button} from "react-aria-components";
 import $aMy5K$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
 import $aMy5K$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
 import {useStyleProps as $aMy5K$useStyleProps, useDOMRef as $aMy5K$useDOMRef, classNames as $aMy5K$classNames} from "@react-spectrum/utils";
-import {filterDOMProps as $aMy5K$filterDOMProps, mergeProps as $aMy5K$mergeProps} from "@react-aria/utils";
-import {FocusRing as $aMy5K$FocusRing} from "@react-aria/focus";
-import $aMy5K$react, {useRef as $aMy5K$useRef, forwardRef as $aMy5K$forwardRef} from "react";
-import {useTreeState as $aMy5K$useTreeState} from "@react-stately/tree";
-import {useAccordion as $aMy5K$useAccordion, useAccordionItem as $aMy5K$useAccordionItem} from "@react-aria/accordion";
-import {useHover as $aMy5K$useHover} from "@react-aria/interactions";
+import $aMy5K$react, {forwardRef as $aMy5K$forwardRef} from "react";
 import {useLocale as $aMy5K$useLocale} from "@react-aria/i18n";
 import {useProviderProps as $aMy5K$useProviderProps} from "@react-spectrum/provider";
 
@@ -34,70 +30,64 @@ function $parcel$interopDefault(a) {
 
 
 
-
-
-
-
 function $2a5a5b7faca81754$var$Accordion(props, ref) {
     props = (0, $aMy5K$useProviderProps)(props);
-    let state = (0, $aMy5K$useTreeState)(props);
     let { styleProps: styleProps } = (0, $aMy5K$useStyleProps)(props);
     let domRef = (0, $aMy5K$useDOMRef)(ref);
-    let { accordionProps: accordionProps } = (0, $aMy5K$useAccordion)(props, state, domRef);
-    return /*#__PURE__*/ (0, $aMy5K$react).createElement("div", {
-        ...(0, $aMy5K$filterDOMProps)(props),
-        ...accordionProps,
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$UNSTABLE_DisclosureGroup), {
+        ...props,
         ...styleProps,
         ref: domRef,
         className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion', styleProps.className)
-    }, [
-        ...state.collection
-    ].map((item)=>/*#__PURE__*/ (0, $aMy5K$react).createElement($2a5a5b7faca81754$var$AccordionItem, {
-            key: item.key,
-            item: item,
-            state: state
-        })));
+    }, props.children);
 }
-function $2a5a5b7faca81754$var$AccordionItem(props) {
+function $2a5a5b7faca81754$var$Disclosure(props, ref) {
     props = (0, $aMy5K$useProviderProps)(props);
-    let ref = (0, $aMy5K$useRef)(null);
-    let { state: state, item: item } = props;
-    let { buttonProps: buttonProps, regionProps: regionProps } = (0, $aMy5K$useAccordionItem)(props, state, ref);
-    let isOpen = state.expandedKeys.has(item.key);
-    let isDisabled = state.disabledKeys.has(item.key);
-    let { isHovered: isHovered, hoverProps: hoverProps } = (0, $aMy5K$useHover)({
-        isDisabled: isDisabled
-    });
+    let domRef = (0, $aMy5K$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$UNSTABLE_Disclosure), {
+        ...props,
+        ref: domRef,
+        className: ({ isExpanded: isExpanded, isDisabled: isDisabled })=>(0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-item', {
+                'is-expanded': isExpanded,
+                'is-disabled': isDisabled
+            })
+    }, props.children);
+}
+function $2a5a5b7faca81754$var$DisclosurePanel(props, ref) {
+    let domRef = (0, $aMy5K$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$UNSTABLE_DisclosurePanel), {
+        ref: domRef,
+        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemContent'),
+        ...props
+    }, props.children);
+}
+function $2a5a5b7faca81754$var$DisclosureHeader(props, ref) {
+    let { level: level = 3 } = props;
     let { direction: direction } = (0, $aMy5K$useLocale)();
-    return /*#__PURE__*/ (0, $aMy5K$react).createElement("div", {
-        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-item', {
-            'is-open': isOpen,
-            'is-disabled': isDisabled
-        })
-    }, /*#__PURE__*/ (0, $aMy5K$react).createElement("h3", {
+    let domRef = (0, $aMy5K$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$Heading), {
+        ref: domRef,
+        level: level,
         className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemHeading')
-    }, /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$FocusRing), {
-        within: true,
-        focusRingClass: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'focus-ring')
-    }, /*#__PURE__*/ (0, $aMy5K$react).createElement("button", {
-        ...(0, $aMy5K$mergeProps)(buttonProps, hoverProps),
-        ref: ref,
-        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemHeader', {
-            'is-hovered': isHovered
-        })
+    }, /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$Button), {
+        slot: "trigger",
+        className: ({ isHovered: isHovered, isFocusVisible: isFocusVisible })=>(0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemHeader', {
+                'is-hovered': isHovered,
+                'focus-ring': isFocusVisible
+            })
     }, direction === 'ltr' ? /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$spectrumiconsuiChevronRightMedium), {
         "aria-hidden": "true",
         UNSAFE_className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemIndicator')
     }) : /*#__PURE__*/ (0, $aMy5K$react).createElement((0, $aMy5K$spectrumiconsuiChevronLeftMedium), {
         "aria-hidden": "true",
         UNSAFE_className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemIndicator')
-    }), item.props.title))), /*#__PURE__*/ (0, $aMy5K$react).createElement("div", {
-        ...regionProps,
-        className: (0, $aMy5K$classNames)((0, ($parcel$interopDefault($aMy5K$accordion_vars_cssmodulejs))), 'spectrum-Accordion-itemContent')
-    }, item.props.children));
+    }), props.children));
 }
-const $2a5a5b7faca81754$export$a766cd26d0d69044 = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$Accordion);
+/** A group of disclosures that can be expanded and collapsed. */ const $2a5a5b7faca81754$export$a766cd26d0d69044 = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$Accordion);
+/** A collapsible section of content composed of a heading that expands and collapses a panel. */ const $2a5a5b7faca81754$export$74a362b31437ec83 = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$Disclosure);
+/** The panel that contains the content of an disclosure. */ const $2a5a5b7faca81754$export$feabaa331e1d464c = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$DisclosurePanel);
+/** The heading of the disclosure. */ const $2a5a5b7faca81754$export$1e037ddd32f5b8ac = /*#__PURE__*/ (0, $aMy5K$forwardRef)($2a5a5b7faca81754$var$DisclosureHeader);
 
 
-export {$2a5a5b7faca81754$export$a766cd26d0d69044 as Accordion};
+export {$2a5a5b7faca81754$export$a766cd26d0d69044 as Accordion, $2a5a5b7faca81754$export$74a362b31437ec83 as Disclosure, $2a5a5b7faca81754$export$feabaa331e1d464c as DisclosurePanel, $2a5a5b7faca81754$export$1e037ddd32f5b8ac as DisclosureHeader};
 //# sourceMappingURL=Accordion.module.js.map

package/dist/Accordion.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AAkBD,SAAS,gCAA4B,KAAgC,EAAE,GAA2B;IAChG,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,QAAQ,CAAA,GAAA,mBAAW,EAAK;IAC5B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO,OAAO;IAElD,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,cAAc;QACjB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;WAAI,MAAM,UAAU;KAAC,CAAC,GAAG,CAAC,CAAA,qBACzB,gCAAC;YAAiB,KAAK,KAAK,GAAG;YAAE,MAAM;YAAM,OAAO;;AAI5D;AAOA,SAAS,oCAAiB,KAA4B;IACpD,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,MAAM,CAAA,GAAA,aAAK,EAAqB;IACpC,IAAI,SAAC,KAAK,QAAE,IAAI,EAAC,GAAG;IACpB,IAAI,eAAC,WAAW,eAAE,WAAW,EAAC,GAAG,CAAA,GAAA,uBAAe,EAAK,OAAO,OAAO;IACnE,IAAI,SAAS,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG;IAC5C,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG;IAChD,IAAI,aAAC,SAAS,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,gCAAC;QACC,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG,2BAA2B;YACvD,WAAW;YACX,eAAe;QACjB;qBACA,gCAAC;QAAG,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;qBAChC,gCAAC,CAAA,GAAA,gBAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;qBACnD,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG,iCAAiC;YAC7D,cAAc;QAChB;OACC,cAAc,sBACb,gCAAC,CAAA,GAAA,wCAAiB;QAChB,eAAY;QACZ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;uBAErC,gCAAC,CAAA,GAAA,uCAAgB;QACf,eAAY;QACZ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAE1C,KAAK,KAAK,CAAC,KAAK,mBAIvB,gCAAC;QAAK,GAAG,WAAW;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;OACjD,KAAK,KAAK,CAAC,QAAQ;AAI5B;AAEA,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/accordion/src/Accordion.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Node} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumAccordionProps} from '@react-types/accordion';\nimport styles from '@adobe/spectrum-css-temp/components/accordion/vars.css';\nimport {TreeState, useTreeState} from '@react-stately/tree';\nimport {useAccordion, useAccordionItem} from '@react-aria/accordion';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n\nfunction Accordion<T extends object>(props: SpectrumAccordionProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let state = useTreeState<T>(props);\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  let {accordionProps} = useAccordion(props, state, domRef);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...accordionProps}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Accordion', styleProps.className)}>\n      {[...state.collection].map(item => (\n        <AccordionItem<T> key={item.key} item={item} state={state} />\n      ))}\n    </div>\n  );\n}\n\ninterface AccordionItemProps<T> {\n  item: Node<T>,\n  state: TreeState<T>\n}\n\nfunction AccordionItem<T>(props: AccordionItemProps<T>) {\n  props = useProviderProps(props);\n  let ref = useRef<HTMLButtonElement>(null);\n  let {state, item} = props;\n  let {buttonProps, regionProps} = useAccordionItem<T>(props, state, ref);\n  let isOpen = state.expandedKeys.has(item.key);\n  let isDisabled = state.disabledKeys.has(item.key);\n  let {isHovered, hoverProps} = useHover({isDisabled});\n  let {direction} = useLocale();\n\n  return (\n    <div\n      className={classNames(styles, 'spectrum-Accordion-item', {\n        'is-open': isOpen,\n        'is-disabled': isDisabled\n      })}>\n      <h3 className={classNames(styles, 'spectrum-Accordion-itemHeading')}>\n        <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n          <button\n            {...mergeProps(buttonProps, hoverProps)}\n            ref={ref}\n            className={classNames(styles, 'spectrum-Accordion-itemHeader', {\n              'is-hovered': isHovered\n            })}>\n            {direction === 'ltr' ? (\n              <ChevronRightMedium\n                aria-hidden=\"true\"\n                UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              ) : (\n                <ChevronLeftMedium\n                  aria-hidden=\"true\"\n                  UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              )}\n            {item.props.title}\n          </button>\n        </FocusRing>\n      </h3>\n      <div {...regionProps} className={classNames(styles, 'spectrum-Accordion-itemContent')}>\n        {item.props.children}\n      </div>\n    </div>\n  );\n}\n\nconst _Accordion = forwardRef(Accordion) as <T>(props: SpectrumAccordionProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Accordion>;\nexport {_Accordion as Accordion};\n"],"names":[],"version":3,"file":"Accordion.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAiBD,SAAS,gCAAU,KAA6B,EAAE,GAA2B;IAC3E,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,qBACE,gCAAC,CAAA,GAAA,+BAAc;QACZ,GAAG,KAAK;QACR,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE,MAAM,QAAQ;AAGrB;AAOA,SAAS,iCAAW,KAA8B,EAAE,GAA2B;IAC7E,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,qBACE,gCAAC,CAAA,GAAA,0BAAY;QACV,GAAG,KAAK;QACT,KAAK;QACL,WAAW,CAAC,cAAC,UAAU,cAAE,UAAU,EAAC,GAAK,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG,2BAA2B;gBACrF,eAAe;gBACf,eAAe;YACjB;OACC,MAAM,QAAQ;AAGrB;AAOA,SAAS,sCAAgB,KAAmC,EAAE,GAA2B;IACvF,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,qBACE,gCAAC,CAAA,GAAA,+BAAiB;QAAE,KAAK;QAAQ,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAAoC,GAAG,KAAK;OACxG,MAAM,QAAQ;AAGrB;AAYA,SAAS,uCAAiB,KAAoC,EAAE,GAA+B;IAC7F,IAAI,SAAC,QAAQ,GAAE,GAAG;IAClB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,qBACE,gCAAC,CAAA,GAAA,cAAM;QAAE,KAAK;QAAQ,OAAO;QAAO,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;qBAChE,gCAAC,CAAA,GAAA,aAAK;QACJ,MAAK;QACL,WAAW,CAAC,aAAC,SAAS,kBAAE,cAAc,EAAC,GAAK,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG,iCAAiC;gBAC9F,cAAc;gBACd,cAAc;YAChB;OACC,cAAc,sBACb,gCAAC,CAAA,GAAA,wCAAiB;QAChB,eAAY;QACZ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;uBAEjC,gCAAC,CAAA,GAAA,uCAAgB;QACf,eAAY;QACZ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAE9C,MAAM,QAAQ;AAIvB;AAEA,+DAA+D,GAC/D,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE;AAG9B,+FAA+F,GAC/F,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE;AAG/B,0DAA0D,GAC1D,MAAM,0DAAmB,CAAA,GAAA,iBAAS,EAAE;AAGpC,mCAAmC,GACnC,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/accordion/src/Accordion.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {Button, UNSTABLE_DisclosureGroup as DisclosureGroup, DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, Heading, UNSTABLE_Disclosure as RACDisclosure, UNSTABLE_DisclosurePanel as RACDisclosurePanel} from 'react-aria-components';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport React, {forwardRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/accordion/vars.css';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumAccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style' | 'children'>, StyleProps, DOMProps {\n  /** The disclosures within the accordion group. */\n  children: React.ReactNode\n}\n\nfunction Accordion(props: SpectrumAccordionProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n  return (\n    <DisclosureGroup\n      {...props}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Accordion', styleProps.className)}>\n      {props.children}\n    </DisclosureGroup>\n  );\n}\n\nexport interface SpectrumDisclosureProps extends Omit<DisclosureProps, 'className' | 'style' | 'children'>, AriaLabelingProps  {\n  /** The contents of the disclosure. The first child should be the header, and the second child should be the panel. */\n  children: React.ReactNode\n}\n\nfunction Disclosure(props: SpectrumDisclosureProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let domRef = useDOMRef(ref);\n  return (\n    <RACDisclosure\n      {...props}\n      ref={domRef}\n      className={({isExpanded, isDisabled}) => classNames(styles, 'spectrum-Accordion-item', {\n        'is-expanded': isExpanded,\n        'is-disabled': isDisabled\n      })}>\n      {props.children}\n    </RACDisclosure>\n  );\n}\n\nexport interface SpectrumDisclosurePanelProps extends Omit<DisclosurePanelProps, 'className' | 'style' | 'children'>, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion panel. */\n  children: React.ReactNode\n}\n\nfunction DisclosurePanel(props: SpectrumDisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  return (\n    <RACDisclosurePanel ref={domRef} className={classNames(styles, 'spectrum-Accordion-itemContent')} {...props}>\n      {props.children}\n    </RACDisclosurePanel>\n  );\n}\n\nexport interface SpectrumDisclosureHeaderProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The heading level of the disclosure header.\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the disclosure header. */\n  children: React.ReactNode\n}\n\nfunction DisclosureHeader(props: SpectrumDisclosureHeaderProps, ref: DOMRef<HTMLHeadingElement>) {\n  let {level = 3} = props;\n  let {direction} = useLocale();\n  let domRef = useDOMRef(ref);\n  return (\n    <Heading ref={domRef} level={level} className={classNames(styles, 'spectrum-Accordion-itemHeading')}>\n      <Button\n        slot=\"trigger\"\n        className={({isHovered, isFocusVisible}) => classNames(styles, 'spectrum-Accordion-itemHeader', {\n          'is-hovered': isHovered,\n          'focus-ring': isFocusVisible\n        })}>\n        {direction === 'ltr' ? (\n          <ChevronRightMedium\n            aria-hidden=\"true\"\n            UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              ) : (\n                <ChevronLeftMedium\n                  aria-hidden=\"true\"\n                  UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n              )}\n        {props.children}\n      </Button>\n    </Heading>\n  );\n}\n\n/** A group of disclosures that can be expanded and collapsed. */\nconst _Accordion = forwardRef(Accordion) as (props: SpectrumAccordionProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Accordion>;\nexport {_Accordion as Accordion};\n\n/** A collapsible section of content composed of a heading that expands and collapses a panel. */\nconst _Disclosure = forwardRef(Disclosure) as (props: SpectrumDisclosureProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Disclosure>;\nexport {_Disclosure as Disclosure};\n\n/** The panel that contains the content of an disclosure. */\nconst _DisclosurePanel = forwardRef(DisclosurePanel) as (props: SpectrumDisclosurePanelProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof DisclosurePanel>;\nexport {_DisclosurePanel as DisclosurePanel};\n\n/** The heading of the disclosure. */\nconst _DisclosureHeader = forwardRef(DisclosureHeader) as (props: SpectrumDisclosureHeaderProps & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof DisclosureHeader>;\nexport {_DisclosureHeader as DisclosureHeader};\n"],"names":[],"version":3,"file":"Accordion.module.js.map"}

package/dist/accordion_vars_css.main.js

@@ -5,8 +5,8 @@ function $parcel$export(e, n, v, s) {
 
 $parcel$export(module.exports, "focus-ring", () => $5ab573b23bc1d039$export$f39a09f249340e2a, (v) => $5ab573b23bc1d039$export$f39a09f249340e2a = v);
 $parcel$export(module.exports, "is-disabled", () => $5ab573b23bc1d039$export$d35bc1e505d1ebbf, (v) => $5ab573b23bc1d039$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-expanded", () => $5ab573b23bc1d039$export$911ebb89bba4b634, (v) => $5ab573b23bc1d039$export$911ebb89bba4b634 = v);
 $parcel$export(module.exports, "is-hovered", () => $5ab573b23bc1d039$export$b8813cd5d7824ce7, (v) => $5ab573b23bc1d039$export$b8813cd5d7824ce7 = v);
-$parcel$export(module.exports, "is-open", () => $5ab573b23bc1d039$export$a9781837241c946d, (v) => $5ab573b23bc1d039$export$a9781837241c946d = v);
 $parcel$export(module.exports, "spectrum-Accordion", () => $5ab573b23bc1d039$export$bed6cbae852b32f0, (v) => $5ab573b23bc1d039$export$bed6cbae852b32f0 = v);
 $parcel$export(module.exports, "spectrum-Accordion-item", () => $5ab573b23bc1d039$export$a1947cb8adf67515, (v) => $5ab573b23bc1d039$export$a1947cb8adf67515 = v);
 $parcel$export(module.exports, "spectrum-Accordion-itemContent", () => $5ab573b23bc1d039$export$951cb9dc63743241, (v) => $5ab573b23bc1d039$export$951cb9dc63743241 = v);
@@ -15,24 +15,24 @@ $parcel$export(module.exports, "spectrum-Accordion-itemHeading", () => $5ab573b2
 $parcel$export(module.exports, "spectrum-Accordion-itemIndicator", () => $5ab573b23bc1d039$export$35196e2132b47abd, (v) => $5ab573b23bc1d039$export$35196e2132b47abd = v);
 var $5ab573b23bc1d039$export$f39a09f249340e2a;
 var $5ab573b23bc1d039$export$d35bc1e505d1ebbf;
+var $5ab573b23bc1d039$export$911ebb89bba4b634;
 var $5ab573b23bc1d039$export$b8813cd5d7824ce7;
-var $5ab573b23bc1d039$export$a9781837241c946d;
 var $5ab573b23bc1d039$export$bed6cbae852b32f0;
 var $5ab573b23bc1d039$export$a1947cb8adf67515;
 var $5ab573b23bc1d039$export$951cb9dc63743241;
 var $5ab573b23bc1d039$export$4da8efb546c03356;
 var $5ab573b23bc1d039$export$36876b8193439034;
 var $5ab573b23bc1d039$export$35196e2132b47abd;
-$5ab573b23bc1d039$export$f39a09f249340e2a = `_7gO6Sq_focus-ring`;
-$5ab573b23bc1d039$export$d35bc1e505d1ebbf = `_7gO6Sq_is-disabled`;
-$5ab573b23bc1d039$export$b8813cd5d7824ce7 = `_7gO6Sq_is-hovered`;
-$5ab573b23bc1d039$export$a9781837241c946d = `_7gO6Sq_is-open`;
-$5ab573b23bc1d039$export$bed6cbae852b32f0 = `_7gO6Sq_spectrum-Accordion`;
-$5ab573b23bc1d039$export$a1947cb8adf67515 = `_7gO6Sq_spectrum-Accordion-item`;
-$5ab573b23bc1d039$export$951cb9dc63743241 = `_7gO6Sq_spectrum-Accordion-itemContent`;
-$5ab573b23bc1d039$export$4da8efb546c03356 = `_7gO6Sq_spectrum-Accordion-itemHeader`;
-$5ab573b23bc1d039$export$36876b8193439034 = `_7gO6Sq_spectrum-Accordion-itemHeading`;
-$5ab573b23bc1d039$export$35196e2132b47abd = `_7gO6Sq_spectrum-Accordion-itemIndicator`;
+$5ab573b23bc1d039$export$f39a09f249340e2a = `spk0dG_focus-ring`;
+$5ab573b23bc1d039$export$d35bc1e505d1ebbf = `spk0dG_is-disabled`;
+$5ab573b23bc1d039$export$911ebb89bba4b634 = `spk0dG_is-expanded`;
+$5ab573b23bc1d039$export$b8813cd5d7824ce7 = `spk0dG_is-hovered`;
+$5ab573b23bc1d039$export$bed6cbae852b32f0 = `spk0dG_spectrum-Accordion`;
+$5ab573b23bc1d039$export$a1947cb8adf67515 = `spk0dG_spectrum-Accordion-item`;
+$5ab573b23bc1d039$export$951cb9dc63743241 = `spk0dG_spectrum-Accordion-itemContent`;
+$5ab573b23bc1d039$export$4da8efb546c03356 = `spk0dG_spectrum-Accordion-itemHeader`;
+$5ab573b23bc1d039$export$36876b8193439034 = `spk0dG_spectrum-Accordion-itemHeading`;
+$5ab573b23bc1d039$export$35196e2132b47abd = `spk0dG_spectrum-Accordion-itemIndicator`;
 
 
 //# sourceMappingURL=accordion_vars_css.main.js.map

package/dist/accordion_vars_css.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAAgC,CAAC,mBAAmB,CAAC;AACrD,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAA4B,CAAC,eAAe,CAAC;AAC7C,4CAAuC,CAAC,0BAA0B,CAAC;AACnE,4CAA4C,CAAC,+BAA+B,CAAC;AAC7E,4CAAmD,CAAC,sCAAsC,CAAC;AAC3F,4CAAkD,CAAC,qCAAqC,CAAC;AACzF,4CAAmD,CAAC,sCAAsC,CAAC;AAC3F,4CAAqD,CAAC,wCAAwC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/accordion/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"accordion_vars_css.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAqD,CAAC,uCAAuC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/accordion/vars.css"],"sourcesContent":["/*\n * Copyright 2020 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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"accordion_vars_css.main.js.map"}

package/dist/accordion_vars_css.mjs

@@ -6,8 +6,8 @@ var $cd9bb50514faf076$exports = {};
 
 $parcel$export($cd9bb50514faf076$exports, "focus-ring", () => $cd9bb50514faf076$export$f39a09f249340e2a, (v) => $cd9bb50514faf076$export$f39a09f249340e2a = v);
 $parcel$export($cd9bb50514faf076$exports, "is-disabled", () => $cd9bb50514faf076$export$d35bc1e505d1ebbf, (v) => $cd9bb50514faf076$export$d35bc1e505d1ebbf = v);
+$parcel$export($cd9bb50514faf076$exports, "is-expanded", () => $cd9bb50514faf076$export$911ebb89bba4b634, (v) => $cd9bb50514faf076$export$911ebb89bba4b634 = v);
 $parcel$export($cd9bb50514faf076$exports, "is-hovered", () => $cd9bb50514faf076$export$b8813cd5d7824ce7, (v) => $cd9bb50514faf076$export$b8813cd5d7824ce7 = v);
-$parcel$export($cd9bb50514faf076$exports, "is-open", () => $cd9bb50514faf076$export$a9781837241c946d, (v) => $cd9bb50514faf076$export$a9781837241c946d = v);
 $parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion", () => $cd9bb50514faf076$export$bed6cbae852b32f0, (v) => $cd9bb50514faf076$export$bed6cbae852b32f0 = v);
 $parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-item", () => $cd9bb50514faf076$export$a1947cb8adf67515, (v) => $cd9bb50514faf076$export$a1947cb8adf67515 = v);
 $parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemContent", () => $cd9bb50514faf076$export$951cb9dc63743241, (v) => $cd9bb50514faf076$export$951cb9dc63743241 = v);
@@ -16,24 +16,24 @@ $parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeading", () =
 $parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemIndicator", () => $cd9bb50514faf076$export$35196e2132b47abd, (v) => $cd9bb50514faf076$export$35196e2132b47abd = v);
 var $cd9bb50514faf076$export$f39a09f249340e2a;
 var $cd9bb50514faf076$export$d35bc1e505d1ebbf;
+var $cd9bb50514faf076$export$911ebb89bba4b634;
 var $cd9bb50514faf076$export$b8813cd5d7824ce7;
-var $cd9bb50514faf076$export$a9781837241c946d;
 var $cd9bb50514faf076$export$bed6cbae852b32f0;
 var $cd9bb50514faf076$export$a1947cb8adf67515;
 var $cd9bb50514faf076$export$951cb9dc63743241;
 var $cd9bb50514faf076$export$4da8efb546c03356;
 var $cd9bb50514faf076$export$36876b8193439034;
 var $cd9bb50514faf076$export$35196e2132b47abd;
-$cd9bb50514faf076$export$f39a09f249340e2a = `_7gO6Sq_focus-ring`;
-$cd9bb50514faf076$export$d35bc1e505d1ebbf = `_7gO6Sq_is-disabled`;
-$cd9bb50514faf076$export$b8813cd5d7824ce7 = `_7gO6Sq_is-hovered`;
-$cd9bb50514faf076$export$a9781837241c946d = `_7gO6Sq_is-open`;
-$cd9bb50514faf076$export$bed6cbae852b32f0 = `_7gO6Sq_spectrum-Accordion`;
-$cd9bb50514faf076$export$a1947cb8adf67515 = `_7gO6Sq_spectrum-Accordion-item`;
-$cd9bb50514faf076$export$951cb9dc63743241 = `_7gO6Sq_spectrum-Accordion-itemContent`;
-$cd9bb50514faf076$export$4da8efb546c03356 = `_7gO6Sq_spectrum-Accordion-itemHeader`;
-$cd9bb50514faf076$export$36876b8193439034 = `_7gO6Sq_spectrum-Accordion-itemHeading`;
-$cd9bb50514faf076$export$35196e2132b47abd = `_7gO6Sq_spectrum-Accordion-itemIndicator`;
+$cd9bb50514faf076$export$f39a09f249340e2a = `spk0dG_focus-ring`;
+$cd9bb50514faf076$export$d35bc1e505d1ebbf = `spk0dG_is-disabled`;
+$cd9bb50514faf076$export$911ebb89bba4b634 = `spk0dG_is-expanded`;
+$cd9bb50514faf076$export$b8813cd5d7824ce7 = `spk0dG_is-hovered`;
+$cd9bb50514faf076$export$bed6cbae852b32f0 = `spk0dG_spectrum-Accordion`;
+$cd9bb50514faf076$export$a1947cb8adf67515 = `spk0dG_spectrum-Accordion-item`;
+$cd9bb50514faf076$export$951cb9dc63743241 = `spk0dG_spectrum-Accordion-itemContent`;
+$cd9bb50514faf076$export$4da8efb546c03356 = `spk0dG_spectrum-Accordion-itemHeader`;
+$cd9bb50514faf076$export$36876b8193439034 = `spk0dG_spectrum-Accordion-itemHeading`;
+$cd9bb50514faf076$export$35196e2132b47abd = `spk0dG_spectrum-Accordion-itemIndicator`;
 
 
 export {$cd9bb50514faf076$exports as default};