@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js

@@ -1,55 +1,55 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuItemCheckboxTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuItemCheckboxTokens = (t) => ({
-  backgroundColor: t.colors.neutralBackground1,
-  borderRadius: theme_tokens_1.globalTokens.corner.radius40,
-  checkmarkPadding: theme_tokens_1.globalTokens.sizeNone,
-  checkmarkSize: 16,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground2,
-  fontFamily: t.typography.families.primary,
-  fontSize: theme_tokens_1.globalTokens.font.size300,
-  fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
-  gap: theme_tokens_1.globalTokens.size40,
-  iconColor: t.colors.neutralForeground2,
-  iconSize: 16,
-  minHeight: 32,
-  minWidth: 160,
-  maxWidth: 300,
-  padding: theme_tokens_1.globalTokens.size60,
-  hovered: {
-    backgroundColor: t.colors.neutralBackground1Hover,
-    color: t.colors.neutralForeground2Hover,
-    iconColor: t.colors.neutralForeground2Hover,
-    checked: {
-      checkmarkColor: t.colors.neutralForeground2Hover,
-      checkmarkVisibility: 1,
+    backgroundColor: t.colors.neutralBackground1,
+    borderRadius: theme_tokens_1.globalTokens.corner.radius40,
+    checkmarkPadding: theme_tokens_1.globalTokens.sizeNone,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: theme_tokens_1.globalTokens.font.size300,
+    fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
+    gap: theme_tokens_1.globalTokens.size40,
+    iconColor: t.colors.neutralForeground2,
+    iconSize: 16,
+    minHeight: 32,
+    minWidth: 160,
+    maxWidth: 300,
+    padding: theme_tokens_1.globalTokens.size60,
+    hovered: {
+        backgroundColor: t.colors.neutralBackground1Hover,
+        color: t.colors.neutralForeground2Hover,
+        iconColor: t.colors.neutralForeground2Hover,
+        checked: {
+            checkmarkColor: t.colors.neutralForeground2Hover,
+            checkmarkVisibility: 1,
+        },
     },
-  },
-  pressed: {
-    backgroundColor: t.colors.neutralBackground1Pressed,
-    color: t.colors.neutralForeground2Pressed,
-    iconColor: t.colors.neutralForeground2Pressed,
-    checked: {
-      checkmarkColor: t.colors.neutralForeground2Pressed,
-      checkmarkVisibility: 1,
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+        color: t.colors.neutralForeground2Pressed,
+        iconColor: t.colors.neutralForeground2Pressed,
+        checked: {
+            checkmarkColor: t.colors.neutralForeground2Pressed,
+            checkmarkVisibility: 1,
+        },
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled,
+        iconColor: t.colors.neutralForegroundDisabled,
+        checked: {
+            checkmarkColor: t.colors.neutralForegroundDisabled,
+            checkmarkVisibility: 1,
+        },
     },
-  },
-  disabled: {
-    backgroundColor: t.colors.neutralBackground1,
-    color: t.colors.neutralForegroundDisabled,
-    iconColor: t.colors.neutralForegroundDisabled,
     checked: {
-      checkmarkColor: t.colors.neutralForegroundDisabled,
-      checkmarkVisibility: 1,
+        checkmarkColor: t.colors.neutralForeground2,
+        checkmarkVisibility: 1,
     },
-  },
-  checked: {
-    checkmarkColor: t.colors.neutralForeground2,
-    checkmarkVisibility: 1,
-  },
 });
 exports.defaultMenuItemCheckboxTokens = defaultMenuItemCheckboxTokens;
-//# sourceMappingURL=MenuItemCheckboxTokens.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.js.map

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
 export declare const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme>;
-//# sourceMappingURL=MenuItemCheckboxTokens.macos.d.ts.map
+//# sourceMappingURL=MenuItemCheckboxTokens.macos.d.ts.map

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js

@@ -1,53 +1,53 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuItemCheckboxTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuItemCheckboxTokens = (t) => ({
-  backgroundColor: t.colors.transparentBackground,
-  borderRadius: 5,
-  checkmarkPadding: theme_tokens_1.globalTokens.size20,
-  checkmarkSize: 16,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground2,
-  fontFamily: t.typography.families.primary,
-  fontSize: 13, // aligning with NSMenu font size
-  fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
-  gap: theme_tokens_1.globalTokens.size40,
-  iconColor: t.colors.neutralForeground2,
-  iconSize: 16,
-  paddingHorizontal: 5,
-  paddingVertical: 3,
-  focused: {
-    backgroundColor: t.colors.brandBackground,
-    color: t.colors.neutralForegroundOnBrand,
-    iconColor: t.colors.neutralForegroundOnBrand,
-    checked: {
-      checkmarkColor: t.colors.neutralForegroundOnBrand,
-      checkmarkVisibility: 1,
+    backgroundColor: t.colors.transparentBackground,
+    borderRadius: 5,
+    checkmarkPadding: theme_tokens_1.globalTokens.size20,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: 13, // aligning with NSMenu font size
+    fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
+    gap: theme_tokens_1.globalTokens.size40,
+    iconColor: t.colors.neutralForeground2,
+    iconSize: 16,
+    paddingHorizontal: 5,
+    paddingVertical: 3,
+    focused: {
+        backgroundColor: t.colors.brandBackground,
+        color: t.colors.neutralForegroundOnBrand,
+        iconColor: t.colors.neutralForegroundOnBrand,
+        checked: {
+            checkmarkColor: t.colors.neutralForegroundOnBrand,
+            checkmarkVisibility: 1,
+        },
     },
-  },
-  pressed: {
-    backgroundColor: t.colors.brandBackgroundPressed,
-    color: t.colors.neutralForegroundOnBrandPressed,
-    iconColor: t.colors.neutralForegroundOnBrandPressed,
-    checked: {
-      checkmarkColor: t.colors.neutralForegroundOnBrandPressed,
-      checkmarkVisibility: 1,
+    pressed: {
+        backgroundColor: t.colors.brandBackgroundPressed,
+        color: t.colors.neutralForegroundOnBrandPressed,
+        iconColor: t.colors.neutralForegroundOnBrandPressed,
+        checked: {
+            checkmarkColor: t.colors.neutralForegroundOnBrandPressed,
+            checkmarkVisibility: 1,
+        },
+    },
+    disabled: {
+        backgroundColor: t.colors.transparentBackground,
+        color: t.colors.brandForeground1Disabled,
+        iconColor: t.colors.brandForeground1Disabled,
+        checked: {
+            checkmarkColor: t.colors.brandForeground1Disabled,
+            checkmarkVisibility: 1,
+        },
     },
-  },
-  disabled: {
-    backgroundColor: t.colors.transparentBackground,
-    color: t.colors.brandForeground1Disabled,
-    iconColor: t.colors.brandForeground1Disabled,
     checked: {
-      checkmarkColor: t.colors.brandForeground1Disabled,
-      checkmarkVisibility: 1,
+        checkmarkColor: t.colors.neutralForeground2,
+        checkmarkVisibility: 1,
     },
-  },
-  checked: {
-    checkmarkColor: t.colors.neutralForeground2,
-    checkmarkVisibility: 1,
-  },
 });
 exports.defaultMenuItemCheckboxTokens = defaultMenuItemCheckboxTokens;
-//# sourceMappingURL=MenuItemCheckboxTokens.macos.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.macos.js.map

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
 export declare const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme>;
-//# sourceMappingURL=MenuItemCheckboxTokens.win32.d.ts.map
+//# sourceMappingURL=MenuItemCheckboxTokens.win32.d.ts.map

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js

@@ -1,56 +1,56 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuItemCheckboxTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuItemCheckboxTokens = (t) => ({
-  backgroundColor: t.colors.neutralBackground1,
-  borderRadius: theme_tokens_1.globalTokens.corner.radiusNone,
-  checkmarkPadding: theme_tokens_1.globalTokens.size20,
-  checkmarkSize: 16,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground1,
-  fontFamily: t.typography.families.primary,
-  fontSize: theme_tokens_1.globalTokens.font.size200,
-  fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
-  gap: theme_tokens_1.globalTokens.size40,
-  iconColor: t.colors.neutralForeground1,
-  iconSize: 16,
-  minHeight: 24,
-  minWidth: 160,
-  maxWidth: 300,
-  padding: theme_tokens_1.globalTokens.size40,
-  paddingHorizontal: theme_tokens_1.globalTokens.size80,
-  pressed: {
-    backgroundColor: t.colors.neutralBackground1Pressed,
-    color: t.colors.neutralForeground1Pressed,
-    iconColor: t.colors.neutralForeground1Pressed,
-    checked: {
-      checkmarkColor: t.colors.neutralForeground1Pressed,
-      checkmarkVisibility: 1,
-    },
-  },
-  disabled: {
     backgroundColor: t.colors.neutralBackground1,
-    color: t.colors.neutralForegroundDisabled,
-    iconColor: t.colors.neutralForegroundDisabled,
-    checked: {
-      checkmarkColor: t.colors.neutralForegroundDisabled,
-      checkmarkVisibility: 1,
+    borderRadius: theme_tokens_1.globalTokens.corner.radiusNone,
+    checkmarkPadding: theme_tokens_1.globalTokens.size20,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground1,
+    fontFamily: t.typography.families.primary,
+    fontSize: theme_tokens_1.globalTokens.font.size200,
+    fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
+    gap: theme_tokens_1.globalTokens.size40,
+    iconColor: t.colors.neutralForeground1,
+    iconSize: 16,
+    minHeight: 24,
+    minWidth: 160,
+    maxWidth: 300,
+    padding: theme_tokens_1.globalTokens.size40,
+    paddingHorizontal: theme_tokens_1.globalTokens.size80,
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+        color: t.colors.neutralForeground1Pressed,
+        iconColor: t.colors.neutralForeground1Pressed,
+        checked: {
+            checkmarkColor: t.colors.neutralForeground1Pressed,
+            checkmarkVisibility: 1,
+        },
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled,
+        iconColor: t.colors.neutralForegroundDisabled,
+        checked: {
+            checkmarkColor: t.colors.neutralForegroundDisabled,
+            checkmarkVisibility: 1,
+        },
+    },
+    focused: {
+        backgroundColor: t.colors.neutralBackground1Hover,
+        color: t.colors.neutralForeground1Hover,
+        iconColor: t.colors.neutralForeground1Hover,
+        checked: {
+            checkmarkColor: t.colors.neutralForeground1Hover,
+            checkmarkVisibility: 1,
+        },
     },
-  },
-  focused: {
-    backgroundColor: t.colors.neutralBackground1Hover,
-    color: t.colors.neutralForeground1Hover,
-    iconColor: t.colors.neutralForeground1Hover,
     checked: {
-      checkmarkColor: t.colors.neutralForeground1Hover,
-      checkmarkVisibility: 1,
+        checkmarkColor: t.colors.neutralForeground1,
+        checkmarkVisibility: 1,
     },
-  },
-  checked: {
-    checkmarkColor: t.colors.neutralForeground1,
-    checkmarkVisibility: 1,
-  },
 });
 exports.defaultMenuItemCheckboxTokens = defaultMenuItemCheckboxTokens;
-//# sourceMappingURL=MenuItemCheckboxTokens.win32.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.win32.js.map

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

@@ -1,11 +1,5 @@
 export { MenuItemCheckbox } from './MenuItemCheckbox';
 export { menuItemCheckboxName } from './MenuItemCheckbox.types';
-export type {
-  MenuItemCheckboxProps,
-  MenuItemCheckboxInfo,
-  MenuItemCheckboxTokens,
-  MenuItemCheckboxSlotProps,
-  MenuItemCheckboxType,
-} from './MenuItemCheckbox.types';
+export type { MenuItemCheckboxProps, MenuItemCheckboxInfo, MenuItemCheckboxTokens, MenuItemCheckboxSlotProps, MenuItemCheckboxType, } from './MenuItemCheckbox.types';
 export { useMenuItemCheckbox, useMenuCheckboxInteraction } from './useMenuItemCheckbox';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/MenuItemCheckbox/index.js

@@ -1,31 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuCheckboxInteraction = exports.useMenuItemCheckbox = exports.menuItemCheckboxName = exports.MenuItemCheckbox = void 0;
-const MenuItemCheckbox_1 = require('./MenuItemCheckbox');
-Object.defineProperty(exports, 'MenuItemCheckbox', {
-  enumerable: true,
-  get: function () {
-    return MenuItemCheckbox_1.MenuItemCheckbox;
-  },
-});
-const MenuItemCheckbox_types_1 = require('./MenuItemCheckbox.types');
-Object.defineProperty(exports, 'menuItemCheckboxName', {
-  enumerable: true,
-  get: function () {
-    return MenuItemCheckbox_types_1.menuItemCheckboxName;
-  },
-});
-const useMenuItemCheckbox_1 = require('./useMenuItemCheckbox');
-Object.defineProperty(exports, 'useMenuItemCheckbox', {
-  enumerable: true,
-  get: function () {
-    return useMenuItemCheckbox_1.useMenuItemCheckbox;
-  },
-});
-Object.defineProperty(exports, 'useMenuCheckboxInteraction', {
-  enumerable: true,
-  get: function () {
-    return useMenuItemCheckbox_1.useMenuCheckboxInteraction;
-  },
-});
-//# sourceMappingURL=index.js.map
+const MenuItemCheckbox_1 = require("./MenuItemCheckbox");
+Object.defineProperty(exports, "MenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.MenuItemCheckbox; } });
+const MenuItemCheckbox_types_1 = require("./MenuItemCheckbox.types");
+Object.defineProperty(exports, "menuItemCheckboxName", { enumerable: true, get: function () { return MenuItemCheckbox_types_1.menuItemCheckboxName; } });
+const useMenuItemCheckbox_1 = require("./useMenuItemCheckbox");
+Object.defineProperty(exports, "useMenuItemCheckbox", { enumerable: true, get: function () { return useMenuItemCheckbox_1.useMenuItemCheckbox; } });
+Object.defineProperty(exports, "useMenuCheckboxInteraction", { enumerable: true, get: function () { return useMenuItemCheckbox_1.useMenuCheckboxInteraction; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts

@@ -9,8 +9,5 @@ export declare const useMenuItemCheckbox: (props: MenuItemCheckboxProps) => Menu
  * @param toggleCallback Function to be called when item is toggled
  * @returns Props and additional state needed to render the component
  */
-export declare const useMenuCheckboxInteraction: (
-  props: MenuItemCheckboxProps,
-  toggleCallback: (e: InteractionEvent) => void,
-) => MenuItemCheckboxInfo;
-//# sourceMappingURL=useMenuItemCheckbox.d.ts.map
+export declare const useMenuCheckboxInteraction: (props: MenuItemCheckboxProps, toggleCallback: (e: InteractionEvent) => void) => MenuItemCheckboxInfo;
+//# sourceMappingURL=useMenuItemCheckbox.d.ts.map