@fluentui-react-native/menu 0.8.0 → 0.9.0

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui-react-native/menu",
   "entries": [
     {
-      "date": "Fri, 20 May 2022 18:23:29 GMT",
+      "date": "Fri, 20 May 2022 19:53:36 GMT",
+      "tag": "@fluentui-react-native/menu_v0.9.0",
+      "version": "0.9.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/menu",
+            "commit": "1b2eb8874e0571a19cdbab4ba78e3b112d025817",
+            "comment": "Implement MenuDivider"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 20 May 2022 18:23:41 GMT",
       "tag": "@fluentui-react-native/menu_v0.8.0",
       "version": "0.8.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # Change Log - @fluentui-react-native/menu
 
-This log was last generated on Fri, 20 May 2022 18:23:29 GMT and should not be manually modified.
+This log was last generated on Fri, 20 May 2022 19:53:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.9.0
+
+Fri, 20 May 2022 19:53:36 GMT
+
+### Minor changes
+
+- Implement MenuDivider (ruaraki@microsoft.com)
+
 ## 0.8.0
 
-Fri, 20 May 2022 18:23:29 GMT
+Fri, 20 May 2022 18:23:41 GMT
 
 ### Minor changes
 

package/lib/MenuDivider/MenuDivider.d.ts

@@ -0,0 +1,2 @@
+export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<import("@fluentui-react-native/adapters").IViewProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, object>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib/MenuDivider/MenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,mOAatB,CAAC"}

package/lib/MenuDivider/MenuDivider.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+/** @jsx withSlots */
+import { View } from 'react-native';
+import { compose, withSlots } from '@fluentui-react-native/framework';
+import { menuDividerName } from './MenuDivider.types';
+import { stylingSettings } from './MenuDivider.styling';
+export var MenuDivider = compose(__assign(__assign({ displayName: menuDividerName }, stylingSettings), { slots: {
+        root: View,
+    }, useRender: function (userProps, useSlots) {
+        var Slots = useSlots(userProps);
+        return function (final) {
+            return withSlots(Slots.root, __assign({}, final));
+        };
+    } }));
+//# sourceMappingURL=MenuDivider.js.map

package/lib/MenuDivider/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";AAAA,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAY,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,eAAe,EAAqC,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,IAAM,WAAW,GAAG,OAAO,qBAChC,WAAW,EAAE,eAAe,IACzB,eAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;KACX,EACD,SAAS,EAAE,UAAC,SAA2B,EAAE,QAAmC;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,UAAC,KAAuB;YAC7B,OAAO,UAAC,KAAK,CAAC,IAAI,eAAK,KAAK,EAAI,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}

package/lib/MenuDivider/MenuDivider.styling.d.ts

@@ -0,0 +1,4 @@
+import { UseStylingOptions } from '@fluentui-react-native/framework';
+import { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps } from './MenuDivider.types';
+export declare const stylingSettings: UseStylingOptions<MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens>;
+//# sourceMappingURL=MenuDivider.styling.d.ts.map

package/lib/MenuDivider/MenuDivider.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styling.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAmB,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEjH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,CAiBxG,CAAC"}

package/lib/MenuDivider/MenuDivider.styling.js

@@ -0,0 +1,19 @@
+import { buildProps } from '@fluentui-react-native/framework';
+import { defaultMenuDividerTokens } from './MenuDividerTokens.win32';
+import { menuDividerName } from './MenuDivider.types';
+export var stylingSettings = {
+    tokens: [defaultMenuDividerTokens, menuDividerName],
+    slotProps: {
+        root: buildProps(function (tokens) { return ({
+            style: {
+                height: tokens.height,
+                width: tokens.width,
+                backgroundColor: tokens.backgroundColor,
+                margin: tokens.margin,
+                marginVertical: tokens.marginVertical,
+                display: 'flex',
+            },
+        }); }, ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
+    },
+};
+//# sourceMappingURL=MenuDivider.styling.js.map

package/lib/MenuDivider/MenuDivider.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styling.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,eAAe,EAA6D,MAAM,qBAAqB,CAAC;AAEjH,MAAM,CAAC,IAAM,eAAe,GAAiF;IAC3G,MAAM,EAAE,CAAC,wBAAwB,EAAE,eAAe,CAAC;IACnD,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAyB,IAAK,OAAA,CAAC;YAC9B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,eAAe,EAAE,MAAM,CAAC,eAAe;gBACvC,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,cAAc,EAAE,MAAM,CAAC,cAAc;gBACrC,OAAO,EAAE,MAAM;aAChB;SACF,CAAC,EAT6B,CAS7B,EACF,CAAC,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,CAAC,CACnE;KACF;CACF,CAAC"}

package/lib/MenuDivider/MenuDivider.types.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ViewStyle } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
+export declare const menuDividerName = "MenuDivider";
+export declare type MenuDividerTokens = IBackgroundColorTokens & {
+    height?: number;
+    margin?: number;
+    marginVertical?: number;
+    width?: ViewStyle['width'];
+};
+export declare type MenuDividerProps = IViewProps;
+export interface MenuDividerSlotProps {
+    root: React.PropsWithRef<IViewProps>;
+}
+export interface MenuDividerType {
+    props: MenuDividerProps;
+    tokens: MenuDividerTokens;
+    slotProps: MenuDividerSlotProps;
+}
+//# sourceMappingURL=MenuDivider.types.d.ts.map

package/lib/MenuDivider/MenuDivider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,oBAAY,gBAAgB,GAAG,UAAU,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,oBAAoB,CAAC;CACjC"}

package/lib/MenuDivider/MenuDivider.types.js

@@ -0,0 +1,2 @@
+export var menuDividerName = 'MenuDivider';
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib/MenuDivider/MenuDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { TokenSettings } from '@fluentui-react-native/use-styling';
+import { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke2,
+    height: globalTokens.stroke.width.thin,
+    marginVertical: globalTokens.spacing.xs,
+}); };
+//# sourceMappingURL=MenuDividerTokens.js.map

