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

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

@@ -9,71 +9,71 @@ import { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from '../N
 const officeThemes = ['White', 'Colorful', 'DarkGray', 'Black', 'HighContrast'];
 const appPrimaries = ['#185abd', '#107c41', '#d83b01', '#80397b', '#0078d4', '#c43e1c'];
 it('win32Typography test', () => {
-  expect(win32Typography).toMatchSnapshot();
+    expect(win32Typography).toMatchSnapshot();
 });
 it('fallbackOfficeModule test', () => {
-  expect(fallbackOfficeModule).toMatchSnapshot();
-  expect(fallbackOfficeModule.getConstants()).toMatchSnapshot();
+    expect(fallbackOfficeModule).toMatchSnapshot();
+    expect(fallbackOfficeModule.getConstants()).toMatchSnapshot();
 });
 it('getThemingModule test', () => {
-  const themingModule = getThemingModule();
-  expect(themingModule).toMatchSnapshot();
-  expect(themingModule[0].getConstants()).toMatchSnapshot();
+    const themingModule = getThemingModule();
+    expect(themingModule).toMatchSnapshot();
+    expect(themingModule[0].getConstants()).toMatchSnapshot();
 });
 it('createPartialOfficeTheme test', () => {
-  const themingModule = getThemingModule();
-  const partialOfficeTheme = createPartialOfficeTheme(themingModule[0]);
-  expect(partialOfficeTheme).toMatchSnapshot;
+    const themingModule = getThemingModule();
+    const partialOfficeTheme = createPartialOfficeTheme(themingModule[0]);
+    expect(partialOfficeTheme).toMatchSnapshot;
 });
 it('createFontAliasTokens test', () => {
-  const fontAliasToken = createFontAliasTokens();
-  expect(fontAliasToken).toMatchSnapshot();
+    const fontAliasToken = createFontAliasTokens();
+    expect(fontAliasToken).toMatchSnapshot();
 });
 it('createOfficeTheme test', () => {
-  const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
-  expect(officeTheme).toMatchSnapshot();
+    const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
+    expect(officeTheme).toMatchSnapshot();
 });
 it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', async (themeName) => {
-  setCurrentHostThemeSetting('Colorful');
-  const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
-  const brandedTheme = createBrandedThemeWithAlias(themeName, officeTheme);
-  expect(brandedTheme).toMatchSnapshot();
+    setCurrentHostThemeSetting('Colorful');
+    const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
+    const brandedTheme = createBrandedThemeWithAlias(themeName, officeTheme);
+    expect(brandedTheme).toMatchSnapshot();
 });
 it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', async (themeName) => {
-  const colorAliasToken = createOfficeColorAliasTokens(themeName);
-  expect(colorAliasToken).toMatchSnapshot();
+    const colorAliasToken = createOfficeColorAliasTokens(themeName);
+    expect(colorAliasToken).toMatchSnapshot();
 });
 it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', async (themeName) => {
-  const shadowAliasToken = createOfficeShadowAliasTokens(themeName);
-  expect(shadowAliasToken).toMatchSnapshot();
+    const shadowAliasToken = createOfficeShadowAliasTokens(themeName);
+    expect(shadowAliasToken).toMatchSnapshot();
 });
 describe('fallbackGetPalette test', () => {
-  it('TaskPane palette', () => {
-    const fallbackPalette = 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 = fallbackGetPalette('RedColors');
-    expect(fallbackPalette).toMatchSnapshot();
-  });
+    it('TaskPane palette', () => {
+        const fallbackPalette = 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 = fallbackGetPalette('RedColors');
+        expect(fallbackPalette).toMatchSnapshot();
+    });
 });
 describe('getCurrentBrandAliasTokens test', () => {
-  it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary) => {
-    const brandAliasTokens = getCurrentBrandAliasTokens('White', appPrimary);
-    expect(brandAliasTokens).toMatchSnapshot();
-  });
-  it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary) => {
-    const brandAliasTokens = 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 = getCurrentBrandAliasTokens(null, appPrimary);
-    expect(brandAliasTokens).toMatchSnapshot();
-  });
+    it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary) => {
+        const brandAliasTokens = getCurrentBrandAliasTokens('White', appPrimary);
+        expect(brandAliasTokens).toMatchSnapshot();
+    });
+    it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary) => {
+        const brandAliasTokens = 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 = getCurrentBrandAliasTokens(null, appPrimary);
+        expect(brandAliasTokens).toMatchSnapshot();
+    });
 });
-//# sourceMappingURL=win32-theme.test.js.map
+//# sourceMappingURL=win32-theme.test.js.map

package/lib/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/createAliasesFromPalette.js

@@ -1,58 +1,58 @@
 export 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/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/createBrandedThemeWithAlias.js

@@ -1,64 +1,69 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export 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),
+    };
 }
 export 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 globalTokens.color.word;
