@fluentui-react-native/apple-theme 0.21.4 → 0.21.5

package/CHANGELOG.json

@@ -2,7 +2,34 @@
   "name": "@fluentui-react-native/apple-theme",
   "entries": [
     {
-      "date": "Tue, 18 Jul 2023 19:04:56 GMT",
+      "date": "Mon, 31 Jul 2023 19:26:20 GMT",
+      "version": "0.21.5",
+      "tag": "@fluentui-react-native/apple-theme_v0.21.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/apple-theme",
+            "commit": "94d373b6ff0cc7e1a75dd89ad64671489a25baff",
+            "comment": "Update snapshots"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/apple-theme",
+            "comment": "Bump @fluentui-react-native/default-theme to v0.19.4",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/apple-theme",
+            "comment": "Bump @fluentui-react-native/experimental-appearance-additions to v0.5.5",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 18 Jul 2023 19:09:32 GMT",
       "tag": "@fluentui-react-native/apple-theme_v0.21.4",
       "version": "0.21.4",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui-react-native/apple-theme
 
-This log was last generated on Tue, 18 Jul 2023 19:04:56 GMT and should not be manually modified.
+This log was last generated on Mon, 31 Jul 2023 19:26:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.21.5
+
+Mon, 31 Jul 2023 19:26:20 GMT
+
+### Patches
+
+- Update snapshots (ruaraki@microsoft.com)
+- Bump @fluentui-react-native/default-theme to v0.19.4
+- Bump @fluentui-react-native/experimental-appearance-additions to v0.5.5
+
 ## 0.21.4
 
-Tue, 18 Jul 2023 19:04:56 GMT
+Tue, 18 Jul 2023 19:09:32 GMT
 
 ### Patches
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/apple-theme",
-  "version": "0.21.4",
+  "version": "0.21.5",
   "description": "A FluentUI React Native theme that pulls constants from FluentUI Apple",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -27,10 +27,10 @@
     "directory": "packages/theming/apple-theme"
   },
   "dependencies": {
-    "@fluentui-react-native/default-theme": ">=0.19.3 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.19.4 <1.0.0",
     "@fluentui-react-native/design-tokens-ios": "^0.50.0",
     "@fluentui-react-native/design-tokens-macos": "^0.50.0",
-    "@fluentui-react-native/experimental-appearance-additions": "^0.5.4",
+    "@fluentui-react-native/experimental-appearance-additions": "^0.5.5",
     "@fluentui-react-native/memo-cache": "^1.3.0",
     "@fluentui-react-native/theme": ">=0.9.0 <1.0.0",
     "@fluentui-react-native/theme-tokens": "^0.25.0",

package/src/__tests__/__snapshots__/apple-theme.test.ts.snap

@@ -1232,179 +1232,6 @@ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`]
 }
 `;
 
-exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 2`] = `
-{
-  "shadow16": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000003d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 16,
-      "color": "#00000047",
-      "x": 0,
-      "y": 8,
-    },
-  },
-  "shadow16brand": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000004d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 16,
-      "color": "#00000040",
-      "x": 0,
-      "y": 8,
-    },
-  },
-  "shadow2": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000003d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 2,
-      "color": "#00000047",
-      "x": 0,
-      "y": 1,
-    },
-  },
-  "shadow28": {
-    "ambient": {
-      "blur": 8,
-      "color": "#00000066",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 28,
-      "color": "#0000007a",
-      "x": 0,
-      "y": 14,
-    },
-  },
-  "shadow28brand": {
-    "ambient": {
-      "blur": 8,
-      "color": "#0000004d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 28,
-      "color": "#00000040",
-      "x": 0,
-      "y": 14,
-    },
-  },
-  "shadow2brand": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000004d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 2,
-      "color": "#00000040",
-      "x": 0,
-      "y": 1,
-    },
-  },
-  "shadow4": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000003d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 4,
-      "color": "#00000047",
-      "x": 0,
-      "y": 2,
-    },
-  },
-  "shadow4brand": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000004d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 4,
-      "color": "#00000040",
-      "x": 0,
-      "y": 2,
-    },
-  },
-  "shadow64": {
-    "ambient": {
-      "blur": 8,
-      "color": "#00000066",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 64,
-      "color": "#0000007a",
-      "x": 0,
-      "y": 32,
-    },
-  },
-  "shadow64brand": {
-    "ambient": {
-      "blur": 8,
-      "color": "#0000004d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 64,
-      "color": "#00000040",
-      "x": 0,
-      "y": 32,
-    },
-  },
-  "shadow8": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000003d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 8,
-      "color": "#00000047",
-      "x": 0,
-      "y": 4,
-    },
-  },
-  "shadow8brand": {
-    "ambient": {
-      "blur": 2,
-      "color": "#0000004d",
-      "x": 0,
-      "y": 0,
-    },
-    "key": {
-      "blur": 8,
-      "color": "#00000040",
-      "x": 0,
-      "y": 4,
-    },
-  },
-}
-`;
-
 exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
 {
   "brandBackground": "#0086f0",
@@ -1546,23 +1373,337 @@ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] =
   "transparentBackgroundHover": "#00000000",
   "transparentBackgroundPressed": "#00000000",
   "transparentBackgroundSelected": "#00000000",
-  "transparentStroke": "#3aa0f3",
-  "transparentStrokeDisabled": "#d6d6d6",
-  "transparentStrokeInteractive": "#a8a8a8",
-  "warningBackground1": "#4c4400",
-  "warningBackground2": "#817400",
+  "transparentStroke": "#3aa0f3",
+  "transparentStrokeDisabled": "#d6d6d6",
+  "transparentStrokeInteractive": "#a8a8a8",
+  "warningBackground1": "#4c4400",
+  "warningBackground2": "#817400",
+  "warningBackground3": "#fde300",
+  "warningBorder1": "#fde300",
+  "warningBorder2": "#fdea3d",
+  "warningBorderActive": "#feee66",
+  "warningForeground1": "#feee66",
+  "warningForeground2": "#fef7b2",
+  "warningForeground3": "#fdea3d",
+  "warningForegroundInverted": "#817400",
+}
+`;
+
+exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
+{
+  "brandBackground": "#0078d4",
+  "brandBackground2": "#eff6fc",
+  "brandBackgroundDisabled": "#d1d1d1",
+  "brandBackgroundHover": "#106ebe",
+  "brandBackgroundPressed": "#106ebe",
+  "brandBackgroundSelected": "#005a9e",
+  "brandBackgroundStatic": "#0078d4",
+  "brandForeground1": "#0078d4",
+  "brandForeground1Disabled": "#757575",
+  "brandForeground1Pressed": "#004578",
+  "brandForeground2": "#106ebe",
+  "brandForegroundLink": "#0078d4",
+  "brandForegroundLinkHover": "#106ebe",
+  "brandForegroundLinkPressed": "#004578",
+  "brandForegroundLinkSelected": "#005a9e",
+  "brandStroke1": "#0078d4",
+  "brandStroke2": "#c7e0f4",
+  "compoundBrandBackground1": "#0078d4",
+  "compoundBrandBackground1Hover": "#106ebe",
+  "compoundBrandBackground1Pressed": "#004578",
+  "compoundBrandForeground1": "#0078d4",
+  "compoundBrandForeground1Hover": "#106ebe",
+  "compoundBrandForeground1Pressed": "#004578",
+  "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",
+  "neutralBackground1": "#ffffff",
+  "neutralBackground1Hover": "#f5f5f5",
+  "neutralBackground1Pressed": "#ebebeb",
+  "neutralBackground1Selected": "#ebebeb",
+  "neutralBackground2": "#ffffff",
+  "neutralBackground2Hover": "#f0f0f0",
+  "neutralBackground2Pressed": "#ebebeb",
+  "neutralBackground2Selected": "#e6e6e6",
+  "neutralBackground3": "#f5f5f5",
+  "neutralBackground3Hover": "#ebebeb",
+  "neutralBackground3Pressed": "#d6d6d6",
+  "neutralBackground3Selected": "#e0e0e0",
+  "neutralBackground4": "#f0f0f0",
+  "neutralBackground4Hover": "#fafafa",
+  "neutralBackground4Pressed": "#f5f5f5",
+  "neutralBackground4Selected": "#ffffff",
+  "neutralBackground5": "#ebebeb",
+  "neutralBackground5Hover": "#f5f5f5",
+  "neutralBackground5Pressed": "#f0f0f0",
+  "neutralBackground5Selected": "#fafafa",
+  "neutralBackground6": "#e6e6e6",
+  "neutralBackgroundDisabled": "#f0f0f0",
+  "neutralBackgroundInverted": "#616161",
+  "neutralForeground1": "#242424",
+  "neutralForeground1Hover": "#242424",
+  "neutralForeground1Pressed": "#242424",
+  "neutralForeground1Selected": "#242424",
+  "neutralForeground2": "#000000",
+  "neutralForeground2BrandHover": "#106ebe",
+  "neutralForeground2BrandPressed": "#004578",
+  "neutralForeground2BrandSelected": "#005a9e",
+  "neutralForeground2Hover": "#242424",
+  "neutralForeground2Pressed": "#242424",
+  "neutralForeground2Selected": "#242424",
+  "neutralForeground3": "#616161",
+  "neutralForeground3BrandHover": "#106ebe",
+  "neutralForeground3BrandPressed": "#004578",
+  "neutralForeground3BrandSelected": "#005a9e",
+  "neutralForeground3Hover": "#424242",
+  "neutralForeground3Pressed": "#424242",
+  "neutralForeground3Selected": "#424242",
+  "neutralForeground4": "#808080",
+  "neutralForegroundDisabled": "#757575",
+  "neutralForegroundInverted": "#ffffff",
+  "neutralForegroundInvertedLink": "#ffffff",
+  "neutralForegroundInvertedLinkHover": "#ffffff",
+  "neutralForegroundInvertedLinkPressed": "#ffffff",
+  "neutralForegroundInvertedLinkSelected": "#ffffff",
+  "neutralForegroundOnBrand": "#ffffff",
+  "neutralForegroundOnBrandHover": "#ffffff",
+  "neutralForegroundOnBrandPressed": "#ffffff",
+  "neutralForegroundOnBrandSelected": "#ffffff",
+  "neutralStencil1": "#e6e6e6",
+  "neutralStencil2": "#fafafa",
+  "neutralStroke1": "#f0f0f0",
+  "neutralStroke1Hover": "#c7c7c7",
+  "neutralStroke1Pressed": "#b3b3b3",
+  "neutralStroke1Selected": "#bdbdbd",
+  "neutralStroke2": "#d6d6d6",
+  "neutralStroke3": "#f0f0f0",
+  "neutralStrokeAccessible": "#616161",
+  "neutralStrokeAccessibleHover": "#575757",
+  "neutralStrokeAccessiblePressed": "#4d4d4d",
+  "neutralStrokeAccessibleSelected": "#0078d4",
+  "neutralStrokeDisabled": "#e0e0e0",
+  "outofofficeBackground1": "#fdf5fc",
+  "outofofficeBackground2": "#edbbe7",
+  "outofofficeBackground3": "#c239b3",
+  "outofofficeBorder1": "#edbbe7",
+  "outofofficeBorder2": "#c239b3",
+  "outofofficeBorderActive": "#c239b3",
+  "outofofficeForeground1": "#af33a1",
+  "outofofficeForeground2": "#6d2064",
+  "outofofficeForeground3": "#c239b3",
+  "severeBackground1": "#fdf6f3",
+  "severeBackground2": "#f4bfab",
+  "severeBackground3": "#da3b01",
+  "severeBorder1": "#f4bfab",
+  "severeBorder2": "#da3b01",
+  "severeBorderActive": "#da3b01",
+  "severeForeground1": "#c43501",
+  "severeForeground2": "#7a2101",
+  "severeForeground3": "#da3b01",
+  "strokeFocus1": "#ffffff",
+  "strokeFocus2": "#000000",
+  "subtleBackground": "#00000000",
+  "subtleBackgroundHover": "#f5f5f5",
+  "subtleBackgroundPressed": "#e0e0e0",
+  "subtleBackgroundSelected": "#ebebeb",
+  "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",
+  "transparentBackgroundSelected": "#00000000",
+  "transparentStroke": "#00000000",
+  "transparentStrokeDisabled": "#00000000",
+  "transparentStrokeInteractive": "#00000000",
+  "warningBackground1": "#fffef5",
+  "warningBackground2": "#fef7b2",
+  "warningBackground3": "#fde300",
+  "warningBorder1": "#fef7b2",
+  "warningBorder2": "#fde300",
+  "warningBorderActive": "#fde300",
+  "warningForeground1": "#817400",
+  "warningForeground2": "#817400",
+  "warningForeground3": "#fde300",
+  "warningForegroundInverted": "#fef7b2",
+}
+`;
+
+exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
+{
+  "brandBackground": "#0078d4",
+  "brandBackground2": "#eff6fc",
+  "brandBackgroundDisabled": "#d1d1d1",
+  "brandBackgroundHover": "#106ebe",
+  "brandBackgroundPressed": "#106ebe",
+  "brandBackgroundSelected": "#005a9e",
+  "brandBackgroundStatic": "#0078d4",
+  "brandForeground1": "#0078d4",
+  "brandForeground1Disabled": "#757575",
+  "brandForeground1Pressed": "#004578",
+  "brandForeground2": "#106ebe",
+  "brandForegroundLink": "#0078d4",
+  "brandForegroundLinkHover": "#106ebe",
+  "brandForegroundLinkPressed": "#004578",
+  "brandForegroundLinkSelected": "#005a9e",
+  "brandStroke1": "#0078d4",
+  "brandStroke2": "#c7e0f4",
+  "compoundBrandBackground1": "#0078d4",
+  "compoundBrandBackground1Hover": "#106ebe",
+  "compoundBrandBackground1Pressed": "#004578",
+  "compoundBrandForeground1": "#0078d4",
+  "compoundBrandForeground1Hover": "#106ebe",
+  "compoundBrandForeground1Pressed": "#004578",
+  "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",
+  "neutralBackground1": "#ffffff",
+  "neutralBackground1Hover": "#f5f5f5",
+  "neutralBackground1Pressed": "#ebebeb",
+  "neutralBackground1Selected": "#ebebeb",
+  "neutralBackground2": "#ffffff",
+  "neutralBackground2Hover": "#f0f0f0",
+  "neutralBackground2Pressed": "#ebebeb",
+  "neutralBackground2Selected": "#e6e6e6",
+  "neutralBackground3": "#f5f5f5",
+  "neutralBackground3Hover": "#ebebeb",
+  "neutralBackground3Pressed": "#d6d6d6",
+  "neutralBackground3Selected": "#e0e0e0",
+  "neutralBackground4": "#f0f0f0",
+  "neutralBackground4Hover": "#fafafa",
+  "neutralBackground4Pressed": "#f5f5f5",
+  "neutralBackground4Selected": "#ffffff",
+  "neutralBackground5": "#ebebeb",
+  "neutralBackground5Hover": "#f5f5f5",
+  "neutralBackground5Pressed": "#f0f0f0",
+  "neutralBackground5Selected": "#fafafa",
+  "neutralBackground6": "#e6e6e6",
+  "neutralBackgroundDisabled": "#f0f0f0",
+  "neutralBackgroundInverted": "#616161",
+  "neutralForeground1": "#000000",
+  "neutralForeground1Hover": "#000000",
+  "neutralForeground1Pressed": "#000000",
+  "neutralForeground1Selected": "#000000",
+  "neutralForeground2": "#000000",
+  "neutralForeground2BrandHover": "#106ebe",
+  "neutralForeground2BrandPressed": "#004578",
+  "neutralForeground2BrandSelected": "#005a9e",
+  "neutralForeground2Hover": "#242424",
+  "neutralForeground2Pressed": "#242424",
+  "neutralForeground2Selected": "#242424",
+  "neutralForeground3": "#000000",
+  "neutralForeground3BrandHover": "#106ebe",
+  "neutralForeground3BrandPressed": "#004578",
+  "neutralForeground3BrandSelected": "#005a9e",
+  "neutralForeground3Hover": "#424242",
+  "neutralForeground3Pressed": "#424242",
+  "neutralForeground3Selected": "#424242",
+  "neutralForeground4": "#424242",
+  "neutralForegroundDisabled": "#757575",
+  "neutralForegroundInverted": "#ffffff",
+  "neutralForegroundInvertedLink": "#ffffff",
+  "neutralForegroundInvertedLinkHover": "#ffffff",
+  "neutralForegroundInvertedLinkPressed": "#ffffff",
+  "neutralForegroundInvertedLinkSelected": "#ffffff",
+  "neutralForegroundOnBrand": "#ffffff",
+  "neutralForegroundOnBrandHover": "#ffffff",
+  "neutralForegroundOnBrandPressed": "#ffffff",
+  "neutralForegroundOnBrandSelected": "#ffffff",
+  "neutralStencil1": "#e6e6e6",
+  "neutralStencil2": "#fafafa",
+  "neutralStroke1": "#616161",
+  "neutralStroke1Hover": "#c7c7c7",
+  "neutralStroke1Pressed": "#b3b3b3",
+  "neutralStroke1Selected": "#bdbdbd",
+  "neutralStroke2": "#000000",
+  "neutralStroke3": "#616161",
+  "neutralStrokeAccessible": "#242424",
+  "neutralStrokeAccessibleHover": "#575757",
+  "neutralStrokeAccessiblePressed": "#4d4d4d",
+  "neutralStrokeAccessibleSelected": "#0078d4",
+  "neutralStrokeDisabled": "#e0e0e0",
+  "outofofficeBackground1": "#fdf5fc",
+  "outofofficeBackground2": "#edbbe7",
+  "outofofficeBackground3": "#c239b3",
+  "outofofficeBorder1": "#edbbe7",
+  "outofofficeBorder2": "#c239b3",
+  "outofofficeBorderActive": "#c239b3",
+  "outofofficeForeground1": "#af33a1",
+  "outofofficeForeground2": "#6d2064",
+  "outofofficeForeground3": "#c239b3",
+  "severeBackground1": "#fdf6f3",
+  "severeBackground2": "#f4bfab",
+  "severeBackground3": "#da3b01",
+  "severeBorder1": "#f4bfab",
+  "severeBorder2": "#da3b01",
+  "severeBorderActive": "#da3b01",
+  "severeForeground1": "#c43501",
+  "severeForeground2": "#7a2101",
+  "severeForeground3": "#da3b01",
+  "strokeFocus1": "#ffffff",
+  "strokeFocus2": "#000000",
+  "subtleBackground": "#00000000",
+  "subtleBackgroundHover": "#f5f5f5",
+  "subtleBackgroundPressed": "#e0e0e0",
+  "subtleBackgroundSelected": "#ebebeb",
+  "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",
+  "transparentBackgroundSelected": "#00000000",
+  "transparentStroke": "#000000",
+  "transparentStrokeDisabled": "#bdbdbd",
+  "transparentStrokeInteractive": "#666666",
+  "warningBackground1": "#fffef5",
+  "warningBackground2": "#fef7b2",
   "warningBackground3": "#fde300",
-  "warningBorder1": "#fde300",
-  "warningBorder2": "#fdea3d",
-  "warningBorderActive": "#feee66",
-  "warningForeground1": "#feee66",
-  "warningForeground2": "#fef7b2",
-  "warningForeground3": "#fdea3d",
-  "warningForegroundInverted": "#817400",
+  "warningBorder1": "#fef7b2",
+  "warningBorder2": "#fde300",
+  "warningBorderActive": "#fde300",
+  "warningForeground1": "#817400",
+  "warningForeground2": "#817400",
+  "warningForeground3": "#fde300",
+  "warningForegroundInverted": "#fef7b2",
 }
 `;
 
-exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 2`] = `
+exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: false 1`] = `
 {
   "shadow16": {
     "ambient": {
@@ -1735,164 +1876,180 @@ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 2`] =
 }
 `;
 
-exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
+exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: true 1`] = `
 {
-  "brandBackground": "#0078d4",
-  "brandBackground2": "#eff6fc",
-  "brandBackgroundDisabled": "#d1d1d1",
-  "brandBackgroundHover": "#106ebe",
-  "brandBackgroundPressed": "#106ebe",
-  "brandBackgroundSelected": "#005a9e",
-  "brandBackgroundStatic": "#0078d4",
-  "brandForeground1": "#0078d4",
-  "brandForeground1Disabled": "#757575",
-  "brandForeground1Pressed": "#004578",
-  "brandForeground2": "#106ebe",
-  "brandForegroundLink": "#0078d4",
-  "brandForegroundLinkHover": "#106ebe",
-  "brandForegroundLinkPressed": "#004578",
-  "brandForegroundLinkSelected": "#005a9e",
-  "brandStroke1": "#0078d4",
-  "brandStroke2": "#c7e0f4",
-  "compoundBrandBackground1": "#0078d4",
-  "compoundBrandBackground1Hover": "#106ebe",
-  "compoundBrandBackground1Pressed": "#004578",
-  "compoundBrandForeground1": "#0078d4",
-  "compoundBrandForeground1Hover": "#106ebe",
-  "compoundBrandForeground1Pressed": "#004578",
-  "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",
-  "neutralBackground1": "#ffffff",
-  "neutralBackground1Hover": "#f5f5f5",
-  "neutralBackground1Pressed": "#ebebeb",
-  "neutralBackground1Selected": "#ebebeb",
-  "neutralBackground2": "#ffffff",
-  "neutralBackground2Hover": "#f0f0f0",
-  "neutralBackground2Pressed": "#ebebeb",
-  "neutralBackground2Selected": "#e6e6e6",
-  "neutralBackground3": "#f5f5f5",
-  "neutralBackground3Hover": "#ebebeb",
-  "neutralBackground3Pressed": "#d6d6d6",
-  "neutralBackground3Selected": "#e0e0e0",
-  "neutralBackground4": "#f0f0f0",
-  "neutralBackground4Hover": "#fafafa",
-  "neutralBackground4Pressed": "#f5f5f5",
-  "neutralBackground4Selected": "#ffffff",
-  "neutralBackground5": "#ebebeb",
-  "neutralBackground5Hover": "#f5f5f5",
-  "neutralBackground5Pressed": "#f0f0f0",
-  "neutralBackground5Selected": "#fafafa",
-  "neutralBackground6": "#e6e6e6",
-  "neutralBackgroundDisabled": "#f0f0f0",
-  "neutralBackgroundInverted": "#616161",
-  "neutralForeground1": "#242424",
-  "neutralForeground1Hover": "#242424",
-  "neutralForeground1Pressed": "#242424",
-  "neutralForeground1Selected": "#242424",
-  "neutralForeground2": "#000000",
-  "neutralForeground2BrandHover": "#106ebe",
-  "neutralForeground2BrandPressed": "#004578",
-  "neutralForeground2BrandSelected": "#005a9e",
-  "neutralForeground2Hover": "#242424",
-  "neutralForeground2Pressed": "#242424",
-  "neutralForeground2Selected": "#242424",
-  "neutralForeground3": "#616161",
-  "neutralForeground3BrandHover": "#106ebe",
-  "neutralForeground3BrandPressed": "#004578",
-  "neutralForeground3BrandSelected": "#005a9e",
-  "neutralForeground3Hover": "#424242",
-  "neutralForeground3Pressed": "#424242",
-  "neutralForeground3Selected": "#424242",
-  "neutralForeground4": "#808080",
-  "neutralForegroundDisabled": "#757575",
-  "neutralForegroundInverted": "#ffffff",
-  "neutralForegroundInvertedLink": "#ffffff",
-  "neutralForegroundInvertedLinkHover": "#ffffff",
-  "neutralForegroundInvertedLinkPressed": "#ffffff",
-  "neutralForegroundInvertedLinkSelected": "#ffffff",
-  "neutralForegroundOnBrand": "#ffffff",
-  "neutralForegroundOnBrandHover": "#ffffff",
-  "neutralForegroundOnBrandPressed": "#ffffff",
-  "neutralForegroundOnBrandSelected": "#ffffff",
-  "neutralStencil1": "#e6e6e6",
-  "neutralStencil2": "#fafafa",
-  "neutralStroke1": "#f0f0f0",
-  "neutralStroke1Hover": "#c7c7c7",
-  "neutralStroke1Pressed": "#b3b3b3",
-  "neutralStroke1Selected": "#bdbdbd",
-  "neutralStroke2": "#d6d6d6",
-  "neutralStroke3": "#f0f0f0",
-  "neutralStrokeAccessible": "#616161",
-  "neutralStrokeAccessibleHover": "#575757",
-  "neutralStrokeAccessiblePressed": "#4d4d4d",
-  "neutralStrokeAccessibleSelected": "#0078d4",
-  "neutralStrokeDisabled": "#e0e0e0",
-  "outofofficeBackground1": "#fdf5fc",
-  "outofofficeBackground2": "#edbbe7",
-  "outofofficeBackground3": "#c239b3",
-  "outofofficeBorder1": "#edbbe7",
-  "outofofficeBorder2": "#c239b3",
-  "outofofficeBorderActive": "#c239b3",
-  "outofofficeForeground1": "#af33a1",
-  "outofofficeForeground2": "#6d2064",
-  "outofofficeForeground3": "#c239b3",
-  "severeBackground1": "#fdf6f3",
-  "severeBackground2": "#f4bfab",
-  "severeBackground3": "#da3b01",
-  "severeBorder1": "#f4bfab",
-  "severeBorder2": "#da3b01",
-  "severeBorderActive": "#da3b01",
-  "severeForeground1": "#c43501",
-  "severeForeground2": "#7a2101",
-  "severeForeground3": "#da3b01",
-  "strokeFocus1": "#ffffff",
-  "strokeFocus2": "#000000",
-  "subtleBackground": "#00000000",
-  "subtleBackgroundHover": "#f5f5f5",
-  "subtleBackgroundPressed": "#e0e0e0",
-  "subtleBackgroundSelected": "#ebebeb",
-  "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",
-  "transparentBackgroundSelected": "#00000000",
-  "transparentStroke": "#00000000",
-  "transparentStrokeDisabled": "#00000000",
-  "transparentStrokeInteractive": "#00000000",
-  "warningBackground1": "#fffef5",
-  "warningBackground2": "#fef7b2",
-  "warningBackground3": "#fde300",
-  "warningBorder1": "#fef7b2",
-  "warningBorder2": "#fde300",
-  "warningBorderActive": "#fde300",
-  "warningForeground1": "#817400",
-  "warningForeground2": "#817400",
-  "warningForeground3": "#fde300",
-  "warningForegroundInverted": "#fef7b2",
+  "shadow16": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000003d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 16,
+      "color": "#00000047",
+      "x": 0,
+      "y": 8,
+    },
+  },
+  "shadow16brand": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000004d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 16,
+      "color": "#00000040",
+      "x": 0,
+      "y": 8,
+    },
+  },
+  "shadow2": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000003d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 2,
+      "color": "#00000047",
+      "x": 0,
+      "y": 1,
+    },
+  },
+  "shadow28": {
+    "ambient": {
+      "blur": 8,
+      "color": "#00000066",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 28,
+      "color": "#0000007a",
+      "x": 0,
+      "y": 14,
+    },
+  },
+  "shadow28brand": {
+    "ambient": {
+      "blur": 8,
+      "color": "#0000004d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 28,
+      "color": "#00000040",
+      "x": 0,
+      "y": 14,
+    },
+  },
+  "shadow2brand": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000004d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 2,
+      "color": "#00000040",
+      "x": 0,
+      "y": 1,
+    },
+  },
+  "shadow4": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000003d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 4,
+      "color": "#00000047",
+      "x": 0,
+      "y": 2,
+    },
+  },
+  "shadow4brand": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000004d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 4,
+      "color": "#00000040",
+      "x": 0,
+      "y": 2,
+    },
+  },
+  "shadow64": {
+    "ambient": {
+      "blur": 8,
+      "color": "#00000066",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 64,
+      "color": "#0000007a",
+      "x": 0,
+      "y": 32,
+    },
+  },
+  "shadow64brand": {
+    "ambient": {
+      "blur": 8,
+      "color": "#0000004d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 64,
+      "color": "#00000040",
+      "x": 0,
+      "y": 32,
+    },
+  },
+  "shadow8": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000003d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 8,
+      "color": "#00000047",
+      "x": 0,
+      "y": 4,
+    },
+  },
+  "shadow8brand": {
+    "ambient": {
+      "blur": 2,
+      "color": "#0000004d",
+      "x": 0,
+      "y": 0,
+    },
+    "key": {
+      "blur": 8,
+      "color": "#00000040",
+      "x": 0,
+      "y": 4,
+    },
+  },
 }
 `;
 
-exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 2`] = `
+exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: false 1`] = `
 {
   "shadow16": {
     "ambient": {
@@ -2065,164 +2222,7 @@ exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 2`]
 }
 `;
 
-exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
-{
-  "brandBackground": "#0078d4",
-  "brandBackground2": "#eff6fc",
-  "brandBackgroundDisabled": "#d1d1d1",
-  "brandBackgroundHover": "#106ebe",
-  "brandBackgroundPressed": "#106ebe",
-  "brandBackgroundSelected": "#005a9e",
-  "brandBackgroundStatic": "#0078d4",
-  "brandForeground1": "#0078d4",
-  "brandForeground1Disabled": "#757575",
-  "brandForeground1Pressed": "#004578",
-  "brandForeground2": "#106ebe",
-  "brandForegroundLink": "#0078d4",
-  "brandForegroundLinkHover": "#106ebe",
-  "brandForegroundLinkPressed": "#004578",
-  "brandForegroundLinkSelected": "#005a9e",
-  "brandStroke1": "#0078d4",
-  "brandStroke2": "#c7e0f4",
-  "compoundBrandBackground1": "#0078d4",
-  "compoundBrandBackground1Hover": "#106ebe",
-  "compoundBrandBackground1Pressed": "#004578",
-  "compoundBrandForeground1": "#0078d4",
-  "compoundBrandForeground1Hover": "#106ebe",
-  "compoundBrandForeground1Pressed": "#004578",
-  "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",
-  "neutralBackground1": "#ffffff",
-  "neutralBackground1Hover": "#f5f5f5",
-  "neutralBackground1Pressed": "#ebebeb",
-  "neutralBackground1Selected": "#ebebeb",
-  "neutralBackground2": "#ffffff",
-  "neutralBackground2Hover": "#f0f0f0",
-  "neutralBackground2Pressed": "#ebebeb",
-  "neutralBackground2Selected": "#e6e6e6",
-  "neutralBackground3": "#f5f5f5",
-  "neutralBackground3Hover": "#ebebeb",
-  "neutralBackground3Pressed": "#d6d6d6",
-  "neutralBackground3Selected": "#e0e0e0",
-  "neutralBackground4": "#f0f0f0",
-  "neutralBackground4Hover": "#fafafa",
-  "neutralBackground4Pressed": "#f5f5f5",
-  "neutralBackground4Selected": "#ffffff",
-  "neutralBackground5": "#ebebeb",
-  "neutralBackground5Hover": "#f5f5f5",
-  "neutralBackground5Pressed": "#f0f0f0",
-  "neutralBackground5Selected": "#fafafa",
-  "neutralBackground6": "#e6e6e6",
-  "neutralBackgroundDisabled": "#f0f0f0",
-  "neutralBackgroundInverted": "#616161",
-  "neutralForeground1": "#000000",
-  "neutralForeground1Hover": "#000000",
-  "neutralForeground1Pressed": "#000000",
-  "neutralForeground1Selected": "#000000",
-  "neutralForeground2": "#000000",
-  "neutralForeground2BrandHover": "#106ebe",
-  "neutralForeground2BrandPressed": "#004578",
-  "neutralForeground2BrandSelected": "#005a9e",
-  "neutralForeground2Hover": "#242424",
-  "neutralForeground2Pressed": "#242424",
-  "neutralForeground2Selected": "#242424",
-  "neutralForeground3": "#000000",
-  "neutralForeground3BrandHover": "#106ebe",
-  "neutralForeground3BrandPressed": "#004578",
-  "neutralForeground3BrandSelected": "#005a9e",
-  "neutralForeground3Hover": "#424242",
-  "neutralForeground3Pressed": "#424242",
-  "neutralForeground3Selected": "#424242",
-  "neutralForeground4": "#424242",
-  "neutralForegroundDisabled": "#757575",
-  "neutralForegroundInverted": "#ffffff",
-  "neutralForegroundInvertedLink": "#ffffff",
-  "neutralForegroundInvertedLinkHover": "#ffffff",
-  "neutralForegroundInvertedLinkPressed": "#ffffff",
-  "neutralForegroundInvertedLinkSelected": "#ffffff",
-  "neutralForegroundOnBrand": "#ffffff",
-  "neutralForegroundOnBrandHover": "#ffffff",
-  "neutralForegroundOnBrandPressed": "#ffffff",
-  "neutralForegroundOnBrandSelected": "#ffffff",
-  "neutralStencil1": "#e6e6e6",
-  "neutralStencil2": "#fafafa",
-  "neutralStroke1": "#616161",
-  "neutralStroke1Hover": "#c7c7c7",
-  "neutralStroke1Pressed": "#b3b3b3",
-  "neutralStroke1Selected": "#bdbdbd",
-  "neutralStroke2": "#000000",
-  "neutralStroke3": "#616161",
-  "neutralStrokeAccessible": "#242424",
-  "neutralStrokeAccessibleHover": "#575757",
-  "neutralStrokeAccessiblePressed": "#4d4d4d",
-  "neutralStrokeAccessibleSelected": "#0078d4",
-  "neutralStrokeDisabled": "#e0e0e0",
-  "outofofficeBackground1": "#fdf5fc",
-  "outofofficeBackground2": "#edbbe7",
-  "outofofficeBackground3": "#c239b3",
-  "outofofficeBorder1": "#edbbe7",
-  "outofofficeBorder2": "#c239b3",
-  "outofofficeBorderActive": "#c239b3",
-  "outofofficeForeground1": "#af33a1",
-  "outofofficeForeground2": "#6d2064",
-  "outofofficeForeground3": "#c239b3",
-  "severeBackground1": "#fdf6f3",
-  "severeBackground2": "#f4bfab",
-  "severeBackground3": "#da3b01",
-  "severeBorder1": "#f4bfab",
-  "severeBorder2": "#da3b01",
-  "severeBorderActive": "#da3b01",
-  "severeForeground1": "#c43501",
-  "severeForeground2": "#7a2101",
-  "severeForeground3": "#da3b01",
-  "strokeFocus1": "#ffffff",
-  "strokeFocus2": "#000000",
-  "subtleBackground": "#00000000",
-  "subtleBackgroundHover": "#f5f5f5",
-  "subtleBackgroundPressed": "#e0e0e0",
-  "subtleBackgroundSelected": "#ebebeb",
-  "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",
-  "transparentBackgroundSelected": "#00000000",
-  "transparentStroke": "#000000",
-  "transparentStrokeDisabled": "#bdbdbd",
-  "transparentStrokeInteractive": "#666666",
-  "warningBackground1": "#fffef5",
-  "warningBackground2": "#fef7b2",
-  "warningBackground3": "#fde300",
-  "warningBorder1": "#fef7b2",
-  "warningBorder2": "#fde300",
-  "warningBorderActive": "#fde300",
-  "warningForeground1": "#817400",
-  "warningForeground2": "#817400",
-  "warningForeground3": "#fde300",
-  "warningForegroundInverted": "#fef7b2",
-}
-`;
-
-exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 2`] = `
+exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: true 1`] = `
 {
   "shadow16": {
     "ambient": {