package/lib/MenuDivider/MenuDividerTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;IACtC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE;CACxC,CAAC,EAJgH,CAIhH,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.win32.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { TokenSettings } from '@fluentui-react-native/use-styling';
+import { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib/MenuDivider/MenuDividerTokens.win32.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke1,
+    height: globalTokens.stroke.width.thin,
+    margin: globalTokens.spacing.xxs,
+}); };
+//# sourceMappingURL=MenuDividerTokens.win32.js.map

package/lib/MenuDivider/MenuDividerTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAInE,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;IACtC,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG;CACjC,CAAC,EAJgH,CAIhH,CAAC"}

package/lib/index.d.ts

@@ -4,4 +4,5 @@ export { MenuPopover } from './MenuPopover/MenuPopover';
 export { MenuItem } from './MenuItem/MenuItem';
 export { MenuItemCheckbox } from './MenuItemCheckbox/MenuItemCheckbox';
 export { MenuList } from './MenuList/MenuList';
+export { MenuDivider } from './MenuDivider/MenuDivider';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/index.js

@@ -4,4 +4,5 @@ export { MenuPopover } from './MenuPopover/MenuPopover';
 export { MenuItem } from './MenuItem/MenuItem';
 export { MenuItemCheckbox } from './MenuItemCheckbox/MenuItemCheckbox';
 export { MenuList } from './MenuList/MenuList';
+export { MenuDivider } from './MenuDivider/MenuDivider';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<import("@fluentui-react-native/adapters").IViewProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, object>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib-commonjs/MenuDivider/MenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,mOAatB,CAAC"}

package/lib-commonjs/MenuDivider/MenuDivider.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuDivider = void 0;
+var tslib_1 = require("tslib");
+/** @jsx withSlots */
+var react_native_1 = require("react-native");
+var framework_1 = require("@fluentui-react-native/framework");
+var MenuDivider_types_1 = require("./MenuDivider.types");
+var MenuDivider_styling_1 = require("./MenuDivider.styling");
+exports.MenuDivider = (0, framework_1.compose)((0, tslib_1.__assign)((0, tslib_1.__assign)({ displayName: MenuDivider_types_1.menuDividerName }, MenuDivider_styling_1.stylingSettings), { slots: {
+        root: react_native_1.View,
+    }, useRender: function (userProps, useSlots) {
+        var Slots = useSlots(userProps);
+        return function (final) {
+            return (0, framework_1.withSlots)(Slots.root, (0, tslib_1.__assign)({}, final));
+        };
+    } }));
+//# sourceMappingURL=MenuDivider.js.map

