@fluentui-react-native/default-theme 0.27.15 → 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 +29 -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
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { globalTokens } from '@fluentui-react-native/design/tokens/legacy';
|
|
2
|
-
import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
|
|
3
|
-
import { colorBlack, colorBurgundyPrimary, colorRedPrimary, colorWhite } from '@fluentui-react-native/design/tokens/global';
|
|
4
|
-
|
|
5
|
-
import { createColorAliasTokens } from './createAliasTokens';
|
|
6
|
-
import { paletteFromFabricColors } from './defaultColors';
|
|
7
|
-
|
|
8
|
-
export function getStockWebPalette(): ThemeColorDefinition {
|
|
9
|
-
return {
|
|
10
|
-
...paletteFromFabricColors({
|
|
11
|
-
black: colorBlack,
|
|
12
|
-
neutralDark: '#201f1e',
|
|
13
|
-
neutralPrimary: '#323130',
|
|
14
|
-
neutralPrimaryAlt: '#3b3a39',
|
|
15
|
-
neutralSecondary: '#605e5c',
|
|
16
|
-
neutralSecondaryAlt: '#8a8886',
|
|
17
|
-
neutralTertiary: '#a19f9d',
|
|
18
|
-
neutralTertiaryAlt: '#c8c6c4',
|
|
19
|
-
neutralQuaternary: '#d2d0ce',
|
|
20
|
-
neutralQuaternaryAlt: '#e1dfdd',
|
|
21
|
-
neutralLight: '#edebe9',
|
|
22
|
-
neutralLighter: '#f3f2f1',
|
|
23
|
-
neutralLighterAlt: '#faf9f8',
|
|
24
|
-
white: colorWhite,
|
|
25
|
-
// Shared Colors
|
|
26
|
-
red: colorRedPrimary,
|
|
27
|
-
redDark: colorBurgundyPrimary,
|
|
28
|
-
|
|
29
|
-
themeDarker: globalTokens.color.brand.shade40,
|
|
30
|
-
themeDark: globalTokens.color.brand.shade20,
|
|
31
|
-
themeDarkAlt: globalTokens.color.brand.shade10,
|
|
32
|
-
themePrimary: globalTokens.color.brand.primary,
|
|
33
|
-
themeSecondary: '#2b88d8',
|
|
34
|
-
themeTertiary: '#71afe5',
|
|
35
|
-
themeLight: globalTokens.color.brand.tint40,
|
|
36
|
-
themeLighter: globalTokens.color.brand.tint50,
|
|
37
|
-
themeLighterAlt: globalTokens.color.brand.tint60,
|
|
38
|
-
accent: globalTokens.color.brand.primary,
|
|
39
|
-
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
40
|
-
}),
|
|
41
|
-
...createColorAliasTokens('light'),
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export function getStockWebDarkPalette(): ThemeColorDefinition {
|
|
46
|
-
return {
|
|
47
|
-
...paletteFromFabricColors(
|
|
48
|
-
{
|
|
49
|
-
// colors taken from fluentui DarkCustomizations.ts
|
|
50
|
-
themeDarker: '#82c7ff',
|
|
51
|
-
themeDark: globalTokens.color.brand.tint30,
|
|
52
|
-
themeDarkAlt: globalTokens.color.brand.tint20,
|
|
53
|
-
themePrimary: globalTokens.color.brand.tint10,
|
|
54
|
-
themeSecondary: globalTokens.color.brand.primary,
|
|
55
|
-
themeTertiary: '#235a85',
|
|
56
|
-
themeLight: globalTokens.color.brand.shade30,
|
|
57
|
-
themeLighter: globalTokens.color.brand.shade50,
|
|
58
|
-
themeLighterAlt: globalTokens.color.brand.shade60,
|
|
59
|
-
black: colorWhite,
|
|
60
|
-
neutralDark: '#faf9f8',
|
|
61
|
-
neutralPrimary: '#f3f2f1',
|
|
62
|
-
neutralPrimaryAlt: '#c8c6c4',
|
|
63
|
-
neutralSecondary: '#a19f9d',
|
|
64
|
-
neutralSecondaryAlt: '#979693',
|
|
65
|
-
neutralTertiary: '#797775',
|
|
66
|
-
neutralTertiaryAlt: '#484644',
|
|
67
|
-
neutralQuaternary: '#3b3a39',
|
|
68
|
-
neutralQuaternaryAlt: '#323130',
|
|
69
|
-
neutralLight: '#292827',
|
|
70
|
-
neutralLighter: '#252423',
|
|
71
|
-
neutralLighterAlt: '#201f1e',
|
|
72
|
-
white: '#1b1a19',
|
|
73
|
-
red: colorRedPrimary,
|
|
74
|
-
accent: globalTokens.color.brand.primary,
|
|
75
|
-
redDark: '#f1707b',
|
|
76
|
-
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
77
|
-
},
|
|
78
|
-
true,
|
|
79
|
-
),
|
|
80
|
-
...createColorAliasTokens('dark'),
|
|
81
|
-
};
|
|
82
|
-
}
|
package/src/stockWebPalette.ts
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
2
|
-
import { globalTokens } from '@fluentui-react-native/design/tokens/legacy';
|
|
3
|
-
import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
|
|
4
|
-
import { colorBlack, colorBurgundyPrimary, colorRedPrimary, colorWhite } from '@fluentui-react-native/design/tokens/global';
|
|
5
|
-
|
|
6
|
-
import { createColorAliasTokens } from './createAliasTokens';
|
|
7
|
-
import { paletteFromFabricColors } from './defaultColors';
|
|
8
|
-
|
|
9
|
-
export function getStockWebPalette(): ThemeColorDefinition {
|
|
10
|
-
return {
|
|
11
|
-
...paletteFromFabricColors({
|
|
12
|
-
black: colorBlack,
|
|
13
|
-
neutralDark: '#201f1e',
|
|
14
|
-
neutralPrimary: '#323130',
|
|
15
|
-
neutralPrimaryAlt: '#3b3a39',
|
|
16
|
-
neutralSecondary: '#605e5c',
|
|
17
|
-
neutralSecondaryAlt: '#8a8886',
|
|
18
|
-
neutralTertiary: '#a19f9d',
|
|
19
|
-
neutralTertiaryAlt: '#c8c6c4',
|
|
20
|
-
neutralQuaternary: '#d2d0ce',
|
|
21
|
-
neutralQuaternaryAlt: '#e1dfdd',
|
|
22
|
-
neutralLight: '#edebe9',
|
|
23
|
-
neutralLighter: '#f3f2f1',
|
|
24
|
-
neutralLighterAlt: '#faf9f8',
|
|
25
|
-
white: colorWhite,
|
|
26
|
-
// Shared Colors
|
|
27
|
-
red: colorRedPrimary,
|
|
28
|
-
redDark: colorBurgundyPrimary,
|
|
29
|
-
|
|
30
|
-
// @ts-expect-error
|
|
31
|
-
accent: globalTokens.color.brand80,
|
|
32
|
-
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
33
|
-
|
|
34
|
-
// Colors to be deprecated
|
|
35
|
-
// @ts-expect-error
|
|
36
|
-
themeDarker: globalTokens.color.brand40,
|
|
37
|
-
// @ts-expect-error
|
|
38
|
-
themeDark: globalTokens.color.brand60,
|
|
39
|
-
// @ts-expect-error
|
|
40
|
-
themeDarkAlt: globalTokens.color.brand70,
|
|
41
|
-
// @ts-expect-error
|
|
42
|
-
themePrimary: globalTokens.color.brand80,
|
|
43
|
-
// @ts-expect-error
|
|
44
|
-
themeSecondary: globalTokens.color.brand90,
|
|
45
|
-
// @ts-expect-error
|
|
46
|
-
themeTertiary: globalTokens.color.brand120,
|
|
47
|
-
// @ts-expect-error
|
|
48
|
-
themeLight: globalTokens.color.brand140,
|
|
49
|
-
// @ts-expect-error
|
|
50
|
-
themeLighter: globalTokens.color.brand150,
|
|
51
|
-
// @ts-expect-error
|
|
52
|
-
themeLighterAlt: globalTokens.color.brand160,
|
|
53
|
-
}),
|
|
54
|
-
...createColorAliasTokens('light'),
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export function getStockWebDarkPalette(): ThemeColorDefinition {
|
|
59
|
-
return {
|
|
60
|
-
...paletteFromFabricColors(
|
|
61
|
-
{
|
|
62
|
-
// colors taken from fluentui DarkCustomizations.ts
|
|
63
|
-
black: colorWhite,
|
|
64
|
-
neutralDark: '#faf9f8',
|
|
65
|
-
neutralPrimary: '#f3f2f1',
|
|
66
|
-
neutralPrimaryAlt: '#c8c6c4',
|
|
67
|
-
neutralSecondary: '#a19f9d',
|
|
68
|
-
neutralSecondaryAlt: '#979693',
|
|
69
|
-
neutralTertiary: '#797775',
|
|
70
|
-
neutralTertiaryAlt: '#484644',
|
|
71
|
-
neutralQuaternary: '#3b3a39',
|
|
72
|
-
neutralQuaternaryAlt: '#323130',
|
|
73
|
-
neutralLight: '#292827',
|
|
74
|
-
neutralLighter: '#252423',
|
|
75
|
-
neutralLighterAlt: '#201f1e',
|
|
76
|
-
white: '#1b1a19',
|
|
77
|
-
red: colorRedPrimary,
|
|
78
|
-
// @ts-expect-error
|
|
79
|
-
accent: globalTokens.color.brand40,
|
|
80
|
-
redDark: '#f1707b',
|
|
81
|
-
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
82
|
-
|
|
83
|
-
// Colors to be deprecated
|
|
84
|
-
// @ts-expect-error
|
|
85
|
-
themeDarker: globalTokens.color.brand110,
|
|
86
|
-
// @ts-expect-error
|
|
87
|
-
themeDark: globalTokens.color.brand100,
|
|
88
|
-
// @ts-expect-error
|
|
89
|
-
themeDarkAlt: globalTokens.color.brand100,
|
|
90
|
-
// @ts-expect-error
|
|
91
|
-
themePrimary: globalTokens.color.brand90,
|
|
92
|
-
// @ts-expect-error
|
|
93
|
-
themeSecondary: globalTokens.color.brand90,
|
|
94
|
-
// @ts-expect-error
|
|
95
|
-
themeTertiary: globalTokens.color.brand60,
|
|
96
|
-
// @ts-expect-error
|
|
97
|
-
themeLight: globalTokens.color.brand50,
|
|
98
|
-
// @ts-expect-error
|
|
99
|
-
themeLighter: globalTokens.color.brand40,
|
|
100
|
-
// @ts-expect-error
|
|
101
|
-
themeLighterAlt: globalTokens.color.brand30,
|
|
102
|
-
},
|
|
103
|
-
true,
|
|
104
|
-
),
|
|
105
|
-
...createColorAliasTokens('dark'),
|
|
106
|
-
};
|
|
107
|
-
}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { globalTokens } from '@fluentui-react-native/design/tokens/legacy';
|
|
2
|
-
import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
|
|
3
|
-
import { colorBlack, colorBurgundyPrimary, colorRedPrimary, colorWhite } from '@fluentui-react-native/design/tokens/global';
|
|
4
|
-
|
|
5
|
-
import { createColorAliasTokens } from './createAliasTokens';
|
|
6
|
-
import { paletteFromFabricColors } from './defaultColors';
|
|
7
|
-
|
|
8
|
-
export function getStockWebPalette(): ThemeColorDefinition {
|
|
9
|
-
return {
|
|
10
|
-
...paletteFromFabricColors({
|
|
11
|
-
black: colorBlack,
|
|
12
|
-
neutralDark: '#201f1e',
|
|
13
|
-
neutralPrimary: '#323130',
|
|
14
|
-
neutralPrimaryAlt: '#3b3a39',
|
|
15
|
-
neutralSecondary: '#605e5c',
|
|
16
|
-
neutralSecondaryAlt: '#8a8886',
|
|
17
|
-
neutralTertiary: '#a19f9d',
|
|
18
|
-
neutralTertiaryAlt: '#c8c6c4',
|
|
19
|
-
neutralQuaternary: '#d2d0ce',
|
|
20
|
-
neutralQuaternaryAlt: '#e1dfdd',
|
|
21
|
-
neutralLight: '#edebe9',
|
|
22
|
-
neutralLighter: '#f3f2f1',
|
|
23
|
-
neutralLighterAlt: '#faf9f8',
|
|
24
|
-
white: colorWhite,
|
|
25
|
-
// Shared Colors
|
|
26
|
-
red: colorRedPrimary,
|
|
27
|
-
redDark: colorBurgundyPrimary,
|
|
28
|
-
|
|
29
|
-
themeDarker: globalTokens.color.brand.shade40,
|
|
30
|
-
themeDark: globalTokens.color.brand.shade20,
|
|
31
|
-
themeDarkAlt: globalTokens.color.brand.shade10,
|
|
32
|
-
themePrimary: globalTokens.color.brand.primary,
|
|
33
|
-
themeSecondary: '#2b88d8',
|
|
34
|
-
themeTertiary: '#71afe5',
|
|
35
|
-
themeLight: globalTokens.color.brand.tint40,
|
|
36
|
-
themeLighter: globalTokens.color.brand.tint50,
|
|
37
|
-
themeLighterAlt: globalTokens.color.brand.tint60,
|
|
38
|
-
accent: globalTokens.color.brand.primary,
|
|
39
|
-
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
40
|
-
}),
|
|
41
|
-
...createColorAliasTokens('light'),
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export function getStockWebDarkPalette(): ThemeColorDefinition {
|
|
46
|
-
return {
|
|
47
|
-
...paletteFromFabricColors(
|
|
48
|
-
{
|
|
49
|
-
// colors taken from fluentui DarkCustomizations.ts
|
|
50
|
-
themeDarker: '#82c7ff',
|
|
51
|
-
themeDark: globalTokens.color.brand.tint30,
|
|
52
|
-
themeDarkAlt: globalTokens.color.brand.tint20,
|
|
53
|
-
themePrimary: globalTokens.color.brand.tint10,
|
|
54
|
-
themeSecondary: globalTokens.color.brand.primary,
|
|
55
|
-
themeTertiary: '#235a85',
|
|
56
|
-
themeLight: globalTokens.color.brand.shade30,
|
|
57
|
-
themeLighter: globalTokens.color.brand.shade50,
|
|
58
|
-
themeLighterAlt: globalTokens.color.brand.shade60,
|
|
59
|
-
black: colorWhite,
|
|
60
|
-
neutralDark: '#faf9f8',
|
|
61
|
-
neutralPrimary: '#f3f2f1',
|
|
62
|
-
neutralPrimaryAlt: '#c8c6c4',
|
|
63
|
-
neutralSecondary: '#a19f9d',
|
|
64
|
-
neutralSecondaryAlt: '#979693',
|
|
65
|
-
neutralTertiary: '#797775',
|
|
66
|
-
neutralTertiaryAlt: '#484644',
|
|
67
|
-
neutralQuaternary: '#3b3a39',
|
|
68
|
-
neutralQuaternaryAlt: '#323130',
|
|
69
|
-
neutralLight: '#292827',
|
|
70
|
-
neutralLighter: '#252423',
|
|
71
|
-
neutralLighterAlt: '#201f1e',
|
|
72
|
-
white: '#1b1a19',
|
|
73
|
-
red: colorRedPrimary,
|
|
74
|
-
accent: globalTokens.color.brand.primary,
|
|
75
|
-
redDark: '#f1707b',
|
|
76
|
-
blackTranslucent40: 'rgba(0,0,0,.4)',
|
|
77
|
-
},
|
|
78
|
-
true,
|
|
79
|
-
),
|
|
80
|
-
...createColorAliasTokens('dark'),
|
|
81
|
-
};
|
|
82
|
-
}
|