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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.json +51 -6
  2. package/CHANGELOG.md +15 -2
  3. package/lib/createFontAliasTokens.d.ts +5 -0
  4. package/lib/createFontAliasTokens.d.ts.map +1 -0
  5. package/lib/createFontAliasTokens.js +9 -0
  6. package/lib/createFontAliasTokens.js.map +1 -0
  7. package/lib/createOfficeTheme.d.ts.map +1 -1
  8. package/lib/createOfficeTheme.js +13 -3
  9. package/lib/createOfficeTheme.js.map +1 -1
  10. package/lib/getThemeTypography.d.ts +3 -0
  11. package/lib/getThemeTypography.d.ts.map +1 -0
  12. package/lib/getThemeTypography.js +22 -0
  13. package/lib/getThemeTypography.js.map +1 -0
  14. package/lib/index.d.ts +2 -0
  15. package/lib/index.d.ts.map +1 -1
  16. package/lib/index.js +2 -0
  17. package/lib/index.js.map +1 -1
  18. package/lib-commonjs/createFontAliasTokens.d.ts +5 -0
  19. package/lib-commonjs/createFontAliasTokens.d.ts.map +1 -0
  20. package/lib-commonjs/createFontAliasTokens.js +12 -0
  21. package/lib-commonjs/createFontAliasTokens.js.map +1 -0
  22. package/lib-commonjs/createOfficeTheme.d.ts.map +1 -1
  23. package/lib-commonjs/createOfficeTheme.js +13 -3
  24. package/lib-commonjs/createOfficeTheme.js.map +1 -1
  25. package/lib-commonjs/getThemeTypography.d.ts +3 -0
  26. package/lib-commonjs/getThemeTypography.d.ts.map +1 -0
  27. package/lib-commonjs/getThemeTypography.js +26 -0
  28. package/lib-commonjs/getThemeTypography.js.map +1 -0
  29. package/lib-commonjs/index.d.ts +2 -0
  30. package/lib-commonjs/index.d.ts.map +1 -1
  31. package/lib-commonjs/index.js +5 -1
  32. package/lib-commonjs/index.js.map +1 -1
  33. package/package.json +6 -6
  34. package/src/createFontAliasTokens.ts +11 -0
  35. package/src/createOfficeTheme.ts +13 -3
  36. package/src/getThemeTypography.ts +38 -0
  37. package/src/index.ts +2 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,52 @@
2
2
  "name": "@fluentui-react-native/win32-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 21 May 2022 01:46:24 GMT",
5
+ "date": "Tue, 24 May 2022 16:52:57 GMT",
6
+ "tag": "@fluentui-react-native/win32-theme_v0.18.0",
7
+ "version": "0.18.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "email not defined",
12
+ "package": "@fluentui-react-native/win32-theme",
13
+ "commit": "18480e3fdf2038a34147995f413a45d14f012a73",
14
+ "comment": "Add text implementation v2"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/win32-theme",
19
+ "comment": "Bump @fluentui-react-native/default-theme to v0.12.0",
20
+ "commit": "5bd1914cdd4f6afd58debbd904a5e0fa99c42fab"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/win32-theme",
25
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.17.0",
26
+ "commit": "5bd1914cdd4f6afd58debbd904a5e0fa99c42fab"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/win32-theme",
31
+ "comment": "Bump @fluentui-react-native/theme-types to v0.16.0",
32
+ "commit": "5bd1914cdd4f6afd58debbd904a5e0fa99c42fab"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/win32-theme",
37
+ "comment": "Bump @fluentui-react-native/theme to v0.6.10",
38
+ "commit": "5bd1914cdd4f6afd58debbd904a5e0fa99c42fab"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui-react-native/win32-theme",
43
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.12.0",
44
+ "commit": "5bd1914cdd4f6afd58debbd904a5e0fa99c42fab"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Sat, 21 May 2022 01:47:58 GMT",
6
51
  "tag": "@fluentui-react-native/win32-theme_v0.17.0",
7
52
  "version": "0.17.0",
8
53
  "comments": {
@@ -17,31 +62,31 @@
17
62
  "author": "beachball",
18
63
  "package": "@fluentui-react-native/win32-theme",
19
64
  "comment": "Bump @fluentui-react-native/default-theme to v0.11.0",
20
- "commit": "5c1efc2232601998fc0dd0bb1607e7ffafbe5613"
65
+ "commit": "36ea0d81629f9326eb8c23912d9949381014dade"
21
66
  },
22
67
  {
23
68
  "author": "beachball",
24
69
  "package": "@fluentui-react-native/win32-theme",
25
70
  "comment": "Bump @fluentui-react-native/theme-tokens to v0.16.3",
26
- "commit": "5c1efc2232601998fc0dd0bb1607e7ffafbe5613"
71
+ "commit": "36ea0d81629f9326eb8c23912d9949381014dade"
27
72
  },
