@fluentui-react-native/apple-theme 0.29.0 → 0.29.3

package/lib/getMacOSTokens.js

@@ -8,41 +8,51 @@ import macOSLightAliasTokens from '@fluentui-react-native/design-tokens-macos/li
 import macOSLightShadowTokens from '@fluentui-react-native/design-tokens-macos/light/tokens-shadow.json';
 import { assertNever } from 'assert-never';
 export function getMacOSAliasTokens(mode, isHighContrast) {
-  if (mode === 'light') {
-    if (isHighContrast) {
-      return macOSLightHCAliasTokens;
-    } else {
-      return macOSLightAliasTokens;
-    }
-  } else if (mode === 'dark' || mode === 'darkElevated') {
-    if (isHighContrast) {
-      return macOSDarkHCAliasTokens;
-    } else {
-      return macOSDarkAliasTokens;
-    }
-  } else if (mode === 'highContrast') {
-    throw new Error('highContrast is not a valid AppearanceOptions on macOS');
-  } else {
-    assertNever(mode);
-  }
+    if (mode === 'light') {
+        if (isHighContrast) {
+            return macOSLightHCAliasTokens;
+        }
+        else {
+            return macOSLightAliasTokens;
+        }
+    }
+    else if (mode === 'dark' || mode === 'darkElevated') {
+        if (isHighContrast) {
+            return macOSDarkHCAliasTokens;
+        }
+        else {
+            return macOSDarkAliasTokens;
+        }
+    }
+    else if (mode === 'highContrast') {
+        throw new Error('highContrast is not a valid AppearanceOptions on macOS');
+    }
+    else {
+        assertNever(mode);
+    }
 }
 export function getMacOSShadowTokens(mode, isHighContrast) {
-  if (mode === 'light') {
-    if (isHighContrast) {
-      return macOSLightHCShadowTokens;
-    } else {
-      return macOSLightShadowTokens;
-    }
-  } else if (mode === 'dark' || mode === 'darkElevated') {
-    if (isHighContrast) {
-      return macOSDarkHCShadowTokens;
-    } else {
-      return macOSDarkShadowTokens;
-    }
-  } else if (mode === 'highContrast') {
-    throw new Error('highContrast is not a valid AppearanceOptions on macOS');
-  } else {
-    assertNever(mode);
-  }
+    if (mode === 'light') {
+        if (isHighContrast) {
+            return macOSLightHCShadowTokens;
+        }
+        else {
+            return macOSLightShadowTokens;
+        }
+    }
+    else if (mode === 'dark' || mode === 'darkElevated') {
+        if (isHighContrast) {
+            return macOSDarkHCShadowTokens;
+        }
+        else {
+            return macOSDarkShadowTokens;
+        }
+    }
+    else if (mode === 'highContrast') {
+        throw new Error('highContrast is not a valid AppearanceOptions on macOS');
+    }
+    else {
+        assertNever(mode);
+    }
 }
-//# sourceMappingURL=getMacOSTokens.js.map
+//# sourceMappingURL=getMacOSTokens.js.map

package/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { createAppleTheme } from './createAppleTheme';
 export { createMacOSColorAliasTokens as createMacOSAliasTokens } from './createMacOSAliasTokens';
 export { getIsHighContrast, setIsHighContrast } from './appleHighContrast.macos';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,4 +1,4 @@
 export { createAppleTheme } from './createAppleTheme';
 export { createMacOSColorAliasTokens as createMacOSAliasTokens } from './createMacOSAliasTokens';
 export { getIsHighContrast, setIsHighContrast } from './appleHighContrast.macos';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/__tests__/apple-theme.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=apple-theme.test.d.ts.map
+//# sourceMappingURL=apple-theme.test.d.ts.map

package/lib-commonjs/__tests__/apple-theme.test.js

