@fluentui-react-native/default-theme 0.21.0 → 0.22.0

package/lib-commonjs/stockWebPalette.win32.js

@@ -0,0 +1,85 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStockWebDarkPalette = exports.getStockWebPalette = void 0;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+var createAliasTokens_1 = require("./createAliasTokens");
+var defaultColors_1 = require("./defaultColors");
+function getStockWebPalette() {
+    return __assign(__assign({}, (0, defaultColors_1.paletteFromFabricColors)({
+        black: theme_tokens_1.globalTokens.color.black,
+        neutralDark: '#201f1e',
+        neutralPrimary: '#323130',
+        neutralPrimaryAlt: '#3b3a39',
+        neutralSecondary: '#605e5c',
+        neutralSecondaryAlt: '#8a8886',
+        neutralTertiary: '#a19f9d',
+        neutralTertiaryAlt: '#c8c6c4',
+        neutralQuaternary: '#d2d0ce',
+        neutralQuaternaryAlt: '#e1dfdd',
+        neutralLight: '#edebe9',
+        neutralLighter: '#f3f2f1',
+        neutralLighterAlt: '#faf9f8',
+        white: theme_tokens_1.globalTokens.color.white,
+        // Shared Colors
+        red: theme_tokens_1.globalTokens.color.red.primary,
+        redDark: theme_tokens_1.globalTokens.color.burgundy.primary,
+        themeDarker: theme_tokens_1.globalTokens.color.brand.shade40,
+        themeDark: theme_tokens_1.globalTokens.color.brand.shade20,
+        themeDarkAlt: theme_tokens_1.globalTokens.color.brand.shade10,
+        themePrimary: theme_tokens_1.globalTokens.color.brand.primary,
+        themeSecondary: '#2b88d8',
+        themeTertiary: '#71afe5',
+        themeLight: theme_tokens_1.globalTokens.color.brand.tint40,
+        themeLighter: theme_tokens_1.globalTokens.color.brand.tint50,
+        themeLighterAlt: theme_tokens_1.globalTokens.color.brand.tint60,
+        accent: theme_tokens_1.globalTokens.color.brand.primary,
+        blackTranslucent40: 'rgba(0,0,0,.4)',
+    })), (0, createAliasTokens_1.createColorAliasTokens)('light'));
+}
+exports.getStockWebPalette = getStockWebPalette;
+function getStockWebDarkPalette() {
+    return __assign(__assign({}, (0, defaultColors_1.paletteFromFabricColors)({
+        // colors taken from fluentui DarkCustomizations.ts
+        themeDarker: '#82c7ff',
+        themeDark: theme_tokens_1.globalTokens.color.brand.tint30,
+        themeDarkAlt: theme_tokens_1.globalTokens.color.brand.tint20,
+        themePrimary: theme_tokens_1.globalTokens.color.brand.tint10,
+        themeSecondary: theme_tokens_1.globalTokens.color.brand.primary,
+        themeTertiary: '#235a85',
+        themeLight: theme_tokens_1.globalTokens.color.brand.shade30,
+        themeLighter: theme_tokens_1.globalTokens.color.brand.shade50,
+        themeLighterAlt: theme_tokens_1.globalTokens.color.brand.shade60,
+        black: theme_tokens_1.globalTokens.color.white,
+        neutralDark: '#faf9f8',
+        neutralPrimary: '#f3f2f1',
+        neutralPrimaryAlt: '#c8c6c4',
+        neutralSecondary: '#a19f9d',
+        neutralSecondaryAlt: '#979693',
+        neutralTertiary: '#797775',
+        neutralTertiaryAlt: '#484644',
+        neutralQuaternary: '#3b3a39',
+        neutralQuaternaryAlt: '#323130',
+        neutralLight: '#292827',
+        neutralLighter: '#252423',
+        neutralLighterAlt: '#201f1e',
+        white: '#1b1a19',
+        red: theme_tokens_1.globalTokens.color.red.primary,
+        accent: theme_tokens_1.globalTokens.color.brand.primary,
+        redDark: '#f1707b',
+        blackTranslucent40: 'rgba(0,0,0,.4)',
+    }, true)), (0, createAliasTokens_1.createColorAliasTokens)('dark'));
+}
+exports.getStockWebDarkPalette = getStockWebDarkPalette;
+//# sourceMappingURL=stockWebPalette.win32.js.map

