@fluentui-react-native/default-theme 0.27.0 → 0.27.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.
- package/CHANGELOG.md +14 -0
- package/lib/__tests__/default-theme.test.d.ts +1 -1
- package/lib/__tests__/default-theme.test.js +22 -22
- package/lib/createAliasTokens.d.ts +1 -1
- package/lib/createAliasTokens.js +5 -5
- package/lib/createDefaultTheme.d.ts +1 -1
- package/lib/createDefaultTheme.js +21 -21
- package/lib/defaultColors.d.ts +1 -1
- package/lib/defaultColors.js +254 -254
- package/lib/defaultTheme.d.ts +1 -1
- package/lib/defaultTheme.js +86 -86
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/stockWebPalette.d.ts +1 -1
- package/lib/stockWebPalette.js +89 -92
- package/lib/stockWebPalette.macos.d.ts +1 -1
- package/lib/stockWebPalette.macos.js +67 -70
- package/lib/stockWebPalette.win32.d.ts +1 -1
- package/lib/stockWebPalette.win32.js +67 -70
- package/lib-commonjs/__tests__/default-theme.test.d.ts +1 -1
- package/lib-commonjs/__tests__/default-theme.test.js +27 -27
- package/lib-commonjs/createAliasTokens.d.ts +1 -1
- package/lib-commonjs/createAliasTokens.js +10 -10
- package/lib-commonjs/createDefaultTheme.d.ts +1 -1
- package/lib-commonjs/createDefaultTheme.js +31 -33
- package/lib-commonjs/defaultColors.d.ts +1 -1
- package/lib-commonjs/defaultColors.js +257 -257
- package/lib-commonjs/defaultTheme.d.ts +1 -1
- package/lib-commonjs/defaultTheme.js +93 -93
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +10 -30
- package/lib-commonjs/stockWebPalette.d.ts +1 -1
- package/lib-commonjs/stockWebPalette.js +94 -97
- package/lib-commonjs/stockWebPalette.macos.d.ts +1 -1
- package/lib-commonjs/stockWebPalette.macos.js +72 -75
- package/lib-commonjs/stockWebPalette.win32.d.ts +1 -1
- package/lib-commonjs/stockWebPalette.win32.js +72 -75
- package/package.json +18 -17
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/default-theme
|
|
2
2
|
|
|
3
|
+
## 0.27.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 0d6e9c1: chore: migrate to `oxfmt`
|
|
8
|
+
- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
|
|
9
|
+
- Updated dependencies [0d6e9c1]
|
|
10
|
+
- Updated dependencies [ac6e7af]
|
|
11
|
+
- @fluentui-react-native/theming-utils@0.27.1
|
|
12
|
+
- @fluentui-react-native/theme-tokens@0.28.1
|
|
13
|
+
- @fluentui-react-native/theme-types@0.44.1
|
|
14
|
+
- @fluentui-react-native/theme@0.12.1
|
|
15
|
+
- @fluentui-react-native/framework-base@0.3.1
|
|
16
|
+
|
|
3
17
|
## 0.27.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=default-theme.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=default-theme.test.d.ts.map
|
|
@@ -2,39 +2,39 @@ import { createColorAliasTokens, createShadowAliasTokens } from '../createAliasT
|
|
|
2
2
|
import { createDefaultTheme } from '../createDefaultTheme';
|
|
3
3
|
import { defaultFluentTheme, defaultFluentDarkTheme } from '../defaultTheme';
|
|
4
4
|
const defaultThemeOptions = [
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
[{ appearance: 'light', defaultAppearance: 'light' }],
|
|
6
|
+
[{ appearance: 'dark', defaultAppearance: 'light' }],
|
|
7
|
+
[{ appearance: 'highContrast', defaultAppearance: 'light' }],
|
|
8
|
+
[{ appearance: undefined, defaultAppearance: 'light' }],
|
|
9
|
+
[{ appearance: 'dynamic', defaultAppearance: 'light' }],
|
|
10
10
|
];
|
|
11
11
|
const appearanceOptions = ['light', 'dark', 'highContrast'];
|
|
12
12
|
beforeAll(() => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
|
|
14
|
+
getColorScheme: () => 'dark',
|
|
15
|
+
addChangeListener: () => null,
|
|
16
|
+
}));
|
|
17
17
|
});
|
|
18
18
|
it('defaultFluentTheme test', () => {
|
|
19
|
-
|
|
19
|
+
expect(defaultFluentTheme).toMatchSnapshot();
|
|
20
20
|
});
|
|
21
21
|
it('defaultFluentDarkTheme test', () => {
|
|
22
|
-
|
|
22
|
+
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
23
23
|
});
|
|
24
24
|
describe('createDefaultTheme test', () => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
it.concurrent.each(defaultThemeOptions)('themeOption - %o', async (themeOption) => {
|
|
26
|
+
const defaultTheme = createDefaultTheme(themeOption).theme;
|
|
27
|
+
expect(defaultTheme).toMatchSnapshot();
|
|
28
|
+
});
|
|
29
29
|
});
|
|
30
30
|
describe('createColorAliasTokens test', () => {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
|
|
32
|
+
expect(createColorAliasTokens(appearanceOption)).toMatchSnapshot();
|
|
33
|
+
});
|
|
34
34
|
});
|
|
35
35
|
describe('createShadowAliasTokens test', () => {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
|
|
37
|
+
expect(createShadowAliasTokens(appearanceOption)).toMatchSnapshot();
|
|
38
|
+
});
|
|
39
39
|
});
|
|
40
|
-
//# sourceMappingURL=default-theme.test.js.map
|
|
40
|
+
//# sourceMappingURL=default-theme.test.js.map
|
|
@@ -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
|
package/lib/createAliasTokens.js
CHANGED
|
@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/framework-base';
|
|
|
2
2
|
import { getAliasTokens, getShadowTokens } from '@fluentui-react-native/theme-tokens';
|
|
3
3
|
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
4
4
|
function createColorAliasTokensWorker(mode) {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const aliasTokens = getAliasTokens(mode);
|
|
6
|
+
return mapPipelineToTheme(aliasTokens);
|
|
7
7
|
}
|
|
8
8
|
export const createColorAliasTokens = memoize(createColorAliasTokensWorker);
|
|
9
9
|
function createShadowAliasTokensWorker(mode) {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const aliasTokens = getShadowTokens(mode);
|
|
11
|
+
return mapPipelineToShadow(aliasTokens);
|
|
12
12
|
}
|
|
13
13
|
export const createShadowAliasTokens = memoize(createShadowAliasTokensWorker);
|
|
14
|
-
//# sourceMappingURL=createAliasTokens.js.map
|
|
14
|
+
//# sourceMappingURL=createAliasTokens.js.map
|
|
@@ -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
|
|
@@ -4,26 +4,26 @@ import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
|
|
|
4
4
|
import assertNever from 'assert-never';
|
|
5
5
|
import { defaultFluentDarkTheme, defaultFluentHighConstrastTheme, defaultFluentTheme } from './defaultTheme';
|
|
6
6
|
export function createDefaultTheme(options = {}) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
});
|
|
22
|
-
if (Appearance && options.appearance === 'dynamic') {
|
|
23
|
-
Appearance.addChangeListener(() => {
|
|
24
|
-
themeRef.invalidate();
|
|
7
|
+
const themeRef = new ThemeReference({}, () => {
|
|
8
|
+
const current = getCurrentAppearance(options.appearance, options.defaultAppearance || 'light');
|
|
9
|
+
switch (current) {
|
|
10
|
+
case 'light':
|
|
11
|
+
return defaultFluentTheme;
|
|
12
|
+
case 'dark':
|
|
13
|
+
return defaultFluentDarkTheme;
|
|
14
|
+
case 'darkElevated':
|
|
15
|
+
return defaultFluentDarkTheme;
|
|
16
|
+
case 'highContrast':
|
|
17
|
+
return defaultFluentHighConstrastTheme;
|
|
18
|
+
default:
|
|
19
|
+
assertNever(current);
|
|
20
|
+
}
|
|
25
21
|
});
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
if (Appearance && options.appearance === 'dynamic') {
|
|
23
|
+
Appearance.addChangeListener(() => {
|
|
24
|
+
themeRef.invalidate();
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return themeRef;
|
|
28
28
|
}
|
|
29
|
-
//# sourceMappingURL=createDefaultTheme.js.map
|
|
29
|
+
//# sourceMappingURL=createDefaultTheme.js.map
|
package/lib/defaultColors.d.ts
CHANGED
|
@@ -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
|