@fluentui-react-native/win32-theme 0.14.15 → 0.16.1

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 (26) hide show
  1. package/CHANGELOG.json +100 -1
  2. package/CHANGELOG.md +35 -2
  3. package/lib/createOfficeAliasTokens.js +1 -1
  4. package/lib/createOfficeAliasTokens.js.map +1 -1
  5. package/lib/getOfficeAliasTokens.d.ts +2 -0
  6. package/lib/getOfficeAliasTokens.d.ts.map +1 -0
  7. package/lib/getOfficeAliasTokens.js +20 -0
  8. package/lib/getOfficeAliasTokens.js.map +1 -0
  9. package/lib/highContrast/tokens-alias.d.ts +2 -0
  10. package/lib/highContrast/tokens-alias.d.ts.map +1 -0
  11. package/lib/highContrast/tokens-alias.js +16 -0
  12. package/lib/highContrast/tokens-alias.js.map +1 -0
  13. package/lib-commonjs/createOfficeAliasTokens.js +2 -2
  14. package/lib-commonjs/createOfficeAliasTokens.js.map +1 -1
  15. package/lib-commonjs/getOfficeAliasTokens.d.ts +2 -0
  16. package/lib-commonjs/getOfficeAliasTokens.d.ts.map +1 -0
  17. package/lib-commonjs/getOfficeAliasTokens.js +25 -0
  18. package/lib-commonjs/getOfficeAliasTokens.js.map +1 -0
  19. package/lib-commonjs/highContrast/tokens-alias.d.ts +2 -0
  20. package/lib-commonjs/highContrast/tokens-alias.d.ts.map +1 -0
  21. package/lib-commonjs/highContrast/tokens-alias.js +20 -0
  22. package/lib-commonjs/highContrast/tokens-alias.js.map +1 -0
  23. package/package.json +5 -4
  24. package/src/createOfficeAliasTokens.ts +1 -1
  25. package/src/getOfficeAliasTokens.ts +18 -0
  26. package/src/highContrast/tokens-alias.ts +18 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,106 @@
2
2
  "name": "@fluentui-react-native/win32-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 31 Mar 2022 07:25:44 GMT",