package/lib-commonjs/MenuDivider/MenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":";;;;AAAA,qBAAqB;AACrB,6CAAoC;AACpC,8DAAgF;AAChF,yDAAyF;AACzF,6DAAwD;AAE3C,QAAA,WAAW,GAAG,IAAA,mBAAO,gDAChC,WAAW,EAAE,mCAAe,IACzB,qCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;KACX,EACD,SAAS,EAAE,UAAC,SAA2B,EAAE,QAAmC;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;QAElC,OAAO,UAAC,KAAuB;YAC7B,OAAO,2BAAC,KAAK,CAAC,IAAI,4BAAK,KAAK,EAAI,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}

package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts

@@ -0,0 +1,4 @@
+import { UseStylingOptions } from '@fluentui-react-native/framework';
+import { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps } from './MenuDivider.types';
+export declare const stylingSettings: UseStylingOptions<MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens>;
+//# sourceMappingURL=MenuDivider.styling.d.ts.map

package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styling.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAmB,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEjH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,CAiBxG,CAAC"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stylingSettings = void 0;
+var framework_1 = require("@fluentui-react-native/framework");
+var MenuDividerTokens_win32_1 = require("./MenuDividerTokens.win32");
+var MenuDivider_types_1 = require("./MenuDivider.types");
+exports.stylingSettings = {
+    tokens: [MenuDividerTokens_win32_1.defaultMenuDividerTokens, MenuDivider_types_1.menuDividerName],
+    slotProps: {
+        root: (0, framework_1.buildProps)(function (tokens) { return ({
+            style: {
+                height: tokens.height,
+                width: tokens.width,
+                backgroundColor: tokens.backgroundColor,
+                margin: tokens.margin,
+                marginVertical: tokens.marginVertical,
+                display: 'flex',
+            },
+        }); }, ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
+    },
+};
+//# sourceMappingURL=MenuDivider.styling.js.map

package/lib-commonjs/MenuDivider/MenuDivider.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.styling.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":";;;AAAA,8DAAiF;AACjF,qEAAqE;AACrE,yDAAiH;AAEpG,QAAA,eAAe,GAAiF;IAC3G,MAAM,EAAE,CAAC,kDAAwB,EAAE,mCAAe,CAAC;IACnD,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,UAAC,MAAyB,IAAK,OAAA,CAAC;YAC9B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,eAAe,EAAE,MAAM,CAAC,eAAe;gBACvC,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,cAAc,EAAE,MAAM,CAAC,cAAc;gBACrC,OAAO,EAAE,MAAM;aAChB;SACF,CAAC,EAT6B,CAS7B,EACF,CAAC,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,CAAC,CACnE;KACF;CACF,CAAC"}

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ViewStyle } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
+export declare const menuDividerName = "MenuDivider";
+export declare type MenuDividerTokens = IBackgroundColorTokens & {
+    height?: number;
+    margin?: number;
+    marginVertical?: number;
+    width?: ViewStyle['width'];
+};
+export declare type MenuDividerProps = IViewProps;
+export interface MenuDividerSlotProps {
+    root: React.PropsWithRef<IViewProps>;
+}
+export interface MenuDividerType {
+    props: MenuDividerProps;
+    tokens: MenuDividerTokens;
+    slotProps: MenuDividerSlotProps;
+}
+//# sourceMappingURL=MenuDivider.types.d.ts.map

package/lib-commonjs/MenuDivider/MenuDivider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,oBAAY,gBAAgB,GAAG,UAAU,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,oBAAoB,CAAC;CACjC"}

