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

package/lib/appleColors.macos.js

@@ -5,378 +5,378 @@ import { getIsHighContrast } from './appleHighContrast.macos';
 import { createMacOSColorAliasTokens } from './createMacOSAliasTokens';
 /** Creates a Palette of PlatformColors defined for macOS */
 function getAppleSemanticPalette() {
-    return {
-        labelColor: PlatformColor('labelColor'),
-        secondaryLabelColor: PlatformColor('secondaryLabelColor'),
-        tertiaryLabelColor: PlatformColor('tertiaryLabelColor'),
-        quaternaryLabelColor: PlatformColor('quaternaryLabelColor'),
-        textColor: PlatformColor('textColor'),
-        placeholderTextColor: PlatformColor('placeholderTextColor'),
-        textBackgroundColor: PlatformColor('textBackgroundColor'),
-        selectedTextColor: PlatformColor('selectedTexColor'),
-        selectedTextBackgroundColor: PlatformColor('selectedTextBackgroundColor'),
-        keyboardFocusIndicatorColor: PlatformColor('keyboardFocusIndicatorColor'),
-        unemphasizedSelectedTextColor: PlatformColor('unemphasizedSelectedTextColor'),
-        unemphasizedSelectedTextBackgroundColor: PlatformColor('unemphasizedSelectedTextBackgroundColor'),
-        linkColor: PlatformColor('linkColor'),
-        separatorColor: PlatformColor('separatorColor'),
-        selectedContentBackgroundColor: PlatformColor('selectedContentBackgroundColor'),
-        unemphasizedSelectedContentBackgroundColor: PlatformColor('unemphasizedSelectedContentBackgroundColor'),
-        selectedMenuItemTextColor: PlatformColor('selectedMenuItemTextColor'),
-        gridColor: PlatformColor('gridColor'),
-        headerTextColor: PlatformColor('headerTextColor'),
-        alternatingOddContentBackgroundColor: PlatformColor('alternatingOddContentBackgroundColor'),
-        alternatingEvenContentBackgroundColor: PlatformColor('alternatingOddContentBackgroundColor'),
-        controlAccentColor: PlatformColor('controlAccentColor'),
-        controlColor: PlatformColor('controlColor'),
-        controlBackgroundColor: PlatformColor('controlBackgroundColor'),
-        controlTextColor: PlatformColor('controlTextColor'),
-        disabledControlTextColor: PlatformColor('disabledControlTextColor'),
-        selectedControlColor: PlatformColor('selectedControlColor'),
-        selectedControlTextColor: PlatformColor('selectedControlTextColor'),
-        alternateSelectedControlTextColor: PlatformColor('alternateSelectedControlTextColor'),
-        scrubberTexturedBackground: PlatformColor('scrubberTexturedBackground'),
-        windowBackgroundColor: PlatformColor('windowBackgroundColor'),
-        windowFrameTextColor: PlatformColor('windowFrameTextColor'),
-        underPageBackgroundColor: PlatformColor('underPageBackgroundColor'),
-        findHighlightColor: PlatformColor('findHighlightColor'),
-        highlightColor: PlatformColor('highlightColor'),
-        shadowColor: PlatformColor('shadowColor'),
-    };
+  return {
+    labelColor: PlatformColor('labelColor'),
+    secondaryLabelColor: PlatformColor('secondaryLabelColor'),
+    tertiaryLabelColor: PlatformColor('tertiaryLabelColor'),
+    quaternaryLabelColor: PlatformColor('quaternaryLabelColor'),
+    textColor: PlatformColor('textColor'),
+    placeholderTextColor: PlatformColor('placeholderTextColor'),
+    textBackgroundColor: PlatformColor('textBackgroundColor'),
+    selectedTextColor: PlatformColor('selectedTexColor'),
+    selectedTextBackgroundColor: PlatformColor('selectedTextBackgroundColor'),
+    keyboardFocusIndicatorColor: PlatformColor('keyboardFocusIndicatorColor'),
+    unemphasizedSelectedTextColor: PlatformColor('unemphasizedSelectedTextColor'),
+    unemphasizedSelectedTextBackgroundColor: PlatformColor('unemphasizedSelectedTextBackgroundColor'),
+    linkColor: PlatformColor('linkColor'),
+    separatorColor: PlatformColor('separatorColor'),
+    selectedContentBackgroundColor: PlatformColor('selectedContentBackgroundColor'),
+    unemphasizedSelectedContentBackgroundColor: PlatformColor('unemphasizedSelectedContentBackgroundColor'),
+    selectedMenuItemTextColor: PlatformColor('selectedMenuItemTextColor'),
+    gridColor: PlatformColor('gridColor'),
+    headerTextColor: PlatformColor('headerTextColor'),
+    alternatingOddContentBackgroundColor: PlatformColor('alternatingOddContentBackgroundColor'),
+    alternatingEvenContentBackgroundColor: PlatformColor('alternatingOddContentBackgroundColor'),
+    controlAccentColor: PlatformColor('controlAccentColor'),
+    controlColor: PlatformColor('controlColor'),
+    controlBackgroundColor: PlatformColor('controlBackgroundColor'),
+    controlTextColor: PlatformColor('controlTextColor'),
+    disabledControlTextColor: PlatformColor('disabledControlTextColor'),
+    selectedControlColor: PlatformColor('selectedControlColor'),
+    selectedControlTextColor: PlatformColor('selectedControlTextColor'),
+    alternateSelectedControlTextColor: PlatformColor('alternateSelectedControlTextColor'),
+    scrubberTexturedBackground: PlatformColor('scrubberTexturedBackground'),
+    windowBackgroundColor: PlatformColor('windowBackgroundColor'),
+    windowFrameTextColor: PlatformColor('windowFrameTextColor'),
+    underPageBackgroundColor: PlatformColor('underPageBackgroundColor'),
+    findHighlightColor: PlatformColor('findHighlightColor'),
+    highlightColor: PlatformColor('highlightColor'),
+    shadowColor: PlatformColor('shadowColor'),
+  };
 }
 function getFluentUIApplePalette() {
-    return {
-        blue10: '#4F6BED',
-        blueMagenta20: '#8764B8',
-        blueMagenta30: '#5C2E91',
-        communicationBlue: DynamicColorMacOS({
-            light: '#0078D4',
-            dark: '#1890F1',
-        }),
-        communicationBlueShade10: DynamicColorMacOS({
-            light: '#106EBE',
-            dark: '#1890F1',
-        }),
-        communicationBlueShade20: DynamicColorMacOS({
-            light: '#005A9E',
-            dark: '#3AA0F3',
-        }),
-        communicationBlueShade30: DynamicColorMacOS({
-            light: '#004578',
-            dark: '#6CB8F6',
-        }),
-        communicationBlueTint10: DynamicColorMacOS({
-            light: '#2B88D8',
-            dark: '#0078D4',
-        }),
-        communicationBlueTint20: DynamicColorMacOS({
-            light: '#C7E0F4',
-            dark: '#004C87',
-        }),
-        communicationBlueTint30: DynamicColorMacOS({
-            light: '#DEECF9',
-            dark: '#043862',
-        }),
-        communicationBlueTint40: DynamicColorMacOS({
-            light: '#EFF6FC',
-            dark: '#092C47',
-        }),
-        cyan20: '#038387',
-        cyan30: '#005B70',
-        cyanBlue10: '#0078D4',
-        cyanBlue20: '#004E8C',
-        dangerPrimary: DynamicColorMacOS({
-            light: '#D92C2C',
-            dark: 'transparent',
-        }),
-        dangerShade10: DynamicColorMacOS({
-            light: '#C32727',
-            dark: '#transparent',
-        }),
-        dangerShade20: DynamicColorMacOS({
-            light: '#A52121',
-            dark: 'transparent',
-        }),
-        dangerShade30: DynamicColorMacOS({
-            light: '#791818',
-            dark: 'transparent',
-        }),
-        dangerTint10: DynamicColorMacOS({
-            light: '#DD4242',
-            dark: 'transparent',
-        }),
-        dangerTint20: DynamicColorMacOS({
-            light: '#E87979',
-            dark: 'transparent',
-        }),
-        dangerTint30: DynamicColorMacOS({
-            light: '#F4B9B9',
-            dark: 'transparent',
-        }),
-        dangerTint40: DynamicColorMacOS({
-            light: '#F9D9D9',
-            dark: 'transparent',
-        }),
-        gray20: '#69797E',
-        gray25: '#F8F8F8',
-        gray30: '#7A7574',
-        gray40: '#393939',
-        gray50: '#F1F1F1',
-        gray100: '#E1E1E1',
-        gray200: '#C8C8C8',
-        gray300: '#ACACAC',
-        gray400: '#919191',
-        gray500: '#6E6E6E',
-        gray600: '#404040',
-        gray700: '#303030',
-        gray800: '#292929',
-        gray900: '#212121',
-        gray950: '#141414',
-        green10: '#498205',
-        green20: '#0B6A0B',
-        magenta10: '#C239B3',
-        magenta20: '#881798',
-        magentaPink10: '#E3008C',
-        orange20: '#CA5010',
-        orange30: '#8E562E',
-        orangeYellow20: '#986F0B',
-        pinkRed10: '#750B1C',
-        presenceAvailable: DynamicColorMacOS({
-            light: '#6BB700',
-            dark: '#92C353',
-        }),
-        presenceAway: DynamicColorMacOS({
-            light: '#FFAA44',
-            dark: '#F8D22A',
-        }),
-        presenceBlocked: DynamicColorMacOS({
-            light: '#C50F1F',
-            dark: '#D74553',
-        }),
-        presenceBusy: DynamicColorMacOS({
-            light: '#C50F1F',
-            dark: '#D74553',
-        }),
-        presenceDnd: DynamicColorMacOS({
-            light: '#C50F1F',
-            dark: '#D74553',
-        }),
-        presenceOffline: DynamicColorMacOS({
-            light: '#8A8886',
-            dark: '#979593',
-        }),
-        presenceOof: DynamicColorMacOS({
-            light: '#B4009E',
-            dark: '#E959D9',
-        }),
-        presenceUnknown: DynamicColorMacOS({
-            light: '#8A8886',
-            dark: '#979593',
-        }),
-        red10: '#D13438',
-        red20: '#A4262C',
-        successPrimary: DynamicColorMacOS({
-            light: '#13A10E',
-            dark: '#979593',
-        }),
-        successShade10: DynamicColorMacOS({
-            light: '#11910D',
-            dark: '#20BA53',
-        }),
-        successShade20: DynamicColorMacOS({
-            light: '#0F7A0B',
-            dark: '#3BC569',
-        }),
-        successShade30: DynamicColorMacOS({
-            light: '#0B5A08',
-            dark: '#67D48B',
-        }),
-        successTint10: DynamicColorMacOS({
-            light: '#27AC22',
-            dark: '#0D9D3D',
-        }),
-        successTint20: DynamicColorMacOS({
-            light: '#5EC65A',
-            dark: '#096B29',
-        }),
-        successTint30: DynamicColorMacOS({
-            light: '#A7E3A5',
-            dark: '#043615',
-        }),
-        successTint40: DynamicColorMacOS({
-            light: '#CEF0CD',
-            dark: '#021D0B',
-        }),
-        warningPrimary: DynamicColorMacOS({
-            light: '#FFD335',
-            dark: '#FFC328',
-        }),
-        warningShade10: DynamicColorMacOS({
-            light: '#E6BE30',
-            dark: '#FFC83E',
-        }),
-        warningShade20: DynamicColorMacOS({
-            light: '#C2A129',
-            dark: '#FFDD15',
-        }),
-        warningShade30: DynamicColorMacOS({
-            light: '#8F761E',
-            dark: '#FFDD87',
-        }),
-        warningTint10: DynamicColorMacOS({
-            light: '#FFD94E',
-            dark: '#E0AB24',
-        }),
-        warningTint20: DynamicColorMacOS({
-            light: '#FFE586',
-            dark: '#997518',
-        }),
-        warningTint30: DynamicColorMacOS({
-            light: '#FFF2C3',
-            dark: '#4D3A0C',
-        }),
-        warningTint40: DynamicColorMacOS({
-            light: '#FFF8DF',
-            dark: '#291F07',
-        }),
-    };
+  return {
+    blue10: '#4F6BED',
+    blueMagenta20: '#8764B8',
+    blueMagenta30: '#5C2E91',
+    communicationBlue: DynamicColorMacOS({
+      light: '#0078D4',
+      dark: '#1890F1',
+    }),
+    communicationBlueShade10: DynamicColorMacOS({
+      light: '#106EBE',
+      dark: '#1890F1',
+    }),
+    communicationBlueShade20: DynamicColorMacOS({
+      light: '#005A9E',
+      dark: '#3AA0F3',
+    }),
+    communicationBlueShade30: DynamicColorMacOS({
+      light: '#004578',
+      dark: '#6CB8F6',
+    }),
+    communicationBlueTint10: DynamicColorMacOS({
+      light: '#2B88D8',
+      dark: '#0078D4',
+    }),
+    communicationBlueTint20: DynamicColorMacOS({
+      light: '#C7E0F4',
+      dark: '#004C87',
+    }),
+    communicationBlueTint30: DynamicColorMacOS({
+      light: '#DEECF9',
+      dark: '#043862',
+    }),
+    communicationBlueTint40: DynamicColorMacOS({
+      light: '#EFF6FC',
+      dark: '#092C47',
+    }),
+    cyan20: '#038387',
+    cyan30: '#005B70',
+    cyanBlue10: '#0078D4',
+    cyanBlue20: '#004E8C',
+    dangerPrimary: DynamicColorMacOS({
+      light: '#D92C2C',
+      dark: 'transparent',
+    }),
+    dangerShade10: DynamicColorMacOS({
+      light: '#C32727',
+      dark: '#transparent',
+    }),
+    dangerShade20: DynamicColorMacOS({
+      light: '#A52121',
+      dark: 'transparent',
+    }),
+    dangerShade30: DynamicColorMacOS({
+      light: '#791818',
+      dark: 'transparent',
+    }),
+    dangerTint10: DynamicColorMacOS({
+      light: '#DD4242',
+      dark: 'transparent',
+    }),
+    dangerTint20: DynamicColorMacOS({
+      light: '#E87979',
+      dark: 'transparent',
+    }),
+    dangerTint30: DynamicColorMacOS({
+      light: '#F4B9B9',
+      dark: 'transparent',
+    }),
+    dangerTint40: DynamicColorMacOS({
+      light: '#F9D9D9',
+      dark: 'transparent',
+    }),
+    gray20: '#69797E',
+    gray25: '#F8F8F8',
+    gray30: '#7A7574',
+    gray40: '#393939',
+    gray50: '#F1F1F1',
+    gray100: '#E1E1E1',
+    gray200: '#C8C8C8',
+    gray300: '#ACACAC',
+    gray400: '#919191',
+    gray500: '#6E6E6E',
+    gray600: '#404040',
+    gray700: '#303030',
+    gray800: '#292929',
+    gray900: '#212121',
+    gray950: '#141414',
+    green10: '#498205',
+    green20: '#0B6A0B',
+    magenta10: '#C239B3',
+    magenta20: '#881798',
+    magentaPink10: '#E3008C',
+    orange20: '#CA5010',
+    orange30: '#8E562E',
+    orangeYellow20: '#986F0B',
+    pinkRed10: '#750B1C',
+    presenceAvailable: DynamicColorMacOS({
+      light: '#6BB700',
+      dark: '#92C353',
+    }),
+    presenceAway: DynamicColorMacOS({
+      light: '#FFAA44',
+      dark: '#F8D22A',
+    }),
+    presenceBlocked: DynamicColorMacOS({
+      light: '#C50F1F',
+      dark: '#D74553',
+    }),
+    presenceBusy: DynamicColorMacOS({
+      light: '#C50F1F',
+      dark: '#D74553',
+    }),
+    presenceDnd: DynamicColorMacOS({
+      light: '#C50F1F',
+      dark: '#D74553',
+    }),
+    presenceOffline: DynamicColorMacOS({
+      light: '#8A8886',
+      dark: '#979593',
+    }),
+    presenceOof: DynamicColorMacOS({
+      light: '#B4009E',
+      dark: '#E959D9',
+    }),
+    presenceUnknown: DynamicColorMacOS({
+      light: '#8A8886',
+      dark: '#979593',
+    }),
+    red10: '#D13438',
+    red20: '#A4262C',
+    successPrimary: DynamicColorMacOS({
+      light: '#13A10E',
+      dark: '#979593',
+    }),
+    successShade10: DynamicColorMacOS({
+      light: '#11910D',
+      dark: '#20BA53',
+    }),
+    successShade20: DynamicColorMacOS({
+      light: '#0F7A0B',
+      dark: '#3BC569',
+    }),
+    successShade30: DynamicColorMacOS({
+      light: '#0B5A08',
+      dark: '#67D48B',
+    }),
+    successTint10: DynamicColorMacOS({
+      light: '#27AC22',
+      dark: '#0D9D3D',
+    }),
+    successTint20: DynamicColorMacOS({
+      light: '#5EC65A',
+      dark: '#096B29',
+    }),
+    successTint30: DynamicColorMacOS({
+      light: '#A7E3A5',
+      dark: '#043615',
+    }),
+    successTint40: DynamicColorMacOS({
+      light: '#CEF0CD',
+      dark: '#021D0B',
+    }),
+    warningPrimary: DynamicColorMacOS({
+      light: '#FFD335',
+      dark: '#FFC328',
+    }),
+    warningShade10: DynamicColorMacOS({
+      light: '#E6BE30',
+      dark: '#FFC83E',
+    }),
+    warningShade20: DynamicColorMacOS({
+      light: '#C2A129',
+      dark: '#FFDD15',
+    }),
+    warningShade30: DynamicColorMacOS({
+      light: '#8F761E',
+      dark: '#FFDD87',
+    }),
+    warningTint10: DynamicColorMacOS({
+      light: '#FFD94E',
+      dark: '#E0AB24',
+    }),
+    warningTint20: DynamicColorMacOS({
+      light: '#FFE586',
+      dark: '#997518',
+    }),
+    warningTint30: DynamicColorMacOS({
+      light: '#FFF2C3',
+      dark: '#4D3A0C',
+    }),
+    warningTint40: DynamicColorMacOS({
+      light: '#FFF8DF',
+      dark: '#291F07',
+    }),
+  };
 }
 /** Creates a palette of colors for the apple theme, given the FluentUI Apple Palette and Apple Semantic Palette
  * The fallback palette is loaded while we wait for  the native theming module to load, or if the module is not found
  */
 export function fallbackApplePalette(mode) {
-    const fluentUIApple = getFluentUIApplePalette();
-    const applePlatform = getAppleSemanticPalette();
-    const macOSAliasColorTokens = createMacOSColorAliasTokens(mode, getIsHighContrast());
-    return {
-        ...macOSAliasColorTokens,
-        /* PaletteBackgroundColors & PaletteTextColors */
-        background: applePlatform.windowBackgroundColor,
-        bodyStandoutBackground: applePlatform.underPageBackgroundColor,
-        bodyFrameBackground: applePlatform.windowBackgroundColor,
-        bodyFrameDivider: applePlatform.separatorColor,
-        bodyText: applePlatform.labelColor,
-        bodyTextChecked: applePlatform.labelColor,
-        subText: applePlatform.secondaryLabelColor,
-        bodyDivider: applePlatform.separatorColor,
-        disabledBackground: fluentUIApple.gray100,
-        disabledText: applePlatform.tertiaryLabelColor,
-        disabledBodyText: applePlatform.tertiaryLabelColor,
-        focusBorder: 'transparent',
-        variantBorder: applePlatform.separatorColor,
-        errorText: fluentUIApple.dangerPrimary,
-        inputBorder: applePlatform.separatorColor,
-        inputBackground: applePlatform.textBackgroundColor,
-        inputFocusBorderAlt: applePlatform.keyboardFocusIndicatorColor,
-        inputText: applePlatform.textColor,
-        inputPlaceholderText: applePlatform.placeholderTextColor,
-        // Set the default button tokens to match the Acrylic Button style
-        buttonBackground: macOSAliasColorTokens.neutralBackground1,
-        buttonBackgroundChecked: macOSAliasColorTokens.neutralBackground3,
-        buttonBackgroundHovered: macOSAliasColorTokens.neutralBackground3,
-        buttonBackgroundPressed: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralBackground3, 'pressed'),
-        buttonBackgroundDisabled: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralBackground3, 'disabled'),
-        buttonBorder: macOSAliasColorTokens.transparentStroke,
-        buttonText: macOSAliasColorTokens.neutralForeground3,
-        buttonTextHovered: macOSAliasColorTokens.neutralForeground3,
-        buttonTextChecked: macOSAliasColorTokens.neutralForeground3,
-        buttonTextPressed: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForeground3, 'pressed'),
-        buttonTextDisabled: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForeground3, 'disabled'),
-        buttonBorderDisabled: macOSAliasColorTokens.transparentBackground,
-        buttonBorderFocused: macOSAliasColorTokens.transparentBackground,
-        primaryButtonBackground: fluentUIApple.communicationBlue,
-        primaryButtonBackgroundHovered: fluentUIApple.communicationBlue,
-        primaryButtonBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
-        primaryButtonBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
-        primaryButtonBorder: 'transparent',
-        primaryButtonBorderFocused: 'transparent',
-        primaryButtonText: macOSAliasColorTokens.neutralForegroundInverted,
-        primaryButtonTextHovered: macOSAliasColorTokens.neutralForegroundInverted,
-        primaryButtonTextPressed: macOSAliasColorTokens.neutralForegroundInverted,
-        primaryButtonTextDisabled: macOSAliasColorTokens.brandForeground1Disabled,
-        accentButtonBackground: fluentUIApple.communicationBlue,
-        menuBackground: 'transparent',
-        menuDivider: applePlatform.separatorColor,
-        menuIcon: macOSAliasColorTokens.neutralForeground3,
-        menuItemBackgroundHovered: applePlatform.controlAccentColor,
-        menuItemBackgroundPressed: ColorWithSystemEffectMacOS(applePlatform.controlAccentColor, 'pressed'),
-        menuItemText: applePlatform.labelColor,
-        menuItemTextHovered: 'white',
-        listHeaderBackgroundHovered: applePlatform.headerTextColor,
-        listHeaderBackgroundPressed: applePlatform.headerTextColor,
-        actionLink: applePlatform.linkColor,
-        link: applePlatform.linkColor,
-        linkHovered: applePlatform.linkColor,
-        linkPressed: applePlatform.selectedControlColor,
-        /* ControlColorTokens */
-        // Set the default button tokens to match the Acrylic Button style
-        defaultBackground: macOSAliasColorTokens.neutralBackground2,
-        defaultBorder: macOSAliasColorTokens.neutralStroke2,
-        defaultContent: macOSAliasColorTokens.neutralForeground2,
-        defaultIcon: macOSAliasColorTokens.neutralForeground3,
-        defaultHoveredBackground: macOSAliasColorTokens.neutralBackground3,
-        defaultHoveredBorder: macOSAliasColorTokens.neutralStroke2,
-        defaultHoveredContent: macOSAliasColorTokens.neutralForeground3,
-        defaultHoveredIcon: macOSAliasColorTokens.neutralForeground3,
-        defaultFocusedBackground: macOSAliasColorTokens.neutralBackground2,
-        defaultFocusedBorder: macOSAliasColorTokens.neutralStroke2,
-        defaultFocusedContent: macOSAliasColorTokens.neutralForeground2,
-        defaultFocusedIcon: macOSAliasColorTokens.neutralForeground3,
-        defaultPressedBackground: macOSAliasColorTokens.neutralBackground2Pressed,
-        defaultPressedBorder: macOSAliasColorTokens.neutralStroke2,
-        defaultPressedContent: macOSAliasColorTokens.neutralForeground2,
-        defaultPressedIcon: macOSAliasColorTokens.neutralForeground3,
-        defaultDisabledBackground: macOSAliasColorTokens.neutralBackground2,
-        defaultDisabledBorder: macOSAliasColorTokens.neutralStroke2,
-        defaultDisabledContent: macOSAliasColorTokens.neutralForegroundDisabled,
-        defaultDisabledIcon: macOSAliasColorTokens.neutralForeground3,
-        ghostBackground: 'transparent',
-        ghostBorder: 'transparent',
-        ghostContent: fluentUIApple.communicationBlue,
-        ghostIcon: fluentUIApple.communicationBlue,
-        ghostHoveredBackground: 'transparent',
-        ghostHoveredBorder: 'transparent',
-        ghostHoveredContent: fluentUIApple.communicationBlue,
-        ghostHoveredIcon: fluentUIApple.communicationBlue,
-        ghostFocusedBackground: 'transparent',
-        ghostFocusedBorder: 'transparent',
-        ghostFocusedContent: fluentUIApple.communicationBlue,
-        ghostFocusedIcon: fluentUIApple.communicationBlue,
-        ghostPressedBackground: 'transparent',
-        ghostPressedBorder: 'transparent',
-        ghostPressedContent: macOSAliasColorTokens.brandForeground1Pressed,
-        ghostPressedIcon: macOSAliasColorTokens.neutralForeground3,
-        ghostDisabledBackground: 'transparent',
-        ghostDisabledBorder: 'transparent',
-        ghostDisabledContent: macOSAliasColorTokens.brandForeground1Disabled,
-        ghostDisabledIcon: macOSAliasColorTokens.brandForeground1Disabled,
-        brandedBackground: macOSAliasColorTokens.brandBackground,
-        brandedDisabledBorder: 'transparent',
-        defaultCheckedBackground: fluentUIApple.communicationBlue,
-        defaultCheckedContent: macOSAliasColorTokens.neutralForegroundInverted,
-        defaultCheckedHoveredBackground: fluentUIApple.communicationBlue,
-        defaultCheckedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
-        ghostCheckedBackground: 'transparent',
-        ghostCheckedContent: fluentUIApple.communicationBlue,
-        ghostCheckedHoveredBackground: 'transparent',
-        ghostCheckedHoveredContent: fluentUIApple.communicationBlue,
-        ghostCheckedHoveredBorder: 'transparent',
-        ghostSecondaryContent: fluentUIApple.communicationBlue,
-        ghostFocusedSecondaryContent: fluentUIApple.communicationBlue,
-        ghostHoveredSecondaryContent: fluentUIApple.communicationBlue,
-        ghostPressedSecondaryContent: ColorWithSystemEffectMacOS(fluentUIApple.communicationBlue, 'deepPressed'),
-        brandedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
-        brandedFocusedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
-        brandedHoveredSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
-        brandedPressedSecondaryContent: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForegroundInverted, 'pressed'),
-        defaultHoveredSecondaryContent: macOSAliasColorTokens.neutralForeground3,
-        defaultPressedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
-        checkboxBackground: fluentUIApple.communicationBlue,
-        checkboxBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
-        checkboxBorderColor: fluentUIApple.gray600,
-        checkmarkColor: macOSAliasColorTokens.neutralForegroundInverted,
-        personaActivityRing: macOSAliasColorTokens.neutralForegroundInverted,
-        personaActivityGlow: fluentUIApple.red10,
-    };
+  const fluentUIApple = getFluentUIApplePalette();
+  const applePlatform = getAppleSemanticPalette();
+  const macOSAliasColorTokens = createMacOSColorAliasTokens(mode, getIsHighContrast());
+  return {
+    ...macOSAliasColorTokens,
+    /* PaletteBackgroundColors & PaletteTextColors */
+    background: applePlatform.windowBackgroundColor,
+    bodyStandoutBackground: applePlatform.underPageBackgroundColor,
+    bodyFrameBackground: applePlatform.windowBackgroundColor,
+    bodyFrameDivider: applePlatform.separatorColor,
+    bodyText: applePlatform.labelColor,
+    bodyTextChecked: applePlatform.labelColor,
+    subText: applePlatform.secondaryLabelColor,
+    bodyDivider: applePlatform.separatorColor,
+    disabledBackground: fluentUIApple.gray100,
+    disabledText: applePlatform.tertiaryLabelColor,
+    disabledBodyText: applePlatform.tertiaryLabelColor,
+    focusBorder: 'transparent',
+    variantBorder: applePlatform.separatorColor,
+    errorText: fluentUIApple.dangerPrimary,
+    inputBorder: applePlatform.separatorColor,
+    inputBackground: applePlatform.textBackgroundColor,
+    inputFocusBorderAlt: applePlatform.keyboardFocusIndicatorColor,
+    inputText: applePlatform.textColor,
+    inputPlaceholderText: applePlatform.placeholderTextColor,
+    // Set the default button tokens to match the Acrylic Button style
+    buttonBackground: macOSAliasColorTokens.neutralBackground1,
+    buttonBackgroundChecked: macOSAliasColorTokens.neutralBackground3,
+    buttonBackgroundHovered: macOSAliasColorTokens.neutralBackground3,
+    buttonBackgroundPressed: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralBackground3, 'pressed'),
+    buttonBackgroundDisabled: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralBackground3, 'disabled'),
+    buttonBorder: macOSAliasColorTokens.transparentStroke,
+    buttonText: macOSAliasColorTokens.neutralForeground3,
+    buttonTextHovered: macOSAliasColorTokens.neutralForeground3,
+    buttonTextChecked: macOSAliasColorTokens.neutralForeground3,
+    buttonTextPressed: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForeground3, 'pressed'),
+    buttonTextDisabled: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForeground3, 'disabled'),
+    buttonBorderDisabled: macOSAliasColorTokens.transparentBackground,
+    buttonBorderFocused: macOSAliasColorTokens.transparentBackground,
+    primaryButtonBackground: fluentUIApple.communicationBlue,
+    primaryButtonBackgroundHovered: fluentUIApple.communicationBlue,
+    primaryButtonBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
+    primaryButtonBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
+    primaryButtonBorder: 'transparent',
+    primaryButtonBorderFocused: 'transparent',
+    primaryButtonText: macOSAliasColorTokens.neutralForegroundInverted,
+    primaryButtonTextHovered: macOSAliasColorTokens.neutralForegroundInverted,
+    primaryButtonTextPressed: macOSAliasColorTokens.neutralForegroundInverted,
+    primaryButtonTextDisabled: macOSAliasColorTokens.brandForeground1Disabled,
+    accentButtonBackground: fluentUIApple.communicationBlue,
+    menuBackground: 'transparent',
+    menuDivider: applePlatform.separatorColor,
+    menuIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    menuItemBackgroundHovered: applePlatform.controlAccentColor,
+    menuItemBackgroundPressed: ColorWithSystemEffectMacOS(applePlatform.controlAccentColor, 'pressed'),
+    menuItemText: applePlatform.labelColor,
+    menuItemTextHovered: 'white',
+    listHeaderBackgroundHovered: applePlatform.headerTextColor,
+    listHeaderBackgroundPressed: applePlatform.headerTextColor,
+    actionLink: applePlatform.linkColor,
+    link: applePlatform.linkColor,
+    linkHovered: applePlatform.linkColor,
+    linkPressed: applePlatform.selectedControlColor,
+    /* ControlColorTokens */
+    // Set the default button tokens to match the Acrylic Button style
+    defaultBackground: macOSAliasColorTokens.neutralBackground2,
+    defaultBorder: macOSAliasColorTokens.neutralStroke2,
+    defaultContent: macOSAliasColorTokens.neutralForeground2,
+    defaultIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    defaultHoveredBackground: macOSAliasColorTokens.neutralBackground3,
+    defaultHoveredBorder: macOSAliasColorTokens.neutralStroke2,
+    defaultHoveredContent: macOSAliasColorTokens.neutralForeground3,
+    defaultHoveredIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    defaultFocusedBackground: macOSAliasColorTokens.neutralBackground2,
+    defaultFocusedBorder: macOSAliasColorTokens.neutralStroke2,
+    defaultFocusedContent: macOSAliasColorTokens.neutralForeground2,
+    defaultFocusedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    defaultPressedBackground: macOSAliasColorTokens.neutralBackground2Pressed,
+    defaultPressedBorder: macOSAliasColorTokens.neutralStroke2,
+    defaultPressedContent: macOSAliasColorTokens.neutralForeground2,
+    defaultPressedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    defaultDisabledBackground: macOSAliasColorTokens.neutralBackground2,
+    defaultDisabledBorder: macOSAliasColorTokens.neutralStroke2,
+    defaultDisabledContent: macOSAliasColorTokens.neutralForegroundDisabled,
+    defaultDisabledIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    ghostBackground: 'transparent',
+    ghostBorder: 'transparent',
+    ghostContent: fluentUIApple.communicationBlue,
+    ghostIcon: fluentUIApple.communicationBlue,
+    ghostHoveredBackground: 'transparent',
+    ghostHoveredBorder: 'transparent',
+    ghostHoveredContent: fluentUIApple.communicationBlue,
+    ghostHoveredIcon: fluentUIApple.communicationBlue,
+    ghostFocusedBackground: 'transparent',
+    ghostFocusedBorder: 'transparent',
+    ghostFocusedContent: fluentUIApple.communicationBlue,
+    ghostFocusedIcon: fluentUIApple.communicationBlue,
+    ghostPressedBackground: 'transparent',
+    ghostPressedBorder: 'transparent',
+    ghostPressedContent: macOSAliasColorTokens.brandForeground1Pressed,
+    ghostPressedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
+    ghostDisabledBackground: 'transparent',
+    ghostDisabledBorder: 'transparent',
+    ghostDisabledContent: macOSAliasColorTokens.brandForeground1Disabled,
+    ghostDisabledIcon: macOSAliasColorTokens.brandForeground1Disabled,
+    brandedBackground: macOSAliasColorTokens.brandBackground,
+    brandedDisabledBorder: 'transparent',
+    defaultCheckedBackground: fluentUIApple.communicationBlue,
+    defaultCheckedContent: macOSAliasColorTokens.neutralForegroundInverted,
+    defaultCheckedHoveredBackground: fluentUIApple.communicationBlue,
+    defaultCheckedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
+    ghostCheckedBackground: 'transparent',
+    ghostCheckedContent: fluentUIApple.communicationBlue,
+    ghostCheckedHoveredBackground: 'transparent',
+    ghostCheckedHoveredContent: fluentUIApple.communicationBlue,
+    ghostCheckedHoveredBorder: 'transparent',
+    ghostSecondaryContent: fluentUIApple.communicationBlue,
+    ghostFocusedSecondaryContent: fluentUIApple.communicationBlue,
+    ghostHoveredSecondaryContent: fluentUIApple.communicationBlue,
+    ghostPressedSecondaryContent: ColorWithSystemEffectMacOS(fluentUIApple.communicationBlue, 'deepPressed'),
+    brandedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
+    brandedFocusedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
+    brandedHoveredSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
+    brandedPressedSecondaryContent: ColorWithSystemEffectMacOS(macOSAliasColorTokens.neutralForegroundInverted, 'pressed'),
+    defaultHoveredSecondaryContent: macOSAliasColorTokens.neutralForeground3,
+    defaultPressedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
+    checkboxBackground: fluentUIApple.communicationBlue,
+    checkboxBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
+    checkboxBorderColor: fluentUIApple.gray600,
+    checkmarkColor: macOSAliasColorTokens.neutralForegroundInverted,
+    personaActivityRing: macOSAliasColorTokens.neutralForegroundInverted,
+    personaActivityGlow: fluentUIApple.red10,
+  };
 }
-//# sourceMappingURL=appleColors.macos.js.map
+//# sourceMappingURL=appleColors.macos.js.map