@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js

@@ -1,77 +1,49 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.menuItemFinalRender = exports.MenuItemCheckbox = 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 MenuItemCheckbox_styling_1 = require('./MenuItemCheckbox.styling');
-const MenuItemCheckbox_types_1 = require('./MenuItemCheckbox.types');
-const useMenuItemCheckbox_1 = require('./useMenuItemCheckbox');
-const MenuItem_1 = require('../MenuItem/MenuItem');
+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 MenuItemCheckbox_styling_1 = require("./MenuItemCheckbox.styling");
+const MenuItemCheckbox_types_1 = require("./MenuItemCheckbox.types");
+const useMenuItemCheckbox_1 = require("./useMenuItemCheckbox");
+const MenuItem_1 = require("../MenuItem/MenuItem");
 exports.MenuItemCheckbox = (0, framework_1.compose)({
-  displayName: MenuItemCheckbox_types_1.menuItemCheckboxName,
-  ...MenuItemCheckbox_styling_1.stylingSettings,
-  slots: {
-    root: react_native_1.Pressable,
-    ...(react_native_1.Platform.OS === 'android' && { checkbox: react_native_1.Pressable }),
-    checkmark: react_native_svg_1.SvgXml,
-    content: text_1.TextV1,
-    iconPlaceholder: react_native_1.View,
-    imgIcon: react_native_1.Image,
-    fontOrSvgIcon: icon_1.IconV1,
-  },
-  useRender: (userProps, useSlots) => {
-    const menuItem = (0, useMenuItemCheckbox_1.useMenuItemCheckbox)(userProps);
-    const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
-    return (0, exports.menuItemFinalRender)(menuItem, Slots);
-  },
+    displayName: MenuItemCheckbox_types_1.menuItemCheckboxName,
+    ...MenuItemCheckbox_styling_1.stylingSettings,
+    slots: {
+        root: react_native_1.Pressable,
+        ...(react_native_1.Platform.OS === 'android' && { checkbox: react_native_1.Pressable }),
+        checkmark: react_native_svg_1.SvgXml,
+        content: text_1.TextV1,
+        iconPlaceholder: react_native_1.View,
+        imgIcon: react_native_1.Image,
+        fontOrSvgIcon: icon_1.IconV1,
+    },
+    useRender: (userProps, useSlots) => {
+        const menuItem = (0, useMenuItemCheckbox_1.useMenuItemCheckbox)(userProps);
+        const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
+        return (0, exports.menuItemFinalRender)(menuItem, Slots);
+    },
 });
 const menuItemFinalRender = (menuItem, Slots) => {
-  return (final, ...children) => {
-    const { accessibilityLabel, icon, tooltip, ...mergedProps } = (0, framework_1.mergeProps)(menuItem.props, final);
-    const checkmarkXml = `
+    return (final, ...children) => {
+        const { accessibilityLabel, icon, tooltip, ...mergedProps } = (0, framework_1.mergeProps)(menuItem.props, final);
+        const checkmarkXml = `
     <svg>
       <path fill='currentColor' d='M9.85355 3.14645C10.0488 3.34171 10.0488 3.65829 9.85355 3.85355L5.35355 8.35355C5.15829 8.54882 4.84171 8.54882 4.64645 8.35355L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L5 7.29289L9.14645 3.14645C9.34171 2.95118 9.65829 2.95118 9.85355 3.14645Z' />
     </svg>`;
-    const androidCheckmarkPath = `
+        const androidCheckmarkPath = `
     <svg>
       <path fill='currentColor' d='M9.76497 3.20474C10.0661 3.48915 10.0797 3.96383 9.79526 4.26497L5.54526 8.76497C5.40613 8.91228 5.21332 8.99703 5.01071 8.99993C4.8081 9.00282 4.61295 8.92361 4.46967 8.78033L2.21967 6.53033C1.92678 6.23744 1.92678 5.76257 2.21967 5.46967C2.51256 5.17678 2.98744 5.17678 3.28033 5.46967L4.98463 7.17397L8.70474 3.23503C8.98915 2.9339 9.46383 2.92033 9.76497 3.20474Z' />
     </svg>`;
-    const label = (0, MenuItem_1.getAccessibilityLabel)(accessibilityLabel, children[0]);
-    const tooltipResult = (0, MenuItem_1.getTooltip)(tooltip, menuItem.state.hasTooltips, children[0]);
-    return jsx_runtime_1.jsxs(Slots.root, {
-      ...mergedProps,
-      accessibilityLabel: label,
-      children: [
-        react_native_1.Platform.OS === 'android'
-          ? jsx_runtime_1.jsx(Slots.checkbox, {
-              onPress: mergedProps.onPress,
-              accessible: false,
-              focusable: false,
-              children: jsx_runtime_1.jsx(Slots.checkmark, { xml: androidCheckmarkPath }),
-            })
-          : jsx_runtime_1.jsx(Slots.checkmark, { accessible: false, xml: checkmarkXml }),
-        (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,
-          }),
-      ],
-    });
-  };
+        const label = (0, MenuItem_1.getAccessibilityLabel)(accessibilityLabel, children[0]);
+        const tooltipResult = (0, MenuItem_1.getTooltip)(tooltip, menuItem.state.hasTooltips, children[0]);
+        return (jsx_runtime_1.jsxs(Slots.root, { ...mergedProps, accessibilityLabel: label, children: [react_native_1.Platform.OS === 'android' ? (jsx_runtime_1.jsx(Slots.checkbox, { onPress: mergedProps.onPress, accessible: false, focusable: false, children: jsx_runtime_1.jsx(Slots.checkmark, { xml: androidCheckmarkPath }) })) : (jsx_runtime_1.jsx(Slots.checkmark, { accessible: false, xml: checkmarkXml })), (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 }))] }));
+    };
 };
 exports.menuItemFinalRender = menuItemFinalRender;
