@fluentui-react-native/menu 0.4.0 → 0.5.0

package/src/MenuPopover/MenuPopover.tsx

@@ -1,14 +1,19 @@
 import React from 'react';
-import { stagedComponent } from '@fluentui-react-native/framework';
+import { stagedComponent, useFluentTheme } from '@fluentui-react-native/framework';
 import { Callout } from '@fluentui-react-native/callout';
 import { menuPopoverName, MenuPopoverProps } from './MenuPopover.types';
 import { useMenuPopover } from './useMenuPopover';
 
 export const MenuPopover = stagedComponent((props: MenuPopoverProps) => {
   const state = useMenuPopover(props);
+  const theme = useFluentTheme();
 
   return (_rest: MenuPopoverProps, children: React.ReactNode) => {
-    return <Callout target={state.triggerRef}>{children}</Callout>;
+    return (
+      <Callout target={state.triggerRef} borderWidth={1} borderColor={theme.colors.neutralStrokeAccessible}>
+        {children}
+      </Callout>
+    );
   };
 });
 MenuPopover.displayName = menuPopoverName;

package/src/index.ts

@@ -2,3 +2,4 @@ export { Menu } from './Menu/Menu';
 export { MenuTrigger } from './MenuTrigger/MenuTrigger';
 export { MenuPopover } from './MenuPopover/MenuPopover';
 export { MenuItem } from './MenuItem/MenuItem';
+export { MenuList } from './MenuList/MenuList';