@fluentui/react-menu 0.0.0-nightly9edaf68d4420211116.1 → 0.0.0-nightlya9c3d10d9520220113.1

package/CHANGELOG.json

@@ -2,82 +2,263 @@
   "name": "@fluentui/react-menu",
   "entries": [
     {
-      "date": "Tue, 16 Nov 2021 04:18:28 GMT",
-      "tag": "@fluentui/react-menu_v0.0.0-nightly9edaf68d4420211116.1",
-      "version": "0.0.0-nightly9edaf68d4420211116.1",
+      "date": "Thu, 13 Jan 2022 04:15:43 GMT",
+      "tag": "@fluentui/react-menu_v0.0.0-nightlya9c3d10d9520220113.1",
+      "version": "0.0.0-nightlya9c3d10d9520220113.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-menu",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "c2e6c50d56dcb45b4ca9e3a9daf2fae4be10a19e",
+            "comment": "fix: set `aria-expanded` and `aria-haspopup` values correctly"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "6ca0355f6740f836ff4df009687718a380085247",
+            "comment": "fix: Focus on first menu item on click"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
+            "comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
+            "comment": "Remove component's shorthandProps array"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "7e0933ed386742df28c416e6b3a6903a0c041f28",
+            "comment": "update styles to not use CSS shorthands"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "4121754498bba5137f769295e2b7a2899f557278",
+            "comment": "fix: Call `useCheckmarkStyles` in `useMenuItemStyles`"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "6c32d0180e89674a46daf795de69e5dc6ca71ef7",
+            "comment": "Updating based on removal of functions from makeStyles."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "227e09f59026e2bd243422427d9e230d6aa892ca",
+            "comment": "Replacing use of functions in makeStyles with direct use of tokens."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "23b8a6df449d6e76b90ae5ca9bd2285febdff222",
+            "comment": "Apply fontSize styling to icon slot"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
+            "comment": "Update react-icons usage to resizable icons"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "95a6a32cbffa9d86d6017cf8e0204d4b459ef370",
+            "comment": "feat: implement `MenuSplitGroup` component for split menu items"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
+            "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
+            "comment": "(fix): Update react-icons dependency to latest version"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "07d9ed6d1b436b7ca9571c94fbb0bcbdb080f235",
+            "comment": "breaking: MenuTrigger must be the first child of the `Menu`"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-portal to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya9c3d10d9520220113.1",
+            "commit": "e5182b449d13b07c2da6a36ece6f79ec664c4075"
+          }
+        ],
+        "none": [
+          {
+            "author": "email not defined",
+            "package": "@fluentui/react-menu",
+            "commit": "97752a0e494875c4dc22b268030d7d5e51b19211",
+            "comment": "Add workaround for cypress bug"
+          },
+          {
+            "author": "elcraig@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "3360b45ec159250b1346c91afad7dce138e6bc20",
+            "comment": "Update API file to version generated by typescript 4.3"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 Nov 2021 08:34:14 GMT",
+      "tag": "@fluentui/react-menu_v9.0.0-beta.5",
+      "version": "9.0.0-beta.5",
+      "comments": {
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "8a141d14f3a14de2e1c4691dad908622f310a9d1",
+            "comment": "Migrate package to use solution tsconfigs"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "ecab13cfd6ac22657020db8f86eb89f952b0f953",
+            "comment": "update react-icons dependency"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-portal to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-portal to v9.0.0-beta.5",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-positioning to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-positioning to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-menu",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly9edaf68d4420211116.1",
-            "commit": "5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb"
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,28 +1,61 @@
 # Change Log - @fluentui/react-menu
 
-This log was last generated on Tue, 16 Nov 2021 04:18:28 GMT and should not be manually modified.
+This log was last generated on Thu, 13 Jan 2022 04:15:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly9edaf68d4420211116.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v0.0.0-nightly9edaf68d4420211116.1)
-
-Tue, 16 Nov 2021 04:18:28 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.4..@fluentui/react-menu_v0.0.0-nightly9edaf68d4420211116.1)
-
-### Changes
-
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by email not defined)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-context-selector to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-portal to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-positioning to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly9edaf68d4420211116.1 ([commit](https://github.com/microsoft/fluentui/commit/5833e6990fdc70fd5e4b99c4780af6bb12e8fdbb) by beachball)
+## [0.0.0-nightlya9c3d10d9520220113.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v0.0.0-nightlya9c3d10d9520220113.1)
+
+Thu, 13 Jan 2022 04:15:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.5..@fluentui/react-menu_v0.0.0-nightlya9c3d10d9520220113.1)
+
+### Changes
+
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by email not defined)
+- fix: set `aria-expanded` and `aria-haspopup` values correctly ([PR #20957](https://github.com/microsoft/fluentui/pull/20957) by lingfangao@hotmail.com)
+- fix: Focus on first menu item on click ([PR #20955](https://github.com/microsoft/fluentui/pull/20955) by lingfangao@hotmail.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)
+- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
+- update styles to not use CSS shorthands ([PR #20820](https://github.com/microsoft/fluentui/pull/20820) by olfedias@microsoft.com)
+- fix: Call `useCheckmarkStyles` in `useMenuItemStyles` ([PR #20956](https://github.com/microsoft/fluentui/pull/20956) by lingfangao@hotmail.com)
+- Updating based on removal of functions from makeStyles. ([PR #21239](https://github.com/microsoft/fluentui/pull/21239) by Humberto.Morimoto@microsoft.com)
+- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21048](https://github.com/microsoft/fluentui/pull/21048) by Humberto.Morimoto@microsoft.com)
+- Apply fontSize styling to icon slot ([PR #21222](https://github.com/microsoft/fluentui/pull/21222) by behowell@microsoft.com)
+- Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
+- feat: implement `MenuSplitGroup` component for split menu items ([PR #21095](https://github.com/microsoft/fluentui/pull/21095) by lingfangao@hotmail.com)
+- Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
+- (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
+- breaking: MenuTrigger must be the first child of the `Menu` ([PR #21096](https://github.com/microsoft/fluentui/pull/21096) by lingfangao@hotmail.com)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-make-styles to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-portal to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-positioning to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya9c3d10d9520220113.1 ([commit](https://github.com/microsoft/fluentui/commit/e5182b449d13b07c2da6a36ece6f79ec664c4075) by beachball)
+
+## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-beta.5)
+
+Thu, 25 Nov 2021 08:34:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.4..@fluentui/react-menu_v9.0.0-beta.5)
+
+### Changes
+
+- update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-portal to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-positioning to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
 
 ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-beta.4)
 

package/Spec.md

@@ -619,7 +619,7 @@ const menu = (
 
 ```html
 <!-- expected DOM output  -->
-<button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
+<button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
 <div role="menu" aria-labelledby="trigger">
   <div role="menuitem" tabindex="0">Option 1</div>
   <div role="menuitem" tabindex="-1">Option 2</div>
@@ -644,7 +644,7 @@ const menu = (
 
 ```html
 <!-- expected DOM output  -->
-<button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
+<button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
 <div role="menu" aria-labelledby="trigger">
   <div role="menuitem" tabindex="0">
     <span role="presentation"><svg>FileIcon</svg></span>
@@ -682,7 +682,7 @@ const menu = (
 
 ```html
 <!-- expected DOM output  -->
-<button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
+<button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
 <div role="menu" aria-labelledby="trigger">
   <div role="menuitem" tabindex="0">Option 1</div>
   <div role="separator" aria-hidden="true"></div>
@@ -719,7 +719,7 @@ const menu = (
 
 ```html
 <!-- expected DOM output  -->
-<button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
+<button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
 <div role="menu" aria-labelledby="trigger">
   <div role="menuitem" tabindex="0">Option 1</div>
   <div role="separator" aria-hidden="true"></div>
@@ -758,10 +758,10 @@ const menu = (
 
 ```html
 <!-- expected DOM output  -->
-<button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
+<button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
 <div role="menu" aria-labelledby="trigger">
   <div role="menuitem" tabindex="0">Option 1</div>
-  <div role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" id="submenu-trigger">Open submenu</div>
+  <div role="menuitem" tabindex="-1" aria-haspopup="menu" aria-expanded="false" id="submenu-trigger">Open submenu</div>
 </div>
 
 <!-- expected DOM output for submenu  -->
@@ -843,7 +843,7 @@ const menuSelectableSections = (
 ```
 
 ```html
-<button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
+<button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
 
 <!-- expected DOM output for basic checkbox  -->
 <div role="menu" aria-labelledby="trigger">
@@ -882,9 +882,12 @@ const menuSplitbutton= (
     <MenuList>
       <MenuItem>Option 1</MenuItem>
       <Menu>
-        <MenuTrigger>
-          <MenuItemSplit></MenuItemSplit>
-        </MenuTrigger>
+        <MenuSplitGroup>
+          <MenuItem>Main action</MenuItem>
+          <MenuTrigger>
+            <MenuItem />
+          </MenuTrigger>
+        </MenuSplitGroup>
         <MenuItem>Option 1</MenuItem>
         <MenuItem>Option 2</MenuItem>
         <MenuItem>Option 3</MenuItem>
@@ -897,7 +900,7 @@ const menuSplitbutton= (
 ```html
 <div role="menu" aria-labelledby="trigger">
   <div role="menuitem" tabindex="0">Option 1</div>
-  <div role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" id="submenu-trigger">Open submenu</div>
+  <div role="menuitem" tabindex="-1" aria-haspopup="menu" aria-expanded="false" id="submenu-trigger">Open submenu</div>
 </div>
 
 <!-- expected DOM output  -->
@@ -905,7 +908,7 @@ const menuSplitbutton= (
   <div role="menuitem" tabindex="0">Option 1</div>
   <div role="group">
     <div role="menuitem" tabindex="-1">content slot</div>
-    <div role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" id="submenu-trgger">
+    <div role="menuitem" tabindex="-1" aria-haspopup="menu" aria-expanded="false" id="submenu-trgger">
       <svg>indicator icon</svg>
     </div>
   </div>
@@ -958,11 +961,13 @@ Below is a set of diagrams that tries to illustrates all the interactions menus
 
 All of the above Mouse events seen previously should apply to the part of the split button that is intended to open a submenu.
 
-Once the submenu is open, the same behavior as in the [previous section](#submenu-trigger/navigation) applies with the exception of returning focus to the splitbutton, which is shown in the images below.
-
-![Using up/down arrow key](./etc/images/splitbutton-up-down.jpg)
+> TODO convert these diagrams to excalidraw or smth that is text format
+> TODO add extra descriptions to diagrams
 
-![Using left/right arrow key](./etc/images/splitbutton-left-right.jpg)
+<img src="./etc/images/menu-interactions/Slide19.PNG" width="700" />
+<img src="./etc/images/menu-interactions/Slide20.PNG" width="700" />
+<img src="./etc/images/menu-interactions/Slide21.PNG" width="700" />
+<img src="./etc/images/menu-interactions/Slide22.PNG" width="700" />
 
 ### MenuItem selection
 

package/dist/react-menu.d.ts

@@ -238,18 +238,13 @@ export declare type MenuItemSlots = {
      * Component children are placed in this slot
      * Avoid using the `children` property in this slot in favour of Component children whenever possible
      */
-    content: IntrinsicShorthandProps<'span'>;
+    content?: IntrinsicShorthandProps<'span'>;
     /**
      * Secondary content rendered opposite the primary content (e.g Shortcut text)
      */
     secondaryContent?: IntrinsicShorthandProps<'span'>;
 };
 
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const menuItemSlots: Array<keyof MenuItemSlots>;
-
 export declare type MenuItemState = ComponentState<MenuItemSlots> & MenuItemCommons;
 
 /**
@@ -386,6 +381,29 @@ export declare const MenuProvider: React_2.Provider<MenuContextValue> & React_2.
 
 export declare type MenuSlots = {};
 
+/**
+ * Layout wrapper that provides extra keyboard navigation behavior for two `MenuItem` components.
+ */
+export declare const MenuSplitGroup: ForwardRefComponent<MenuSplitGroupProps>;
+
+export declare const menuSplitGroupClassName = "fui-MenuSplitGroup";
+
+export declare type MenuSplitGroupCommons = {};
+
+/**
+ * MenuSplitGroup Props
+ */
+export declare type MenuSplitGroupProps = ComponentProps<MenuSplitGroupSlots> & MenuSplitGroupCommons;
+
+export declare type MenuSplitGroupSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+};
+
+/**
+ * State used in rendering MenuSplitGroup
+ */
+export declare type MenuSplitGroupState = ComponentState<MenuSplitGroupSlots> & MenuSplitGroupCommons;
+
 export declare type MenuState = MenuCommons & ComponentState<MenuSlots> & {
     /**
      * Callback to open/close the popup
@@ -434,8 +452,9 @@ export declare const MenuTrigger: React_2.FC<MenuTriggerProps>;
 /**
  * Props that are passed to the child of the MenuTrigger when cloned to ensure correct behaviour for the Menu
  */
-export declare type MenuTriggerChildProps = Required<Pick<React_2.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'aria-expanded' | 'id'>> & {
+export declare type MenuTriggerChildProps = Required<Pick<React_2.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'id'>> & {
     ref?: React_2.Ref<never>;
+    'aria-expanded': boolean | undefined;
 };
 
 export declare const MenuTriggerContextProvider: React_2.Provider<boolean>;
@@ -498,6 +517,11 @@ export declare const renderMenuList: (state: MenuListState, contextValues: MenuL
  */
 export declare const renderMenuPopover: (state: MenuPopoverState) => JSX.Element;
 
+/**
+ * Render the final JSX of MenuSplitGroup
+ */
+export declare const renderMenuSplitGroup: (state: MenuSplitGroupState) => JSX.Element;
+
 /**
  * Render the final JSX of MenuTrigger
  *
@@ -535,7 +559,7 @@ export declare function useMenuContextValues(state: MenuState): MenuContextValue
  */
 export declare const useMenuDivider: (props: MenuDividerProps, ref: React_2.Ref<HTMLElement>) => MenuDividerState;
 
-export declare const useMenuDividerStyles: (state: MenuDividerState) => ComponentState<MenuDividerSlots>;
+export declare const useMenuDividerStyles: (state: MenuDividerState) => MenuDividerState;
 
 /**
  * Given user props, returns state and render function for a MenuGroup.
@@ -551,7 +575,7 @@ export declare function useMenuGroupContextValues(state: MenuGroupState): MenuGr
  */
 export declare function useMenuGroupHeader(props: MenuGroupHeaderProps, ref: React_2.Ref<HTMLElement>): MenuGroupHeaderState;
 
-export declare const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => ComponentState<MenuGroupHeaderSlots>;
+export declare const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => MenuGroupHeaderState;
 
 export declare const useMenuGroupStyles: (state: MenuGroupState) => MenuGroupState;
 
@@ -605,6 +629,22 @@ export declare const useMenuPopover: (props: MenuPopoverProps, ref: React_2.Ref<
  */
 export declare const useMenuPopoverStyles: (state: MenuPopoverState) => MenuPopoverState;
 
+/**
+ * Create the state required to render MenuSplitGroup.
+ *
+ * The returned state can be modified with hooks such as useMenuSplitGroupStyles,
+ * before being passed to renderMenuSplitGroup.
+ *
+ * @param props - props from this instance of MenuSplitGroup
+ * @param ref - reference to root HTMLElement of MenuSplitGroup
+ */
+export declare const useMenuSplitGroup: (props: MenuSplitGroupProps, ref: React_2.Ref<HTMLElement>) => MenuSplitGroupState;
+
+/**
+ * Apply styling to the MenuSplitGroup slots based on the state
+ */
+export declare const useMenuSplitGroupStyles: (state: MenuSplitGroupState) => MenuSplitGroupState;
+
 /**
  * Create the state required to render MenuTrigger.
  * Clones the only child component and adds necessary event handling behaviours to open a popup menu

package/lib/MenuSplitGroup.d.ts

@@ -0,0 +1 @@
+export * from './components/MenuSplitGroup/index';

package/lib/MenuSplitGroup.js

@@ -0,0 +1,2 @@
+export * from './components/MenuSplitGroup/index';
+//# sourceMappingURL=MenuSplitGroup.js.map

package/lib/MenuSplitGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSplitGroup.js","sourceRoot":"","sources":["../src/MenuSplitGroup.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}