@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.
Files changed (38) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/__tests__/default-theme.test.d.ts +1 -1
  3. package/lib/__tests__/default-theme.test.js +22 -22
  4. package/lib/createAliasTokens.d.ts +1 -1
  5. package/lib/createAliasTokens.js +5 -5
  6. package/lib/createDefaultTheme.d.ts +1 -1
  7. package/lib/createDefaultTheme.js +21 -21
  8. package/lib/defaultColors.d.ts +1 -1
  9. package/lib/defaultColors.js +254 -254
  10. package/lib/defaultTheme.d.ts +1 -1
  11. package/lib/defaultTheme.js +86 -86
  12. package/lib/index.d.ts +1 -1
  13. package/lib/index.js +1 -1
  14. package/lib/stockWebPalette.d.ts +1 -1
  15. package/lib/stockWebPalette.js +89 -92
  16. package/lib/stockWebPalette.macos.d.ts +1 -1
  17. package/lib/stockWebPalette.macos.js +67 -70
  18. package/lib/stockWebPalette.win32.d.ts +1 -1
  19. package/lib/stockWebPalette.win32.js +67 -70
  20. package/lib-commonjs/__tests__/default-theme.test.d.ts +1 -1
  21. package/lib-commonjs/__tests__/default-theme.test.js +27 -27
  22. package/lib-commonjs/createAliasTokens.d.ts +1 -1
  23. package/lib-commonjs/createAliasTokens.js +10 -10
  24. package/lib-commonjs/createDefaultTheme.d.ts +1 -1
  25. package/lib-commonjs/createDefaultTheme.js +31 -33
  26. package/lib-commonjs/defaultColors.d.ts +1 -1
  27. package/lib-commonjs/defaultColors.js +257 -257
  28. package/lib-commonjs/defaultTheme.d.ts +1 -1
  29. package/lib-commonjs/defaultTheme.js +93 -93
  30. package/lib-commonjs/index.d.ts +1 -1
  31. package/lib-commonjs/index.js +10 -30
  32. package/lib-commonjs/stockWebPalette.d.ts +1 -1
  33. package/lib-commonjs/stockWebPalette.js +94 -97
  34. package/lib-commonjs/stockWebPalette.macos.d.ts +1 -1
  35. package/lib-commonjs/stockWebPalette.macos.js +72 -75
  36. package/lib-commonjs/stockWebPalette.win32.d.ts +1 -1
  37. package/lib-commonjs/stockWebPalette.win32.js +72 -75
  38. package/package.json +18 -17
package/lib-commonjs/defaultTheme.js CHANGED
@@ -1,106 +1,106 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.defaultFluentHighConstrastTheme = exports.defaultFluentDarkTheme = exports.defaultFluentTheme = void 0;
4
4
  exports.defaultSpacing = defaultSpacing;
