@fluentui-react-native/win32-theme 0.39.0 → 0.39.3

package/lib-commonjs/__tests__/win32-theme.test.js

@@ -1,81 +1,81 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const createBrandedThemeWithAlias_1 = require('../createBrandedThemeWithAlias');
-const createFontAliasTokens_1 = require('../createFontAliasTokens');
-const createOfficeAliasTokens_1 = require('../createOfficeAliasTokens');
-const createOfficeTheme_1 = require('../createOfficeTheme');
-const createPartialOfficeTheme_1 = require('../createPartialOfficeTheme');
-const getThemeTypography_1 = require('../getThemeTypography');
-const hostThemeSetting_1 = require('../NativeModule/hostThemeSetting');
-const index_1 = require('../NativeModule/index');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const createBrandedThemeWithAlias_1 = require("../createBrandedThemeWithAlias");
+const createFontAliasTokens_1 = require("../createFontAliasTokens");
+const createOfficeAliasTokens_1 = require("../createOfficeAliasTokens");
+const createOfficeTheme_1 = require("../createOfficeTheme");
+const createPartialOfficeTheme_1 = require("../createPartialOfficeTheme");
+const getThemeTypography_1 = require("../getThemeTypography");
+const hostThemeSetting_1 = require("../NativeModule/hostThemeSetting");
+const index_1 = require("../NativeModule/index");
 const officeThemes = ['White', 'Colorful', 'DarkGray', 'Black', 'HighContrast'];
 const appPrimaries = ['#185abd', '#107c41', '#d83b01', '#80397b', '#0078d4', '#c43e1c'];
 it('win32Typography test', () => {
-  expect(getThemeTypography_1.win32Typography).toMatchSnapshot();
+    expect(getThemeTypography_1.win32Typography).toMatchSnapshot();
 });
 it('fallbackOfficeModule test', () => {
-  expect(index_1.fallbackOfficeModule).toMatchSnapshot();
-  expect(index_1.fallbackOfficeModule.getConstants()).toMatchSnapshot();
+    expect(index_1.fallbackOfficeModule).toMatchSnapshot();
+    expect(index_1.fallbackOfficeModule.getConstants()).toMatchSnapshot();
 });
 it('getThemingModule test', () => {
-  const themingModule = (0, index_1.getThemingModule)();
-  expect(themingModule).toMatchSnapshot();
-  expect(themingModule[0].getConstants()).toMatchSnapshot();
+    const themingModule = (0, index_1.getThemingModule)();
+    expect(themingModule).toMatchSnapshot();
+    expect(themingModule[0].getConstants()).toMatchSnapshot();
 });
 it('createPartialOfficeTheme test', () => {
-  const themingModule = (0, index_1.getThemingModule)();
-  const partialOfficeTheme = (0, createPartialOfficeTheme_1.createPartialOfficeTheme)(themingModule[0]);
-  expect(partialOfficeTheme).toMatchSnapshot;
+    const themingModule = (0, index_1.getThemingModule)();
+    const partialOfficeTheme = (0, createPartialOfficeTheme_1.createPartialOfficeTheme)(themingModule[0]);
+    expect(partialOfficeTheme).toMatchSnapshot;
 });
 it('createFontAliasTokens test', () => {
-  const fontAliasToken = (0, createFontAliasTokens_1.createFontAliasTokens)();
-  expect(fontAliasToken).toMatchSnapshot();
+    const fontAliasToken = (0, createFontAliasTokens_1.createFontAliasTokens)();
+    expect(fontAliasToken).toMatchSnapshot();
 });
 it('createOfficeTheme test', () => {
-  const officeTheme = (0, createOfficeTheme_1.createOfficeTheme)({ paletteName: 'TaskPane', appearance: 'light' }).theme;
-  expect(officeTheme).toMatchSnapshot();
+    const officeTheme = (0, createOfficeTheme_1.createOfficeTheme)({ paletteName: 'TaskPane', appearance: 'light' }).theme;
+    expect(officeTheme).toMatchSnapshot();
 });
 it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', async (themeName) => {