28
73
  {
29
74
  "author": "beachball",
30
75
  "package": "@fluentui-react-native/win32-theme",
31
76
  "comment": "Bump @fluentui-react-native/theme-types to v0.15.0",
32
- "commit": "5c1efc2232601998fc0dd0bb1607e7ffafbe5613"
77
+ "commit": "36ea0d81629f9326eb8c23912d9949381014dade"
33
78
  },
34
79
  {
35
80
  "author": "beachball",
36
81
  "package": "@fluentui-react-native/win32-theme",
37
82
  "comment": "Bump @fluentui-react-native/theme to v0.6.9",
38
- "commit": "5c1efc2232601998fc0dd0bb1607e7ffafbe5613"
83
+ "commit": "36ea0d81629f9326eb8c23912d9949381014dade"
39
84
  },
40
85
  {
41
86
  "author": "beachball",
42
87
  "package": "@fluentui-react-native/win32-theme",
43
88
  "comment": "Bump @fluentui-react-native/theming-utils to v0.11.0",
44
- "commit": "5c1efc2232601998fc0dd0bb1607e7ffafbe5613"
89
+ "commit": "36ea0d81629f9326eb8c23912d9949381014dade"
45
90
  }
46
91
  ]
47
92
  }
package/CHANGELOG.md CHANGED
@@ -1,12 +1,25 @@
1
1
  # Change Log - @fluentui-react-native/win32-theme
2
2
 
3
- This log was last generated on Sat, 21 May 2022 01:46:24 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 24 May 2022 16:52:57 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.18.0
8
+
9
+ Tue, 24 May 2022 16:52:57 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Add text implementation v2 (email not defined)
14
+ - Bump @fluentui-react-native/default-theme to v0.12.0
15
+ - Bump @fluentui-react-native/theme-tokens to v0.17.0
16
+ - Bump @fluentui-react-native/theme-types to v0.16.0
17
+ - Bump @fluentui-react-native/theme to v0.6.10
18
+ - Bump @fluentui-react-native/theming-utils to v0.12.0
19
+
7
20
  ## 0.17.0
8
21
 
9
- Sat, 21 May 2022 01:46:24 GMT
22
+ Sat, 21 May 2022 01:47:58 GMT
10
23
 
11
24
  ### Minor changes
12
25
 
@@ -0,0 +1,5 @@
1
+ import { Variants } from '@fluentui-react-native/theme-types';
2
+ declare function createFontAliasTokensWorker(): Partial<Variants>;
3
+ export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
4
+ export {};
5
+ //# sourceMappingURL=createFontAliasTokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createFontAliasTokens.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,iBAAS,2BAA2B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAGxD;AAED,eAAO,MAAM,qBAAqB,oCAAuC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { getOfficeAliasTokens } from './getOfficeTokens';
2
+ import { memoize } from '@fluentui-react-native/memo-cache';
3
+ import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
4
+ function createFontAliasTokensWorker() {
5
+ var aliasTokens = getOfficeAliasTokens('Colorful');
6
+ return mapFontPipelineToTheme(aliasTokens);
7
+ }
8
+ export var createFontAliasTokens = memoize(createFontAliasTokensWorker);
9
+ //# sourceMappingURL=createFontAliasTokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"createOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9D,OAAO,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAWxF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CA+C5E"}
1
+ {"version":3,"file":"createOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9D,OAAO,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAYxF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CAwD5E"}
@@ -6,6 +6,7 @@ import { createPartialOfficeTheme } from './createPartialOfficeTheme';
6
6
  import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from './createOfficeAliasTokens';
7
7
  import { createBrandedThemeWithAlias } from './createBrandedThemeWithAlias';
8
8
  import { createAliasesFromPalette } from './createAliasesFromPalette';