@@ -1,59 +1,58 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const appleHighContrast_macos_1 = require('../appleHighContrast.macos');
-const createAppleTheme_1 = require('../createAppleTheme');
-const createMacOSAliasTokens_1 = require('../createMacOSAliasTokens');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const appleHighContrast_macos_1 = require("../appleHighContrast.macos");
+const createAppleTheme_1 = require("../createAppleTheme");
+const createMacOSAliasTokens_1 = require("../createMacOSAliasTokens");
 jest.mock('react-native-macos/Libraries/Components/AccessibilityInfo/AccessibilityInfo', () => ({
-  __esModule: true,
-  default: {
-    addEventListener: jest.fn(),
-    announceForAccessibility: jest.fn(),
-    isAccessibilityServiceEnabled: jest.fn(),
-    isBoldTextEnabled: jest.fn(),
-    isGrayscaleEnabled: jest.fn(),
-    isInvertColorsEnabled: jest.fn(),
-    isReduceMotionEnabled: jest.fn(),
-    prefersCrossFadeTransitions: jest.fn(),
-    isReduceTransparencyEnabled: jest.fn(),
-    isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
-    setAccessibilityFocus: jest.fn(),
-    sendAccessibilityEvent: jest.fn(),
-    getRecommendedTimeoutMillis: jest.fn(),
-    isHighContrastEnabled: () => Promise.resolve(false),
-  },
+    __esModule: true,
+    default: {
+        addEventListener: jest.fn(),
+        announceForAccessibility: jest.fn(),
+        isAccessibilityServiceEnabled: jest.fn(),
+        isBoldTextEnabled: jest.fn(),
+        isGrayscaleEnabled: jest.fn(),
+        isInvertColorsEnabled: jest.fn(),
+        isReduceMotionEnabled: jest.fn(),
+        prefersCrossFadeTransitions: jest.fn(),
+        isReduceTransparencyEnabled: jest.fn(),
+        isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
+        setAccessibilityFocus: jest.fn(),
+        sendAccessibilityEvent: jest.fn(),
+        getRecommendedTimeoutMillis: jest.fn(),
+        isHighContrastEnabled: () => Promise.resolve(false),
+    },
 }));
 const macOSAliasTokensTable = [
-  ['light', true],
-  ['light', false],
-  ['dark', true],
-  ['dark', false],
-  ['highContrast', null],
+    ['light', true],
+    ['light', false],
+    ['dark', true],
+    ['dark', false],
+    ['highContrast', null],
 ];
 it('createAppleTheme test', () => {
-  const appleTheme = (0, createAppleTheme_1.createAppleTheme)().theme;
-  expect(appleTheme).toMatchSnapshot();
+    const appleTheme = (0, createAppleTheme_1.createAppleTheme)().theme;
+    expect(appleTheme).toMatchSnapshot();
 });
 it('IsHighContrast test', () => {
-  (0, appleHighContrast_macos_1.setIsHighContrast)(false);
-  expect((0, appleHighContrast_macos_1.getIsHighContrast)()).toBe(false);
-  (0, appleHighContrast_macos_1.setIsHighContrast)(true);
-  expect((0, appleHighContrast_macos_1.getIsHighContrast)()).toBe(true);
+    (0, appleHighContrast_macos_1.setIsHighContrast)(false);
+    expect((0, appleHighContrast_macos_1.getIsHighContrast)()).toBe(false);
+    (0, appleHighContrast_macos_1.setIsHighContrast)(true);
+    expect((0, appleHighContrast_macos_1.getIsHighContrast)()).toBe(true);
 });
 it.concurrent.each(macOSAliasTokensTable)('createMacOSColorAliasTokens test mode: %s, isHighContrast: %p', async (mode, isHighContrast) => {
-  if (mode === 'highContrast') {
-    expect(() => (0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, isHighContrast)).toThrow();
-  } else {
-    expect((0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, isHighContrast)).toMatchSnapshot();
-  }
+    if (mode === 'highContrast') {
+        expect(() => (0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, isHighContrast)).toThrow();
+    }
+    else {
+        expect((0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, isHighContrast)).toMatchSnapshot();
+    }
 });