-  (0, hostThemeSetting_1.setCurrentHostThemeSetting)('Colorful');
-  const officeTheme = (0, createOfficeTheme_1.createOfficeTheme)({ paletteName: 'TaskPane', appearance: 'light' }).theme;
-  const brandedTheme = (0, createBrandedThemeWithAlias_1.createBrandedThemeWithAlias)(themeName, officeTheme);
-  expect(brandedTheme).toMatchSnapshot();
+    (0, hostThemeSetting_1.setCurrentHostThemeSetting)('Colorful');
+    const officeTheme = (0, createOfficeTheme_1.createOfficeTheme)({ paletteName: 'TaskPane', appearance: 'light' }).theme;
+    const brandedTheme = (0, createBrandedThemeWithAlias_1.createBrandedThemeWithAlias)(themeName, officeTheme);
+    expect(brandedTheme).toMatchSnapshot();
 });
 it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', async (themeName) => {
-  const colorAliasToken = (0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(themeName);
-  expect(colorAliasToken).toMatchSnapshot();
+    const colorAliasToken = (0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(themeName);
+    expect(colorAliasToken).toMatchSnapshot();
 });
 it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', async (themeName) => {
-  const shadowAliasToken = (0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(themeName);
-  expect(shadowAliasToken).toMatchSnapshot();
+    const shadowAliasToken = (0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(themeName);
+    expect(shadowAliasToken).toMatchSnapshot();
 });
 describe('fallbackGetPalette test', () => {
-  it('TaskPane palette', () => {
-    const fallbackPalette = (0, index_1.fallbackGetPalette)('TaskPane');
-    expect(fallbackPalette).toMatchSnapshot();
-  });
-  it('Random palette', () => {
-    /**
-     * RedColors is just a random pallette, we're just testing to see what happens
-     * if we use anything other than the TaskPane palette.
-     * */
-    const fallbackPalette = (0, index_1.fallbackGetPalette)('RedColors');
-    expect(fallbackPalette).toMatchSnapshot();
-  });
+    it('TaskPane palette', () => {
+        const fallbackPalette = (0, index_1.fallbackGetPalette)('TaskPane');
+        expect(fallbackPalette).toMatchSnapshot();
+    });
+    it('Random palette', () => {
+        /**
+         * RedColors is just a random pallette, we're just testing to see what happens
+         * if we use anything other than the TaskPane palette.
+         * */
+        const fallbackPalette = (0, index_1.fallbackGetPalette)('RedColors');
+        expect(fallbackPalette).toMatchSnapshot();
+    });
 });
 describe('getCurrentBrandAliasTokens test', () => {
-  it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary) => {
-    const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('White', appPrimary);
-    expect(brandAliasTokens).toMatchSnapshot();
-  });
-  it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary) => {
-    const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('Colorful', appPrimary);
-    expect(brandAliasTokens).toMatchSnapshot();
-  });
-  // Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
-  it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', async (appPrimary) => {
-    const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)(null, appPrimary);
-    expect(brandAliasTokens).toMatchSnapshot();
-  });
+    it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary) => {
+        const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('White', appPrimary);
+        expect(brandAliasTokens).toMatchSnapshot();
+    });
+    it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary) => {
+        const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('Colorful', appPrimary);
+        expect(brandAliasTokens).toMatchSnapshot();
+    });
+    // Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
+    it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', async (appPrimary) => {
+        const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)(null, appPrimary);
+        expect(brandAliasTokens).toMatchSnapshot();
+    });
 });
-//# sourceMappingURL=win32-theme.test.js.map
+//# sourceMappingURL=win32-theme.test.js.map

package/lib-commonjs/createAliasesFromPalette.d.ts

@@ -1,3 +1,3 @@
 import type { AliasColorTokens, OfficePalette } from '@fluentui-react-native/theme-types';
 export declare function createAliasesFromPalette(palette: OfficePalette, isHighContrast: boolean): Partial<AliasColorTokens>;
