@fluentui-react-native/default-theme 0.27.0 → 0.27.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.
Files changed (42) hide show
  1. package/CHANGELOG.md +38 -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.js.map +1 -1
  17. package/lib/stockWebPalette.macos.d.ts +1 -1
  18. package/lib/stockWebPalette.macos.js +67 -70
  19. package/lib/stockWebPalette.win32.d.ts +1 -1
  20. package/lib/stockWebPalette.win32.js +67 -70
  21. package/lib-commonjs/__tests__/default-theme.test.d.ts +1 -1
  22. package/lib-commonjs/__tests__/default-theme.test.js +27 -27
  23. package/lib-commonjs/createAliasTokens.d.ts +1 -1
  24. package/lib-commonjs/createAliasTokens.js +10 -10
  25. package/lib-commonjs/createDefaultTheme.d.ts +1 -1
  26. package/lib-commonjs/createDefaultTheme.js +31 -33
  27. package/lib-commonjs/defaultColors.d.ts +1 -1
  28. package/lib-commonjs/defaultColors.js +257 -257
  29. package/lib-commonjs/defaultTheme.d.ts +1 -1
  30. package/lib-commonjs/defaultTheme.js +93 -93
  31. package/lib-commonjs/index.d.ts +1 -1
  32. package/lib-commonjs/index.js +10 -30
  33. package/lib-commonjs/stockWebPalette.d.ts +1 -1
  34. package/lib-commonjs/stockWebPalette.js +94 -97
  35. package/lib-commonjs/stockWebPalette.js.map +1 -1
  36. package/lib-commonjs/stockWebPalette.macos.d.ts +1 -1
  37. package/lib-commonjs/stockWebPalette.macos.js +72 -75
  38. package/lib-commonjs/stockWebPalette.win32.d.ts +1 -1
  39. package/lib-commonjs/stockWebPalette.win32.js +72 -75
  40. package/package.json +25 -24
  41. package/src/stockWebPalette.ts +20 -20
  42. package/eslint.config.js +0 -3
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-expect-error
30
+ accent: theme_tokens_1.globalTokens.color.brand80,
31
+ blackTranslucent40: 'rgba(0,0,0,.4)',
32
+ // Colors to be deprecated
33
+ // @ts-expect-error
34
+ themeDarker: theme_tokens_1.globalTokens.color.brand40,
35
+ // @ts-expect-error
36
+ themeDark: theme_tokens_1.globalTokens.color.brand60,
37
+ // @ts-expect-error
38
+ themeDarkAlt: theme_tokens_1.globalTokens.color.brand70,
39
+ // @ts-expect-error
40
+ themePrimary: theme_tokens_1.globalTokens.color.brand80,
41
+ // @ts-expect-error
42
+ themeSecondary: theme_tokens_1.globalTokens.color.brand90,
43
+ // @ts-expect-error
44
+ themeTertiary: theme_tokens_1.globalTokens.color.brand120,
45
+ // @ts-expect-error
46
+ themeLight: theme_tokens_1.globalTokens.color.brand140,
47
+ // @ts-expect-error
48
+ themeLighter: theme_tokens_1.globalTokens.color.brand150,
49
+ // @ts-expect-error
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-expect-error
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-expect-error
80
+ themeDarker: theme_tokens_1.globalTokens.color.brand110,
81
+ // @ts-expect-error
82
+ themeDark: theme_tokens_1.globalTokens.color.brand100,
83
+ // @ts-expect-error
84
+ themeDarkAlt: theme_tokens_1.globalTokens.color.brand100,
85
+ // @ts-expect-error
86
+ themePrimary: theme_tokens_1.globalTokens.color.brand90,
87
+ // @ts-expect-error
88
+ themeSecondary: theme_tokens_1.globalTokens.color.brand90,
89
+ // @ts-expect-error
90
+ themeTertiary: theme_tokens_1.globalTokens.color.brand60,
91
+ // @ts-expect-error
92
+ themeLight: theme_tokens_1.globalTokens.color.brand50,
93
+ // @ts-expect-error
94
+ themeLighter: theme_tokens_1.globalTokens.color.brand40,
95
+ // @ts-expect-error
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.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stockWebPalette.js","sourceRoot":"","sources":["../src/stockWebPalette.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"stockWebPalette.js","sourceRoot":"","sources":["../src/stockWebPalette.ts"],"names":[],"mappings":";;;;AAAA,sDAAsD;AACtD,sEAAmE;AAGnE,2DAA6D;AAC7D,mDAA0D;AAE1D,8BAA2D;IACzD,OAAO;QACL,GAAG,IAAA,uCAAuB,EAAC;YACzB,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK;YAC/B,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,SAAS;YACzB,iBAAiB,EAAE,SAAS;YAC5B,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;YAC9B,eAAe,EAAE,SAAS;YAC1B,kBAAkB,EAAE,SAAS;YAC7B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,YAAY,EAAE,SAAS;YACvB,cAAc,EAAE,SAAS;YACzB,iBAAiB,EAAE,SAAS;YAC5B,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK;YAC/B,gBAAgB;YAChB,GAAG,EAAE,2BAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;YACnC,OAAO,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;YAE5C,mBAAmB;YACnB,MAAM,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YAClC,kBAAkB,EAAE,gBAAgB;YAEpC,0BAA0B;YAC1B,mBAAmB;YACnB,WAAW,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACvC,mBAAmB;YACnB,SAAS,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACrC,mBAAmB;YACnB,YAAY,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACxC,mBAAmB;YACnB,YAAY,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACxC,mBAAmB;YACnB,cAAc,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YAC1C,mBAAmB;YACnB,aAAa,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;YAC1C,mBAAmB;YACnB,UAAU,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;YACvC,mBAAmB;YACnB,YAAY,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;YACzC,mBAAmB;YACnB,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;SAC7C,CAAC;QACF,GAAG,IAAA,0CAAsB,EAAC,OAAO,CAAC;KACnC,CAAC;AAAA,CACH;AAED,kCAA+D;IAC7D,OAAO;QACL,GAAG,IAAA,uCAAuB,EACxB;YACE,mDAAmD;YACnD,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK;YAC/B,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE,SAAS;YACzB,iBAAiB,EAAE,SAAS;YAC5B,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;YAC9B,eAAe,EAAE,SAAS;YAC1B,kBAAkB,EAAE,SAAS;YAC7B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,YAAY,EAAE,SAAS;YACvB,cAAc,EAAE,SAAS;YACzB,iBAAiB,EAAE,SAAS;YAC5B,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,2BAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;YACnC,mBAAmB;YACnB,MAAM,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YAClC,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,gBAAgB;YAEpC,0BAA0B;YAC1B,mBAAmB;YACnB,WAAW,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;YACxC,mBAAmB;YACnB,SAAS,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;YACtC,mBAAmB;YACnB,YAAY,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ;YACzC,mBAAmB;YACnB,YAAY,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACxC,mBAAmB;YACnB,cAAc,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YAC1C,mBAAmB;YACnB,aAAa,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACzC,mBAAmB;YACnB,UAAU,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACtC,mBAAmB;YACnB,YAAY,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;YACxC,mBAAmB;YACnB,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO;SAC5C,EACD,IAAI,CACL;QACD,GAAG,IAAA,0CAAsB,EAAC,MAAM,CAAC;KAClC,CAAC;AAAA,CACH"}
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