5
+ "date": "Tue, 19 Apr 2022 16:53:30 GMT",
6
+ "tag": "@fluentui-react-native/win32-theme_v0.16.1",
7
+ "version": "0.16.1",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "ruaraki@microsoft.com",
12
+ "package": "@fluentui-react-native/win32-theme",
13
+ "commit": "cf5789633ef5230512cb21ab923cc9f71bfed4c1",
14
+ "comment": "Fix dependencies"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/win32-theme",
19
+ "comment": "Bump @fluentui-react-native/default-theme to v0.10.0",
20
+ "commit": "cf5789633ef5230512cb21ab923cc9f71bfed4c1"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/win32-theme",
25
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.16.0",
26
+ "commit": "cf5789633ef5230512cb21ab923cc9f71bfed4c1"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/win32-theme",
31
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.10.0",
32
+ "commit": "cf5789633ef5230512cb21ab923cc9f71bfed4c1"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Wed, 06 Apr 2022 22:58:21 GMT",
39
+ "tag": "@fluentui-react-native/win32-theme_v0.16.0",
40
+ "version": "0.16.0",
41
+ "comments": {
42
+ "minor": [
43
+ {
44
+ "author": "ruaraki@microsoft.com",
45
+ "package": "@fluentui-react-native/win32-theme",
46
+ "commit": "bcd4ac6dc74295095a0564905024ef32d6450cff",
47
+ "comment": "Hook up design tokens"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui-react-native/win32-theme",
52
+ "comment": "Bump @fluentui-react-native/default-theme to v0.9.15",
53
+ "commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui-react-native/win32-theme",
58
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.15.0",
59
+ "commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui-react-native/win32-theme",
64
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.9.4",
65
+ "commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
66
+ }
67
+ ]
68
+ }
69
+ },
70
+ {
71
+ "date": "Tue, 05 Apr 2022 20:05:50 GMT",
72
+ "tag": "@fluentui-react-native/win32-theme_v0.15.0",
73
+ "version": "0.15.0",
74
+ "comments": {
75
+ "minor": [
76
+ {
77
+ "author": "ruaraki@microsoft.com",
78
+ "package": "@fluentui-react-native/win32-theme",
79
+ "commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f",
80
+ "comment": "Move win32 alias tokens out"
81
+ },
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui-react-native/win32-theme",
85
+ "comment": "Bump @fluentui-react-native/default-theme to v0.9.14",
86
+ "commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui-react-native/win32-theme",
91
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.14.0",
92
+ "commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui-react-native/win32-theme",
97
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.9.3",
98
+ "commit": "c183b7eb02925bf1d1284ad1b3c80c0f2e0c442f"
99
+ }
100
+ ]
101
+ }
102
+ },
103
+ {
104
+ "date": "Thu, 31 Mar 2022 07:27:48 GMT",
6
105
  "tag": "@fluentui-react-native/win32-theme_v0.14.15",
7
106
  "version": "0.14.15",
8
107
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,45 @@
1
1
  # Change Log - @fluentui-react-native/win32-theme
2
2
 
3
- This log was last generated on Thu, 31 Mar 2022 07:25:44 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 19 Apr 2022 16:53:30 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.16.1
8
+
9
+ Tue, 19 Apr 2022 16:53:30 GMT
10
+
11
+ ### Patches
12
+
13
+ - Fix dependencies (ruaraki@microsoft.com)
14
+ - Bump @fluentui-react-native/default-theme to v0.10.0
15
+ - Bump @fluentui-react-native/theme-tokens to v0.16.0
16
+ - Bump @fluentui-react-native/theming-utils to v0.10.0
17
+
18
+ ## 0.16.0
19
+
20
+ Wed, 06 Apr 2022 22:58:21 GMT
21
+
22
+ ### Minor changes
23
+
24
+ - Hook up design tokens (ruaraki@microsoft.com)
25
+ - Bump @fluentui-react-native/default-theme to v0.9.15
26
+ - Bump @fluentui-react-native/theme-tokens to v0.15.0
27
+ - Bump @fluentui-react-native/theming-utils to v0.9.4
28
+
29
+ ## 0.15.0
30
+
31
+ Tue, 05 Apr 2022 20:05:50 GMT
32
+
33
+ ### Minor changes
34
+
35
+ - Move win32 alias tokens out (ruaraki@microsoft.com)
36
+ - Bump @fluentui-react-native/default-theme to v0.9.14
37
+ - Bump @fluentui-react-native/theme-tokens to v0.14.0
38
+ - Bump @fluentui-react-native/theming-utils to v0.9.3
39
+
7
40
  ## 0.14.15
8
41
 
9
- Thu, 31 Mar 2022 07:25:44 GMT
42
+ Thu, 31 Mar 2022 07:27:48 GMT
10
43
 
11
44
  ### Patches
12
45
 
package/lib/createOfficeAliasTokens.js CHANGED
@@ -1,4 +1,4 @@
1
- import { getOfficeAliasTokens } from '@fluentui-react-native/theme-tokens';
1
+ import { getOfficeAliasTokens } from './getOfficeAliasTokens';
2
2
  import { memoize } from '@fluentui-react-native/memo-cache';
3
3
  import { mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
4
4
  function createOfficeAliasTokensWorker(officeTheme) {
package/lib/createOfficeAliasTokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,SAAS,6BAA6B,CAAC,WAAmB;IACxD,IAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC"}
1
+ {"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,SAAS,6BAA6B,CAAC,WAAmB;IACxD,IAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC"}
package/lib/getOfficeAliasTokens.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare function getOfficeAliasTokens(officeTheme: string): any;
2
+ //# sourceMappingURL=getOfficeAliasTokens.d.ts.map
package/lib/getOfficeAliasTokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"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 ADDED
@@ -0,0 +1,20 @@
1
+ import colorfulAliasTokens from '@fluentui-react-native/design-tokens-win32/colorful/tokens-aliases.json';
2
+ import darkGrayAliasTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json';
3
+ import blackAliasTokens from '@fluentui-react-native/design-tokens-win32/black/tokens-aliases.json';
4
+ import { hcAliasTokens } from './highContrast/tokens-alias';
5
+ export function getOfficeAliasTokens(officeTheme) {
6
+ if (officeTheme === 'White' || officeTheme === 'Colorful') {
7
+ return colorfulAliasTokens;
8
+ }
9
+ else if (officeTheme === 'DarkGray') {
10
+ return darkGrayAliasTokens;
11
+ }
12
+ else if (officeTheme === 'Black') {
13
+ return blackAliasTokens;
14
+ }
15
+ else if (officeTheme === 'HighContrast') {
16
+ return hcAliasTokens;
17
+ }
18
+ return colorfulAliasTokens;
19
+ }
20
+ //# sourceMappingURL=getOfficeAliasTokens.js.map
package/lib/getOfficeAliasTokens.js.map ADDED
@@ -0,0 +1 @@
1
+ {"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/highContrast/tokens-alias.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const hcAliasTokens: any;
2
+ //# sourceMappingURL=tokens-alias.d.ts.map
package/lib/highContrast/tokens-alias.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens-alias.d.ts","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,KAAkC,CAAC"}
package/lib/highContrast/tokens-alias.js ADDED
@@ -0,0 +1,16 @@
1
+ import { PlatformColor } from 'react-native';
2
+ import aliasTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json';
3
+ export var hcAliasTokens = processAliasTokens(aliasTokens);
4
+ function processAliasTokens(aliasTokens) {
5
+ for (var key in aliasTokens) {
6
+ for (var innerKey in aliasTokens[key]) {
7
+ var entry = aliasTokens[key][innerKey];
8
+ if (typeof entry === 'string' && entry.includes('PlatformColor')) {
9
+ var color = entry.substring(14, entry.length - 1);
10
+ aliasTokens[key][innerKey] = PlatformColor(color);
11
+ }
12
+ }
13
+ }
14
+ return aliasTokens;
15
+ }
16
+ //# sourceMappingURL=tokens-alias.js.map
package/lib/highContrast/tokens-alias.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,WAAW,MAAM,mEAAmE,CAAC;AAE5F,MAAM,CAAC,IAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAE7D,SAAS,kBAAkB,CAAC,WAAgB;IAC1C,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,KAAK,IAAM,QAAQ,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACvC,IAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;gBAChE,IAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACpD,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;aACnD;SACF;KACF;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}
package/lib-commonjs/createOfficeAliasTokens.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.createOfficeAliasTokens = void 0;
4
- var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
4
+ var getOfficeAliasTokens_1 = require("./getOfficeAliasTokens");
5
5
  var memo_cache_1 = require("@fluentui-react-native/memo-cache");
6
6
  var theming_utils_1 = require("@fluentui-react-native/theming-utils");
7
7
  function createOfficeAliasTokensWorker(officeTheme) {
8
- var aliasTokens = (0, theme_tokens_1.getOfficeAliasTokens)(officeTheme);
8
+ var aliasTokens = (0, getOfficeAliasTokens_1.getOfficeAliasTokens)(officeTheme);
9
9
  return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
10
10
  }
11
11
  exports.createOfficeAliasTokens = (0, memo_cache_1.memoize)(createOfficeAliasTokensWorker);
package/lib-commonjs/createOfficeAliasTokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":";;;AAAA,oEAA2E;AAE3E,gEAA4D;AAC5D,sEAA0E;AAE1E,SAAS,6BAA6B,CAAC,WAAmB;IACxD,IAAM,WAAW,GAAG,IAAA,mCAAoB,EAAC,WAAW,CAAC,CAAC;IACtD,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAEY,QAAA,uBAAuB,GAAG,IAAA,oBAAO,EAAC,6BAA6B,CAAC,CAAC"}
1
+ {"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAE9D,gEAA4D;AAC5D,sEAA0E;AAE1E,SAAS,6BAA6B,CAAC,WAAmB;IACxD,IAAM,WAAW,GAAG,IAAA,2CAAoB,EAAC,WAAW,CAAC,CAAC;IACtD,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAEY,QAAA,uBAAuB,GAAG,IAAA,oBAAO,EAAC,6BAA6B,CAAC,CAAC"}
package/lib-commonjs/getOfficeAliasTokens.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare function getOfficeAliasTokens(officeTheme: string): any;
2
+ //# sourceMappingURL=getOfficeAliasTokens.d.ts.map
package/lib-commonjs/getOfficeAliasTokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"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 ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getOfficeAliasTokens = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var tokens_aliases_json_1 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/colorful/tokens-aliases.json"));
6
+ var tokens_aliases_json_2 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json"));
7
+ var tokens_aliases_json_3 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/black/tokens-aliases.json"));
8
+ var tokens_alias_1 = require("./highContrast/tokens-alias");
9
+ function getOfficeAliasTokens(officeTheme) {
10
+ if (officeTheme === 'White' || officeTheme === 'Colorful') {
11
+ return tokens_aliases_json_1.default;
12
+ }
13
+ else if (officeTheme === 'DarkGray') {
14
+ return tokens_aliases_json_2.default;
15
+ }
16
+ else if (officeTheme === 'Black') {
17
+ return tokens_aliases_json_3.default;
18
+ }
19
+ else if (officeTheme === 'HighContrast') {
20
+ return tokens_alias_1.hcAliasTokens;
21
+ }
22
+ return tokens_aliases_json_1.default;
23
+ }
24
+ exports.getOfficeAliasTokens = getOfficeAliasTokens;
25
+ //# sourceMappingURL=getOfficeAliasTokens.js.map
package/lib-commonjs/getOfficeAliasTokens.js.map ADDED
@@ -0,0 +1 @@
1
+ {"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/lib-commonjs/highContrast/tokens-alias.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const hcAliasTokens: any;
2
+ //# sourceMappingURL=tokens-alias.d.ts.map
package/lib-commonjs/highContrast/tokens-alias.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens-alias.d.ts","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,KAAkC,CAAC"}
package/lib-commonjs/highContrast/tokens-alias.js ADDED
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.hcAliasTokens = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var react_native_1 = require("react-native");
6
+ var tokens_aliases_json_1 = (0, tslib_1.__importDefault)(require("@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json"));
7
+ exports.hcAliasTokens = processAliasTokens(tokens_aliases_json_1.default);
8
+ function processAliasTokens(aliasTokens) {
9
+ for (var key in aliasTokens) {
10
+ for (var innerKey in aliasTokens[key]) {
11
+ var entry = aliasTokens[key][innerKey];
12
+ if (typeof entry === 'string' && entry.includes('PlatformColor')) {
13
+ var color = entry.substring(14, entry.length - 1);
14
+ aliasTokens[key][innerKey] = (0, react_native_1.PlatformColor)(color);
15
+ }
16
+ }
17
+ }
18
+ return aliasTokens;
19
+ }
20
+ //# sourceMappingURL=tokens-alias.js.map
package/lib-commonjs/highContrast/tokens-alias.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":";;;;AAAA,6CAA6C;AAC7C,uIAA4F;AAE/E,QAAA,aAAa,GAAG,kBAAkB,CAAC,6BAAW,CAAC,CAAC;AAE7D,SAAS,kBAAkB,CAAC,WAAgB;IAC1C,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,KAAK,IAAM,QAAQ,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACvC,IAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;gBAChE,IAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACpD,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAA,4BAAa,EAAC,KAAK,CAAC,CAAC;aACnD;SACF;KACF;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/win32-theme",
3
- "version": "0.14.15",
3
+ "version": "0.16.1",
4
4
  "description": "Win32 office theme that works with the theming native module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -27,12 +27,13 @@
27
27
  "author": "",
28
28
  "license": "MIT",
29
29
  "dependencies": {
30
- "@fluentui-react-native/default-theme": ">=0.9.13 <1.0.0",
30
+ "@fluentui-react-native/default-theme": ">=0.10.0 <1.0.0",
31
+ "@fluentui-react-native/design-tokens-win32": "^0.7.0-test",
31
32
  "@fluentui-react-native/memo-cache": "^1.1.7",
32
- "@fluentui-react-native/theme-tokens": ">=0.13.2 <1.0.0",
33
+ "@fluentui-react-native/theme-tokens": ">=0.16.0 <1.0.0",
33
34
  "@fluentui-react-native/theme-types": ">=0.14.1 <1.0.0",
34
35
  "@fluentui-react-native/theme": ">=0.6.6 <1.0.0",
35
- "@fluentui-react-native/theming-utils": ">=0.9.2 <1.0.0",
36
+ "@fluentui-react-native/theming-utils": ">=0.10.0 <1.0.0",
36
37
  "tslib": "^2.3.1"
37
38
  },
38
39
  "devDependencies": {
package/src/createOfficeAliasTokens.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { getOfficeAliasTokens } from '@fluentui-react-native/theme-tokens';
1
+ import { getOfficeAliasTokens } from './getOfficeAliasTokens';
2
2
  import { AliasColorTokens } from '@fluentui-react-native/theme-types';
3
3
  import { memoize } from '@fluentui-react-native/memo-cache';
4
4
  import { mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
package/src/getOfficeAliasTokens.ts ADDED
@@ -0,0 +1,18 @@
1
+ import colorfulAliasTokens from '@fluentui-react-native/design-tokens-win32/colorful/tokens-aliases.json';
2
+ import darkGrayAliasTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json';
3
+ import blackAliasTokens from '@fluentui-react-native/design-tokens-win32/black/tokens-aliases.json';
4
+ import { hcAliasTokens } from './highContrast/tokens-alias';
5
+
6
+ export function getOfficeAliasTokens(officeTheme: string) {
7
+ if (officeTheme === 'White' || officeTheme === 'Colorful') {
8
+ return colorfulAliasTokens;
9
+ } else if (officeTheme === 'DarkGray') {
10
+ return darkGrayAliasTokens;
11
+ } else if (officeTheme === 'Black') {
12
+ return blackAliasTokens;
13
+ } else if (officeTheme === 'HighContrast') {
14
+ return hcAliasTokens;
15
+ }
16
+
17
+ return colorfulAliasTokens;
18
+ }
package/src/highContrast/tokens-alias.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { PlatformColor } from 'react-native';
2
+ import aliasTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json';
3
+
4
+ export const hcAliasTokens = processAliasTokens(aliasTokens);
5
+
6
+ function processAliasTokens(aliasTokens: any) {
7
+ for (const key in aliasTokens) {
8
+ for (const innerKey in aliasTokens[key]) {
9
+ const entry = aliasTokens[key][innerKey];
10
+ if (typeof entry === 'string' && entry.includes('PlatformColor')) {
11
+ const color = entry.substring(14, entry.length - 1);
12
+ aliasTokens[key][innerKey] = PlatformColor(color);
13
+ }
14
+ }
15
+ }
16
+
17
+ return aliasTokens;
18
+ }