@fluentui/react-accordion 0.0.0-nightlyd514b3e0ee20220121.1 → 0.0.0-nightlyd80c90385320220216.1

package/CHANGELOG.json

@@ -2,41 +2,166 @@
   "name": "@fluentui/react-accordion",
   "entries": [
     {
-      "date": "Fri, 21 Jan 2022 04:16:18 GMT",
-      "tag": "@fluentui/react-accordion_v0.0.0-nightlyd514b3e0ee20220121.1",
-      "version": "0.0.0-nightlyd514b3e0ee20220121.1",
+      "date": "Wed, 16 Feb 2022 04:14:15 GMT",
+      "tag": "@fluentui/react-accordion_v0.0.0-nightlyd80c90385320220216.1",
+      "version": "0.0.0-nightlyd80c90385320220216.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-accordion",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "5a45a787f2669a9f694a274b220823dbc10b04e2",
+            "comment": "Updates initial open items value to be empty on every case"
+          },
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "ea090f75ef4a477f6ea9ffa2b4d7bec826a99b5f",
+            "comment": "Breaking change: navigable becomes navigation"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
+          }
+        ],
+        "none": [
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "3068d4518c5e599c60a216455eac40531d896162",
+            "comment": "Updates spec and story to add warning about heading level"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 10 Feb 2022 08:52:11 GMT",
+      "tag": "@fluentui/react-accordion_v9.0.0-rc.1",
+      "version": "9.0.0-rc.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
+            "comment": "update @fluentui/react-icons package"
+          },
           {
             "author": "olfedias@microsoft.com",
             "package": "@fluentui/react-accordion",
             "commit": "b8537fb52cc3cc2787be5675c65300e01d882add",
             "comment": "update styles to not use CSS shorthands"
           },
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "839ec14849e112b85aa321d034739ec421199141",
+            "comment": "remove export of commons types"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
+            "comment": "Refactor component Slot typings"
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "13f940ea4687d769dd2faf61edc27ff75f6bb565",
+            "comment": "Allow React 17 in peerDependencies."
+          },
           {
             "author": "behowell@microsoft.com",
             "package": "@fluentui/react-accordion",
             "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
             "comment": "Remove component's shorthandProps array"
           },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "a2e02b2015b1f9307c69c8ecf005c166d496e206",
+            "comment": "use Griffel packages"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
+            "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
+          },
           {
             "author": "bsunderhus@microsoft.com",
             "package": "@fluentui/react-accordion",
             "commit": "940a86cbd6a9f711d275df3a823292b527017852",
             "comment": "Removes children as a slot from AccordionHeader"
           },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
+            "comment": "Bump Fluent UI packages to 9.0.0-rc"
+          },
+          {
+            "author": "sarah.higley@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "d0758018bf44c69e01451c8a6bd4f73b43e397b7",
+            "comment": "update semantic elements and ARIA roles in react-accordion, add heading level story"
+          },
           {
             "author": "ololubek@microsoft.com",
             "package": "@fluentui/react-accordion",
             "commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
             "comment": "Update react-icons usage to resizable icons"
           },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
+            "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
+            "comment": "Updating based on changes to composition types."
+          },
           {
             "author": "Humberto.Morimoto@microsoft.com",
             "package": "@fluentui/react-accordion",
@@ -58,56 +183,38 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-aria to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
+            "comment": "Bump @fluentui/react-aria to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
-          },
-          {
-            "author": "beachball",
-            "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
-            "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           }
         ],
         "none": [
@@ -117,6 +224,12 @@
             "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
             "comment": "chore: update all jest deps to v25 + apply single version policy"
           },
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
+            "comment": "Updates components with nullRender changes"
+          },
           {
             "author": "martinhochel@microsoft.com",
             "package": "@fluentui/react-accordion",

package/CHANGELOG.md

@@ -1,33 +1,56 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Fri, 21 Jan 2022 04:16:18 GMT and should not be manually modified.
+This log was last generated on Wed, 16 Feb 2022 04:14:15 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlyd514b3e0ee20220121.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightlyd514b3e0ee20220121.1)
+## [0.0.0-nightlyd80c90385320220216.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightlyd80c90385320220216.1)
 
