Expose all macOS alias color tokens through the theme (#3016)

* Expose all macOS alias color tokens through the theme

* Update snapshots

* Change files

Author: lyzhan7

change/@fluentui-react-native-apple-theme-d4d74a6b-3d0f-44e0-8f69-76c1c35b22fa.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Expose all macOS alias color tokens through the theme",
+  "packageName": "@fluentui-react-native/apple-theme",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/theming/apple-theme/src/__tests__/__snapshots__/apple-theme.test.ts.snap

@@ -191,6 +191,16 @@ exports[`createAppleTheme test 1`] = `
     "compoundBrandStroke1": "#0078d4",
     "compoundBrandStroke1Hover": "#106ebe",
     "compoundBrandStroke1Pressed": "#004578",
+    "dangerBackground1": "#fdf6f6",
+    "dangerBackground2": "#f1bbbc",
+    "dangerBackground3": "#d13438",
+    "dangerBorder1": "#f1bbbc",
+    "dangerBorder2": "#d13438",
+    "dangerBorderActive": "#d13438",
+    "dangerForeground1": "#bc2f32",
+    "dangerForeground2": "#751d1f",
+    "dangerForeground3": "#d13438",
+    "dangerForegroundInverted": "#dc5e62",
     "defaultBackground": "#ffffff",
     "defaultBorder": "#d6d6d6",
     "defaultCheckedBackground": {
@@ -578,6 +588,15 @@ exports[`createAppleTheme test 1`] = `
     "neutralStrokeAccessiblePressed": "#4d4d4d",
     "neutralStrokeAccessibleSelected": "#0078d4",
     "neutralStrokeDisabled": "#e0e0e0",
+    "outofofficeBackground1": "#fdf5fc",
+    "outofofficeBackground2": "#edbbe7",
+    "outofofficeBackground3": "#c239b3",
+    "outofofficeBorder1": "#edbbe7",
+    "outofofficeBorder2": "#c239b3",
+    "outofofficeBorderActive": "#c239b3",
+    "outofofficeForeground1": "#af33a1",
+    "outofofficeForeground2": "#6d2064",
+    "outofofficeForeground3": "#c239b3",
     "personaActivityGlow": "#D13438",
     "personaActivityRing": "#ffffff",
     "primaryButtonBackground": {
@@ -604,6 +623,15 @@ exports[`createAppleTheme test 1`] = `
     "primaryButtonTextDisabled": "#757575",
     "primaryButtonTextHovered": "#ffffff",
     "primaryButtonTextPressed": "#ffffff",
+    "severeBackground1": "#fdf6f3",
+    "severeBackground2": "#f4bfab",
+    "severeBackground3": "#da3b01",
+    "severeBorder1": "#f4bfab",
+    "severeBorder2": "#da3b01",
+    "severeBorderActive": "#da3b01",
+    "severeForeground1": "#c43501",
+    "severeForeground2": "#7a2101",
+    "severeForeground3": "#da3b01",
     "smallInputBorder": {
       "semantic": [
         "separatorColor",
@@ -628,6 +656,16 @@ exports[`createAppleTheme test 1`] = `
         "light": "#27AC22",
       },
     },
+    "successBackground1": "#f1faf1",
+    "successBackground2": "#9fd89f",
+    "successBackground3": "#107c10",
+    "successBorder1": "#9fd89f",
+    "successBorder2": "#107c10",
+    "successBorderActive": "#107c10",
+    "successForeground1": "#0e700e",
+    "successForeground2": "#094509",
+    "successForeground3": "#107c10",
+    "successForegroundInverted": "#359b35",
     "transparentBackground": "#00000000",
     "transparentBackgroundHover": "#00000000",
     "transparentBackgroundPressed": "#00000000",
