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

package/lib/appleColors.macos.js

@@ -1,382 +1,380 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import { PlatformColor, DynamicColorMacOS, ColorWithSystemEffectMacOS } from 'react-native-macos';
 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, //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,
-  };
+    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