@fluentui-react-native/default-theme 0.18.1 → 0.18.3
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 +61 -1
- package/CHANGELOG.md +23 -2
- package/lib/__tests__/default-theme.test.d.ts +2 -0
- package/lib/__tests__/default-theme.test.d.ts.map +1 -0
- package/lib/__tests__/default-theme.test.js +86 -0
- package/lib/__tests__/default-theme.test.js.map +1 -0
- package/lib/createAliasTokens.d.ts +7 -0
- package/lib/createAliasTokens.d.ts.map +1 -0
- package/lib/createAliasTokens.js +14 -0
- package/lib/createAliasTokens.js.map +1 -0
- package/lib/createDefaultTheme.d.ts +4 -0
- package/lib/createDefaultTheme.d.ts.map +1 -0
- package/lib/createDefaultTheme.js +30 -0
- package/lib/createDefaultTheme.js.map +1 -0
- package/lib/defaultColors.d.ts +12 -0
- package/lib/defaultColors.d.ts.map +1 -0
- package/lib/defaultColors.js +289 -0
- package/lib/defaultColors.js.map +1 -0
- package/lib/defaultColors.macos.d.ts +12 -0
- package/lib/defaultColors.macos.d.ts.map +1 -0
- package/lib/defaultColors.macos.js +266 -0
- package/lib/defaultColors.macos.js.map +1 -0
- package/lib/defaultColors.win32.d.ts +12 -0
- package/lib/defaultColors.win32.d.ts.map +1 -0
- package/lib/defaultColors.win32.js +266 -0
- package/lib/defaultColors.win32.js.map +1 -0
- package/lib/defaultTheme.d.ts +6 -0
- package/lib/defaultTheme.d.ts.map +1 -0
- package/lib/defaultTheme.js +100 -0
- package/lib/defaultTheme.js.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +4 -0
- package/lib/index.js.map +1 -0
- package/package.json +5 -5
- package/src/__tests__/__snapshots__/default-theme.test.ts.snap +1095 -393
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { Platform } from 'react-native';
|
|
2
|
+
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
3
|
+
import { createShadowAliasTokens } from './createAliasTokens';
|
|
4
|
+
import { getStockWebPalette, getStockWebDarkPalette, getStockWebHCPalette } from './defaultColors';
|
|
5
|
+
function _defaultTypography() {
|
|
6
|
+
var defaultsDict = {
|
|
7
|
+
sizes: {
|
|
8
|
+
caption: globalTokens.font.size100,
|
|
9
|
+
secondary: globalTokens.font.size200,
|
|
10
|
+
body: globalTokens.font.size300,
|
|
11
|
+
subheader: globalTokens.font.size400,
|
|
12
|
+
header: globalTokens.font.size500,
|
|
13
|
+
hero: globalTokens.font.size700,
|
|
14
|
+
heroLarge: globalTokens.font.size900,
|
|
15
|
+
},
|
|
16
|
+
weights: {
|
|
17
|
+
regular: globalTokens.font.weight.regular,
|
|
18
|
+
semiBold: globalTokens.font.weight.semibold,
|
|
19
|
+
},
|
|
20
|
+
families: {
|
|
21
|
+
primary: 'Segoe UI',
|
|
22
|
+
secondary: 'Segoe UI',
|
|
23
|
+
cursive: 'System',
|
|
24
|
+
monospace: 'System',
|
|
25
|
+
numeric: 'System',
|
|
26
|
+
sansSerif: 'System',
|
|
27
|
+
serif: 'System',
|
|
28
|
+
},
|
|
29
|
+
variants: {
|
|
30
|
+
captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
|
|
31
|
+
secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
|
|
32
|
+
secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
|
|
33
|
+
bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
|
|
34
|
+
bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
|
|
35
|
+
subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
|
|
36
|
+
subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
|
|
37
|
+
headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
|
|
38
|
+
headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
|
|
39
|
+
heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
|
|
40
|
+
heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
|
|
41
|
+
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
|
|
42
|
+
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
|
|
43
|
+
// mocked out
|
|
44
|
+
caption1: { face: 'primary', size: 'caption', weight: 'regular' },
|
|
45
|
+
body1: { face: 'primary', size: 'secondary', weight: 'regular' },
|
|
46
|
+
body1Strong: { face: 'primary', size: 'secondary', weight: 'semiBold' },
|
|
47
|
+
body2: { face: 'primary', size: 'body', weight: 'regular' },
|
|
48
|
+
body2Strong: { face: 'primary', size: 'body', weight: 'semiBold' },
|
|
49
|
+
subtitle1: { face: 'primary', size: 'header', weight: 'regular' },
|
|
50
|
+
subtitle1Strong: { face: 'primary', size: 'header', weight: 'semiBold' },
|
|
51
|
+
subtitle2: { face: 'primary', size: 'subheader', weight: 'regular' },
|
|
52
|
+
subtitle2Strong: { face: 'primary', size: 'subheader', weight: 'semiBold' },
|
|
53
|
+
title1: { face: 'primary', size: 'hero', weight: 'regular' },
|
|
54
|
+
title1Strong: { face: 'primary', size: 'hero', weight: 'semiBold' },
|
|
55
|
+
largeTitle: { face: 'primary', size: 'heroLarge', weight: 'regular' },
|
|
56
|
+
display: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
if (Platform.OS === 'macos' || Platform.OS === 'ios') {
|
|
60
|
+
var familiesDictApple = {
|
|
61
|
+
primary: 'System',
|
|
62
|
+
secondary: 'System',
|
|
63
|
+
cursive: 'System',
|
|
64
|
+
monospace: 'System',
|
|
65
|
+
numeric: 'System',
|
|
66
|
+
sansSerif: 'System',
|
|
67
|
+
serif: 'System',
|
|
68
|
+
};
|
|
69
|
+
defaultsDict.families = familiesDictApple;
|
|
70
|
+
}
|
|
71
|
+
return defaultsDict;
|
|
72
|
+
}
|
|
73
|
+
export function defaultSpacing() {
|
|
74
|
+
return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
|
|
75
|
+
}
|
|
76
|
+
export var defaultFluentTheme = {
|
|
77
|
+
colors: getStockWebPalette(),
|
|
78
|
+
typography: _defaultTypography(),
|
|
79
|
+
spacing: defaultSpacing(),
|
|
80
|
+
shadows: createShadowAliasTokens('light'),
|
|
81
|
+
components: {},
|
|
82
|
+
host: { appearance: 'light' },
|
|
83
|
+
};
|
|
84
|
+
export var defaultFluentDarkTheme = {
|
|
85
|
+
colors: getStockWebDarkPalette(),
|
|
86
|
+
typography: defaultFluentTheme.typography,
|
|
87
|
+
shadows: createShadowAliasTokens('dark'),
|
|
88
|
+
spacing: defaultFluentTheme.spacing,
|
|
89
|
+
components: {},
|
|
90
|
+
host: { appearance: 'dark' },
|
|
91
|
+
};
|
|
92
|
+
export var defaultFluentHighConstrastTheme = {
|
|
93
|
+
colors: getStockWebHCPalette(),
|
|
94
|
+
typography: defaultFluentTheme.typography,
|
|
95
|
+
shadows: createShadowAliasTokens('highContrast'),
|
|
96
|
+
spacing: defaultFluentTheme.spacing,
|
|
97
|
+
components: {},
|
|
98
|
+
host: { appearance: 'highContrast' },
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=defaultTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../src/defaultTheme.ts"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
package/lib/index.js
ADDED
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/default-theme",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.3",
|
|
4
4
|
"description": "Typing only package for fluentui-react-native theme types",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@fluentui-react-native/memo-cache": "^1.1.8",
|
|
31
|
-
"@fluentui-react-native/theme-tokens": "^0.24.
|
|
32
|
-
"@fluentui-react-native/theme-types": ">=0.31.
|
|
33
|
-
"@fluentui-react-native/theme": ">=0.8.
|
|
34
|
-
"@fluentui-react-native/theming-utils": ">=0.23.
|
|
31
|
+
"@fluentui-react-native/theme-tokens": "^0.24.6",
|
|
32
|
+
"@fluentui-react-native/theme-types": ">=0.31.1 <1.0.0",
|
|
33
|
+
"@fluentui-react-native/theme": ">=0.8.4 <1.0.0",
|
|
34
|
+
"@fluentui-react-native/theming-utils": ">=0.23.11 <1.0.0",
|
|
35
35
|
"assert-never": "^1.2.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|