@fluentui-react-native/win32-theme 0.34.5 → 0.34.7
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.
- package/CHANGELOG.json +66 -1
- package/CHANGELOG.md +18 -2
- package/eslint.config.js +3 -0
- package/lib/NativeModule/fallbackOfficeModule.js +8 -5
- package/lib/NativeModule/fallbackOfficeModule.js.map +1 -1
- package/lib/NativeModule/getThemingModule.native.js +12 -13
- package/lib/NativeModule/getThemingModule.native.js.map +1 -1
- package/lib/NativeModule/hostThemeSetting.js +3 -3
- package/lib/NativeModule/hostThemeSetting.js.map +1 -1
- package/lib/__tests__/win32-theme.test.js +45 -70
- package/lib/__tests__/win32-theme.test.js.map +1 -1
- package/lib/createBrandedThemeWithAlias.js +2 -2
- package/lib/createBrandedThemeWithAlias.js.map +1 -1
- package/lib/createFontAliasTokens.js +2 -2
- package/lib/createFontAliasTokens.js.map +1 -1
- package/lib/createOfficeAliasTokens.js +4 -4
- package/lib/createOfficeAliasTokens.js.map +1 -1
- package/lib/createOfficeTheme.js +19 -18
- package/lib/createOfficeTheme.js.map +1 -1
- package/lib/createPartialOfficeTheme.js +14 -9
- package/lib/createPartialOfficeTheme.js.map +1 -1
- package/lib/getThemeTypography.js +17 -3
- package/lib/getThemeTypography.js.map +1 -1
- package/lib/highContrast/tokens-alias.js +5 -5
- package/lib/highContrast/tokens-alias.js.map +1 -1
- package/lib-commonjs/NativeModule/_mocks_/getThemingModule.native.js +1 -1
- package/lib-commonjs/NativeModule/_mocks_/getThemingModule.native.js.map +1 -1
- package/lib-commonjs/NativeModule/fallbackOfficeModule.js +7 -4
- package/lib-commonjs/NativeModule/fallbackOfficeModule.js.map +1 -1
- package/lib-commonjs/NativeModule/getThemingModule.js +1 -1
- package/lib-commonjs/NativeModule/getThemingModule.js.map +1 -1
- package/lib-commonjs/NativeModule/getThemingModule.native.js +15 -16
- package/lib-commonjs/NativeModule/getThemingModule.native.js.map +1 -1
- package/lib-commonjs/NativeModule/hostThemeSetting.js +3 -3
- package/lib-commonjs/NativeModule/hostThemeSetting.js.map +1 -1
- package/lib-commonjs/NativeModule/index.js +1 -1
- package/lib-commonjs/__tests__/win32-theme.test.js +53 -78
- package/lib-commonjs/__tests__/win32-theme.test.js.map +1 -1
- package/lib-commonjs/createBrandedThemeWithAlias.js +3 -3
- package/lib-commonjs/createBrandedThemeWithAlias.js.map +1 -1
- package/lib-commonjs/createFontAliasTokens.js +4 -4
- package/lib-commonjs/createFontAliasTokens.js.map +1 -1
- package/lib-commonjs/createOfficeAliasTokens.js +5 -5
- package/lib-commonjs/createOfficeAliasTokens.js.map +1 -1
- package/lib-commonjs/createOfficeTheme.js +28 -27
- package/lib-commonjs/createOfficeTheme.js.map +1 -1
- package/lib-commonjs/createPartialOfficeTheme.js +15 -10
- package/lib-commonjs/createPartialOfficeTheme.js.map +1 -1
- package/lib-commonjs/getOfficeTokens.js +9 -9
- package/lib-commonjs/getOfficeTokens.js.map +1 -1
- package/lib-commonjs/getThemeTypography.js +19 -5
- package/lib-commonjs/getThemeTypography.js.map +1 -1
- package/lib-commonjs/highContrast/tokens-alias.js +7 -7
- package/lib-commonjs/highContrast/tokens-alias.js.map +1 -1
- package/package.json +36 -18
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,72 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/win32-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 10 Jul 2025 20:30:25 GMT",
|
|
6
|
+
"version": "0.34.7",
|
|
7
|
+
"tag": "@fluentui-react-native/win32-theme_v0.34.7",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
13
|
+
"commit": "79bb06f6bbfd0a36f9d2ef371f4857be9660f027",
|
|
14
|
+
"comment": "Fixed `align-deps` warnings"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "ruaraki@microsoft.com",
|
|
18
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
19
|
+
"commit": "a245202877ef7f2be9ab5f0e1356b2270957e693",
|
|
20
|
+
"comment": "Run bump-versions"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "jasonmo@microsoft.com",
|
|
24
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
25
|
+
"commit": "54087dca787180bbf34630470cd0d06e88366b30",
|
|
26
|
+
"comment": "update eslint to 9.x and use new flat config format with security rules"
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"patch": [
|
|
30
|
+
{
|
|
31
|
+
"author": "jasonmo@microsoft.com",
|
|
32
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
33
|
+
"commit": "479b93cea460a26df70c55b5d3335927ed374713",
|
|
34
|
+
"comment": "update builds to use node16 settings and modern export maps"
|
|
35
|
+
}
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"date": "Thu, 10 Jul 2025 19:20:13 GMT",
|
|
41
|
+
"version": "0.34.6",
|
|
42
|
+
"tag": "@fluentui-react-native/win32-theme_v0.34.6",
|
|
43
|
+
"comments": {
|
|
44
|
+
"patch": [
|
|
45
|
+
{
|
|
46
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
47
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
48
|
+
"commit": "24b9abab3370f008afd2dbb304751fc9af6bec4a",
|
|
49
|
+
"comment": "Add support for React Native 0.74"
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"date": "Wed, 11 Jun 2025 19:34:45 GMT",
|
|
56
|
+
"version": "0.34.5",
|
|
57
|
+
"tag": "@fluentui-react-native/win32-theme_v0.34.5",
|
|
58
|
+
"comments": {
|
|
59
|
+
"none": [
|
|
60
|
+
{
|
|
61
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
62
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
63
|
+
"commit": "2342b87a20e5a584bd2073c8c5a266f0aa48c8bb",
|
|
64
|
+
"comment": "Added missing dev dependencies"
|
|
65
|
+
}
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"date": "Wed, 29 Jan 2025 23:43:52 GMT",
|
|
6
71
|
"version": "0.34.5",
|
|
7
72
|
"tag": "@fluentui-react-native/win32-theme_v0.34.5",
|
|
8
73
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/win32-theme
|
|
2
2
|
|
|
3
|
-
<!-- This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Thu, 10 Jul 2025 20:30:25 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.34.7
|
|
8
|
+
|
|
9
|
+
Thu, 10 Jul 2025 20:30:25 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
|
|
14
|
+
|
|
15
|
+
## 0.34.6
|
|
16
|
+
|
|
17
|
+
Thu, 10 Jul 2025 19:20:13 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Add support for React Native 0.74 (4123478+tido64@users.noreply.github.com)
|
|
22
|
+
|
|
7
23
|
## 0.34.5
|
|
8
24
|
|
|
9
|
-
Wed, 29 Jan 2025 23:
|
|
25
|
+
Wed, 29 Jan 2025 23:43:52 GMT
|
|
10
26
|
|
|
11
27
|
### Patches
|
|
12
28
|
|
package/eslint.config.js
ADDED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var whiteColorsPalette = {
|
|
1
|
+
const whiteColorsPalette = {
|
|
3
2
|
Bkg: '#FFFFFF',
|
|
4
3
|
BkgHover: '#D2D2D2',
|
|
5
4
|
BkgPressed: '#B1B1B1',
|
|
@@ -140,11 +139,15 @@ var whiteColorsPalette = {
|
|
|
140
139
|
};
|
|
141
140
|
export function fallbackGetPalette(pal) {
|
|
142
141
|
return pal === 'TaskPane'
|
|
143
|
-
?
|
|
142
|
+
? {
|
|
143
|
+
...whiteColorsPalette,
|
|
144
|
+
Bkg: 'antiquewhite',
|
|
145
|
+
}
|
|
146
|
+
: whiteColorsPalette;
|
|
144
147
|
}
|
|
145
|
-
export
|
|
148
|
+
export const fallbackOfficeModule = {
|
|
146
149
|
getPalette: fallbackGetPalette,
|
|
147
|
-
getConstants
|
|
150
|
+
getConstants() {
|
|
148
151
|
return {
|
|
149
152
|
ramps: {
|
|
150
153
|
App: ['#F8F8F8', '#EFF6FC', '#BBDAF3', '#55A4E2', '#359EDD', '#0078d7', '#283E4A', '#030C13'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fallbackOfficeModule.js","sourceRoot":"","sources":["../../src/NativeModule/fallbackOfficeModule.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fallbackOfficeModule.js","sourceRoot":"","sources":["../../src/NativeModule/fallbackOfficeModule.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { NativeEventEmitter, TurboModuleRegistry } from 'react-native';
|
|
3
2
|
import { fallbackGetPalette, fallbackOfficeModule } from './fallbackOfficeModule';
|
|
4
3
|
import { setCurrentHostThemeSetting } from './hostThemeSetting';
|
|
@@ -7,37 +6,37 @@ import { setCurrentHostThemeSetting } from './hostThemeSetting';
|
|
|
7
6
|
* react-native only polyfills navigator with { product: 'ReactNative', geolocation: NativeModules.Geolocation }
|
|
8
7
|
*/
|
|
9
8
|
function disableGetPalette() {
|
|
10
|
-
|
|
9
|
+
const disabled = __DEV__ && navigator && navigator.userAgent !== undefined;
|
|
11
10
|
disabled && console.warn(console.warn('Web Debugging forces Theming Native Module to fallback to fake color values.'));
|
|
12
11
|
return disabled;
|
|
13
12
|
}
|
|
14
13
|
function themeGetConstants() {
|
|
15
14
|
return themingModuleConstants;
|
|
16
15
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
let themingModule = undefined;
|
|
17
|
+
let themingModuleConstants = undefined;
|
|
18
|
+
let themingModuleEmitter = undefined;
|
|
20
19
|
export function getThemingModule() {
|
|
21
20
|
if (!themingModule) {
|
|
22
|
-
|
|
21
|
+
const module = TurboModuleRegistry.get('Theming');
|
|
23
22
|
// if the native module exists return the module + an emitter for it
|
|
24
|
-
if (
|
|
23
|
+
if (module) {
|
|
25
24
|
if (!isInstantiated) {
|
|
26
25
|
// We need to store the host theme so that when themes are created
|
|
27
26
|
// they can use this information.
|
|
28
|
-
setCurrentHostThemeSetting(
|
|
27
|
+
setCurrentHostThemeSetting(module.getConstants().initialHostThemeSetting);
|
|
29
28
|
isInstantiated = true;
|
|
30
29
|
}
|
|
31
30
|
// Cache the result of getConstants to avoid continuous Native->JS marshalling
|
|
32
|
-
themingModuleConstants =
|
|
31
|
+
themingModuleConstants = module.getConstants();
|
|
33
32
|
// mock getPalette if it should be disabled
|
|
34
33
|
if (disableGetPalette()) {
|
|
35
|
-
themingModule =
|
|
34
|
+
themingModule = { ...module, getPalette: fallbackGetPalette, getConstants: themeGetConstants };
|
|
36
35
|
}
|
|
37
36
|
else {
|
|
38
|
-
themingModule =
|
|
37
|
+
themingModule = { ...module, getPalette: module.getPalette, getConstants: themeGetConstants };
|
|
39
38
|
}
|
|
40
|
-
themingModuleEmitter = new NativeEventEmitter(
|
|
39
|
+
themingModuleEmitter = new NativeEventEmitter(module);
|
|
41
40
|
}
|
|
42
41
|
else {
|
|
43
42
|
themingModule = fallbackOfficeModule;
|
|
@@ -45,5 +44,5 @@ export function getThemingModule() {
|
|
|
45
44
|
}
|
|
46
45
|
return [themingModule, themingModuleEmitter];
|
|
47
46
|
}
|
|
48
|
-
|
|
47
|
+
let isInstantiated = false;
|
|
49
48
|
//# sourceMappingURL=getThemingModule.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getThemingModule.native.js","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.native.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getThemingModule.native.js","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAGhE;;;GAGG;AAEH,SAAS,iBAAiB;IACxB,MAAM,QAAQ,GAAG,OAAO,IAAI,SAAS,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC;IAC3E,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC,CAAC;IACvH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,sBAAsB,CAAC;AAChC,CAAC;AAED,IAAI,aAAa,GAAwB,SAAS,CAAC;AACnD,IAAI,sBAAsB,GAAoD,SAAS,CAAC;AACxF,IAAI,oBAAoB,GAAuB,SAAS,CAAC;AACzD,MAAM,UAAU,gBAAgB;IAC9B,IAAI,CAAC,aAAa,EAAE;QAClB,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,CAAsB,SAAS,CAAC,CAAC;QACvE,oEAAoE;QACpE,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,cAAc,EAAE;gBACnB,kEAAkE;gBAClE,iCAAiC;gBACjC,0BAA0B,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,uBAAuB,CAAC,CAAC;gBAC1E,cAAc,GAAG,IAAI,CAAC;aACvB;YAED,8EAA8E;YAC9E,sBAAsB,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;YAE/C,2CAA2C;YAC3C,IAAI,iBAAiB,EAAE,EAAE;gBACvB,aAAa,GAAG,EAAE,GAAG,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC;aAChG;iBAAM;gBACL,aAAa,GAAG,EAAE,GAAG,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC;aAC/F;YACD,oBAAoB,GAAG,IAAI,kBAAkB,CAAC,MAAM,CAAC,CAAC;SACvD;aAAM;YACL,aAAa,GAAG,oBAAoB,CAAC;SACtC;KACF;IAED,OAAO,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;AAC/C,CAAC;AAED,IAAI,cAAc,GAAG,KAAK,CAAC"}
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
// Unfortunately, native changes take a long time to roundtrip,
|
|
8
8
|
// so as a workaround we store a copy of that information instead to last the
|
|
9
9
|
// entire lifetime of the instance.
|
|
10
|
-
|
|
11
|
-
export
|
|
10
|
+
let currentHostThemeSetting = '';
|
|
11
|
+
export const getCurrentHostThemeSetting = () => {
|
|
12
12
|
return currentHostThemeSetting;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export const setCurrentHostThemeSetting = (newHostThemeSetting) => {
|
|
15
15
|
currentHostThemeSetting = newHostThemeSetting;
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=hostThemeSetting.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hostThemeSetting.js","sourceRoot":"","sources":["../../src/NativeModule/hostThemeSetting.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,qEAAqE;AACrE,sEAAsE;AACtE,0EAA0E;AAC1E,2EAA2E;AAC3E,4BAA4B;AAC5B,+DAA+D;AAC/D,6EAA6E;AAC7E,mCAAmC;AACnC,IAAI,uBAAuB,GAAW,EAAE,CAAC;AAEzC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"hostThemeSetting.js","sourceRoot":"","sources":["../../src/NativeModule/hostThemeSetting.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,qEAAqE;AACrE,sEAAsE;AACtE,0EAA0E;AAC1E,2EAA2E;AAC3E,4BAA4B;AAC5B,+DAA+D;AAC/D,6EAA6E;AAC7E,mCAAmC;AACnC,IAAI,uBAAuB,GAAW,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,mBAA2B,EAAE,EAAE;IACxE,uBAAuB,GAAG,mBAAmB,CAAC;AAChD,CAAC,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __awaiter, __generator } from "tslib";
|
|
2
1
|
import { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from '../createBrandedThemeWithAlias';
|
|
3
2
|
import { createFontAliasTokens } from '../createFontAliasTokens';
|
|
4
3
|
import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from '../createOfficeAliasTokens';
|
|
@@ -7,98 +6,74 @@ import { createPartialOfficeTheme } from '../createPartialOfficeTheme';
|
|
|
7
6
|
import { win32Typography } from '../getThemeTypography';
|
|
8
7
|
import { setCurrentHostThemeSetting } from '../NativeModule/hostThemeSetting';
|
|
9
8
|
import { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from '../NativeModule/index';
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
it('win32Typography test',
|
|
9
|
+
const officeThemes = ['White', 'Colorful', 'DarkGray', 'Black', 'HighContrast'];
|
|
10
|
+
const appPrimaries = ['#185abd', '#107c41', '#d83b01', '#80397b', '#0078d4', '#c43e1c'];
|
|
11
|
+
it('win32Typography test', () => {
|
|
13
12
|
expect(win32Typography).toMatchSnapshot();
|
|
14
13
|
});
|
|
15
|
-
it('fallbackOfficeModule test',
|
|
14
|
+
it('fallbackOfficeModule test', () => {
|
|
16
15
|
expect(fallbackOfficeModule).toMatchSnapshot();
|
|
17
16
|
expect(fallbackOfficeModule.getConstants()).toMatchSnapshot();
|
|
18
17
|
});
|
|
19
|
-
it('getThemingModule test',
|
|
20
|
-
|
|
18
|
+
it('getThemingModule test', () => {
|
|
19
|
+
const themingModule = getThemingModule();
|
|
21
20
|
expect(themingModule).toMatchSnapshot();
|
|
22
21
|
expect(themingModule[0].getConstants()).toMatchSnapshot();
|
|
23
22
|
});
|
|
24
|
-
it('createPartialOfficeTheme test',
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
it('createPartialOfficeTheme test', () => {
|
|
24
|
+
const themingModule = getThemingModule();
|
|
25
|
+
const partialOfficeTheme = createPartialOfficeTheme(themingModule[0]);
|
|
27
26
|
expect(partialOfficeTheme).toMatchSnapshot;
|
|
28
27
|
});
|
|
29
|
-
it('createFontAliasTokens test',
|
|
30
|
-
|
|
28
|
+
it('createFontAliasTokens test', () => {
|
|
29
|
+
const fontAliasToken = createFontAliasTokens();
|
|
31
30
|
expect(fontAliasToken).toMatchSnapshot();
|
|
32
31
|
});
|
|
33
|
-
it('createOfficeTheme test',
|
|
34
|
-
|
|
32
|
+
it('createOfficeTheme test', () => {
|
|
33
|
+
const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
35
34
|
expect(officeTheme).toMatchSnapshot();
|
|
36
35
|
});
|
|
37
|
-
it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s',
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
});
|
|
47
|
-
it.concurrent.each(officeThemes)('
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}); });
|
|
55
|
-
it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
56
|
-
var shadowAliasToken;
|
|
57
|
-
return __generator(this, function (_a) {
|
|
58
|
-
shadowAliasToken = createOfficeShadowAliasTokens(themeName);
|
|
59
|
-
expect(shadowAliasToken).toMatchSnapshot();
|
|
60
|
-
return [2 /*return*/];
|
|
61
|
-
});
|
|
62
|
-
}); });
|
|
63
|
-
describe('fallbackGetPalette test', function () {
|
|
64
|
-
it('TaskPane palette', function () {
|
|
65
|
-
var fallbackPalette = fallbackGetPalette('TaskPane');
|
|
36
|
+
it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', async (themeName) => {
|
|
37
|
+
setCurrentHostThemeSetting('Colorful');
|
|
38
|
+
const officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
39
|
+
const brandedTheme = createBrandedThemeWithAlias(themeName, officeTheme);
|
|
40
|
+
expect(brandedTheme).toMatchSnapshot();
|
|
41
|
+
});
|
|
42
|
+
it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', async (themeName) => {
|
|
43
|
+
const colorAliasToken = createOfficeColorAliasTokens(themeName);
|
|
44
|
+
expect(colorAliasToken).toMatchSnapshot();
|
|
45
|
+
});
|
|
46
|
+
it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', async (themeName) => {
|
|
47
|
+
const shadowAliasToken = createOfficeShadowAliasTokens(themeName);
|
|
48
|
+
expect(shadowAliasToken).toMatchSnapshot();
|
|
49
|
+
});
|
|
50
|
+
describe('fallbackGetPalette test', () => {
|
|
51
|
+
it('TaskPane palette', () => {
|
|
52
|
+
const fallbackPalette = fallbackGetPalette('TaskPane');
|
|
66
53
|
expect(fallbackPalette).toMatchSnapshot();
|
|
67
54
|
});
|
|
68
|
-
it('Random palette',
|
|
55
|
+
it('Random palette', () => {
|
|
69
56
|
/**
|
|
70
57
|
* RedColors is just a random pallette, we're just testing to see what happens
|
|
71
58
|
* if we use anything other than the TaskPane palette.
|
|
72
59
|
* */
|
|
73
|
-
|
|
60
|
+
const fallbackPalette = fallbackGetPalette('RedColors');
|
|
74
61
|
expect(fallbackPalette).toMatchSnapshot();
|
|
75
62
|
});
|
|
76
63
|
});
|
|
77
|
-
describe('getCurrentBrandAliasTokens test',
|
|
78
|
-
it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s',
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
});
|
|
86
|
-
it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
87
|
-
var brandAliasTokens;
|
|
88
|
-
return __generator(this, function (_a) {
|
|
89
|
-
brandAliasTokens = getCurrentBrandAliasTokens('Colorful', appPrimary);
|
|
90
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
91
|
-
return [2 /*return*/];
|
|
92
|
-
});
|
|
93
|
-
}); });
|
|
64
|
+
describe('getCurrentBrandAliasTokens test', () => {
|
|
65
|
+
it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary) => {
|
|
66
|
+
const brandAliasTokens = getCurrentBrandAliasTokens('White', appPrimary);
|
|
67
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
68
|
+
});
|
|
69
|
+
it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary) => {
|
|
70
|
+
const brandAliasTokens = getCurrentBrandAliasTokens('Colorful', appPrimary);
|
|
71
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
72
|
+
});
|
|
94
73
|
// Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
|
|
95
|
-
it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s',
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
100
|
-
return [2 /*return*/];
|
|
101
|
-
});
|
|
102
|
-
}); });
|
|
74
|
+
it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', async (appPrimary) => {
|
|
75
|
+
const brandAliasTokens = getCurrentBrandAliasTokens(null, appPrimary);
|
|
76
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
77
|
+
});
|
|
103
78
|
});
|
|
104
79
|
//# sourceMappingURL=win32-theme.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"win32-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/win32-theme.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"win32-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/win32-theme.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ export function createBrandedThemeWithAlias(themeName, theme) {
|
|
|
8
8
|
};
|
|
9
9
|
}
|
|
10
10
|
export function getCurrentBrandAliasTokens(themeName, appPrimary) {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const appColors = getAppColors(appPrimary);
|
|
12
|
+
const isWhiteOrColorfulTheme = themeName === 'White' || themeName === 'Colorful';
|
|
13
13
|
return {
|
|
14
14
|
neutralForeground2BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
15
15
|
neutralForeground2BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,MAAM,UAAU,2BAA2B,CAAC,SAAiB,EAAE,KAAY;IACzE,IAAI,SAAS,KAAK,cAAc,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;QACtD,OAAO,EAAE,CAAC;KACX;IAED,OAAO;QACL,MAAM,EAAE,0BAA0B,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;KAC5E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAiB,EAAE,UAAsB;IAClF,
|
|
1
|
+
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ import { memoize } from '@fluentui-react-native/memo-cache';
|
|
|
2
2
|
import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
3
3
|
import { getOfficeAliasTokens } from './getOfficeTokens';
|
|
4
4
|
function createFontAliasTokensWorker() {
|
|
5
|
-
|
|
5
|
+
const aliasTokens = getOfficeAliasTokens('Colorful');
|
|
6
6
|
return mapFontPipelineToTheme(aliasTokens);
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export const createFontAliasTokens = memoize(createFontAliasTokensWorker);
|
|
9
9
|
//# sourceMappingURL=createFontAliasTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,MAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACrD,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/memo-cache';
|
|
|
2
2
|
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
3
3
|
import { getOfficeAliasTokens, getOfficeShadowTokens } from './getOfficeTokens';
|
|
4
4
|
function createOfficeColorAliasTokensWorker(officeTheme) {
|
|
5
|
-
|
|
5
|
+
const aliasTokens = getOfficeAliasTokens(officeTheme);
|
|
6
6
|
return mapPipelineToTheme(aliasTokens);
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export const createOfficeColorAliasTokens = memoize(createOfficeColorAliasTokensWorker);
|
|
9
9
|
function createOfficeShadowAliasTokensWorker(officeTheme) {
|
|
10
|
-
|
|
10
|
+
const aliasTokens = getOfficeShadowTokens(officeTheme);
|
|
11
11
|
return mapPipelineToShadow(aliasTokens);
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export const createOfficeShadowAliasTokens = memoize(createOfficeShadowAliasTokensWorker);
|
|
14
14
|
//# sourceMappingURL=createOfficeAliasTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,MAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAExF,SAAS,mCAAmC,CAAC,WAAmB;IAC9D,MAAM,WAAW,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACvD,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC"}
|
package/lib/createOfficeTheme.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { createDefaultTheme } from '@fluentui-react-native/default-theme';
|
|
3
2
|
import { ThemeReference } from '@fluentui-react-native/theme';
|
|
4
3
|
import { createAliasesFromPalette } from './createAliasesFromPalette';
|
|
@@ -9,7 +8,7 @@ import { win32Typography } from './getThemeTypography';
|
|
|
9
8
|
import { getThemingModule } from './NativeModule/getThemingModule';
|
|
10
9
|
import { getCurrentHostThemeSetting, setCurrentHostThemeSetting } from './NativeModule/hostThemeSetting';
|
|
11
10
|
function handlePaletteCall(palette) {
|
|
12
|
-
|
|
11
|
+
const exception = palette;
|
|
13
12
|
return exception && exception.message !== undefined ? undefined : palette;
|
|
14
13
|
}
|
|
15
14
|
/**
|
|
@@ -21,41 +20,43 @@ function handlePaletteCall(palette) {
|
|
|
21
20
|
*
|
|
22
21
|
* @param paletteName - optional specifier for the currently active office palette
|
|
23
22
|
*/
|
|
24
|
-
export function createOfficeTheme(options) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var palette = handlePaletteCall(ref.module.getPalette(name));
|
|
23
|
+
export function createOfficeTheme(options = {}) {
|
|
24
|
+
const [module, emitter] = getThemingModule();
|
|
25
|
+
const ref = { module, emitter, themeName: getCurrentHostThemeSetting() || '' };
|
|
26
|
+
const { paletteName } = options;
|
|
27
|
+
const themeRef = new ThemeReference(createDefaultTheme(options), () => {
|
|
28
|
+
const name = paletteName || 'WhiteColors';
|
|
29
|
+
const palette = handlePaletteCall(ref.module.getPalette(name));
|
|
32
30
|
return createPartialOfficeTheme(module, ref.themeName, palette);
|
|
33
|
-
},
|
|
31
|
+
}, () => {
|
|
34
32
|
if (!ref.themeName || ref.themeName === '') {
|
|
35
33
|
return {};
|
|
36
34
|
}
|
|
37
35
|
return {
|
|
38
|
-
shadows:
|
|
36
|
+
shadows: { ...createOfficeShadowAliasTokens(ref.themeName) },
|
|
39
37
|
typography: win32Typography(),
|
|
40
38
|
};
|
|
41
|
-
},
|
|
39
|
+
}, () => {
|
|
42
40
|
if (!ref.themeName || ref.themeName === '') {
|
|
43
41
|
return {};
|
|
44
42
|
}
|
|
45
43
|
return {
|
|
46
|
-
colors:
|
|
44
|
+
colors: { ...createOfficeColorAliasTokens(ref.themeName) },
|
|
47
45
|
typography: win32Typography(),
|
|
48
46
|
};
|
|
49
|
-
},
|
|
47
|
+
}, (theme) => {
|
|
50
48
|
return createBrandedThemeWithAlias(ref.themeName, theme);
|
|
51
|
-
},
|
|
49
|
+
}, (theme) => {
|
|
52
50
|
if (!theme.host.palette) {
|
|
53
51
|
return {};
|
|
54
52
|
}
|
|
55
|
-
return
|
|
53
|
+
return {
|
|
54
|
+
...(paletteName !== undefined && { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') }),
|
|
55
|
+
typography: win32Typography(),
|
|
56
|
+
};
|
|
56
57
|
});
|
|
57
58
|
// set up the callback for theme changes on the native side
|
|
58
|
-
|
|
59
|
+
const onPlatformDefaultsChanged = (args) => {
|
|
59
60
|
ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
|
|
60
61
|
setCurrentHostThemeSetting(ref.themeName);
|
|
61
62
|
themeRef.invalidate();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"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"}
|