@fluentui-react-native/default-theme 0.27.16 → 0.28.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 +22 -0
- package/README.md +4 -1
- package/lib/__tests__/default-theme.test.js +1 -14
- package/lib/__tests__/default-theme.test.js.map +1 -1
- package/lib/__tests__/defaultThemes.test.android.js +8 -3
- package/lib/__tests__/defaultThemes.test.android.js.map +1 -1
- package/lib/__tests__/defaultThemes.test.ios.js +8 -3
- package/lib/__tests__/defaultThemes.test.ios.js.map +1 -1
- package/lib/__tests__/defaultThemes.test.macos.js +8 -3
- package/lib/__tests__/defaultThemes.test.macos.js.map +1 -1
- package/lib/__tests__/defaultThemes.test.win32.js +8 -3
- package/lib/__tests__/defaultThemes.test.win32.js.map +1 -1
- package/lib/__tests__/defaultThemes.test.windows.js +8 -3
- package/lib/__tests__/defaultThemes.test.windows.js.map +1 -1
- package/lib/createDefaultTheme.d.ts +4 -0
- package/lib/createDefaultTheme.d.ts.map +1 -1
- package/lib/createDefaultTheme.js +11 -22
- package/lib/createDefaultTheme.js.map +1 -1
- package/lib/index.d.ts +1 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/package.json +2 -4
- package/src/__tests__/__snapshots__/default-theme.test.ts.snap +2520 -3042
- package/src/__tests__/__snapshots__/defaultThemes.test.android.ts.snap +1927 -692
- package/src/__tests__/__snapshots__/defaultThemes.test.ios.ts.snap +2027 -606
- package/src/__tests__/__snapshots__/defaultThemes.test.macos.ts.snap +1654 -1374
- package/src/__tests__/__snapshots__/defaultThemes.test.win32.ts.snap +4087 -1383
- package/src/__tests__/__snapshots__/defaultThemes.test.windows.ts.snap +4054 -1350
- package/src/__tests__/default-theme.test.ts +2 -18
- package/src/__tests__/defaultThemes.test.android.ts +8 -3
- package/src/__tests__/defaultThemes.test.ios.ts +8 -3
- package/src/__tests__/defaultThemes.test.macos.ts +8 -3
- package/src/__tests__/defaultThemes.test.win32.ts +8 -3
- package/src/__tests__/defaultThemes.test.windows.ts +8 -3
- package/src/createDefaultTheme.ts +12 -28
- package/src/index.ts +1 -2
- package/lib/createAliasTokens.d.ts +0 -3
- package/lib/createAliasTokens.d.ts.map +0 -1
- package/lib/createAliasTokens.js +0 -14
- package/lib/createAliasTokens.js.map +0 -1
- package/lib/defaultColors.d.ts +0 -10
- package/lib/defaultColors.d.ts.map +0 -1
- package/lib/defaultColors.js +0 -265
- package/lib/defaultColors.js.map +0 -1
- package/lib/defaultTheme.d.ts +0 -4
- package/lib/defaultTheme.d.ts.map +0 -1
- package/lib/defaultTheme.js +0 -17
- package/lib/defaultTheme.js.map +0 -1
- package/lib/stockWebPalette.d.ts +0 -4
- package/lib/stockWebPalette.d.ts.map +0 -1
- package/lib/stockWebPalette.js +0 -98
- package/lib/stockWebPalette.js.map +0 -1
- package/lib/stockWebPalette.macos.d.ts +0 -4
- package/lib/stockWebPalette.macos.d.ts.map +0 -1
- package/lib/stockWebPalette.macos.js +0 -75
- package/lib/stockWebPalette.macos.js.map +0 -1
- package/lib/stockWebPalette.win32.d.ts +0 -4
- package/lib/stockWebPalette.win32.d.ts.map +0 -1
- package/lib/stockWebPalette.win32.js +0 -75
- package/lib/stockWebPalette.win32.js.map +0 -1
- package/src/createAliasTokens.ts +0 -18
- package/src/defaultColors.ts +0 -325
- package/src/defaultTheme.ts +0 -19
- package/src/stockWebPalette.macos.ts +0 -82
- package/src/stockWebPalette.ts +0 -107
- package/src/stockWebPalette.win32.ts +0 -82
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/default-theme
|
|
2
2
|
|
|
3
|
+
## 0.28.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 06b458f: Use the design package's Fluent themes instead of building default tokens locally. `defaultFluentTheme` and
|
|
8
|
+
`defaultFluentDarkTheme` are now the design package's `fluentLightTheme` and `fluentDarkTheme`, and `createDefaultTheme`
|
|
9
|
+
resolves its `fluentTheme`, so each platform uses its own generated Fluent tokens (macOS previously used the Windows
|
|
10
|
+
set) and high contrast follows the color scheme. Breaking: `createAliasTokens` is removed; read alias colors from
|
|
11
|
+
`theme.colors` instead.
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies [06b458f]
|
|
16
|
+
- Updated dependencies [06b458f]
|
|
17
|
+
- Updated dependencies [ccb458e]
|
|
18
|
+
- Updated dependencies [06b458f]
|
|
19
|
+
- Updated dependencies [06b458f]
|
|
20
|
+
- Updated dependencies [06b458f]
|
|
21
|
+
- Updated dependencies [ccb458e]
|
|
22
|
+
- Updated dependencies [06b458f]
|
|
23
|
+
- @fluentui-react-native/design@0.6.0
|
|
24
|
+
|
|
3
25
|
## 0.27.16
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
# default-theme
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
The Fluent default themes for the fluentui-react-native components. `defaultFluentTheme` and `defaultFluentDarkTheme`
|
|
4
|
+
are the `@fluentui-react-native/design` package's `fluentLightTheme` and `fluentDarkTheme`, and `createDefaultTheme`
|
|
5
|
+
returns a `ThemeReference` that resolves the design package's `fluentTheme`, including its high-contrast themes, for the
|
|
6
|
+
requested appearance.
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { createDefaultTheme } from '../createDefaultTheme';
|
|
3
|
-
import { defaultFluentTheme, defaultFluentDarkTheme } from '../defaultTheme';
|
|
1
|
+
import { createDefaultTheme, defaultFluentTheme, defaultFluentDarkTheme } from '../index';
|
|
4
2
|
const defaultThemeOptions = [
|
|
5
3
|
[{ appearance: 'light', defaultAppearance: 'light' }],
|
|
6
4
|
[{ appearance: 'dark', defaultAppearance: 'light' }],
|
|
@@ -8,7 +6,6 @@ const defaultThemeOptions = [
|
|
|
8
6
|
[{ appearance: undefined, defaultAppearance: 'light' }],
|
|
9
7
|
[{ appearance: 'dynamic', defaultAppearance: 'light' }],
|
|
10
8
|
];
|
|
11
|
-
const appearanceOptions = ['light', 'dark', 'highContrast'];
|
|
12
9
|
beforeAll(() => {
|
|
13
10
|
jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
|
|
14
11
|
getColorScheme: () => 'dark',
|
|
@@ -43,14 +40,4 @@ describe('createDefaultTheme test', () => {
|
|
|
43
40
|
expect(reference.theme.host.appearance).toBe('dark');
|
|
44
41
|
});
|
|
45
42
|
});
|
|
46
|
-
describe('createColorAliasTokens test', () => {
|
|
47
|
-
it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
|
|
48
|
-
expect(createColorAliasTokens(appearanceOption)).toMatchSnapshot();
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
describe('createShadowAliasTokens test', () => {
|
|
52
|
-
it.concurrent.each(appearanceOptions)('appearanceOptions - %s', async (appearanceOption) => {
|
|
53
|
-
expect(createShadowAliasTokens(appearanceOption)).toMatchSnapshot();
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
43
|
//# 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,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAE1F,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,SAAS,CAAC,GAAG,EAAE;IACb,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;AACN,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACjC,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,kBAAkB,EAAE,KAAK,EAAE,WAAyB,EAAE,EAAE;QAC9F,MAAM,YAAY,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;QAC3D,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;QACzE,MAAM,OAAO,GAAiB,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;QACtD,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC9C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtD,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC;QAC5B,SAAS,CAAC,UAAU,EAAE,CAAC;QAEvB,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAC9E,MAAM,OAAO,GAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC;QAC7D,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC9C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtD,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;QACnC,SAAS,CAAC,UAAU,EAAE,CAAC;QAEvB,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createDefaultTheme, defaultFluentDarkTheme, defaultFluentTheme } from '../index';
|
|
2
2
|
it('defaultFluentTheme', () => {
|
|
3
3
|
expect(defaultFluentTheme).toMatchSnapshot();
|
|
4
4
|
});
|
|
5
5
|
it('defaultFluentDarkTheme', () => {
|
|
6
6
|
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
7
7
|
});
|
|
8
|
-
it('
|
|
9
|
-
|
|
8
|
+
it.each(['light', 'dark'])('high contrast %s theme', (colorScheme) => {
|
|
9
|
+
const theme = createDefaultTheme({ appearance: 'highContrast' }).resolveTheme({
|
|
10
|
+
colorScheme,
|
|
11
|
+
contrast: 'highContrast',
|
|
12
|
+
interfaceLevel: 'base',
|
|
13
|
+
});
|
|
14
|
+
expect(theme).toMatchSnapshot();
|
|
10
15
|
});
|
|
11
16
|
//# sourceMappingURL=defaultThemes.test.android.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultThemes.test.android.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE
|
|
1
|
+
{"version":3,"file":"defaultThemes.test.android.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1F,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC,CAAC,wBAAwB,EAAE,CAAC,WAAW,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC;QAC5E,WAAW;QACX,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,MAAM;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createDefaultTheme, defaultFluentDarkTheme, defaultFluentTheme } from '../index';
|
|
2
2
|
it('defaultFluentTheme', () => {
|
|
3
3
|
expect(defaultFluentTheme).toMatchSnapshot();
|
|
4
4
|
});
|
|
5
5
|
it('defaultFluentDarkTheme', () => {
|
|
6
6
|
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
7
7
|
});
|
|
8
|
-
it('
|
|
9
|
-
|
|
8
|
+
it.each(['light', 'dark'])('high contrast %s theme', (colorScheme) => {
|
|
9
|
+
const theme = createDefaultTheme({ appearance: 'highContrast' }).resolveTheme({
|
|
10
|
+
colorScheme,
|
|
11
|
+
contrast: 'highContrast',
|
|
12
|
+
interfaceLevel: 'base',
|
|
13
|
+
});
|
|
14
|
+
expect(theme).toMatchSnapshot();
|
|
10
15
|
});
|
|
11
16
|
//# sourceMappingURL=defaultThemes.test.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultThemes.test.ios.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE
|
|
1
|
+
{"version":3,"file":"defaultThemes.test.ios.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1F,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC,CAAC,wBAAwB,EAAE,CAAC,WAAW,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC;QAC5E,WAAW;QACX,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,MAAM;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createDefaultTheme, defaultFluentDarkTheme, defaultFluentTheme } from '../index';
|
|
2
2
|
it('defaultFluentTheme', () => {
|
|
3
3
|
expect(defaultFluentTheme).toMatchSnapshot();
|
|
4
4
|
});
|
|
5
5
|
it('defaultFluentDarkTheme', () => {
|
|
6
6
|
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
7
7
|
});
|
|
8
|
-
it('
|
|
9
|
-
|
|
8
|
+
it.each(['light', 'dark'])('high contrast %s theme', (colorScheme) => {
|
|
9
|
+
const theme = createDefaultTheme({ appearance: 'highContrast' }).resolveTheme({
|
|
10
|
+
colorScheme,
|
|
11
|
+
contrast: 'highContrast',
|
|
12
|
+
interfaceLevel: 'base',
|
|
13
|
+
});
|
|
14
|
+
expect(theme).toMatchSnapshot();
|
|
10
15
|
});
|
|
11
16
|
//# sourceMappingURL=defaultThemes.test.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultThemes.test.macos.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE
|
|
1
|
+
{"version":3,"file":"defaultThemes.test.macos.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1F,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC,CAAC,wBAAwB,EAAE,CAAC,WAAW,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC;QAC5E,WAAW;QACX,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,MAAM;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createDefaultTheme, defaultFluentDarkTheme, defaultFluentTheme } from '../index';
|
|
2
2
|
it('defaultFluentTheme', () => {
|
|
3
3
|
expect(defaultFluentTheme).toMatchSnapshot();
|
|
4
4
|
});
|
|
5
5
|
it('defaultFluentDarkTheme', () => {
|
|
6
6
|
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
7
7
|
});
|
|
8
|
-
it('
|
|
9
|
-
|
|
8
|
+
it.each(['light', 'dark'])('high contrast %s theme', (colorScheme) => {
|
|
9
|
+
const theme = createDefaultTheme({ appearance: 'highContrast' }).resolveTheme({
|
|
10
|
+
colorScheme,
|
|
11
|
+
contrast: 'highContrast',
|
|
12
|
+
interfaceLevel: 'base',
|
|
13
|
+
});
|
|
14
|
+
expect(theme).toMatchSnapshot();
|
|
10
15
|
});
|
|
11
16
|
//# sourceMappingURL=defaultThemes.test.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultThemes.test.win32.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE
|
|
1
|
+
{"version":3,"file":"defaultThemes.test.win32.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1F,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC,CAAC,wBAAwB,EAAE,CAAC,WAAW,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC;QAC5E,WAAW;QACX,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,MAAM;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createDefaultTheme, defaultFluentDarkTheme, defaultFluentTheme } from '../index';
|
|
2
2
|
it('defaultFluentTheme', () => {
|
|
3
3
|
expect(defaultFluentTheme).toMatchSnapshot();
|
|
4
4
|
});
|
|
5
5
|
it('defaultFluentDarkTheme', () => {
|
|
6
6
|
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
7
7
|
});
|
|
8
|
-
it('
|
|
9
|
-
|
|
8
|
+
it.each(['light', 'dark'])('high contrast %s theme', (colorScheme) => {
|
|
9
|
+
const theme = createDefaultTheme({ appearance: 'highContrast' }).resolveTheme({
|
|
10
|
+
colorScheme,
|
|
11
|
+
contrast: 'highContrast',
|
|
12
|
+
interfaceLevel: 'base',
|
|
13
|
+
});
|
|
14
|
+
expect(theme).toMatchSnapshot();
|
|
10
15
|
});
|
|
11
16
|
//# sourceMappingURL=defaultThemes.test.windows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultThemes.test.windows.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.windows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE
|
|
1
|
+
{"version":3,"file":"defaultThemes.test.windows.js","sourceRoot":"","sources":["../../src/__tests__/defaultThemes.test.windows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE1F,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC,CAAC,wBAAwB,EAAE,CAAC,WAAW,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,kBAAkB,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC;QAC5E,WAAW;QACX,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,MAAM;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { ThemeReference } from '@fluentui-react-native/design/theming';
|
|
2
2
|
import type { ThemeOptions } from '@fluentui-react-native/design/theming';
|
|
3
|
+
/**
|
|
4
|
+
* Create a theme reference for legacy theme options. It resolves the design package's Fluent themes, including the
|
|
5
|
+
* high-contrast themes, for the requested appearance.
|
|
6
|
+
*/
|
|
3
7
|
export declare function createDefaultTheme(options?: ThemeOptions): ThemeReference;
|
|
4
8
|
//# sourceMappingURL=createDefaultTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDefaultTheme.d.ts","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createDefaultTheme.d.ts","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5H,OAAO,KAAK,EAAS,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAGjF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CAY7E"}
|
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
import { ThemeReference } from '@fluentui-react-native/design/theming';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { appearanceOptionsFromLegacy, resolveThemeAppearance, ThemeReference } from '@fluentui-react-native/design/theming';
|
|
2
|
+
import { fluentTheme } from '@fluentui-react-native/design/themes';
|
|
3
|
+
/**
|
|
4
|
+
* Create a theme reference for legacy theme options. It resolves the design package's Fluent themes, including the
|
|
5
|
+
* high-contrast themes, for the requested appearance.
|
|
6
|
+
*/
|
|
5
7
|
export function createDefaultTheme(options = {}) {
|
|
8
|
+
const getAppearance = () => appearanceOptionsFromLegacy(options.appearance ?? options.defaultAppearance ?? 'light');
|
|
9
|
+
const getFallbackAppearance = () => resolveThemeAppearance(appearanceOptionsFromLegacy(options.defaultAppearance ?? 'light')).resolved;
|
|
6
10
|
return new ThemeReference({
|
|
7
11
|
base: {},
|
|
8
|
-
getAppearance
|
|
9
|
-
getFallbackAppearance
|
|
12
|
+
getAppearance,
|
|
13
|
+
getFallbackAppearance,
|
|
10
14
|
recipes: [
|
|
11
|
-
(_theme,
|
|
12
|
-
const current = resolvedAppearance
|
|
13
|
-
? appearanceOptionFromResolved(resolvedAppearance)
|
|
14
|
-
: getCurrentAppearance(options.appearance, options.defaultAppearance ?? 'light');
|
|
15
|
-
switch (current) {
|
|
16
|
-
case 'light':
|
|
17
|
-
return defaultFluentTheme;
|
|
18
|
-
case 'dark':
|
|
19
|
-
case 'darkElevated':
|
|
20
|
-
return defaultFluentDarkTheme;
|
|
21
|
-
case 'highContrast':
|
|
22
|
-
return defaultFluentHighConstrastTheme;
|
|
23
|
-
default:
|
|
24
|
-
assertNever(current);
|
|
25
|
-
}
|
|
26
|
-
},
|
|
15
|
+
(_theme, appearance) => fluentTheme.resolveTheme(appearance ?? resolveThemeAppearance(getAppearance(), undefined, getFallbackAppearance()).resolved),
|
|
27
16
|
],
|
|
28
17
|
});
|
|
29
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5H,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAAO,GAAiB,EAAE;IAC3D,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,2BAA2B,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC;IACpH,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,2BAA2B,CAAC,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvI,OAAO,IAAI,cAAc,CAAC;QACxB,IAAI,EAAE,EAAW;QACjB,aAAa;QACb,qBAAqB;QACrB,OAAO,EAAE;YACP,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,CACrB,WAAW,CAAC,YAAY,CAAC,UAAU,IAAI,sBAAsB,CAAC,aAAa,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,CAAC;SAC/H;KACF,CAAC,CAAC;AACL,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { defaultFluentTheme, defaultFluentDarkTheme } from '
|
|
1
|
+
export { fluentLightTheme as defaultFluentTheme, fluentDarkTheme as defaultFluentDarkTheme } from '@fluentui-react-native/design/themes';
|
|
2
2
|
export { createDefaultTheme } from './createDefaultTheme';
|
|
3
|
-
export { createColorAliasTokens as createAliasTokens } from './createAliasTokens';
|
|
4
3
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACzI,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { defaultFluentTheme, defaultFluentDarkTheme } from '
|
|
1
|
+
export { fluentLightTheme as defaultFluentTheme, fluentDarkTheme as defaultFluentDarkTheme } from '@fluentui-react-native/design/themes';
|
|
2
2
|
export { createDefaultTheme } from './createDefaultTheme';
|
|
3
|
-
export { createColorAliasTokens as createAliasTokens } from './createAliasTokens';
|
|
4
3
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACzI,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/default-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.28.0",
|
|
4
4
|
"description": "Typing only package for fluentui-react-native theme types",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,9 +33,7 @@
|
|
|
33
33
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui-react-native/design": "0.
|
|
37
|
-
"@fluentui-react-native/framework-base": "0.9.0",
|
|
38
|
-
"assert-never": "^1.2.1"
|
|
36
|
+
"@fluentui-react-native/design": "0.6.0"
|
|
39
37
|
},
|
|
40
38
|
"devDependencies": {
|
|
41
39
|
"@babel/core": "^7.20.0",
|