package/lib-commonjs/stockWebPalette.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stockWebPalette.win32.js","sourceRoot":"","sources":["../src/stockWebPalette.win32.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/default-theme",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Typing only package for fluentui-react-native theme types",
   "repository": {
     "type": "git",
@@ -28,10 +28,10 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-react-native/memo-cache": "^1.3.1",
-    "@fluentui-react-native/theme": ">=0.10.1 <1.0.0",
-    "@fluentui-react-native/theme-tokens": "^0.26.1",
-    "@fluentui-react-native/theme-types": ">=0.34.0 <1.0.0",
-    "@fluentui-react-native/theming-utils": ">=0.25.1 <1.0.0",
+    "@fluentui-react-native/theme": ">=0.10.2 <1.0.0",
+    "@fluentui-react-native/theme-tokens": "^0.26.2",
+    "@fluentui-react-native/theme-types": ">=0.35.0 <1.0.0",
+    "@fluentui-react-native/theming-utils": ">=0.25.2 <1.0.0",
     "assert-never": "^1.2.1"
   },
   "devDependencies": {

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

@@ -1045,7 +1045,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
     "accentButtonBackground": "#185abd",
     "accentButtonText": "#1b1a19",
     "actionLink": "#f3f2f1",
-    "actionLinkHovered": "#faf9f8",
     "background": "#1b1a19",
     "blockingBackground": "rgba(234, 67, 0, .5)",
     "bodyDivider": "#292827",
@@ -1090,7 +1089,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
     "brandedSecondaryContent": "#201f1e",
     "buttonBackground": "#252423",
     "buttonBackgroundChecked": "#484644",
-    "buttonBackgroundCheckedHovered": "#292827",
     "buttonBackgroundDisabled": "#252423",
     "buttonBackgroundHovered": "#292827",
     "buttonBackgroundPressed": "#292827",
@@ -1155,9 +1153,7 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
     "defaultPressedSecondaryContent": "#797775",
     "defaultStateBackground": "#201f1e",
     "disabledBackground": "#323130",
-    "disabledBodySubtext": "#484644",
     "disabledBodyText": "#797775",
-    "disabledSubtext": "#3b3a39",
     "disabledText": "#797775",
     "errorBackground": "rgba(232, 17, 35, .5)",
     "errorText": "#ff5f5f",
@@ -1200,7 +1196,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
     "inputForegroundChecked": "#1b1a19",
     "inputPlaceholderText": "#a19f9d",
     "inputText": "#f3f2f1",
-    "inputTextHovered": "#faf9f8",
     "link": "#2e6ac5",
     "linkHovered": "#82c7ff",
     "linkPressed": "#aec6eb",
@@ -1354,7 +1349,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppe
     "warningForeground3": "#fdea3d",
     "warningForegroundInverted": "#817400",
     "warningHighlight": "#fff100",
-    "warningText": "#ffffff",
   },
   "components": {},
   "host": {
@@ -1707,7 +1701,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
     "accentButtonBackground": "#185abd",
     "accentButtonText": "#1b1a19",
     "actionLink": "#f3f2f1",
-    "actionLinkHovered": "#faf9f8",
     "background": "#1b1a19",
     "blockingBackground": "rgba(234, 67, 0, .5)",
     "bodyDivider": "#292827",
@@ -1752,7 +1745,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
     "brandedSecondaryContent": "#201f1e",
     "buttonBackground": "#252423",
     "buttonBackgroundChecked": "#484644",
-    "buttonBackgroundCheckedHovered": "#292827",
     "buttonBackgroundDisabled": "#252423",
     "buttonBackgroundHovered": "#292827",
     "buttonBackgroundPressed": "#292827",
@@ -1817,9 +1809,7 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
     "defaultPressedSecondaryContent": "#797775",
     "defaultStateBackground": "#201f1e",
     "disabledBackground": "#323130",
-    "disabledBodySubtext": "#484644",
     "disabledBodyText": "#797775",
-    "disabledSubtext": "#3b3a39",
     "disabledText": "#797775",
     "errorBackground": "rgba(232, 17, 35, .5)",
     "errorText": "#ff5f5f",
@@ -1862,7 +1852,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
     "inputForegroundChecked": "#1b1a19",
     "inputPlaceholderText": "#a19f9d",
     "inputText": "#f3f2f1",
-    "inputTextHovered": "#faf9f8",
     "link": "#2e6ac5",
     "linkHovered": "#82c7ff",
     "linkPressed": "#aec6eb",
@@ -2016,7 +2005,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultA
     "warningForeground3": "#fdea3d",
     "warningForegroundInverted": "#817400",
     "warningHighlight": "#fff100",
-    "warningText": "#ffffff",
   },
   "components": {},
   "host": {
@@ -2369,7 +2357,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
     "accentButtonBackground": "#000000",
     "accentButtonText": "#ffffff",
     "actionLink": "#ffff00",
-    "actionLinkHovered": "#ffffff",
     "background": "#000000",
     "blockingBackground": "#000000",
     "bodyDivider": "#ffffff",
@@ -2470,7 +2457,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
     "brandedSecondaryContent": "#ffffff",
     "buttonBackground": "#000000",
     "buttonBackgroundChecked": "#1aebff",
-    "buttonBackgroundCheckedHovered": "#1aebff",
     "buttonBackgroundDisabled": "#000000",
     "buttonBackgroundHovered": "#1aebff",
     "buttonBackgroundPressed": "#1aebff",
@@ -2611,9 +2597,7 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
     "defaultPressedSecondaryContent": "#000000",
     "defaultStateBackground": "#000000",
     "disabledBackground": "#000000",
-    "disabledBodySubtext": "#3ff23f",
     "disabledBodyText": "#3ff23f",
-    "disabledSubtext": "#3ff23f",
     "disabledText": "#3ff23f",
     "errorBackground": "#000000",
     "errorText": "#ffffff",
@@ -2656,7 +2640,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
     "inputForegroundChecked": "#000000",
     "inputPlaceholderText": "#ffffff",
     "inputText": "#ffffff",
-    "inputTextHovered": "#000000",
     "link": "#ffff00",
     "linkHovered": "#ffffff",
     "linkPressed": "#ffffff",
@@ -3246,7 +3229,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'highContrast', def
       ],
     },
     "warningHighlight": "#ffffff",