package/lib-commonjs/MenuDivider/MenuDivider.types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuDividerName = void 0;
+exports.menuDividerName = 'MenuDivider';
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib-commonjs/MenuDivider/MenuDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.types.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.types.ts"],"names":[],"mappings":";;;AAKa,QAAA,eAAe,GAAG,aAAa,CAAC"}

package/lib-commonjs/MenuDivider/MenuDividerTokens.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { TokenSettings } from '@fluentui-react-native/use-styling';
+import { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.d.ts.map

package/lib-commonjs/MenuDivider/MenuDividerTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib-commonjs/MenuDivider/MenuDividerTokens.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultMenuDividerTokens = void 0;
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke2,
+    height: theme_tokens_1.globalTokens.stroke.width.thin,
+    marginVertical: theme_tokens_1.globalTokens.spacing.xs,
+}); };
+exports.defaultMenuDividerTokens = defaultMenuDividerTokens;
+//# sourceMappingURL=MenuDividerTokens.js.map

package/lib-commonjs/MenuDivider/MenuDividerTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;IACtC,cAAc,EAAE,2BAAY,CAAC,OAAO,CAAC,EAAE;CACxC,CAAC,EAJgH,CAIhH,CAAC;AAJU,QAAA,wBAAwB,4BAIlC"}

package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { TokenSettings } from '@fluentui-react-native/use-styling';
+import { MenuDividerTokens } from './MenuDivider.types';
+export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
+//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map

package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,KAAK,CAI3E,CAAC"}

package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultMenuDividerTokens = void 0;
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var defaultMenuDividerTokens = function (t) { return ({
+    backgroundColor: t.colors.neutralStroke1,
+    height: theme_tokens_1.globalTokens.stroke.width.thin,
+    margin: theme_tokens_1.globalTokens.spacing.xxs,
+}); };
+exports.defaultMenuDividerTokens = defaultMenuDividerTokens;
+//# sourceMappingURL=MenuDividerTokens.win32.js.map

package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDividerTokens.win32.js","sourceRoot":"","sources":["../../src/MenuDivider/MenuDividerTokens.win32.ts"],"names":[],"mappings":";;;AACA,oEAAmE;AAI5D,IAAM,wBAAwB,GAA4C,UAAC,CAAQ,IAAwB,OAAA,CAAC;IACjH,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IACxC,MAAM,EAAE,2BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;IACtC,MAAM,EAAE,2BAAY,CAAC,OAAO,CAAC,GAAG;CACjC,CAAC,EAJgH,CAIhH,CAAC;AAJU,QAAA,wBAAwB,4BAIlC"}

package/lib-commonjs/index.d.ts

@@ -4,4 +4,5 @@ export { MenuPopover } from './MenuPopover/MenuPopover';
 export { MenuItem } from './MenuItem/MenuItem';
 export { MenuItemCheckbox } from './MenuItemCheckbox/MenuItemCheckbox';
 export { MenuList } from './MenuList/MenuList';
+export { MenuDivider } from './MenuDivider/MenuDivider';
 //# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/lib-commonjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuList = exports.MenuItemCheckbox = exports.MenuItem = exports.MenuPopover = exports.MenuTrigger = exports.Menu = void 0;
+exports.MenuDivider = exports.MenuList = exports.MenuItemCheckbox = exports.MenuItem = exports.MenuPopover = exports.MenuTrigger = exports.Menu = void 0;
 var Menu_1 = require("./Menu/Menu");
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
 var MenuTrigger_1 = require("./MenuTrigger/MenuTrigger");
@@ -13,4 +13,6 @@ var MenuItemCheckbox_1 = require("./MenuItemCheckbox/MenuItemCheckbox");
 Object.defineProperty(exports, "MenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.MenuItemCheckbox; } });
 var MenuList_1 = require("./MenuList/MenuList");
 Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return MenuList_1.MenuList; } });
