@fluentui-react-native/default-theme 0.16.29 → 0.17.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.json +23 -2
- package/CHANGELOG.md +11 -2
- package/lib/__tests__/default-theme.test.js +2 -2
- package/lib/__tests__/default-theme.test.js.map +1 -1
- package/lib/createDefaultTheme.js +4 -4
- package/lib/createDefaultTheme.js.map +1 -1
- package/lib/defaultTheme.d.ts +3 -7
- package/lib/defaultTheme.d.ts.map +1 -1
- package/lib/defaultTheme.js +24 -36
- package/lib/defaultTheme.js.map +1 -1
- package/lib-commonjs/__tests__/default-theme.test.js +2 -2
- package/lib-commonjs/__tests__/default-theme.test.js.map +1 -1
- package/lib-commonjs/createDefaultTheme.js +4 -4
- package/lib-commonjs/createDefaultTheme.js.map +1 -1
- package/lib-commonjs/defaultTheme.d.ts +3 -7
- package/lib-commonjs/defaultTheme.d.ts.map +1 -1
- package/lib-commonjs/defaultTheme.js +24 -36
- package/lib-commonjs/defaultTheme.js.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/default-theme.test.ts +2 -2
- package/src/createDefaultTheme.ts +4 -4
- package/src/defaultTheme.ts +24 -39
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/default-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 03 Feb 2023 01:47:29 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/default-theme_v0.17.0",
|
|
7
|
+
"version": "0.17.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/default-theme",
|
|
13
|
+
"commit": "952938b8a8daeea93be04aedace1a43fb5c29747",
|
|
14
|
+
"comment": "Revert \"Change default theme from a const object to a function that returns the object #2483\""
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/default-theme",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/theme to v0.8.0",
|
|
20
|
+
"commit": "83735cdac7bd038933e31191400008b3187e3eb1"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Thu, 02 Feb 2023 01:29:39 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/default-theme_v0.16.29",
|
|
7
28
|
"version": "0.16.29",
|
|
8
29
|
"comments": {
|
|
@@ -11,7 +32,7 @@
|
|
|
11
32
|
"author": "beachball",
|
|
12
33
|
"package": "@fluentui-react-native/default-theme",
|
|
13
34
|
"comment": "Bump @fluentui-react-native/theme to v0.7.21",
|
|
14
|
-
"commit": "
|
|
35
|
+
"commit": "8babef935750d57271f466a1c446e6531ee1b0a5"
|
|
15
36
|
}
|
|
16
37
|
]
|
|
17
38
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/default-theme
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 03 Feb 2023 01:47:29 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.17.0
|
|
8
|
+
|
|
9
|
+
Fri, 03 Feb 2023 01:47:29 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Revert "Change default theme from a const object to a function that returns the object #2483" (78454019+lyzhan7@users.noreply.github.com)
|
|
14
|
+
- Bump @fluentui-react-native/theme to v0.8.0
|
|
15
|
+
|
|
7
16
|
## 0.16.29
|
|
8
17
|
|
|
9
|
-
Thu, 02 Feb 2023 01:
|
|
18
|
+
Thu, 02 Feb 2023 01:29:39 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -52,10 +52,10 @@ beforeAll(function () {
|
|
|
52
52
|
}); });
|
|
53
53
|
});
|
|
54
54
|
it('defaultFluentTheme test', function () {
|
|
55
|
-
expect(defaultFluentTheme
|
|
55
|
+
expect(defaultFluentTheme).toMatchSnapshot();
|
|
56
56
|
});
|
|
57
57
|
it('defaultFluentDarkTheme test', function () {
|
|
58
|
-
expect(defaultFluentDarkTheme
|
|
58
|
+
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
59
59
|
});
|
|
60
60
|
describe('createDefaultTheme test', function () {
|
|
61
61
|
it.concurrent.each(defaultThemeOptions)('themeOption - %o', function (themeOption) { return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGvF,IAAM,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,IAAM,iBAAiB,GAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAEjF,SAAS,CAAC;IACR,IAAI,CAAC,IAAI,CAAC,6CAA6C,EAAE,cAAM,OAAA,CAAC;QAC9D,cAAc,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;QAC5B,iBAAiB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;KAC9B,CAAC,EAH6D,CAG7D,CAAC,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yBAAyB,EAAE;IAC5B,MAAM,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGvF,IAAM,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,IAAM,iBAAiB,GAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAEjF,SAAS,CAAC;IACR,IAAI,CAAC,IAAI,CAAC,6CAA6C,EAAE,cAAM,OAAA,CAAC;QAC9D,cAAc,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;QAC5B,iBAAiB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;KAC9B,CAAC,EAH6D,CAG7D,CAAC,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yBAAyB,EAAE;IAC5B,MAAM,CAAC,kBAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,6BAA6B,EAAE;IAChC,MAAM,CAAC,sBAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE;IAClC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,kBAAkB,EAAE,UAAO,WAAyB;;;YACpF,YAAY,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YAC3D,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,EAAE,CAAC;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6BAA6B,EAAE;IACtC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,wBAAwB,EAAE,UAAO,gBAAmC;;YACxG,MAAM,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;;;SACpE,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,8BAA8B,EAAE;IACvC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,wBAAwB,EAAE,UAAO,gBAAmC;;YACxG,MAAM,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;;;SACrE,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -9,13 +9,13 @@ export function createDefaultTheme(options) {
|
|
|
9
9
|
var current = getCurrentAppearance(options.appearance, options.defaultAppearance || 'light');
|
|
10
10
|
switch (current) {
|
|
11
11
|
case 'light':
|
|
12
|
-
return defaultFluentTheme
|
|
12
|
+
return defaultFluentTheme;
|
|
13
13
|
case 'dark':
|
|
14
|
-
return defaultFluentDarkTheme
|
|
14
|
+
return defaultFluentDarkTheme;
|
|
15
15
|
case 'darkElevated':
|
|
16
|
-
return defaultFluentDarkTheme
|
|
16
|
+
return defaultFluentDarkTheme;
|
|
17
17
|
case 'highContrast':
|
|
18
|
-
return defaultFluentHighConstrastTheme
|
|
18
|
+
return defaultFluentHighConstrastTheme;
|
|
19
19
|
default:
|
|
20
20
|
assertNever(current);
|
|
21
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC7G,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,MAAM,UAAU,kBAAkB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IAC3D,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE;QAC/C,IAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC;QAC/F,QAAQ,OAAO,EAAE;YACf,KAAK,OAAO;gBACV,OAAO,kBAAkB,
|
|
1
|
+
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC7G,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,MAAM,UAAU,kBAAkB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IAC3D,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE;QAC/C,IAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC;QAC/F,QAAQ,OAAO,EAAE;YACf,KAAK,OAAO;gBACV,OAAO,kBAAkB,CAAC;YAC5B,KAAK,MAAM;gBACT,OAAO,sBAAsB,CAAC;YAChC,KAAK,cAAc;gBACjB,OAAO,sBAAsB,CAAC;YAChC,KAAK,cAAc;gBACjB,OAAO,+BAA+B,CAAC;YACzC;gBACE,WAAW,CAAC,OAAO,CAAC,CAAC;SACxB;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,UAAU,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE;QAClD,UAAU,CAAC,iBAAiB,CAAC;YAC3B,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}
|
package/lib/defaultTheme.d.ts
CHANGED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import type { Theme, Spacing } from '@fluentui-react-native/theme-types';
|
|
2
2
|
export declare function defaultSpacing(): Spacing;
|
|
3
|
-
declare
|
|
4
|
-
export declare const
|
|
5
|
-
declare
|
|
6
|
-
export declare const defaultFluentDarkTheme: typeof defaultFluentDarkThemeWorker;
|
|
7
|
-
declare function defaultFluentHighConstrastThemeWorker(): Theme;
|
|
8
|
-
export declare const defaultFluentHighConstrastTheme: typeof defaultFluentHighConstrastThemeWorker;
|
|
9
|
-
export {};
|
|
3
|
+
export declare const defaultFluentTheme: Theme;
|
|
4
|
+
export declare const defaultFluentDarkTheme: Theme;
|
|
5
|
+
export declare const defaultFluentHighConstrastTheme: Theme;
|
|
10
6
|
//# sourceMappingURL=defaultTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAc,OAAO,EAAkD,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAc,OAAO,EAAkD,MAAM,oCAAoC,CAAC;AA2ErI,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAO7C,CAAC"}
|
package/lib/defaultTheme.js
CHANGED
|
@@ -2,7 +2,6 @@ import { Platform } from 'react-native';
|
|
|
2
2
|
import { getStockWebPalette, getStockWebDarkPalette, getStockWebHCPalette } from './defaultColors';
|
|
3
3
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
4
4
|
import { createShadowAliasTokens } from './createAliasTokens';
|
|
5
|
-
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
6
5
|
function _defaultTypography() {
|
|
7
6
|
var defaultsDict = {
|
|
8
7
|
sizes: {
|
|
@@ -72,39 +71,28 @@ function _defaultTypography() {
|
|
|
72
71
|
export function defaultSpacing() {
|
|
73
72
|
return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
|
|
74
73
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
var defaultTheme = defaultFluentTheme();
|
|
100
|
-
return {
|
|
101
|
-
colors: getStockWebHCPalette(),
|
|
102
|
-
typography: defaultTheme.typography,
|
|
103
|
-
shadows: createShadowAliasTokens('highContrast'),
|
|
104
|
-
spacing: defaultTheme.spacing,
|
|
105
|
-
components: {},
|
|
106
|
-
host: { appearance: 'highContrast' },
|
|
107
|
-
};
|
|
108
|
-
}
|
|
109
|
-
export var defaultFluentHighConstrastTheme = memoize(defaultFluentHighConstrastThemeWorker);
|
|
74
|
+
export var defaultFluentTheme = {
|
|
75
|
+
colors: getStockWebPalette(),
|
|
76
|
+
typography: _defaultTypography(),
|
|
77
|
+
spacing: defaultSpacing(),
|
|
78
|
+
shadows: createShadowAliasTokens('light'),
|
|
79
|
+
components: {},
|
|
80
|
+
host: { appearance: 'light' },
|
|
81
|
+
};
|
|
82
|
+
export var defaultFluentDarkTheme = {
|
|
83
|
+
colors: getStockWebDarkPalette(),
|
|
84
|
+
typography: defaultFluentTheme.typography,
|
|
85
|
+
shadows: createShadowAliasTokens('dark'),
|
|
86
|
+
spacing: defaultFluentTheme.spacing,
|
|
87
|
+
components: {},
|
|
88
|
+
host: { appearance: 'dark' },
|
|
89
|
+
};
|
|
90
|
+
export var defaultFluentHighConstrastTheme = {
|
|
91
|
+
colors: getStockWebHCPalette(),
|
|
92
|
+
typography: defaultFluentTheme.typography,
|
|
93
|
+
shadows: createShadowAliasTokens('highContrast'),
|
|
94
|
+
spacing: defaultFluentTheme.spacing,
|
|
95
|
+
components: {},
|
|
96
|
+
host: { appearance: 'highContrast' },
|
|
97
|
+
};
|
|
110
98
|
//# sourceMappingURL=defaultTheme.js.map
|
package/lib/defaultTheme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -54,10 +54,10 @@ beforeAll(function () {
|
|
|
54
54
|
}); });
|
|
55
55
|
});
|
|
56
56
|
it('defaultFluentTheme test', function () {
|
|
57
|
-
expect(
|
|
57
|
+
expect(defaultTheme_1.defaultFluentTheme).toMatchSnapshot();
|
|
58
58
|
});
|
|
59
59
|
it('defaultFluentDarkTheme test', function () {
|
|
60
|
-
expect(
|
|
60
|
+
expect(defaultTheme_1.defaultFluentDarkTheme).toMatchSnapshot();
|
|
61
61
|
});
|
|
62
62
|
describe('createDefaultTheme test', function () {
|
|
63
63
|
it.concurrent.each(defaultThemeOptions)('themeOption - %o', function (themeOption) { return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA6E;AAC7E,4DAA2D;AAC3D,0DAAuF;AAGvF,IAAM,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,IAAM,iBAAiB,GAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAEjF,SAAS,CAAC;IACR,IAAI,CAAC,IAAI,CAAC,6CAA6C,EAAE,cAAM,OAAA,CAAC;QAC9D,cAAc,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;QAC5B,iBAAiB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;KAC9B,CAAC,EAH6D,CAG7D,CAAC,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yBAAyB,EAAE;IAC5B,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"default-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/default-theme.test.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA6E;AAC7E,4DAA2D;AAC3D,0DAAuF;AAGvF,IAAM,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,IAAM,iBAAiB,GAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;AAEjF,SAAS,CAAC;IACR,IAAI,CAAC,IAAI,CAAC,6CAA6C,EAAE,cAAM,OAAA,CAAC;QAC9D,cAAc,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;QAC5B,iBAAiB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;KAC9B,CAAC,EAH6D,CAG7D,CAAC,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yBAAyB,EAAE;IAC5B,MAAM,CAAC,iCAAkB,CAAC,CAAC,eAAe,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,6BAA6B,EAAE;IAChC,MAAM,CAAC,qCAAsB,CAAC,CAAC,eAAe,EAAE,CAAC;AACnD,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE;IAClC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,kBAAkB,EAAE,UAAO,WAAyB;;;YACpF,YAAY,GAAG,IAAA,uCAAkB,EAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YAC3D,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,EAAE,CAAC;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6BAA6B,EAAE;IACtC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,wBAAwB,EAAE,UAAO,gBAAmC;;YACxG,MAAM,CAAC,IAAA,0CAAsB,EAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;;;SACpE,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,8BAA8B,EAAE;IACvC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,wBAAwB,EAAE,UAAO,gBAAmC;;YACxG,MAAM,CAAC,IAAA,2CAAuB,EAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;;;SACrE,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -15,13 +15,13 @@ function createDefaultTheme(options) {
|
|
|
15
15
|
var current = (0, theming_utils_1.getCurrentAppearance)(options.appearance, options.defaultAppearance || 'light');
|
|
16
16
|
switch (current) {
|
|
17
17
|
case 'light':
|
|
18
|
-
return
|
|
18
|
+
return defaultTheme_1.defaultFluentTheme;
|
|
19
19
|
case 'dark':
|
|
20
|
-
return
|
|
20
|
+
return defaultTheme_1.defaultFluentDarkTheme;
|
|
21
21
|
case 'darkElevated':
|
|
22
|
-
return
|
|
22
|
+
return defaultTheme_1.defaultFluentDarkTheme;
|
|
23
23
|
case 'highContrast':
|
|
24
|
-
return
|
|
24
|
+
return defaultTheme_1.defaultFluentHighConstrastTheme;
|
|
25
25
|
default:
|
|
26
26
|
(0, assert_never_1.default)(current);
|
|
27
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":";;;;;;AAAA,sDAA8D;AAC9D,+CAA6G;AAC7G,6CAA0C;AAE1C,sEAA4E;AAC5E,8DAAuC;AAEvC,SAAgB,kBAAkB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IAC3D,IAAM,QAAQ,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE;QAC/C,IAAM,OAAO,GAAG,IAAA,oCAAoB,EAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC;QAC/F,QAAQ,OAAO,EAAE;YACf,KAAK,OAAO;gBACV,OAAO,
|
|
1
|
+
{"version":3,"file":"createDefaultTheme.js","sourceRoot":"","sources":["../src/createDefaultTheme.ts"],"names":[],"mappings":";;;;;;AAAA,sDAA8D;AAC9D,+CAA6G;AAC7G,6CAA0C;AAE1C,sEAA4E;AAC5E,8DAAuC;AAEvC,SAAgB,kBAAkB,CAAC,OAA0B;IAA1B,wBAAA,EAAA,YAA0B;IAC3D,IAAM,QAAQ,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE;QAC/C,IAAM,OAAO,GAAG,IAAA,oCAAoB,EAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC;QAC/F,QAAQ,OAAO,EAAE;YACf,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;SACxB;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,yBAAU,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE;QAClD,yBAAU,CAAC,iBAAiB,CAAC;YAC3B,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAxBD,gDAwBC"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import type { Theme, Spacing } from '@fluentui-react-native/theme-types';
|
|
2
2
|
export declare function defaultSpacing(): Spacing;
|
|
3
|
-
declare
|
|
4
|
-
export declare const
|
|
5
|
-
declare
|
|
6
|
-
export declare const defaultFluentDarkTheme: typeof defaultFluentDarkThemeWorker;
|
|
7
|
-
declare function defaultFluentHighConstrastThemeWorker(): Theme;
|
|
8
|
-
export declare const defaultFluentHighConstrastTheme: typeof defaultFluentHighConstrastThemeWorker;
|
|
9
|
-
export {};
|
|
3
|
+
export declare const defaultFluentTheme: Theme;
|
|
4
|
+
export declare const defaultFluentDarkTheme: Theme;
|
|
5
|
+
export declare const defaultFluentHighConstrastTheme: Theme;
|
|
10
6
|
//# sourceMappingURL=defaultTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAc,OAAO,EAAkD,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAc,OAAO,EAAkD,MAAM,oCAAoC,CAAC;AA2ErI,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KAO7C,CAAC"}
|
|
@@ -5,7 +5,6 @@ var react_native_1 = require("react-native");
|
|
|
5
5
|
var defaultColors_1 = require("./defaultColors");
|
|
6
6
|
var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
7
7
|
var createAliasTokens_1 = require("./createAliasTokens");
|
|
8
|
-
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
9
8
|
function _defaultTypography() {
|
|
10
9
|
var defaultsDict = {
|
|
11
10
|
sizes: {
|
|
@@ -76,39 +75,28 @@ function defaultSpacing() {
|
|
|
76
75
|
return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
|
|
77
76
|
}
|
|
78
77
|
exports.defaultSpacing = defaultSpacing;
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
exports.defaultFluentTheme
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
var defaultTheme = (0, exports.defaultFluentTheme)();
|
|
104
|
-
return {
|
|
105
|
-
colors: (0, defaultColors_1.getStockWebHCPalette)(),
|
|
106
|
-
typography: defaultTheme.typography,
|
|
107
|
-
shadows: (0, createAliasTokens_1.createShadowAliasTokens)('highContrast'),
|
|
108
|
-
spacing: defaultTheme.spacing,
|
|
109
|
-
components: {},
|
|
110
|
-
host: { appearance: 'highContrast' },
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
exports.defaultFluentHighConstrastTheme = (0, memo_cache_1.memoize)(defaultFluentHighConstrastThemeWorker);
|
|
78
|
+
exports.defaultFluentTheme = {
|
|
79
|
+
colors: (0, defaultColors_1.getStockWebPalette)(),
|
|
80
|
+
typography: _defaultTypography(),
|
|
81
|
+
spacing: defaultSpacing(),
|
|
82
|
+
shadows: (0, createAliasTokens_1.createShadowAliasTokens)('light'),
|
|
83
|
+
components: {},
|
|
84
|
+
host: { appearance: 'light' },
|
|
85
|
+
};
|
|
86
|
+
exports.defaultFluentDarkTheme = {
|
|
87
|
+
colors: (0, defaultColors_1.getStockWebDarkPalette)(),
|
|
88
|
+
typography: exports.defaultFluentTheme.typography,
|
|
89
|
+
shadows: (0, createAliasTokens_1.createShadowAliasTokens)('dark'),
|
|
90
|
+
spacing: exports.defaultFluentTheme.spacing,
|
|
91
|
+
components: {},
|
|
92
|
+
host: { appearance: 'dark' },
|
|
93
|
+
};
|
|
94
|
+
exports.defaultFluentHighConstrastTheme = {
|
|
95
|
+
colors: (0, defaultColors_1.getStockWebHCPalette)(),
|
|
96
|
+
typography: exports.defaultFluentTheme.typography,
|
|
97
|
+
shadows: (0, createAliasTokens_1.createShadowAliasTokens)('highContrast'),
|
|
98
|
+
spacing: exports.defaultFluentTheme.spacing,
|
|
99
|
+
components: {},
|
|
100
|
+
host: { appearance: 'highContrast' },
|
|
101
|
+
};
|
|
114
102
|
//# sourceMappingURL=defaultTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":";;;AACA,6CAAwC;AACxC,iDAAmG;AACnG,oEAAmE;AACnE,yDAA8D;
|
|
1
|
+
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/default-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.0",
|
|
4
4
|
"description": "Typing only package for fluentui-react-native theme types",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@fluentui-react-native/memo-cache": "^1.1.8",
|
|
31
31
|
"@fluentui-react-native/theme-tokens": "^0.24.2",
|
|
32
32
|
"@fluentui-react-native/theme-types": ">=0.30.2 <1.0.0",
|
|
33
|
-
"@fluentui-react-native/theme": ">=0.
|
|
33
|
+
"@fluentui-react-native/theme": ">=0.8.0 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/theming-utils": ">=0.23.2 <1.0.0",
|
|
35
35
|
"assert-never": "^1.2.1"
|
|
36
36
|
},
|
|
@@ -21,11 +21,11 @@ beforeAll(() => {
|
|
|
21
21
|
});
|
|
22
22
|
|
|
23
23
|
it('defaultFluentTheme test', () => {
|
|
24
|
-
expect(defaultFluentTheme
|
|
24
|
+
expect(defaultFluentTheme).toMatchSnapshot();
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
it('defaultFluentDarkTheme test', () => {
|
|
28
|
-
expect(defaultFluentDarkTheme
|
|
28
|
+
expect(defaultFluentDarkTheme).toMatchSnapshot();
|
|
29
29
|
});
|
|
30
30
|
|
|
31
31
|
describe('createDefaultTheme test', () => {
|
|
@@ -10,13 +10,13 @@ export function createDefaultTheme(options: ThemeOptions = {}): ThemeReference {
|
|
|
10
10
|
const current = getCurrentAppearance(options.appearance, options.defaultAppearance || 'light');
|
|
11
11
|
switch (current) {
|
|
12
12
|
case 'light':
|
|
13
|
-
return defaultFluentTheme
|
|
13
|
+
return defaultFluentTheme;
|
|
14
14
|
case 'dark':
|
|
15
|
-
return defaultFluentDarkTheme
|
|
15
|
+
return defaultFluentDarkTheme;
|
|
16
16
|
case 'darkElevated':
|
|
17
|
-
return defaultFluentDarkTheme
|
|
17
|
+
return defaultFluentDarkTheme;
|
|
18
18
|
case 'highContrast':
|
|
19
|
-
return defaultFluentHighConstrastTheme
|
|
19
|
+
return defaultFluentHighConstrastTheme;
|
|
20
20
|
default:
|
|
21
21
|
assertNever(current);
|
|
22
22
|
}
|
package/src/defaultTheme.ts
CHANGED
|
@@ -3,7 +3,6 @@ import { Platform } from 'react-native';
|
|
|
3
3
|
import { getStockWebPalette, getStockWebDarkPalette, getStockWebHCPalette } from './defaultColors';
|
|
4
4
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
5
5
|
import { createShadowAliasTokens } from './createAliasTokens';
|
|
6
|
-
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
7
6
|
|
|
8
7
|
function _defaultTypography(): Typography {
|
|
9
8
|
const defaultsDict = {
|
|
@@ -78,43 +77,29 @@ export function defaultSpacing(): Spacing {
|
|
|
78
77
|
return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
|
|
79
78
|
}
|
|
80
79
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
export const defaultFluentTheme = memoize(defaultFluentThemeWorker);
|
|
80
|
+
export const defaultFluentTheme: Theme = {
|
|
81
|
+
colors: getStockWebPalette(),
|
|
82
|
+
typography: _defaultTypography(),
|
|
83
|
+
spacing: defaultSpacing(),
|
|
84
|
+
shadows: createShadowAliasTokens('light'),
|
|
85
|
+
components: {},
|
|
86
|
+
host: { appearance: 'light' },
|
|
87
|
+
};
|
|
93
88
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
host: { appearance: 'dark' },
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
export const defaultFluentDarkTheme = memoize(defaultFluentDarkThemeWorker);
|
|
107
|
-
|
|
108
|
-
function defaultFluentHighConstrastThemeWorker(): Theme {
|
|
109
|
-
const defaultTheme = defaultFluentTheme();
|
|
110
|
-
return {
|
|
111
|
-
colors: getStockWebHCPalette(),
|
|
112
|
-
typography: defaultTheme.typography,
|
|
113
|
-
shadows: createShadowAliasTokens('highContrast'),
|
|
114
|
-
spacing: defaultTheme.spacing,
|
|
115
|
-
components: {},
|
|
116
|
-
host: { appearance: 'highContrast' },
|
|
117
|
-
};
|
|
118
|
-
}
|
|
89
|
+
export const defaultFluentDarkTheme: Theme = {
|
|
90
|
+
colors: getStockWebDarkPalette(),
|
|
91
|
+
typography: defaultFluentTheme.typography,
|
|
92
|
+
shadows: createShadowAliasTokens('dark'),
|
|
93
|
+
spacing: defaultFluentTheme.spacing,
|
|
94
|
+
components: {},
|
|
95
|
+
host: { appearance: 'dark' },
|
|
96
|
+
};
|
|
119
97
|
|
|
120
|
-
export const defaultFluentHighConstrastTheme =
|
|
98
|
+
export const defaultFluentHighConstrastTheme: Theme = {
|
|
99
|
+
colors: getStockWebHCPalette(),
|
|
100
|
+
typography: defaultFluentTheme.typography,
|
|
101
|
+
shadows: createShadowAliasTokens('highContrast'),
|
|
102
|
+
spacing: defaultFluentTheme.spacing,
|
|
103
|
+
components: {},
|
|
104
|
+
host: { appearance: 'highContrast' },
|
|
105
|
+
};
|