@fluentui-react-native/menu 1.11.13 → 1.11.15

package/CHANGELOG.json

@@ -2,7 +2,97 @@
   "name": "@fluentui-react-native/menu",
   "entries": [
     {
-      "date": "Mon, 31 Jul 2023 19:26:20 GMT",
+      "date": "Wed, 09 Aug 2023 21:56:41 GMT",
+      "version": "1.11.15",
+      "tag": "@fluentui-react-native/menu_v1.11.15",
+      "comments": {
+        "patch": [
+          {
+            "author": "saadnajmi2@gmail.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "0458d809d77273f3d8adf080bf561e1fdde80696",
+            "comment": "[Callout][macOS] Support Border Tokens"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/callout to v0.24.12",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/focus-zone to v0.12.8",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/framework to v0.11.4",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/icon to v0.19.6",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.24.6",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/text to v0.21.6",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/theme-tokens to v0.25.1",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/use-styling to v0.11.1",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/button to v0.34.9",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 02 Aug 2023 16:51:10 GMT",
+      "version": "1.11.14",
+      "tag": "@fluentui-react-native/menu_v1.11.14",
+      "comments": {
+        "patch": [
+          {
+            "author": "rofang@microsoft.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "a799ae2b264f782fc7160c0e1cb58703f2db62fb",
+            "comment": "minHeight for small button"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/menu",
+            "comment": "Bump @fluentui-react-native/button to v0.34.8",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 31 Jul 2023 19:29:59 GMT",
       "version": "1.11.13",
       "tag": "@fluentui-react-native/menu_v1.11.13",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,38 @@
 # Change Log - @fluentui-react-native/menu
 
-This log was last generated on Mon, 31 Jul 2023 19:26:20 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Aug 2023 21:56:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.11.15
+
+Wed, 09 Aug 2023 21:56:41 GMT
+
+### Patches
+
+- [Callout][macOS] Support Border Tokens (saadnajmi2@gmail.com)
+- Bump @fluentui-react-native/callout to v0.24.12
+- Bump @fluentui-react-native/focus-zone to v0.12.8
+- Bump @fluentui-react-native/framework to v0.11.4
+- Bump @fluentui-react-native/icon to v0.19.6
+- Bump @fluentui-react-native/interactive-hooks to v0.24.6
+- Bump @fluentui-react-native/text to v0.21.6
+- Bump @fluentui-react-native/theme-tokens to v0.25.1
+- Bump @fluentui-react-native/use-styling to v0.11.1
+- Bump @fluentui-react-native/button to v0.34.9
+
+## 1.11.14
+
+Wed, 02 Aug 2023 16:51:10 GMT
+
+### Patches
+
+- minHeight for small button (rofang@microsoft.com)
+- Bump @fluentui-react-native/button to v0.34.8
+
 ## 1.11.13
 
-Mon, 31 Jul 2023 19:26:20 GMT
+Mon, 31 Jul 2023 19:29:59 GMT
 
 ### Patches
 

package/SPEC.md

@@ -293,9 +293,9 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
 
   /**
    * Corner radius of the menu list
-   * @platform android
+   * @platform android macos
    */
-  cornerRadius?: number;
+  borderRadius?: number;
 }
 ```
 

package/lib/MenuCallout/MenuCallout.android.js

@@ -20,7 +20,7 @@ export var MenuCallout = stagedComponent(function (props) {
                                 maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
                                 maxWidth: tokens.maxWidth,
                                 position: 'absolute',
-                                borderRadius: tokens.cornerRadius,
+                                borderRadius: tokens.borderRadius,
                                 elevation: tokens.elevation,
                                 overflow: 'hidden',
                             },

package/lib/MenuCallout/MenuCallout.types.d.ts

@@ -3,9 +3,9 @@ export declare const menuCalloutName = "MenuCallout";
 export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
     /**
      * The token for the corner radius for the Modal MenuPopover
-     * @platform android
+     * @platform android macos
      */
-    cornerRadius?: number;
+    borderRadius?: number;
     /**
      * Shadown elevation token for the Modal MenuPopover
      * @platform android

package/lib/MenuList/MenuList.styling.js

@@ -10,7 +10,7 @@ export var stylingSettings = {
     states: menuListStates,
     slotProps: {
         root: buildProps(function (tokens, theme) { return ({
-            style: __assign(__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, layoutStyles.from(tokens, theme)), (Platform.OS === 'android' && { borderRadius: tokens.cornerRadius })),
+            style: __assign(__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, layoutStyles.from(tokens, theme)), (Platform.OS === 'android' && { borderRadius: tokens.borderRadius })),
             gap: tokens.gap,
         }); }, __spreadArray(['backgroundColor', 'gap'], layoutStyles.keys, true)),
     },

package/lib/MenuList/MenuList.types.d.ts

@@ -15,10 +15,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
      */
     hasMaxHeight?: MenuListTokens;
     /**
-     * Corner radius of the menu list
-     * @platform android
+     * Border radius of the menu list
+     * @platform android macos
      */
-    cornerRadius?: number;
+    borderRadius?: number;
 }
 export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
     /**

package/lib/MenuList/MenuListTokens.android.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export var defaultMenuListTokens = function (t) { return ({
     backgroundColor: t.colors.neutralBackground1,
-    cornerRadius: globalTokens.corner.radius80,
+    borderRadius: globalTokens.corner.radius80,
     paddingVertical: globalTokens.size80,
 }); };
 //# sourceMappingURL=MenuListTokens.android.js.map

package/lib/MenuPopover/MenuPopover.d.ts

@@ -1,5 +1,5 @@
 export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    cornerRadius?: number;
+    borderRadius?: number;
     elevation?: number;
 }, import("@fluentui-react-native/framework").Theme>;
 export default MenuPopover;

package/lib/MenuPopover/MenuPopover.types.d.ts

@@ -4,9 +4,9 @@ export declare const menuPopoverName = "MenuPopover";
 export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
     /**
      * The props for the corner radius for the Modal MenuPopover
-     * @platform android
+     * @platform android macos
      */
-    cornerRadius?: number;
+    borderRadius?: number;
     /**
      * Shadown elevation for the Modal MenuPopover
      * @platform android

package/lib/MenuPopover/MenuPopoverTokens.android.d.ts

@@ -1,5 +1,5 @@
 export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    cornerRadius?: number;
+    borderRadius?: number;
     elevation?: number;
 }>;
 //# sourceMappingURL=MenuPopoverTokens.android.d.ts.map

package/lib/MenuPopover/MenuPopoverTokens.d.ts

@@ -1,5 +1,5 @@
 export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    cornerRadius?: number;
+    borderRadius?: number;
     elevation?: number;
 }>;
 //# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts

@@ -0,0 +1,5 @@
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
+    borderRadius?: number;
+    elevation?: number;
+}>;
+//# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map

package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAMhC,CAAC"}

package/lib/MenuPopover/MenuPopoverTokens.macos.js

@@ -0,0 +1,7 @@
+import { buildUseTokens } from '@fluentui-react-native/framework';
+import { menuPopoverName } from './MenuPopover.types';
+export var useMenuPopoverTokens = buildUseTokens(function (_t) { return ({
+    borderWidth: 0,
+    borderRadius: 5,
+}); }, menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.macos.js.map

package/lib/MenuPopover/MenuPopoverTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,cAAc,CAChD,UAAC,EAAS,IAAK,OAAA,CAAC;IACd,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,EAHa,CAGb,EACF,eAAe,CAChB,CAAC"}

package/lib-commonjs/MenuCallout/MenuCallout.android.js

@@ -23,7 +23,7 @@ exports.MenuCallout = (0, framework_1.stagedComponent)(function (props) {
                                 maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
                                 maxWidth: tokens.maxWidth,
                                 position: 'absolute',
-                                borderRadius: tokens.cornerRadius,
+                                borderRadius: tokens.borderRadius,
                                 elevation: tokens.elevation,
                                 overflow: 'hidden',
                             },

package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts

@@ -3,9 +3,9 @@ export declare const menuCalloutName = "MenuCallout";
 export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
     /**
      * The token for the corner radius for the Modal MenuPopover
-     * @platform android
+     * @platform android macos
      */
-    cornerRadius?: number;
+    borderRadius?: number;
     /**
      * Shadown elevation token for the Modal MenuPopover
      * @platform android

package/lib-commonjs/MenuList/MenuList.styling.js

@@ -13,7 +13,7 @@ exports.stylingSettings = {
     states: exports.menuListStates,
     slotProps: {
         root: (0, framework_1.buildProps)(function (tokens, theme) { return ({
-            style: tslib_1.__assign(tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)), (react_native_1.Platform.OS === 'android' && { borderRadius: tokens.cornerRadius })),
+            style: tslib_1.__assign(tslib_1.__assign({ backgroundColor: tokens.backgroundColor, display: 'flex' }, tokens_1.layoutStyles.from(tokens, theme)), (react_native_1.Platform.OS === 'android' && { borderRadius: tokens.borderRadius })),
             gap: tokens.gap,
         }); }, tslib_1.__spreadArray(['backgroundColor', 'gap'], tokens_1.layoutStyles.keys, true)),
     },

package/lib-commonjs/MenuList/MenuList.types.d.ts

@@ -15,10 +15,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
      */
     hasMaxHeight?: MenuListTokens;
     /**
-     * Corner radius of the menu list
-     * @platform android
+     * Border radius of the menu list
+     * @platform android macos
      */
-    cornerRadius?: number;
+    borderRadius?: number;
 }
 export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
     /**

package/lib-commonjs/MenuList/MenuListTokens.android.js

@@ -4,7 +4,7 @@ exports.defaultMenuListTokens = void 0;
 var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 var defaultMenuListTokens = function (t) { return ({
     backgroundColor: t.colors.neutralBackground1,
-    cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
+    borderRadius: theme_tokens_1.globalTokens.corner.radius80,
     paddingVertical: theme_tokens_1.globalTokens.size80,
 }); };
 exports.defaultMenuListTokens = defaultMenuListTokens;

package/lib-commonjs/MenuPopover/MenuPopover.d.ts

@@ -1,5 +1,5 @@
 export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    cornerRadius?: number;
+    borderRadius?: number;
     elevation?: number;
 }, import("@fluentui-react-native/framework").Theme>;
 export default MenuPopover;

package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts

@@ -4,9 +4,9 @@ export declare const menuPopoverName = "MenuPopover";
 export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
     /**
      * The props for the corner radius for the Modal MenuPopover
-     * @platform android
+     * @platform android macos
      */
-    cornerRadius?: number;
+    borderRadius?: number;
     /**
      * Shadown elevation for the Modal MenuPopover
      * @platform android

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts

@@ -1,5 +1,5 @@
 export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    cornerRadius?: number;
+    borderRadius?: number;
     elevation?: number;
 }>;
 //# sourceMappingURL=MenuPopoverTokens.android.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts

@@ -1,5 +1,5 @@
 export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    cornerRadius?: number;
+    borderRadius?: number;
     elevation?: number;
 }>;
 //# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts

@@ -0,0 +1,5 @@
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
+    borderRadius?: number;
+    elevation?: number;
+}>;
+//# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAMhC,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenuPopoverTokens = void 0;
+var framework_1 = require("@fluentui-react-native/framework");
+var MenuPopover_types_1 = require("./MenuPopover.types");
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (_t) { return ({
+    borderWidth: 0,
+    borderRadius: 5,
+}); }, MenuPopover_types_1.menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.macos.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,8DAAkE;AAGlE,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,EAAS,IAAK,OAAA,CAAC;IACd,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;CAChB,CAAC,EAHa,CAGb,EACF,mCAAe,CAChB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "1.11.13",
+  "version": "1.11.15",
   "description": "A cross-platform Menu component using the Fluent Design System",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,19 +23,19 @@
   },
   "dependencies": {
     "@fluentui-react-native/adapters": ">=0.11.1 <1.0.0",
-    "@fluentui-react-native/callout": ">=0.24.11 <1.0.0",
-    "@fluentui-react-native/focus-zone": ">=0.12.7 <1.0.0",
-    "@fluentui-react-native/framework": "0.11.3",
-    "@fluentui-react-native/icon": "^0.19.5",
-    "@fluentui-react-native/interactive-hooks": ">=0.24.5 <1.0.0",
-    "@fluentui-react-native/text": ">=0.21.5 <1.0.0",
-    "@fluentui-react-native/theme-tokens": ">=0.25.0 <1.0.0",
+    "@fluentui-react-native/callout": ">=0.24.12 <1.0.0",
+    "@fluentui-react-native/focus-zone": ">=0.12.8 <1.0.0",
+    "@fluentui-react-native/framework": "0.11.4",
+    "@fluentui-react-native/icon": "^0.19.6",
+    "@fluentui-react-native/interactive-hooks": ">=0.24.6 <1.0.0",
+    "@fluentui-react-native/text": ">=0.21.6 <1.0.0",
+    "@fluentui-react-native/theme-tokens": ">=0.25.1 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.21.1 <1.0.0",
-    "@fluentui-react-native/use-styling": ">=0.11.0 <1.0.0",
+    "@fluentui-react-native/use-styling": ">=0.11.1 <1.0.0",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@fluentui-react-native/button": ">=0.34.7 <1.0.0",
+    "@fluentui-react-native/button": ">=0.34.9 <1.0.0",
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
     "@fluentui-react-native/scripts": "^0.1.1",
     "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",

package/src/MenuCallout/MenuCallout.android.tsx

@@ -35,7 +35,7 @@ export const MenuCallout = stagedComponent((props: MenuCalloutProps) => {
                   maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
                   maxWidth: tokens.maxWidth,
                   position: 'absolute',
-                  borderRadius: tokens.cornerRadius,
+                  borderRadius: tokens.borderRadius,
                   elevation: tokens.elevation,
                   overflow: 'hidden',
                 },

package/src/MenuCallout/MenuCallout.types.ts

@@ -8,9 +8,9 @@ export type MenuCalloutTokens =
   | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
       /**
        * The token for the corner radius for the Modal MenuPopover
-       * @platform android
+       * @platform android macos
        */
-      cornerRadius?: number;
+      borderRadius?: number;
 
       /**
        * Shadown elevation token for the Modal MenuPopover

package/src/MenuList/MenuList.styling.ts

@@ -20,7 +20,7 @@ export const stylingSettings: UseStylingOptions<MenuListProps, MenuListSlotProps
           backgroundColor: tokens.backgroundColor,
           display: 'flex',
           ...layoutStyles.from(tokens, theme),
-          ...(Platform.OS === 'android' && { borderRadius: tokens.cornerRadius }),
+          ...(Platform.OS === 'android' && { borderRadius: tokens.borderRadius }),
         },
         gap: tokens.gap,
       }),

package/src/MenuList/MenuList.types.ts

@@ -20,10 +20,10 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
   hasMaxHeight?: MenuListTokens;
 
   /**
-   * Corner radius of the menu list
-   * @platform android
+   * Border radius of the menu list
+   * @platform android macos
    */
-  cornerRadius?: number;
+  borderRadius?: number;
 }
 
 export interface MenuListProps extends Omit<IViewProps, 'onPress'> {

package/src/MenuList/MenuListTokens.android.ts

@@ -6,6 +6,6 @@ import type { MenuListTokens } from './MenuList.types';
 
 export const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme> = (t: Theme): MenuListTokens => ({
   backgroundColor: t.colors.neutralBackground1,
-  cornerRadius: globalTokens.corner.radius80,
+  borderRadius: globalTokens.corner.radius80,
   paddingVertical: globalTokens.size80,
 });

package/src/MenuPopover/MenuPopover.types.ts

@@ -9,9 +9,9 @@ export type MenuPopoverTokens =
   | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
       /**
        * The props for the corner radius for the Modal MenuPopover
-       * @platform android
+       * @platform android macos
        */
-      cornerRadius?: number;
+      borderRadius?: number;
 
       /**
        * Shadown elevation for the Modal MenuPopover

package/src/MenuPopover/MenuPopoverTokens.macos.ts

@@ -0,0 +1,13 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import { buildUseTokens } from '@fluentui-react-native/framework';
+
+import type { MenuPopoverTokens } from './MenuPopover.types';
+import { menuPopoverName } from './MenuPopover.types';
+
+export const useMenuPopoverTokens = buildUseTokens<MenuPopoverTokens>(
+  (_t: Theme) => ({
+    borderWidth: 0,
+    borderRadius: 5,
+  }),
+  menuPopoverName,
+);

package/src/__tests__/__snapshots__/Menu.test.tsx.snap

@@ -71,7 +71,7 @@ exports[`Menu component tests Menu default 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -174,7 +174,7 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -277,7 +277,7 @@ exports[`Menu component tests Menu open 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -380,7 +380,7 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -483,7 +483,7 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -586,7 +586,7 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -689,7 +689,7 @@ exports[`Menu component tests Menu open radio 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -792,7 +792,7 @@ exports[`Menu component tests Menu submenu 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,
@@ -895,7 +895,7 @@ exports[`Menu open menu group and menu header 1`] = `
       "display": "flex",
       "flexDirection": "row",
       "justifyContent": "center",
-      "minHeight": 32,
+      "minHeight": 24,
       "minWidth": 64,
       "padding": 3,
       "paddingHorizontal": 7,