@fluentui-react-native/win32-theme 0.34.6 → 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 +36 -1
- package/CHANGELOG.md +10 -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 +20 -8
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
|
|
3
2
|
import { createFontAliasTokens } from './createFontAliasTokens';
|
|
4
3
|
export function win32Typography() {
|
|
5
|
-
|
|
4
|
+
const win32Dict = {
|
|
6
5
|
sizes: defaultFluentTheme.typography.sizes,
|
|
7
6
|
weights: defaultFluentTheme.typography.weights,
|
|
8
7
|
// hard coded until we support new fontFamily format
|
|
@@ -15,7 +14,22 @@ export function win32Typography() {
|
|
|
15
14
|
serif: 'System',
|
|
16
15
|
numeric: 'Bahnschrift',
|
|
17
16
|
},
|
|
18
|
-
variants:
|
|
17
|
+
variants: {
|
|
18
|
+
captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
|
|
19
|
+
secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
|
|
20
|
+
secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
|
|
21
|
+
bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
|
|
22
|
+
bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
|
|
23
|
+
subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
|
|
24
|
+
subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
|
|
25
|
+
headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
|
|
26
|
+
headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
|
|
27
|
+
heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
|
|
28
|
+
heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
|
|
29
|
+
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
|
|
30
|
+
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
|
|
31
|
+
...createFontAliasTokens(),
|
|
32
|
+
},
|
|
19
33
|
};
|
|
20
34
|
return win32Dict;
|
|
21
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getThemeTypography.js","sourceRoot":"","sources":["../src/getThemeTypography.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getThemeTypography.js","sourceRoot":"","sources":["../src/getThemeTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,UAAU,eAAe;IAC7B,MAAM,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;YACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE;YAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE;YAC7E,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE;YAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE;YACnE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE;YAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE;YAC7E,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE;YACtE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE;YACvE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE;YAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE;YACnE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE;YAC5E,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE;YAC7E,GAAG,qBAAqB,EAAE;SACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { PlatformColor } from 'react-native';
|
|
2
2
|
import aliasTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-aliases.json';
|
|
3
|
-
export
|
|
3
|
+
export const hcAliasTokens = processAliasTokens(aliasTokens);
|
|
4
4
|
function processAliasTokens(aliasTokens) {
|
|
5
|
-
for (
|
|
6
|
-
for (
|
|
7
|
-
|
|
5
|
+
for (const key in aliasTokens) {
|
|
6
|
+
for (const innerKey in aliasTokens[key]) {
|
|
7
|
+
const entry = aliasTokens[key][innerKey];
|
|
8
8
|
if (typeof entry === 'string' && entry.includes('PlatformColor')) {
|
|
9
|
-
|
|
9
|
+
const color = entry.substring(14, entry.length - 1);
|
|
10
10
|
aliasTokens[key][innerKey] = PlatformColor(color);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1 +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;AAE7C,OAAO,WAAW,MAAM,mEAAmE,CAAC;AAE5F,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/highContrast/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,WAAW,MAAM,mEAAmE,CAAC;AAE5F,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAE7D,SAAS,kBAAkB,CAAC,WAAgB;IAC1C,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,KAAK,MAAM,QAAQ,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACvC,MAAM,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,MAAM,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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getThemingModule = void 0;
|
|
4
|
-
|
|
4
|
+
const fallbackOfficeModule_1 = require("../fallbackOfficeModule");
|
|
5
5
|
/**
|
|
6
6
|
* implementations for react-native-web, where the native module will not exist. In this case just use the full fallback implementation
|
|
7
7
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getThemingModule.native.js","sourceRoot":"","sources":["../../../src/NativeModule/_mocks_/getThemingModule.native.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"getThemingModule.native.js","sourceRoot":"","sources":["../../../src/NativeModule/_mocks_/getThemingModule.native.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAG/D;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,OAAO,CAAC,2CAAoB,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC;AAFD,4CAEC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.fallbackOfficeModule = exports.fallbackGetPalette = void 0;
|
|
4
|
-
|
|
5
|
-
var whiteColorsPalette = {
|
|
4
|
+
const whiteColorsPalette = {
|
|
6
5
|
Bkg: '#FFFFFF',
|
|
7
6
|
BkgHover: '#D2D2D2',
|
|
8
7
|
BkgPressed: '#B1B1B1',
|
|
@@ -143,12 +142,16 @@ var whiteColorsPalette = {
|
|
|
143
142
|
};
|
|
144
143
|
function fallbackGetPalette(pal) {
|
|
145
144
|
return pal === 'TaskPane'
|
|
146
|
-
?
|
|
145
|
+
? {
|
|
146
|
+
...whiteColorsPalette,
|
|
147
|
+
Bkg: 'antiquewhite',
|
|
148
|
+
}
|
|
149
|
+
: whiteColorsPalette;
|
|
147
150
|
}
|
|
148
151
|
exports.fallbackGetPalette = fallbackGetPalette;
|
|
149
152
|
exports.fallbackOfficeModule = {
|
|
150
153
|
getPalette: fallbackGetPalette,
|
|
151
|
-
getConstants
|
|
154
|
+
getConstants() {
|
|
152
155
|
return {
|
|
153
156
|
ramps: {
|
|
154
157
|
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,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getThemingModule = void 0;
|
|
4
|
-
|
|
4
|
+
const fallbackOfficeModule_1 = require("./fallbackOfficeModule");
|
|
5
5
|
/**
|
|
6
6
|
* implementations for react-native-web, where the native module will not exist. In this case just use the full fallback implementation
|
|
7
7
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getThemingModule.js","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.ts"],"names":[],"mappings":";;;AAEA
|
|
1
|
+
{"version":3,"file":"getThemingModule.js","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.ts"],"names":[],"mappings":";;;AAEA,iEAA8D;AAG9D;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,OAAO,CAAC,2CAAoB,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC;AAFD,4CAEC"}
|
|
@@ -1,46 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getThemingModule = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var hostThemeSetting_1 = require("./hostThemeSetting");
|
|
4
|
+
const react_native_1 = require("react-native");
|
|
5
|
+
const fallbackOfficeModule_1 = require("./fallbackOfficeModule");
|
|
6
|
+
const hostThemeSetting_1 = require("./hostThemeSetting");
|
|
8
7
|
/**
|
|
9
8
|
* If we have a userAgent string, let's assume we're web debugging. __DEV__ is for developer bundles. Currently,
|
|
10
9
|
* react-native only polyfills navigator with { product: 'ReactNative', geolocation: NativeModules.Geolocation }
|
|
11
10
|
*/
|
|
12
11
|
function disableGetPalette() {
|
|
13
|
-
|
|
12
|
+
const disabled = __DEV__ && navigator && navigator.userAgent !== undefined;
|
|
14
13
|
disabled && console.warn(console.warn('Web Debugging forces Theming Native Module to fallback to fake color values.'));
|
|
15
14
|
return disabled;
|
|
16
15
|
}
|
|
17
16
|
function themeGetConstants() {
|
|
18
17
|
return themingModuleConstants;
|
|
19
18
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
let themingModule = undefined;
|
|
20
|
+
let themingModuleConstants = undefined;
|
|
21
|
+
let themingModuleEmitter = undefined;
|
|
23
22
|
function getThemingModule() {
|
|
24
23
|
if (!themingModule) {
|
|
25
|
-
|
|
24
|
+
const module = react_native_1.TurboModuleRegistry.get('Theming');
|
|
26
25
|
// if the native module exists return the module + an emitter for it
|
|
27
|
-
if (
|
|
26
|
+
if (module) {
|
|
28
27
|
if (!isInstantiated) {
|
|
29
28
|
// We need to store the host theme so that when themes are created
|
|
30
29
|
// they can use this information.
|
|
31
|
-
(0, hostThemeSetting_1.setCurrentHostThemeSetting)(
|
|
30
|
+
(0, hostThemeSetting_1.setCurrentHostThemeSetting)(module.getConstants().initialHostThemeSetting);
|
|
32
31
|
isInstantiated = true;
|
|
33
32
|
}
|
|
34
33
|
// Cache the result of getConstants to avoid continuous Native->JS marshalling
|
|
35
|
-
themingModuleConstants =
|
|
34
|
+
themingModuleConstants = module.getConstants();
|
|
36
35
|
// mock getPalette if it should be disabled
|
|
37
36
|
if (disableGetPalette()) {
|
|
38
|
-
themingModule =
|
|
37
|
+
themingModule = { ...module, getPalette: fallbackOfficeModule_1.fallbackGetPalette, getConstants: themeGetConstants };
|
|
39
38
|
}
|
|
40
39
|
else {
|
|
41
|
-
themingModule =
|
|
40
|
+
themingModule = { ...module, getPalette: module.getPalette, getConstants: themeGetConstants };
|
|
42
41
|
}
|
|
43
|
-
themingModuleEmitter = new react_native_1.NativeEventEmitter(
|
|
42
|
+
themingModuleEmitter = new react_native_1.NativeEventEmitter(module);
|
|
44
43
|
}
|
|
45
44
|
else {
|
|
46
45
|
themingModule = fallbackOfficeModule_1.fallbackOfficeModule;
|
|
@@ -49,5 +48,5 @@ function getThemingModule() {
|
|
|
49
48
|
return [themingModule, themingModuleEmitter];
|
|
50
49
|
}
|
|
51
50
|
exports.getThemingModule = getThemingModule;
|
|
52
|
-
|
|
51
|
+
let isInstantiated = false;
|
|
53
52
|
//# 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,+CAAuE;AAEvE,iEAAkF;AAClF,yDAAgE;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,SAAgB,gBAAgB;IAC9B,IAAI,CAAC,aAAa,EAAE;QAClB,MAAM,MAAM,GAAG,kCAAmB,CAAC,GAAG,CAAsB,SAAS,CAAC,CAAC;QACvE,oEAAoE;QACpE,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,cAAc,EAAE;gBACnB,kEAAkE;gBAClE,iCAAiC;gBACjC,IAAA,6CAA0B,EAAC,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,yCAAkB,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,iCAAkB,CAAC,MAAM,CAAC,CAAC;SACvD;aAAM;YACL,aAAa,GAAG,2CAAoB,CAAC;SACtC;KACF;IAED,OAAO,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;AAC/C,CAAC;AA5BD,4CA4BC;AAED,IAAI,cAAc,GAAG,KAAK,CAAC"}
|
|
@@ -10,12 +10,12 @@ exports.setCurrentHostThemeSetting = exports.getCurrentHostThemeSetting = void 0
|
|
|
10
10
|
// Unfortunately, native changes take a long time to roundtrip,
|
|
11
11
|
// so as a workaround we store a copy of that information instead to last the
|
|
12
12
|
// entire lifetime of the instance.
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
let currentHostThemeSetting = '';
|
|
14
|
+
const getCurrentHostThemeSetting = () => {
|
|
15
15
|
return currentHostThemeSetting;
|
|
16
16
|
};
|
|
17
17
|
exports.getCurrentHostThemeSetting = getCurrentHostThemeSetting;
|
|
18
|
-
|
|
18
|
+
const setCurrentHostThemeSetting = (newHostThemeSetting) => {
|
|
19
19
|
currentHostThemeSetting = newHostThemeSetting;
|
|
20
20
|
};
|
|
21
21
|
exports.setCurrentHostThemeSetting = setCurrentHostThemeSetting;
|
|
@@ -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;AAElC,
|
|
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;AAElC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAFW,QAAA,0BAA0B,8BAErC;AAEK,MAAM,0BAA0B,GAAG,CAAC,mBAA2B,EAAE,EAAE;IACxE,uBAAuB,GAAG,mBAAmB,CAAC;AAChD,CAAC,CAAC;AAFW,QAAA,0BAA0B,8BAErC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./fallbackOfficeModule"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./getThemingModule"), exports);
|
|
6
6
|
tslib_1.__exportStar(require("./officeThemingModule"), exports);
|
|
@@ -1,106 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
it('win32Typography test', function () {
|
|
3
|
+
const createBrandedThemeWithAlias_1 = require("../createBrandedThemeWithAlias");
|
|
4
|
+
const createFontAliasTokens_1 = require("../createFontAliasTokens");
|
|
5
|
+
const createOfficeAliasTokens_1 = require("../createOfficeAliasTokens");
|
|
6
|
+
const createOfficeTheme_1 = require("../createOfficeTheme");
|
|
7
|
+
const createPartialOfficeTheme_1 = require("../createPartialOfficeTheme");
|
|
8
|
+
const getThemeTypography_1 = require("../getThemeTypography");
|
|
9
|
+
const hostThemeSetting_1 = require("../NativeModule/hostThemeSetting");
|
|
10
|
+
const index_1 = require("../NativeModule/index");
|
|
11
|
+
const officeThemes = ['White', 'Colorful', 'DarkGray', 'Black', 'HighContrast'];
|
|
12
|
+
const appPrimaries = ['#185abd', '#107c41', '#d83b01', '#80397b', '#0078d4', '#c43e1c'];
|
|
13
|
+
it('win32Typography test', () => {
|
|
15
14
|
expect(getThemeTypography_1.win32Typography).toMatchSnapshot();
|
|
16
15
|
});
|
|
17
|
-
it('fallbackOfficeModule test',
|
|
16
|
+
it('fallbackOfficeModule test', () => {
|
|
18
17
|
expect(index_1.fallbackOfficeModule).toMatchSnapshot();
|
|
19
18
|
expect(index_1.fallbackOfficeModule.getConstants()).toMatchSnapshot();
|
|
20
19
|
});
|
|
21
|
-
it('getThemingModule test',
|
|
22
|
-
|
|
20
|
+
it('getThemingModule test', () => {
|
|
21
|
+
const themingModule = (0, index_1.getThemingModule)();
|
|
23
22
|
expect(themingModule).toMatchSnapshot();
|
|
24
23
|
expect(themingModule[0].getConstants()).toMatchSnapshot();
|
|
25
24
|
});
|
|
26
|
-
it('createPartialOfficeTheme test',
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
it('createPartialOfficeTheme test', () => {
|
|
26
|
+
const themingModule = (0, index_1.getThemingModule)();
|
|
27
|
+
const partialOfficeTheme = (0, createPartialOfficeTheme_1.createPartialOfficeTheme)(themingModule[0]);
|
|
29
28
|
expect(partialOfficeTheme).toMatchSnapshot;
|
|
30
29
|
});
|
|
31
|
-
it('createFontAliasTokens test',
|
|
32
|
-
|
|
30
|
+
it('createFontAliasTokens test', () => {
|
|
31
|
+
const fontAliasToken = (0, createFontAliasTokens_1.createFontAliasTokens)();
|
|
33
32
|
expect(fontAliasToken).toMatchSnapshot();
|
|
34
33
|
});
|
|
35
|
-
it('createOfficeTheme test',
|
|
36
|
-
|
|
34
|
+
it('createOfficeTheme test', () => {
|
|
35
|
+
const officeTheme = (0, createOfficeTheme_1.createOfficeTheme)({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
37
36
|
expect(officeTheme).toMatchSnapshot();
|
|
38
37
|
});
|
|
39
|
-
it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s',
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
});
|
|
49
|
-
it.concurrent.each(officeThemes)('
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}); });
|
|
57
|
-
it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', function (themeName) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
58
|
-
var shadowAliasToken;
|
|
59
|
-
return tslib_1.__generator(this, function (_a) {
|
|
60
|
-
shadowAliasToken = (0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(themeName);
|
|
61
|
-
expect(shadowAliasToken).toMatchSnapshot();
|
|
62
|
-
return [2 /*return*/];
|
|
63
|
-
});
|
|
64
|
-
}); });
|
|
65
|
-
describe('fallbackGetPalette test', function () {
|
|
66
|
-
it('TaskPane palette', function () {
|
|
67
|
-
var fallbackPalette = (0, index_1.fallbackGetPalette)('TaskPane');
|
|
38
|
+
it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', async (themeName) => {
|
|
39
|
+
(0, hostThemeSetting_1.setCurrentHostThemeSetting)('Colorful');
|
|
40
|
+
const officeTheme = (0, createOfficeTheme_1.createOfficeTheme)({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
41
|
+
const brandedTheme = (0, createBrandedThemeWithAlias_1.createBrandedThemeWithAlias)(themeName, officeTheme);
|
|
42
|
+
expect(brandedTheme).toMatchSnapshot();
|
|
43
|
+
});
|
|
44
|
+
it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', async (themeName) => {
|
|
45
|
+
const colorAliasToken = (0, createOfficeAliasTokens_1.createOfficeColorAliasTokens)(themeName);
|
|
46
|
+
expect(colorAliasToken).toMatchSnapshot();
|
|
47
|
+
});
|
|
48
|
+
it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', async (themeName) => {
|
|
49
|
+
const shadowAliasToken = (0, createOfficeAliasTokens_1.createOfficeShadowAliasTokens)(themeName);
|
|
50
|
+
expect(shadowAliasToken).toMatchSnapshot();
|
|
51
|
+
});
|
|
52
|
+
describe('fallbackGetPalette test', () => {
|
|
53
|
+
it('TaskPane palette', () => {
|
|
54
|
+
const fallbackPalette = (0, index_1.fallbackGetPalette)('TaskPane');
|
|
68
55
|
expect(fallbackPalette).toMatchSnapshot();
|
|
69
56
|
});
|
|
70
|
-
it('Random palette',
|
|
57
|
+
it('Random palette', () => {
|
|
71
58
|
/**
|
|
72
59
|
* RedColors is just a random pallette, we're just testing to see what happens
|
|
73
60
|
* if we use anything other than the TaskPane palette.
|
|
74
61
|
* */
|
|
75
|
-
|
|
62
|
+
const fallbackPalette = (0, index_1.fallbackGetPalette)('RedColors');
|
|
76
63
|
expect(fallbackPalette).toMatchSnapshot();
|
|
77
64
|
});
|
|
78
65
|
});
|
|
79
|
-
describe('getCurrentBrandAliasTokens test',
|
|
80
|
-
it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s',
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
});
|
|
88
|
-
it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', function (appPrimary) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
89
|
-
var brandAliasTokens;
|
|
90
|
-
return tslib_1.__generator(this, function (_a) {
|
|
91
|
-
brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('Colorful', appPrimary);
|
|
92
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
93
|
-
return [2 /*return*/];
|
|
94
|
-
});
|
|
95
|
-
}); });
|
|
66
|
+
describe('getCurrentBrandAliasTokens test', () => {
|
|
67
|
+
it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', async (appPrimary) => {
|
|
68
|
+
const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('White', appPrimary);
|
|
69
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
70
|
+
});
|
|
71
|
+
it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', async (appPrimary) => {
|
|
72
|
+
const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)('Colorful', appPrimary);
|
|
73
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
74
|
+
});
|
|
96
75
|
// Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
|
|
97
|
-
it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s',
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
102
|
-
return [2 /*return*/];
|
|
103
|
-
});
|
|
104
|
-
}); });
|
|
76
|
+
it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', async (appPrimary) => {
|
|
77
|
+
const brandAliasTokens = (0, createBrandedThemeWithAlias_1.getCurrentBrandAliasTokens)(null, appPrimary);
|
|
78
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
79
|
+
});
|
|
105
80
|
});
|
|
106
81
|
//# 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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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getCurrentBrandAliasTokens = exports.createBrandedThemeWithAlias = void 0;
|
|
4
|
-
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
5
|
function createBrandedThemeWithAlias(themeName, theme) {
|
|
6
6
|
if (themeName === 'HighContrast' || !theme.host.colors) {
|
|
7
7
|
return {};
|
|
@@ -12,8 +12,8 @@ function createBrandedThemeWithAlias(themeName, theme) {
|
|
|
12
12
|
}
|
|
13
13
|
exports.createBrandedThemeWithAlias = createBrandedThemeWithAlias;
|
|
14
14
|
function getCurrentBrandAliasTokens(themeName, appPrimary) {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const appColors = getAppColors(appPrimary);
|
|
16
|
+
const isWhiteOrColorfulTheme = themeName === 'White' || themeName === 'Colorful';
|
|
17
17
|
return {
|
|
18
18
|
neutralForeground2BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
19
19
|
neutralForeground2BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":";;;AAEA,
|
|
1
|
+
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createFontAliasTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
5
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
6
|
+
const getOfficeTokens_1 = require("./getOfficeTokens");
|
|
7
7
|
function createFontAliasTokensWorker() {
|
|
8
|
-
|
|
8
|
+
const aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)('Colorful');
|
|
9
9
|
return (0, theming_utils_1.mapFontPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createFontAliasTokens = (0, memo_cache_1.memoize)(createFontAliasTokensWorker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":";;;AAAA,kEAA4D;AAE5D,wEAA8E;AAE9E,uDAAyD;AAEzD,SAAS,2BAA2B;IAClC,MAAM,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,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createOfficeShadowAliasTokens = exports.createOfficeColorAliasTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
5
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
6
|
+
const getOfficeTokens_1 = require("./getOfficeTokens");
|
|
7
7
|
function createOfficeColorAliasTokensWorker(officeTheme) {
|
|
8
|
-
|
|
8
|
+
const aliasTokens = (0, getOfficeTokens_1.getOfficeAliasTokens)(officeTheme);
|
|
9
9
|
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createOfficeColorAliasTokens = (0, memo_cache_1.memoize)(createOfficeColorAliasTokensWorker);
|
|
12
12
|
function createOfficeShadowAliasTokensWorker(officeTheme) {
|
|
13
|
-
|
|
13
|
+
const aliasTokens = (0, getOfficeTokens_1.getOfficeShadowTokens)(officeTheme);
|
|
14
14
|
return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
|
|
15
15
|
}
|
|
16
16
|
exports.createOfficeShadowAliasTokens = (0, memo_cache_1.memoize)(createOfficeShadowAliasTokensWorker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":";;;AAAA,kEAA4D;AAE5D,wEAA+F;AAE/F,uDAAgF;AAEhF,SAAS,kCAAkC,CAAC,WAAmB;IAC7D,MAAM,WAAW,GAAG,IAAA,sCAAoB,EAAC,WAAW,CAAC,CAAC;IACtD,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAEY,QAAA,4BAA4B,GAAG,IAAA,oBAAO,EAAC,kCAAkC,CAAC,CAAC;AAExF,SAAS,mCAAmC,CAAC,WAAmB;IAC9D,MAAM,WAAW,GAAG,IAAA,uCAAqB,EAAC,WAAW,CAAC,CAAC;IACvD,OAAO,IAAA,mCAAmB,EAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAEY,QAAA,6BAA6B,GAAG,IAAA,oBAAO,EAAC,mCAAmC,CAAC,CAAC"}
|