@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/defaultTheme.js CHANGED
@@ -4,99 +4,99 @@ import { createShadowAliasTokens } from './createAliasTokens';
4
4
  import { getStockWebHCPalette } from './defaultColors';
5
5
  import { getStockWebPalette, getStockWebDarkPalette } from './stockWebPalette';
6
6
  function _defaultTypography() {
7
- const defaultsDict = {
8
- sizes: {
9
- caption: globalTokens.font.size100,
10
- secondary: globalTokens.font.size200,
11
- body: globalTokens.font.size300,
12
- subheader: globalTokens.font.size400,
13
- header: globalTokens.font.size500,
14
- hero: globalTokens.font.size700,
15
- heroLarge: globalTokens.font.size900,
16
- },
17
- weights: {
18
- regular: globalTokens.font.weight.regular,
19
- semiBold: globalTokens.font.weight.semibold,
20
- },
21
- families: {
22
- primary: 'Segoe UI',
23
- secondary: 'Segoe UI',
24
- cursive: 'System',
25
- monospace: 'System',
26
- numeric: 'System',
27
- sansSerif: 'System',
28
- serif: 'System',
29
- },
30
- variants: {
31
- captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
32
- secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
33
- secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
34
- bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
35
- bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
36
- subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
37
- subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
38
- headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
39
- headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
40
- heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
41
- heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
42
- heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
43
- heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
44
- // mocked out
45
- caption1: { face: 'primary', size: 'caption', weight: 'regular' },
46
- caption1Strong: { face: 'primary', size: 'caption', weight: 'semiBold' },
47
- body1: { face: 'primary', size: 'secondary', weight: 'regular' },
48
- body1Strong: { face: 'primary', size: 'secondary', weight: 'semiBold' },
49
- body2: { face: 'primary', size: 'body', weight: 'regular' },
50
- body2Strong: { face: 'primary', size: 'body', weight: 'semiBold' },
51
- subtitle1: { face: 'primary', size: 'header', weight: 'regular' },
52
- subtitle1Strong: { face: 'primary', size: 'header', weight: 'semiBold' },
53
- subtitle2: { face: 'primary', size: 'subheader', weight: 'regular' },
54
- subtitle2Strong: { face: 'primary', size: 'subheader', weight: 'semiBold' },
55
- title1: { face: 'primary', size: 'hero', weight: 'regular' },
56
- title1Strong: { face: 'primary', size: 'hero', weight: 'semiBold' },
57
- largeTitle: { face: 'primary', size: 'heroLarge', weight: 'regular' },
58
- display: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
59
- },
60
- };
61
- if (Platform.OS === 'macos' || Platform.OS === 'ios') {
62
- const familiesDictApple = {
63
- primary: 'System',
64
- secondary: 'System',
65
- cursive: 'System',
66
- monospace: 'System',
67
- numeric: 'System',
68
- sansSerif: 'System',
69
- serif: 'System',
7
+ const defaultsDict = {
8
+ sizes: {
9
+ caption: globalTokens.font.size100,
10
+ secondary: globalTokens.font.size200,
11
+ body: globalTokens.font.size300,
12
+ subheader: globalTokens.font.size400,
13
+ header: globalTokens.font.size500,
14
+ hero: globalTokens.font.size700,
15
+ heroLarge: globalTokens.font.size900,
16
+ },
17
+ weights: {
18
+ regular: globalTokens.font.weight.regular,
19
+ semiBold: globalTokens.font.weight.semibold,
20
+ },
21
+ families: {
22
+ primary: 'Segoe UI',
23
+ secondary: 'Segoe UI',
24
+ cursive: 'System',
25
+ monospace: 'System',
26
+ numeric: 'System',
27
+ sansSerif: 'System',
28
+ serif: 'System',
29
+ },
30
+ variants: {
31
+ captionStandard: { face: 'primary', size: 'caption', weight: 'regular' },
32
+ secondaryStandard: { face: 'primary', size: 'secondary', weight: 'regular' },
33
+ secondarySemibold: { face: 'primary', size: 'secondary', weight: 'semiBold' },
34
+ bodyStandard: { face: 'primary', size: 'body', weight: 'regular' },
35
+ bodySemibold: { face: 'primary', size: 'body', weight: 'semiBold' },
36
+ subheaderStandard: { face: 'primary', size: 'subheader', weight: 'regular' },
37
+ subheaderSemibold: { face: 'primary', size: 'subheader', weight: 'semiBold' },
38
+ headerStandard: { face: 'primary', size: 'header', weight: 'regular' },
39
+ headerSemibold: { face: 'primary', size: 'header', weight: 'semiBold' },
40
+ heroStandard: { face: 'primary', size: 'hero', weight: 'regular' },
41
+ heroSemibold: { face: 'primary', size: 'hero', weight: 'semiBold' },
42
+ heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: 'regular' },
43
+ heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
44
+ // mocked out
45
+ caption1: { face: 'primary', size: 'caption', weight: 'regular' },
46
+ caption1Strong: { face: 'primary', size: 'caption', weight: 'semiBold' },
47
+ body1: { face: 'primary', size: 'secondary', weight: 'regular' },
48
+ body1Strong: { face: 'primary', size: 'secondary', weight: 'semiBold' },
49
+ body2: { face: 'primary', size: 'body', weight: 'regular' },
50
+ body2Strong: { face: 'primary', size: 'body', weight: 'semiBold' },
51
+ subtitle1: { face: 'primary', size: 'header', weight: 'regular' },
52
+ subtitle1Strong: { face: 'primary', size: 'header', weight: 'semiBold' },
53
+ subtitle2: { face: 'primary', size: 'subheader', weight: 'regular' },
54
+ subtitle2Strong: { face: 'primary', size: 'subheader', weight: 'semiBold' },
55
+ title1: { face: 'primary', size: 'hero', weight: 'regular' },
56
+ title1Strong: { face: 'primary', size: 'hero', weight: 'semiBold' },
57
+ largeTitle: { face: 'primary', size: 'heroLarge', weight: 'regular' },
58
+ display: { face: 'primary', size: 'heroLarge', weight: 'semiBold' },
59
+ },
70
60
  };
71
- defaultsDict.families = familiesDictApple;
72
- }
73
- return defaultsDict;
61
+ if (Platform.OS === 'macos' || Platform.OS === 'ios') {
62
+ const familiesDictApple = {
63
+ primary: 'System',
64
+ secondary: 'System',
65
+ cursive: 'System',
66
+ monospace: 'System',
67
+ numeric: 'System',
68
+ sansSerif: 'System',
69
+ serif: 'System',
70
+ };
71
+ defaultsDict.families = familiesDictApple;
72
+ }
73
+ return defaultsDict;
74
74
  }
