@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/MenuItem/MenuItem.js

@@ -1,88 +1,66 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTooltip = exports.getAccessibilityLabel = exports.MenuItem = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const icon_1 = require('@fluentui-react-native/icon');
-const text_1 = require('@fluentui-react-native/text');
-const react_native_svg_1 = require('react-native-svg');
-const MenuItem_styling_1 = require('./MenuItem.styling');
-const MenuItem_types_1 = require('./MenuItem.types');
-const useMenuItem_1 = require('./useMenuItem');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const icon_1 = require("@fluentui-react-native/icon");
+const text_1 = require("@fluentui-react-native/text");
+const react_native_svg_1 = require("react-native-svg");
+const MenuItem_styling_1 = require("./MenuItem.styling");
+const MenuItem_types_1 = require("./MenuItem.types");
+const useMenuItem_1 = require("./useMenuItem");
 exports.MenuItem = (0, framework_1.compose)({
-  displayName: MenuItem_types_1.menuItemName,
-  ...MenuItem_styling_1.stylingSettings,
-  slots: {
-    root: react_native_1.Pressable,
-    checkmark: react_native_1.View,
-    content: text_1.TextV1,
-    iconPlaceholder: react_native_1.View,
-    imgIcon: react_native_1.Image,
-    fontOrSvgIcon: icon_1.IconV1,
-    submenuIndicator: react_native_svg_1.SvgXml,
-  },
-  useRender: (userProps, useSlots) => {
-    const menuItem = (0, useMenuItem_1.useMenuItem)(userProps);
-    const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
-    return (final, children) => {
-      const { accessibilityLabel, icon, tooltip, ...mergedProps } = (0, framework_1.mergeProps)(menuItem.props, final);
-      const chevronXml = react_native_1.I18nManager.isRTL
-        ? `
+    displayName: MenuItem_types_1.menuItemName,
+    ...MenuItem_styling_1.stylingSettings,
+    slots: {
+        root: react_native_1.Pressable,
+        checkmark: react_native_1.View,
+        content: text_1.TextV1,
+        iconPlaceholder: react_native_1.View,
+        imgIcon: react_native_1.Image,
+        fontOrSvgIcon: icon_1.IconV1,
+        submenuIndicator: react_native_svg_1.SvgXml,
+    },
+    useRender: (userProps, useSlots) => {
+        const menuItem = (0, useMenuItem_1.useMenuItem)(userProps);
+        const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
+        return (final, children) => {
+            const { accessibilityLabel, icon, tooltip, ...mergedProps } = (0, framework_1.mergeProps)(menuItem.props, final);
+            const chevronXml = react_native_1.I18nManager.isRTL
+                ? `
           <svg>
           <path fill='currentColor' d="M10.2603 3.20041C10.5639 3.48226 10.5814 3.95681 10.2996 4.26034L6.77348 8L10.2996 11.7397C10.5814 12.0432 10.5639 12.5177 10.2603 12.7996C9.9568 13.0815 9.48226 13.0639 9.2004 12.7603L5.2004 8.51034C4.9332 8.22258 4.9332 7.77743 5.2004 7.48966L9.20041 3.23966C9.48226 2.93613 9.95681 2.91856 10.2603 3.20041Z"/>
           </svg>`
-        : `
+                : `
           <svg>
           <path fill='currentColor' d="M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z"/>
           </svg>`;
-      // We only automatically support the one child string.
-      const label = (0, exports.getAccessibilityLabel)(accessibilityLabel, children[0]);
-      const tooltipResult = (0, exports.getTooltip)(tooltip, menuItem.state.hasTooltips, children[0]);
-      return jsx_runtime_1.jsxs(Slots.root, {
-        ...mergedProps,
-        accessibilityLabel: label,
-        children: [
-          menuItem.state.hasCheckmarks && jsx_runtime_1.jsx(Slots.checkmark, { accessible: false }),
-          (icon || menuItem.state.hasIcons) &&
-            jsx_runtime_1.jsxs(Slots.iconPlaceholder, {
-              accessible: false,
-              children: [
-                icon && icon.source && jsx_runtime_1.jsx(Slots.imgIcon, { accessible: false, ...icon }),
-                icon && (icon.svgSource || icon.fontSource) && jsx_runtime_1.jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon }),
-              ],
-            }),
-          children &&
-            jsx_runtime_1.jsx(Slots.content, {
-              accessible: false,
-              tooltip: tooltipResult,
-              ...(tooltipResult && { alwaysShowToolTip: true }),
-              children: children,
-            }),
-          menuItem.state.hasSubmenu && jsx_runtime_1.jsx(Slots.submenuIndicator, { accessible: false, xml: chevronXml }),
-        ],
-      });
-    };
-  },
+            // We only automatically support the one child string.
+            const label = (0, exports.getAccessibilityLabel)(accessibilityLabel, children[0]);
+            const tooltipResult = (0, exports.getTooltip)(tooltip, menuItem.state.hasTooltips, children[0]);
+            return (jsx_runtime_1.jsxs(Slots.root, { ...mergedProps, accessibilityLabel: label, children: [menuItem.state.hasCheckmarks && jsx_runtime_1.jsx(Slots.checkmark, { accessible: false }), (icon || menuItem.state.hasIcons) && (jsx_runtime_1.jsxs(Slots.iconPlaceholder, { accessible: false, children: [icon && icon.source && jsx_runtime_1.jsx(Slots.imgIcon, { accessible: false, ...icon }), icon && (icon.svgSource || icon.fontSource) && jsx_runtime_1.jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon })] })), children && (jsx_runtime_1.jsx(Slots.content, { accessible: false, tooltip: tooltipResult, ...(tooltipResult && { alwaysShowToolTip: true }), children: children })), menuItem.state.hasSubmenu && jsx_runtime_1.jsx(Slots.submenuIndicator, { accessible: false, xml: chevronXml })] }));
+        };
+    },
 });
 const getAccessibilityLabelWorker = (accessibilityLabel, child) => {
-  if (accessibilityLabel !== undefined) {
-    return accessibilityLabel;
-  }
-  if (typeof child === 'string') {
-    return child;
-  }
-  return undefined;
+    if (accessibilityLabel !== undefined) {
+        return accessibilityLabel;
+    }
+    if (typeof child === 'string') {
+        return child;
+    }
+    return undefined;
 };
 exports.getAccessibilityLabel = (0, framework_1.memoize)(getAccessibilityLabelWorker);
 const getTooltipWorker = (tooltip, hasTooltips, child) => {
-  if (tooltip !== undefined) {
-    return tooltip;
-  }
-  if (hasTooltips && typeof child === 'string') {
-    return child;
-  }
-  return undefined;
+    if (tooltip !== undefined) {
+        return tooltip;
+    }
+    if (hasTooltips && typeof child === 'string') {
+        return child;
+    }
+    return undefined;
 };
 exports.getTooltip = (0, framework_1.memoize)(getTooltipWorker);