-//# sourceMappingURL=createAliasesFromPalette.d.ts.map
+//# sourceMappingURL=createAliasesFromPalette.d.ts.map

package/lib-commonjs/createAliasesFromPalette.js

@@ -1,61 +1,61 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAliasesFromPalette = createAliasesFromPalette;
 function createAliasesFromPalette(palette, isHighContrast) {
-  // Workaround for getting checkmark to have correct color in HC
-  // while native code doesn't support PlatformColor
-  if (isHighContrast) {
-    return {};
-  }
-  return {
-    neutralForeground1: palette.Text,
-    neutralForeground1Hover: palette.TextHover,
-    neutralForeground1Pressed: palette.TextPressed,
-    neutralForeground1Selected: palette.TextSelected,
-    neutralForeground2: palette.TextSecondary,
-    neutralForeground2Hover: palette.TextSecondaryHover,
-    neutralForeground2Pressed: palette.TextSecondaryPressed,
-    neutralForeground2Selected: palette.TextSecondarySelected,
-    neutralForeground4: palette.TextTextBoxPlaceholder,
-    neutralForegroundDisabled: palette.TextDisabled,
-    compoundBrandForeground1: palette.TextEmphasis,
-    compoundBrandForeground1Hover: palette.TextEmphasisHover,
-    compoundBrandForeground1Pressed: palette.TextEmphasisPressed,
-    neutralForegroundOnBrand: palette.TextCtlEmphasis,
-    neutralForegroundOnBrandHover: palette.TextCtlEmphasisHover,
-    neutralForegroundOnBrandPressed: palette.TextCtlEmphasisPressed,
-    neutralForegroundInvertedLink: palette.BkgToggleSwitchOff,
-    neutralForegroundInvertedLinkHover: palette.BkgToggleSwitchOffHover,
-    neutralForegroundInvertedLinkPressed: palette.BkgToggleSwitchOffPressed,
-    neutralBackground1: palette.Bkg,
-    neutralBackground1Hover: palette.BkgHover,
-    neutralBackground1Pressed: palette.BkgPressed,
-    neutralBackground1Selected: palette.BkgSelected,
-    neutralBackground2: palette.BkgHeader,
-    neutralBackground2Hover: palette.BkgSubtle,
-    neutralBackground3: palette.BkgSubtle,
-    neutralBackgroundInverted: palette.BkgSelectionHighlight,
-    neutralBackgroundDisabled: palette.BkgCtlDisabled,
-    neutralStencil1: palette.SliderBuffer,
-    brandBackground: palette.BkgCtlEmphasis,
-    brandBackgroundHover: palette.BkgCtlEmphasisHover,
-    brandBackgroundPressed: palette.BkgCtlEmphasisPressed,
-    compoundBrandBackground1: palette.BkgToggleSwitchOn,
-    compoundBrandBackground1Hover: palette.BkgToggleSwitchOnHover,
-    compoundBrandBackground1Pressed: palette.BkgToggleSwitchOnPressed,
-    neutralStrokeAccessible: palette.StrokeOnlySelected,
-    neutralStrokeAccessibleHover: palette.StrokeOnlyHover,
-    neutralStrokeAccessiblePressed: palette.StrokeOnlyPressed,
-    neutralStroke1: palette.StrokeCtl,
-    neutralStroke1Hover: palette.StrokeSelectedHover,
-    neutralStroke1Pressed: palette.StrokeOverPressed,
-    neutralStroke2: palette.SliderBuffer,
-    brandStroke1: palette.AccentEmphasis,
-    compoundBrandStroke1: palette.StrokeToggleSwitchOn,
-    compoundBrandStroke1Hover: palette.StrokeToggleSwitchOnHover,
-    compoundBrandStroke1Pressed: palette.StrokeToggleSwitchOnPressed,
-    neutralStrokeDisabled: palette.StrokeCtlDisabled,
-    strokeFocus2: palette.StrokeKeyboard,
-  };
+    // Workaround for getting checkmark to have correct color in HC
+    // while native code doesn't support PlatformColor
+    if (isHighContrast) {
+        return {};
+    }
+    return {
+        neutralForeground1: palette.Text,
+        neutralForeground1Hover: palette.TextHover,
+        neutralForeground1Pressed: palette.TextPressed,
+        neutralForeground1Selected: palette.TextSelected,
+        neutralForeground2: palette.TextSecondary,
+        neutralForeground2Hover: palette.TextSecondaryHover,
+        neutralForeground2Pressed: palette.TextSecondaryPressed,
+        neutralForeground2Selected: palette.TextSecondarySelected,
+        neutralForeground4: palette.TextTextBoxPlaceholder,
+        neutralForegroundDisabled: palette.TextDisabled,
+        compoundBrandForeground1: palette.TextEmphasis,
+        compoundBrandForeground1Hover: palette.TextEmphasisHover,
+        compoundBrandForeground1Pressed: palette.TextEmphasisPressed,
+        neutralForegroundOnBrand: palette.TextCtlEmphasis,
+        neutralForegroundOnBrandHover: palette.TextCtlEmphasisHover,
+        neutralForegroundOnBrandPressed: palette.TextCtlEmphasisPressed,
+        neutralForegroundInvertedLink: palette.BkgToggleSwitchOff,
+        neutralForegroundInvertedLinkHover: palette.BkgToggleSwitchOffHover,
+        neutralForegroundInvertedLinkPressed: palette.BkgToggleSwitchOffPressed,
+        neutralBackground1: palette.Bkg,
+        neutralBackground1Hover: palette.BkgHover,
+        neutralBackground1Pressed: palette.BkgPressed,
+        neutralBackground1Selected: palette.BkgSelected,
+        neutralBackground2: palette.BkgHeader,
+        neutralBackground2Hover: palette.BkgSubtle,
+        neutralBackground3: palette.BkgSubtle,
+        neutralBackgroundInverted: palette.BkgSelectionHighlight,
+        neutralBackgroundDisabled: palette.BkgCtlDisabled,
+        neutralStencil1: palette.SliderBuffer,
+        brandBackground: palette.BkgCtlEmphasis,
+        brandBackgroundHover: palette.BkgCtlEmphasisHover,
+        brandBackgroundPressed: palette.BkgCtlEmphasisPressed,
+        compoundBrandBackground1: palette.BkgToggleSwitchOn,
+        compoundBrandBackground1Hover: palette.BkgToggleSwitchOnHover,
+        compoundBrandBackground1Pressed: palette.BkgToggleSwitchOnPressed,
+        neutralStrokeAccessible: palette.StrokeOnlySelected,
+        neutralStrokeAccessibleHover: palette.StrokeOnlyHover,
+        neutralStrokeAccessiblePressed: palette.StrokeOnlyPressed,
+        neutralStroke1: palette.StrokeCtl,
+        neutralStroke1Hover: palette.StrokeSelectedHover,
+        neutralStroke1Pressed: palette.StrokeOverPressed,
+        neutralStroke2: palette.SliderBuffer,
+        brandStroke1: palette.AccentEmphasis,
+        compoundBrandStroke1: palette.StrokeToggleSwitchOn,
+        compoundBrandStroke1Hover: palette.StrokeToggleSwitchOnHover,
+        compoundBrandStroke1Pressed: palette.StrokeToggleSwitchOnPressed,
+        neutralStrokeDisabled: palette.StrokeCtlDisabled,
+        strokeFocus2: palette.StrokeKeyboard,
+    };
 }