-it.concurrent.each(macOSAliasTokensTable)(
-  'createMacOSShadowAliasTokens test mode: %s, isHighContrast: %p',
-  async (mode, isHighContrast) => {
+it.concurrent.each(macOSAliasTokensTable)('createMacOSShadowAliasTokens test mode: %s, isHighContrast: %p', async (mode, isHighContrast) => {
     if (mode === 'highContrast') {
-      expect(() => (0, createMacOSAliasTokens_1.createMacOSShadowAliasTokens)(mode, isHighContrast)).toThrow();
-    } else {
-      expect((0, createMacOSAliasTokens_1.createMacOSShadowAliasTokens)(mode, isHighContrast)).toMatchSnapshot();
+        expect(() => (0, createMacOSAliasTokens_1.createMacOSShadowAliasTokens)(mode, isHighContrast)).toThrow();
     }
-  },
-);
-//# sourceMappingURL=apple-theme.test.js.map
+    else {
+        expect((0, createMacOSAliasTokens_1.createMacOSShadowAliasTokens)(mode, isHighContrast)).toMatchSnapshot();
+    }
+});
+//# sourceMappingURL=apple-theme.test.js.map

package/lib-commonjs/appleColors.ios.d.ts

@@ -1,4 +1,4 @@
 import type { ThemeColorDefinition } from '@fluentui-react-native/theme-types';
 /** Creates a palette of colors for the apple theme, using the appropriate FluentUI Apple Palette based on appearance */
 export declare function paletteFromAppleColors(isLightMode: boolean, isElevated: boolean): ThemeColorDefinition;
-//# sourceMappingURL=appleColors.ios.d.ts.map
+//# sourceMappingURL=appleColors.ios.d.ts.map

package/lib-commonjs/appleColors.ios.js