9
+ import { win32Typography } from './getThemeTypography';
9
10
  function handlePaletteCall(palette) {
10
11
  var exception = palette;
11
12
  return exception && exception.message !== undefined ? undefined : palette;
@@ -32,19 +33,28 @@ export function createOfficeTheme(options) {
32
33
  if (!ref.themeName || ref.themeName === '') {
33
34
  return {};
34
35
  }
35
- return { shadows: __assign({}, createOfficeShadowAliasTokens(ref.themeName)) };
36
+ return {
37
+ shadows: __assign({}, createOfficeShadowAliasTokens(ref.themeName)),
38
+ typography: win32Typography(),
39
+ };
36
40
  }, function () {
37
41
  if (!ref.themeName || ref.themeName === '') {
38
42
  return {};
39
43
  }
40
- return { colors: __assign({}, createOfficeColorAliasTokens(ref.themeName)) };
44
+ return {
45
+ colors: __assign({}, createOfficeColorAliasTokens(ref.themeName)),
46
+ typography: win32Typography(),
47
+ };
41
48
  }, function (theme) {
42
49
  return createBrandedThemeWithAlias(ref.themeName, theme);
43
50
  }, function (theme) {
44
51
  if (!theme.host.palette) {
45
52
  return {};
46
53
  }
47
- return { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') };
54
+ return {
55
+ colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast'),
56
+ typography: win32Typography(),
57
+ };
48
58
  });
49
59
  // set up the callback for theme changes on the native side
50
60
  var onPlatformDefaultsChanged = function (args) {
@@ -1 +1 @@
1
- {"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,SAAS,iBAAiB,CAAC,OAAqC;IAC9D,IAAM,SAAS,GAAG,OAAuB,CAAC;IAC1C,OAAO,SAAS,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,OAAyB,CAAC;AAC/F,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IACpD,IAAA,KAAoB,gBAAgB,EAAE,EAArC,MAAM,QAAA,EAAE,OAAO,QAAsB,CAAC;IAC7C,IAAM,GAAG,GAAG,EAAE,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,SAAS,EAAE,MAAM,CAAC,uBAAuB,IAAI,EAAE,EAAE,CAAC;IACzE,IAAA,WAAW,GAAK,OAAO,YAAZ,CAAa;IAEhC,IAAM,QAAQ,GAAG,IAAI,cAAc,CACjC,kBAAkB,CAAC,OAAO,CAAC,EAC3B;QACE,IAAM,IAAI,GAAG,WAAW,IAAI,aAAa,CAAC;QAC1C,IAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,OAAO,wBAAwB,CAAC,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,EACD;QACE,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE;YAC1C,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,OAAO,eAAO,6BAA6B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAE,EAAE,CAAC;IAC1E,CAAC,EACD;QACE,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE;YAC1C,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,MAAM,eAAO,4BAA4B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAE,EAAE,CAAC;IACxE,CAAC,EACD,UAAC,KAAY;QACX,OAAO,2BAA2B,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC,EACD,UAAC,KAAY;QACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACvB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,MAAM,EAAE,wBAAwB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,SAAS,KAAK,cAAc,CAAC,EAAE,CAAC;IACpG,CAAC,CACF,CAAC;IAEF,2DAA2D;IAC3D,IAAM,yBAAyB,GAAG,UAAC,IAAiC;QAClE,GAAG,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC;QACjE,QAAQ,CAAC,UAAU,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,yBAAyB,CAAC,CAAC;IAEvF,iCAAiC;IACjC,OAAO,QAAQ,CAAC;AAClB,CAAC"}
1
+ {"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { Typography } from '@fluentui-react-native/theme-types';
2
+ export declare function win32Typography(): Typography;
3
+ //# sourceMappingURL=getThemeTypography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getThemeTypography.d.ts","sourceRoot":"","sources":["../src/getThemeTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAI1E,wBAAgB,eAAe,IAAI,UAAU,CAiC5C"}
@@ -0,0 +1,22 @@
1
+ import { __assign } from "tslib";
2
+ import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
3
+ import { createFontAliasTokens } from './createFontAliasTokens';
4
+ export function win32Typography() {
5
+ var win32Dict = {
6
+ sizes: defaultFluentTheme.typography.sizes,
7
+ weights: defaultFluentTheme.typography.weights,
8
+ // hard coded until we support new fontFamily format
9
+ families: {
10
+ primary: 'Segoe UI',
11
+ secondary: 'Segoe UI Semibold',
12
+ cursive: 'System',
13
+ monospace: 'Consolas',
14
+ sansSerif: 'System',
15
+ serif: 'System',
16
+ numeric: 'Bahnschrift',
17
+ },
18
+ variants: __assign({ 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()),
19
+ };
20
+ return win32Dict;
21
+ }
22
+ //# sourceMappingURL=getThemeTypography.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getThemeTypography.js","sourceRoot":"","sources":["../src/getThemeTypography.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,UAAU,eAAe;IAC7B,IAAM,SAAS,GAAG;QAChB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,KAAK;QAC1C,OAAO,EAAE,kBAAkB,CAAC,UAAU,CAAC,OAAO;QAC9C,oDAAoD;QACpD,QAAQ,EAAE;YACR,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,mBAAmB;YAC9B,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,UAAU;YACrB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,aAAa;SACvB;QACD,QAAQ,EAAE,WACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7E,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,EACnE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7E,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EACtE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,EACvE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,EACnE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,IAC1E,qBAAqB,EAAE,CACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
package/lib/index.d.ts CHANGED
@@ -4,5 +4,7 @@ export { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from './Na
4
4
  export type { CxxException, IEventEmitter, NativeColorNames, NativeColorRamps, OfficeThemingModule, PlatformDefaultsChangedArgs, PlatformDefaultsChangedCallback, } from './NativeModule/index';
5
5
  export { paletteFromOfficeColors } from './paletteFromOfficeColors';
6
6
  export { createOfficeColorAliasTokens as createOfficeAliasTokens } from './createOfficeAliasTokens';
7
+ export { createFontAliasTokens } from './createFontAliasTokens';
7
8
  export { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from './createBrandedThemeWithAlias';
9
+ export { win32Typography } from './getThemeTypography';
8
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EACV,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EACV,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
package/lib/index.js CHANGED
@@ -3,5 +3,7 @@ export { createPartialOfficeTheme } from './createPartialOfficeTheme';
3
3
  export { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from './NativeModule/index';
4
4
  export { paletteFromOfficeColors } from './paletteFromOfficeColors';
5
5
  export { createOfficeColorAliasTokens as createOfficeAliasTokens } from './createOfficeAliasTokens';
6
+ export { createFontAliasTokens } from './createFontAliasTokens';
6
7
  export { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from './createBrandedThemeWithAlias';
8
+ export { win32Typography } from './getThemeTypography';
7
9
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUlG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUlG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { Variants } from '@fluentui-react-native/theme-types';
2
+ declare function createFontAliasTokensWorker(): Partial<Variants>;
3
+ export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
4
+ export {};
5
+ //# sourceMappingURL=createFontAliasTokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createFontAliasTokens.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,iBAAS,2BAA2B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAGxD;AAED,eAAO,MAAM,qBAAqB,oCAAuC,CAAC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.createFontAliasTokens = void 0;
4
+ var getOfficeTokens_1 = require("./getOfficeTokens");
5
+ var memo_cache_1 = require("@fluentui-react-native/memo-cache");
6
+ var theming_utils_1 = require("@fluentui-react-native/theming-utils");
7
+ function createFontAliasTokensWorker() {
8
+ var aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)('Colorful');
9
+ return (0, theming_utils_1.mapFontPipelineToTheme)(aliasTokens);
10
+ }
11
+ exports.createFontAliasTokens = (0, memo_cache_1.memoize)(createFontAliasTokensWorker);
12
+ //# sourceMappingURL=createFontAliasTokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":";;;AAAA,qDAAyD;AAEzD,gEAA4D;AAC5D,sEAA8E;AAE9E,SAAS,2BAA2B;IAClC,IAAM,WAAW,GAAG,IAAA,sCAAoB,EAAC,UAAU,CAAC,CAAC;IACrD,OAAO,IAAA,sCAAsB,EAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAEY,QAAA,qBAAqB,GAAG,IAAA,oBAAO,EAAC,2BAA2B,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"createOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9D,OAAO,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAWxF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CA+C5E"}
1
+ {"version":3,"file":"createOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9D,OAAO,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAYxF;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CAwD5E"}
@@ -9,6 +9,7 @@ var createPartialOfficeTheme_1 = require("./createPartialOfficeTheme");
9
9
  var createOfficeAliasTokens_1 = require("./createOfficeAliasTokens");
10
10
  var createBrandedThemeWithAlias_1 = require("./createBrandedThemeWithAlias");
11
11
  var createAliasesFromPalette_1 = require("./createAliasesFromPalette");
12
+ var getThemeTypography_1 = require("./getThemeTypography");
12
13
  function handlePaletteCall(palette) {
13
14
  var exception = palette;
14
15
  return exception && exception.message !== undefined ? undefined : palette;
@@ -35,19 +36,28 @@ function createOfficeTheme(options) {
35
36
  if (!ref.themeName || ref.themeName === '') {
36
37
  return {};
37
38
  }
38
- return { shadows: (0, tslib_1.__assign)({}, (0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(ref.themeName)) };
39
+ return {
40
+ shadows: (0, tslib_1.__assign)({}, (0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(ref.themeName)),
41
+ typography: (0, getThemeTypography_1.win32Typography)(),
42
+ };
39
43
  }, function () {
40
44
  if (!ref.themeName || ref.themeName === '') {
41
45
  return {};
42
46
  }
43
- return { colors: (0, tslib_1.__assign)({}, (0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(ref.themeName)) };
47
+ return {
48
+ colors: (0, tslib_1.__assign)({}, (0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(ref.themeName)),
49
+ typography: (0, getThemeTypography_1.win32Typography)(),
50
+ };
44
51
  }, function (theme) {
45
52
  return (0, createBrandedThemeWithAlias_1.createBrandedThemeWithAlias)(ref.themeName, theme);
46
53
  }, function (theme) {
47
54
  if (!theme.host.palette) {
48
55
  return {};
49
56
  }
50
- return { colors: (0, createAliasesFromPalette_1.createAliasesFromPalette)(theme.host.palette, ref.themeName === 'HighContrast') };
57
+ return {
58
+ colors: (0, createAliasesFromPalette_1.createAliasesFromPalette)(theme.host.palette, ref.themeName === 'HighContrast'),
59
+ typography: (0, getThemeTypography_1.win32Typography)(),
60
+ };
51
61
  });
52
62
  // set up the callback for theme changes on the native side
53
63
  var onPlatformDefaultsChanged = function (args) {
@@ -1 +1 @@
1
- {"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":";;;;AAAA,sDAA8D;AAC9D,sEAA0E;AAC1E,oEAAmE;AAGnE,uEAAsE;AACtE,qEAAwG;AACxG,6EAA4E;AAC5E,uEAAsE;AAEtE,SAAS,iBAAiB,CAAC,OAAqC;IAC9D,IAAM,SAAS,GAAG,OAAuB,CAAC;IAC1C,OAAO,SAAS,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,OAAyB,CAAC;AAC/F,CAAC;AAED;;;;;;;;GAQG;AACH,SAAgB,iBAAiB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IACpD,IAAA,KAAoB,IAAA,mCAAgB,GAAE,EAArC,MAAM,QAAA,EAAE,OAAO,QAAsB,CAAC;IAC7C,IAAM,GAAG,GAAG,EAAE,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,SAAS,EAAE,MAAM,CAAC,uBAAuB,IAAI,EAAE,EAAE,CAAC;IACzE,IAAA,WAAW,GAAK,OAAO,YAAZ,CAAa;IAEhC,IAAM,QAAQ,GAAG,IAAI,sBAAc,CACjC,IAAA,kCAAkB,EAAC,OAAO,CAAC,EAC3B;QACE,IAAM,IAAI,GAAG,WAAW,IAAI,aAAa,CAAC;QAC1C,IAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,OAAO,IAAA,mDAAwB,EAAC,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,EACD;QACE,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE;YAC1C,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,OAAO,4BAAO,IAAA,uDAA6B,EAAC,GAAG,CAAC,SAAS,CAAC,CAAE,EAAE,CAAC;IAC1E,CAAC,EACD;QACE,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE;YAC1C,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,MAAM,4BAAO,IAAA,sDAA4B,EAAC,GAAG,CAAC,SAAS,CAAC,CAAE,EAAE,CAAC;IACxE,CAAC,EACD,UAAC,KAAY;QACX,OAAO,IAAA,yDAA2B,EAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC,EACD,UAAC,KAAY;QACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACvB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,MAAM,EAAE,IAAA,mDAAwB,EAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,SAAS,KAAK,cAAc,CAAC,EAAE,CAAC;IACpG,CAAC,CACF,CAAC;IAEF,2DAA2D;IAC3D,IAAM,yBAAyB,GAAG,UAAC,IAAiC;QAClE,GAAG,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC;QACjE,QAAQ,CAAC,UAAU,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,yBAAyB,CAAC,CAAC;IAEvF,iCAAiC;IACjC,OAAO,QAAQ,CAAC;AAClB,CAAC;AA/CD,8CA+CC"}
1
+ {"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":";;;;AAAA,sDAA8D;AAC9D,sEAA0E;AAC1E,oEAAmE;AAGnE,uEAAsE;AACtE,qEAAwG;AACxG,6EAA4E;AAC5E,uEAAsE;AACtE,2DAAuD;AAEvD,SAAS,iBAAiB,CAAC,OAAqC;IAC9D,IAAM,SAAS,GAAG,OAAuB,CAAC;IAC1C,OAAO,SAAS,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,OAAyB,CAAC;AAC/F,CAAC;AAED;;;;;;;;GAQG;AACH,SAAgB,iBAAiB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IACpD,IAAA,KAAoB,IAAA,mCAAgB,GAAE,EAArC,MAAM,QAAA,EAAE,OAAO,QAAsB,CAAC;IAC7C,IAAM,GAAG,GAAG,EAAE,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,SAAS,EAAE,MAAM,CAAC,uBAAuB,IAAI,EAAE,EAAE,CAAC;IACzE,IAAA,WAAW,GAAK,OAAO,YAAZ,CAAa;IAEhC,IAAM,QAAQ,GAAG,IAAI,sBAAc,CACjC,IAAA,kCAAkB,EAAC,OAAO,CAAC,EAC3B;QACE,IAAM,IAAI,GAAG,WAAW,IAAI,aAAa,CAAC;QAC1C,IAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,OAAO,IAAA,mDAAwB,EAAC,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,EACD;QACE,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE;YAC1C,OAAO,EAAE,CAAC;SACX;QAED,OAAO;YACL,OAAO,4BAAO,IAAA,uDAA6B,EAAC,GAAG,CAAC,SAAS,CAAC,CAAE;YAC5D,UAAU,EAAE,IAAA,oCAAe,GAAE;SAC9B,CAAC;IACJ,CAAC,EACD;QACE,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,EAAE,EAAE;YAC1C,OAAO,EAAE,CAAC;SACX;QAED,OAAO;YACL,MAAM,4BAAO,IAAA,sDAA4B,EAAC,GAAG,CAAC,SAAS,CAAC,CAAE;YAC1D,UAAU,EAAE,IAAA,oCAAe,GAAE;SAC9B,CAAC;IACJ,CAAC,EACD,UAAC,KAAY;QACX,OAAO,IAAA,yDAA2B,EAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC,EACD,UAAC,KAAY;QACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;YACvB,OAAO,EAAE,CAAC;SACX;QAED,OAAO;YACL,MAAM,EAAE,IAAA,mDAAwB,EAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,SAAS,KAAK,cAAc,CAAC;YACtF,UAAU,EAAE,IAAA,oCAAe,GAAE;SAC9B,CAAC;IACJ,CAAC,CACF,CAAC;IAEF,2DAA2D;IAC3D,IAAM,yBAAyB,GAAG,UAAC,IAAiC;QAClE,GAAG,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC;QACjE,QAAQ,CAAC,UAAU,EAAE,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,2BAA2B,EAAE,yBAAyB,CAAC,CAAC;IAEvF,iCAAiC;IACjC,OAAO,QAAQ,CAAC;AAClB,CAAC;AAxDD,8CAwDC"}
@@ -0,0 +1,3 @@
1
+ import { Typography } from '@fluentui-react-native/theme-types';
2
+ export declare function win32Typography(): Typography;
3
+ //# sourceMappingURL=getThemeTypography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getThemeTypography.d.ts","sourceRoot":"","sources":["../src/getThemeTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAI1E,wBAAgB,eAAe,IAAI,UAAU,CAiC5C"}
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.win32Typography = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var default_theme_1 = require("@fluentui-react-native/default-theme");
6
+ var createFontAliasTokens_1 = require("./createFontAliasTokens");
7
+ function win32Typography() {
8
+ var win32Dict = {
9
+ sizes: default_theme_1.defaultFluentTheme.typography.sizes,
10
+ weights: default_theme_1.defaultFluentTheme.typography.weights,
11
+ // hard coded until we support new fontFamily format
12
+ families: {
13
+ primary: 'Segoe UI',
14
+ secondary: 'Segoe UI Semibold',
15
+ cursive: 'System',
16
+ monospace: 'Consolas',
17
+ sansSerif: 'System',
18
+ serif: 'System',
19
+ numeric: 'Bahnschrift',
20
+ },
21
+ variants: (0, tslib_1.__assign)({ 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' } }, (0, createFontAliasTokens_1.createFontAliasTokens)()),
22
+ };
23
+ return win32Dict;
24
+ }
25
+ exports.win32Typography = win32Typography;
26
+ //# sourceMappingURL=getThemeTypography.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getThemeTypography.js","sourceRoot":"","sources":["../src/getThemeTypography.ts"],"names":[],"mappings":";;;;AACA,sEAA0E;AAC1E,iEAAgE;AAEhE,SAAgB,eAAe;IAC7B,IAAM,SAAS,GAAG;QAChB,KAAK,EAAE,kCAAkB,CAAC,UAAU,CAAC,KAAK;QAC1C,OAAO,EAAE,kCAAkB,CAAC,UAAU,CAAC,OAAO;QAC9C,oDAAoD;QACpD,QAAQ,EAAE;YACR,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,mBAAmB;YAC9B,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,UAAU;YACrB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,aAAa;SACvB;QACD,QAAQ,EAAE,wBACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7E,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,EACnE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7E,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EACtE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,EACvE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,EACnE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,IAC1E,IAAA,6CAAqB,GAAE,CACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAjCD,0CAiCC"}
@@ -4,5 +4,7 @@ export { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from './Na
4
4
  export type { CxxException, IEventEmitter, NativeColorNames, NativeColorRamps, OfficeThemingModule, PlatformDefaultsChangedArgs, PlatformDefaultsChangedCallback, } from './NativeModule/index';
5
5
  export { paletteFromOfficeColors } from './paletteFromOfficeColors';
6
6
  export { createOfficeColorAliasTokens as createOfficeAliasTokens } from './createOfficeAliasTokens';
7
+ export { createFontAliasTokens } from './createFontAliasTokens';
7
8
  export { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from './createBrandedThemeWithAlias';
9
+ export { win32Typography } from './getThemeTypography';
8
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EACV,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EACV,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getCurrentBrandAliasTokens = exports.createBrandedThemeWithAlias = exports.createOfficeAliasTokens = exports.paletteFromOfficeColors = exports.getThemingModule = exports.fallbackOfficeModule = exports.fallbackGetPalette = exports.createPartialOfficeTheme = exports.createOfficeTheme = void 0;
3
+ exports.win32Typography = exports.getCurrentBrandAliasTokens = exports.createBrandedThemeWithAlias = exports.createFontAliasTokens = exports.createOfficeAliasTokens = exports.paletteFromOfficeColors = exports.getThemingModule = exports.fallbackOfficeModule = exports.fallbackGetPalette = exports.createPartialOfficeTheme = exports.createOfficeTheme = void 0;
4
4
  var createOfficeTheme_1 = require("./createOfficeTheme");
5
5
  Object.defineProperty(exports, "createOfficeTheme", { enumerable: true, get: function () { return createOfficeTheme_1.createOfficeTheme; } });
6
6
  var createPartialOfficeTheme_1 = require("./createPartialOfficeTheme");
@@ -13,7 +13,11 @@ var paletteFromOfficeColors_1 = require("./paletteFromOfficeColors");
13
13
  Object.defineProperty(exports, "paletteFromOfficeColors", { enumerable: true, get: function () { return paletteFromOfficeColors_1.paletteFromOfficeColors; } });
14
14
  var createOfficeAliasTokens_1 = require("./createOfficeAliasTokens");
15
15
  Object.defineProperty(exports, "createOfficeAliasTokens", { enumerable: true, get: function () { return createOfficeAliasTokens_1.createOfficeColorAliasTokens; } });
16
+ var createFontAliasTokens_1 = require("./createFontAliasTokens");
17
+ Object.defineProperty(exports, "createFontAliasTokens", { enumerable: true, get: function () { return createFontAliasTokens_1.createFontAliasTokens; } });
16
18
  var createBrandedThemeWithAlias_1 = require("./createBrandedThemeWithAlias");
17
19
  Object.defineProperty(exports, "createBrandedThemeWithAlias", { enumerable: true, get: function () { return createBrandedThemeWithAlias_1.createBrandedThemeWithAlias; } });
18
20
  Object.defineProperty(exports, "getCurrentBrandAliasTokens", { enumerable: true, get: function () { return createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens; } });
21
+ var getThemeTypography_1 = require("./getThemeTypography");
22
+ Object.defineProperty(exports, "win32Typography", { enumerable: true, get: function () { return getThemeTypography_1.win32Typography; } });
19
23
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA;AACjC,8CAAkG;AAAzF,2GAAA,kBAAkB,OAAA;AAAE,6GAAA,oBAAoB,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AAUnE,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,qEAAoG;AAA3F,kIAAA,4BAA4B,OAA2B;AAChE,6EAAwG;AAA/F,0IAAA,2BAA2B,OAAA;AAAE,yIAAA,0BAA0B,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA;AACjC,8CAAkG;AAAzF,2GAAA,kBAAkB,OAAA;AAAE,6GAAA,oBAAoB,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AAUnE,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,qEAAoG;AAA3F,kIAAA,4BAA4B,OAA2B;AAChE,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,6EAAwG;AAA/F,0IAAA,2BAA2B,OAAA;AAAE,yIAAA,0BAA0B,OAAA;AAChE,2DAAuD;AAA9C,qHAAA,eAAe,OAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/win32-theme",
3
- "version": "0.17.0",
3
+ "version": "0.18.0",
4
4
  "description": "Win32 office theme that works with the theming native module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -27,13 +27,13 @@
27
27
  "author": "",
28
28
  "license": "MIT",
29
29
  "dependencies": {
30
- "@fluentui-react-native/default-theme": ">=0.11.0 <1.0.0",
30
+ "@fluentui-react-native/default-theme": ">=0.12.0 <1.0.0",
31
31
  "@fluentui-react-native/design-tokens-win32": "^0.13.0",
32
32
  "@fluentui-react-native/memo-cache": "^1.1.7",
33
- "@fluentui-react-native/theme-tokens": ">=0.16.3 <1.0.0",
34
- "@fluentui-react-native/theme-types": ">=0.15.0 <1.0.0",
35
- "@fluentui-react-native/theme": ">=0.6.9 <1.0.0",
36
- "@fluentui-react-native/theming-utils": ">=0.11.0 <1.0.0",
33
+ "@fluentui-react-native/theme-tokens": ">=0.17.0 <1.0.0",
34
+ "@fluentui-react-native/theme-types": ">=0.16.0 <1.0.0",
35
+ "@fluentui-react-native/theme": ">=0.6.10 <1.0.0",
36
+ "@fluentui-react-native/theming-utils": ">=0.12.0 <1.0.0",
37
37
  "tslib": "^2.3.1"
38
38
  },
39
39
  "devDependencies": {
@@ -0,0 +1,11 @@
1
+ import { getOfficeAliasTokens } from './getOfficeTokens';
2
+ import { Variants } from '@fluentui-react-native/theme-types';
3
+ import { memoize } from '@fluentui-react-native/memo-cache';
4
+ import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
5
+
6
+ function createFontAliasTokensWorker(): Partial<Variants> {
7
+ const aliasTokens = getOfficeAliasTokens('Colorful');
8
+ return mapFontPipelineToTheme(aliasTokens);
9
+ }
10
+
11
+ export const createFontAliasTokens = memoize(createFontAliasTokensWorker);
@@ -7,6 +7,7 @@ import { createPartialOfficeTheme } from './createPartialOfficeTheme';
7
7
  import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from './createOfficeAliasTokens';
8
8
  import { createBrandedThemeWithAlias } from './createBrandedThemeWithAlias';
9
9
  import { createAliasesFromPalette } from './createAliasesFromPalette';
10
+ import { win32Typography } from './getThemeTypography';
10
11
 
11
12
  function handlePaletteCall(palette: OfficePalette | CxxException): OfficePalette | undefined {
12
13
  const exception = palette as CxxException;
@@ -39,14 +40,20 @@ export function createOfficeTheme(options: ThemeOptions = {}): ThemeReference {
39
40
  return {};
40
41
  }
41
42
 
42
- return { shadows: { ...createOfficeShadowAliasTokens(ref.themeName) } };
43
+ return {
44
+ shadows: { ...createOfficeShadowAliasTokens(ref.themeName) },
45
+ typography: win32Typography(),
46
+ };
43
47
  },
44
48
  () => {
45
49
  if (!ref.themeName || ref.themeName === '') {
46
50
  return {};
47
51
  }
48
52
 
49
- return { colors: { ...createOfficeColorAliasTokens(ref.themeName) } };
53
+ return {
54
+ colors: { ...createOfficeColorAliasTokens(ref.themeName) },
55
+ typography: win32Typography(),
56
+ };
50
57
  },
51
58
  (theme: Theme) => {
52
59
  return createBrandedThemeWithAlias(ref.themeName, theme);
@@ -56,7 +63,10 @@ export function createOfficeTheme(options: ThemeOptions = {}): ThemeReference {
56
63
  return {};
57
64
  }
58
65
 
59
- return { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') };
66
+ return {
67
+ colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast'),
68
+ typography: win32Typography(),
69
+ };
60
70
  },
61
71
  );
62
72
 
@@ -0,0 +1,38 @@
1
+ import { Typography, Variants } from '@fluentui-react-native/theme-types';
2
+ import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
3
+ import { createFontAliasTokens } from './createFontAliasTokens';
4
+
5
+ export function win32Typography(): Typography {
6
+ const win32Dict = {
7
+ sizes: defaultFluentTheme.typography.sizes,
8
+ weights: defaultFluentTheme.typography.weights,
9
+ // hard coded until we support new fontFamily format
10
+ families: {
11
+ primary: 'Segoe UI',
12
+ secondary: 'Segoe UI Semibold',
13
+ cursive: 'System',
14
+ monospace: 'Consolas',
15
+ sansSerif: 'System',
16
+ serif: 'System',
17
+ numeric: 'Bahnschrift',
18
+ },
19
+ variants: {
20
+ captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
21
+ secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
22
+ secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
23
+ bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
24
+ bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
25
+ subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
26
+ subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
27
+ headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
28
+ headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
29
+ heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
30
+ heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
31
+ heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
32
+ heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
33
+ ...createFontAliasTokens(),
34
+ } as Variants,
35
+ };
36
+
37
+ return win32Dict;
38
+ }
package/src/index.ts CHANGED
@@ -12,4 +12,6 @@ export type {
12
12
  } from './NativeModule/index';
13
13
  export { paletteFromOfficeColors } from './paletteFromOfficeColors';
14
14
  export { createOfficeColorAliasTokens as createOfficeAliasTokens } from './createOfficeAliasTokens';
15
+ export { createFontAliasTokens } from './createFontAliasTokens';
15
16
  export { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from './createBrandedThemeWithAlias';
17
+ export { win32Typography } from './getThemeTypography';