@fluentui/react-accordion 9.0.0-beta.1 → 9.0.0-beta.5

package/CHANGELOG.json

@@ -2,7 +2,277 @@
   "name": "@fluentui/react-accordion",
   "entries": [
     {
-      "date": "Wed, 06 Oct 2021 10:36:00 GMT",
+      "date": "Thu, 25 Nov 2021 08:31:28 GMT",
+      "tag": "@fluentui/react-accordion_v9.0.0-beta.5",
+      "version": "9.0.0-beta.5",
+      "comments": {
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "8a141d14f3a14de2e1c4691dad908622f310a9d1",
+            "comment": "Migrate package to use solution tsconfigs"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
+            "commit": "281e8820669214c1ffb9bc75e9b719a3b27fa9b6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 Nov 2021 13:25:12 GMT",
+      "tag": "@fluentui/react-accordion_v9.0.0-beta.4",
+      "version": "9.0.0-beta.4",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "825ea92aae027295a94048368157c180358260f2",
+            "comment": "export static classes for components"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "a4ea9b6227d2f634f85b40fe4cec10e4c391244b",
+            "comment": "Updating AccordionHeader tests to match changes in useARIAButton."
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
+            "comment": "Updated beta and RC components to ES2019"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          }
+        ],
+        "none": [
+          {
+            "author": "me@levithomason.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "cdbe0769d2a6ee91a98a3e62c6ac9329a714355c",
+            "comment": "Docs update"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "00f70581480b536e723fb69edf0ae617beac4807",
+            "comment": "Remove beta release tag"
+          },
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
+            "comment": "update docs descriptions"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 27 Oct 2021 12:14:12 GMT",
+      "tag": "@fluentui/react-accordion_v9.0.0-beta.3",
+      "version": "9.0.0-beta.3",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "193af6527f202f11efdd71da7581cc6e76ca2925",
+            "comment": "replace temporary icons in stories"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "peter@draxler.ml",
+            "package": "@fluentui/react-accordion",
+            "commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
+            "comment": "added styling of documentation"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.3",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
+            "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Oct 2021 19:45:58 GMT",
+      "tag": "@fluentui/react-accordion_v9.0.0-beta.2",
+      "version": "9.0.0-beta.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "comment": "Fix a11y errors on aria-expanded and disabled state",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.2",
+            "commit": "bdd19e2bb827fc1d8eb329e6ed48cd0542048358"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Oct 2021 10:37:22 GMT",
       "tag": "@fluentui/react-accordion_v9.0.0-beta.1",
       "version": "9.0.0-beta.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,77 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Wed, 06 Oct 2021 10:36:00 GMT and should not be manually modified.
+This log was last generated on Thu, 25 Nov 2021 08:31:28 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.5)
+
+Thu, 25 Nov 2021 08:31:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.4..@fluentui/react-accordion_v9.0.0-beta.5)
+
+### Changes
+
+- Bump @fluentui/react-aria to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20609](https://github.com/microsoft/fluentui/pull/20609) by beachball)
+
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.4)
+
+Fri, 12 Nov 2021 13:25:12 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.3..@fluentui/react-accordion_v9.0.0-beta.4)
+
+### Changes
+
+- export static classes for components ([PR #20451](https://github.com/microsoft/fluentui/pull/20451) by olfedias@microsoft.com)
+- Updating AccordionHeader tests to match changes in useARIAButton. ([PR #20342](https://github.com/microsoft/fluentui/pull/20342) by Humberto.Morimoto@microsoft.com)
+- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
+- Bump @fluentui/react-aria to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+
+## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.3)
+
+Wed, 27 Oct 2021 12:14:12 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.2..@fluentui/react-accordion_v9.0.0-beta.3)
+
+### Changes
+
+- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
+- Bump @fluentui/react-aria to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+
+## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.2)
+
+Tue, 12 Oct 2021 19:45:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.1..@fluentui/react-accordion_v9.0.0-beta.2)
+
+### Changes
+
+- Fix a11y errors on aria-expanded and disabled state ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by bsunderhus@microsoft.com)
+- Bump @fluentui/react-tabster to v9.0.0-beta.2 ([PR #20132](https://github.com/microsoft/fluentui/pull/20132) by beachball)
+
 ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.1)
 
-Wed, 06 Oct 2021 10:36:00 GMT 
+Wed, 06 Oct 2021 10:37:22 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-alpha.90..@fluentui/react-accordion_v9.0.0-beta.1)
 
 ### Changes

package/dist/react-accordion.d.ts

@@ -12,6 +12,8 @@ import * as React_2 from 'react';
  */
 export declare const Accordion: ForwardRefComponent<AccordionProps>;
 
+export declare const accordionClassName = "fui-Accordion";
+
 export declare type AccordionCommons = {
     /**
      * Indicates if keyboard navigation is available
@@ -29,16 +31,16 @@ export declare type AccordionCommons = {
 
 export declare const AccordionContext: Context<AccordionContextValue>;
 
-export declare type AccordionContextValue = {
-    navigable: boolean;
+export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
     /**
      * The list of opened panels by index
      */
     openItems: AccordionItemValue[];
     /**
      * Callback used by AccordionItem to request a change on it's own opened state
+     * Should be used to toggle AccordionItem
      */
-    requestToggle: AccordionToggleEventHandler;
+    requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
 };
 
 export declare type AccordionContextValues = {
@@ -50,6 +52,8 @@ export declare type AccordionContextValues = {
  */
 export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
 
+export declare const accordionHeaderClassName = "fui-AccordionHeader";
+
 export declare type AccordionHeaderCommons = {
     /**
      * Size of spacing in the heading
@@ -117,18 +121,23 @@ export declare type AccordionIndex = number | number[];
  */
 export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
 
+export declare const accordionItemClassName = "fui-AccordionItem";
+
 export declare type AccordionItemCommons = {
     /**
      * Disables opening/closing of panel
      */
     disabled: boolean;
+    /**
+     * required value that identifies this item inside an Accordion component
+     */
+    value: AccordionItemValue;
 };
 
 export declare const AccordionItemContext: React_2.Context<AccordionItemContextValue>;
 
-export declare type AccordionItemContextValue = {
+export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
     open: boolean;
-    disabled: boolean;
     onHeaderClick(ev: React_2.MouseEvent | React_2.KeyboardEvent): void;
 };
 
@@ -136,12 +145,7 @@ export declare type AccordionItemContextValues = {
     accordionItem: AccordionItemContextValue;
 };
 
-export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & {
-    /**
-     * required value that identifies this item inside an Accordion component
-     */
-    value: AccordionItemValue;
-};
+export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
 
 /**
  * Const listing which props are shorthand props.
@@ -161,6 +165,8 @@ export declare type AccordionItemValue = unknown;
  */
 export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
 
+export declare const accordionPanelClassName = "fui-AccordionPanel";
+
 export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
 
 /**
@@ -227,6 +233,11 @@ export declare const renderAccordionItem: (state: AccordionItemState, contextVal
  */
 export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
 
+/**
+ * Returns the props and state required to render the component
+ * @param props - Accordion properties
+ * @param ref - reference to root HTMLElement of Accordion
+ */
 export declare const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;
 
 export declare function useAccordionContextValues(state: AccordionState): AccordionContextValues;
@@ -254,15 +265,18 @@ export declare const useAccordionItemContext: () => AccordionItemContextValue;
 
 export declare function useAccordionItemContextValues(state: AccordionItemState): AccordionItemContextValues;
 
+export declare const useAccordionItemStyles: (state: AccordionItemState) => AccordionItemState;
+
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionPanel properties
  * @param ref - reference to root HTMLElement of AccordionPanel
- * @param defaultProps - default values for the properties of AccordionPanel
  */
 export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
 
 /** Applies style classnames to slots */
 export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
 
+export declare const useAccordionStyles: (state: AccordionState) => AccordionState;
+
 export { }

package/lib/components/Accordion/Accordion.js

@@ -2,13 +2,15 @@ import * as React from 'react';
 import { renderAccordion } from './renderAccordion';
 import { useAccordion } from './useAccordion';
 import { useAccordionContextValues } from './useAccordionContextValues';
+import { useAccordionStyles } from './useAccordionStyles';
 /**
  * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
  */
 
-export var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useAccordion(props, ref);
-  var contextValues = useAccordionContextValues(state);
+export const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAccordion(props, ref);
+  const contextValues = useAccordionContextValues(state);
+  useAccordionStyles(state);
   return renderAccordion(state, contextValues);
 });
 Accordion.displayName = 'Accordion';

package/lib/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,yBAAT,QAA0C,6BAA1C;AAIA;;AAEG;;AACH,OAAO,IAAM,SAAS,gBAAwC,KAAK,CAAC,UAAN,CAC5D,UAAC,KAAD,EAAQ,GAAR,EAAW;AACT,MAAM,KAAK,GAAG,YAAY,CAAC,KAAD,EAAQ,GAAR,CAA1B;AACA,MAAM,aAAa,GAAG,yBAAyB,CAAC,KAAD,CAA/C;AAEA,SAAO,eAAe,CAAC,KAAD,EAAQ,aAAR,CAAtB;AACD,CAN2D,CAAvD;AASP,SAAS,CAAC,WAAV,GAAwB,WAAxB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,yBAAT,QAA0C,6BAA1C;AAGA,SAAS,kBAAT,QAAmC,sBAAnC;AAEA;;AAEG;;AACH,OAAO,MAAM,SAAS,gBAAwC,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;AACb,QAAM,KAAK,GAAG,YAAY,CAAC,KAAD,EAAQ,GAAR,CAA1B;AACA,QAAM,aAAa,GAAG,yBAAyB,CAAC,KAAD,CAA/C;AAEA,EAAA,kBAAkB,CAAC,KAAD,CAAlB;AAEA,SAAO,eAAe,CAAC,KAAD,EAAQ,aAAR,CAAtB;AACD,CAR2D,CAAvD;AAWP,SAAS,CAAC,WAAV,GAAwB,WAAxB","sourceRoot":""}

package/lib/components/Accordion/Accordion.types.d.ts

@@ -4,16 +4,30 @@ import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
 export declare type AccordionIndex = number | number[];
 export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
 export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
-export declare type AccordionContextValue = {
+export declare type AccordionCommons = {
+    /**
+     * Indicates if keyboard navigation is available
+     */
     navigable: boolean;
+    /**
+     * Indicates if Accordion support multiple Panels opened at the same time
+     */
+    multiple: boolean;
+    /**
+     * Indicates if Accordion support multiple Panels closed at the same time
+     */
+    collapsible: boolean;
+};
+export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
     /**
      * The list of opened panels by index
      */
     openItems: AccordionItemValue[];
     /**
      * Callback used by AccordionItem to request a change on it's own opened state
+     * Should be used to toggle AccordionItem
      */
-    requestToggle: AccordionToggleEventHandler;
+    requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
 };
 export declare type AccordionContextValues = {
     accordion: AccordionContextValue;
@@ -21,20 +35,6 @@ export declare type AccordionContextValues = {
 export declare type AccordionSlots = {
     root: IntrinsicShorthandProps<'div'>;
 };
-export declare type AccordionCommons = {
-    /**
-     * Indicates if keyboard navigation is available
-     */
-    navigable: boolean;
-    /**
-     * Indicates if Accordion support multiple Panels opened at the same time
-     */
-    multiple: boolean;
-    /**
-     * Indicates if Accordion support multiple Panels closed at the same time
-     */
-    collapsible: boolean;
-};
 export declare type AccordionToggleData = {
     value: AccordionItemValue;
 };

package/lib/components/Accordion/AccordionContext.js

@@ -1,9 +1,12 @@
 import { createContext } from '@fluentui/react-context-selector';
-export var AccordionContext = /*#__PURE__*/createContext({
+export const AccordionContext = /*#__PURE__*/createContext({
   openItems: [],
   navigable: false,
-  requestToggle: function () {
+  collapsible: false,
+
+  requestToggle() {
     /* noop */
   }
+
 });
 //# sourceMappingURL=AccordionContext.js.map

package/lib/components/Accordion/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,QAA8B,kCAA9B;AAIA,OAAO,IAAM,gBAAgB,gBAAmC,aAAa,CAAwB;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,aAAa,EAAA,YAAA;AACX;AACD;AALkG,CAAxB,CAAtE","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,QAA8B,kCAA9B;AAIA,OAAO,MAAM,gBAAgB,gBAAmC,aAAa,CAAwB;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,WAAW,EAAE,KAHsF;;AAInG,EAAA,aAAa,GAAA;AACX;AACD;;AANkG,CAAxB,CAAtE","sourceRoot":""}

package/lib/components/Accordion/index.d.ts

@@ -2,5 +2,6 @@ export * from './Accordion';
 export * from './Accordion.types';
 export * from './renderAccordion';
 export * from './useAccordion';
+export * from './useAccordionStyles';
 export * from './useAccordionContextValues';
 export * from './AccordionContext';

package/lib/components/Accordion/index.js

@@ -2,6 +2,7 @@ export * from './Accordion';
 export * from './Accordion.types';
 export * from './renderAccordion';
 export * from './useAccordion';
+export * from './useAccordionStyles';
 export * from './useAccordionContextValues';
 export * from './AccordionContext';
 //# sourceMappingURL=index.js.map

package/lib/components/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}

package/lib/components/Accordion/renderAccordion.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
 import { AccordionContext } from './AccordionContext';
@@ -6,12 +5,12 @@ import { AccordionContext } from './AccordionContext';
  * Function that renders the final JSX of the component
  */
 
-export var renderAccordion = function (state, contextValues) {
-  var _a = getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionContext.Provider, {
+export const renderAccordion = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionContext.Provider, {
     value: contextValues.accordion
   }, slotProps.root.children));
 };

package/lib/components/Accordion/renderAccordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,IAAM,eAAe,GAAG,UAAC,KAAD,EAAwB,aAAxB,EAA6D;AACpF,MAAA,EAAA,GAAuB,QAAQ,CAAiB,KAAjB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAiB,KAAjB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourceRoot":""}

package/lib/components/Accordion/useAccordion.d.ts

@@ -1,4 +1,9 @@
 import * as React from 'react';
 import type { AccordionProps, AccordionSlots, AccordionState } from './Accordion.types';
 export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
+/**
+ * Returns the props and state required to render the component
+ * @param props - Accordion properties
+ * @param ref - reference to root HTMLElement of Accordion
+ */
 export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;