75
75
  export function defaultSpacing() {
76
- return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
76
+ return { s2: '4px', s1: '8px', m: '16px', l1: '20px', l2: '32px' };
77
77
  }
78
78
  export const defaultFluentTheme = {
79
- colors: getStockWebPalette(),
80
- typography: _defaultTypography(),
81
- spacing: defaultSpacing(),
82
- shadows: createShadowAliasTokens('light'),
83
- components: {},
84
- host: { appearance: 'light' },
79
+ colors: getStockWebPalette(),
80
+ typography: _defaultTypography(),
81
+ spacing: defaultSpacing(),
82
+ shadows: createShadowAliasTokens('light'),
83
+ components: {},
84
+ host: { appearance: 'light' },
85
85
  };
86
86
  export const defaultFluentDarkTheme = {
87
- colors: getStockWebDarkPalette(),
88
- typography: defaultFluentTheme.typography,
89
- shadows: createShadowAliasTokens('dark'),
90
- spacing: defaultFluentTheme.spacing,
91
- components: {},
92
- host: { appearance: 'dark' },
87
+ colors: getStockWebDarkPalette(),
88
+ typography: defaultFluentTheme.typography,
89
+ shadows: createShadowAliasTokens('dark'),
90
+ spacing: defaultFluentTheme.spacing,
91
+ components: {},
92
+ host: { appearance: 'dark' },
93
93
  };
94
94
  export const defaultFluentHighConstrastTheme = {
95
- colors: getStockWebHCPalette(),
96
- typography: defaultFluentTheme.typography,
97
- shadows: createShadowAliasTokens('highContrast'),
98
- spacing: defaultFluentTheme.spacing,
99
- components: {},
100
- host: { appearance: 'highContrast' },
95
+ colors: getStockWebHCPalette(),
96
+ typography: defaultFluentTheme.typography,
97
+ shadows: createShadowAliasTokens('highContrast'),
98
+ spacing: defaultFluentTheme.spacing,
99
+ components: {},
100
+ host: { appearance: 'highContrast' },
101
101
  };