@@ -1,190 +1,190 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.paletteFromAppleColors = paletteFromAppleColors;
-const react_native_1 = require('react-native');
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const createiOSAliasTokens_1 = require('./createiOSAliasTokens');
+const react_native_1 = require("react-native");
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const createiOSAliasTokens_1 = require("./createiOSAliasTokens");
 //TODO: remove and replace with Fluent 2 alias color tokens
 function getFluentUIAppleLightPalette() {
-  return {
-    communicationBlue: '#0078D4',
-    communicationBlueTint10: '#2B88D8',
-    communicationBlueTint20: '#C7E0F4',
-    communicationBlueTint30: '#DEECF9',
-    dangerPrimary: '#D92C2C',
-    dangerTint10: '#DD4242',
-    gray20: '#69797E',
-    gray30: '#7A7574',
-    gray40: '#393939',
-    successTint10: '#27AC22',
-    warningPrimary: '#FFD335',
-    warningTint10: '#FFD94E',
-    buttonBackgroundFilledPressed: '#2B88D8', //UIColor(light: Colors.primaryTint10(for: window), dark: Colors.primaryTint20(for: window))
-    buttonTitleDisabled: '#ACACAC', //textDisabled
-  };
+    return {
+        communicationBlue: '#0078D4',
+        communicationBlueTint10: '#2B88D8',
+        communicationBlueTint20: '#C7E0F4',
+        communicationBlueTint30: '#DEECF9',
+        dangerPrimary: '#D92C2C',
+        dangerTint10: '#DD4242',
+        gray20: '#69797E',
+        gray30: '#7A7574',
+        gray40: '#393939',
+        successTint10: '#27AC22',
+        warningPrimary: '#FFD335',
+        warningTint10: '#FFD94E',
+        buttonBackgroundFilledPressed: '#2B88D8', //UIColor(light: Colors.primaryTint10(for: window), dark: Colors.primaryTint20(for: window))
+        buttonTitleDisabled: '#ACACAC', //textDisabled
+    };
 }
 //TODO: remove and replace with Fluent 2 alias color tokens
 function getFluentUIAppleDarkPalette() {
-  return {
-    communicationBlue: '#0086F0',
-    communicationBlueTint10: '#0078D4',
-    communicationBlueTint20: '#004C87',
-    communicationBlueTint30: '#043862',
-    dangerPrimary: '#E83A3A',
-    dangerTint10: '#CC3333',
-    gray20: '#69797E',
-    gray30: '#7A7574',
-    gray40: '#393939',
-    successTint10: '#0D9D3D',
-    warningPrimary: '#FFC328',
-    warningTint10: '#E0AB24',
-    buttonBackgroundFilledPressed: '#004C87', //UIColor(light: Colors.primaryTint10(for: window), dark: Colors.primaryTint20(for: window))
-    buttonTitleDisabled: '#404040', //textDisabled
-  };
+    return {
+        communicationBlue: '#0086F0',
+        communicationBlueTint10: '#0078D4',
+        communicationBlueTint20: '#004C87',
+        communicationBlueTint30: '#043862',
+        dangerPrimary: '#E83A3A',
+        dangerTint10: '#CC3333',
+        gray20: '#69797E',
+        gray30: '#7A7574',
+        gray40: '#393939',
+        successTint10: '#0D9D3D',
+        warningPrimary: '#FFC328',
+        warningTint10: '#E0AB24',
+        buttonBackgroundFilledPressed: '#004C87', //UIColor(light: Colors.primaryTint10(for: window), dark: Colors.primaryTint20(for: window))
+        buttonTitleDisabled: '#404040', //textDisabled
+    };
 }
 /** Creates a palette of colors for the apple theme, using the appropriate FluentUI Apple Palette based on appearance */
 function paletteFromAppleColors(isLightMode, isElevated) {
-  const fluentApple = isLightMode ? getFluentUIAppleLightPalette() : getFluentUIAppleDarkPalette();
-  const appearance = react_native_1.Appearance.getColorScheme();
-  let mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
-  if (mode === 'dark' && isElevated) {
-    mode = 'darkElevated';
-  }
-  const fluent2AliasColorTokens = (0, createiOSAliasTokens_1.createiOSColorAliasTokens)(mode);
-  return {
-    /* Color Alias Tokens */
-    ...fluent2AliasColorTokens,
-    /* PaletteBackgroundColors & PaletteTextColors */
-    background: fluent2AliasColorTokens.neutralBackground1,
-    bodyStandoutBackground: fluent2AliasColorTokens.neutralBackground4,
-    bodyFrameBackground: fluent2AliasColorTokens.neutralBackground1,
-    bodyFrameDivider: fluent2AliasColorTokens.neutralStroke2,
-    bodyText: fluent2AliasColorTokens.neutralForeground1,
-    bodyTextChecked: fluent2AliasColorTokens.neutralForeground1,
-    subText: fluent2AliasColorTokens.neutralForeground3,
-    bodyDivider: fluent2AliasColorTokens.neutralStroke1,
-    disabledBackground: fluent2AliasColorTokens.neutralBackgroundDisabled,
-    disabledText: fluent2AliasColorTokens.neutralForegroundDisabled1,
-    disabledBodyText: fluent2AliasColorTokens.neutralForegroundDisabled1,
-    focusBorder: 'transparent',
-    variantBorder: fluent2AliasColorTokens.neutralStroke2,
-    errorText: fluentApple.dangerPrimary,
-    inputBorder: fluent2AliasColorTokens.neutralStroke2,
-    inputBackground: fluent2AliasColorTokens.neutralBackground1,
-    inputFocusBorderAlt: fluent2AliasColorTokens.neutralStroke1,
-    inputText: fluent2AliasColorTokens.neutralForeground1,
-    inputPlaceholderText: fluent2AliasColorTokens.neutralForeground3,
-    // Default values without any style
-    // on FluentUI Apple iOS, this is the buttonStyle "Secondary Outline"
-    buttonBackground: 'transparent',
-    buttonBackgroundChecked: 'transparent',
-    buttonBackgroundHovered: 'transparent',
-    buttonBackgroundPressed: 'transparent',
-    buttonBackgroundDisabled: 'transparent',
-    buttonBorder: fluentApple.communicationBlueTint10,
-    buttonText: fluentApple.communicationBlue,
-    buttonTextHovered: fluentApple.communicationBlue,
-    buttonTextChecked: fluentApple.communicationBlue,
-    buttonTextPressed: fluentApple.communicationBlueTint20,
-    buttonTextDisabled: fluentApple.buttonTitleDisabled,
-    buttonBorderDisabled: fluent2AliasColorTokens.neutralBackgroundDisabled,
-    buttonBorderFocused: fluentApple.communicationBlueTint10,
-    primaryButtonBackground: fluentApple.communicationBlue,
-    primaryButtonBackgroundHovered: fluentApple.communicationBlue,
-    primaryButtonBackgroundPressed: fluentApple.buttonBackgroundFilledPressed,
-    primaryButtonBackgroundDisabled: fluent2AliasColorTokens.neutralBackgroundDisabled,
-    primaryButtonBorder: 'transparent',
-    primaryButtonBorderFocused: 'transparent',
-    primaryButtonText: fluent2AliasColorTokens.neutralForegroundOnColor,
-    primaryButtonTextHovered: fluent2AliasColorTokens.neutralForegroundOnColor,
-    primaryButtonTextPressed: fluent2AliasColorTokens.neutralForegroundOnColor,
-    primaryButtonTextDisabled: fluent2AliasColorTokens.neutralForegroundOnColor,
-    accentButtonBackground: fluentApple.communicationBlue,
-    menuBackground: fluent2AliasColorTokens.neutralBackground1,
-    menuDivider: fluent2AliasColorTokens.neutralStroke2,
-    menuIcon: fluent2AliasColorTokens.neutralForeground3,
-    menuItemBackgroundHovered: fluent2AliasColorTokens.neutralBackground1,
-    menuItemBackgroundPressed: fluent2AliasColorTokens.neutralBackground1,
-    menuItemText: fluent2AliasColorTokens.neutralForeground1,
-    menuItemTextHovered: fluent2AliasColorTokens.neutralForeground1,
-    listHeaderBackgroundHovered: fluent2AliasColorTokens.neutralForeground1,
-    listHeaderBackgroundPressed: fluent2AliasColorTokens.neutralForeground1,
-    actionLink: fluentApple.communicationBlue,
-    link: fluentApple.communicationBlue,
-    linkHovered: fluentApple.communicationBlue,
-    linkPressed: fluentApple.communicationBlueTint10,
-    /* ControlColorTokens */
-    // Default values without any style
-    // on FluentUI Apple iOS, this is the buttonStyle "Secondary Outline"
-    defaultBackground: 'transparent',
-    defaultBorder: fluentApple.communicationBlueTint10,
-    defaultContent: fluentApple.communicationBlue,
-    defaultIcon: fluentApple.communicationBlue,
-    defaultHoveredBackground: 'transparent',
-    defaultHoveredBorder: fluentApple.communicationBlueTint10,
-    defaultHoveredContent: fluentApple.communicationBlue,
-    defaultHoveredIcon: fluentApple.communicationBlue,
-    defaultFocusedBackground: 'transparent',
-    defaultFocusedBorder: fluentApple.communicationBlueTint10,
-    defaultFocusedContent: fluentApple.communicationBlue,
-    defaultFocusedIcon: fluentApple.communicationBlue,
-    defaultPressedBackground: 'transparent',
-    defaultPressedBorder: fluentApple.communicationBlueTint30,
-    defaultPressedContent: fluentApple.communicationBlueTint20,
-    defaultPressedIcon: fluentApple.communicationBlueTint20,
-    defaultDisabledBackground: 'transparent',
-    defaultDisabledBorder: fluent2AliasColorTokens.neutralBackgroundDisabled,
-    defaultDisabledContent: fluentApple.buttonTitleDisabled,
-    defaultDisabledIcon: fluentApple.buttonTitleDisabled,
-    ghostBackground: 'transparent',
-    ghostBorder: 'transparent',
-    ghostContent: fluentApple.communicationBlue,
-    ghostIcon: fluentApple.communicationBlue,
-    ghostHoveredBackground: 'transparent',
-    ghostHoveredBorder: 'transparent',
-    ghostHoveredContent: fluentApple.communicationBlue,
-    ghostHoveredIcon: fluentApple.communicationBlue,
-    ghostFocusedBackground: 'transparent',
-    ghostFocusedBorder: 'transparent',
-    ghostFocusedContent: fluentApple.communicationBlue,
-    ghostFocusedIcon: fluentApple.communicationBlue,
-    ghostPressedBackground: 'transparent',
-    ghostPressedBorder: 'transparent',
-    ghostPressedContent: fluentApple.communicationBlueTint20,
-    ghostPressedIcon: fluentApple.communicationBlueTint20,
-    ghostDisabledBackground: 'transparent',
-    ghostDisabledBorder: 'transparent',
-    ghostDisabledContent: fluentApple.buttonTitleDisabled,
-    ghostDisabledIcon: fluentApple.buttonTitleDisabled,
-    brandedBackground: fluentApple.communicationBlue,
-    brandedDisabledBorder: 'transparent',
-    defaultCheckedBackground: 'transparent',
-    defaultCheckedContent: fluentApple.communicationBlue,
-    defaultCheckedHoveredBackground: 'transparent',
-    defaultCheckedHoveredContent: fluentApple.communicationBlue,
-    ghostCheckedBackground: 'transparent',
-    ghostCheckedContent: fluentApple.communicationBlue,
-    ghostCheckedHoveredBackground: 'transparent',
-    ghostCheckedHoveredContent: fluentApple.communicationBlue,
-    ghostCheckedHoveredBorder: 'transparent',
-    // Buttons on iOS don't have secondary text, so map these to be the same as the normal content
-    ghostSecondaryContent: fluentApple.communicationBlue,
-    ghostFocusedSecondaryContent: fluentApple.communicationBlue,
-    ghostHoveredSecondaryContent: fluentApple.communicationBlue,
-    ghostPressedSecondaryContent: fluentApple.communicationBlueTint20,
-    brandedSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
-    brandedFocusedSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
-    brandedHoveredSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
-    brandedPressedSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
-    defaultHoveredSecondaryContent: fluentApple.communicationBlue,
-    defaultPressedSecondaryContent: fluentApple.communicationBlueTint20,
-    checkboxBackground: fluentApple.communicationBlue,
-    checkboxBackgroundDisabled: fluent2AliasColorTokens.neutralBackground1,
-    checkboxBorderColor: theme_tokens_1.globalTokens.color.grey26,
-    checkmarkColor: fluent2AliasColorTokens.neutralForegroundOnColor,
-    personaActivityGlow: 'transparent',
-    personaActivityRing: fluent2AliasColorTokens.neutralBackground1,
-  };
+    const fluentApple = isLightMode ? getFluentUIAppleLightPalette() : getFluentUIAppleDarkPalette();
+    const appearance = react_native_1.Appearance.getColorScheme();
+    let mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
+    if (mode === 'dark' && isElevated) {
+        mode = 'darkElevated';
+    }
+    const fluent2AliasColorTokens = (0, createiOSAliasTokens_1.createiOSColorAliasTokens)(mode);
+    return {
+        /* Color Alias Tokens */
+        ...fluent2AliasColorTokens,
+        /* PaletteBackgroundColors & PaletteTextColors */
+        background: fluent2AliasColorTokens.neutralBackground1,
+        bodyStandoutBackground: fluent2AliasColorTokens.neutralBackground4,
+        bodyFrameBackground: fluent2AliasColorTokens.neutralBackground1,
+        bodyFrameDivider: fluent2AliasColorTokens.neutralStroke2,
+        bodyText: fluent2AliasColorTokens.neutralForeground1,
+        bodyTextChecked: fluent2AliasColorTokens.neutralForeground1,
+        subText: fluent2AliasColorTokens.neutralForeground3,
+        bodyDivider: fluent2AliasColorTokens.neutralStroke1,
+        disabledBackground: fluent2AliasColorTokens.neutralBackgroundDisabled,
+        disabledText: fluent2AliasColorTokens.neutralForegroundDisabled1,
+        disabledBodyText: fluent2AliasColorTokens.neutralForegroundDisabled1,
+        focusBorder: 'transparent',
+        variantBorder: fluent2AliasColorTokens.neutralStroke2,
+        errorText: fluentApple.dangerPrimary,
+        inputBorder: fluent2AliasColorTokens.neutralStroke2,
+        inputBackground: fluent2AliasColorTokens.neutralBackground1,
+        inputFocusBorderAlt: fluent2AliasColorTokens.neutralStroke1,
+        inputText: fluent2AliasColorTokens.neutralForeground1,
+        inputPlaceholderText: fluent2AliasColorTokens.neutralForeground3,
+        // Default values without any style
+        // on FluentUI Apple iOS, this is the buttonStyle "Secondary Outline"
+        buttonBackground: 'transparent',
+        buttonBackgroundChecked: 'transparent',
+        buttonBackgroundHovered: 'transparent',
+        buttonBackgroundPressed: 'transparent',
+        buttonBackgroundDisabled: 'transparent',
+        buttonBorder: fluentApple.communicationBlueTint10,
+        buttonText: fluentApple.communicationBlue,
+        buttonTextHovered: fluentApple.communicationBlue,
+        buttonTextChecked: fluentApple.communicationBlue,
+        buttonTextPressed: fluentApple.communicationBlueTint20,
+        buttonTextDisabled: fluentApple.buttonTitleDisabled,
+        buttonBorderDisabled: fluent2AliasColorTokens.neutralBackgroundDisabled,
+        buttonBorderFocused: fluentApple.communicationBlueTint10,
+        primaryButtonBackground: fluentApple.communicationBlue,
+        primaryButtonBackgroundHovered: fluentApple.communicationBlue,
+        primaryButtonBackgroundPressed: fluentApple.buttonBackgroundFilledPressed,
+        primaryButtonBackgroundDisabled: fluent2AliasColorTokens.neutralBackgroundDisabled,
+        primaryButtonBorder: 'transparent',
+        primaryButtonBorderFocused: 'transparent',
+        primaryButtonText: fluent2AliasColorTokens.neutralForegroundOnColor,
+        primaryButtonTextHovered: fluent2AliasColorTokens.neutralForegroundOnColor,
+        primaryButtonTextPressed: fluent2AliasColorTokens.neutralForegroundOnColor,
+        primaryButtonTextDisabled: fluent2AliasColorTokens.neutralForegroundOnColor,
+        accentButtonBackground: fluentApple.communicationBlue,
+        menuBackground: fluent2AliasColorTokens.neutralBackground1,
+        menuDivider: fluent2AliasColorTokens.neutralStroke2,
+        menuIcon: fluent2AliasColorTokens.neutralForeground3,
+        menuItemBackgroundHovered: fluent2AliasColorTokens.neutralBackground1,
+        menuItemBackgroundPressed: fluent2AliasColorTokens.neutralBackground1,
+        menuItemText: fluent2AliasColorTokens.neutralForeground1,
+        menuItemTextHovered: fluent2AliasColorTokens.neutralForeground1,
+        listHeaderBackgroundHovered: fluent2AliasColorTokens.neutralForeground1,
+        listHeaderBackgroundPressed: fluent2AliasColorTokens.neutralForeground1,
+        actionLink: fluentApple.communicationBlue,
+        link: fluentApple.communicationBlue,
+        linkHovered: fluentApple.communicationBlue,
+        linkPressed: fluentApple.communicationBlueTint10,
+        /* ControlColorTokens */
+        // Default values without any style
+        // on FluentUI Apple iOS, this is the buttonStyle "Secondary Outline"
+        defaultBackground: 'transparent',
+        defaultBorder: fluentApple.communicationBlueTint10,
+        defaultContent: fluentApple.communicationBlue,
+        defaultIcon: fluentApple.communicationBlue,
+        defaultHoveredBackground: 'transparent',
+        defaultHoveredBorder: fluentApple.communicationBlueTint10,
+        defaultHoveredContent: fluentApple.communicationBlue,
+        defaultHoveredIcon: fluentApple.communicationBlue,
+        defaultFocusedBackground: 'transparent',
+        defaultFocusedBorder: fluentApple.communicationBlueTint10,
+        defaultFocusedContent: fluentApple.communicationBlue,
+        defaultFocusedIcon: fluentApple.communicationBlue,
+        defaultPressedBackground: 'transparent',
+        defaultPressedBorder: fluentApple.communicationBlueTint30,
+        defaultPressedContent: fluentApple.communicationBlueTint20,
+        defaultPressedIcon: fluentApple.communicationBlueTint20,
+        defaultDisabledBackground: 'transparent',
+        defaultDisabledBorder: fluent2AliasColorTokens.neutralBackgroundDisabled,
+        defaultDisabledContent: fluentApple.buttonTitleDisabled,
+        defaultDisabledIcon: fluentApple.buttonTitleDisabled,
+        ghostBackground: 'transparent',
+        ghostBorder: 'transparent',
+        ghostContent: fluentApple.communicationBlue,
+        ghostIcon: fluentApple.communicationBlue,
+        ghostHoveredBackground: 'transparent',
+        ghostHoveredBorder: 'transparent',
+        ghostHoveredContent: fluentApple.communicationBlue,
+        ghostHoveredIcon: fluentApple.communicationBlue,
+        ghostFocusedBackground: 'transparent',
+        ghostFocusedBorder: 'transparent',
+        ghostFocusedContent: fluentApple.communicationBlue,
+        ghostFocusedIcon: fluentApple.communicationBlue,
+        ghostPressedBackground: 'transparent',
+        ghostPressedBorder: 'transparent',
+        ghostPressedContent: fluentApple.communicationBlueTint20,
+        ghostPressedIcon: fluentApple.communicationBlueTint20,
+        ghostDisabledBackground: 'transparent',
+        ghostDisabledBorder: 'transparent',
+        ghostDisabledContent: fluentApple.buttonTitleDisabled,
+        ghostDisabledIcon: fluentApple.buttonTitleDisabled,
+        brandedBackground: fluentApple.communicationBlue,
+        brandedDisabledBorder: 'transparent',
+        defaultCheckedBackground: 'transparent',
+        defaultCheckedContent: fluentApple.communicationBlue,
+        defaultCheckedHoveredBackground: 'transparent',
+        defaultCheckedHoveredContent: fluentApple.communicationBlue,
+        ghostCheckedBackground: 'transparent',
+        ghostCheckedContent: fluentApple.communicationBlue,
+        ghostCheckedHoveredBackground: 'transparent',
+        ghostCheckedHoveredContent: fluentApple.communicationBlue,
+        ghostCheckedHoveredBorder: 'transparent',
+        // Buttons on iOS don't have secondary text, so map these to be the same as the normal content
+        ghostSecondaryContent: fluentApple.communicationBlue,
+        ghostFocusedSecondaryContent: fluentApple.communicationBlue,
+        ghostHoveredSecondaryContent: fluentApple.communicationBlue,
+        ghostPressedSecondaryContent: fluentApple.communicationBlueTint20,
+        brandedSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
+        brandedFocusedSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
+        brandedHoveredSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
+        brandedPressedSecondaryContent: fluent2AliasColorTokens.neutralForegroundOnColor,
+        defaultHoveredSecondaryContent: fluentApple.communicationBlue,
+        defaultPressedSecondaryContent: fluentApple.communicationBlueTint20,
+        checkboxBackground: fluentApple.communicationBlue,
+        checkboxBackgroundDisabled: fluent2AliasColorTokens.neutralBackground1,
+        checkboxBorderColor: theme_tokens_1.globalTokens.color.grey26,
+        checkmarkColor: fluent2AliasColorTokens.neutralForegroundOnColor,
+        personaActivityGlow: 'transparent',
+        personaActivityRing: fluent2AliasColorTokens.neutralBackground1,
+    };
 }
-//# sourceMappingURL=appleColors.ios.js.map
+//# sourceMappingURL=appleColors.ios.js.map

package/lib-commonjs/appleColors.macos.d.ts

@@ -3,4 +3,4 @@ import type { ThemeColorDefinition, AppearanceOptions } from '@fluentui-react-na
  * The fallback palette is loaded while we wait for  the native theming module to load, or if the module is not found
  */
 export declare function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinition;
-//# sourceMappingURL=appleColors.macos.d.ts.map
+//# sourceMappingURL=appleColors.macos.d.ts.map

package/lib-commonjs/appleColors.macos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appleColors.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAkQlG;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,oBAAoB,CAuKlF"}
+{"version":3,"file":"appleColors.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAgQlG;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,oBAAoB,CAuKlF"}