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

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Change Log - @fluentui-react-native/apple-theme
 
+## 0.29.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/experimental-appearance-additions@0.8.1
+  - @fluentui-react-native/default-theme@0.27.1
+  - @fluentui-react-native/theming-utils@0.27.1
+  - @fluentui-react-native/theme-tokens@0.28.1
+  - @fluentui-react-native/theme-types@0.44.1
+  - @fluentui-react-native/theme@0.12.1
+  - @fluentui-react-native/framework-base@0.3.1
+
 ## 0.29.0
 
 ### Minor Changes

package/README.md

@@ -9,4 +9,4 @@ Some heuristics followed in this theme:
 - For most tokens, we default to prefer the apple system colors, using the FluentUI Apple Palette where it makes sense. These mappings are subject to change as we increment on the design.
 - On apple platforms, there tends to not be a "hover" state for components such as Button, so those tokens are mapped to be identical to the rest state (normal state) tokens.
 - Similarly, there is not a "checked" state for most components, so those tokens are mapped to the rest state tokens.
-- The typography is designed to match the variants provided by the [Apple HIG](https://developer.apple.com/design/human-interface-guidelines/foundations/typography/) for regular and "emphasized". As such, the "Semibold" variants do not always map to the semibold weight, but whatever weight the Apple HIG specifies.
+- The typography is designed to match the variants provided by the [Apple HIG](https://developer.apple.com/design/human-interface-guidelines/typography/) for regular and "emphasized". As such, the "Semibold" variants do not always map to the semibold weight, but whatever weight the Apple HIG specifies.

package/lib/__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/__tests__/apple-theme.test.js

@@ -2,56 +2,55 @@ import { getIsHighContrast, setIsHighContrast } from '../appleHighContrast.macos
 import { createAppleTheme } from '../createAppleTheme';
 import { createMacOSColorAliasTokens, createMacOSShadowAliasTokens } from '../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 = createAppleTheme().theme;
-  expect(appleTheme).toMatchSnapshot();
+    const appleTheme = createAppleTheme().theme;
+    expect(appleTheme).toMatchSnapshot();
 });
 it('IsHighContrast test', () => {
-  setIsHighContrast(false);
-  expect(getIsHighContrast()).toBe(false);
-  setIsHighContrast(true);
-  expect(getIsHighContrast()).toBe(true);
+    setIsHighContrast(false);
+    expect(getIsHighContrast()).toBe(false);
+    setIsHighContrast(true);
+    expect(getIsHighContrast()).toBe(true);
 });
 it.concurrent.each(macOSAliasTokensTable)('createMacOSColorAliasTokens test mode: %s, isHighContrast: %p', async (mode, isHighContrast) => {
-  if (mode === 'highContrast') {
-    expect(() => createMacOSColorAliasTokens(mode, isHighContrast)).toThrow();
-  } else {
-    expect(createMacOSColorAliasTokens(mode, isHighContrast)).toMatchSnapshot();
-  }
+    if (mode === 'highContrast') {
+        expect(() => createMacOSColorAliasTokens(mode, isHighContrast)).toThrow();
+    }
+    else {
+        expect(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(() => createMacOSShadowAliasTokens(mode, isHighContrast)).toThrow();
-    } else {
-      expect(createMacOSShadowAliasTokens(mode, isHighContrast)).toMatchSnapshot();
+        expect(() => createMacOSShadowAliasTokens(mode, isHighContrast)).toThrow();
     }
-  },
-);
-//# sourceMappingURL=apple-theme.test.js.map
+    else {
+        expect(createMacOSShadowAliasTokens(mode, isHighContrast)).toMatchSnapshot();
+    }
+});
+//# sourceMappingURL=apple-theme.test.js.map

package/lib/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/appleColors.ios.js

@@ -4,184 +4,184 @@ import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
 import { createiOSColorAliasTokens } from './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 */
 export function paletteFromAppleColors(isLightMode, isElevated) {
-  const fluentApple = isLightMode ? getFluentUIAppleLightPalette() : getFluentUIAppleDarkPalette();
-  const appearance = Appearance.getColorScheme();
-  let mode = getCurrentAppearance(appearance, 'light');
-  if (mode === 'dark' && isElevated) {
-    mode = 'darkElevated';
-  }
-  const fluent2AliasColorTokens = 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: globalTokens.color.grey26,
-    checkmarkColor: fluent2AliasColorTokens.neutralForegroundOnColor,
-    personaActivityGlow: 'transparent',
-    personaActivityRing: fluent2AliasColorTokens.neutralBackground1,
-  };
+    const fluentApple = isLightMode ? getFluentUIAppleLightPalette() : getFluentUIAppleDarkPalette();
+    const appearance = Appearance.getColorScheme();
+    let mode = getCurrentAppearance(appearance, 'light');
+    if (mode === 'dark' && isElevated) {
+        mode = 'darkElevated';
+    }
+    const fluent2AliasColorTokens = 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: globalTokens.color.grey26,
+        checkmarkColor: fluent2AliasColorTokens.neutralForegroundOnColor,
+        personaActivityGlow: 'transparent',
+        personaActivityRing: fluent2AliasColorTokens.neutralBackground1,
+    };
 }
-//# sourceMappingURL=appleColors.ios.js.map
+//# sourceMappingURL=appleColors.ios.js.map

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