102
- //# sourceMappingURL=defaultTheme.js.map
102
+ //# sourceMappingURL=defaultTheme.js.map
package/lib/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/index.js 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.js.map
4
+ //# sourceMappingURL=index.js.map
package/lib/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/stockWebPalette.js CHANGED
@@ -3,98 +3,95 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
3
3
  import { createColorAliasTokens } from './createAliasTokens';
4
4
  import { paletteFromFabricColors } from './defaultColors';
5
5
  export function getStockWebPalette() {
6
- return {
7
- ...paletteFromFabricColors({
8
- black: globalTokens.color.black,
9
- neutralDark: '#201f1e',
10
- neutralPrimary: '#323130',
11
- neutralPrimaryAlt: '#3b3a39',
12
- neutralSecondary: '#605e5c',
13
- neutralSecondaryAlt: '#8a8886',
14
- neutralTertiary: '#a19f9d',
15
- neutralTertiaryAlt: '#c8c6c4',
16
- neutralQuaternary: '#d2d0ce',
17
- neutralQuaternaryAlt: '#e1dfdd',
18
- neutralLight: '#edebe9',
19
- neutralLighter: '#f3f2f1',
20
- neutralLighterAlt: '#faf9f8',
21
- white: globalTokens.color.white,
22
- // Shared Colors
23
- red: globalTokens.color.red.primary,
24
- redDark: globalTokens.color.burgundy.primary,
25
- // @ts-ignore
26
- accent: globalTokens.color.brand80,
27
- blackTranslucent40: 'rgba(0,0,0,.4)',
28
- // Colors to be deprecated
29
- // @ts-ignore
30
- themeDarker: globalTokens.color.brand40,
31
- // @ts-ignore
32
- themeDark: globalTokens.color.brand60,
33
- // @ts-ignore
34
- themeDarkAlt: globalTokens.color.brand70,
35
- // @ts-ignore
36
- themePrimary: globalTokens.color.brand80,
37
- // @ts-ignore
38
- themeSecondary: globalTokens.color.brand90,
39
- // @ts-ignore
40
- themeTertiary: globalTokens.color.brand120,
41
- // @ts-ignore
42
- themeLight: globalTokens.color.brand140,
43
- // @ts-ignore
44
- themeLighter: globalTokens.color.brand150,
45
- // @ts-ignore
46
- themeLighterAlt: globalTokens.color.brand160,
47
- }),
48
- ...createColorAliasTokens('light'),
49
- };
6
+ return {
7
+ ...paletteFromFabricColors({
8
+ black: globalTokens.color.black,
9
+ neutralDark: '#201f1e',
10
+ neutralPrimary: '#323130',
11
+ neutralPrimaryAlt: '#3b3a39',
12
+ neutralSecondary: '#605e5c',
13
+ neutralSecondaryAlt: '#8a8886',
14
+ neutralTertiary: '#a19f9d',
15
+ neutralTertiaryAlt: '#c8c6c4',
16
+ neutralQuaternary: '#d2d0ce',
17
+ neutralQuaternaryAlt: '#e1dfdd',
18
+ neutralLight: '#edebe9',
19
+ neutralLighter: '#f3f2f1',
20
+ neutralLighterAlt: '#faf9f8',
21
+ white: globalTokens.color.white,
22
+ // Shared Colors
23
+ red: globalTokens.color.red.primary,
24
+ redDark: globalTokens.color.burgundy.primary,
25
+ // @ts-expect-error
26
+ accent: globalTokens.color.brand80,
27
+ blackTranslucent40: 'rgba(0,0,0,.4)',
28
+ // Colors to be deprecated
29
+ // @ts-expect-error
30
+ themeDarker: globalTokens.color.brand40,
31
+ // @ts-expect-error
32
+ themeDark: globalTokens.color.brand60,
33
+ // @ts-expect-error
34
+ themeDarkAlt: globalTokens.color.brand70,
35
+ // @ts-expect-error
36
+ themePrimary: globalTokens.color.brand80,
37
+ // @ts-expect-error
38
+ themeSecondary: globalTokens.color.brand90,
39
+ // @ts-expect-error
40
+ themeTertiary: globalTokens.color.brand120,
41
+ // @ts-expect-error
42
+ themeLight: globalTokens.color.brand140,
43
+ // @ts-expect-error
44
+ themeLighter: globalTokens.color.brand150,
45
+ // @ts-expect-error
46
+ themeLighterAlt: globalTokens.color.brand160,
47
+ }),
48
+ ...createColorAliasTokens('light'),
49
+ };
50
50
  }
