@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib/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/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/MenuItemCheckbox/MenuItemCheckbox.types.js

@@ -1,2 +1,2 @@
 export const menuItemCheckboxName = 'MenuItemCheckbox';
-//# sourceMappingURL=MenuItemCheckbox.types.js.map
+//# sourceMappingURL=MenuItemCheckbox.types.js.map

package/lib/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/MenuItemCheckbox/MenuItemCheckboxTokens.android.js

@@ -1,41 +1,41 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuItemCheckboxTokens = (t) => ({
-  checkmarkSize: globalTokens.size120,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground1,
-  variant: 'body1',
-  gap: globalTokens.size160,
-  iconColor: t.colors.neutralForeground2,
-  iconSize: globalTokens.size200,
-  maxWidth: 300,
-  paddingVertical: globalTokens.size60,
-  paddingHorizontal: globalTokens.size160,
-  checkmarkPadding: globalTokens.sizeNone,
-  checkboxBorderWidth: globalTokens.stroke.width15,
-  checkboxBorderRadius: globalTokens.corner.radius40,
-  checkboxSize: 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: globalTokens.size120,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground1,
+    variant: 'body1',
+    gap: globalTokens.size160,
+    iconColor: t.colors.neutralForeground2,
+    iconSize: globalTokens.size200,
+    maxWidth: 300,
+    paddingVertical: globalTokens.size60,
+    paddingHorizontal: globalTokens.size160,
+    checkmarkPadding: globalTokens.sizeNone,
+    checkboxBorderWidth: globalTokens.stroke.width15,
+    checkboxBorderRadius: globalTokens.corner.radius40,
+    checkboxSize: 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: globalTokens.stroke.widthNone,
+        checkmarkColor: t.colors.neutralForegroundOnColor,
     },
-  },
-  checked: {
-    checkmarkVisibility: 1,
-    checkboxBackgroundColor: t.colors.brandBackground,
-    checkboxBorderWidth: globalTokens.stroke.widthNone,
-    checkmarkColor: t.colors.neutralForegroundOnColor,
-  },
 });
-//# sourceMappingURL=MenuItemCheckboxTokens.android.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.android.js.map

package/lib/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

package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js

@@ -1,51 +1,51 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuItemCheckboxTokens = (t) => ({
-  backgroundColor: t.colors.neutralBackground1,
-  borderRadius: globalTokens.corner.radius40,
-  checkmarkPadding: globalTokens.sizeNone,
-  checkmarkSize: 16,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground2,
-  fontFamily: t.typography.families.primary,
-  fontSize: globalTokens.font.size300,
-  fontWeight: globalTokens.font.weight.regular,
-  gap: globalTokens.size40,
-  iconColor: t.colors.neutralForeground2,
-  iconSize: 16,
-  minHeight: 32,
-  minWidth: 160,
-  maxWidth: 300,
-  padding: 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: globalTokens.corner.radius40,
+    checkmarkPadding: globalTokens.sizeNone,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: globalTokens.font.size300,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    iconColor: t.colors.neutralForeground2,
+    iconSize: 16,
+    minHeight: 32,
+    minWidth: 160,
+    maxWidth: 300,
+    padding: 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,
-  },
 });
-//# sourceMappingURL=MenuItemCheckboxTokens.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.js.map

package/lib/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/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js

@@ -1,49 +1,49 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuItemCheckboxTokens = (t) => ({
-  backgroundColor: t.colors.transparentBackground,
-  borderRadius: 5,
-  checkmarkPadding: globalTokens.size20,
-  checkmarkSize: 16,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground2,
-  fontFamily: t.typography.families.primary,
-  fontSize: 13, // aligning with NSMenu font size
-  fontWeight: globalTokens.font.weight.regular,
-  gap: 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: globalTokens.size20,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: 13, // aligning with NSMenu font size
+    fontWeight: globalTokens.font.weight.regular,
+    gap: 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,
-  },
 });
-//# sourceMappingURL=MenuItemCheckboxTokens.macos.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.macos.js.map

package/lib/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/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js

@@ -1,52 +1,52 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuItemCheckboxTokens = (t) => ({
-  backgroundColor: t.colors.neutralBackground1,
-  borderRadius: globalTokens.corner.radiusNone,
-  checkmarkPadding: globalTokens.size20,
-  checkmarkSize: 16,
-  checkmarkVisibility: 0,
-  color: t.colors.neutralForeground1,
-  fontFamily: t.typography.families.primary,
-  fontSize: globalTokens.font.size200,
-  fontWeight: globalTokens.font.weight.regular,
-  gap: globalTokens.size40,
-  iconColor: t.colors.neutralForeground1,
-  iconSize: 16,
-  minHeight: 24,
-  minWidth: 160,
-  maxWidth: 300,
-  padding: globalTokens.size40,
-  paddingHorizontal: 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: globalTokens.corner.radiusNone,
+    checkmarkPadding: globalTokens.size20,
+    checkmarkSize: 16,
+    checkmarkVisibility: 0,
+    color: t.colors.neutralForeground1,
+    fontFamily: t.typography.families.primary,
+    fontSize: globalTokens.font.size200,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    iconColor: t.colors.neutralForeground1,
+    iconSize: 16,
+    minHeight: 24,
+    minWidth: 160,
+    maxWidth: 300,
+    padding: globalTokens.size40,
+    paddingHorizontal: 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,
-  },
 });
-//# sourceMappingURL=MenuItemCheckboxTokens.win32.js.map
+//# sourceMappingURL=MenuItemCheckboxTokens.win32.js.map

package/lib/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/MenuItemCheckbox/index.js

@@ -1,4 +1,4 @@
 export { MenuItemCheckbox } from './MenuItemCheckbox';
 export { menuItemCheckboxName } from './MenuItemCheckbox.types';
 export { useMenuItemCheckbox, useMenuCheckboxInteraction } from './useMenuItemCheckbox';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/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