-Fri, 21 Jan 2022 04:16:18 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightlyd514b3e0ee20220121.1)
+Wed, 16 Feb 2022 04:14:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.1..@fluentui/react-accordion_v0.0.0-nightlyd80c90385320220216.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by email not defined)
+- Updates initial open items value to be empty on every case ([PR #21728](https://github.com/microsoft/fluentui/pull/21728) by bsunderhus@microsoft.com)
+- Breaking change: navigable becomes navigation ([PR #21729](https://github.com/microsoft/fluentui/pull/21729) by bsunderhus@microsoft.com)
+- Bump @fluentui/react-aria to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
+
+## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.1)
+
+Thu, 10 Feb 2022 08:52:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v9.0.0-rc.1)
+
+### Changes
+
+- update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
 - update styles to not use CSS shorthands ([PR #20800](https://github.com/microsoft/fluentui/pull/20800) by olfedias@microsoft.com)
+- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
+- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
+- Allow React 17 in peerDependencies. ([PR #21544](https://github.com/microsoft/fluentui/pull/21544) by tristan.watanabe@gmail.com)
 - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
+- use Griffel packages ([PR #21394](https://github.com/microsoft/fluentui/pull/21394) by olfedias@microsoft.com)
+- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
 - Removes children as a slot from AccordionHeader ([PR #21285](https://github.com/microsoft/fluentui/pull/21285) by bsunderhus@microsoft.com)
+- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
+- update semantic elements and ARIA roles in react-accordion, add heading level story ([PR #21401](https://github.com/microsoft/fluentui/pull/21401) by sarah.higley@microsoft.com)
 - Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
+- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
+- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
 - Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
 - Replacing use of functions in makeStyles with direct use of tokens. ([PR #21036](https://github.com/microsoft/fluentui/pull/21036) by Humberto.Morimoto@microsoft.com)
 - Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead ([PR #21218](https://github.com/microsoft/fluentui/pull/21218) by behowell@microsoft.com)
-- Bump @fluentui/react-aria to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/react-context-selector to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
+- Bump @fluentui/react-aria to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
 
 ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.5)
 

package/Spec.md

@@ -37,9 +37,10 @@ The root level component serves context and common API between all children.
 export type AccordionProps = ComponentProps &
   React.HTMLAttributes<HTMLElement> & {
     /**
-     * Indicates if keyboard navigation is available
+     * Indicates if keyboard navigation is available and gives two options,
+     * linear or circular navigation
      */
-    navigable?: boolean;
+    navigation?: 'linear' | 'circular';
     /**
      * Indicates if Accordion support multiple Panels opened at the same time
      */
@@ -410,6 +411,37 @@ As a general rule, once the accordion is closed the focus should return to the h
 | Keyboard | Home       | Moves Focus | Moves focus to the first panel heading                      |
 | Keyboard | End        | Moves Focus | Moves focus to the last panel heading                       |
 
-## Accessibiltiy
+## Accessibility
 
-Accessibility behaviour is built into the spec as much as possible. This section addresses specific issues that don't fit well with the standard definition of the component.
+Accessibility behavior is built into the spec as much as possible. This section addresses specific issues that don't fit well with the standard definition of the component.
+
+### No heading level on `AccordionHeader` by default
+
+As described on [WAI-ARIA Roles, States, and Properties](https://www.w3.org/TR/wai-aria-practices/#wai-aria-roles-states-and-properties) documentation for accordion:
+
+> Each accordion header button is wrapped in an element with role heading that has a value set for aria-level that is appropriate for the information architecture of the page.
+
+Every `AccordionHeader` should have as its root a semantic heading element: `h1`, `h2`, `h3`, `h4`, `h5` or `h6`. Alternatively `role="heading"` and a proper `aria-level` attribute. This behavior is not implemented by default on `AccordionHeader` as it's impossible to predict which heading level will be required by the user. Requiring manual addition of such ARIA requirement.
+
+```tsx
+{/* No heading level by default */}
+<AccordionHeader>This is a header</AccordionHeader>
+{/* Generated html */}
+<div>
+  <button>This is a header</button>
+</div>
+
+{/* as semantic heading */}
+<AccordionHeader as="h4">This is a header</AccordionHeader>
+{/* Generated html */}
+<h4>
+  <button>This is a header</button>
+</h4>
+
+{/* if no semantic heading can be used */}
+<AccordionHeader role="heading" aria-level="4">This is a header</AccordionHeader>
+{/* Generated html */}
+<div role="heading" aria-level="4">
+  <button>This is a header</button>
+</h4>
+```

package/dist/react-accordion.d.ts

@@ -1,23 +1,24 @@
-import type { ARIAButtonShorthandProps } from '@fluentui/react-aria';
+import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { Context } from '@fluentui/react-context-selector';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
 
 /**
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
  */
 export declare const Accordion: ForwardRefComponent<AccordionProps>;
 
 export declare const accordionClassName = "fui-Accordion";
 
-export declare type AccordionCommons = {
+declare type AccordionCommons = {
     /**
-     * Indicates if keyboard navigation is available
+     * Indicates if keyboard navigation is available and gives two options,
+     * linear or circular navigation
      */
-    navigable: boolean;
+    navigation?: 'linear' | 'circular';
     /**
      * Indicates if Accordion support multiple Panels opened at the same time
      */
@@ -47,13 +48,14 @@ export declare type AccordionContextValues = {
 };
 
 /**
- * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
+ * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
+ * hooks.
  */
 export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
 
 export declare const accordionHeaderClassName = "fui-AccordionHeader";
 
-export declare type AccordionHeaderCommons = {
+declare type AccordionHeaderCommons = {
     /**
      * Size of spacing in the heading
      */
@@ -81,24 +83,27 @@ export declare type AccordionHeaderContextValues = {
 
 export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
 
-export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
+export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
 
 export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
 
 export declare type AccordionHeaderSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    /**
+     * The element wrapping the button. By default this is a div, but can be a heading.
+     */
+    root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
     /**
      * The component to be used as button in heading
      */
-    button: ARIAButtonShorthandProps;
+    button: NonNullable<Slot<ARIAButtonSlotProps>>;
     /**
      * Expand icon slot rendered before (or after) children content in heading
      */
-    expandIcon: IntrinsicShorthandProps<'span'>;
+    expandIcon: Slot<'span'>;
     /**
      * Expand icon slot rendered before (or after) children content in heading
      */
-    icon?: IntrinsicShorthandProps<'div'>;
+    icon?: Slot<'div'>;
 };
 
 export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
@@ -106,13 +111,13 @@ export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots>
 export declare type AccordionIndex = number | number[];
 
 /**
- * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
+ * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
  */
 export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
 
 export declare const accordionItemClassName = "fui-AccordionItem";
 
-export declare type AccordionItemCommons = {
+declare type AccordionItemCommons = {
     /**
      * Disables opening/closing of panel
      */
@@ -137,7 +142,7 @@ export declare type AccordionItemContextValues = {
 export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
 
 export declare type AccordionItemSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 
 export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
@@ -145,7 +150,7 @@ export declare type AccordionItemState = ComponentState<AccordionItemSlots> & Ac
 export declare type AccordionItemValue = unknown;
 
 /**
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
  */
 export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
 
@@ -154,7 +159,7 @@ export declare const accordionPanelClassName = "fui-AccordionPanel";
 export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
 
 export declare type AccordionPanelSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 
 export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
@@ -177,7 +182,7 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
 };
 
 export declare type AccordionSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 
 export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
@@ -193,67 +198,67 @@ export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent,
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordion: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
+export declare const renderAccordion_unstable: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
 
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordionHeader: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
+export declare const renderAccordionHeader_unstable: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
 
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordionItem: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
+export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
 
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
+export declare const renderAccordionPanel_unstable: (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 const useAccordion_unstable: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;
 
-export declare function useAccordionContextValues(state: AccordionState): AccordionContextValues;
+export declare function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues;
 
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionHeader properties
  * @param ref - reference to root HTMLElement of AccordionHeader
  */
-export declare const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;
+export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;
 
-export declare function useAccordionHeaderContextValues(state: AccordionHeaderState): AccordionHeaderContextValues;
+export declare function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues;
 
 /** Applies style classnames to slots */
-export declare const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState;
+export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
 
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionItem properties
  * @param ref - reference to root HTMLElement of AccordionItem
  */
-export declare const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;
+export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;
 
-export declare const useAccordionItemContext: () => AccordionItemContextValue;
+export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue;
 
-export declare function useAccordionItemContextValues(state: AccordionItemState): AccordionItemContextValues;
+export declare function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues;
 
-export declare const useAccordionItemStyles: (state: AccordionItemState) => AccordionItemState;
+export declare const useAccordionItemStyles_unstable: (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
  */
-export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
+export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
 
 /** Applies style classnames to slots */
-export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
+export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
 
-export declare const useAccordionStyles: (state: AccordionState) => AccordionState;
+export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;
 
 export { }

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

@@ -1,6 +1,6 @@
 import type { AccordionProps } from './Accordion.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
  */
 export declare const Accordion: ForwardRefComponent<AccordionProps>;

package/lib/components/Accordion/Accordion.js

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { renderAccordion } from './renderAccordion';
-import { useAccordion } from './useAccordion';
-import { useAccordionContextValues } from './useAccordionContextValues';
-import { useAccordionStyles } from './useAccordionStyles';
+import { renderAccordion_unstable } from './renderAccordion';
+import { useAccordion_unstable } from './useAccordion';
+import { useAccordionContextValues_unstable } from './useAccordionContextValues';
+import { useAccordionStyles_unstable } from './useAccordionStyles';
 /**
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
  */
 
 export const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAccordion(props, ref);
-  const contextValues = useAccordionContextValues(state);
-  useAccordionStyles(state);
-  return renderAccordion(state, contextValues);
+  const state = useAccordion_unstable(props, ref);
+  const contextValues = useAccordionContextValues_unstable(state);
+  useAccordionStyles_unstable(state);
+  return renderAccordion_unstable(state, contextValues);
 });
 Accordion.displayName = 'Accordion';
 //# sourceMappingURL=Accordion.js.map

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;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":""}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,kCAAT,QAAmD,6BAAnD;AAGA,SAAS,2BAAT,QAA4C,sBAA5C;AAEA;;AAEG;;AACH,OAAO,MAAM,SAAS,gBAAwC,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;AACb,QAAM,KAAK,GAAG,qBAAqB,CAAC,KAAD,EAAQ,GAAR,CAAnC;AACA,QAAM,aAAa,GAAG,kCAAkC,CAAC,KAAD,CAAxD;AAEA,EAAA,2BAA2B,CAAC,KAAD,CAA3B;AAEA,SAAO,wBAAwB,CAAC,KAAD,EAAQ,aAAR,CAA/B;AACD,CAR2D,CAAvD;AAWP,SAAS,CAAC,WAAV,GAAwB,WAAxB","sourceRoot":""}