-//# sourceMappingURL=MenuItem.js.map
+//# sourceMappingURL=MenuItem.js.map

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

@@ -2,4 +2,4 @@ import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuItemProps, MenuItemTokens, MenuItemSlotProps } from './MenuItem.types';
 export declare const menuItemStates: (keyof MenuItemTokens)[];
 export declare const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps, MenuItemTokens>;
-//# sourceMappingURL=MenuItem.styling.d.ts.map
+//# sourceMappingURL=MenuItem.styling.d.ts.map

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

@@ -1,84 +1,63 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = exports.menuItemStates = void 0;
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const tokens_1 = require('@fluentui-react-native/tokens');
-const MenuItem_types_1 = require('./MenuItem.types');
-const MenuItemTokens_1 = require('./MenuItemTokens');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const tokens_1 = require("@fluentui-react-native/tokens");
+const MenuItem_types_1 = require("./MenuItem.types");
+const MenuItemTokens_1 = require("./MenuItemTokens");
 exports.menuItemStates = ['hovered', 'focused', 'pressed', 'disabled'];
 exports.stylingSettings = {
-  tokens: [MenuItemTokens_1.defaultMenuItemTokens, MenuItem_types_1.menuItemName],
-  states: exports.menuItemStates,
-  slotProps: {
-    root: (0, framework_1.buildProps)(
-      (tokens, theme) => ({
-        style: {
-          alignItems: 'center',
-          backgroundColor: tokens.backgroundColor,
-          display: 'flex',
-          flexDirection: 'row',
-          ...tokens_1.layoutStyles.from(tokens, theme),
-          ...tokens_1.borderStyles.from(tokens, theme),
-        },
-      }),
-      ['backgroundColor', ...tokens_1.borderStyles.keys, ...tokens_1.layoutStyles.keys],
-    ),
-    checkmark: (0, framework_1.buildProps)(
-      (tokens) => ({
-        style: {
-          height: tokens.checkmarkSize,
-          width: tokens.checkmarkSize,
-          marginEnd: react_native_1.Platform.OS === 'android' ? tokens.marginEndForCheckedAndroid : tokens.gap,
-        },
-      }),
-      ['checkmarkSize', 'gap'],
-    ),
-    content: (0, framework_1.buildProps)(
-      (tokens, theme) => {
-        return {
-          color: tokens.color,
-          style: {
-            flexGrow: 1,
-            ...tokens_1.fontStyles.from(tokens, theme),
-          },
-        };
-      },
-      ['color', ...tokens_1.fontStyles.keys],
-    ),
-    iconPlaceholder: (0, framework_1.buildProps)(
-      (tokens) => ({
-        style: {
-          minHeight: tokens.iconSize,
-          minWidth: tokens.iconSize,
-          alignItems: 'center',
-          justifyContent: 'center',
-          marginEnd: tokens.gap,
-        },
-      }),
-      ['checkmarkSize', 'gap'],
-    ),
-    imgIcon: (0, framework_1.buildProps)(
-      (tokens) => ({
-        style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
-      }),
-      ['gap', 'iconColor', 'iconSize'],
-    ),
-    fontOrSvgIcon: (0, framework_1.buildProps)(
-      (tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }),
-      ['gap', 'iconColor', 'iconSize'],
-    ),
-    submenuIndicator: (0, framework_1.buildProps)(
-      (tokens) => {
-        return {
-          color: tokens.submenuIndicatorColor,
-          height: tokens.submenuIndicatorSize,
-          width: tokens.submenuIndicatorSize,
-          viewBox: `0 0 ${tokens.submenuIndicatorSize} ${tokens.submenuIndicatorSize}`,
-        };
-      },
-      ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize'],
-    ),
-  },
+    tokens: [MenuItemTokens_1.defaultMenuItemTokens, MenuItem_types_1.menuItemName],
+    states: exports.menuItemStates,
+    slotProps: {
+        root: (0, framework_1.buildProps)((tokens, theme) => ({
+            style: {
+                alignItems: 'center',
+                backgroundColor: tokens.backgroundColor,
+                display: 'flex',
+                flexDirection: 'row',
+                ...tokens_1.layoutStyles.from(tokens, theme),
+                ...tokens_1.borderStyles.from(tokens, theme),
+            },
+        }), ['backgroundColor', ...tokens_1.borderStyles.keys, ...tokens_1.layoutStyles.keys]),
+        checkmark: (0, framework_1.buildProps)((tokens) => ({
+            style: {
+                height: tokens.checkmarkSize,
+                width: tokens.checkmarkSize,
+                marginEnd: react_native_1.Platform.OS === 'android' ? tokens.marginEndForCheckedAndroid : tokens.gap,
+            },
+        }), ['checkmarkSize', 'gap']),
+        content: (0, framework_1.buildProps)((tokens, theme) => {
+            return {
+                color: tokens.color,
+                style: {
+                    flexGrow: 1,
+                    ...tokens_1.fontStyles.from(tokens, theme),
+                },
+            };
+        }, ['color', ...tokens_1.fontStyles.keys]),
+        iconPlaceholder: (0, framework_1.buildProps)((tokens) => ({
+            style: {
+                minHeight: tokens.iconSize,
+                minWidth: tokens.iconSize,
+                alignItems: 'center',
+                justifyContent: 'center',
+                marginEnd: tokens.gap,
+            },
+        }), ['checkmarkSize', 'gap']),
+        imgIcon: (0, framework_1.buildProps)((tokens) => ({
+            style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
+        }), ['gap', 'iconColor', 'iconSize']),
+        fontOrSvgIcon: (0, framework_1.buildProps)((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
+        submenuIndicator: (0, framework_1.buildProps)((tokens) => {
+            return {
+                color: tokens.submenuIndicatorColor,
+                height: tokens.submenuIndicatorSize,
+                width: tokens.submenuIndicatorSize,
+                viewBox: `0 0 ${tokens.submenuIndicatorSize} ${tokens.submenuIndicatorSize}`,
+            };
+        }, ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize']),
+    },
 };
-//# sourceMappingURL=MenuItem.styling.js.map
+//# sourceMappingURL=MenuItem.styling.js.map

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

@@ -6,98 +6,98 @@ import type { IFocusable, InteractionEvent, PressablePropsExtended, PressableSta
 import type { TextProps } from '@fluentui-react-native/text';
 import type { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
 import type { XmlProps } from 'react-native-svg';
-export declare const menuItemName = 'MenuItem';
+export declare const menuItemName = "MenuItem";
 export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
-  /**
-   * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
-   */
-  checkmarkSize?: number;
-  /**
-   * Space between parts of the item control in pixels
-   */
-  gap?: number;
-  /**
-   * Color of the icon
-   */
-  iconColor?: ColorValue;
-  /**
-   * Size of the icon. Pixels for SVG and points for font icon.
-   */
-  iconSize?: number;
-  /**
-   * Amount of space in pixels at the end of the item control that is reserved to align the item's text with other items which have checkmarks
-   * @platform android
-   */
-  marginEndForCheckedAndroid?: number;
-  /**
-   * Color of the indicator that shows that an item has a submenu
-   */
-  submenuIndicatorColor?: ColorValue;
-  /**
-   * Amount of space in pixels around the indicator that shows that an item has a submenu
-   */
-  submenuIndicatorPadding?: number;
-  /**
-   * Height and width in pixels of the indicator that shows that an item has a submenu
-   */
-  submenuIndicatorSize?: number;
-  /**
-   * States of the item control
-   */
-  disabled?: MenuItemTokens;
-  focused?: MenuItemTokens;
-  hovered?: MenuItemTokens;
-  pressed?: MenuItemTokens;
+    /**
+     * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
+     */
+    checkmarkSize?: number;
+    /**
+     * Space between parts of the item control in pixels
+     */
+    gap?: number;
+    /**
+     * Color of the icon
+     */
+    iconColor?: ColorValue;
+    /**
+     * Size of the icon. Pixels for SVG and points for font icon.
+     */
+    iconSize?: number;
+    /**
+     * Amount of space in pixels at the end of the item control that is reserved to align the item's text with other items which have checkmarks
+     * @platform android
+     */
+    marginEndForCheckedAndroid?: number;
+    /**
+     * Color of the indicator that shows that an item has a submenu
+     */
+    submenuIndicatorColor?: ColorValue;
+    /**
+     * Amount of space in pixels around the indicator that shows that an item has a submenu
+     */
+    submenuIndicatorPadding?: number;
+    /**
+     * Height and width in pixels of the indicator that shows that an item has a submenu
+     */
+    submenuIndicatorSize?: number;
+    /**
+     * States of the item control
+     */
+    disabled?: MenuItemTokens;
+    focused?: MenuItemTokens;
+    hovered?: MenuItemTokens;
+    pressed?: MenuItemTokens;
 }
 export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
-  /**
-   * A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
-   */
-  componentRef?: React.RefObject<IFocusable>;
-  icon?: IconProps | ImageProps;
-  /**
-   * A callback to call on button click event
-   */
-  onClick?: (e: InteractionEvent) => void;
-  /**
-   * Do not dismiss the menu when a menu item is clicked
-   */
-  persistOnClick?: boolean;
+    /**
+     * A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
+     */
+    componentRef?: React.RefObject<IFocusable>;
+    icon?: IconProps | ImageProps;
+    /**
+     * A callback to call on button click event
+     */
+    onClick?: (e: InteractionEvent) => void;
+    /**
+     * Do not dismiss the menu when a menu item is clicked
+     */
+    persistOnClick?: boolean;
 }
 export interface MenuItemState extends PressableState {
-  /**
-   * Whether Menu has other items that are checkbox or radio.
-   */
-  hasCheckmarks?: boolean;
-  /**
-   * Whether Menu has items with icons.
-   */
-  hasIcons?: boolean;
-  /**
-   * If the menu item is a trigger for a submenu
-   */
-  hasSubmenu?: boolean;
-  /**
-   * States that menu items all have tooltips with its text by default.
-   */
-  hasTooltips?: boolean;
+    /**
+     * Whether Menu has other items that are checkbox or radio.
+     */
+    hasCheckmarks?: boolean;
+    /**
+     * Whether Menu has items with icons.
+     */
+    hasIcons?: boolean;
+    /**
+     * If the menu item is a trigger for a submenu
+     */
+    hasSubmenu?: boolean;
+    /**
+     * States that menu items all have tooltips with its text by default.
+     */
+    hasTooltips?: boolean;
 }
 export interface MenuItemInfo {
-  props: MenuItemProps & React.ComponentPropsWithRef<any>;
-  state: MenuItemState;
+    props: MenuItemProps & React.ComponentPropsWithRef<any>;
+    state: MenuItemState;
 }
 export interface MenuItemSlotProps {
-  root: React.PropsWithRef<PressablePropsExtended>;
-  content?: TextProps;
-  checkmark?: React.PropsWithRef<IViewProps>;
-  iconPlaceholder?: React.PropsWithRef<IViewProps>;
-  imgIcon?: ImageProps;
-  fontOrSvgIcon?: IconProps;
-  submenuIndicator?: XmlProps;
+    root: React.PropsWithRef<PressablePropsExtended>;
+    content?: TextProps;
+    checkmark?: React.PropsWithRef<IViewProps>;
+    iconPlaceholder?: React.PropsWithRef<IViewProps>;
+    imgIcon?: ImageProps;
+    fontOrSvgIcon?: IconProps;
+    submenuIndicator?: XmlProps;
 }
 export interface MenuItemType {
-  props: MenuItemProps;
-  tokens: MenuItemTokens;
-  slotProps: MenuItemSlotProps;
+    props: MenuItemProps;
+    tokens: MenuItemTokens;
+    slotProps: MenuItemSlotProps;
 }
-//# sourceMappingURL=MenuItem.types.d.ts.map
+//# sourceMappingURL=MenuItem.types.d.ts.map

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

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

package/lib-commonjs/MenuItem/MenuItemTokens.android.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 { MenuItemTokens } from './MenuItem.types';
 export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
-//# sourceMappingURL=MenuItemTokens.android.d.ts.map
+//# sourceMappingURL=MenuItemTokens.android.d.ts.map

package/lib-commonjs/MenuItem/MenuItemTokens.android.js

@@ -1,24 +1,24 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuItemTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuItemTokens = (t) => ({
-  color: t.colors.neutralForeground1,
-  variant: 'body1',
-  paddingHorizontal: theme_tokens_1.globalTokens.size160,
-  paddingVertical: theme_tokens_1.globalTokens.size60,
-  iconColor: t.colors.neutralForeground3,
-  iconSize: theme_tokens_1.globalTokens.size240,
-  marginEndForCheckedAndroid: theme_tokens_1.globalTokens.size360,
-  pressed: {
-    backgroundColor: t.colors.neutralBackground1Pressed,
-  },
-  disabled: {
-    backgroundColor: t.colors.neutralBackground1,
-    color: t.colors.neutralForegroundDisabled1,
-    iconColor: t.colors.disabledText,
-  },
-  gap: theme_tokens_1.globalTokens.size160,
+    color: t.colors.neutralForeground1,
+    variant: 'body1',
+    paddingHorizontal: theme_tokens_1.globalTokens.size160,
+    paddingVertical: theme_tokens_1.globalTokens.size60,
+    iconColor: t.colors.neutralForeground3,
+    iconSize: theme_tokens_1.globalTokens.size240,
+    marginEndForCheckedAndroid: theme_tokens_1.globalTokens.size360,
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled1,
+        iconColor: t.colors.disabledText,
+    },
+    gap: theme_tokens_1.globalTokens.size160,
 });
 exports.defaultMenuItemTokens = defaultMenuItemTokens;
-//# sourceMappingURL=MenuItemTokens.android.js.map
+//# sourceMappingURL=MenuItemTokens.android.js.map

package/lib-commonjs/MenuItem/MenuItemTokens.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 { MenuItemTokens } from './MenuItem.types';
 export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
-//# sourceMappingURL=MenuItemTokens.d.ts.map
+//# sourceMappingURL=MenuItemTokens.d.ts.map

package/lib-commonjs/MenuItem/MenuItemTokens.js

@@ -1,43 +1,43 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuItemTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuItemTokens = (t) => ({
-  backgroundColor: t.colors.neutralBackground1,
-  borderRadius: theme_tokens_1.globalTokens.corner.radius40,
-  checkmarkSize: 16,
-  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: 128,
-  maxWidth: 300,
-  padding: theme_tokens_1.globalTokens.size60,
-  submenuIndicatorColor: t.colors.neutralForeground2,
-  submenuIndicatorPadding: theme_tokens_1.globalTokens.sizeNone,
-  submenuIndicatorSize: 16,
-  hovered: {
-    backgroundColor: t.colors.neutralBackground1Hover,
-    color: t.colors.neutralForeground2Hover,
-    iconColor: t.colors.neutralForeground2Hover,
-    submenuIndicatorColor: t.colors.neutralForeground2Hover,
-  },
-  pressed: {
-    backgroundColor: t.colors.neutralBackground1Pressed,
-    color: t.colors.neutralForeground2Pressed,
-    iconColor: t.colors.neutralForeground2Pressed,
-    submenuIndicatorColor: t.colors.neutralForeground2Pressed,
-  },
-  disabled: {
     backgroundColor: t.colors.neutralBackground1,
-    color: t.colors.neutralForegroundDisabled,
-    iconColor: t.colors.neutralForegroundDisabled,
-    submenuIndicatorColor: t.colors.neutralForegroundDisabled,
-  },
+    borderRadius: theme_tokens_1.globalTokens.corner.radius40,
+    checkmarkSize: 16,
+    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: 128,
+    maxWidth: 300,
+    padding: theme_tokens_1.globalTokens.size60,
+    submenuIndicatorColor: t.colors.neutralForeground2,
+    submenuIndicatorPadding: theme_tokens_1.globalTokens.sizeNone,
+    submenuIndicatorSize: 16,
+    hovered: {
+        backgroundColor: t.colors.neutralBackground1Hover,
+        color: t.colors.neutralForeground2Hover,
+        iconColor: t.colors.neutralForeground2Hover,
+        submenuIndicatorColor: t.colors.neutralForeground2Hover,
+    },
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+        color: t.colors.neutralForeground2Pressed,
+        iconColor: t.colors.neutralForeground2Pressed,
+        submenuIndicatorColor: t.colors.neutralForeground2Pressed,
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        color: t.colors.neutralForegroundDisabled,
+        iconColor: t.colors.neutralForegroundDisabled,
+        submenuIndicatorColor: t.colors.neutralForegroundDisabled,
+    },
 });
 exports.defaultMenuItemTokens = defaultMenuItemTokens;
-//# sourceMappingURL=MenuItemTokens.js.map
+//# sourceMappingURL=MenuItemTokens.js.map

package/lib-commonjs/MenuItem/MenuItemTokens.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 { MenuItemTokens } from './MenuItem.types';
 export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
-//# sourceMappingURL=MenuItemTokens.macos.d.ts.map
+//# sourceMappingURL=MenuItemTokens.macos.d.ts.map