@fluentui-react-native/win32-theme 0.25.9 → 0.25.10

package/lib/createBrandedThemeWithAlias.d.ts

@@ -0,0 +1,5 @@
+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

package/lib/createBrandedThemeWithAlias.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBrandedThemeWithAlias.d.ts","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEhG,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,YAAY,CAQzF;AAED,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAoC/G"}

package/lib/createBrandedThemeWithAlias.js

@@ -0,0 +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),
+    };
+}
+export function getCurrentBrandAliasTokens(themeName, appPrimary) {
+    var appColors = getAppColors(appPrimary);
+    var 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') {
+            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;
+}
+//# sourceMappingURL=createBrandedThemeWithAlias.js.map

package/lib/createBrandedThemeWithAlias.js.map

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

package/lib/createFontAliasTokens.d.ts

@@ -0,0 +1,5 @@
+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

package/lib/createFontAliasTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFontAliasTokens.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAKnE,iBAAS,2BAA2B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAGxD;AAED,eAAO,MAAM,qBAAqB,oCAAuC,CAAC"}

package/lib/createFontAliasTokens.js

@@ -0,0 +1,9 @@
+import { memoize } from '@fluentui-react-native/memo-cache';
+import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
+import { getOfficeAliasTokens } from './getOfficeTokens';
+function createFontAliasTokensWorker() {
+    var aliasTokens = getOfficeAliasTokens('Colorful');
+    return mapFontPipelineToTheme(aliasTokens);
+}
+export var createFontAliasTokens = memoize(createFontAliasTokensWorker);
+//# sourceMappingURL=createFontAliasTokens.js.map

package/lib/createFontAliasTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,SAAS,2BAA2B;IAClC,IAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACrD,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC"}

package/lib/createOfficeAliasTokens.d.ts