5
- const react_native_1 = require('react-native');
6
- const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
7
- const createAliasTokens_1 = require('./createAliasTokens');
8
- const defaultColors_1 = require('./defaultColors');
9
- const stockWebPalette_1 = require('./stockWebPalette');
5
+ const react_native_1 = require("react-native");
6
+ const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
7
+ const createAliasTokens_1 = require("./createAliasTokens");
8
+ const defaultColors_1 = require("./defaultColors");
9
+ const stockWebPalette_1 = require("./stockWebPalette");
10
10
  function _defaultTypography() {
11
- const defaultsDict = {
12
- sizes: {
13
- caption: theme_tokens_1.globalTokens.font.size100,
14
- secondary: theme_tokens_1.globalTokens.font.size200,
15
- body: theme_tokens_1.globalTokens.font.size300,
16
- subheader: theme_tokens_1.globalTokens.font.size400,
17
- header: theme_tokens_1.globalTokens.font.size500,
18
- hero: theme_tokens_1.globalTokens.font.size700,
19
- heroLarge: theme_tokens_1.globalTokens.font.size900,
20
- },
21
- weights: {
22
- regular: theme_tokens_1.globalTokens.font.weight.regular,
23
- semiBold: theme_tokens_1.globalTokens.font.weight.semibold,
24
- },
25
- families: {
26
- primary: 'Segoe UI',
27
- secondary: 'Segoe UI',
28
- cursive: 'System',
29
- monospace: 'System',
30
- numeric: 'System',
31
- sansSerif: 'System',
32
- serif: 'System',
33
- },
34
- variants: {
35
- captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
36
- secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
37
- secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
38
- bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
39
- bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
40
- subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
41
- subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
42
- headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
43
- headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
44
- heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
45
- heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
46
- heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
47
- heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
48
- // mocked out
49
- caption1: { face: 'primary', size: 'caption', weight: 'regular' },
50
- caption1Strong: { face: 'primary', size: 'caption', weight: 'semiBold' },
51
- body1: { face: 'primary', size: 'secondary', weight: 'regular' },
52
- body1Strong: { face: 'primary', size: 'secondary', weight: 'semiBold' },
53
- body2: { face: 'primary', size: 'body', weight: 'regular' },
54
- body2Strong: { face: 'primary', size: 'body', weight: 'semiBold' },
55
- subtitle1: { face: 'primary', size: 'header', weight: 'regular' },
56
- subtitle1Strong: { face: 'primary', size: 'header', weight: 'semiBold' },
57
- subtitle2: { face: 'primary', size: 'subheader', weight: 'regular' },
58
- subtitle2Strong: { face: 'primary', size: 'subheader', weight: 'semiBold' },
59
- title1: { face: 'primary', size: 'hero', weight: 'regular' },
60
- title1Strong: { face: 'primary', size: 'hero', weight: 'semiBold' },
61
- largeTitle: { face: 'primary', size: 'heroLarge', weight: 'regular' },
62
- display: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
63
- },
64
- };
65
- if (react_native_1.Platform.OS === 'macos' || react_native_1.Platform.OS === 'ios') {
66
- const familiesDictApple = {
67
- primary: 'System',
68
- secondary: 'System',
69
- cursive: 'System',
70
- monospace: 'System',
71
- numeric: 'System',
72
- sansSerif: 'System',
73
- serif: 'System',
11
+ const defaultsDict = {
12
+ sizes: {
13
+ caption: theme_tokens_1.globalTokens.font.size100,
14
+ secondary: theme_tokens_1.globalTokens.font.size200,
15
+ body: theme_tokens_1.globalTokens.font.size300,
16
+ subheader: theme_tokens_1.globalTokens.font.size400,
17
+ header: theme_tokens_1.globalTokens.font.size500,
18
+ hero: theme_tokens_1.globalTokens.font.size700,
19
+ heroLarge: theme_tokens_1.globalTokens.font.size900,
20
+ },
21
+ weights: {
22
+ regular: theme_tokens_1.globalTokens.font.weight.regular,
23
+ semiBold: theme_tokens_1.globalTokens.font.weight.semibold,
24
+ },
25
+ families: {
26
+ primary: 'Segoe UI',
27
+ secondary: 'Segoe UI',
28
+ cursive: 'System',
29
+ monospace: 'System',
30
+ numeric: 'System',
31
+ sansSerif: 'System',
32
+ serif: 'System',
33
+ },
34
+ variants: {
35
+ captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
36
+ secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
37
+ secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
38
+ bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
39
+ bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
40
+ subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
41
+ subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
42
+ headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
43
+ headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
44
+ heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
45
+ heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
46
+ heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
47
+ heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
48
+ // mocked out
49
+ caption1: { face: 'primary', size: 'caption', weight: 'regular' },
50
+ caption1Strong: { face: 'primary', size: 'caption', weight: 'semiBold' },
51
+ body1: { face: 'primary', size: 'secondary', weight: 'regular' },
52
+ body1Strong: { face: 'primary', size: 'secondary', weight: 'semiBold' },
53
+ body2: { face: 'primary', size: 'body', weight: 'regular' },
54
+ body2Strong: { face: 'primary', size: 'body', weight: 'semiBold' },
55
+ subtitle1: { face: 'primary', size: 'header', weight: 'regular' },
56
+ subtitle1Strong: { face: 'primary', size: 'header', weight: 'semiBold' },
57
+ subtitle2: { face: 'primary', size: 'subheader', weight: 'regular' },
58
+ subtitle2Strong: { face: 'primary', size: 'subheader', weight: 'semiBold' },
59
+ title1: { face: 'primary', size: 'hero', weight: 'regular' },
60
+ title1Strong: { face: 'primary', size: 'hero', weight: 'semiBold' },
61
+ largeTitle: { face: 'primary', size: 'heroLarge', weight: 'regular' },
62
+ display: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
63
+ },
74
64
  };
75
- defaultsDict.families = familiesDictApple;
76
- }
77
- return defaultsDict;
65
+ if (react_native_1.Platform.OS === 'macos' || react_native_1.Platform.OS === 'ios') {
66
+ const familiesDictApple = {
67
+ primary: 'System',
68
+ secondary: 'System',
69
+ cursive: 'System',
70
+ monospace: 'System',
71
+ numeric: 'System',
72
+ sansSerif: 'System',
73
+ serif: 'System',
74
+ };
75
+ defaultsDict.families = familiesDictApple;
76
+ }
77
+ return defaultsDict;
78
78
  }
79
79
  function defaultSpacing() {
80
- return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
80
+ return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
81
81
  }
82
82
  exports.defaultFluentTheme = {
83
- colors: (0, stockWebPalette_1.getStockWebPalette)(),
84
- typography: _defaultTypography(),
85
- spacing: defaultSpacing(),
86
- shadows: (0, createAliasTokens_1.createShadowAliasTokens)('light'),
87
- components: {},
88
- host: { appearance: 'light' },
83
+ colors: (0, stockWebPalette_1.getStockWebPalette)(),
84
+ typography: _defaultTypography(),
85
+ spacing: defaultSpacing(),
86
+ shadows: (0, createAliasTokens_1.createShadowAliasTokens)('light'),
87
+ components: {},
88
+ host: { appearance: 'light' },
89
89
  };
90
90
  exports.defaultFluentDarkTheme = {
91
- colors: (0, stockWebPalette_1.getStockWebDarkPalette)(),
92
- typography: exports.defaultFluentTheme.typography,
93
- shadows: (0, createAliasTokens_1.createShadowAliasTokens)('dark'),
94
- spacing: exports.defaultFluentTheme.spacing,
95
- components: {},
96
- host: { appearance: 'dark' },
91
+ colors: (0, stockWebPalette_1.getStockWebDarkPalette)(),
92
+ typography: exports.defaultFluentTheme.typography,
93
+ shadows: (0, createAliasTokens_1.createShadowAliasTokens)('dark'),
94
+ spacing: exports.defaultFluentTheme.spacing,
95
+ components: {},
96
+ host: { appearance: 'dark' },
97
97
  };
98
98
  exports.defaultFluentHighConstrastTheme = {
99
- colors: (0, defaultColors_1.getStockWebHCPalette)(),
100
- typography: exports.defaultFluentTheme.typography,
101
- shadows: (0, createAliasTokens_1.createShadowAliasTokens)('highContrast'),
102
- spacing: exports.defaultFluentTheme.spacing,
103
- components: {},
104
- host: { appearance: 'highContrast' },
99
+ colors: (0, defaultColors_1.getStockWebHCPalette)(),
100
+ typography: exports.defaultFluentTheme.typography,
101
+ shadows: (0, createAliasTokens_1.createShadowAliasTokens)('highContrast'),
102
+ spacing: exports.defaultFluentTheme.spacing,
103
+ components: {},
104
+ host: { appearance: 'highContrast' },
105
105
  };
106
- //# sourceMappingURL=defaultTheme.js.map
106
+ //# sourceMappingURL=defaultTheme.js.map
package/lib-commonjs/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export { defaultFluentTheme, defaultFluentDarkTheme } from './defaultTheme';
2
2
  export { createDefaultTheme } from './createDefaultTheme';
3
3
  export { createColorAliasTokens as createAliasTokens } from './createAliasTokens';
4
- //# sourceMappingURL=index.d.ts.map
4
+ //# sourceMappingURL=index.d.ts.map
package/lib-commonjs/index.js CHANGED
@@ -1,31 +1,11 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.createAliasTokens = exports.createDefaultTheme = exports.defaultFluentDarkTheme = exports.defaultFluentTheme = void 0;
4
- const defaultTheme_1 = require('./defaultTheme');
5
- Object.defineProperty(exports, 'defaultFluentTheme', {
6
- enumerable: true,
7
- get: function () {
8
- return defaultTheme_1.defaultFluentTheme;
9
- },
10
- });
11
- Object.defineProperty(exports, 'defaultFluentDarkTheme', {
12
- enumerable: true,
13
- get: function () {
14
- return defaultTheme_1.defaultFluentDarkTheme;
15
- },
16
- });
17
- const createDefaultTheme_1 = require('./createDefaultTheme');
18
- Object.defineProperty(exports, 'createDefaultTheme', {
19
- enumerable: true,
20
- get: function () {
21
- return createDefaultTheme_1.createDefaultTheme;
22
- },
23
- });
24
- const createAliasTokens_1 = require('./createAliasTokens');
25
- Object.defineProperty(exports, 'createAliasTokens', {
26
- enumerable: true,
27
- get: function () {
28
- return createAliasTokens_1.createColorAliasTokens;
29
- },
30
- });
31
- //# sourceMappingURL=index.js.map
4
+ const defaultTheme_1 = require("./defaultTheme");
5
+ Object.defineProperty(exports, "defaultFluentTheme", { enumerable: true, get: function () { return defaultTheme_1.defaultFluentTheme; } });
6
+ Object.defineProperty(exports, "defaultFluentDarkTheme", { enumerable: true, get: function () { return defaultTheme_1.defaultFluentDarkTheme; } });
7
+ const createDefaultTheme_1 = require("./createDefaultTheme");
8
+ Object.defineProperty(exports, "createDefaultTheme", { enumerable: true, get: function () { return createDefaultTheme_1.createDefaultTheme; } });
9
+ const createAliasTokens_1 = require("./createAliasTokens");
10
+ Object.defineProperty(exports, "createAliasTokens", { enumerable: true, get: function () { return createAliasTokens_1.createColorAliasTokens; } });
11
+ //# sourceMappingURL=index.js.map
package/lib-commonjs/stockWebPalette.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { ThemeColorDefinition } from '@fluentui-react-native/theme-types';
2
2
  export declare function getStockWebPalette(): ThemeColorDefinition;
3
3
  export declare function getStockWebDarkPalette(): ThemeColorDefinition;
4
- //# sourceMappingURL=stockWebPalette.d.ts.map
4
+ //# sourceMappingURL=stockWebPalette.d.ts.map
package/lib-commonjs/stockWebPalette.js CHANGED
@@ -1,104 +1,101 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.getStockWebPalette = getStockWebPalette;
4
4
  exports.getStockWebDarkPalette = getStockWebDarkPalette;
5
5
  /* eslint-disable @typescript-eslint/ban-ts-comment */
6
- const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
7
- const createAliasTokens_1 = require('./createAliasTokens');
8
- const defaultColors_1 = require('./defaultColors');
6
+ const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
7
+ const createAliasTokens_1 = require("./createAliasTokens");
8
+ const defaultColors_1 = require("./defaultColors");
9
9
  function getStockWebPalette() {
10
- return {
11
- ...(0, defaultColors_1.paletteFromFabricColors)({
12
- black: theme_tokens_1.globalTokens.color.black,
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: theme_tokens_1.globalTokens.color.white,
26
- // Shared Colors
27
- red: theme_tokens_1.globalTokens.color.red.primary,
28
- redDark: theme_tokens_1.globalTokens.color.burgundy.primary,
29
- // @ts-ignore
30
- accent: theme_tokens_1.globalTokens.color.brand80,
31
- blackTranslucent40: 'rgba(0,0,0,.4)',
32
- // Colors to be deprecated
33
- // @ts-ignore
34
- themeDarker: theme_tokens_1.globalTokens.color.brand40,
35
- // @ts-ignore
36
- themeDark: theme_tokens_1.globalTokens.color.brand60,
37
- // @ts-ignore
38
- themeDarkAlt: theme_tokens_1.globalTokens.color.brand70,
39
- // @ts-ignore
40
- themePrimary: theme_tokens_1.globalTokens.color.brand80,
41
- // @ts-ignore
42
- themeSecondary: theme_tokens_1.globalTokens.color.brand90,
43
- // @ts-ignore
44
- themeTertiary: theme_tokens_1.globalTokens.color.brand120,
45
- // @ts-ignore
46
- themeLight: theme_tokens_1.globalTokens.color.brand140,
47
- // @ts-ignore
48
- themeLighter: theme_tokens_1.globalTokens.color.brand150,
49
- // @ts-ignore
50
- themeLighterAlt: theme_tokens_1.globalTokens.color.brand160,
51
- }),
52
- ...(0, createAliasTokens_1.createColorAliasTokens)('light'),
53
- };
10
+ return {
11
+ ...(0, defaultColors_1.paletteFromFabricColors)({
12
+ black: theme_tokens_1.globalTokens.color.black,
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: theme_tokens_1.globalTokens.color.white,
26
+ // Shared Colors
27
+ red: theme_tokens_1.globalTokens.color.red.primary,
28
+ redDark: theme_tokens_1.globalTokens.color.burgundy.primary,
29
+ // @ts-ignore
30
+ accent: theme_tokens_1.globalTokens.color.brand80,
31
+ blackTranslucent40: 'rgba(0,0,0,.4)',
32
+ // Colors to be deprecated
33
+ // @ts-ignore
34
+ themeDarker: theme_tokens_1.globalTokens.color.brand40,
35
+ // @ts-ignore
36
+ themeDark: theme_tokens_1.globalTokens.color.brand60,
37
+ // @ts-ignore
38
+ themeDarkAlt: theme_tokens_1.globalTokens.color.brand70,
39
+ // @ts-ignore
40
+ themePrimary: theme_tokens_1.globalTokens.color.brand80,
41
+ // @ts-ignore
42
+ themeSecondary: theme_tokens_1.globalTokens.color.brand90,
43
+ // @ts-ignore
44
+ themeTertiary: theme_tokens_1.globalTokens.color.brand120,
45
+ // @ts-ignore
46
+ themeLight: theme_tokens_1.globalTokens.color.brand140,
47
+ // @ts-ignore
48
+ themeLighter: theme_tokens_1.globalTokens.color.brand150,
49
+ // @ts-ignore
50
+ themeLighterAlt: theme_tokens_1.globalTokens.color.brand160,
51
+ }),
52
+ ...(0, createAliasTokens_1.createColorAliasTokens)('light'),
53
+ };
54
54
  }
55
55
  function getStockWebDarkPalette() {
56
- return {
57
- ...(0, defaultColors_1.paletteFromFabricColors)(
58
- {
59
- // colors taken from fluentui DarkCustomizations.ts
60
- black: theme_tokens_1.globalTokens.color.white,
61
- neutralDark: '#faf9f8',
62
- neutralPrimary: '#f3f2f1',
63
- neutralPrimaryAlt: '#c8c6c4',
64
- neutralSecondary: '#a19f9d',
65
- neutralSecondaryAlt: '#979693',
66
- neutralTertiary: '#797775',
67
- neutralTertiaryAlt: '#484644',
68
- neutralQuaternary: '#3b3a39',
69
- neutralQuaternaryAlt: '#323130',
70
- neutralLight: '#292827',
71
- neutralLighter: '#252423',
72
- neutralLighterAlt: '#201f1e',
73
- white: '#1b1a19',
74
- red: theme_tokens_1.globalTokens.color.red.primary,
75
- // @ts-ignore
76
- accent: theme_tokens_1.globalTokens.color.brand40,
77
- redDark: '#f1707b',
78
- blackTranslucent40: 'rgba(0,0,0,.4)',
79
- // Colors to be deprecated
80
- // @ts-ignore
81
- themeDarker: theme_tokens_1.globalTokens.color.brand110,
82
- // @ts-ignore
83
- themeDark: theme_tokens_1.globalTokens.color.brand100,
84
- // @ts-ignore
85
- themeDarkAlt: theme_tokens_1.globalTokens.color.brand100,
86
- // @ts-ignore
87
- themePrimary: theme_tokens_1.globalTokens.color.brand90,
88
- // @ts-ignore
89
- themeSecondary: theme_tokens_1.globalTokens.color.brand90,
90
- // @ts-ignore
91
- themeTertiary: theme_tokens_1.globalTokens.color.brand60,
92
- // @ts-ignore
93
- themeLight: theme_tokens_1.globalTokens.color.brand50,
94
- // @ts-ignore
95
- themeLighter: theme_tokens_1.globalTokens.color.brand40,
96
- // @ts-ignore
97
- themeLighterAlt: theme_tokens_1.globalTokens.color.brand30,
98
- },
99
- true,
100
- ),
101
- ...(0, createAliasTokens_1.createColorAliasTokens)('dark'),
102
- };
56
+ return {
57
+ ...(0, defaultColors_1.paletteFromFabricColors)({
58
+ // colors taken from fluentui DarkCustomizations.ts
59
+ black: theme_tokens_1.globalTokens.color.white,
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: theme_tokens_1.globalTokens.color.red.primary,
74
+ // @ts-ignore
75
+ accent: theme_tokens_1.globalTokens.color.brand40,
76
+ redDark: '#f1707b',
77
+ blackTranslucent40: 'rgba(0,0,0,.4)',
78
+ // Colors to be deprecated
79
+ // @ts-ignore
80
+ themeDarker: theme_tokens_1.globalTokens.color.brand110,
81
+ // @ts-ignore
82
+ themeDark: theme_tokens_1.globalTokens.color.brand100,
83
+ // @ts-ignore
84
+ themeDarkAlt: theme_tokens_1.globalTokens.color.brand100,
85
+ // @ts-ignore
86
+ themePrimary: theme_tokens_1.globalTokens.color.brand90,
87
+ // @ts-ignore
88
+ themeSecondary: theme_tokens_1.globalTokens.color.brand90,
89
+ // @ts-ignore
90
+ themeTertiary: theme_tokens_1.globalTokens.color.brand60,
91
+ // @ts-ignore
92
+ themeLight: theme_tokens_1.globalTokens.color.brand50,
93
+ // @ts-ignore
94
+ themeLighter: theme_tokens_1.globalTokens.color.brand40,
95
+ // @ts-ignore
96
+ themeLighterAlt: theme_tokens_1.globalTokens.color.brand30,
97
+ }, true),
98
+ ...(0, createAliasTokens_1.createColorAliasTokens)('dark'),
99
+ };
103
100
  }
104
- //# sourceMappingURL=stockWebPalette.js.map
101
+ //# sourceMappingURL=stockWebPalette.js.map
package/lib-commonjs/stockWebPalette.macos.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { ThemeColorDefinition } from '@fluentui-react-native/theme-types';
2
2
  export declare function getStockWebPalette(): ThemeColorDefinition;
3
3
  export declare function getStockWebDarkPalette(): ThemeColorDefinition;
4
- //# sourceMappingURL=stockWebPalette.macos.d.ts.map
4
+ //# sourceMappingURL=stockWebPalette.macos.d.ts.map
package/lib-commonjs/stockWebPalette.macos.js CHANGED
@@ -1,81 +1,78 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.getStockWebPalette = getStockWebPalette;
4
4
  exports.getStockWebDarkPalette = getStockWebDarkPalette;
5
- const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
6
- const createAliasTokens_1 = require('./createAliasTokens');
7
- const defaultColors_1 = require('./defaultColors');
5
+ const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
6
+ const createAliasTokens_1 = require("./createAliasTokens");
7
+ const defaultColors_1 = require("./defaultColors");
8
8
  function getStockWebPalette() {
9
- return {
10
- ...(0, defaultColors_1.paletteFromFabricColors)({
11
- black: theme_tokens_1.globalTokens.color.black,
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: theme_tokens_1.globalTokens.color.white,
25
- // Shared Colors
26
- red: theme_tokens_1.globalTokens.color.red.primary,
27
- redDark: theme_tokens_1.globalTokens.color.burgundy.primary,
28
- themeDarker: theme_tokens_1.globalTokens.color.brand.shade40,
29
- themeDark: theme_tokens_1.globalTokens.color.brand.shade20,
30
- themeDarkAlt: theme_tokens_1.globalTokens.color.brand.shade10,
31
- themePrimary: theme_tokens_1.globalTokens.color.brand.primary,
32
- themeSecondary: '#2b88d8',
33
- themeTertiary: '#71afe5',
34
- themeLight: theme_tokens_1.globalTokens.color.brand.tint40,
35
- themeLighter: theme_tokens_1.globalTokens.color.brand.tint50,
36
- themeLighterAlt: theme_tokens_1.globalTokens.color.brand.tint60,
37
- accent: theme_tokens_1.globalTokens.color.brand.primary,
38
- blackTranslucent40: 'rgba(0,0,0,.4)',
39
- }),
40
- ...(0, createAliasTokens_1.createColorAliasTokens)('light'),
41
- };
9
+ return {
10
+ ...(0, defaultColors_1.paletteFromFabricColors)({
11
+ black: theme_tokens_1.globalTokens.color.black,
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: theme_tokens_1.globalTokens.color.white,
25
+ // Shared Colors
26
+ red: theme_tokens_1.globalTokens.color.red.primary,
27
+ redDark: theme_tokens_1.globalTokens.color.burgundy.primary,
28
+ themeDarker: theme_tokens_1.globalTokens.color.brand.shade40,
29
+ themeDark: theme_tokens_1.globalTokens.color.brand.shade20,
30
+ themeDarkAlt: theme_tokens_1.globalTokens.color.brand.shade10,
31
+ themePrimary: theme_tokens_1.globalTokens.color.brand.primary,
32
+ themeSecondary: '#2b88d8',
33
+ themeTertiary: '#71afe5',
34
+ themeLight: theme_tokens_1.globalTokens.color.brand.tint40,
35
+ themeLighter: theme_tokens_1.globalTokens.color.brand.tint50,
36
+ themeLighterAlt: theme_tokens_1.globalTokens.color.brand.tint60,
37
+ accent: theme_tokens_1.globalTokens.color.brand.primary,
38
+ blackTranslucent40: 'rgba(0,0,0,.4)',
39
+ }),
40
+ ...(0, createAliasTokens_1.createColorAliasTokens)('light'),
41
+ };
42
42
  }
43
43
  function getStockWebDarkPalette() {
44
- return {
45
- ...(0, defaultColors_1.paletteFromFabricColors)(
46
- {
47
- // colors taken from fluentui DarkCustomizations.ts
48
- themeDarker: '#82c7ff',
49
- themeDark: theme_tokens_1.globalTokens.color.brand.tint30,
50
- themeDarkAlt: theme_tokens_1.globalTokens.color.brand.tint20,
51
- themePrimary: theme_tokens_1.globalTokens.color.brand.tint10,
52
- themeSecondary: theme_tokens_1.globalTokens.color.brand.primary,
53
- themeTertiary: '#235a85',
54
- themeLight: theme_tokens_1.globalTokens.color.brand.shade30,
55
- themeLighter: theme_tokens_1.globalTokens.color.brand.shade50,
56
- themeLighterAlt: theme_tokens_1.globalTokens.color.brand.shade60,
57
- black: theme_tokens_1.globalTokens.color.white,
58
- neutralDark: '#faf9f8',
59
- neutralPrimary: '#f3f2f1',
60
- neutralPrimaryAlt: '#c8c6c4',
61
- neutralSecondary: '#a19f9d',
62
- neutralSecondaryAlt: '#979693',
63
- neutralTertiary: '#797775',
64
- neutralTertiaryAlt: '#484644',
65
- neutralQuaternary: '#3b3a39',
66
- neutralQuaternaryAlt: '#323130',
67
- neutralLight: '#292827',
68
- neutralLighter: '#252423',
69
- neutralLighterAlt: '#201f1e',
70
- white: '#1b1a19',
71
- red: theme_tokens_1.globalTokens.color.red.primary,
72
- accent: theme_tokens_1.globalTokens.color.brand.primary,
73
- redDark: '#f1707b',
74
- blackTranslucent40: 'rgba(0,0,0,.4)',
75
- },
76
- true,
77
- ),
78
- ...(0, createAliasTokens_1.createColorAliasTokens)('dark'),
79
- };
44
+ return {
45
+ ...(0, defaultColors_1.paletteFromFabricColors)({
46
+ // colors taken from fluentui DarkCustomizations.ts
47
+ themeDarker: '#82c7ff',
48
+ themeDark: theme_tokens_1.globalTokens.color.brand.tint30,
49
+ themeDarkAlt: theme_tokens_1.globalTokens.color.brand.tint20,
50
+ themePrimary: theme_tokens_1.globalTokens.color.brand.tint10,
51
+ themeSecondary: theme_tokens_1.globalTokens.color.brand.primary,
52
+ themeTertiary: '#235a85',
53
+ themeLight: theme_tokens_1.globalTokens.color.brand.shade30,
54
+ themeLighter: theme_tokens_1.globalTokens.color.brand.shade50,
55
+ themeLighterAlt: theme_tokens_1.globalTokens.color.brand.shade60,
56
+ black: theme_tokens_1.globalTokens.color.white,
57
+ neutralDark: '#faf9f8',
58
+ neutralPrimary: '#f3f2f1',
59
+ neutralPrimaryAlt: '#c8c6c4',
60
+ neutralSecondary: '#a19f9d',
61
+ neutralSecondaryAlt: '#979693',
62
+ neutralTertiary: '#797775',
63
+ neutralTertiaryAlt: '#484644',
64
+ neutralQuaternary: '#3b3a39',
65
+ neutralQuaternaryAlt: '#323130',
66
+ neutralLight: '#292827',
67
+ neutralLighter: '#252423',
68
+ neutralLighterAlt: '#201f1e',
69
+ white: '#1b1a19',
70
+ red: theme_tokens_1.globalTokens.color.red.primary,
71
+ accent: theme_tokens_1.globalTokens.color.brand.primary,
72
+ redDark: '#f1707b',
73
+ blackTranslucent40: 'rgba(0,0,0,.4)',
74
+ }, true),
75
+ ...(0, createAliasTokens_1.createColorAliasTokens)('dark'),
76
+ };
80
77
  }
81
- //# sourceMappingURL=stockWebPalette.macos.js.map
78
+ //# sourceMappingURL=stockWebPalette.macos.js.map
package/lib-commonjs/stockWebPalette.win32.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { ThemeColorDefinition } from '@fluentui-react-native/theme-types';
2
2
  export declare function getStockWebPalette(): ThemeColorDefinition;
3
3
  export declare function getStockWebDarkPalette(): ThemeColorDefinition;
4
- //# sourceMappingURL=stockWebPalette.win32.d.ts.map
4
+ //# sourceMappingURL=stockWebPalette.win32.d.ts.map