-    "warningText": "#ffffff",
   },
   "components": {},
   "host": {
@@ -3599,7 +3581,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
     "accentButtonBackground": "#185abd",
     "accentButtonText": "#ffffff",
     "actionLink": "#323130",
-    "actionLinkHovered": "#201f1e",
     "background": "#ffffff",
     "blockingBackground": "rgba(250, 65, 0, .2)",
     "bodyDivider": "#edebe9",
@@ -3644,7 +3625,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
     "brandedSecondaryContent": "#faf9f8",
     "buttonBackground": "#f3f2f1",
     "buttonBackgroundChecked": "#c8c6c4",
-    "buttonBackgroundCheckedHovered": "#edebe9",
     "buttonBackgroundDisabled": "#f3f2f1",
     "buttonBackgroundHovered": "#edebe9",
     "buttonBackgroundPressed": "#edebe9",
@@ -3709,9 +3689,7 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
     "defaultPressedSecondaryContent": "#a19f9d",
     "defaultStateBackground": "#faf9f8",
     "disabledBackground": "#f3f2f1",
-    "disabledBodySubtext": "#c8c6c4",
     "disabledBodyText": "#a19f9d",
-    "disabledSubtext": "#d2d0ce",
     "disabledText": "#a19f9d",
     "errorBackground": "rgba(245, 135, 145, .2)",
     "errorText": "#a4262c",
@@ -3754,7 +3732,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
     "inputForegroundChecked": "#ffffff",
     "inputPlaceholderText": "#605e5c",
     "inputText": "#323130",
-    "inputTextHovered": "#201f1e",
     "link": "#185abd",
     "linkHovered": "#004578",
     "linkPressed": "#13458f",
@@ -3908,7 +3885,6 @@ exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultApp
     "warningForeground3": "#fde300",
     "warningForegroundInverted": "#fef7b2",
     "warningHighlight": "#ffb900",
-    "warningText": "#333333",
   },
   "components": {},
   "host": {
@@ -4261,7 +4237,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
     "accentButtonBackground": "#185abd",
     "accentButtonText": "#ffffff",
     "actionLink": "#323130",
-    "actionLinkHovered": "#201f1e",
     "background": "#ffffff",
     "blockingBackground": "rgba(250, 65, 0, .2)",
     "bodyDivider": "#edebe9",
@@ -4306,7 +4281,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
     "brandedSecondaryContent": "#faf9f8",
     "buttonBackground": "#f3f2f1",
     "buttonBackgroundChecked": "#c8c6c4",
-    "buttonBackgroundCheckedHovered": "#edebe9",
     "buttonBackgroundDisabled": "#f3f2f1",
     "buttonBackgroundHovered": "#edebe9",
     "buttonBackgroundPressed": "#edebe9",
@@ -4371,9 +4345,7 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
     "defaultPressedSecondaryContent": "#a19f9d",
     "defaultStateBackground": "#faf9f8",
     "disabledBackground": "#f3f2f1",
-    "disabledBodySubtext": "#c8c6c4",
     "disabledBodyText": "#a19f9d",
-    "disabledSubtext": "#d2d0ce",
     "disabledText": "#a19f9d",
     "errorBackground": "rgba(245, 135, 145, .2)",
     "errorText": "#a4262c",
@@ -4416,7 +4388,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
     "inputForegroundChecked": "#ffffff",
     "inputPlaceholderText": "#605e5c",
     "inputText": "#323130",
-    "inputTextHovered": "#201f1e",
     "link": "#185abd",
     "linkHovered": "#004578",
     "linkPressed": "#13458f",
@@ -4570,7 +4541,6 @@ exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultA
     "warningForeground3": "#fde300",
     "warningForegroundInverted": "#fef7b2",
     "warningHighlight": "#ffb900",
-    "warningText": "#333333",
   },
   "components": {},
   "host": {
@@ -5442,7 +5412,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
     "accentButtonBackground": "#185abd",
     "accentButtonText": "#1b1a19",
     "actionLink": "#f3f2f1",
-    "actionLinkHovered": "#faf9f8",
     "background": "#1b1a19",
     "blockingBackground": "rgba(234, 67, 0, .5)",
     "bodyDivider": "#292827",
@@ -5487,7 +5456,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
     "brandedSecondaryContent": "#201f1e",
     "buttonBackground": "#252423",
     "buttonBackgroundChecked": "#484644",
-    "buttonBackgroundCheckedHovered": "#292827",
     "buttonBackgroundDisabled": "#252423",
     "buttonBackgroundHovered": "#292827",
     "buttonBackgroundPressed": "#292827",
@@ -5552,9 +5520,7 @@ exports[`defaultFluentDarkTheme test 1`] = `
     "defaultPressedSecondaryContent": "#797775",
     "defaultStateBackground": "#201f1e",
     "disabledBackground": "#323130",
-    "disabledBodySubtext": "#484644",
     "disabledBodyText": "#797775",
-    "disabledSubtext": "#3b3a39",
     "disabledText": "#797775",
     "errorBackground": "rgba(232, 17, 35, .5)",
     "errorText": "#ff5f5f",
@@ -5597,7 +5563,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
     "inputForegroundChecked": "#1b1a19",
     "inputPlaceholderText": "#a19f9d",
     "inputText": "#f3f2f1",
-    "inputTextHovered": "#faf9f8",
     "link": "#2e6ac5",
     "linkHovered": "#82c7ff",
     "linkPressed": "#aec6eb",
@@ -5751,7 +5716,6 @@ exports[`defaultFluentDarkTheme test 1`] = `
     "warningForeground3": "#fdea3d",
     "warningForegroundInverted": "#817400",
     "warningHighlight": "#fff100",
-    "warningText": "#ffffff",
   },
   "components": {},
   "host": {
@@ -6104,7 +6068,6 @@ exports[`defaultFluentTheme test 1`] = `
     "accentButtonBackground": "#185abd",
     "accentButtonText": "#ffffff",
     "actionLink": "#323130",
-    "actionLinkHovered": "#201f1e",
     "background": "#ffffff",
     "blockingBackground": "rgba(250, 65, 0, .2)",
     "bodyDivider": "#edebe9",
@@ -6149,7 +6112,6 @@ exports[`defaultFluentTheme test 1`] = `
     "brandedSecondaryContent": "#faf9f8",
     "buttonBackground": "#f3f2f1",
     "buttonBackgroundChecked": "#c8c6c4",
-    "buttonBackgroundCheckedHovered": "#edebe9",
     "buttonBackgroundDisabled": "#f3f2f1",
     "buttonBackgroundHovered": "#edebe9",
     "buttonBackgroundPressed": "#edebe9",
@@ -6214,9 +6176,7 @@ exports[`defaultFluentTheme test 1`] = `
     "defaultPressedSecondaryContent": "#a19f9d",
     "defaultStateBackground": "#faf9f8",
     "disabledBackground": "#f3f2f1",
-    "disabledBodySubtext": "#c8c6c4",
     "disabledBodyText": "#a19f9d",
-    "disabledSubtext": "#d2d0ce",
     "disabledText": "#a19f9d",
     "errorBackground": "rgba(245, 135, 145, .2)",
     "errorText": "#a4262c",
@@ -6259,7 +6219,6 @@ exports[`defaultFluentTheme test 1`] = `
     "inputForegroundChecked": "#ffffff",
     "inputPlaceholderText": "#605e5c",
     "inputText": "#323130",
-    "inputTextHovered": "#201f1e",
     "link": "#185abd",
     "linkHovered": "#004578",
     "linkPressed": "#13458f",
@@ -6413,7 +6372,6 @@ exports[`defaultFluentTheme test 1`] = `
     "warningForeground3": "#fde300",
     "warningForegroundInverted": "#fef7b2",
     "warningHighlight": "#ffb900",
-    "warningText": "#333333",
   },
   "components": {},
   "host": {

package/src/defaultColors.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import type { Palette, FabricWebPalette, ThemeColorDefinition } from '@fluentui-react-native/theme-types';
 
 import { createColorAliasTokens } from './createAliasTokens';
@@ -24,8 +22,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
     disabledBackground: isInverted ? p.neutralQuaternaryAlt : p.neutralLighter,
     disabledText: p.neutralTertiary,
     disabledBodyText: p.neutralTertiary,
-    disabledSubtext: p.neutralQuaternary,
-    disabledBodySubtext: p.neutralTertiaryAlt,
 
     focusBorder: p.neutralSecondary,
     variantBorder: p.neutralLight,
@@ -33,7 +29,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
     defaultStateBackground: p.neutralLighterAlt,
 
     errorText: !isInverted ? p.redDark : '#ff5f5f',
-    warningText: !isInverted ? globalTokens.color.grey20 : globalTokens.color.white,
     errorBackground: !isInverted ? 'rgba(245, 135, 145, .2)' : 'rgba(232, 17, 35, .5)',
     blockingBackground: !isInverted ? 'rgba(250, 65, 0, .2)' : 'rgba(234, 67, 0, .5)',
     warningBackground: !isInverted ? 'rgba(255, 200, 10, .2)' : 'rgba(255, 251, 0, .6)',
@@ -49,13 +44,11 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
     inputFocusBorderAlt: p.themePrimary,
     smallInputBorder: p.neutralSecondary,
     inputText: p.neutralPrimary,
-    inputTextHovered: p.neutralDark,
     inputPlaceholderText: p.neutralSecondary,
 
     buttonBackground: p.neutralLighter,
     buttonBackgroundChecked: p.neutralTertiaryAlt,
     buttonBackgroundHovered: p.neutralLight,
-    buttonBackgroundCheckedHovered: p.neutralLight,
     buttonBackgroundPressed: p.neutralLight,
     buttonBackgroundDisabled: p.neutralLighter,
     buttonBorder: p.neutralSecondaryAlt,
@@ -101,7 +94,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
     listHeaderBackgroundPressed: p.neutralLight,
 
     actionLink: p.neutralPrimary,
-    actionLinkHovered: p.neutralDark,
     link: p.themePrimary,
     linkHovered: p.themeDarker,
     linkPressed: p.themeDark,
@@ -209,106 +201,6 @@ export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolea
   };
 }
 
-export function getStockWebPalette(): ThemeColorDefinition {
-  return {
-    ...paletteFromFabricColors({
-      black: globalTokens.color.black,
-      neutralDark: '#201f1e',
-      neutralPrimary: '#323130',
-      neutralPrimaryAlt: '#3b3a39',
-      neutralSecondary: '#605e5c',
-      neutralSecondaryAlt: '#8a8886',
-      neutralTertiary: '#a19f9d',
-      neutralTertiaryAlt: '#c8c6c4',
-      neutralQuaternary: '#d2d0ce',
-      neutralQuaternaryAlt: '#e1dfdd',
-      neutralLight: '#edebe9',
-      neutralLighter: '#f3f2f1',
-      neutralLighterAlt: '#faf9f8',
-      white: globalTokens.color.white,
-      // Shared Colors
-      red: globalTokens.color.red.primary,
-      redDark: globalTokens.color.burgundy.primary,
-
-      // @ts-ignore
-      accent: globalTokens.color.brand80,
-      blackTranslucent40: 'rgba(0,0,0,.4)',
-
-      // Colors to be deprecated
-      // @ts-ignore
-      themeDarker: globalTokens.color.brand40,
-      // @ts-ignore
-      themeDark: globalTokens.color.brand60,
-      // @ts-ignore
-      themeDarkAlt: globalTokens.color.brand70,
-      // @ts-ignore
-      themePrimary: globalTokens.color.brand80,
-      // @ts-ignore
-      themeSecondary: globalTokens.color.brand90,
-      // @ts-ignore
-      themeTertiary: globalTokens.color.brand120,
-      // @ts-ignore
-      themeLight: globalTokens.color.brand140,
-      // @ts-ignore
-      themeLighter: globalTokens.color.brand150,
-      // @ts-ignore
-      themeLighterAlt: globalTokens.color.brand160,
-    }),
-    ...createColorAliasTokens('light'),
-  };
-}
-
-export function getStockWebDarkPalette(): ThemeColorDefinition {
-  return {
-    ...paletteFromFabricColors(
-      {
-        // colors taken from fluentui DarkCustomizations.ts
-        black: globalTokens.color.white,
-        neutralDark: '#faf9f8',
-        neutralPrimary: '#f3f2f1',
-        neutralPrimaryAlt: '#c8c6c4',
-        neutralSecondary: '#a19f9d',
-        neutralSecondaryAlt: '#979693',
-        neutralTertiary: '#797775',
-        neutralTertiaryAlt: '#484644',
-        neutralQuaternary: '#3b3a39',
-        neutralQuaternaryAlt: '#323130',
-        neutralLight: '#292827',
-        neutralLighter: '#252423',
-        neutralLighterAlt: '#201f1e',
-        white: '#1b1a19',
-        red: globalTokens.color.red.primary,
-        // @ts-ignore
-        accent: globalTokens.color.brand40,
-        redDark: '#f1707b',
-        blackTranslucent40: 'rgba(0,0,0,.4)',
-
-        // Colors to be deprecated
-        // @ts-ignore
-        themeDarker: globalTokens.color.brand110,
-        // @ts-ignore
-        themeDark: globalTokens.color.brand100,
-        // @ts-ignore
-        themeDarkAlt: globalTokens.color.brand100,
-        // @ts-ignore
-        themePrimary: globalTokens.color.brand90,
-        // @ts-ignore
-        themeSecondary: globalTokens.color.brand90,
-        // @ts-ignore
-        themeTertiary: globalTokens.color.brand60,
-        // @ts-ignore
-        themeLight: globalTokens.color.brand50,
-        // @ts-ignore
-        themeLighter: globalTokens.color.brand40,
-        // @ts-ignore
-        themeLighterAlt: globalTokens.color.brand30,
-      },
-      true,
-    ),
-    ...createColorAliasTokens('dark'),
-  };
-}
-
 export function getStockWebHCPalette(): ThemeColorDefinition {
   return {
     background: '#000000',
@@ -323,8 +215,6 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
     disabledBackground: '#000000',
     disabledText: '#3ff23f',
     disabledBodyText: '#3ff23f',
-    disabledSubtext: '#3ff23f',
-    disabledBodySubtext: '#3ff23f',
 
     focusBorder: '#ffffff',
     variantBorder: '#ffffff',
@@ -332,7 +222,6 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
     defaultStateBackground: '#000000',
 
     errorText: '#ffffff',
-    warningText: '#ffffff',
     errorBackground: '#000000',
     blockingBackground: '#000000',
     warningBackground: '#000000',
@@ -348,13 +237,11 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
     inputFocusBorderAlt: '#ffffff',
     smallInputBorder: '#ffffff',
     inputText: '#ffffff',
-    inputTextHovered: '#000000',
     inputPlaceholderText: '#ffffff',
 
     buttonBackground: '#000000',
     buttonBackgroundChecked: '#1aebff',
     buttonBackgroundHovered: '#1aebff',
-    buttonBackgroundCheckedHovered: '#1aebff',
     buttonBackgroundPressed: '#1aebff',
     buttonBackgroundDisabled: '#000000',
     buttonBorder: '#ffffff',
@@ -400,7 +287,6 @@ export function getStockWebHCPalette(): ThemeColorDefinition {
     listHeaderBackgroundPressed: '#1aebff',
 
     actionLink: '#ffff00',
-    actionLinkHovered: '#ffffff',
     link: '#ffff00',
     linkHovered: '#ffffff',
     linkPressed: '#ffffff',

package/src/defaultTheme.ts

@@ -4,7 +4,8 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import type { Theme, Typography, Spacing, FontWeightValue, FontSize, FontSizes, Variants } from '@fluentui-react-native/theme-types';
 
 import { createShadowAliasTokens } from './createAliasTokens';
-import { getStockWebPalette, getStockWebDarkPalette, getStockWebHCPalette } from './defaultColors';
+import { getStockWebHCPalette } from './defaultColors';
+import { getStockWebPalette, getStockWebDarkPalette } from './stockWebPalette';
 
 function _defaultTypography(): Typography {
   const defaultsDict = {