@fluentui-react-native/default-theme 0.26.16 → 0.27.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.
- package/CHANGELOG.md +41 -1
- package/lib/__tests__/default-theme.test.d.ts +1 -1
- package/lib/__tests__/default-theme.test.js +22 -22
- package/lib/__tests__/default-theme.test.js.map +1 -1
- package/lib/createAliasTokens.d.ts +1 -1
- package/lib/createAliasTokens.js +5 -5
- package/lib/createAliasTokens.js.map +1 -1
- package/lib/createDefaultTheme.d.ts +1 -1
- package/lib/createDefaultTheme.js +21 -21
- package/lib/createDefaultTheme.js.map +1 -1
- package/lib/defaultColors.d.ts +1 -1
- package/lib/defaultColors.js +254 -254
- package/lib/defaultColors.js.map +1 -1
- package/lib/defaultTheme.d.ts +1 -1
- package/lib/defaultTheme.js +86 -86
- package/lib/defaultTheme.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/stockWebPalette.d.ts +1 -1
- package/lib/stockWebPalette.js +92 -89
- package/lib/stockWebPalette.js.map +1 -1
- package/lib/stockWebPalette.macos.d.ts +1 -1
- package/lib/stockWebPalette.macos.d.ts.map +1 -1
- package/lib/stockWebPalette.macos.js +70 -68
- package/lib/stockWebPalette.macos.js.map +1 -1
- package/lib/stockWebPalette.win32.d.ts +1 -1
- package/lib/stockWebPalette.win32.d.ts.map +1 -1
- package/lib/stockWebPalette.win32.js +70 -68
- package/lib/stockWebPalette.win32.js.map +1 -1
- package/lib-commonjs/__tests__/default-theme.test.d.ts +1 -1
- package/lib-commonjs/__tests__/default-theme.test.js +27 -27
- package/lib-commonjs/__tests__/default-theme.test.js.map +1 -1
- package/lib-commonjs/createAliasTokens.d.ts +1 -1
- package/lib-commonjs/createAliasTokens.js +10 -10
- package/lib-commonjs/createAliasTokens.js.map +1 -1
- package/lib-commonjs/createDefaultTheme.d.ts +1 -1
- package/lib-commonjs/createDefaultTheme.js +34 -33
- package/lib-commonjs/createDefaultTheme.js.map +1 -1
- package/lib-commonjs/defaultColors.d.ts +1 -1
- package/lib-commonjs/defaultColors.js +259 -260
- package/lib-commonjs/defaultColors.js.map +1 -1
- package/lib-commonjs/defaultTheme.d.ts +1 -1
- package/lib-commonjs/defaultTheme.js +95 -95
- package/lib-commonjs/defaultTheme.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +30 -10
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/stockWebPalette.d.ts +1 -1
- package/lib-commonjs/stockWebPalette.js +99 -97
- package/lib-commonjs/stockWebPalette.js.map +1 -1
- package/lib-commonjs/stockWebPalette.macos.d.ts +1 -1
- package/lib-commonjs/stockWebPalette.macos.d.ts.map +1 -1
- package/lib-commonjs/stockWebPalette.macos.js +77 -76
- package/lib-commonjs/stockWebPalette.macos.js.map +1 -1
- package/lib-commonjs/stockWebPalette.win32.d.ts +1 -1
- package/lib-commonjs/stockWebPalette.win32.d.ts.map +1 -1
- package/lib-commonjs/stockWebPalette.win32.js +77 -76
- package/lib-commonjs/stockWebPalette.win32.js.map +1 -1
- package/package.json +55 -55
- package/src/stockWebPalette.macos.ts +0 -1
- package/src/stockWebPalette.win32.ts +0 -1
|
@@ -1,75 +1,77 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
2
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
3
2
|
import { createColorAliasTokens } from './createAliasTokens';
|
|
4
3
|
import { paletteFromFabricColors } from './defaultColors';
|
|
5
4
|
export function getStockWebPalette() {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
5
|
+
return {
|
|
6
|
+
...paletteFromFabricColors({
|
|
7
|
+
black: globalTokens.color.black,
|
|
8
|
+
neutralDark: '#201f1e',
|
|
9
|
+
neutralPrimary: '#323130',
|
|
10
|
+
neutralPrimaryAlt: '#3b3a39',
|
|
11
|
+
neutralSecondary: '#605e5c',
|
|
12
|
+
neutralSecondaryAlt: '#8a8886',
|
|
13
|
+
neutralTertiary: '#a19f9d',
|
|
14
|
+
neutralTertiaryAlt: '#c8c6c4',
|
|
15
|
+
neutralQuaternary: '#d2d0ce',
|
|
16
|
+
neutralQuaternaryAlt: '#e1dfdd',
|
|
17
|
+
neutralLight: '#edebe9',
|
|
18
|
+
neutralLighter: '#f3f2f1',
|
|
19
|
+
neutralLighterAlt: '#faf9f8',
|
|
20
|
+
white: globalTokens.color.white,
|
|
21
|
+
// Shared Colors
|
|
22
|
+
red: globalTokens.color.red.primary,
|
|
23
|
+
redDark: globalTokens.color.burgundy.primary,
|
|
24
|
+
themeDarker: globalTokens.color.brand.shade40,
|
|
25
|
+
themeDark: globalTokens.color.brand.shade20,
|
|
26
|
+
themeDarkAlt: globalTokens.color.brand.shade10,
|
|
27
|
+
themePrimary: globalTokens.color.brand.primary,
|
|
28
|
+
themeSecondary: '#2b88d8',
|
|
29
|
+
themeTertiary: '#71afe5',
|
|
30
|
+
themeLight: globalTokens.color.brand.tint40,
|
|
31
|
+
themeLighter: globalTokens.color.brand.tint50,
|
|
32
|
+
themeLighterAlt: globalTokens.color.brand.tint60,
|
|
33
|
+
accent: globalTokens.color.brand.primary,
|
|
34
|
+
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
35
|
+
}),
|
|
36
|
+
...createColorAliasTokens('light'),
|
|
37
|
+
};
|
|
39
38
|
}
|
|
40
39
|
export function getStockWebDarkPalette() {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
40
|
+
return {
|
|
41
|
+
...paletteFromFabricColors(
|
|
42
|
+
{
|
|
43
|
+
// colors taken from fluentui DarkCustomizations.ts
|
|
44
|
+
themeDarker: '#82c7ff',
|
|
45
|
+
themeDark: globalTokens.color.brand.tint30,
|
|
46
|
+
themeDarkAlt: globalTokens.color.brand.tint20,
|
|
47
|
+
themePrimary: globalTokens.color.brand.tint10,
|
|
48
|
+
themeSecondary: globalTokens.color.brand.primary,
|
|
49
|
+
themeTertiary: '#235a85',
|
|
50
|
+
themeLight: globalTokens.color.brand.shade30,
|
|
51
|
+
themeLighter: globalTokens.color.brand.shade50,
|
|
52
|
+
themeLighterAlt: globalTokens.color.brand.shade60,
|
|
53
|
+
black: globalTokens.color.white,
|
|
54
|
+
neutralDark: '#faf9f8',
|
|
55
|
+
neutralPrimary: '#f3f2f1',
|
|
56
|
+
neutralPrimaryAlt: '#c8c6c4',
|
|
57
|
+
neutralSecondary: '#a19f9d',
|
|
58
|
+
neutralSecondaryAlt: '#979693',
|
|
59
|
+
neutralTertiary: '#797775',
|
|
60
|
+
neutralTertiaryAlt: '#484644',
|
|
61
|
+
neutralQuaternary: '#3b3a39',
|
|
62
|
+
neutralQuaternaryAlt: '#323130',
|
|
63
|
+
neutralLight: '#292827',
|
|
64
|
+
neutralLighter: '#252423',
|
|
65
|
+
neutralLighterAlt: '#201f1e',
|
|
66
|
+
white: '#1b1a19',
|
|
67
|
+
red: globalTokens.color.red.primary,
|
|
68
|
+
accent: globalTokens.color.brand.primary,
|
|
69
|
+
redDark: '#f1707b',
|
|
70
|
+
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
71
|
+
},
|
|
72
|
+
true,
|
|
73
|
+
),
|
|
74
|
+
...createColorAliasTokens('dark'),
|
|
75
|
+
};
|
|
74
76
|
}
|
|
75
|
-
//# sourceMappingURL=stockWebPalette.win32.js.map
|
|
77
|
+
//# sourceMappingURL=stockWebPalette.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stockWebPalette.win32.js","sourceRoot":"","sources":["../src/stockWebPalette.win32.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"stockWebPalette.win32.js","sourceRoot":"","sources":["../src/stockWebPalette.win32.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=default-theme.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=default-theme.test.d.ts.map
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
const createAliasTokens_1 = require(
|
|
4
|
-
const createDefaultTheme_1 = require(
|
|
5
|
-
const defaultTheme_1 = require(
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
|
+
const createAliasTokens_1 = require('../createAliasTokens');
|
|
4
|
+
const createDefaultTheme_1 = require('../createDefaultTheme');
|
|
5
|
+
const defaultTheme_1 = require('../defaultTheme');
|
|
6
6
|
const defaultThemeOptions = [
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
[{ appearance: 'light', defaultAppearance: 'light' }],
|
|
8
|
+
[{ appearance: 'dark', defaultAppearance: 'light' }],
|
|
9
|
+
[{ appearance: 'highContrast', defaultAppearance: 'light' }],
|
|
10
|
+
[{ appearance: undefined, defaultAppearance: 'light' }],
|
|
11
|
+
[{ appearance: 'dynamic', defaultAppearance: 'light' }],
|
|
12
12
|
];
|
|
13
13
|
const appearanceOptions = ['light', 'dark', 'highContrast'];
|
|
14
14
|
beforeAll(() => {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
|
|
16
|
+
getColorScheme: () => 'dark',
|
|
17
|
+
addChangeListener: () => null,
|
|
18
|
+
}));
|
|
19
19
|
});
|
|
20
20
|
it('defaultFluentTheme test', () => {
|
|
21
|
-
|
|
21
|
+
expect(defaultTheme_1.defaultFluentTheme).toMatchSnapshot();
|
|
22
22
|
});
|
|
23
23
|
it('defaultFluentDarkTheme test', () => {
|
|
24
|
-
|
|
24
|
+
expect(defaultTheme_1.defaultFluentDarkTheme).toMatchSnapshot();
|
|
25
25
|
});
|
|
26
26
|
describe('createDefaultTheme test', () => {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
it.concurrent.each(defaultThemeOptions)('themeOption - %o', async (themeOption) => {
|
|
28
|
+
const defaultTheme = (0, createDefaultTheme_1.createDefaultTheme)(themeOption).theme;
|
|
29
|
+
expect(defaultTheme).toMatchSnapshot();
|
|
30
|
+
});
|
|
31
31
|
});
|
|
32
32
|
describe('createColorAliasTokens test', () => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
|
|
34
|
+
expect((0, createAliasTokens_1.createColorAliasTokens)(appearanceOption)).toMatchSnapshot();
|
|
35
|
+
});
|
|
36
36
|
});
|
|
37
37
|
describe('createShadowAliasTokens test', () => {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
|
|
39
|
+
expect((0, createAliasTokens_1.createShadowAliasTokens)(appearanceOption)).toMatchSnapshot();
|
|
40
|
+
});
|
|
41
41
|
});
|
|
42
|
-
//# sourceMappingURL=default-theme.test.js.map
|
|
42
|
+
//# sourceMappingURL=default-theme.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":";;AAEA,4DAAuF;AACvF,8DAA2D;AAC3D,kDAA6E;AAE7E,MAAM,mBAAmB,GAAqB;IAC5C,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IACrD,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IACpD,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IAC5D,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IACvD,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;CACxD,CAAC;AAEF,MAAM,iBAAiB,GAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAEjF,SAAS,CAAC,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":";;AAEA,4DAAuF;AACvF,8DAA2D;AAC3D,kDAA6E;AAE7E,MAAM,mBAAmB,GAAqB;IAC5C,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IACrD,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IACpD,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IAC5D,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;IACvD,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;CACxD,CAAC;AAEF,MAAM,iBAAiB,GAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAEjF,SAAS,CAAC,GAAG,EAAE,CAAC;IACd,IAAI,CAAC,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9D,cAAc,EAAE,GAAG,EAAE,CAAC,MAAM;QAC5B,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI;KAC9B,CAAC,CAAC,CAAC;AAAA,CACL,CAAC,CAAC;AAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IAClC,MAAM,CAAC,iCAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAC9C,CAAC,CAAC;AAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE,CAAC;IACtC,MAAM,CAAC,qCAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AAAA,CAClD,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IACxC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,kBAAkB,EAAE,KAAK,EAAE,WAAyB,EAAE,EAAE,CAAC;QAC/F,MAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC,WAAW,CAAC,CAAC,KAAK,CAAC;QAC3D,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CACxC,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC;AAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE,CAAC;IAC5C,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,wBAAwB,EAAE,KAAK,EAAE,gBAAmC,EAAE,EAAE,CAAC;QAC7G,MAAM,CAAC,IAAA,0CAAsB,EAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CACpE,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC;AAEH,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE,CAAC;IAC7C,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,wBAAwB,EAAE,KAAK,EAAE,gBAAmC,EAAE,EAAE,CAAC;QAC7G,MAAM,CAAC,IAAA,2CAAuB,EAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CACrE,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}
|
|
@@ -4,4 +4,4 @@ export declare const createColorAliasTokens: typeof createColorAliasTokensWorker
|
|
|
4
4
|
declare function createShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition;
|
|
5
5
|
export declare const createShadowAliasTokens: typeof createShadowAliasTokensWorker;
|
|
6
6
|
export {};
|
|
7
|
-
//# sourceMappingURL=createAliasTokens.d.ts.map
|
|
7
|
+
//# sourceMappingURL=createAliasTokens.d.ts.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
'use strict';
|
|
2
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
3
|
exports.createShadowAliasTokens = exports.createColorAliasTokens = void 0;
|
|
4
|
-
const framework_base_1 = require(
|
|
5
|
-
const theme_tokens_1 = require(
|
|
6
|
-
const theming_utils_1 = require(
|
|
4
|
+
const framework_base_1 = require('@fluentui-react-native/framework-base');
|
|
5
|
+
const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
|
|
6
|
+
const theming_utils_1 = require('@fluentui-react-native/theming-utils');
|
|
7
7
|
function createColorAliasTokensWorker(mode) {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
|
|
9
|
+
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createColorAliasTokens = (0, framework_base_1.memoize)(createColorAliasTokensWorker);
|
|
12
12
|
function createShadowAliasTokensWorker(mode) {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
|
|
14
|
+
return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
|
|
15
15
|
}
|
|
16
16
|
exports.createShadowAliasTokens = (0, framework_base_1.memoize)(createShadowAliasTokensWorker);
|
|
17
|
-
//# sourceMappingURL=createAliasTokens.js.map
|
|
17
|
+
//# sourceMappingURL=createAliasTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAliasTokens.js","sourceRoot":"","sources":["../src/createAliasTokens.ts"],"names":[],"mappings":";;;AAAA,0EAAgE;AAChE,sEAAsF;AAEtF,wEAA+F;AAE/F,SAAS,4BAA4B,CAAC,IAAuB;
|
|
1
|
+
{"version":3,"file":"createAliasTokens.js","sourceRoot":"","sources":["../src/createAliasTokens.ts"],"names":[],"mappings":";;;AAAA,0EAAgE;AAChE,sEAAsF;AAEtF,wEAA+F;AAE/F,SAAS,4BAA4B,CAAC,IAAuB,EAAoB;IAC/E,MAAM,WAAW,GAAG,IAAA,6BAAc,EAAC,IAAI,CAAC,CAAC;IACzC,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AAAA,CACxC;AAEY,QAAA,sBAAsB,GAAG,IAAA,wBAAO,EAAC,4BAA4B,CAAC,CAAC;AAE5E,SAAS,6BAA6B,CAAC,IAAuB,EAAyB;IACrF,MAAM,WAAW,GAAG,IAAA,8BAAe,EAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,IAAA,mCAAmB,EAAC,WAAW,CAAC,CAAC;AAAA,CACzC;AAEY,QAAA,uBAAuB,GAAG,IAAA,wBAAO,EAAC,6BAA6B,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ThemeReference } from '@fluentui-react-native/theme';
|
|
2
2
|
import type { ThemeOptions } from '@fluentui-react-native/theme-types';
|
|
3
3
|
export declare function createDefaultTheme(options?: ThemeOptions): ThemeReference;
|
|
4
|
-
//# sourceMappingURL=createDefaultTheme.d.ts.map
|
|
4
|
+
//# sourceMappingURL=createDefaultTheme.d.ts.map
|
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
1
|
+
'use strict';
|
|
2
|
+
var __importDefault =
|
|
3
|
+
(this && this.__importDefault) ||
|
|
4
|
+
function (mod) {
|
|
5
|
+
return mod && mod.__esModule ? mod : { default: mod };
|
|
6
|
+
};
|
|
7
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
|
+
exports.createDefaultTheme = createDefaultTheme;
|
|
9
|
+
const react_native_1 = require('react-native');
|
|
10
|
+
const theme_1 = require('@fluentui-react-native/theme');
|
|
11
|
+
const theming_utils_1 = require('@fluentui-react-native/theming-utils');
|
|
12
|
+
const assert_never_1 = __importDefault(require('assert-never'));
|
|
13
|
+
const defaultTheme_1 = require('./defaultTheme');
|
|
12
14
|
function createDefaultTheme(options = {}) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
if (react_native_1.Appearance && options.appearance === 'dynamic') {
|
|
29
|
-
react_native_1.Appearance.addChangeListener(() => {
|
|
30
|
-
themeRef.invalidate();
|
|
31
|
-
});
|
|
15
|
+
const themeRef = new theme_1.ThemeReference({}, () => {
|
|
16
|
+
const current = (0, theming_utils_1.getCurrentAppearance)(options.appearance, options.defaultAppearance || 'light');
|
|
17
|
+
switch (current) {
|
|
18
|
+
case 'light':
|
|
19
|
+
return defaultTheme_1.defaultFluentTheme;
|
|
20
|
+
case 'dark':
|
|
21
|
+
return defaultTheme_1.defaultFluentDarkTheme;
|
|
22
|
+
case 'darkElevated':
|
|
23
|
+
return defaultTheme_1.defaultFluentDarkTheme;
|
|
24
|
+
case 'highContrast':
|
|
25
|
+
return defaultTheme_1.defaultFluentHighConstrastTheme;
|
|
26
|
+
default:
|
|
27
|
+
(0, assert_never_1.default)(current);
|
|
32
28
|
}
|
|
33
|
-
|
|
29
|
+
});
|
|
30
|
+
if (react_native_1.Appearance && options.appearance === 'dynamic') {
|
|
31
|
+
react_native_1.Appearance.addChangeListener(() => {
|
|
32
|
+
themeRef.invalidate();
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
return themeRef;
|
|
34
36
|
}
|
|
35
|
-
|
|
36
|
-
//# sourceMappingURL=createDefaultTheme.js.map
|
|
37
|
+
//# sourceMappingURL=createDefaultTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA0C;AAE1C,wDAA8D;AAE9D,wEAA4E;AAC5E,gEAAuC;AAEvC,iDAA6G;AAE7G,
|
|
1
|
+
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA0C;AAE1C,wDAA8D;AAE9D,wEAA4E;AAC5E,gEAAuC;AAEvC,iDAA6G;AAE7G,4BAAmC,OAAO,GAAiB,EAAE,EAAkB;IAC7E,MAAM,QAAQ,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QACrD,MAAM,OAAO,GAAG,IAAA,oCAAoB,EAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC;QAC/F,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,OAAO;gBACV,OAAO,iCAAkB,CAAC;YAC5B,KAAK,MAAM;gBACT,OAAO,qCAAsB,CAAC;YAChC,KAAK,cAAc;gBACjB,OAAO,qCAAsB,CAAC;YAChC,KAAK,cAAc;gBACjB,OAAO,8CAA+B,CAAC;YACzC;gBACE,IAAA,sBAAW,EAAC,OAAO,CAAC,CAAC;QACzB,CAAC;IAAA,CACF,CAAC,CAAC;IAEH,IAAI,yBAAU,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;QACnD,yBAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;YACjC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAAA,CACvB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,QAAQ,CAAC;AAAA,CACjB"}
|
|
@@ -7,4 +7,4 @@ import type { Palette, FabricWebPalette, ThemeColorDefinition } from '@fluentui-
|
|
|
7
7
|
*/
|
|
8
8
|
export declare function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolean): Palette;
|
|
9
9
|
export declare function getStockWebHCPalette(): ThemeColorDefinition;
|
|
10
|
-
//# sourceMappingURL=defaultColors.d.ts.map
|
|
10
|
+
//# sourceMappingURL=defaultColors.d.ts.map
|