-//# sourceMappingURL=MenuItemCheckbox.js.map
+//# sourceMappingURL=MenuItemCheckbox.js.map

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

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

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

@@ -1,97 +1,75 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = exports.menuItemCheckboxStates = 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 MenuItemCheckbox_types_1 = require('./MenuItemCheckbox.types');
-const MenuItemCheckboxTokens_1 = require('./MenuItemCheckboxTokens');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const tokens_1 = require("@fluentui-react-native/tokens");
+const MenuItemCheckbox_types_1 = require("./MenuItemCheckbox.types");
+const MenuItemCheckboxTokens_1 = require("./MenuItemCheckboxTokens");
 exports.menuItemCheckboxStates = ['hovered', 'focused', 'pressed', 'disabled', 'checked'];
 const hasPressRententionForA11y = react_native_1.Platform.OS === 'android';
 exports.stylingSettings = {
-  tokens: [MenuItemCheckboxTokens_1.defaultMenuItemCheckboxTokens, MenuItemCheckbox_types_1.menuItemCheckboxName],
-  states: exports.menuItemCheckboxStates,
-  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],
-    ),
-    ...(react_native_1.Platform.OS === 'android' && {
-      checkbox: (0, framework_1.buildProps)(
-        (tokens) => ({
-          style: {
-            height: tokens.checkboxSize,
-            marginEnd: tokens.paddingHorizontal,
-            width: tokens.checkboxSize,
-            backgroundColor: tokens.checkboxBackgroundColor,
-            borderColor: tokens.checkboxBorderColor,
-            borderRadius: tokens.checkboxBorderRadius,
-            borderWidth: tokens.checkboxBorderWidth,
-            alignItems: 'center',
-            justifyContent: 'center',
-          },
-          ...(hasPressRententionForA11y && {
-            pressRetentionOffset:
-              typeof tokens.padding === 'number' ? tokens.padding : typeof tokens.padding === 'string' ? parseFloat(tokens.padding) : 0, /// Retention of the press area outside of the checkbox equal to padding to match accessibility requirement
-          }),
-          android_ripple: { color: tokens.rippleColor, radius: tokens.checkmarkSize, foreground: true },
+    tokens: [MenuItemCheckboxTokens_1.defaultMenuItemCheckboxTokens, MenuItemCheckbox_types_1.menuItemCheckboxName],
+    states: exports.menuItemCheckboxStates,
+    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]),
+        ...(react_native_1.Platform.OS === 'android' && {
+            checkbox: (0, framework_1.buildProps)((tokens) => ({
+                style: {
+                    height: tokens.checkboxSize,
+                    marginEnd: tokens.paddingHorizontal,
+                    width: tokens.checkboxSize,
+                    backgroundColor: tokens.checkboxBackgroundColor,
+                    borderColor: tokens.checkboxBorderColor,
+                    borderRadius: tokens.checkboxBorderRadius,
+                    borderWidth: tokens.checkboxBorderWidth,
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                },
+                ...(hasPressRententionForA11y && {
+                    pressRetentionOffset: typeof tokens.padding === 'number' ? tokens.padding : typeof tokens.padding === 'string' ? parseFloat(tokens.padding) : 0, /// Retention of the press area outside of the checkbox equal to padding to match accessibility requirement
+                }),
+                android_ripple: { color: tokens.rippleColor, radius: tokens.checkmarkSize, foreground: true },
+            }), ['checkboxBackgroundColor', 'checkboxBorderColor', 'checkboxBorderRadius', 'checkboxBorderWidth', 'checkboxSize', 'rippleColor']),
         }),
-        ['checkboxBackgroundColor', 'checkboxBorderColor', 'checkboxBorderRadius', 'checkboxBorderWidth', 'checkboxSize', 'rippleColor'],
-      ),
-    }),
-    checkmark: (0, framework_1.buildProps)(
-      (tokens) => ({
-        opacity: tokens.checkmarkVisibility,
-        color: tokens.checkmarkColor ?? tokens.color,
-        height: tokens.checkmarkSize,
-        width: tokens.checkmarkSize,
-        viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
-        ...(react_native_1.Platform.OS !== 'android' && { style: { marginEnd: tokens.gap } }),
-      }),
-      ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap'],
-    ),
-    content: (0, framework_1.buildProps)(
-      (tokens, theme) => ({
-        style: {
-          flexGrow: 1,
-          color: tokens.color,
-          ...(react_native_1.Platform.OS === 'android' && { flexShrink: 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'],
-    ),
-  },
+        checkmark: (0, framework_1.buildProps)((tokens) => ({
+            opacity: tokens.checkmarkVisibility,
+            color: tokens.checkmarkColor ?? tokens.color,
+            height: tokens.checkmarkSize,
+            width: tokens.checkmarkSize,
+            viewBox: '0 0 ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2) + ' ' + (tokens.checkmarkSize - tokens.checkmarkPadding * 2),
+            ...(react_native_1.Platform.OS !== 'android' && { style: { marginEnd: tokens.gap } }),
+        }), ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap']),
+        content: (0, framework_1.buildProps)((tokens, theme) => ({
+            style: {
+                flexGrow: 1,
+                color: tokens.color,
+                ...(react_native_1.Platform.OS === 'android' && { flexShrink: 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']),
+    },
 };
-//# sourceMappingURL=MenuItemCheckbox.styling.js.map
+//# sourceMappingURL=MenuItemCheckbox.styling.js.map

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

@@ -6,102 +6,101 @@ import type { PressablePropsExtended, PressableState } from '@fluentui-react-nat
 import type { TextProps } from '@fluentui-react-native/text';
 import type { XmlProps } from 'react-native-svg';
 import type { MenuItemProps, MenuItemTokens } from '../MenuItem/MenuItem.types';
-export declare const menuItemCheckboxName = 'MenuItemCheckbox';
-export interface MenuItemCheckboxTokens
-  extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
-  /**
-   * Color of the checkmark icon
-   */
-  checkmarkColor?: ColorValue;
-  /**
-   * Amount of space in pixels around the checkmark icon
-   */
-  checkmarkPadding?: number;
-  /**
-   * Visibility of the checkmark icon from 0 to 1
-   */
-  checkmarkVisibility?: number;
-  /**
-   * Color of the icon
-   */
-  iconColor?: ColorValue;
-  /**
-   * Size of the icon. Pixels for SVG and points for font icon.
-   */
-  iconSize?: number;
-  /**
-   * Color of the background of the box containing the checkmark.
-   * @platform android
-   */
-  checkboxBackgroundColor?: ColorValue;
-  /**
-   * Color of the border of the box containing the checkmark.
-   * @platform android
-   */
-  checkboxBorderColor?: ColorValue;
-  /**
-   * Border radius of the box containing the checkmark.
-   * @platform android
-   */
-  checkboxBorderRadius?: AnimatableNumericValue | string;
-  /**
-   * Width of the border around the box containing the checkmark.
-   * @platform android
-   */
-  checkboxBorderWidth?: number;
-  /**
-   * Height and width of the box containing the checkmark.
-   * @platform android
-   */
-  checkboxSize?: number;
-  /**
-   * Ripple color for Android.
-   *
-   * A ripple animation is shown on click for Android. This sets the color of the ripple.
-   * @platform android
-   */
-  rippleColor?: ColorValue;
-  /**
-   * Ripple radius for circular radio on Android.
-   *
-   * A ripple animation is shown on click for Android. This sets the radius of the circular ripple shown on the radio button.
-   * @platform android
-   */
-  rippleRadius?: number;
-  /**
-   * States of the item control
-   */
-  checked?: MenuItemCheckboxTokens;
-  disabled?: MenuItemCheckboxTokens;
-  focused?: MenuItemCheckboxTokens;
-  hovered?: MenuItemCheckboxTokens;
-  pressed?: MenuItemCheckboxTokens;
+export declare const menuItemCheckboxName = "MenuItemCheckbox";
+export interface MenuItemCheckboxTokens extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
+    /**
+     * Color of the checkmark icon
+     */
+    checkmarkColor?: ColorValue;
+    /**
+     * Amount of space in pixels around the checkmark icon
+     */
+    checkmarkPadding?: number;
+    /**
+     * Visibility of the checkmark icon from 0 to 1
+     */
+    checkmarkVisibility?: number;
+    /**
+     * Color of the icon
+     */
+    iconColor?: ColorValue;
+    /**
+     * Size of the icon. Pixels for SVG and points for font icon.
+     */
+    iconSize?: number;
+    /**
+     * Color of the background of the box containing the checkmark.
+     * @platform android
+     */
+    checkboxBackgroundColor?: ColorValue;
+    /**
+     * Color of the border of the box containing the checkmark.
+     * @platform android
+     */
+    checkboxBorderColor?: ColorValue;
+    /**
+     * Border radius of the box containing the checkmark.
+     * @platform android
+     */
+    checkboxBorderRadius?: AnimatableNumericValue | string;
+    /**
+     * Width of the border around the box containing the checkmark.
+     * @platform android
+     */
+    checkboxBorderWidth?: number;
+    /**
+     * Height and width of the box containing the checkmark.
+     * @platform android
+     */
+    checkboxSize?: number;
+    /**
+     * Ripple color for Android.
+     *
+     * A ripple animation is shown on click for Android. This sets the color of the ripple.
+     * @platform android
+     */
+    rippleColor?: ColorValue;
+    /**
+     * Ripple radius for circular radio on Android.
+     *
+     * A ripple animation is shown on click for Android. This sets the radius of the circular ripple shown on the radio button.
+     * @platform android
+     */
+    rippleRadius?: number;
+    /**
+     * States of the item control
+     */
+    checked?: MenuItemCheckboxTokens;
+    disabled?: MenuItemCheckboxTokens;
+    focused?: MenuItemCheckboxTokens;
+    hovered?: MenuItemCheckboxTokens;
+    pressed?: MenuItemCheckboxTokens;
 }
 export interface MenuItemCheckboxProps extends MenuItemProps {
-  /**
-   * Identifier for the control
-   */
-  name: string;
+    /**
+     * Identifier for the control
+     */
+    name: string;
 }
 export interface MenuItemCheckboxInfo {
-  props: MenuItemCheckboxProps & React.ComponentPropsWithRef<any>;
-  state: PressableState & {
-    hasIcons: boolean;
-    hasTooltips: boolean;
-  };
+    props: MenuItemCheckboxProps & React.ComponentPropsWithRef<any>;
+    state: PressableState & {
+        hasIcons: boolean;
+        hasTooltips: boolean;
+    };
 }
 export interface MenuItemCheckboxSlotProps {
-  root: React.PropsWithRef<PressablePropsExtended>;
-  checkbox?: PressablePropsExtended;
-  checkmark?: XmlProps;
-  content?: TextProps;
-  iconPlaceholder?: React.PropsWithRef<IViewProps>;
-  imgIcon?: ImageProps;
-  fontOrSvgIcon?: IconProps;
+    root: React.PropsWithRef<PressablePropsExtended>;
+    checkbox?: PressablePropsExtended;
+    checkmark?: XmlProps;
+    content?: TextProps;
+    iconPlaceholder?: React.PropsWithRef<IViewProps>;
+    imgIcon?: ImageProps;
+    fontOrSvgIcon?: IconProps;
 }
 export interface MenuItemCheckboxType {
-  props: MenuItemCheckboxProps;
-  tokens: MenuItemCheckboxTokens;
-  slotProps: MenuItemCheckboxSlotProps;
+    props: MenuItemCheckboxProps;
+    tokens: MenuItemCheckboxTokens;
+    slotProps: MenuItemCheckboxSlotProps;
 }
-//# sourceMappingURL=MenuItemCheckbox.types.d.ts.map
+//# sourceMappingURL=MenuItemCheckbox.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACjI;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,UAAU,CAAC;IAErC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAEjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAEvD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IAEzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAChE,KAAK,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;CACrE;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,yBAAyB,CAAC;CACtC"}
+{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,cAAc,EACd,yBAAyB,GAAG,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CACpG;IACC;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,UAAU,CAAC;IAErC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAEjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAEvD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IAEzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAChE,KAAK,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;CACrE;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,yBAAyB,CAAC;CACtC"}

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

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

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

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

@@ -1,45 +1,45 @@
-'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) => ({
-  checkmarkSize: theme_tokens_1.globalTokens.size120,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground1,
-  variant: 'body1',
-  gap: theme_tokens_1.globalTokens.size160,
-  iconColor: t.colors.neutralForeground2,
-  iconSize: theme_tokens_1.globalTokens.size200,
-  maxWidth: 300,
-  paddingVertical: theme_tokens_1.globalTokens.size60,
-  paddingHorizontal: theme_tokens_1.globalTokens.size160,
-  checkmarkPadding: theme_tokens_1.globalTokens.sizeNone,
-  checkboxBorderWidth: theme_tokens_1.globalTokens.stroke.width15,
-  checkboxBorderRadius: theme_tokens_1.globalTokens.corner.radius40,
-  checkboxSize: theme_tokens_1.globalTokens.size200,
-  checkboxBorderColor: t.colors.neutralStrokeAccessible,
-  rippleColor: '#D4D4D4',
-  pressed: {
-    backgroundColor: t.colors.neutralBackground1Pressed,
-  },
-  disabled: {
-    backgroundColor: t.colors.neutralBackground1,
-    checkboxBorderColor: t.colors.neutralStrokeDisabled,
-    color: t.colors.neutralForegroundDisabled1,
-    iconColor: t.colors.neutralForegroundDisabled,
-    // Unselected, Disabled
+    checkmarkSize: theme_tokens_1.globalTokens.size120,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground1,
+    variant: 'body1',
+    gap: theme_tokens_1.globalTokens.size160,
+    iconColor: t.colors.neutralForeground2,
+    iconSize: theme_tokens_1.globalTokens.size200,
+    maxWidth: 300,
+    paddingVertical: theme_tokens_1.globalTokens.size60,
+    paddingHorizontal: theme_tokens_1.globalTokens.size160,
+    checkmarkPadding: theme_tokens_1.globalTokens.sizeNone,
+    checkboxBorderWidth: theme_tokens_1.globalTokens.stroke.width15,
+    checkboxBorderRadius: theme_tokens_1.globalTokens.corner.radius40,
+    checkboxSize: theme_tokens_1.globalTokens.size200,
+    checkboxBorderColor: t.colors.neutralStrokeAccessible,
     rippleColor: '#D4D4D4',
+    pressed: {
+        backgroundColor: t.colors.neutralBackground1Pressed,
+    },
+    disabled: {
+        backgroundColor: t.colors.neutralBackground1,
+        checkboxBorderColor: t.colors.neutralStrokeDisabled,
+        color: t.colors.neutralForegroundDisabled1,
+        iconColor: t.colors.neutralForegroundDisabled,
+        // Unselected, Disabled
+        rippleColor: '#D4D4D4',
+        checked: {
+            checkboxBackgroundColor: t.colors.brandBackgroundDisabled,
+            checkmarkVisibility: 1,
+        },
+    },
     checked: {
-      checkboxBackgroundColor: t.colors.brandBackgroundDisabled,
-      checkmarkVisibility: 1,
+        checkmarkVisibility: 1,
+        checkboxBackgroundColor: t.colors.brandBackground,
+        checkboxBorderWidth: theme_tokens_1.globalTokens.stroke.widthNone,
+        checkmarkColor: t.colors.neutralForegroundOnColor,
     },
-  },
-  checked: {
-    checkmarkVisibility: 1,
-    checkboxBackgroundColor: t.colors.brandBackground,
-    checkboxBorderWidth: theme_tokens_1.globalTokens.stroke.widthNone,
-    checkmarkColor: t.colors.neutralForegroundOnColor,
-  },
 });
 exports.defaultMenuItemCheckboxTokens = defaultMenuItemCheckboxTokens;
-//# sourceMappingURL=MenuItemCheckboxTokens.android.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.android.js.map

package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.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.d.ts.map
+//# sourceMappingURL=MenuItemCheckboxTokens.d.ts.map