51
51
  export function getStockWebDarkPalette() {
52
- return {
53
- ...paletteFromFabricColors(
54
- {
55
- // colors taken from fluentui DarkCustomizations.ts
56
- black: 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: globalTokens.color.red.primary,
71
- // @ts-ignore
72
- accent: globalTokens.color.brand40,
73
- redDark: '#f1707b',
74
- blackTranslucent40: 'rgba(0,0,0,.4)',
75
- // Colors to be deprecated
76
- // @ts-ignore
77
- themeDarker: globalTokens.color.brand110,
78
- // @ts-ignore
79
- themeDark: globalTokens.color.brand100,
80
- // @ts-ignore
81
- themeDarkAlt: globalTokens.color.brand100,
82
- // @ts-ignore
83
- themePrimary: globalTokens.color.brand90,
84
- // @ts-ignore
85
- themeSecondary: globalTokens.color.brand90,
86
- // @ts-ignore
87
- themeTertiary: globalTokens.color.brand60,
88
- // @ts-ignore
89
- themeLight: globalTokens.color.brand50,
90
- // @ts-ignore
91
- themeLighter: globalTokens.color.brand40,
92
- // @ts-ignore
93
- themeLighterAlt: globalTokens.color.brand30,
94
- },
95
- true,
96
- ),
97
- ...createColorAliasTokens('dark'),
98
- };
52
+ return {
53
+ ...paletteFromFabricColors({
54
+ // colors taken from fluentui DarkCustomizations.ts
55
+ black: globalTokens.color.white,
56
+ neutralDark: '#faf9f8',
57
+ neutralPrimary: '#f3f2f1',
58
+ neutralPrimaryAlt: '#c8c6c4',
59
+ neutralSecondary: '#a19f9d',
60
+ neutralSecondaryAlt: '#979693',
61
+ neutralTertiary: '#797775',
62
+ neutralTertiaryAlt: '#484644',
63
+ neutralQuaternary: '#3b3a39',
64
+ neutralQuaternaryAlt: '#323130',
65
+ neutralLight: '#292827',
66
+ neutralLighter: '#252423',
67
+ neutralLighterAlt: '#201f1e',
68
+ white: '#1b1a19',
69
+ red: globalTokens.color.red.primary,
70
+ // @ts-expect-error
71
+ accent: globalTokens.color.brand40,
72
+ redDark: '#f1707b',
73
+ blackTranslucent40: 'rgba(0,0,0,.4)',
74
+ // Colors to be deprecated
75
+ // @ts-expect-error
76
+ themeDarker: globalTokens.color.brand110,
77
+ // @ts-expect-error
78
+ themeDark: globalTokens.color.brand100,
79
+ // @ts-expect-error
80
+ themeDarkAlt: globalTokens.color.brand100,
81
+ // @ts-expect-error
82
+ themePrimary: globalTokens.color.brand90,
83
+ // @ts-expect-error
84
+ themeSecondary: globalTokens.color.brand90,
85
+ // @ts-expect-error
86
+ themeTertiary: globalTokens.color.brand60,
87
+ // @ts-expect-error
88
+ themeLight: globalTokens.color.brand50,
89
+ // @ts-expect-error
90
+ themeLighter: globalTokens.color.brand40,
91
+ // @ts-expect-error
92
+ themeLighterAlt: globalTokens.color.brand30,
93
+ }, true),
94
+ ...createColorAliasTokens('dark'),
95
+ };
99
96
  }