+var MenuDivider_1 = require("./MenuDivider/MenuDivider");
+Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,oCAAmC;AAA1B,4FAAA,IAAI,OAAA;AACb,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA;AACjB,wEAAuE;AAA9D,oHAAA,gBAAgB,OAAA;AACzB,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,oCAAmC;AAA1B,4FAAA,IAAI,OAAA;AACb,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,yDAAwD;AAA/C,0GAAA,WAAW,OAAA;AACpB,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA;AACjB,wEAAuE;AAA9D,oHAAA,gBAAgB,OAAA;AACzB,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA;AACjB,yDAAwD;AAA/C,0GAAA,WAAW,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "A cross-platform Menu component using the Fluent Design System",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",

package/src/MenuDivider/MenuDivider.styling.ts

@@ -0,0 +1,22 @@
+import { UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
+import { defaultMenuDividerTokens } from './MenuDividerTokens.win32';
+import { menuDividerName, MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps } from './MenuDivider.types';
+
+export const stylingSettings: UseStylingOptions<MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens> = {
+  tokens: [defaultMenuDividerTokens, menuDividerName],
+  slotProps: {
+    root: buildProps(
+      (tokens: MenuDividerTokens) => ({
+        style: {
+          height: tokens.height,
+          width: tokens.width,
+          backgroundColor: tokens.backgroundColor,
+          margin: tokens.margin,
+          marginVertical: tokens.marginVertical,
+          display: 'flex',
+        },
+      }),
+      ['backgroundColor', 'height', 'margin', 'marginVertical', 'width'],
+    ),
+  },
+};

package/src/MenuDivider/MenuDivider.tsx

@@ -0,0 +1,20 @@
+/** @jsx withSlots */
+import { View } from 'react-native';
+import { compose, UseSlots, withSlots } from '@fluentui-react-native/framework';
+import { menuDividerName, MenuDividerProps, MenuDividerType } from './MenuDivider.types';
+import { stylingSettings } from './MenuDivider.styling';
+
+export const MenuDivider = compose<MenuDividerType>({
+  displayName: menuDividerName,
+  ...stylingSettings,
+  slots: {
+    root: View,
+  },
+  useRender: (userProps: MenuDividerProps, useSlots: UseSlots<MenuDividerType>) => {
+    const Slots = useSlots(userProps);
+
+    return (final: MenuDividerProps) => {
+      return <Slots.root {...final} />;
+    };
+  },
+});

package/src/MenuDivider/MenuDivider.types.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { ViewStyle } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
+
+export const menuDividerName = 'MenuDivider';
+
+export type MenuDividerTokens = IBackgroundColorTokens & {
+  height?: number;
+  margin?: number;
+  marginVertical?: number;
+  width?: ViewStyle['width'];
+};
+
+export type MenuDividerProps = IViewProps;
+
+export interface MenuDividerSlotProps {
+  root: React.PropsWithRef<IViewProps>;
+}
+
+export interface MenuDividerType {
+  props: MenuDividerProps;
+  tokens: MenuDividerTokens;
+  slotProps: MenuDividerSlotProps;
+}

package/src/MenuDivider/MenuDividerTokens.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { TokenSettings } from '@fluentui-react-native/use-styling';
+import { MenuDividerTokens } from './MenuDivider.types';
+
+export const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme> = (t: Theme): MenuDividerTokens => ({
+  backgroundColor: t.colors.neutralStroke2,
+  height: globalTokens.stroke.width.thin,
+  marginVertical: globalTokens.spacing.xs,
+});

package/src/MenuDivider/MenuDividerTokens.win32.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { TokenSettings } from '@fluentui-react-native/use-styling';
+import { MenuDividerTokens } from './MenuDivider.types';
+
+export const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme> = (t: Theme): MenuDividerTokens => ({
+  backgroundColor: t.colors.neutralStroke1,
+  height: globalTokens.stroke.width.thin,
+  margin: globalTokens.spacing.xxs,
+});

package/src/index.ts

@@ -4,3 +4,4 @@ export { MenuPopover } from './MenuPopover/MenuPopover';
 export { MenuItem } from './MenuItem/MenuItem';
 export { MenuItemCheckbox } from './MenuItemCheckbox/MenuItemCheckbox';
 export { MenuList } from './MenuList/MenuList';
+export { MenuDivider } from './MenuDivider/MenuDivider';