@@ -0,0 +1,7 @@
+import type { AliasColorTokens, ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
+declare function createOfficeColorAliasTokensWorker(officeTheme: string): AliasColorTokens;
+export declare const createOfficeColorAliasTokens: typeof createOfficeColorAliasTokensWorker;
+declare function createOfficeShadowAliasTokensWorker(officeTheme: string): ThemeShadowDefinition;
+export declare const createOfficeShadowAliasTokens: typeof createOfficeShadowAliasTokensWorker;
+export {};
+//# sourceMappingURL=createOfficeAliasTokens.d.ts.map

package/lib/createOfficeAliasTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOfficeAliasTokens.d.ts","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAKlG,iBAAS,kCAAkC,CAAC,WAAW,EAAE,MAAM,GAAG,gBAAgB,CAGjF;AAED,eAAO,MAAM,4BAA4B,2CAA8C,CAAC;AAExF,iBAAS,mCAAmC,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAGvF;AAED,eAAO,MAAM,6BAA6B,4CAA+C,CAAC"}

package/lib/createOfficeAliasTokens.js

@@ -0,0 +1,14 @@
+import { memoize } from '@fluentui-react-native/memo-cache';
+import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
+import { getOfficeAliasTokens, getOfficeShadowTokens } from './getOfficeTokens';
+function createOfficeColorAliasTokensWorker(officeTheme) {
+    var aliasTokens = getOfficeAliasTokens(officeTheme);
+    return mapPipelineToTheme(aliasTokens);
+}
+export var createOfficeColorAliasTokens = memoize(createOfficeColorAliasTokensWorker);
+function createOfficeShadowAliasTokensWorker(officeTheme) {
+    var aliasTokens = getOfficeShadowTokens(officeTheme);
+    return mapPipelineToShadow(aliasTokens);
+}
+export var createOfficeShadowAliasTokens = memoize(createOfficeShadowAliasTokensWorker);
+//# sourceMappingURL=createOfficeAliasTokens.js.map

package/lib/createOfficeAliasTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEhF,SAAS,kCAAkC,CAAC,WAAmB;IAC7D,IAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAExF,SAAS,mCAAmC,CAAC,WAAmB;IAC9D,IAAM,WAAW,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACvD,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC"}

package/lib/createOfficeTheme.d.ts

@@ -0,0 +1,13 @@
+import { ThemeReference } from '@fluentui-react-native/theme';
+import type { ThemeOptions } from '@fluentui-react-native/theme-types';
+/**
+ * create a theme reference for an Office win32 theme. This will be based upon the standard
+ * fluent defaults but will attempt to use the theming native module to get information about
+ * the office palette.
+ *
+ * This theme will also listen for native changes and reload itself when things change on the native side of things
+ *
+ * @param paletteName - optional specifier for the currently active office palette
+ */
+export declare function createOfficeTheme(options?: ThemeOptions): ThemeReference;
+//# sourceMappingURL=createOfficeTheme.d.ts.map

package/lib/createOfficeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAgB7F;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CAyD5E"}

package/lib/createOfficeTheme.js

@@ -0,0 +1,70 @@
+import { __assign } from "tslib";
+import { createDefaultTheme } from '@fluentui-react-native/default-theme';
+import { ThemeReference } from '@fluentui-react-native/theme';
+import { createAliasesFromPalette } from './createAliasesFromPalette';
+import { createBrandedThemeWithAlias } from './createBrandedThemeWithAlias';
+import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from './createOfficeAliasTokens';
+import { createPartialOfficeTheme } from './createPartialOfficeTheme';
+import { win32Typography } from './getThemeTypography';
+import { getThemingModule } from './NativeModule/getThemingModule';
+import { getCurrentHostThemeSetting, setCurrentHostThemeSetting } from './NativeModule/hostThemeSetting';
+function handlePaletteCall(palette) {
+    var 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
+ * fluent defaults but will attempt to use the theming native module to get information about
+ * the office palette.
+ *
+ * This theme will also listen for native changes and reload itself when things change on the native side of things
+ *
+ * @param paletteName - optional specifier for the currently active office palette
+ */
+export function createOfficeTheme(options) {
+    if (options === void 0) { options = {}; }
+    var _a = getThemingModule(), module = _a[0], emitter = _a[1];
+    var ref = { module: module, emitter: emitter, themeName: getCurrentHostThemeSetting() || '' };
+    var paletteName = options.paletteName;
+    var themeRef = new ThemeReference(createDefaultTheme(options), function () {
+        var name = paletteName || 'WhiteColors';
+        var palette = handlePaletteCall(ref.module.getPalette(name));
+        return createPartialOfficeTheme(module, ref.themeName, palette);
+    }, function () {
+        if (!ref.themeName || ref.themeName === '') {
+            return {};
+        }
+        return {
+            shadows: __assign({}, createOfficeShadowAliasTokens(ref.themeName)),
+            typography: win32Typography(),
+        };
+    }, function () {
+        if (!ref.themeName || ref.themeName === '') {
+            return {};
+        }
+        return {
+            colors: __assign({}, createOfficeColorAliasTokens(ref.themeName)),
+            typography: win32Typography(),
+        };
+    }, function (theme) {
+        return createBrandedThemeWithAlias(ref.themeName, theme);
+    }, function (theme) {
+        if (!theme.host.palette) {
+            return {};
+        }
+        return {
+            colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast'),
+            typography: win32Typography(),
+        };
+    });
+    // set up the callback for theme changes on the native side
+    var onPlatformDefaultsChanged = function (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

package/lib/createOfficeTheme.js.map

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

package/lib/createPartialOfficeTheme.d.ts

@@ -0,0 +1,10 @@
+import type { OfficePalette, PartialTheme } from '@fluentui-react-native/theme-types';
+import type { OfficeThemingModule } from './NativeModule/officeThemingModule';
+/**
+ * create a partial theme with overrides from the office native module
+ *
+ * @param module - theming native module, either the real one or a mock implementation
+ * @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

package/lib/createPartialOfficeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPartialOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createPartialOfficeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAgB9E;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,YAAY,CAc/H"}

package/lib/createPartialOfficeTheme.js

@@ -0,0 +1,25 @@
+import { __assign, __spreadArray } from "tslib";
+import { paletteFromOfficeColors } from './paletteFromOfficeColors';
+var getRamps = function (module) {
+    return Object.keys(module.ramps).reduce(function (total, colorRamp) {
+        return Object.assign.apply(Object, __spreadArray([total], module.rampNames[colorRamp].map(function (rampValueName, index) {
+            var _a;
+            return _a = {}, _a[rampValueName] = module.ramps[colorRamp][index], _a;
+        }), false));
+    }, {});
+};
+/**
+ * create a partial theme with overrides from the office native module
+ *
+ * @param module - theming native module, either the real one or a mock implementation
+ * @param palette - Office palette colors, if they have been successfully retrieved
+ */
+export function createPartialOfficeTheme(module, themeName, palette) {
+    return __assign({ colors: __assign({}, (palette && paletteFromOfficeColors(palette))), typography: module.fluentTypography, host: {
+            // Office Semantic Colors
+            palette: palette || {},
+            // Office Branding Colors
+            colors: getRamps(module),
+        } }, (themeName ? { name: themeName } : undefined));
+}
+//# sourceMappingURL=createPartialOfficeTheme.js.map

package/lib/createPartialOfficeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPartialOfficeTheme.js","sourceRoot":"","sources":["../src/createPartialOfficeTheme.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,IAAM,QAAQ,GAAG,UAAC,MAA2B;IAC3C,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAS,UAAC,KAAa,EAAE,SAAiB;QAC/E,OAAO,MAAM,CAAC,MAAM,OAAb,MAAM,iBACX,KAAK,GACF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAC,aAAqB,EAAE,KAAa;;YACtE,gBAAS,GAAC,aAAa,IAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,KAAG;QAC7D,CAAC,CAAC,UACF;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAA2B,EAAE,SAAkB,EAAE,OAAuB;IAC/G,kBACE,MAAM,eACD,CAAC,OAAO,IAAI,uBAAuB,CAAC,OAAO,CAAC,CAAC,GAElD,UAAU,EAAE,MAAM,CAAC,gBAAgB,EACnC,IAAI,EAAE;YACJ,yBAAyB;YACzB,OAAO,EAAE,OAAO,IAAI,EAAE;YACtB,yBAAyB;YACzB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;SACzB,IACE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAChD;AACJ,CAAC"}

package/lib/getOfficeTokens.d.ts

@@ -0,0 +1,377 @@
+export declare function getOfficeAliasTokens(officeTheme: string): any;
+export declare function getOfficeShadowTokens(officeTheme: string): {
+    shadow16: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadow2: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadow28: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadow4: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadow64: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadow8: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadowBrand16: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadowBrand2: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadowBrand28: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadowBrand4: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadowBrand64: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+    shadowBrand8: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    }[];
+} | {
+    body1: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    body1Strong: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    body2: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    body2Strong: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    brandBackground: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    brandBackground2: {
+        fillColorRest: string;
+    };
+    brandBackgroundStatic: {
+        fillColorRest: string;
+    };
+    brandForeground1: {
+        fillColorRest: string;
+    };
+    brandForeground2: {
+        fillColorRest: string;
+    };
+    brandForegroundLink: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    brandStroke1: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    brandStroke2: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    caption1: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    compoundBrandBackground1: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+    };
+    compoundBrandForeground1: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+    };
+    compoundBrandStroke1: {
+        strokeColorRest: string;
+        strokeColorHover: string;
+        strokeColorPressed: string;
+        strokeWidth: number;
+    };
+    display: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    largeTitle: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    neutralBackground1: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralBackground2: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralBackground3: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralBackground4: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralBackground5: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralBackground6: {
+        fillColorRest: string;
+    };
+    neutralBackgroundDisabled: {
+        fillColorRest: string;
+    };
+    neutralBackgroundInverted: {
+        fillColorRest: string;
+    };
+    neutralForeground1: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralForeground2: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorBrandHover: string;
+        fillColorBrandPressed: string;
+        fillColorBrandSelected: string;
+        fillColorSelected: string;
+    };
+    neutralForeground3: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorBrandHover: string;
+        fillColorBrandPressed: string;
+        fillColorBrandSelected: string;
+        fillColorSelected: string;
+    };
+    neutralForeground4: {
+        fillColorRest: string;
+    };
+    neutralForegroundDisabled: {
+        fillColorRest: string;
+    };
+    neutralForegroundInverted: {
+        fillColorRest: string;
+    };
+    neutralForegroundInvertedLink: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralForegroundOnBrand: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    neutralStencil1: {
+        fillColorRest: string;
+    };
+    neutralStencil2: {
+        fillColorRest: string;
+    };
+    neutralStroke1: {
+        strokeColorRest: string;
+        strokeColorHover: string;
+        strokeColorPressed: string;
+        strokeColorSelected: string;
+        strokeWidth: number;
+    };
+    neutralStroke2: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    neutralStroke3: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    neutralStrokeAccessible: {
+        strokeColorRest: string;
+        strokeColorHover: string;
+        strokeColorPressed: string;
+        strokeColorSelected: string;
+        strokeWidth: number;
+    };
+    neutralStrokeDisabled: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    redBackground1: {
+        fillColorRest: string;
+    };
+    redBackground2: {
+        fillColorRest: string;
+    };
+    redBackground3: {
+        fillColorRest: string;
+    };
+    redBorder1: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    redBorder2: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    redBorderActive: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    redForeground1: {
+        fillColorRest: string;
+    };
+    redForeground2: {
+        fillColorRest: string;
+    };
+    redForeground3: {
+        fillColorRest: string;
+    };
+    strokeFocus1: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    strokeFocus2: {
+        strokeColorRest: string;
+        strokeWidth: number;
+    };
+    subtitle1: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    subtitle1Strong: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    subtitle2: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    subtitle2Strong: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    subtleBackground: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    title1: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    title1Strong: {
+        fontFamily: string;
+        fontLineHeight: number;
+        fontSize: number;
+        fontWeight: string;
+    };
+    transparentBackground: {
+        fillColorRest: string;
+        fillColorHover: string;
+        fillColorPressed: string;
+        fillColorSelected: string;
+    };
+    transparentStroke: {
+        strokeAlignment: string;
+        strokeColorRest: string;
+        strokeColorHover: string;
+        strokeColorPressed: string;
+        strokeColorDisabled: string;
+        strokeWidth: number;
+    };
+};
+//# sourceMappingURL=getOfficeTokens.d.ts.map

package/lib/getOfficeTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOfficeTokens.d.ts","sourceRoot":"","sources":["../src/getOfficeTokens.ts"],"names":[],"mappings":"AAUA,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,OAYvD;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYxD"}