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

package/CHANGELOG.json

@@ -2,76 +2,219 @@
   "name": "@fluentui/react-accordion",
   "entries": [
     {
-      "date": "Mon, 20 Dec 2021 04:17:47 GMT",
-      "tag": "@fluentui/react-accordion_v0.0.0-nightlycc44f3625c20211220.1",
-      "version": "0.0.0-nightlycc44f3625c20211220.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": "0839b0d96424e04706bd895d731d371acd3baaf5",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c",
             "comment": "Release nightly v9"
           },
           {
-            "author": "olfedias@microsoft.com",
+            "author": "bsunderhus@microsoft.com",
             "package": "@fluentui/react-accordion",
-            "commit": "b8537fb52cc3cc2787be5675c65300e01d882add",
-            "comment": "update styles to not use CSS shorthands"
+            "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-aria to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyd80c90385320220216.1",
+            "commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "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",
+            "commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
+            "comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "22ef7434eddbe45d8818b16ff43c3488ac84ae45",
+            "comment": "Replacing use of functions in makeStyles with direct use of tokens."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "dfb5538a2494b48cbb61702c4c2c9aaf8de37a6f",
+            "comment": "Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-aria to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           }
         ],
         "none": [
@@ -80,6 +223,24 @@
             "package": "@fluentui/react-accordion",
             "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",
+            "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
+            "comment": "chore: use storybook runner for all vNext packages"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
+            "comment": "remove inline-style-expand-shorthand from tsconfigs"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,27 +1,56 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Mon, 20 Dec 2021 04:17:47 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-nightlycc44f3625c20211220.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightlycc44f3625c20211220.1)
+## [0.0.0-nightlyd80c90385320220216.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightlyd80c90385320220216.1)
 
-Mon, 20 Dec 2021 04:17:47 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightlycc44f3625c20211220.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/0839b0d96424e04706bd895d731d371acd3baaf5) 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)
-- Bump @fluentui/react-aria to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-context-selector to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
+- 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 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,24 +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 type { ObjectShorthandProps } 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
      */
@@ -48,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
      */
@@ -80,36 +81,29 @@ export declare type AccordionHeaderContextValues = {
     accordionHeader: AccordionHeaderContextValue;
 };
 
-export declare const AccordionHeaderExpandIcon: ForwardRefComponent<AccordionHeaderExpandIconProps>;
-
 export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
 
-export declare type AccordionHeaderExpandIconProps = IntrinsicShorthandProps<'span'>;
-
-export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
-
-/**
- * Const listing which props are shorthand props.
- */
-export declare const accordionHeaderShorthandProps: Array<keyof AccordionHeaderSlots>;
+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: AccordionHeaderExpandIconProps;
+    expandIcon: Slot<'span'>;
     /**
      * Expand icon slot rendered before (or after) children content in heading
      */
-    icon?: IntrinsicShorthandProps<'div'>;
-    children: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
+    icon?: Slot<'div'>;
 };
 
 export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
@@ -117,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
      */
@@ -147,13 +141,8 @@ export declare type AccordionItemContextValues = {
 
 export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
 
-/**
- * Const listing which props are shorthand props.
- */
-export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
-
 export declare type AccordionItemSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 
 export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
@@ -161,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>;
 
@@ -169,13 +158,8 @@ export declare const accordionPanelClassName = "fui-AccordionPanel";
 
 export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
 
-/**
- * Const listing which props are shorthand props.
- */
-export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
-
 export declare type AccordionPanelSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 
 export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
@@ -197,10 +181,8 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
     onToggle?: AccordionToggleEventHandler;
 };
 
-export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
-
 export declare type AccordionSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 
 export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
@@ -216,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 { }