@fluentui-react-native/win32-theme 0.16.3 → 0.18.0

package/src/getThemeTypography.ts

@@ -0,0 +1,38 @@
+import { Typography, Variants } from '@fluentui-react-native/theme-types';
+import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
+import { createFontAliasTokens } from './createFontAliasTokens';
+
+export function win32Typography(): Typography {
+  const win32Dict = {
+    sizes: defaultFluentTheme.typography.sizes,
+    weights: defaultFluentTheme.typography.weights,
+    // hard coded until we support new fontFamily format
+    families: {
+      primary: 'Segoe UI',
+      secondary: 'Segoe UI Semibold',
+      cursive: 'System',
+      monospace: 'Consolas',
+      sansSerif: 'System',
+      serif: 'System',
+      numeric: 'Bahnschrift',
+    },
+    variants: {
+      captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
+      secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
+      secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
+      bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
+      bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
+      subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
+      subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
+      headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
+      headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
+      heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
+      heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
+      heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
+      heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
+      ...createFontAliasTokens(),
+    } as Variants,
+  };
+
+  return win32Dict;
+}

package/src/index.ts

@@ -11,5 +11,7 @@ export type {
   PlatformDefaultsChangedCallback,
 } from './NativeModule/index';
 export { paletteFromOfficeColors } from './paletteFromOfficeColors';
-export { createOfficeAliasTokens } from './createOfficeAliasTokens';
+export { createOfficeColorAliasTokens as createOfficeAliasTokens } from './createOfficeAliasTokens';
+export { createFontAliasTokens } from './createFontAliasTokens';
 export { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from './createBrandedThemeWithAlias';
+export { win32Typography } from './getThemeTypography';

package/lib/getOfficeAliasTokens.d.ts

@@ -1,2 +0,0 @@
-export declare function getOfficeAliasTokens(officeTheme: string): any;
-//# sourceMappingURL=getOfficeAliasTokens.d.ts.map

package/lib/getOfficeAliasTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOfficeAliasTokens.d.ts","sourceRoot":"","sources":["../src/getOfficeAliasTokens.ts"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,OAYvD"}

package/lib/getOfficeAliasTokens.js

@@ -1,20 +0,0 @@
-import colorfulAliasTokens from '@fluentui-react-native/design-tokens-win32/colorful/tokens-aliases.json';
-import darkGrayAliasTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json';
-import blackAliasTokens from '@fluentui-react-native/design-tokens-win32/black/tokens-aliases.json';
-import { hcAliasTokens } from './highContrast/tokens-alias';
-export function getOfficeAliasTokens(officeTheme) {
-    if (officeTheme === 'White' || officeTheme === 'Colorful') {
-        return colorfulAliasTokens;
-    }
-    else if (officeTheme === 'DarkGray') {
-        return darkGrayAliasTokens;
-    }
-    else if (officeTheme === 'Black') {
-        return blackAliasTokens;
-    }
-    else if (officeTheme === 'HighContrast') {
-        return hcAliasTokens;
-    }
-    return colorfulAliasTokens;
-}
-//# sourceMappingURL=getOfficeAliasTokens.js.map

package/lib/getOfficeAliasTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOfficeAliasTokens.js","sourceRoot":"","sources":["../src/getOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,yEAAyE,CAAC;AAC1G,OAAO,mBAAmB,MAAM,yEAAyE,CAAC;AAC1G,OAAO,gBAAgB,MAAM,sEAAsE,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,UAAU,EAAE;QACzD,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,WAAW,KAAK,UAAU,EAAE;QACrC,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,WAAW,KAAK,OAAO,EAAE;QAClC,OAAO,gBAAgB,CAAC;KACzB;SAAM,IAAI,WAAW,KAAK,cAAc,EAAE;QACzC,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}

package/lib-commonjs/getOfficeAliasTokens.d.ts

@@ -1,2 +0,0 @@
-export declare function getOfficeAliasTokens(officeTheme: string): any;
-//# sourceMappingURL=getOfficeAliasTokens.d.ts.map

package/lib-commonjs/getOfficeAliasTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOfficeAliasTokens.d.ts","sourceRoot":"","sources":["../src/getOfficeAliasTokens.ts"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,OAYvD"}

package/lib-commonjs/getOfficeAliasTokens.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOfficeAliasTokens = void 0;
-var tslib_1 = require("tslib");
-var tokens_aliases_json_1 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/colorful/tokens-aliases.json"));
-var tokens_aliases_json_2 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json"));
-var tokens_aliases_json_3 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/black/tokens-aliases.json"));
-var tokens_alias_1 = require("./highContrast/tokens-alias");
-function getOfficeAliasTokens(officeTheme) {
-    if (officeTheme === 'White' || officeTheme === 'Colorful') {
-        return tokens_aliases_json_1.default;
-    }
-    else if (officeTheme === 'DarkGray') {
-        return tokens_aliases_json_2.default;
-    }
-    else if (officeTheme === 'Black') {
-        return tokens_aliases_json_3.default;
-    }
-    else if (officeTheme === 'HighContrast') {
-        return tokens_alias_1.hcAliasTokens;
-    }
-    return tokens_aliases_json_1.default;
-}
-exports.getOfficeAliasTokens = getOfficeAliasTokens;
-//# sourceMappingURL=getOfficeAliasTokens.js.map

package/lib-commonjs/getOfficeAliasTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOfficeAliasTokens.js","sourceRoot":"","sources":["../src/getOfficeAliasTokens.ts"],"names":[],"mappings":";;;;AAAA,6IAA0G;AAC1G,6IAA0G;AAC1G,0IAAoG;AACpG,4DAA4D;AAE5D,SAAgB,oBAAoB,CAAC,WAAmB;IACtD,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,UAAU,EAAE;QACzD,OAAO,6BAAmB,CAAC;KAC5B;SAAM,IAAI,WAAW,KAAK,UAAU,EAAE;QACrC,OAAO,6BAAmB,CAAC;KAC5B;SAAM,IAAI,WAAW,KAAK,OAAO,EAAE;QAClC,OAAO,6BAAgB,CAAC;KACzB;SAAM,IAAI,WAAW,KAAK,cAAc,EAAE;QACzC,OAAO,4BAAa,CAAC;KACtB;IAED,OAAO,6BAAmB,CAAC;AAC7B,CAAC;AAZD,oDAYC"}

package/src/getOfficeAliasTokens.ts

@@ -1,18 +0,0 @@
-import colorfulAliasTokens from '@fluentui-react-native/design-tokens-win32/colorful/tokens-aliases.json';
-import darkGrayAliasTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json';
-import blackAliasTokens from '@fluentui-react-native/design-tokens-win32/black/tokens-aliases.json';
-import { hcAliasTokens } from './highContrast/tokens-alias';
-
-export function getOfficeAliasTokens(officeTheme: string) {
-  if (officeTheme === 'White' || officeTheme === 'Colorful') {
-    return colorfulAliasTokens;
-  } else if (officeTheme === 'DarkGray') {
-    return darkGrayAliasTokens;
-  } else if (officeTheme === 'Black') {
-    return blackAliasTokens;
-  } else if (officeTheme === 'HighContrast') {
-    return hcAliasTokens;
-  }
-
-  return colorfulAliasTokens;
-}