100
- //# sourceMappingURL=stockWebPalette.js.map
97
+ //# sourceMappingURL=stockWebPalette.js.map
package/lib/stockWebPalette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stockWebPalette.js","sourceRoot":"","sources":["../src/stockWebPalette.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,UAAU,kBAAkB,GAAyB;IACzD,OAAO;QACL,GAAG,uBAAuB,CAAC;YACzB,KAAK,EAAE,YAAY,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,YAAY,CAAC,KAAK,CAAC,KAAK;YAC/B,gBAAgB;YAChB,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;YACnC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;YAE5C,aAAa;YACb,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YAClC,kBAAkB,EAAE,gBAAgB;YAEpC,0BAA0B;YAC1B,aAAa;YACb,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACvC,aAAa;YACb,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACrC,aAAa;YACb,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACxC,aAAa;YACb,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACxC,aAAa;YACb,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YAC1C,aAAa;YACb,aAAa,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;YAC1C,aAAa;YACb,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;YACvC,aAAa;YACb,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;YACzC,aAAa;YACb,eAAe,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;SAC7C,CAAC;QACF,GAAG,sBAAsB,CAAC,OAAO,CAAC;KACnC,CAAC;AAAA,CACH;AAED,MAAM,UAAU,sBAAsB,GAAyB;IAC7D,OAAO;QACL,GAAG,uBAAuB,CACxB;YACE,mDAAmD;YACnD,KAAK,EAAE,YAAY,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,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;YACnC,aAAa;YACb,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YAClC,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,gBAAgB;YAEpC,0BAA0B;YAC1B,aAAa;YACb,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;YACxC,aAAa;YACb,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;YACtC,aAAa;YACb,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;YACzC,aAAa;YACb,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACxC,aAAa;YACb,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YAC1C,aAAa;YACb,aAAa,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACzC,aAAa;YACb,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACtC,aAAa;YACb,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;YACxC,aAAa;YACb,eAAe,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO;SAC5C,EACD,IAAI,CACL;QACD,GAAG,sBAAsB,CAAC,MAAM,CAAC;KAClC,CAAC;AAAA,CACH"}
1
+ {"version":3,"file":"stockWebPalette.js","sourceRoot":"","sources":["../src/stockWebPalette.ts"],"names":[],"mappings":"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"}
package/lib/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/stockWebPalette.macos.js CHANGED
@@ -2,76 +2,73 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
2
  import { createColorAliasTokens } from './createAliasTokens';
3
3
  import { paletteFromFabricColors } from './defaultColors';
4
4
  export function getStockWebPalette() {
5
- return {
6
- ...paletteFromFabricColors({
7
- black: globalTokens.color.black,
8
- neutralDark: '#201f1e',
9
- neutralPrimary: '#323130',
10
- neutralPrimaryAlt: '#3b3a39',
11
- neutralSecondary: '#605e5c',
12
- neutralSecondaryAlt: '#8a8886',
13
- neutralTertiary: '#a19f9d',
14
- neutralTertiaryAlt: '#c8c6c4',
15
- neutralQuaternary: '#d2d0ce',
16
- neutralQuaternaryAlt: '#e1dfdd',
17
- neutralLight: '#edebe9',
18
- neutralLighter: '#f3f2f1',
19
- neutralLighterAlt: '#faf9f8',
20
- white: globalTokens.color.white,
21
- // Shared Colors
22
- red: globalTokens.color.red.primary,
23
- redDark: globalTokens.color.burgundy.primary,
24
- themeDarker: globalTokens.color.brand.shade40,
25
- themeDark: globalTokens.color.brand.shade20,
26
- themeDarkAlt: globalTokens.color.brand.shade10,
27
- themePrimary: globalTokens.color.brand.primary,
28
- themeSecondary: '#2b88d8',
29
- themeTertiary: '#71afe5',
30
- themeLight: globalTokens.color.brand.tint40,
31
- themeLighter: globalTokens.color.brand.tint50,
32
- themeLighterAlt: globalTokens.color.brand.tint60,
33
- accent: globalTokens.color.brand.primary,
34
- blackTranslucent40: 'rgba(0,0,0,.4)',
35
- }),
36
- ...createColorAliasTokens('light'),
37
- };
5
+ return {
6
+ ...paletteFromFabricColors({
7
+ black: globalTokens.color.black,
8
+ neutralDark: '#201f1e',
9
+ neutralPrimary: '#323130',
10
+ neutralPrimaryAlt: '#3b3a39',
11
+ neutralSecondary: '#605e5c',
12
+ neutralSecondaryAlt: '#8a8886',
13
+ neutralTertiary: '#a19f9d',
14
+ neutralTertiaryAlt: '#c8c6c4',
15
+ neutralQuaternary: '#d2d0ce',
16
+ neutralQuaternaryAlt: '#e1dfdd',
17
+ neutralLight: '#edebe9',
18
+ neutralLighter: '#f3f2f1',
19
+ neutralLighterAlt: '#faf9f8',
20
+ white: globalTokens.color.white,
21
+ // Shared Colors
22
+ red: globalTokens.color.red.primary,
23
+ redDark: globalTokens.color.burgundy.primary,
24
+ themeDarker: globalTokens.color.brand.shade40,
25
+ themeDark: globalTokens.color.brand.shade20,
26
+ themeDarkAlt: globalTokens.color.brand.shade10,
27
+ themePrimary: globalTokens.color.brand.primary,
28
+ themeSecondary: '#2b88d8',
29
+ themeTertiary: '#71afe5',
30
+ themeLight: globalTokens.color.brand.tint40,
31
+ themeLighter: globalTokens.color.brand.tint50,
32
+ themeLighterAlt: globalTokens.color.brand.tint60,
33
+ accent: globalTokens.color.brand.primary,
34
+ blackTranslucent40: 'rgba(0,0,0,.4)',
35
+ }),
36
+ ...createColorAliasTokens('light'),
37
+ };
38
38
  }
