@fluentui-react-native/menu 1.14.42 → 1.15.0

package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js

@@ -6,67 +6,86 @@ import { defaultMenuItemCheckboxTokens } from './MenuItemCheckboxTokens';
 export const menuItemCheckboxStates = ['hovered', 'focused', 'pressed', 'disabled', 'checked'];
 const hasPressRententionForA11y = Platform.OS === 'android';
 export const stylingSettings = {
-    tokens: [defaultMenuItemCheckboxTokens, menuItemCheckboxName],
-    states: menuItemCheckboxStates,
-    slotProps: {
-        root: buildProps((tokens, theme) => ({
-            style: {
-                alignItems: 'center',
-                backgroundColor: tokens.backgroundColor,
-                display: 'flex',
-                flexDirection: 'row',
-                ...layoutStyles.from(tokens, theme),
-                ...borderStyles.from(tokens, theme),
-            },
-        }), ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys]),
-        ...(Platform.OS === 'android' && {
-            checkbox: 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']),
+  tokens: [defaultMenuItemCheckboxTokens, menuItemCheckboxName],
+  states: menuItemCheckboxStates,
+  slotProps: {
+    root: buildProps(
+      (tokens, theme) => ({
+        style: {
+          alignItems: 'center',
+          backgroundColor: tokens.backgroundColor,
+          display: 'flex',
+          flexDirection: 'row',
+          ...layoutStyles.from(tokens, theme),
+          ...borderStyles.from(tokens, theme),
+        },
+      }),
+      ['backgroundColor', ...borderStyles.keys, ...layoutStyles.keys],
+    ),
+    ...(Platform.OS === 'android' && {
+      checkbox: 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 },
         }),
-        checkmark: 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),
-            ...(Platform.OS !== 'android' && { style: { marginEnd: tokens.gap } }),
-        }), ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap']),
-        content: buildProps((tokens, theme) => ({
-            style: {
-                flexGrow: 1,
-                color: tokens.color,
-                ...(Platform.OS === 'android' && { flexShrink: 1 }),
-                ...fontStyles.from(tokens, theme),
-            },
-        }), ['color', ...fontStyles.keys]),
-        iconPlaceholder: buildProps((tokens) => ({
-            style: {
-                minHeight: tokens.iconSize,
-                minWidth: tokens.iconSize,
-                alignItems: 'center',
-                justifyContent: 'center',
-                marginEnd: tokens.gap,
-            },
-        }), ['checkmarkSize', 'gap']),
-        imgIcon: buildProps((tokens) => ({
-            style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
-        }), ['gap', 'iconColor', 'iconSize']),
-        fontOrSvgIcon: buildProps((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
-    },
+        ['checkboxBackgroundColor', 'checkboxBorderColor', 'checkboxBorderRadius', 'checkboxBorderWidth', 'checkboxSize', 'rippleColor'],
+      ),
+    }),
+    checkmark: 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),
+        ...(Platform.OS !== 'android' && { style: { marginEnd: tokens.gap } }),
+      }),
+      ['checkmarkPadding', 'checkmarkSize', 'checkmarkVisibility', 'color', 'gap'],
+    ),
+    content: buildProps(
+      (tokens, theme) => ({
+        style: {
+          flexGrow: 1,
+          color: tokens.color,
+          ...(Platform.OS === 'android' && { flexShrink: 1 }),
+          ...fontStyles.from(tokens, theme),
+        },
+      }),
+      ['color', ...fontStyles.keys],
+    ),
+    iconPlaceholder: buildProps(
+      (tokens) => ({
+        style: {
+          minHeight: tokens.iconSize,
+          minWidth: tokens.iconSize,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginEnd: tokens.gap,
+        },
+      }),
+      ['checkmarkSize', 'gap'],
+    ),
+    imgIcon: buildProps(
+      (tokens) => ({
+        style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
+      }),
+      ['gap', 'iconColor', 'iconSize'],
+    ),
+    fontOrSvgIcon: buildProps((tokens) => ({ color: tokens.iconColor, size: tokens.iconSize }), ['gap', 'iconColor', 'iconSize']),
+  },
 };
-//# sourceMappingURL=MenuItemCheckbox.styling.js.map
+//# sourceMappingURL=MenuItemCheckbox.styling.js.map

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

@@ -1,106 +1,107 @@
 import type * as React from 'react';
-import type { ColorValue, ImageProps } from 'react-native';
+import type { ColorValue, ImageProps, AnimatableNumericValue } from 'react-native';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IconPropsV1 as IconProps } from '@fluentui-react-native/icon';
 import type { PressablePropsExtended, PressableState } from '@fluentui-react-native/interactive-hooks';
 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?: number;
-    /**
-     * 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,MAAM,cAAc,CAAC;AAE3D,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,MAAM,CAAC;IAE9B;;;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,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"}

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,
+  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',
-    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: {
-        checkmarkVisibility: 1,
-        checkboxBackgroundColor: t.colors.brandBackground,
-        checkboxBorderWidth: globalTokens.stroke.widthNone,
-        checkmarkColor: t.colors.neutralForegroundOnColor,
+      checkboxBackgroundColor: t.colors.brandBackgroundDisabled,
+      checkmarkVisibility: 1,
     },
+  },
+  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,
-        },
-    },
-    pressed: {
-        backgroundColor: t.colors.neutralBackground1Pressed,
-        color: t.colors.neutralForeground2Pressed,
-        iconColor: t.colors.neutralForeground2Pressed,
-        checked: {
-            checkmarkColor: t.colors.neutralForeground2Pressed,
-            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,
     },
-    disabled: {
-        backgroundColor: t.colors.neutralBackground1,
-        color: t.colors.neutralForegroundDisabled,
-        iconColor: t.colors.neutralForegroundDisabled,
-        checked: {
-            checkmarkColor: t.colors.neutralForegroundDisabled,
-            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.neutralForeground2,
-        checkmarkVisibility: 1,
+      checkmarkColor: t.colors.neutralForegroundDisabled,
+      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