@fluentui-react-native/apple-theme 0.16.1 → 0.16.3

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

@@ -3,234 +3,288 @@
 exports[`createAppleTheme test 1`] = `
 Object {
   "colors": Object {
-    "accentButtonBackground": "#0078d4",
-    "accentButtonText": "#ffffff",
-    "actionLink": "#323130",
-    "actionLinkHovered": "#201f1e",
-    "background": "#ffffff",
-    "blockingBackground": "rgba(250, 65, 0, .2)",
-    "bodyDivider": "#edebe9",
-    "bodyFrameBackground": "#ffffff",
-    "bodyFrameDivider": "#edebe9",
-    "bodyStandoutBackground": "#faf9f8",
-    "bodyText": "#323130",
-    "bodyTextChecked": "#000000",
-    "brandedBackground": "#0078d4",
-    "brandedBorder": "#005a9e",
-    "brandedCheckedBackground": "#c8c6c4",
-    "brandedCheckedContent": "#201f1e",
-    "brandedCheckedHoveredBackground": "#edebe9",
-    "brandedCheckedHoveredContent": "#201f1e",
-    "brandedContent": "#ffffff",
-    "brandedDisabledBackground": "#f3f2f1",
-    "brandedDisabledBorder": "#f3f2f1",
-    "brandedDisabledContent": "#d2d0ce",
-    "brandedDisabledIcon": "#d2d0ce",
-    "brandedFocusedBackground": "#106ebe",
-    "brandedFocusedBorder": undefined,
-    "brandedFocusedContent": "#ffffff",
-    "brandedFocusedIcon": "#ffffff",
-    "brandedFocusedSecondaryContent": "#faf9f8",
-    "brandedHoveredBackground": "#106ebe",
-    "brandedHoveredBorder": undefined,
-    "brandedHoveredContent": "#ffffff",
-    "brandedHoveredIcon": "#ffffff",
-    "brandedHoveredSecondaryContent": "#faf9f8",
-    "brandedIcon": "#ffffff",
-    "brandedPressedBackground": "#005a9e",
-    "brandedPressedBorder": undefined,
-    "brandedPressedContent": "#ffffff",
-    "brandedPressedIcon": "#ffffff",
-    "brandedPressedSecondaryContent": "#faf9f8",
-    "brandedSecondaryContent": "#faf9f8",
-    "buttonBackground": "#f3f2f1",
-    "buttonBackgroundChecked": "#c8c6c4",
-    "buttonBackgroundCheckedHovered": "#edebe9",
-    "buttonBackgroundDisabled": "#f3f2f1",
-    "buttonBackgroundHovered": "#edebe9",
-    "buttonBackgroundPressed": "#edebe9",
-    "buttonBorder": "#8a8886",
-    "buttonBorderDisabled": "#f3f2f1",
-    "buttonBorderFocused": "#8a8886",
-    "buttonText": "#323130",
-    "buttonTextChecked": "#201f1e",
-    "buttonTextCheckedHovered": "#000000",
-    "buttonTextDisabled": "#a19f9d",
-    "buttonTextHovered": "#201f1e",
-    "buttonTextPressed": "#201f1e",
-    "checkboxBackground": "#0078d4",
-    "checkboxBackgroundDisabled": "#f3f2f1",
-    "checkboxBorderColor": "#8a8886",
-    "checkmarkColor": "#ffffff",
-    "defaultBackground": "#f3f2f1",
-    "defaultBorder": "#8a8886",
-    "defaultCheckedBackground": "#c8c6c4",
-    "defaultCheckedContent": "#201f1e",
-    "defaultCheckedHoveredBackground": "#edebe9",
-    "defaultCheckedHoveredContent": "#201f1e",
-    "defaultContent": "#323130",
-    "defaultDisabledBackground": "#f3f2f1",
-    "defaultDisabledBorder": "#f3f2f1",
-    "defaultDisabledContent": "#a19f9d",
-    "defaultDisabledIcon": "#a19f9d",
-    "defaultDisabledSecondaryContent": "#a19f9d",
-    "defaultFocusedBackground": "#edebe9",
-    "defaultFocusedBorder": "#8a8886",
-    "defaultFocusedContent": "#201f1e",
-    "defaultFocusedIcon": "#201f1e",
-    "defaultHoveredBackground": "#edebe9",
-    "defaultHoveredBorder": "#8a8886",
-    "defaultHoveredContent": "#201f1e",
-    "defaultHoveredIcon": "#201f1e",
-    "defaultHoveredSecondaryContent": "#a19f9d",
-    "defaultIcon": "#323130",
-    "defaultPressedBackground": "#edebe9",
-    "defaultPressedBorder": "#8a8886",
-    "defaultPressedContent": "#201f1e",
-    "defaultPressedIcon": "#201f1e",
-    "defaultPressedSecondaryContent": "#a19f9d",
-    "defaultStateBackground": "#faf9f8",
-    "disabledBackground": "#f3f2f1",
-    "disabledBodySubtext": "#c8c6c4",
-    "disabledBodyText": "#a19f9d",
-    "disabledSubtext": "#d2d0ce",
-    "disabledText": "#a19f9d",
-    "errorBackground": "rgba(245, 135, 145, .2)",
-    "errorText": "#a4262c",
-    "focusBorder": "#605e5c",
-    "ghostBackground": "#ffffff",
-    "ghostBorder": "#ffffff",
-    "ghostCheckedBackground": "#edebe9",
-    "ghostCheckedContent": "#000000",
-    "ghostCheckedHoveredBackground": "#f3f2f1",
-    "ghostCheckedHoveredBorder": "#201f1e",
-    "ghostCheckedHoveredContent": "#201f1e",
-    "ghostContent": "#323130",
-    "ghostDisabledBackground": "#ffffff",
-    "ghostDisabledBorder": "#ffffff",
-    "ghostDisabledContent": "#a19f9d",
-    "ghostDisabledIcon": "#a19f9d",
-    "ghostFocusedBackground": "#f3f2f1",
-    "ghostFocusedBorder": "#8a8886",
-    "ghostFocusedContent": "#201f1e",
-    "ghostFocusedIcon": "#201f1e",
-    "ghostFocusedSecondaryContent": "#605e5c",
-    "ghostHoveredBackground": "#f3f2f1",
-    "ghostHoveredBorder": "#f3f2f1",
-    "ghostHoveredContent": "#201f1e",
-    "ghostHoveredIcon": "#201f1e",
-    "ghostHoveredSecondaryContent": "#605e5c",
-    "ghostIcon": "#323130",
-    "ghostPressedBackground": "#edebe9",
-    "ghostPressedBorder": "#edebe9",
-    "ghostPressedContent": "#201f1e",
-    "ghostPressedIcon": "#201f1e",
-    "ghostPressedSecondaryContent": "#605e5c",
-    "ghostSecondaryContent": "#605e5c",
-    "inputBackground": "#ffffff",
-    "inputBackgroundChecked": "#0078d4",
-    "inputBackgroundCheckedHovered": "#106ebe",
-    "inputBorder": "#a19f9d",
-    "inputBorderHovered": "#323130",
-    "inputFocusBorderAlt": "#0078d4",
-    "inputForegroundChecked": "#ffffff",
-    "inputPlaceholderText": "#605e5c",
-    "inputText": "#323130",
-    "inputTextHovered": "#201f1e",
-    "link": "#0078d4",
-    "linkHovered": undefined,
-    "linkPressed": "#005a9e",
-    "listBackground": "#ffffff",
-    "listHeaderBackgroundHovered": "#f3f2f1",
-    "listHeaderBackgroundPressed": "#edebe9",
-    "listItemBackgroundChecked": "#edebe9",
-    "listItemBackgroundCheckedHovered": "#e1dfdd",
-    "listItemBackgroundHovered": "#f3f2f1",
-    "listText": "#323130",
-    "menuBackground": "#ffffff",
-    "menuDivider": "#c8c6c4",
-    "menuHeader": "#0078d4",
-    "menuIcon": "#0078d4",
-    "menuItemBackgroundHovered": "#f3f2f1",
-    "menuItemBackgroundPressed": "#edebe9",
-    "menuItemText": "#323130",
-    "menuItemTextHovered": "#201f1e",
-    "neutralBackground1": "#000000",
-    "neutralBackground1Hover": undefined,
-    "neutralBackground1Pressed": "#2e2e2e",
-    "neutralBackground1Selected": "#242424",
-    "neutralBackground2": "#1f1f1f",
-    "neutralBackground2Hover": undefined,
-    "neutralBackground2Pressed": "#4d4d4d",
-    "neutralBackground2Selected": "#424242",
-    "neutralBackground3": "#ffffff",
-    "neutralBackground3Hover": undefined,
-    "neutralBackground3Pressed": "#e0e0e0",
-    "neutralBackground3Selected": "#ebebeb",
-    "neutralBackground4": "#333333",
-    "neutralBackground4Hover": undefined,
-    "neutralBackground4Pressed": "#616161",
-    "neutralBackground4Selected": "#575757",
-    "neutralBackground5": "#3d3d3d",
-    "neutralBackground5Hover": undefined,
-    "neutralBackground5Pressed": "#6b6b6b",
-    "neutralBackground5Selected": "#616161",
-    "neutralBackground6": "#5c5c5c",
-    "neutralBackgroundDisabled": "#e0e0e0",
-    "neutralBackgroundInverted": "#575757",
-    "neutralForeground1": "#242424",
-    "neutralForeground1Hover": undefined,
-    "neutralForeground1Pressed": undefined,
-    "neutralForeground1Selected": undefined,
-    "neutralForeground2": "#616161",
-    "neutralForeground2BrandHover": undefined,
-    "neutralForeground2BrandPressed": undefined,
-    "neutralForeground2BrandSelected": undefined,
-    "neutralForeground2Hover": undefined,
-    "neutralForeground2Pressed": undefined,
-    "neutralForeground2Selected": undefined,
-    "neutralForeground3": "#808080",
-    "neutralForeground3BrandHover": undefined,
-    "neutralForeground3BrandPressed": undefined,
-    "neutralForeground3BrandSelected": undefined,
-    "neutralForeground3Hover": undefined,
-    "neutralForeground3Pressed": undefined,
-    "neutralForeground3Selected": undefined,
-    "neutralForegroundInverted": "#ffffff",
-    "neutralStencil1": "#575757",
-    "neutralStencil2": "#333333",
-    "neutralStroke1": "#d1d1d1",
-    "neutralStroke1Hover": undefined,
-    "neutralStroke1Pressed": undefined,
-    "neutralStroke1Selected": undefined,
-    "neutralStroke2": "#e0e0e0",
-    "neutralStrokeAccessible": "#616161",
-    "neutralStrokeAccessibleHover": undefined,
-    "neutralStrokeAccessiblePressed": undefined,
-    "neutralStrokeAccessibleSelected": undefined,
-    "neutralStrokeDisabled": "#e0e0e0",
-    "personaActivityGlow": "#0078d4",
-    "personaActivityRing": "#ffffff",
-    "primaryButtonBackground": "#0078d4",
-    "primaryButtonBackgroundDisabled": "#f3f2f1",
-    "primaryButtonBackgroundHovered": "#106ebe",
-    "primaryButtonBackgroundPressed": "#005a9e",
+    "accentButtonBackground": "#0078D4",
+    "accentButtonText": "white",
+    "actionLink": "#0078D4",
+    "actionLinkHovered": "#0078D4",
+    "background": "white",
+    "blockingBackground": "#DD4242",
+    "bodyDivider": "#C8C8C8",
+    "bodyFrameBackground": "white",
+    "bodyFrameDivider": "#E1E1E1",
+    "bodyStandoutBackground": "#F8F8F8",
+    "bodyText": "#212121",
+    "bodyTextChecked": "#212121",
+    "brandedBackground": "#0078D4",
+    "brandedBorder": "transparent",
+    "brandedCheckedBackground": "#0078D4",
+    "brandedCheckedContent": "white",
+    "brandedCheckedHoveredBackground": "white",
+    "brandedCheckedHoveredContent": "white",
+    "brandedContent": "white",
+    "brandedDisabledBackground": "#E1E1E1",
+    "brandedDisabledBorder": "transparent",
+    "brandedDisabledContent": "white",
+    "brandedDisabledIcon": "white",
+    "brandedFocusedBackground": "#0078D4",
+    "brandedFocusedBorder": "transparent",
+    "brandedFocusedContent": "white",
+    "brandedFocusedIcon": "white",
+    "brandedFocusedSecondaryContent": "white",
+    "brandedHoveredBackground": "#0078D4",
+    "brandedHoveredBorder": "transparent",
+    "brandedHoveredContent": "white",
+    "brandedHoveredIcon": "white",
+    "brandedHoveredSecondaryContent": "white",
+    "brandedIcon": "white",
+    "brandedPressedBackground": "#2B88D8",
+    "brandedPressedBorder": "transparent",
+    "brandedPressedContent": "white",
+    "brandedPressedIcon": "white",
+    "brandedPressedSecondaryContent": "white",
+    "brandedSecondaryContent": "white",
+    "buttonBackground": "transparent",
+    "buttonBackgroundChecked": "transparent",
+    "buttonBackgroundCheckedHovered": "transparent",
+    "buttonBackgroundDisabled": "transparent",
+    "buttonBackgroundHovered": "transparent",
+    "buttonBackgroundPressed": "transparent",
+    "buttonBorder": "#2B88D8",
+    "buttonBorderDisabled": "#E1E1E1",
+    "buttonBorderFocused": "#2B88D8",
+    "buttonText": "#0078D4",
+    "buttonTextChecked": "#0078D4",
+    "buttonTextCheckedHovered": "#0078D4",
+    "buttonTextDisabled": "#ACACAC",
+    "buttonTextHovered": "#0078D4",
+    "buttonTextPressed": "#C7E0F4",
+    "checkboxBackground": "#0078D4",
+    "checkboxBackgroundDisabled": "white",
+    "checkboxBorderColor": "#404040",
+    "checkmarkColor": "white",
+    "defaultBackground": "transparent",
+    "defaultBorder": "#2B88D8",
+    "defaultCheckedBackground": "transparent",
+    "defaultCheckedContent": "#0078D4",
+    "defaultCheckedHoveredBackground": "transparent",
+    "defaultCheckedHoveredContent": "#0078D4",
+    "defaultContent": "#0078D4",
+    "defaultDisabledBackground": "transparent",
+    "defaultDisabledBorder": "#E1E1E1",
+    "defaultDisabledContent": "#ACACAC",
+    "defaultDisabledIcon": "#ACACAC",
+    "defaultDisabledSecondaryContent": "#ACACAC",
+    "defaultFocusedBackground": "transparent",
+    "defaultFocusedBorder": "#2B88D8",
+    "defaultFocusedContent": "#0078D4",
+    "defaultFocusedIcon": "#0078D4",
+    "defaultHoveredBackground": "transparent",
+    "defaultHoveredBorder": "#2B88D8",
+    "defaultHoveredContent": "#0078D4",
+    "defaultHoveredIcon": "#0078D4",
+    "defaultHoveredSecondaryContent": "#0078D4",
+    "defaultIcon": "#0078D4",
+    "defaultPressedBackground": "transparent",
+    "defaultPressedBorder": "#DEECF9",
+    "defaultPressedContent": "#C7E0F4",
+    "defaultPressedIcon": "#C7E0F4",
+    "defaultPressedSecondaryContent": "#C7E0F4",
+    "defaultStateBackground": "white",
+    "disabledBackground": "#E1E1E1",
+    "disabledBodySubtext": "#ACACAC",
+    "disabledBodyText": "#ACACAC",
+    "disabledSubtext": "#ACACAC",
+    "disabledText": "#ACACAC",
+    "errorBackground": "#DD4242",
+    "errorText": "#D92C2C",
+    "focusBorder": "transparent",
+    "ghostBackground": "transparent",
+    "ghostBorder": "transparent",
+    "ghostCheckedBackground": "transparent",
+    "ghostCheckedContent": "#0078D4",
+    "ghostCheckedHoveredBackground": "transparent",
+    "ghostCheckedHoveredBorder": "transparent",
+    "ghostCheckedHoveredContent": "#0078D4",
+    "ghostContent": "#0078D4",
+    "ghostDisabledBackground": "transparent",
+    "ghostDisabledBorder": "transparent",
+    "ghostDisabledContent": "#ACACAC",
+    "ghostDisabledIcon": "#ACACAC",
+    "ghostFocusedBackground": "transparent",
+    "ghostFocusedBorder": "transparent",
+    "ghostFocusedContent": "#0078D4",
+    "ghostFocusedIcon": "#0078D4",
+    "ghostFocusedSecondaryContent": "#0078D4",
+    "ghostHoveredBackground": "transparent",
+    "ghostHoveredBorder": "transparent",
+    "ghostHoveredContent": "#0078D4",
+    "ghostHoveredIcon": "#0078D4",
+    "ghostHoveredSecondaryContent": "#0078D4",
+    "ghostIcon": "#0078D4",
+    "ghostPressedBackground": "transparent",
+    "ghostPressedBorder": "transparent",
+    "ghostPressedContent": "#C7E0F4",
+    "ghostPressedIcon": "#C7E0F4",
+    "ghostPressedSecondaryContent": "#C7E0F4",
+    "ghostSecondaryContent": "#0078D4",
+    "inputBackground": "white",
+    "inputBackgroundChecked": "white",
+    "inputBackgroundCheckedHovered": "white",
+    "inputBorder": "#E1E1E1",
+    "inputBorderHovered": "#E1E1E1",
+    "inputFocusBorderAlt": "#C8C8C8",
+    "inputForegroundChecked": "#0078D4",
+    "inputPlaceholderText": "#6E6E6E",
+    "inputText": "#212121",
+    "inputTextHovered": "#212121",
+    "link": "#0078D4",
+    "linkHovered": "#0078D4",
+    "linkPressed": "#2B88D8",
+    "listBackground": "white",
+    "listHeaderBackgroundHovered": "#212121",
+    "listHeaderBackgroundPressed": "#212121",
+    "listItemBackgroundChecked": "white",
+    "listItemBackgroundCheckedHovered": "white",
+    "listItemBackgroundHovered": "white",
+    "listText": "#212121",
+    "menuBackground": "white",
+    "menuDivider": "#E1E1E1",
+    "menuHeader": "#212121",
+    "menuIcon": "#6E6E6E",
+    "menuItemBackgroundHovered": "white",
+    "menuItemBackgroundPressed": "white",
+    "menuItemText": "#212121",
+    "menuItemTextHovered": "#212121",
+    "personaActivityGlow": "transparent",
+    "personaActivityRing": "white",
+    "primaryButtonBackground": "#0078D4",
+    "primaryButtonBackgroundDisabled": "#E1E1E1",
+    "primaryButtonBackgroundHovered": "#0078D4",
+    "primaryButtonBackgroundPressed": "#2B88D8",
     "primaryButtonBorder": "transparent",
     "primaryButtonBorderFocused": "transparent",
-    "primaryButtonText": "#ffffff",
-    "primaryButtonTextDisabled": "#d2d0ce",
-    "primaryButtonTextHovered": "#ffffff",
-    "primaryButtonTextPressed": "#ffffff",
-    "smallInputBorder": "#605e5c",
-    "subText": "#605e5c",
-    "successBackground": "rgba(95, 210, 85, .2)",
-    "variantBorder": "#edebe9",
-    "variantBorderHovered": "#a19f9d",
-    "warningBackground": "rgba(255, 200, 10, .2)",
-    "warningHighlight": "#ffb900",
-    "warningText": "#333333",
+    "primaryButtonText": "white",
+    "primaryButtonTextDisabled": "white",
+    "primaryButtonTextHovered": "white",
+    "primaryButtonTextPressed": "white",
+    "smallInputBorder": "#C8C8C8",
+    "subText": "#6E6E6E",
+    "successBackground": "#27AC22",
+    "variantBorder": "#E1E1E1",
+    "variantBorderHovered": "#E1E1E1",
+    "warningBackground": "#FFD335",
+    "warningHighlight": "#FFD94E",
+    "warningText": "#FFD335",
+  },
+  "components": Object {
+    "Button": Object {
+      "content": Object {
+        "fontSize": 12,
+        "height": 18,
+      },
+      "icon": Object {
+        "style": Object {
+          "marginEnd": 8,
+        },
+      },
+      "root": Object {
+        "style": Object {
+          "margin": 8,
+        },
+      },
+      "stack": Object {
+        "style": Object {
+          "paddingHorizontal": 14,
+          "paddingVertical": 10,
+        },
+      },
+      "tokens": Object {
+        "borderRadius": 8,
+        "borderWidth": 1,
+      },
+    },
+    "Checkbox": Object {
+      "checkbox": Object {
+        "style": Object {
+          "borderRadius": 100,
+          "minHeight": 24,
+          "minWidth": 24,
+        },
+      },
+      "checkmarkIcon": Object {
+        "height": 7,
+        "style": Object {
+          "marginLeft": 8,
+          "marginRight": 7,
+          "marginVertical": 8.5,
+        },
+        "width": 8.5,
+      },
+      "root": Object {
+        "style": Object {
+          "marginVertical": 2,
+          "minHeight": 20,
+        },
+      },
+    },
+    "PrimaryButton": Object {
+      "content": Object {
+        "fontSize": 15,
+        "height": 20,
+      },
+      "icon": Object {
+        "style": Object {
+          "marginEnd": 10,
+        },
+      },
+      "root": Object {
+        "style": Object {
+          "margin": 8,
+        },
+      },
+      "stack": Object {
+        "style": Object {
+          "paddingHorizontal": 20,
+          "paddingVertical": 16,
+        },
+      },
+      "tokens": Object {
+        "borderRadius": 8,
+        "borderWidth": 1,
+      },
+    },
+    "RNFText": Object {
+      "tokens": Object {
+        "variant": "bodyStandard",
+      },
+    },
+    "StealthButton": Object {
+      "content": Object {
+        "fontSize": 15,
+        "height": 20,
+      },
+      "icon": Object {
+        "style": Object {
+          "display": "none",
+        },
+      },
+      "root": Object {
+        "style": Object {
+          "margin": 8,
+        },
+      },
+      "stack": Object {
+        "style": Object {
+          "paddingHorizontal": 12,
+          "paddingVertical": 7,
+        },
+      },
+      "tokens": Object {
+        "borderRadius": 8,
+        "borderWidth": 1,
+      },
+    },
   },
-  "components": Object {},
   "host": Object {
     "appearance": "light",
   },
@@ -405,165 +459,201 @@ Object {
     },
   },
   "spacing": Object {
+    "l": 20,
     "l1": "20px",
     "l2": "32px",
-    "m": "16px",
+    "m": 16,
+    "none": 0,
+    "s": 12,
     "s1": "8px",
     "s2": "4px",
+    "xl": 24,
+    "xs": 8,
+    "xxl": 36,
+    "xxs": 4,
+    "xxxl": 48,
+    "xxxs": 2,
+    "xxxxl": 72,
   },
   "typography": Object {
     "families": Object {
       "cursive": "System",
       "monospace": "System",
-      "primary": "Segoe UI",
+      "primary": "System",
       "sansSerif": "System",
-      "secondary": "Segoe UI",
+      "secondary": "System",
       "serif": "System",
     },
     "sizes": Object {
-      "body": 14,
+      "body": 17,
       "caption": 12,
-      "header": 18,
-      "hero": 24,
-      "heroLarge": 60,
-      "secondary": 13,
-      "subheader": 16,
+      "header": 17,
+      "hero": 26,
+      "heroLarge": 30,
+      "secondary": 16,
+      "subheader": 15,
     },
     "variants": Object {
       "body1": Object {
-        "face": "primary",
-        "size": "secondary",
-        "weight": "regular",
+        "face": "System",
+        "letterSpacing": -0.43,
+        "lineHeight": 22,
+        "size": 17,
+        "weight": "400",
       },
       "body1Strong": Object {
-        "face": "primary",
-        "size": "secondary",
-        "weight": "semiBold",
+        "face": "System",
+        "letterSpacing": -0.43,
+        "lineHeight": 22,
+        "size": 17,
+        "weight": "600",
       },
       "body2": Object {
-        "face": "primary",
-        "size": "body",
-        "weight": "regular",
+        "face": "System",
+        "letterSpacing": -0.23,
+        "lineHeight": 20,
+        "size": 15,
+        "weight": "400",
       },
       "body2Strong": Object {
-        "face": "primary",
-        "size": "body",
-        "weight": "semiBold",
+        "face": "System",
+        "letterSpacing": -0.23,
+        "lineHeight": 20,
+        "size": 15,
+        "weight": "600",
       },
       "bodySemibold": Object {
         "face": "primary",
         "size": "body",
-        "weight": "semiBold",
+        "weight": "600",
       },
       "bodyStandard": Object {
         "face": "primary",
         "size": "body",
-        "weight": "regular",
+        "weight": "400",
       },
       "caption1": Object {
-        "face": "primary",
-        "size": "caption",
-        "weight": "regular",
+        "face": "System",
+        "letterSpacing": -0.08,
+        "lineHeight": 18,
+        "size": 13,
+        "weight": "400",
+      },
+      "caption1Strong": Object {
+        "face": "System",
+        "letterSpacing": -0.08,
+        "lineHeight": 18,
+        "size": 13,
+        "weight": "600",
+      },
+      "caption2": Object {
+        "face": "System",
+        "letterSpacing": 0,
+        "lineHeight": 16,
+        "size": 12,
+        "weight": "400",
       },
       "captionStandard": Object {
         "face": "primary",
         "size": "caption",
-        "weight": "regular",
+        "weight": "400",
       },
       "display": Object {
-        "face": "primary",
-        "size": "heroLarge",
-        "weight": "semiBold",
+        "face": "System",
+        "letterSpacing": 0.26,
+        "lineHeight": 70,
+        "size": 60,
+        "weight": "700",
       },
       "headerSemibold": Object {
         "face": "primary",
         "size": "header",
-        "weight": "semiBold",
+        "weight": "800",
       },
       "headerStandard": Object {
         "face": "primary",
         "size": "header",
-        "weight": "regular",
+        "weight": "600",
       },
       "heroLargeSemibold": Object {
         "face": "primary",
         "size": "heroLarge",
-        "weight": "semiBold",
+        "weight": "600",
       },
       "heroLargeStandard": Object {
         "face": "primary",
         "size": "heroLarge",
-        "weight": "regular",
+        "weight": "400",
       },
       "heroSemibold": Object {
         "face": "primary",
         "size": "hero",
-        "weight": "semiBold",
+        "weight": "600",
       },
       "heroStandard": Object {
         "face": "primary",
         "size": "hero",
-        "weight": "regular",
+        "weight": "400",
       },
       "largeTitle": Object {
-        "face": "primary",
-        "size": "heroLarge",
-        "weight": "regular",
+        "face": "System",
+        "letterSpacing": 0.4,
+        "lineHeight": 41,
+        "size": 34,
+        "weight": "700",
       },
       "secondarySemibold": Object {
         "face": "primary",
         "size": "secondary",
-        "weight": "semiBold",
+        "weight": "600",
       },
       "secondaryStandard": Object {
         "face": "primary",
         "size": "secondary",
-        "weight": "regular",
+        "weight": "400",
       },
       "subheaderSemibold": Object {
         "face": "primary",
         "size": "subheader",
-        "weight": "semiBold",
+        "weight": "600",
       },
       "subheaderStandard": Object {
         "face": "primary",
         "size": "subheader",
-        "weight": "regular",
-      },
-      "subtitle1": Object {
-        "face": "primary",
-        "size": "header",
-        "weight": "regular",
-      },
-      "subtitle1Strong": Object {
-        "face": "primary",
-        "size": "header",
-        "weight": "semiBold",
-      },
-      "subtitle2": Object {
-        "face": "primary",
-        "size": "subheader",
-        "weight": "regular",
-      },
-      "subtitle2Strong": Object {
-        "face": "primary",
-        "size": "subheader",
-        "weight": "semiBold",
+        "weight": "400",
       },
       "title1": Object {
-        "face": "primary",
-        "size": "hero",
-        "weight": "regular",
+        "face": "System",
+        "letterSpacing": 0.38,
+        "lineHeight": 34,
+        "size": 28,
+        "weight": "700",
       },
-      "title1Strong": Object {
-        "face": "primary",
-        "size": "hero",
-        "weight": "semiBold",
+      "title2": Object {
+        "face": "System",
+        "letterSpacing": -0.26,
+        "lineHeight": 28,
+        "size": 22,
+        "weight": "600",
+      },
+      "title3": Object {
+        "face": "System",
+        "letterSpacing": -0.45,
+        "lineHeight": 25,
+        "size": 20,
+        "weight": "600",
       },
     },
     "weights": Object {
+      "black": "900",
+      "bold": "700",
+      "heavy": "800",
+      "light": "300",
+      "medium": "500",
       "regular": "400",
       "semiBold": "600",
+      "thin": "200",
+      "ultralight": "100",
     },
   },
 }
@@ -571,6 +661,32 @@ Object {
 
 exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
 Object {
+  "brandBackground": "#0086f0",
+  "brandBackground2": "#092c47",
+  "brandBackgroundDisabled": "#575757",
+  "brandBackgroundHover": "#1890f1",
+  "brandBackgroundPressed": "#1890f1",
+  "brandBackgroundSelected": "#3aa0f3",
+  "brandBackgroundStatic": "#0086f0",
+  "brandForeground1": "#0086f0",
+  "brandForeground1Disabled": "#c2c2c2",
+  "brandForeground1Pressed": "#6cb8f6",
+  "brandForeground2": "#092c47",
+  "brandForegroundLink": "#043862",
+  "brandForegroundLinkHover": "#092c47",
+  "brandForegroundLinkPressed": "#0078d4",
+  "brandForegroundLinkSelected": "#092c47",
+  "brandStroke1": "#0086f0",
+  "brandStroke2": "#004c87",
+  "compoundBrandBackground1": "#0086f0",
+  "compoundBrandBackground1Hover": "#1890f1",
+  "compoundBrandBackground1Pressed": "#6cb8f6",
+  "compoundBrandForeground1": "#043862",
+  "compoundBrandForeground1Hover": "#092c47",
+  "compoundBrandForeground1Pressed": "#0078d4",
+  "compoundBrandStroke1": "#0086f0",
+  "compoundBrandStroke1Hover": "#1890f1",
+  "compoundBrandStroke1Pressed": "#6cb8f6",
   "neutralBackground1": "#000000",
   "neutralBackground1Hover": "#3d3d3d",
   "neutralBackground1Pressed": "#5c5c5c",
@@ -612,7 +728,17 @@ Object {
   "neutralForeground3Hover": "#d6d6d6",
   "neutralForeground3Pressed": "#d6d6d6",
   "neutralForeground3Selected": "#d6d6d6",
+  "neutralForeground4": "#858585",
+  "neutralForegroundDisabled": "#b8b8b8",
   "neutralForegroundInverted": "#ffffff",
+  "neutralForegroundInvertedLink": "#292929",
+  "neutralForegroundInvertedLinkHover": "#292929",
+  "neutralForegroundInvertedLinkPressed": "#292929",
+  "neutralForegroundInvertedLinkSelected": "#292929",
+  "neutralForegroundOnBrand": "#ffffff",
+  "neutralForegroundOnBrandHover": "#ffffff",
+  "neutralForegroundOnBrandPressed": "#ffffff",
+  "neutralForegroundOnBrandSelected": "#ffffff",
   "neutralStencil1": "#333333",
   "neutralStencil2": "#575757",
   "neutralStroke1": "#3d3d3d",
@@ -620,16 +746,65 @@ Object {
   "neutralStroke1Pressed": "#6b6b6b",
   "neutralStroke1Selected": "#707070",
   "neutralStroke2": "#575757",
+  "neutralStroke3": "#666666",
   "neutralStrokeAccessible": "#adadad",
   "neutralStrokeAccessibleHover": "#bdbdbd",
   "neutralStrokeAccessiblePressed": "#b3b3b3",
   "neutralStrokeAccessibleSelected": "#0086f0",
   "neutralStrokeDisabled": "#525252",
+  "redBackground1": "#230308",
+  "redBackground2": "#420610",
+  "redBackground3": "#750b1c",
+  "redBorder1": "#750b1c",
+  "redBorder2": "#962f3f",
+  "redBorderActive": "#ac4f5e",
+  "redForeground1": "#ac4f5e",
+  "redForeground2": "#420610",
+  "redForeground3": "#750b1c",
+  "strokeFocus1": "#000000",
+  "strokeFocus2": "#ffffff",
+  "subtleBackground": "transparent",
+  "subtleBackgroundHover": "#3d3d3d",
+  "subtleBackgroundPressed": "#1f1f1f",
+  "subtleBackgroundSelected": "#383838",
+  "transparentBackground": "transparent",
+  "transparentBackgroundHover": "transparent",
+  "transparentBackgroundPressed": "transparent",
+  "transparentBackgroundSelected": "transparent",
+  "transparentStroke": "transparent",
+  "transparentStrokeDisabled": "transparent",
+  "transparentStrokeInteractive": "transparent",
 }
 `;
 
 exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
 Object {
+  "brandBackground": "#0086f0",
+  "brandBackground2": "#092c47",
+  "brandBackgroundDisabled": "#575757",
+  "brandBackgroundHover": "#1890f1",
+  "brandBackgroundPressed": "#1890f1",
+  "brandBackgroundSelected": "#3aa0f3",
+  "brandBackgroundStatic": "#0086f0",
+  "brandForeground1": "#0086f0",
+  "brandForeground1Disabled": "#c2c2c2",
+  "brandForeground1Pressed": "#6cb8f6",
+  "brandForeground2": "#092c47",
+  "brandForegroundLink": "#043862",
+  "brandForegroundLinkHover": "#092c47",
+  "brandForegroundLinkPressed": "#0078d4",
+  "brandForegroundLinkSelected": "#092c47",
+  "brandStroke1": "#0086f0",
+  "brandStroke2": "#004c87",
+  "compoundBrandBackground1": "#0086f0",
+  "compoundBrandBackground1Hover": "#1890f1",
+  "compoundBrandBackground1Pressed": "#6cb8f6",
+  "compoundBrandForeground1": "#043862",
+  "compoundBrandForeground1Hover": "#092c47",
+  "compoundBrandForeground1Pressed": "#0078d4",
+  "compoundBrandStroke1": "#0086f0",
+  "compoundBrandStroke1Hover": "#1890f1",
+  "compoundBrandStroke1Pressed": "#6cb8f6",
   "neutralBackground1": "#000000",
   "neutralBackground1Hover": "#3d3d3d",
   "neutralBackground1Pressed": "#5c5c5c",
@@ -671,7 +846,17 @@ Object {
   "neutralForeground3Hover": "#d6d6d6",
   "neutralForeground3Pressed": "#d6d6d6",
   "neutralForeground3Selected": "#d6d6d6",
+  "neutralForeground4": "#d6d6d6",
+  "neutralForegroundDisabled": "#b8b8b8",
   "neutralForegroundInverted": "#ffffff",
+  "neutralForegroundInvertedLink": "#292929",
+  "neutralForegroundInvertedLinkHover": "#292929",
+  "neutralForegroundInvertedLinkPressed": "#292929",
+  "neutralForegroundInvertedLinkSelected": "#292929",
+  "neutralForegroundOnBrand": "#ffffff",
+  "neutralForegroundOnBrandHover": "#ffffff",
+  "neutralForegroundOnBrandPressed": "#ffffff",
+  "neutralForegroundOnBrandSelected": "#ffffff",
   "neutralStencil1": "#333333",
   "neutralStencil2": "#575757",
   "neutralStroke1": "#adadad",
@@ -679,16 +864,65 @@ Object {
   "neutralStroke1Pressed": "#6b6b6b",
   "neutralStroke1Selected": "#707070",
   "neutralStroke2": "#a8a8a8",
+  "neutralStroke3": "#adadad",
   "neutralStrokeAccessible": "#d6d6d6",
   "neutralStrokeAccessibleHover": "#bdbdbd",
   "neutralStrokeAccessiblePressed": "#b3b3b3",
   "neutralStrokeAccessibleSelected": "#0086f0",
   "neutralStrokeDisabled": "#525252",
+  "redBackground1": "#230308",
+  "redBackground2": "#420610",
+  "redBackground3": "#750b1c",
+  "redBorder1": "#750b1c",
+  "redBorder2": "#962f3f",
+  "redBorderActive": "#ac4f5e",
+  "redForeground1": "#ac4f5e",
+  "redForeground2": "#420610",
+  "redForeground3": "#750b1c",
+  "strokeFocus1": "#000000",
+  "strokeFocus2": "#ffffff",
+  "subtleBackground": "transparent",
+  "subtleBackgroundHover": "#3d3d3d",
+  "subtleBackgroundPressed": "#1f1f1f",
+  "subtleBackgroundSelected": "#383838",
+  "transparentBackground": "transparent",
+  "transparentBackgroundHover": "transparent",
+  "transparentBackgroundPressed": "transparent",
+  "transparentBackgroundSelected": "transparent",
+  "transparentStroke": "#3aa0f3",
+  "transparentStrokeDisabled": "#d6d6d6",
+  "transparentStrokeInteractive": "#a8a8a8",
 }
 `;
 
 exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
 Object {
+  "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",
   "neutralBackground1": "#ffffff",
   "neutralBackground1Hover": "#f5f5f5",
   "neutralBackground1Pressed": "#ebebeb",
@@ -730,7 +964,17 @@ Object {
   "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",
@@ -738,16 +982,65 @@ Object {
   "neutralStroke1Pressed": "#b3b3b3",
   "neutralStroke1Selected": "#bdbdbd",
   "neutralStroke2": "#d6d6d6",
+  "neutralStroke3": "#f0f0f0",
   "neutralStrokeAccessible": "#616161",
   "neutralStrokeAccessibleHover": "#575757",
   "neutralStrokeAccessiblePressed": "#4d4d4d",
   "neutralStrokeAccessibleSelected": "#0078d4",
   "neutralStrokeDisabled": "#e0e0e0",
+  "redBackground1": "#f9f0f2",
+  "redBackground2": "#d69ca5",
+  "redBackground3": "#750b1c",
+  "redBorder1": "#d69ca5",
+  "redBorder2": "#750b1c",
+  "redBorderActive": "#750b1c",
+  "redForeground1": "#690a19",
+  "redForeground2": "#d69ca5",
+  "redForeground3": "#750b1c",
+  "strokeFocus1": "#ffffff",
+  "strokeFocus2": "#000000",
+  "subtleBackground": "transparent",
+  "subtleBackgroundHover": "#f5f5f5",
+  "subtleBackgroundPressed": "#e0e0e0",
+  "subtleBackgroundSelected": "#ebebeb",
+  "transparentBackground": "transparent",
+  "transparentBackgroundHover": "transparent",
+  "transparentBackgroundPressed": "transparent",
+  "transparentBackgroundSelected": "transparent",
+  "transparentStroke": "transparent",
+  "transparentStrokeDisabled": "transparent",
+  "transparentStrokeInteractive": "transparent",
 }
 `;
 
 exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
 Object {
+  "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",
   "neutralBackground1": "#ffffff",
   "neutralBackground1Hover": "#f5f5f5",
   "neutralBackground1Pressed": "#ebebeb",
@@ -789,7 +1082,17 @@ Object {
   "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",
@@ -797,11 +1100,34 @@ Object {
   "neutralStroke1Pressed": "#b3b3b3",
   "neutralStroke1Selected": "#bdbdbd",
   "neutralStroke2": "#000000",
+  "neutralStroke3": "#616161",
   "neutralStrokeAccessible": "#242424",
   "neutralStrokeAccessibleHover": "#575757",
   "neutralStrokeAccessiblePressed": "#4d4d4d",
   "neutralStrokeAccessibleSelected": "#0078d4",
   "neutralStrokeDisabled": "#e0e0e0",
+  "redBackground1": "#f9f0f2",
+  "redBackground2": "#d69ca5",
+  "redBackground3": "#750b1c",
+  "redBorder1": "#d69ca5",
+  "redBorder2": "#750b1c",
+  "redBorderActive": "#750b1c",
+  "redForeground1": "#690a19",
+  "redForeground2": "#d69ca5",
+  "redForeground3": "#750b1c",
+  "strokeFocus1": "#ffffff",
+  "strokeFocus2": "#000000",
+  "subtleBackground": "transparent",
+  "subtleBackgroundHover": "#f5f5f5",
+  "subtleBackgroundPressed": "#e0e0e0",
+  "subtleBackgroundSelected": "#ebebeb",
+  "transparentBackground": "transparent",
+  "transparentBackgroundHover": "transparent",
+  "transparentBackgroundPressed": "transparent",
+  "transparentBackgroundSelected": "transparent",
+  "transparentStroke": "#000000",
+  "transparentStrokeDisabled": "#bdbdbd",
+  "transparentStrokeInteractive": "#666666",
 }
 `;