-    } else if (primaryColor.toLowerCase() === '#107c41') {
-      return globalTokens.color.excel;
-    } else if (primaryColor.toLowerCase() === '#d83b01') {
-      return globalTokens.color.office;
-    } else if (primaryColor.toLowerCase() === '#80397b' || primaryColor.toLowerCase() === '#7719aa') {
-      return globalTokens.color.oneNote;
-    } else if (primaryColor.toLowerCase() === '#0078d4') {
-      return globalTokens.color.outlook;
-    } else if (primaryColor.toLowerCase() === '#c43e1c') {
-      return globalTokens.color.powerPoint;
+    if (typeof primaryColor === 'string') {
+        if (primaryColor.toLowerCase() === '#185abd') {
+            return globalTokens.color.word;
+        }
+        else if (primaryColor.toLowerCase() === '#107c41') {
+            return globalTokens.color.excel;
+        }
+        else if (primaryColor.toLowerCase() === '#d83b01') {
+            return globalTokens.color.office;
+        }
+        else if (primaryColor.toLowerCase() === '#80397b' || primaryColor.toLowerCase() === '#7719aa') {
+            return globalTokens.color.oneNote;
+        }
+        else if (primaryColor.toLowerCase() === '#0078d4') {
+            return globalTokens.color.outlook;
+        }
+        else if (primaryColor.toLowerCase() === '#c43e1c') {
+            return globalTokens.color.powerPoint;
+        }
     }
-  }
-  return globalTokens.color.brand;
+    return globalTokens.color.brand;
 }
-//# sourceMappingURL=createBrandedThemeWithAlias.js.map
+//# sourceMappingURL=createBrandedThemeWithAlias.js.map

package/lib/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/createFontAliasTokens.js

@@ -2,8 +2,8 @@ import { memoize } from '@fluentui-react-native/framework-base';
 import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
 import { getOfficeAliasTokens } from './getOfficeTokens';
 function createFontAliasTokensWorker() {
-  const aliasTokens = getOfficeAliasTokens('Colorful');
-  return mapFontPipelineToTheme(aliasTokens);
+    const aliasTokens = getOfficeAliasTokens('Colorful');
+    return mapFontPipelineToTheme(aliasTokens);
 }
 export const createFontAliasTokens = memoize(createFontAliasTokensWorker);
-//# sourceMappingURL=createFontAliasTokens.js.map
+//# sourceMappingURL=createFontAliasTokens.js.map

package/lib/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/createOfficeAliasTokens.js

@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/framework-base';
 import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
 import { getOfficeAliasTokens, getOfficeShadowTokens } from './getOfficeTokens';
 function createOfficeColorAliasTokensWorker(officeTheme) {
-  const aliasTokens = getOfficeAliasTokens(officeTheme);
-  return mapPipelineToTheme(aliasTokens);
+    const aliasTokens = getOfficeAliasTokens(officeTheme);
+    return mapPipelineToTheme(aliasTokens);
 }
 export const createOfficeColorAliasTokens = memoize(createOfficeColorAliasTokensWorker);
 function createOfficeShadowAliasTokensWorker(officeTheme) {
-  const aliasTokens = getOfficeShadowTokens(officeTheme);
-  return mapPipelineToShadow(aliasTokens);
+    const aliasTokens = getOfficeShadowTokens(officeTheme);
+    return mapPipelineToShadow(aliasTokens);
 }
 export const createOfficeShadowAliasTokens = memoize(createOfficeShadowAliasTokensWorker);
-//# sourceMappingURL=createOfficeAliasTokens.js.map
+//# sourceMappingURL=createOfficeAliasTokens.js.map

package/lib/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/createOfficeTheme.js

@@ -8,8 +8,8 @@ import { win32Typography } from './getThemeTypography';
 import { getThemingModule } from './NativeModule/getThemingModule';
 import { getCurrentHostThemeSetting, setCurrentHostThemeSetting } from './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
