Merge branch 'master' into docs/deprecate-unstable-rfc

Author: dmytrokirpa

apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts

@@ -24,14 +24,18 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralForeground2BrandHover: palette.themePrimary,
     colorNeutralForeground2BrandPressed: palette.themeDarkAlt,
     colorNeutralForeground2BrandSelected: palette.themePrimary,
-    colorNeutralForeground3: palette.neutralTertiary,
+    colorNeutralForeground3: inverted ? palette.neutralSecondaryAlt : palette.neutralTertiary,
     colorNeutralForeground3Hover: palette.neutralSecondary,
     colorNeutralForeground3Pressed: palette.neutralSecondary,
     colorNeutralForeground3Selected: palette.neutralSecondary,
     colorNeutralForeground3BrandHover: palette.themePrimary,
     colorNeutralForeground3BrandPressed: palette.themeDarkAlt,
     colorNeutralForeground3BrandSelected: palette.themePrimary,
-    colorNeutralForeground4: palette.neutralQuaternary,
+    colorNeutralForeground4: inverted ? palette.neutralSecondaryAlt : palette.neutralQuaternary,
+    colorNeutralForeground5: inverted ? grey[68] : grey[38],
+    colorNeutralForeground5Hover: inverted ? '#ffffff' : grey[14],
+    colorNeutralForeground5Pressed: inverted ? '#ffffff' : grey[14],
+    colorNeutralForeground5Selected: inverted ? '#ffffff' : grey[14],
     colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,
     colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
     colorBrandForegroundLink: palette.themeDarkAlt,
@@ -89,8 +93,16 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralBackground5Pressed: palette.neutralLighter,
     colorNeutralBackground5Selected: palette.neutralLighterAlt,
     colorNeutralBackground6: palette.neutralLight,
+    colorNeutralBackground7: '#00000000',
+    colorNeutralBackground7Hover: inverted ? grey[10] : grey[92],
+    colorNeutralBackground7Pressed: inverted ? grey[4] : grey[84],
+    colorNeutralBackground7Selected: '#00000000',
+    colorNeutralBackground8: inverted ? '#ffffff' : grey[98],
     colorNeutralBackgroundStatic: grey[20],
     colorNeutralBackgroundInverted: palette.neutralSecondary,
+    colorNeutralBackgroundInvertedHover: inverted ? grey[96] : grey[24],
+    colorNeutralBackgroundInvertedPressed: inverted ? grey[88] : grey[12],
+    colorNeutralBackgroundInvertedSelected: inverted ? grey[92] : grey[22],
     colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],
     colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],
     colorSubtleBackground: 'transparent',
@@ -109,6 +121,7 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorTransparentBackgroundPressed: 'transparent',
     colorTransparentBackgroundSelected: 'transparent',
     colorNeutralBackgroundDisabled: palette.neutralLighter,
+    colorNeutralBackgroundDisabled2: inverted ? grey[16] : '#ffffff',
     colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
     colorNeutralStencil1: palette.neutralLight,
     colorNeutralStencil2: palette.neutralLighterAlt,
@@ -148,6 +161,10 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorNeutralStroke1Selected: palette.neutralTertiaryAlt,
     colorNeutralStroke2: palette.neutralQuaternaryAlt,
     colorNeutralStroke3: palette.neutralLighter,
+    colorNeutralStroke4: inverted ? grey[24] : grey[92],
+    colorNeutralStroke4Hover: inverted ? grey[18] : grey[88],
+    colorNeutralStroke4Pressed: inverted ? grey[14] : grey[84],
+    colorNeutralStroke4Selected: inverted ? grey[24] : grey[92],
     colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,
     colorNeutralStrokeOnBrand: palette.white,
     colorNeutralStrokeOnBrand2: palette.white,
@@ -163,6 +180,7 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {
     colorCompoundBrandStrokeHover: palette.themeDarkAlt,
     colorCompoundBrandStrokePressed: palette.themeDark,
     colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,
+    colorNeutralStrokeDisabled2: inverted ? grey[24] : grey[92],
     colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
     colorTransparentStroke: 'transparent',
     colorTransparentStrokeInteractive: 'transparent',