39
39
  export function getStockWebDarkPalette() {
40
- return {
41
- ...paletteFromFabricColors(
42
- {
43
- // colors taken from fluentui DarkCustomizations.ts
44
- themeDarker: '#82c7ff',
45
- themeDark: globalTokens.color.brand.tint30,
46
- themeDarkAlt: globalTokens.color.brand.tint20,
47
- themePrimary: globalTokens.color.brand.tint10,
48
- themeSecondary: globalTokens.color.brand.primary,
49
- themeTertiary: '#235a85',
50
- themeLight: globalTokens.color.brand.shade30,
51
- themeLighter: globalTokens.color.brand.shade50,
52
- themeLighterAlt: globalTokens.color.brand.shade60,
53
- black: globalTokens.color.white,
54
- neutralDark: '#faf9f8',
55
- neutralPrimary: '#f3f2f1',
56
- neutralPrimaryAlt: '#c8c6c4',
57
- neutralSecondary: '#a19f9d',
58
- neutralSecondaryAlt: '#979693',
59
- neutralTertiary: '#797775',
60
- neutralTertiaryAlt: '#484644',
61
- neutralQuaternary: '#3b3a39',
62
- neutralQuaternaryAlt: '#323130',
63
- neutralLight: '#292827',
64
- neutralLighter: '#252423',
65
- neutralLighterAlt: '#201f1e',
66
- white: '#1b1a19',
67
- red: globalTokens.color.red.primary,
68
- accent: globalTokens.color.brand.primary,
69
- redDark: '#f1707b',
70
- blackTranslucent40: 'rgba(0,0,0,.4)',
71
- },
72
- true,
73
- ),
74
- ...createColorAliasTokens('dark'),
75
- };
40
+ return {
41
+ ...paletteFromFabricColors({
42
+ // colors taken from fluentui DarkCustomizations.ts
43
+ themeDarker: '#82c7ff',
44
+ themeDark: globalTokens.color.brand.tint30,
45
+ themeDarkAlt: globalTokens.color.brand.tint20,
46
+ themePrimary: globalTokens.color.brand.tint10,
47
+ themeSecondary: globalTokens.color.brand.primary,
48
+ themeTertiary: '#235a85',
49
+ themeLight: globalTokens.color.brand.shade30,
50
+ themeLighter: globalTokens.color.brand.shade50,
51
+ themeLighterAlt: globalTokens.color.brand.shade60,
52
+ black: globalTokens.color.white,
53
+ neutralDark: '#faf9f8',
54
+ neutralPrimary: '#f3f2f1',
55
+ neutralPrimaryAlt: '#c8c6c4',
56
+ neutralSecondary: '#a19f9d',
57
+ neutralSecondaryAlt: '#979693',
58
+ neutralTertiary: '#797775',
59
+ neutralTertiaryAlt: '#484644',
60
+ neutralQuaternary: '#3b3a39',
61
+ neutralQuaternaryAlt: '#323130',
62
+ neutralLight: '#292827',
63
+ neutralLighter: '#252423',
64
+ neutralLighterAlt: '#201f1e',
65
+ white: '#1b1a19',
66
+ red: globalTokens.color.red.primary,
67
+ accent: globalTokens.color.brand.primary,
68
+ redDark: '#f1707b',
69
+ blackTranslucent40: 'rgba(0,0,0,.4)',
70
+ }, true),
71
+ ...createColorAliasTokens('dark'),
72
+ };
76
73
  }
77
- //# sourceMappingURL=stockWebPalette.macos.js.map
74
+ //# sourceMappingURL=stockWebPalette.macos.js.map
package/lib/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