@@ -653,6 +691,16 @@ exports[`createAppleTheme test 1`] = `
         "light": "#FFD335",
       },
     },
+    "warningBackground1": "#fffef5",
+    "warningBackground2": "#fef7b2",
+    "warningBackground3": "#fde300",
+    "warningBorder1": "#fef7b2",
+    "warningBorder2": "#fde300",
+    "warningBorderActive": "#fde300",
+    "warningForeground1": "#817400",
+    "warningForeground2": "#817400",
+    "warningForeground3": "#fde300",
+    "warningForegroundInverted": "#fef7b2",
     "warningHighlight": {
       "dynamic": {
         "dark": "#E0AB24",

packages/theming/apple-theme/src/appleColors.macos.ts

@@ -265,6 +265,8 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
   const macOSAliasColorTokens = createMacOSColorAliasTokens(mode, getIsHighContrast());
 
   return {
+    ...macOSAliasColorTokens,
+
     /* PaletteBackgroundColors & PaletteTextColors */
 
     background: applePlatform.windowBackgroundColor,
@@ -477,123 +479,5 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
 
     personaActivityRing: macOSAliasColorTokens.neutralForegroundInverted,
     personaActivityGlow: fluentUIApple.red10,
-
-    /* AliasColorTokens */
-
-    neutralForeground1: macOSAliasColorTokens.neutralForeground1,
-    neutralForeground1Hover: macOSAliasColorTokens.neutralForeground1Hover,
-    neutralForeground1Pressed: macOSAliasColorTokens.neutralForeground1Pressed,
-    neutralForeground1Selected: macOSAliasColorTokens.neutralForeground1Selected,
-    neutralForeground2: macOSAliasColorTokens.neutralForeground2,
-    neutralForeground2Hover: macOSAliasColorTokens.neutralForeground2Hover,
-    neutralForeground2Pressed: macOSAliasColorTokens.neutralForeground2Pressed,
-    neutralForeground2Selected: macOSAliasColorTokens.neutralForeground2Selected,
-    neutralForeground2BrandHover: macOSAliasColorTokens.neutralForeground2BrandHover,
-    neutralForeground2BrandPressed: macOSAliasColorTokens.neutralForeground2BrandPressed,
-    neutralForeground2BrandSelected: macOSAliasColorTokens.neutralForeground2BrandSelected,
-    neutralForeground3: macOSAliasColorTokens.neutralForeground3,
-    neutralForeground3Hover: macOSAliasColorTokens.neutralForeground3Hover,
-    neutralForeground3Pressed: macOSAliasColorTokens.neutralForeground3Pressed,
-    neutralForeground3Selected: macOSAliasColorTokens.neutralForeground3Selected,
-    neutralForeground3BrandHover: macOSAliasColorTokens.neutralForeground3BrandHover,
-    neutralForeground3BrandPressed: macOSAliasColorTokens.neutralForeground3BrandPressed,
-    neutralForeground3BrandSelected: macOSAliasColorTokens.neutralForeground3BrandSelected,
-    neutralForeground4: macOSAliasColorTokens.neutralForeground4,
-    neutralForegroundDisabled: macOSAliasColorTokens.neutralForegroundDisabled,
-
-    brandForegroundLink: macOSAliasColorTokens.brandForegroundLink,
-    brandForegroundLinkHover: macOSAliasColorTokens.brandForegroundLinkHover,
-    brandForegroundLinkPressed: macOSAliasColorTokens.brandForegroundLinkPressed,
-    brandForegroundLinkSelected: macOSAliasColorTokens.brandForegroundLinkSelected,
-    compoundBrandForeground1: macOSAliasColorTokens.compoundBrandForeground1,
-    compoundBrandForeground1Hover: macOSAliasColorTokens.compoundBrandForeground1Hover,
-    compoundBrandForeground1Pressed: macOSAliasColorTokens.compoundBrandForeground1Pressed,
-    brandForeground1: macOSAliasColorTokens.brandForeground1,
-    brandForeground1Disabled: macOSAliasColorTokens.brandForeground1Disabled,
-    brandForeground1Pressed: macOSAliasColorTokens.brandForeground1Pressed,
-    brandForeground2: macOSAliasColorTokens.brandForeground2,
-
-    neutralForegroundInverted: macOSAliasColorTokens.neutralForegroundInverted,
-    neutralForegroundOnBrand: macOSAliasColorTokens.neutralForegroundOnBrand,
-    neutralForegroundOnBrandHover: macOSAliasColorTokens.neutralForegroundOnBrandHover,
-    neutralForegroundOnBrandPressed: macOSAliasColorTokens.neutralForegroundOnBrandPressed,
-    neutralForegroundOnBrandSelected: macOSAliasColorTokens.neutralForegroundOnBrandSelected,
-    neutralForegroundInvertedLink: macOSAliasColorTokens.neutralForegroundInvertedLink,
-    neutralForegroundInvertedLinkHover: macOSAliasColorTokens.neutralForegroundInvertedLinkHover,
-    neutralForegroundInvertedLinkPressed: macOSAliasColorTokens.neutralForegroundInvertedLinkPressed,
-    neutralForegroundInvertedLinkSelected: macOSAliasColorTokens.neutralForegroundInvertedLinkSelected,
-
-    neutralBackground1: macOSAliasColorTokens.neutralBackground1,
-    neutralBackground1Hover: macOSAliasColorTokens.neutralBackground1Hover,
-    neutralBackground1Pressed: macOSAliasColorTokens.neutralBackground1Pressed,
-    neutralBackground1Selected: macOSAliasColorTokens.neutralBackground1Selected,
-    neutralBackground2: macOSAliasColorTokens.neutralBackground2,
-    neutralBackground2Hover: macOSAliasColorTokens.neutralBackground2Hover,
-    neutralBackground2Pressed: macOSAliasColorTokens.neutralBackground2Pressed,
-    neutralBackground2Selected: macOSAliasColorTokens.neutralBackground2Selected,
-    neutralBackground3: macOSAliasColorTokens.neutralBackground3,
-    neutralBackground3Hover: macOSAliasColorTokens.neutralBackground3Hover,
-    neutralBackground3Pressed: macOSAliasColorTokens.neutralBackground3Pressed,
-    neutralBackground3Selected: macOSAliasColorTokens.neutralBackground3Selected,
-    neutralBackground4: macOSAliasColorTokens.neutralBackground4,
-    neutralBackground4Hover: macOSAliasColorTokens.neutralBackground4Hover,
-    neutralBackground4Pressed: macOSAliasColorTokens.neutralBackground4Pressed,
-    neutralBackground4Selected: macOSAliasColorTokens.neutralBackground4Selected,
-    neutralBackground5: macOSAliasColorTokens.neutralBackground5,
-    neutralBackground5Hover: macOSAliasColorTokens.neutralBackground5Hover,
-    neutralBackground5Pressed: macOSAliasColorTokens.neutralBackground5Pressed,
-    neutralBackground5Selected: macOSAliasColorTokens.neutralBackground5Selected,
-    neutralBackground6: macOSAliasColorTokens.neutralBackground6,
-    neutralBackgroundInverted: macOSAliasColorTokens.neutralBackgroundInverted,
-
-    subtleBackground: macOSAliasColorTokens.subtleBackground,
-    subtleBackgroundHover: macOSAliasColorTokens.subtleBackgroundHover,
-    subtleBackgroundPressed: macOSAliasColorTokens.subtleBackgroundPressed,
-    subtleBackgroundSelected: macOSAliasColorTokens.subtleBackgroundSelected,
-
-    transparentBackground: macOSAliasColorTokens.transparentBackground,
-    transparentBackgroundHover: macOSAliasColorTokens.transparentBackgroundHover,
-    transparentBackgroundPressed: macOSAliasColorTokens.transparentBackgroundPressed,
-    transparentBackgroundSelected: macOSAliasColorTokens.transparentBackgroundSelected,
-    neutralBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
-
-    neutralStencil1: macOSAliasColorTokens.neutralStencil1,
-    neutralStencil2: macOSAliasColorTokens.neutralStencil2,
-
-    brandBackground: macOSAliasColorTokens.brandBackground,
-    brandBackgroundHover: macOSAliasColorTokens.brandBackgroundHover,
-    brandBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
-    brandBackgroundDisabled: macOSAliasColorTokens.brandBackgroundDisabled,
-    brandBackgroundSelected: macOSAliasColorTokens.brandBackgroundSelected,
-    compoundBrandBackground1: macOSAliasColorTokens.compoundBrandBackground1,
-    compoundBrandBackground1Hover: macOSAliasColorTokens.compoundBrandBackground1Hover,
-    compoundBrandBackground1Pressed: macOSAliasColorTokens.compoundBrandBackground1Pressed,
-
-    brandBackgroundStatic: macOSAliasColorTokens.brandBackgroundStatic,
-    brandBackground2: macOSAliasColorTokens.brandBackground2,
-
-    neutralStrokeAccessible: macOSAliasColorTokens.neutralStrokeAccessible,
-    neutralStrokeAccessibleHover: macOSAliasColorTokens.neutralStrokeAccessibleHover,
-    neutralStrokeAccessiblePressed: macOSAliasColorTokens.neutralStrokeAccessiblePressed,
-    neutralStrokeAccessibleSelected: macOSAliasColorTokens.neutralStrokeAccessibleSelected,
-    neutralStroke1: macOSAliasColorTokens.neutralStroke1,
-    neutralStroke1Hover: macOSAliasColorTokens.neutralStroke1Hover,
-    neutralStroke1Pressed: macOSAliasColorTokens.neutralStroke1Pressed,
-    neutralStroke1Selected: macOSAliasColorTokens.neutralStroke1Selected,
-    neutralStroke2: macOSAliasColorTokens.neutralStroke2,
-    neutralStroke3: macOSAliasColorTokens.neutralStroke3,
-    brandStroke1: macOSAliasColorTokens.brandStroke1,
-    brandStroke2: macOSAliasColorTokens.brandStroke2,
-    compoundBrandStroke1: macOSAliasColorTokens.compoundBrandStroke1,
-    compoundBrandStroke1Hover: macOSAliasColorTokens.compoundBrandStroke1Hover,
-    compoundBrandStroke1Pressed: macOSAliasColorTokens.compoundBrandStroke1Pressed,
-    neutralStrokeDisabled: macOSAliasColorTokens.neutralStrokeDisabled,
-
-    transparentStroke: macOSAliasColorTokens.transparentStroke,
-    transparentStrokeInteractive: macOSAliasColorTokens.transparentStrokeInteractive,
-    transparentStrokeDisabled: macOSAliasColorTokens.transparentStrokeDisabled,
-
-    strokeFocus1: macOSAliasColorTokens.strokeFocus1,
-    strokeFocus2: macOSAliasColorTokens.strokeFocus2,
   };
 }