@@ -21,55 +21,48 @@ function handlePaletteCall(palette) {
  * @param paletteName - optional specifier for the currently active office palette
  */
 export function createOfficeTheme(options = {}) {
-  const [module, emitter] = getThemingModule();
-  const ref = { module, emitter, themeName: getCurrentHostThemeSetting() || '' };
-  const { paletteName } = options;
-  const themeRef = new ThemeReference(
-    createDefaultTheme(options),
-    () => {
-      const name = paletteName || 'WhiteColors';
-      const palette = handlePaletteCall(ref.module.getPalette(name));
-      return createPartialOfficeTheme(module, ref.themeName, palette);
-    },
-    () => {
-      if (!ref.themeName || ref.themeName === '') {
-        return {};
-      }
-      return {
-        shadows: { ...createOfficeShadowAliasTokens(ref.themeName) },
-        typography: win32Typography(),
-      };
-    },
-    () => {
-      if (!ref.themeName || ref.themeName === '') {
-        return {};
-      }
-      return {
-        colors: { ...createOfficeColorAliasTokens(ref.themeName) },
-        typography: win32Typography(),
-      };
-    },
-    (theme) => {
-      return createBrandedThemeWithAlias(ref.themeName, theme);
-    },
-    (theme) => {
-      if (!theme.host.palette) {
-        return {};
-      }
-      return {
-        ...(paletteName !== undefined && { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') }),
-        typography: win32Typography(),
-      };
-    },
-  );
-  // set up the callback for theme changes on the native side
-  const onPlatformDefaultsChanged = (args) => {
-    ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
-    setCurrentHostThemeSetting(ref.themeName);
-    themeRef.invalidate();
-  };
-  emitter && emitter.addListener('onPlatformDefaultsChanged', onPlatformDefaultsChanged);
-  // now return the theme reference
-  return themeRef;
+    const [module, emitter] = getThemingModule();
+    const ref = { module, emitter, themeName: getCurrentHostThemeSetting() || '' };
+    const { paletteName } = options;
+    const themeRef = new ThemeReference(createDefaultTheme(options), () => {
+        const name = paletteName || 'WhiteColors';
+        const palette = handlePaletteCall(ref.module.getPalette(name));
+        return createPartialOfficeTheme(module, ref.themeName, palette);
+    }, () => {
+        if (!ref.themeName || ref.themeName === '') {
+            return {};
+        }
+        return {
+            shadows: { ...createOfficeShadowAliasTokens(ref.themeName) },
+            typography: win32Typography(),
+        };
+    }, () => {
+        if (!ref.themeName || ref.themeName === '') {
+            return {};
+        }
+        return {
+            colors: { ...createOfficeColorAliasTokens(ref.themeName) },
+            typography: win32Typography(),
+        };
+    }, (theme) => {
+        return createBrandedThemeWithAlias(ref.themeName, theme);
+    }, (theme) => {
+        if (!theme.host.palette) {
+            return {};
+        }
+        return {
+            ...(paletteName !== undefined && { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') }),
+            typography: win32Typography(),
+        };
+    });
+    // set up the callback for theme changes on the native side
+    const onPlatformDefaultsChanged = (args) => {
+        ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
+        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

package/lib/createPartialOfficeTheme.d.ts

@@ -7,4 +7,4 @@ import type { OfficeThemingModule } from './NativeModule/officeThemingModule';
  * @param palette - Office palette colors, if they have been successfully retrieved
  */
 export declare function createPartialOfficeTheme(module: OfficeThemingModule, themeName?: string, palette?: OfficePalette): PartialTheme;
-//# sourceMappingURL=createPartialOfficeTheme.d.ts.map
+//# sourceMappingURL=createPartialOfficeTheme.d.ts.map

package/lib/createPartialOfficeTheme.js

@@ -1,13 +1,10 @@
 import { paletteFromOfficeColors } from './paletteFromOfficeColors';
 const getRamps = (module) => {
-  return Object.keys(module.getConstants().ramps).reduce((total, colorRamp) => {
-    return Object.assign(
-      total,
-      ...module.getConstants().rampNames[colorRamp].map((rampValueName, index) => {
-        return { [rampValueName]: module.getConstants().ramps[colorRamp][index] };
-      }),
-    );
-  }, {});
+    return Object.keys(module.getConstants().ramps).reduce((total, colorRamp) => {
+        return Object.assign(total, ...module.getConstants().rampNames[colorRamp].map((rampValueName, index) => {
+            return { [rampValueName]: module.getConstants().ramps[colorRamp][index] };
+        }));
+    }, {});
 };
 /**
  * create a partial theme with overrides from the office native module
@@ -16,18 +13,18 @@ const getRamps = (module) => {
  * @param palette - Office palette colors, if they have been successfully retrieved
  */
 export function createPartialOfficeTheme(module, themeName, palette) {
-  return {
-    colors: {
-      ...(palette && paletteFromOfficeColors(palette)),
-    },
-    typography: module.getConstants().fluentTypography,
-    host: {
-      // Office Semantic Colors
-      palette: palette || {},
-      // Office Branding Colors
-      colors: getRamps(module),
-    },
-    ...(themeName ? { name: themeName } : undefined),
-  };
+    return {
+        colors: {
+            ...(palette && paletteFromOfficeColors(palette)),
+        },
+        typography: module.getConstants().fluentTypography,
+        host: {
+            // Office Semantic Colors
+            palette: palette || {},
+            // Office Branding Colors
+            colors: getRamps(module),
+        },
+        ...(themeName ? { name: themeName } : undefined),
+    };
 }
-//# sourceMappingURL=createPartialOfficeTheme.js.map
+//# sourceMappingURL=createPartialOfficeTheme.js.map