-//# sourceMappingURL=createAliasesFromPalette.js.map
+//# sourceMappingURL=createAliasesFromPalette.js.map

package/lib-commonjs/createBrandedThemeWithAlias.d.ts

@@ -2,4 +2,4 @@ import type { ColorValue } from 'react-native';
 import type { Theme, PartialTheme, AliasColorTokens } from '@fluentui-react-native/theme-types';
 export declare function createBrandedThemeWithAlias(themeName: string, theme: Theme): PartialTheme;
 export declare function getCurrentBrandAliasTokens(themeName: string, appPrimary: ColorValue): Partial<AliasColorTokens>;
-//# sourceMappingURL=createBrandedThemeWithAlias.d.ts.map
+//# sourceMappingURL=createBrandedThemeWithAlias.d.ts.map

package/lib-commonjs/createBrandedThemeWithAlias.js

@@ -1,68 +1,73 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createBrandedThemeWithAlias = createBrandedThemeWithAlias;
 exports.getCurrentBrandAliasTokens = getCurrentBrandAliasTokens;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 function createBrandedThemeWithAlias(themeName, theme) {
-  if (themeName === 'HighContrast' || !theme.host.colors) {
-    return {};
-  }
-  return {
-    colors: getCurrentBrandAliasTokens(themeName, theme.host.colors.AppPrimary),
-  };
+    if (themeName === 'HighContrast' || !theme.host.colors) {
+        return {};
+    }
+    return {
+        colors: getCurrentBrandAliasTokens(themeName, theme.host.colors.AppPrimary),
+    };
 }
 function getCurrentBrandAliasTokens(themeName, appPrimary) {
-  const appColors = getAppColors(appPrimary);
-  const isWhiteOrColorfulTheme = themeName === 'White' || themeName === 'Colorful';
-  return {
-    neutralForeground2BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
-    neutralForeground2BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
-    neutralForeground2BrandSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
-    neutralForeground3BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
-    neutralForeground3BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
-    neutralForeground3BrandSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
-    brandForegroundLink: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
-    brandForegroundLinkHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
-    brandForegroundLinkPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
-    brandForegroundLinkSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
-    compoundBrandForeground1: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
-    compoundBrandForeground1Hover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
-    compoundBrandForeground1Pressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
-    brandForeground1: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
-    brandForeground2: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
-    brandBackground: appColors.primary,
-    brandBackgroundHover: appColors.shade10,
-    brandBackgroundPressed: appColors.shade30,
-    brandBackgroundSelected: appColors.shade20,
-    compoundBrandBackground1: appColors.primary,
-    compoundBrandBackground1Hover: appColors.shade10,
-    compoundBrandBackground1Pressed: appColors.shade20,
-    brandBackgroundStatic: appColors.primary,
-    brandBackground2: appColors.tint40,
-    neutralStrokeAccessibleSelected: appColors.primary,
-    brandStroke1: appColors.primary,
-    brandStroke2: appColors.tint40,
-    compoundBrandStroke1: appColors.primary,
-    compoundBrandStroke1Hover: appColors.shade10,
-    compoundBrandStroke1Pressed: appColors.shade20,
-  };
+    const appColors = getAppColors(appPrimary);
+    const isWhiteOrColorfulTheme = themeName === 'White' || themeName === 'Colorful';
+    return {
+        neutralForeground2BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
+        neutralForeground2BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
+        neutralForeground2BrandSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
+        neutralForeground3BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
+        neutralForeground3BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
+        neutralForeground3BrandSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
+        brandForegroundLink: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
+        brandForegroundLinkHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
+        brandForegroundLinkPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
+        brandForegroundLinkSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
+        compoundBrandForeground1: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
+        compoundBrandForeground1Hover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
+        compoundBrandForeground1Pressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
+        brandForeground1: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
+        brandForeground2: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
+        brandBackground: appColors.primary,
+        brandBackgroundHover: appColors.shade10,
+        brandBackgroundPressed: appColors.shade30,
+        brandBackgroundSelected: appColors.shade20,
+        compoundBrandBackground1: appColors.primary,
+        compoundBrandBackground1Hover: appColors.shade10,
+        compoundBrandBackground1Pressed: appColors.shade20,
+        brandBackgroundStatic: appColors.primary,
+        brandBackground2: appColors.tint40,
+        neutralStrokeAccessibleSelected: appColors.primary,
+        brandStroke1: appColors.primary,
+        brandStroke2: appColors.tint40,
+        compoundBrandStroke1: appColors.primary,
+        compoundBrandStroke1Hover: appColors.shade10,
+        compoundBrandStroke1Pressed: appColors.shade20,
+    };
 }
 function getAppColors(primaryColor) {
-  if (typeof primaryColor === 'string') {
-    if (primaryColor.toLowerCase() === '#185abd') {
-      return theme_tokens_1.globalTokens.color.word;
-    } else if (primaryColor.toLowerCase() === '#107c41') {
-      return theme_tokens_1.globalTokens.color.excel;
-    } else if (primaryColor.toLowerCase() === '#d83b01') {
-      return theme_tokens_1.globalTokens.color.office;
-    } else if (primaryColor.toLowerCase() === '#80397b' || primaryColor.toLowerCase() === '#7719aa') {
-      return theme_tokens_1.globalTokens.color.oneNote;
-    } else if (primaryColor.toLowerCase() === '#0078d4') {
-      return theme_tokens_1.globalTokens.color.outlook;
-    } else if (primaryColor.toLowerCase() === '#c43e1c') {
-      return theme_tokens_1.globalTokens.color.powerPoint;
+    if (typeof primaryColor === 'string') {
+        if (primaryColor.toLowerCase() === '#185abd') {
+            return theme_tokens_1.globalTokens.color.word;
+        }
+        else if (primaryColor.toLowerCase() === '#107c41') {
+            return theme_tokens_1.globalTokens.color.excel;
+        }
+        else if (primaryColor.toLowerCase() === '#d83b01') {
+            return theme_tokens_1.globalTokens.color.office;
+        }
+        else if (primaryColor.toLowerCase() === '#80397b' || primaryColor.toLowerCase() === '#7719aa') {
+            return theme_tokens_1.globalTokens.color.oneNote;
+        }
+        else if (primaryColor.toLowerCase() === '#0078d4') {
+            return theme_tokens_1.globalTokens.color.outlook;
+        }
+        else if (primaryColor.toLowerCase() === '#c43e1c') {
+            return theme_tokens_1.globalTokens.color.powerPoint;
+        }
     }
-  }
-  return theme_tokens_1.globalTokens.color.brand;
+    return theme_tokens_1.globalTokens.color.brand;
 }
-//# sourceMappingURL=createBrandedThemeWithAlias.js.map
+//# sourceMappingURL=createBrandedThemeWithAlias.js.map

package/lib-commonjs/createFontAliasTokens.d.ts

@@ -2,4 +2,4 @@ import type { Variants } from '@fluentui-react-native/theme-types';
 declare function createFontAliasTokensWorker(): Partial<Variants>;
 export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
 export {};
-//# sourceMappingURL=createFontAliasTokens.d.ts.map
+//# sourceMappingURL=createFontAliasTokens.d.ts.map

package/lib-commonjs/createFontAliasTokens.js

@@ -1,12 +1,12 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createFontAliasTokens = void 0;
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const getOfficeTokens_1 = require('./getOfficeTokens');
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const getOfficeTokens_1 = require("./getOfficeTokens");
 function createFontAliasTokensWorker() {
-  const aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)('Colorful');
-  return (0, theming_utils_1.mapFontPipelineToTheme)(aliasTokens);
+    const aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)('Colorful');
+    return (0, theming_utils_1.mapFontPipelineToTheme)(aliasTokens);
 }
 exports.createFontAliasTokens = (0, framework_base_1.memoize)(createFontAliasTokensWorker);
