@fluentui/react-menu 9.0.0-rc.4 → 9.0.0-rc.7

package/CHANGELOG.json

@@ -2,7 +2,192 @@
   "name": "@fluentui/react-menu",
   "entries": [
     {
-      "date": "Tue, 01 Mar 2022 02:16:11 GMT",
+      "date": "Mon, 25 Apr 2022 09:31:20 GMT",
+      "tag": "@fluentui/react-menu_v9.0.0-rc.7",
+      "version": "9.0.0-rc.7",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-rc.7",
+            "commit": "02ca1d3c198452c1693067f5f18bd01b2ed5d6e6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.7",
+            "commit": "02ca1d3c198452c1693067f5f18bd01b2ed5d6e6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 19 Apr 2022 19:16:45 GMT",
+      "tag": "@fluentui/react-menu_v9.0.0-rc.6",
+      "version": "9.0.0-rc.6",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "966ed6ca242079a1865d0011972205afba1ab85d",
+            "comment": "fix(MenuItem): Alignment for non v9 icons"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "e569d6e04d83cbcc6225e61db52ff81d2addd363",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "086a675fd0c648944ff4048450190a0a13467de3",
+            "comment": "Add static classnames to Menu"
+          },
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "bea6aecfed8612f7b0664ab8bac77c5fccee1efb",
+            "comment": "update react-icons version to ^2.0.166-rc.3 from ^2.0.159-beta.10"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.6",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-rc.6",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.6",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.5",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.6",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.5",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.6",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4",
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
+          }
+        ],
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-menu",
+            "commit": "67dd475e49182d17dbf7d9195c5df9bce02b7b3c",
+            "comment": "chore: Update e2e tests to use cypress component testing"
+          },
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "905e46db07ada986fd7885531f72a71b7bbaabdc",
+            "comment": "create v9 api extractor config and set all v9 packags to use it, suppress forgotten export"
+          },
+          {
+            "author": "elcraig@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "b7f17e976f9e058f39c9fce4f0f9bb6eb4dfa577",
+            "comment": "Update React dev deps and hoist them to the repo root"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Mar 2022 05:17:38 GMT",
+      "tag": "@fluentui/react-menu_v9.0.0-rc.5",
+      "version": "9.0.0-rc.5",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "dzearing@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "f2f1c0ea948cc3517eeb442c05433eb0918def29",
+            "comment": "Adding explicit export maps on all consumer packages for FUIR 8 and 9."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.4",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.5",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-rc.5",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.5",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.4",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.5",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.4",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.5",
+            "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 01 Mar 2022 02:17:37 GMT",
       "tag": "@fluentui/react-menu_v9.0.0-rc.4",
       "version": "9.0.0-rc.4",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,59 @@
 # Change Log - @fluentui/react-menu
 
-This log was last generated on Tue, 01 Mar 2022 02:16:11 GMT and should not be manually modified.
+This log was last generated on Mon, 25 Apr 2022 09:31:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.7)
+
+Mon, 25 Apr 2022 09:31:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.6..@fluentui/react-menu_v9.0.0-rc.7)
+
+### Changes
+
+- Bump @fluentui/react-portal to v9.0.0-rc.7 ([PR #22601](https://github.com/microsoft/fluentui/pull/22601) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.7 ([PR #22601](https://github.com/microsoft/fluentui/pull/22601) by beachball)
+
+## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.6)
+
+Tue, 19 Apr 2022 19:16:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.5..@fluentui/react-menu_v9.0.0-rc.6)
+
+### Changes
+
+- fix(MenuItem): Alignment for non v9 icons ([PR #21949](https://github.com/microsoft/fluentui/pull/21949) by gcox@microsoft.com)
+- chore: Update Griffel to latest version ([PR #21976](https://github.com/microsoft/fluentui/pull/21976) by olfedias@microsoft.com)
+- Add static classnames to Menu ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
+- update react-icons version to ^2.0.166-rc.3 from ^2.0.159-beta.10 ([PR #22512](https://github.com/microsoft/fluentui/pull/22512) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-portal to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-positioning to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+
+## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.5)
+
+Fri, 04 Mar 2022 05:17:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.4..@fluentui/react-menu_v9.0.0-rc.5)
+
+### Changes
+
+- Adding explicit export maps on all consumer packages for FUIR 8 and 9. ([PR #21508](https://github.com/microsoft/fluentui/pull/21508) by dzearing@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.0-rc.4 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-portal to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-positioning to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-rc.4 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.4 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
+
 ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.4)
 
-Tue, 01 Mar 2022 02:16:11 GMT 
+Tue, 01 Mar 2022 02:17:37 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.3..@fluentui/react-menu_v9.0.0-rc.4)
 
 ### Changes

package/dist/react-menu.d.ts

@@ -7,6 +7,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { PositioningShorthand } from '@fluentui/react-positioning';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
 import { usePopperMouseTarget } from '@fluentui/react-positioning';
 
 /**
@@ -78,8 +79,13 @@ export declare type MenuContextValues = {
  */
 export declare const MenuDivider: ForwardRefComponent<MenuDividerProps>;
 
+/**
+ * @deprecated Use `menuDividerClassNames.root` instead.
+ */
 export declare const menuDividerClassName = "fui-MenuDivider";
 
+export declare const menuDividerClassNames: SlotClassNames<MenuDividerSlots>;
+
 export declare type MenuDividerProps = ComponentProps<MenuDividerSlots>;
 
 export declare type MenuDividerSlots = {
@@ -93,8 +99,13 @@ export declare type MenuDividerState = ComponentState<MenuDividerSlots>;
  */
 export declare const MenuGroup: ForwardRefComponent<MenuGroupProps>;
 
+/**
+ * @deprecated Use `menuGroupClassNames.root` instead.
+ */
 export declare const menuGroupClassName = "fui-MenuGroup";
 
+export declare const menuGroupClassNames: SlotClassNames<MenuGroupSlots>;
+
 export declare const MenuGroupContextProvider: React_2.Provider<MenuGroupContextValue>;
 
 /**
@@ -117,8 +128,13 @@ export declare type MenuGroupContextValues = {
  */
 export declare const MenuGroupHeader: ForwardRefComponent<MenuGroupHeaderProps>;
 
+/**
+ * @deprecated Use `menuGroupHeaderClassNames.root` instead.
+ */
 export declare const menuGroupHeaderClassName = "fui-MenuGroupHeader";
 
+export declare const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots>;
+
 export declare type MenuGroupHeaderProps = ComponentProps<MenuGroupHeaderSlots>;
 
 export declare type MenuGroupHeaderSlots = {
@@ -150,14 +166,24 @@ export declare const MenuItem: ForwardRefComponent<MenuItemProps>;
  */
 export declare const MenuItemCheckbox: ForwardRefComponent<MenuItemCheckboxProps>;
 
+/**
+ * @deprecated Use `menuItemCheckboxClassNames.root` instead.
+ */
 export declare const menuItemCheckboxClassName = "fui-MenuItemCheckbox";
 
+export declare const menuItemCheckboxClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>>;
+
 export declare type MenuItemCheckboxProps = MenuItemProps & MenuItemSelectableProps;
 
 export declare type MenuItemCheckboxState = MenuItemState & MenuItemSelectableState;
 
+/**
+ * @deprecated Use `menuItemClassNames.root` instead.
+ */
 export declare const menuItemClassName = "fui-MenuItem";
 
+export declare const menuItemClassNames: SlotClassNames<MenuItemSlots>;
+
 declare type MenuItemCommons = {
     /**
      * If the menu item is a trigger for a submenu
@@ -180,8 +206,13 @@ export declare type MenuItemProps = ComponentProps<Partial<MenuItemSlots>> & Men
  */
 export declare const MenuItemRadio: ForwardRefComponent<MenuItemRadioProps>;
 
+/**
+ * @deprecated Use `menuItemRadioClassNames.root` instead.
+ */
 export declare const menuItemRadioClassName = "fui-MenuItemRadio";
 
+export declare const menuItemRadioClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>>;
+
 export declare type MenuItemRadioProps = MenuItemProps & MenuItemSelectableProps;
 
 export declare type MenuItemRadioState = MenuItemState & MenuItemSelectableState;
@@ -253,8 +284,13 @@ export declare type MenuItemState = ComponentState<MenuItemSlots> & MenuItemComm
  */
 export declare const MenuList: ForwardRefComponent<MenuListProps>;
 
+/**
+ * @deprecated Use `menuListClassNames.root` instead.
+ */
 export declare const menuListClassName = "fui-MenuList";
 
+export declare const menuListClassNames: SlotClassNames<MenuListSlots>;
+
 declare type MenuListCommons = {
     /**
      * Callback when checked items change for value with a name
@@ -341,8 +377,13 @@ export declare type MenuOpenEvents = MouseEvent | TouchEvent | React_2.MouseEven
  */
 export declare const MenuPopover: ForwardRefComponent<MenuPopoverProps>;
 
+/**
+ * @deprecated Use `menuPopoverClassNames.root` instead.
+ */
 export declare const menuPopoverClassName = "fui-MenuPopover";
 
+export declare const menuPopoverClassNames: SlotClassNames<MenuPopoverSlots>;
+
 /**
  * MenuPopover Props
  */
@@ -387,8 +428,13 @@ export declare type MenuSlots = {};
  */
 export declare const MenuSplitGroup: ForwardRefComponent<MenuSplitGroupProps>;
 
+/**
+ * @deprecated Use `menuSplitGroupClassNames.root` instead.
+ */
 export declare const menuSplitGroupClassName = "fui-MenuSplitGroup";
 
+export declare const menuSplitGroupClassNames: SlotClassNames<MenuSplitGroupSlots>;
+
 declare type MenuSplitGroupCommons = {};
 
 /**

package/lib/components/MenuDivider/useMenuDividerStyles.d.ts

@@ -1,3 +1,8 @@
-import type { MenuDividerState } from './MenuDivider.types';
+import type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+/**
+ * @deprecated Use `menuDividerClassNames.root` instead.
+ */
 export declare const menuDividerClassName = "fui-MenuDivider";
+export declare const menuDividerClassNames: SlotClassNames<MenuDividerSlots>;
 export declare const useMenuDividerStyles_unstable: (state: MenuDividerState) => MenuDividerState;

package/lib/components/MenuDivider/useMenuDividerStyles.js

@@ -1,6 +1,13 @@
 import { shorthands, mergeClasses, __styles } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
+/**
+ * @deprecated Use `menuDividerClassNames.root` instead.
+ */
+
 export const menuDividerClassName = 'fui-MenuDivider';
+export const menuDividerClassNames = {
+  root: 'fui-MenuDivider'
+};
 
 const useStyles = /*#__PURE__*/__styles({
   "root": {
@@ -18,7 +25,7 @@ const useStyles = /*#__PURE__*/__styles({
 
 export const useMenuDividerStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = mergeClasses(menuDividerClassName, styles.root, state.root.className);
+  state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);
   return state;
 };
 //# sourceMappingURL=useMenuDividerStyles.js.map

package/lib/components/MenuDivider/useMenuDividerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASA,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA4B;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,oBAAD,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,IAAN,CAAW,SAA/C,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerState } from './MenuDivider.types';\n\nexport const menuDividerClassName = 'fui-MenuDivider';\n\nconst useStyles = makeStyles({\n  root: {\n    height: '1px',\n    ...shorthands.margin('4px', '-5px', '4px', '-5px'),\n    width: 'auto',\n    backgroundColor: tokens.colorNeutralStroke2,\n  },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuDividerClassName, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/MenuDivider/useMenuDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AACP,OAAO,MAAM,qBAAqB,GAAqC;AACrE,EAAA,IAAI,EAAE;AAD+D,CAAhE;;AAIP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASA,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA4B;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,qBAAqB,CAAC,IAAvB,EAA6B,MAAM,CAAC,IAApC,EAA0C,KAAK,CAAC,IAAN,CAAW,SAArD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `menuDividerClassNames.root` instead.\n */\nexport const menuDividerClassName = 'fui-MenuDivider';\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n  root: 'fui-MenuDivider',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    height: '1px',\n    ...shorthands.margin('4px', '-5px', '4px', '-5px'),\n    width: 'auto',\n    backgroundColor: tokens.colorNeutralStroke2,\n  },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/MenuGroup/useMenuGroupStyles.d.ts

@@ -1,3 +1,8 @@
-import type { MenuGroupState } from './MenuGroup.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import type { MenuGroupSlots, MenuGroupState } from './MenuGroup.types';
+/**
+ * @deprecated Use `menuGroupClassNames.root` instead.
+ */
 export declare const menuGroupClassName = "fui-MenuGroup";
+export declare const menuGroupClassNames: SlotClassNames<MenuGroupSlots>;
 export declare const useMenuGroupStyles_unstable: (state: MenuGroupState) => MenuGroupState;

package/lib/components/MenuGroup/useMenuGroupStyles.js

@@ -1,7 +1,14 @@
 import { mergeClasses } from '@griffel/react';
+/**
+ * @deprecated Use `menuGroupClassNames.root` instead.
+ */
+
 export const menuGroupClassName = 'fui-MenuGroup';
+export const menuGroupClassNames = {
+  root: 'fui-MenuGroup'
+};
 export const useMenuGroupStyles_unstable = state => {
-  state.root.className = mergeClasses(menuGroupClassName, state.root.className);
+  state.root.className = mergeClasses(menuGroupClassNames.root, state.root.className);
   return state;
 };
 //# sourceMappingURL=useMenuGroupStyles.js.map

package/lib/components/MenuGroup/useMenuGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AAEP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0C;AACnF,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,kBAAD,EAAqB,KAAK,CAAC,IAAN,CAAW,SAAhC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { MenuGroupState } from './MenuGroup.types';\n\nexport const menuGroupClassName = 'fui-MenuGroup';\n\nexport const useMenuGroupStyles_unstable = (state: MenuGroupState): MenuGroupState => {\n  state.root.className = mergeClasses(menuGroupClassName, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AACP,OAAO,MAAM,mBAAmB,GAAmC;AACjE,EAAA,IAAI,EAAE;AAD2D,CAA5D;AAIP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0C;AACnF,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAmB,CAAC,IAArB,EAA2B,KAAK,CAAC,IAAN,CAAW,SAAtC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\n\n/**\n * @deprecated Use `menuGroupClassNames.root` instead.\n */\nexport const menuGroupClassName = 'fui-MenuGroup';\nexport const menuGroupClassNames: SlotClassNames<MenuGroupSlots> = {\n  root: 'fui-MenuGroup',\n};\n\nexport const useMenuGroupStyles_unstable = (state: MenuGroupState): MenuGroupState => {\n  state.root.className = mergeClasses(menuGroupClassNames.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts

@@ -1,3 +1,8 @@
-import type { MenuGroupHeaderState } from './MenuGroupHeader.types';
+import type { MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+/**
+ * @deprecated Use `menuGroupHeaderClassNames.root` instead.
+ */
 export declare const menuGroupHeaderClassName = "fui-MenuGroupHeader";
+export declare const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots>;
 export declare const useMenuGroupHeaderStyles_unstable: (state: MenuGroupHeaderState) => MenuGroupHeaderState;

package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.js

@@ -1,6 +1,13 @@
 import { mergeClasses, __styles } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
+/**
+ * @deprecated Use `menuGroupHeaderClassNames.root` instead.
+ */
+
 export const menuGroupHeaderClassName = 'fui-MenuGroupHeader';
+export const menuGroupHeaderClassNames = {
+  root: 'fui-MenuGroupHeader'
+};
 
 const useStyles = /*#__PURE__*/__styles({
   "root": {
@@ -19,7 +26,7 @@ const useStyles = /*#__PURE__*/__styles({
 
 export const useMenuGroupHeaderStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = mergeClasses(menuGroupHeaderClassName, styles.root, state.root.className);
+  state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);
   return state;
 };
 //# sourceMappingURL=useMenuGroupHeaderStyles.js.map

package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,gBAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAaA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,wBAAD,EAA2B,MAAM,CAAC,IAAlC,EAAwC,KAAK,CAAC,IAAN,CAAW,SAAnD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuGroupHeaderState } from './MenuGroupHeader.types';\n\nexport const menuGroupHeaderClassName = 'fui-MenuGroupHeader';\n\nconst useStyles = makeStyles({\n  root: {\n    fontSize: tokens.fontSizeBase200,\n    color: tokens.colorNeutralForeground3,\n    paddingLeft: '12px',\n    paddingRight: '12px',\n    fontWeight: tokens.fontWeightSemibold,\n    height: '32px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nexport const useMenuGroupHeaderStyles_unstable = (state: MenuGroupHeaderState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuGroupHeaderClassName, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,gBAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA;;AAEG;;AACH,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;AACP,OAAO,MAAM,yBAAyB,GAAyC;AAC7E,EAAA,IAAI,EAAE;AADuE,CAAxE;;AAIP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAaA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,yBAAyB,CAAC,IAA3B,EAAiC,MAAM,CAAC,IAAxC,EAA8C,KAAK,CAAC,IAAN,CAAW,SAAzD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `menuGroupHeaderClassNames.root` instead.\n */\nexport const menuGroupHeaderClassName = 'fui-MenuGroupHeader';\nexport const menuGroupHeaderClassNames: SlotClassNames<MenuGroupHeaderSlots> = {\n  root: 'fui-MenuGroupHeader',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    fontSize: tokens.fontSizeBase200,\n    color: tokens.colorNeutralForeground3,\n    paddingLeft: '12px',\n    paddingRight: '12px',\n    fontWeight: tokens.fontWeightSemibold,\n    height: '32px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nexport const useMenuGroupHeaderStyles_unstable = (state: MenuGroupHeaderState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuGroupHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/MenuItem/useMenuItemStyles.d.ts

@@ -1,4 +1,9 @@
-import type { MenuItemState } from './MenuItem.types';
+import type { MenuItemSlots, MenuItemState } from './MenuItem.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+/**
+ * @deprecated Use `menuItemClassNames.root` instead.
+ */
 export declare const menuItemClassName = "fui-MenuItem";
+export declare const menuItemClassNames: SlotClassNames<MenuItemSlots>;
 /** Applies style classnames to slots */
 export declare const useMenuItemStyles_unstable: (state: MenuItemState) => void;