-//# sourceMappingURL=createFontAliasTokens.js.map
+//# sourceMappingURL=createFontAliasTokens.js.map

package/lib-commonjs/createOfficeAliasTokens.d.ts

@@ -4,4 +4,4 @@ export declare const createOfficeColorAliasTokens: typeof createOfficeColorAlias
 declare function createOfficeShadowAliasTokensWorker(officeTheme: string): ThemeShadowDefinition;
 export declare const createOfficeShadowAliasTokens: typeof createOfficeShadowAliasTokensWorker;
 export {};
-//# sourceMappingURL=createOfficeAliasTokens.d.ts.map
+//# sourceMappingURL=createOfficeAliasTokens.d.ts.map

package/lib-commonjs/createOfficeAliasTokens.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createOfficeShadowAliasTokens = exports.createOfficeColorAliasTokens = void 0;
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const theming_utils_1 = require('@fluentui-react-native/theming-utils');
-const getOfficeTokens_1 = require('./getOfficeTokens');
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const getOfficeTokens_1 = require("./getOfficeTokens");
 function createOfficeColorAliasTokensWorker(officeTheme) {
-  const aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)(officeTheme);
-  return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
+    const aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)(officeTheme);
+    return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
 }
 exports.createOfficeColorAliasTokens = (0, framework_base_1.memoize)(createOfficeColorAliasTokensWorker);
 function createOfficeShadowAliasTokensWorker(officeTheme) {
-  const aliasTokens = (0, getOfficeTokens_1.getOfficeShadowTokens)(officeTheme);
-  return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
+    const aliasTokens = (0, getOfficeTokens_1.getOfficeShadowTokens)(officeTheme);
+    return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
 }
 exports.createOfficeShadowAliasTokens = (0, framework_base_1.memoize)(createOfficeShadowAliasTokensWorker);
-//# sourceMappingURL=createOfficeAliasTokens.js.map
+//# sourceMappingURL=createOfficeAliasTokens.js.map

package/lib-commonjs/createOfficeTheme.d.ts

@@ -10,4 +10,4 @@ import type { ThemeOptions } from '@fluentui-react-native/theme-types';
  * @param paletteName - optional specifier for the currently active office palette
  */
 export declare function createOfficeTheme(options?: ThemeOptions): ThemeReference;
-//# sourceMappingURL=createOfficeTheme.d.ts.map
+//# sourceMappingURL=createOfficeTheme.d.ts.map

package/lib-commonjs/createOfficeTheme.js

@@ -1,18 +1,18 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.createOfficeTheme = createOfficeTheme;
-const default_theme_1 = require('@fluentui-react-native/default-theme');
-const theme_1 = require('@fluentui-react-native/theme');
-const createAliasesFromPalette_1 = require('./createAliasesFromPalette');
-const createBrandedThemeWithAlias_1 = require('./createBrandedThemeWithAlias');
-const createOfficeAliasTokens_1 = require('./createOfficeAliasTokens');
-const createPartialOfficeTheme_1 = require('./createPartialOfficeTheme');
-const getThemeTypography_1 = require('./getThemeTypography');
-const getThemingModule_1 = require('./NativeModule/getThemingModule');
-const hostThemeSetting_1 = require('./NativeModule/hostThemeSetting');
+const default_theme_1 = require("@fluentui-react-native/default-theme");
+const theme_1 = require("@fluentui-react-native/theme");
+const createAliasesFromPalette_1 = require("./createAliasesFromPalette");
+const createBrandedThemeWithAlias_1 = require("./createBrandedThemeWithAlias");
+const createOfficeAliasTokens_1 = require("./createOfficeAliasTokens");
+const createPartialOfficeTheme_1 = require("./createPartialOfficeTheme");
+const getThemeTypography_1 = require("./getThemeTypography");
+const getThemingModule_1 = require("./NativeModule/getThemingModule");
+const hostThemeSetting_1 = require("./NativeModule/hostThemeSetting");
 function handlePaletteCall(palette) {
-  const exception = palette;
-  return exception && exception.message !== undefined ? undefined : palette;
+    const exception = palette;
+    return exception && exception.message !== undefined ? undefined : palette;
 }
 /**
  * create a theme reference for an Office win32 theme. This will be based upon the standard
@@ -24,57 +24,48 @@ function handlePaletteCall(palette) {
  * @param paletteName - optional specifier for the currently active office palette
  */
 function createOfficeTheme(options = {}) {
-  const [module, emitter] = (0, getThemingModule_1.getThemingModule)();
-  const ref = { module, emitter, themeName: (0, hostThemeSetting_1.getCurrentHostThemeSetting)() || '' };
-  const { paletteName } = options;
-  const themeRef = new theme_1.ThemeReference(
-    (0, default_theme_1.createDefaultTheme)(options),
-    () => {
-      const name = paletteName || 'WhiteColors';
-      const palette = handlePaletteCall(ref.module.getPalette(name));
-      return (0, createPartialOfficeTheme_1.createPartialOfficeTheme)(module, ref.themeName, palette);
-    },
-    () => {
-      if (!ref.themeName || ref.themeName === '') {
-        return {};
-      }
-      return {
-        shadows: { ...(0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(ref.themeName) },
-        typography: (0, getThemeTypography_1.win32Typography)(),
-      };
-    },
-    () => {
-      if (!ref.themeName || ref.themeName === '') {
-        return {};
-      }
-      return {
-        colors: { ...(0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(ref.themeName) },
-        typography: (0, getThemeTypography_1.win32Typography)(),
-      };
-    },
-    (theme) => {
-      return (0, createBrandedThemeWithAlias_1.createBrandedThemeWithAlias)(ref.themeName, theme);
-    },
-    (theme) => {
-      if (!theme.host.palette) {
-        return {};
-      }
-      return {
-        ...(paletteName !== undefined && {
-          colors: (0, createAliasesFromPalette_1.createAliasesFromPalette)(theme.host.palette, ref.themeName === 'HighContrast'),
-        }),
-        typography: (0, getThemeTypography_1.win32Typography)(),
-      };
-    },
-  );
-  // set up the callback for theme changes on the native side
-  const onPlatformDefaultsChanged = (args) => {
-    ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
-    (0, hostThemeSetting_1.setCurrentHostThemeSetting)(ref.themeName);
-    themeRef.invalidate();
-  };
-  emitter && emitter.addListener('onPlatformDefaultsChanged', onPlatformDefaultsChanged);
-  // now return the theme reference
-  return themeRef;
+    const [module, emitter] = (0, getThemingModule_1.getThemingModule)();
+    const ref = { module, emitter, themeName: (0, hostThemeSetting_1.getCurrentHostThemeSetting)() || '' };
+    const { paletteName } = options;
+    const themeRef = new theme_1.ThemeReference((0, default_theme_1.createDefaultTheme)(options), () => {
+        const name = paletteName || 'WhiteColors';
+        const palette = handlePaletteCall(ref.module.getPalette(name));
+        return (0, createPartialOfficeTheme_1.createPartialOfficeTheme)(module, ref.themeName, palette);
+    }, () => {
+        if (!ref.themeName || ref.themeName === '') {
+            return {};
+        }
+        return {
+            shadows: { ...(0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(ref.themeName) },
+            typography: (0, getThemeTypography_1.win32Typography)(),
+        };
+    }, () => {
+        if (!ref.themeName || ref.themeName === '') {
+            return {};
+        }
+        return {
+            colors: { ...(0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(ref.themeName) },
+            typography: (0, getThemeTypography_1.win32Typography)(),
+        };
+    }, (theme) => {
+        return (0, createBrandedThemeWithAlias_1.createBrandedThemeWithAlias)(ref.themeName, theme);
+    }, (theme) => {
+        if (!theme.host.palette) {
+            return {};
+        }
+        return {
+            ...(paletteName !== undefined && { colors: (0, createAliasesFromPalette_1.createAliasesFromPalette)(theme.host.palette, ref.themeName === 'HighContrast') }),
+            typography: (0, getThemeTypography_1.win32Typography)(),
+        };
+    });
+    // set up the callback for theme changes on the native side
+    const onPlatformDefaultsChanged = (args) => {
+        ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
+        (0, hostThemeSetting_1.setCurrentHostThemeSetting)(ref.themeName);
+        themeRef.invalidate();
+    };
+    emitter && emitter.addListener('onPlatformDefaultsChanged', onPlatformDefaultsChanged);
+    // now return the theme reference
+    return themeRef;
 }
-//# sourceMappingURL=createOfficeTheme.js.map
+//# sourceMappingURL=createOfficeTheme.js.map