@fluentui/tokens 1.0.0-alpha.2 → 1.0.0-alpha.21
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 +176 -2
- package/dist/index.d.ts +44 -2
- package/lib/alias/darkColor.js +169 -155
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +57 -32
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +169 -155
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +50 -29
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +169 -155
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +53 -29
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +169 -155
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/alias/teamsFontFamilies.js +5 -0
- package/lib/alias/teamsFontFamilies.js.map +1 -0
- package/lib/global/borderRadius.js +6 -7
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +48 -49
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js +41 -37
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +693 -675
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +9 -10
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js +8 -8
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +27 -30
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +8 -10
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +33 -34
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js +4 -5
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -107
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +5 -6
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +60 -9
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/statusColorMapping.js +5 -0
- package/lib/statusColorMapping.js.map +1 -0
- package/lib/themeToTokensObject.js +7 -11
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +2 -3
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +7 -4
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +6 -3
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +3 -4
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +7 -4
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +3 -4
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +2 -3
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +3 -4
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +523 -433
- package/lib/tokens.js.map +1 -1
- package/lib/types.js +1 -2
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +26 -25
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +26 -25
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +26 -25
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +26 -25
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +4 -5
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +8 -9
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +176 -162
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +84 -50
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +176 -162
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +68 -38
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +176 -162
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +72 -39
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +176 -162
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/alias/teamsFontFamilies.js +15 -0
- package/lib-commonjs/alias/teamsFontFamilies.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +14 -11
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +69 -55
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +61 -44
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +1012 -794
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +17 -14
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +16 -12
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +52 -37
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +245 -23
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +51 -40
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +12 -9
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +111 -114
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +51 -92
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +82 -14
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/statusColorMapping.js +15 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +13 -23
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +26 -9
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +14 -10
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +13 -8
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +21 -11
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +14 -10
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +10 -10
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +17 -9
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +10 -10
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +531 -437
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +1 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +33 -38
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +33 -38
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +33 -38
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +33 -38
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +25 -13
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +15 -15
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +11 -15
- package/CHANGELOG.json +0 -35
- package/lib-amd/alias/darkColor.js +0 -158
- package/lib-amd/alias/darkColor.js.map +0 -1
- package/lib-amd/alias/darkColorPalette.js +0 -47
- package/lib-amd/alias/darkColorPalette.js.map +0 -1
- package/lib-amd/alias/highContrastColor.js +0 -158
- package/lib-amd/alias/highContrastColor.js.map +0 -1
- package/lib-amd/alias/highContrastColorPalette.js +0 -37
- package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
- package/lib-amd/alias/lightColor.js +0 -158
- package/lib-amd/alias/lightColor.js.map +0 -1
- package/lib-amd/alias/lightColorPalette.js +0 -38
- package/lib-amd/alias/lightColorPalette.js.map +0 -1
- package/lib-amd/alias/teamsDarkColor.js +0 -158
- package/lib-amd/alias/teamsDarkColor.js.map +0 -1
- package/lib-amd/global/borderRadius.js +0 -14
- package/lib-amd/global/borderRadius.js.map +0 -1
- package/lib-amd/global/brandColors.js +0 -60
- package/lib-amd/global/brandColors.js.map +0 -1
- package/lib-amd/global/colorPalette.js +0 -45
- package/lib-amd/global/colorPalette.js.map +0 -1
- package/lib-amd/global/colors.js +0 -793
- package/lib-amd/global/colors.js.map +0 -1
- package/lib-amd/global/curves.js +0 -17
- package/lib-amd/global/curves.js.map +0 -1
- package/lib-amd/global/durations.js +0 -15
- package/lib-amd/global/durations.js.map +0 -1
- package/lib-amd/global/fonts.js +0 -45
- package/lib-amd/global/fonts.js.map +0 -1
- package/lib-amd/global/index.js +0 -14
- package/lib-amd/global/index.js.map +0 -1
- package/lib-amd/global/spacings.js +0 -46
- package/lib-amd/global/spacings.js.map +0 -1
- package/lib-amd/global/strokeWidths.js +0 -12
- package/lib-amd/global/strokeWidths.js.map +0 -1
- package/lib-amd/global/typographyStyles.js +0 -113
- package/lib-amd/global/typographyStyles.js.map +0 -1
- package/lib-amd/index.js +0 -18
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/sharedColorNames.js +0 -64
- package/lib-amd/sharedColorNames.js.map +0 -1
- package/lib-amd/themeToTokensObject.js +0 -24
- package/lib-amd/themeToTokensObject.js.map +0 -1
- package/lib-amd/themes/index.js +0 -7
- package/lib-amd/themes/index.js.map +0 -1
- package/lib-amd/themes/teams/darkTheme.js +0 -7
- package/lib-amd/themes/teams/darkTheme.js.map +0 -1
- package/lib-amd/themes/teams/highContrastTheme.js +0 -7
- package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/teams/index.js +0 -8
- package/lib-amd/themes/teams/index.js.map +0 -1
- package/lib-amd/themes/teams/lightTheme.js +0 -7
- package/lib-amd/themes/teams/lightTheme.js.map +0 -1
- package/lib-amd/themes/web/darkTheme.js +0 -7
- package/lib-amd/themes/web/darkTheme.js.map +0 -1
- package/lib-amd/themes/web/index.js +0 -7
- package/lib-amd/themes/web/index.js.map +0 -1
- package/lib-amd/themes/web/lightTheme.js +0 -7
- package/lib-amd/themes/web/lightTheme.js.map +0 -1
- package/lib-amd/tokens.js +0 -440
- package/lib-amd/tokens.js.map +0 -1
- package/lib-amd/types.js +0 -5
- package/lib-amd/types.js.map +0 -1
- package/lib-amd/utils/createDarkTheme.js +0 -11
- package/lib-amd/utils/createDarkTheme.js.map +0 -1
- package/lib-amd/utils/createHighContrastTheme.js +0 -11
- package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
- package/lib-amd/utils/createLightTheme.js +0 -11
- package/lib-amd/utils/createLightTheme.js.map +0 -1
- package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
- package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib-amd/utils/index.js +0 -9
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/shadows.js +0 -19
- package/lib-amd/utils/shadows.js.map +0 -1
|
@@ -1,53 +1,87 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/* color palette used in both darkTheme and teamsDarkTheme */
|
|
3
|
-
|
|
1
|
+
/* color palette used in both darkTheme and teamsDarkTheme */ "use strict";
|
|
4
2
|
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
|
|
3
|
+
value: true
|
|
6
4
|
});
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
personaColorPaletteTokens
|
|
50
|
-
|
|
51
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
colorPaletteTokens: function() {
|
|
13
|
+
return colorPaletteTokens;
|
|
14
|
+
},
|
|
15
|
+
colorStatusTokens: function() {
|
|
16
|
+
return colorStatusTokens;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _colorPalette = require("../global/colorPalette.js");
|
|
20
|
+
const _sharedColorNames = require("../sharedColorNames.js");
|
|
21
|
+
const _statusColorMapping = require("../statusColorMapping.js");
|
|
22
|
+
const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
23
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
24
|
+
const sharedColorTokens = {
|
|
25
|
+
[`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].shade40,
|
|
26
|
+
[`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].shade30,
|
|
27
|
+
[`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary,
|
|
28
|
+
[`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].tint30,
|
|
29
|
+
[`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].tint40,
|
|
30
|
+
[`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].tint20,
|
|
31
|
+
[`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].tint30,
|
|
32
|
+
[`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].primary,
|
|
33
|
+
[`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].tint20
|
|
34
|
+
};
|
|
35
|
+
return Object.assign(acc, sharedColorTokens);
|
|
36
|
+
}, {});
|
|
37
|
+
// one-off patches
|
|
38
|
+
statusColorPaletteTokens.colorPaletteRedForeground3 = _colorPalette.statusSharedColors.red.tint30;
|
|
39
|
+
statusColorPaletteTokens.colorPaletteRedBorder2 = _colorPalette.statusSharedColors.red.tint30;
|
|
40
|
+
statusColorPaletteTokens.colorPaletteGreenForeground3 = _colorPalette.statusSharedColors.green.tint40;
|
|
41
|
+
statusColorPaletteTokens.colorPaletteGreenBorder2 = _colorPalette.statusSharedColors.green.tint40;
|
|
42
|
+
statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = _colorPalette.statusSharedColors.darkOrange.tint30;
|
|
43
|
+
statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = _colorPalette.statusSharedColors.darkOrange.tint30;
|
|
44
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.primary;
|
|
45
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.primary;
|
|
46
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.shade30;
|
|
47
|
+
const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
|
|
48
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
49
|
+
const sharedColorTokens = {
|
|
50
|
+
[`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].shade30,
|
|
51
|
+
[`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].tint40,
|
|
52
|
+
[`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].tint30
|
|
53
|
+
};
|
|
54
|
+
return Object.assign(acc, sharedColorTokens);
|
|
55
|
+
}, {});
|
|
56
|
+
// one-off patches
|
|
57
|
+
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = _colorPalette.personaSharedColors.darkRed.shade20;
|
|
58
|
+
personaColorPaletteTokens.colorPalettePlumBackground2 = _colorPalette.personaSharedColors.plum.shade20;
|
|
59
|
+
const colorPaletteTokens = {
|
|
60
|
+
...statusColorPaletteTokens,
|
|
61
|
+
...personaColorPaletteTokens
|
|
52
62
|
};
|
|
53
|
-
|
|
63
|
+
const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
|
|
64
|
+
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
|
|
65
|
+
// TODO: double check the mapping with design - see the one-off patches above
|
|
66
|
+
const statusColorTokens = {
|
|
67
|
+
[`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].shade40,
|
|
68
|
+
[`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
|
|
69
|
+
[`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
|
|
70
|
+
[`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
|
|
71
|
+
[`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
|
|
72
|
+
[`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].tint20,
|
|
73
|
+
[`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
|
|
74
|
+
[`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
|
|
75
|
+
[`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].primary,
|
|
76
|
+
[`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].tint20
|
|
77
|
+
};
|
|
78
|
+
return Object.assign(acc, statusColorTokens);
|
|
79
|
+
}, {});
|
|
80
|
+
// one-off overrides for colorStatus tokens
|
|
81
|
+
colorStatusTokens.colorStatusDangerBackground3Hover = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade10;
|
|
82
|
+
colorStatusTokens.colorStatusDangerBackground3Pressed = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].shade20;
|
|
83
|
+
colorStatusTokens.colorStatusDangerForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint40;
|
|
84
|
+
colorStatusTokens.colorStatusDangerBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint30;
|
|
85
|
+
colorStatusTokens.colorStatusSuccessForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
|
|
86
|
+
colorStatusTokens.colorStatusSuccessBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
|
|
87
|
+
colorStatusTokens.colorStatusWarningForegroundInverted = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
|
1
|
+
{"version":3,"sources":["../src/alias/darkColorPalette.ts"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design - see the one-off patches above\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;\n\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint40;\ncolorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","statusSharedColors","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","personaSharedColorNames","personaSharedColors","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","entries","statusColorMapping","statusColor","statusColorTokens","mappedStatusColors","shade10","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","colorStatusDangerForeground3","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1,165 +1,179 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/* !!! DO NOT EDIT !!! */
|
|
3
|
-
|
|
4
|
-
/* This file has been generated by the token pipeline */
|
|
5
|
-
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
|
|
6
2
|
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
|
|
3
|
+
value: true
|
|
8
4
|
});
|
|
9
|
-
exports
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
colorNeutralForeground1: colors_1.hcCanvasText,
|
|
15
|
-
colorNeutralForeground1Hover: colors_1.hcHighlightText,
|
|
16
|
-
colorNeutralForeground1Pressed: colors_1.hcHighlightText,
|
|
17
|
-
colorNeutralForeground1Selected: colors_1.hcHighlightText,
|
|
18
|
-
colorNeutralForeground2: colors_1.hcCanvasText,
|
|
19
|
-
colorNeutralForeground2Hover: colors_1.hcHighlightText,
|
|
20
|
-
colorNeutralForeground2Pressed: colors_1.hcHighlightText,
|
|
21
|
-
colorNeutralForeground2Selected: colors_1.hcHighlightText,
|
|
22
|
-
colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
|
|
23
|
-
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
|
|
24
|
-
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
|
|
25
|
-
colorNeutralForeground3: colors_1.hcCanvasText,
|
|
26
|
-
colorNeutralForeground3Hover: colors_1.hcHighlightText,
|
|
27
|
-
colorNeutralForeground3Pressed: colors_1.hcHighlightText,
|
|
28
|
-
colorNeutralForeground3Selected: colors_1.hcHighlightText,
|
|
29
|
-
colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
|
|
30
|
-
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
|
|
31
|
-
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
|
|
32
|
-
colorNeutralForeground4: colors_1.hcCanvasText,
|
|
33
|
-
colorNeutralForegroundDisabled: colors_1.hcDisabled,
|
|
34
|
-
colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
|
|
35
|
-
colorBrandForegroundLink: colors_1.hcHyperlink,
|
|
36
|
-
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
|
37
|
-
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
|
38
|
-
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
|
39
|
-
colorNeutralForeground2Link: colors_1.hcHyperlink,
|
|
40
|
-
colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
|
|
41
|
-
colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
|
|
42
|
-
colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
|
|
43
|
-
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
|
44
|
-
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
|
45
|
-
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
|
46
|
-
colorBrandForeground1: colors_1.hcCanvasText,
|
|
47
|
-
colorBrandForeground2: colors_1.hcButtonText,
|
|
48
|
-
colorNeutralForeground1Static: colors_1.hcCanvas,
|
|
49
|
-
colorNeutralForegroundStaticInverted: colors_1.hcCanvasText,
|
|
50
|
-
colorNeutralForegroundInverted: colors_1.hcHighlightText,
|
|
51
|
-
colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
|
|
52
|
-
colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
|
|
53
|
-
colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
|
|
54
|
-
colorNeutralForegroundInverted2: colors_1.hcCanvasText,
|
|
55
|
-
colorNeutralForegroundOnBrand: colors_1.hcButtonText,
|
|
56
|
-
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
|
|
57
|
-
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
|
|
58
|
-
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
|
|
59
|
-
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
|
|
60
|
-
colorBrandForegroundInverted: colors_1.hcCanvasText,
|
|
61
|
-
colorBrandForegroundInvertedHover: colors_1.hcHighlightText,
|
|
62
|
-
colorBrandForegroundInvertedPressed: colors_1.hcHighlightText,
|
|
63
|
-
colorBrandForegroundOnLight: colors_1.hcButtonText,
|
|
64
|
-
colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
|
|
65
|
-
colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
|
|
66
|
-
colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
|
|
67
|
-
colorNeutralBackground1: colors_1.hcCanvas,
|
|
68
|
-
colorNeutralBackground1Hover: colors_1.hcHighlight,
|
|
69
|
-
colorNeutralBackground1Pressed: colors_1.hcHighlight,
|
|
70
|
-
colorNeutralBackground1Selected: colors_1.hcHighlight,
|
|
71
|
-
colorNeutralBackground2: colors_1.hcCanvas,
|
|
72
|
-
colorNeutralBackground2Hover: colors_1.hcHighlight,
|
|
73
|
-
colorNeutralBackground2Pressed: colors_1.hcHighlight,
|
|
74
|
-
colorNeutralBackground2Selected: colors_1.hcHighlight,
|
|
75
|
-
colorNeutralBackground3: colors_1.hcCanvas,
|
|
76
|
-
colorNeutralBackground3Hover: colors_1.hcHighlight,
|
|
77
|
-
colorNeutralBackground3Pressed: colors_1.hcHighlight,
|
|
78
|
-
colorNeutralBackground3Selected: colors_1.hcHighlight,
|
|
79
|
-
colorNeutralBackground4: colors_1.hcCanvas,
|
|
80
|
-
colorNeutralBackground4Hover: colors_1.hcHighlight,
|
|
81
|
-
colorNeutralBackground4Pressed: colors_1.hcHighlight,
|
|
82
|
-
colorNeutralBackground4Selected: colors_1.hcHighlight,
|
|
83
|
-
colorNeutralBackground5: colors_1.hcCanvas,
|
|
84
|
-
colorNeutralBackground5Hover: colors_1.hcHighlight,
|
|
85
|
-
colorNeutralBackground5Pressed: colors_1.hcHighlight,
|
|
86
|
-
colorNeutralBackground5Selected: colors_1.hcHighlight,
|
|
87
|
-
colorNeutralBackground6: colors_1.hcCanvas,
|
|
88
|
-
colorNeutralBackgroundInverted: colors_1.hcCanvas,
|
|
89
|
-
colorNeutralBackgroundStatic: colors_1.hcCanvas,
|
|
90
|
-
colorSubtleBackground: 'transparent',
|
|
91
|
-
colorSubtleBackgroundHover: colors_1.hcHighlight,
|
|
92
|
-
colorSubtleBackgroundPressed: colors_1.hcHighlight,
|
|
93
|
-
colorSubtleBackgroundSelected: colors_1.hcHighlight,
|
|
94
|
-
colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
|
|
95
|
-
colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
|
|
96
|
-
colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
|
|
97
|
-
colorSubtleBackgroundInverted: 'transparent',
|
|
98
|
-
colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
|
|
99
|
-
colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
|
|
100
|
-
colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
|
|
101
|
-
colorTransparentBackground: 'transparent',
|
|
102
|
-
colorTransparentBackgroundHover: colors_1.hcHighlight,
|
|
103
|
-
colorTransparentBackgroundPressed: colors_1.hcHighlight,
|
|
104
|
-
colorTransparentBackgroundSelected: colors_1.hcHighlight,
|
|
105
|
-
colorNeutralBackgroundDisabled: colors_1.hcCanvas,
|
|
106
|
-
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
|
|
107
|
-
colorNeutralStencil1: colors_1.hcCanvasText,
|
|
108
|
-
colorNeutralStencil2: colors_1.hcCanvasText,
|
|
109
|
-
colorNeutralStencil1Alpha: colors_1.hcCanvasText,
|
|
110
|
-
colorNeutralStencil2Alpha: colors_1.hcCanvasText,
|
|
111
|
-
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
|
112
|
-
colorScrollbarOverlay: colors_1.hcButtonFace,
|
|
113
|
-
colorBrandBackground: colors_1.hcButtonFace,
|
|
114
|
-
colorBrandBackgroundHover: colors_1.hcHighlight,
|
|
115
|
-
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
|
116
|
-
colorBrandBackgroundSelected: colors_1.hcHighlight,
|
|
117
|
-
colorCompoundBrandBackground: colors_1.hcHighlight,
|
|
118
|
-
colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
|
|
119
|
-
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
|
|
120
|
-
colorBrandBackgroundStatic: colors_1.hcCanvas,
|
|
121
|
-
colorBrandBackground2: colors_1.hcButtonFace,
|
|
122
|
-
colorBrandBackgroundInverted: colors_1.hcButtonFace,
|
|
123
|
-
colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
|
|
124
|
-
colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
|
|
125
|
-
colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
|
|
126
|
-
colorNeutralStrokeAccessible: colors_1.hcCanvasText,
|
|
127
|
-
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
|
|
128
|
-
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
|
|
129
|
-
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
|
|
130
|
-
colorNeutralStroke1: colors_1.hcCanvasText,
|
|
131
|
-
colorNeutralStroke1Hover: colors_1.hcHighlight,
|
|
132
|
-
colorNeutralStroke1Pressed: colors_1.hcHighlight,
|
|
133
|
-
colorNeutralStroke1Selected: colors_1.hcHighlight,
|
|
134
|
-
colorNeutralStroke2: colors_1.hcCanvasText,
|
|
135
|
-
colorNeutralStroke3: colors_1.hcCanvasText,
|
|
136
|
-
colorNeutralStrokeOnBrand: colors_1.hcCanvas,
|
|
137
|
-
colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
|
|
138
|
-
colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
|
|
139
|
-
colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
|
|
140
|
-
colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
|
|
141
|
-
colorBrandStroke1: colors_1.hcCanvasText,
|
|
142
|
-
colorBrandStroke2: colors_1.hcCanvasText,
|
|
143
|
-
colorCompoundBrandStroke: colors_1.hcHighlight,
|
|
144
|
-
colorCompoundBrandStrokeHover: colors_1.hcHighlight,
|
|
145
|
-
colorCompoundBrandStrokePressed: colors_1.hcHighlight,
|
|
146
|
-
colorNeutralStrokeDisabled: colors_1.hcDisabled,
|
|
147
|
-
colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
|
|
148
|
-
colorTransparentStroke: colors_1.hcCanvasText,
|
|
149
|
-
colorTransparentStrokeInteractive: colors_1.hcHighlight,
|
|
150
|
-
colorTransparentStrokeDisabled: colors_1.hcDisabled,
|
|
151
|
-
colorStrokeFocus1: colors_1.hcCanvas,
|
|
152
|
-
colorStrokeFocus2: colors_1.hcHighlight,
|
|
153
|
-
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
154
|
-
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
155
|
-
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
156
|
-
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
157
|
-
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
158
|
-
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
159
|
-
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
160
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
|
161
|
-
|
|
5
|
+
Object.defineProperty(exports, "generateColorTokens", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return generateColorTokens;
|
|
9
|
+
}
|
|
162
10
|
});
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
11
|
+
const _colors = require("../global/colors.js");
|
|
12
|
+
const generateColorTokens = ()=>({
|
|
13
|
+
colorNeutralForeground1: _colors.hcCanvasText,
|
|
14
|
+
colorNeutralForeground1Hover: _colors.hcHighlightText,
|
|
15
|
+
colorNeutralForeground1Pressed: _colors.hcHighlightText,
|
|
16
|
+
colorNeutralForeground1Selected: _colors.hcHighlightText,
|
|
17
|
+
colorNeutralForeground2: _colors.hcCanvasText,
|
|
18
|
+
colorNeutralForeground2Hover: _colors.hcHighlightText,
|
|
19
|
+
colorNeutralForeground2Pressed: _colors.hcHighlightText,
|
|
20
|
+
colorNeutralForeground2Selected: _colors.hcHighlightText,
|
|
21
|
+
colorNeutralForeground2BrandHover: _colors.hcHighlightText,
|
|
22
|
+
colorNeutralForeground2BrandPressed: _colors.hcHighlightText,
|
|
23
|
+
colorNeutralForeground2BrandSelected: _colors.hcHighlightText,
|
|
24
|
+
colorNeutralForeground3: _colors.hcCanvasText,
|
|
25
|
+
colorNeutralForeground3Hover: _colors.hcHighlightText,
|
|
26
|
+
colorNeutralForeground3Pressed: _colors.hcHighlightText,
|
|
27
|
+
colorNeutralForeground3Selected: _colors.hcHighlightText,
|
|
28
|
+
colorNeutralForeground3BrandHover: _colors.hcHighlightText,
|
|
29
|
+
colorNeutralForeground3BrandPressed: _colors.hcHighlightText,
|
|
30
|
+
colorNeutralForeground3BrandSelected: _colors.hcHighlightText,
|
|
31
|
+
colorNeutralForeground4: _colors.hcCanvasText,
|
|
32
|
+
colorNeutralForegroundDisabled: _colors.hcDisabled,
|
|
33
|
+
colorNeutralForegroundInvertedDisabled: _colors.hcDisabled,
|
|
34
|
+
colorBrandForegroundLink: _colors.hcHyperlink,
|
|
35
|
+
colorBrandForegroundLinkHover: _colors.hcHyperlink,
|
|
36
|
+
colorBrandForegroundLinkPressed: _colors.hcHyperlink,
|
|
37
|
+
colorBrandForegroundLinkSelected: _colors.hcHyperlink,
|
|
38
|
+
colorNeutralForeground2Link: _colors.hcHyperlink,
|
|
39
|
+
colorNeutralForeground2LinkHover: _colors.hcHyperlink,
|
|
40
|
+
colorNeutralForeground2LinkPressed: _colors.hcHyperlink,
|
|
41
|
+
colorNeutralForeground2LinkSelected: _colors.hcHyperlink,
|
|
42
|
+
colorCompoundBrandForeground1: _colors.hcHighlight,
|
|
43
|
+
colorCompoundBrandForeground1Hover: _colors.hcHighlight,
|
|
44
|
+
colorCompoundBrandForeground1Pressed: _colors.hcHighlight,
|
|
45
|
+
colorBrandForeground1: _colors.hcCanvasText,
|
|
46
|
+
colorBrandForeground2: _colors.hcCanvasText,
|
|
47
|
+
colorBrandForeground2Hover: _colors.hcCanvasText,
|
|
48
|
+
colorBrandForeground2Pressed: _colors.hcCanvasText,
|
|
49
|
+
colorNeutralForeground1Static: _colors.hcCanvas,
|
|
50
|
+
colorNeutralForegroundStaticInverted: _colors.hcCanvasText,
|
|
51
|
+
colorNeutralForegroundInverted: _colors.hcHighlightText,
|
|
52
|
+
colorNeutralForegroundInvertedHover: _colors.hcHighlightText,
|
|
53
|
+
colorNeutralForegroundInvertedPressed: _colors.hcHighlightText,
|
|
54
|
+
colorNeutralForegroundInvertedSelected: _colors.hcHighlightText,
|
|
55
|
+
colorNeutralForegroundInverted2: _colors.hcCanvasText,
|
|
56
|
+
colorNeutralForegroundOnBrand: _colors.hcButtonText,
|
|
57
|
+
colorNeutralForegroundInvertedLink: _colors.hcHyperlink,
|
|
58
|
+
colorNeutralForegroundInvertedLinkHover: _colors.hcHyperlink,
|
|
59
|
+
colorNeutralForegroundInvertedLinkPressed: _colors.hcHyperlink,
|
|
60
|
+
colorNeutralForegroundInvertedLinkSelected: _colors.hcHyperlink,
|
|
61
|
+
colorBrandForegroundInverted: _colors.hcCanvasText,
|
|
62
|
+
colorBrandForegroundInvertedHover: _colors.hcHighlightText,
|
|
63
|
+
colorBrandForegroundInvertedPressed: _colors.hcHighlightText,
|
|
64
|
+
colorBrandForegroundOnLight: _colors.hcButtonText,
|
|
65
|
+
colorBrandForegroundOnLightHover: _colors.hcHighlightText,
|
|
66
|
+
colorBrandForegroundOnLightPressed: _colors.hcHighlightText,
|
|
67
|
+
colorBrandForegroundOnLightSelected: _colors.hcHighlightText,
|
|
68
|
+
colorNeutralBackground1: _colors.hcCanvas,
|
|
69
|
+
colorNeutralBackground1Hover: _colors.hcHighlight,
|
|
70
|
+
colorNeutralBackground1Pressed: _colors.hcHighlight,
|
|
71
|
+
colorNeutralBackground1Selected: _colors.hcHighlight,
|
|
72
|
+
colorNeutralBackground2: _colors.hcCanvas,
|
|
73
|
+
colorNeutralBackground2Hover: _colors.hcHighlight,
|
|
74
|
+
colorNeutralBackground2Pressed: _colors.hcHighlight,
|
|
75
|
+
colorNeutralBackground2Selected: _colors.hcHighlight,
|
|
76
|
+
colorNeutralBackground3: _colors.hcCanvas,
|
|
77
|
+
colorNeutralBackground3Hover: _colors.hcHighlight,
|
|
78
|
+
colorNeutralBackground3Pressed: _colors.hcHighlight,
|
|
79
|
+
colorNeutralBackground3Selected: _colors.hcHighlight,
|
|
80
|
+
colorNeutralBackground4: _colors.hcCanvas,
|
|
81
|
+
colorNeutralBackground4Hover: _colors.hcHighlight,
|
|
82
|
+
colorNeutralBackground4Pressed: _colors.hcHighlight,
|
|
83
|
+
colorNeutralBackground4Selected: _colors.hcHighlight,
|
|
84
|
+
colorNeutralBackground5: _colors.hcCanvas,
|
|
85
|
+
colorNeutralBackground5Hover: _colors.hcHighlight,
|
|
86
|
+
colorNeutralBackground5Pressed: _colors.hcHighlight,
|
|
87
|
+
colorNeutralBackground5Selected: _colors.hcHighlight,
|
|
88
|
+
colorNeutralBackground6: _colors.hcCanvas,
|
|
89
|
+
colorNeutralBackgroundInverted: _colors.hcCanvas,
|
|
90
|
+
colorNeutralBackgroundStatic: _colors.hcCanvas,
|
|
91
|
+
colorNeutralBackgroundAlpha: _colors.hcCanvas,
|
|
92
|
+
colorNeutralBackgroundAlpha2: _colors.hcCanvas,
|
|
93
|
+
colorSubtleBackground: 'transparent',
|
|
94
|
+
colorSubtleBackgroundHover: _colors.hcHighlight,
|
|
95
|
+
colorSubtleBackgroundPressed: _colors.hcHighlight,
|
|
96
|
+
colorSubtleBackgroundSelected: _colors.hcHighlight,
|
|
97
|
+
colorSubtleBackgroundLightAlphaHover: _colors.hcHighlight,
|
|
98
|
+
colorSubtleBackgroundLightAlphaPressed: _colors.hcHighlight,
|
|
99
|
+
colorSubtleBackgroundLightAlphaSelected: _colors.hcHighlight,
|
|
100
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
101
|
+
colorSubtleBackgroundInvertedHover: _colors.hcHighlight,
|
|
102
|
+
colorSubtleBackgroundInvertedPressed: _colors.hcHighlight,
|
|
103
|
+
colorSubtleBackgroundInvertedSelected: _colors.hcHighlight,
|
|
104
|
+
colorTransparentBackground: 'transparent',
|
|
105
|
+
colorTransparentBackgroundHover: _colors.hcHighlight,
|
|
106
|
+
colorTransparentBackgroundPressed: _colors.hcHighlight,
|
|
107
|
+
colorTransparentBackgroundSelected: _colors.hcHighlight,
|
|
108
|
+
colorNeutralBackgroundDisabled: _colors.hcCanvas,
|
|
109
|
+
colorNeutralBackgroundInvertedDisabled: _colors.hcCanvas,
|
|
110
|
+
colorNeutralStencil1: _colors.hcCanvasText,
|
|
111
|
+
colorNeutralStencil2: _colors.hcCanvasText,
|
|
112
|
+
colorNeutralStencil1Alpha: _colors.hcCanvasText,
|
|
113
|
+
colorNeutralStencil2Alpha: _colors.hcCanvasText,
|
|
114
|
+
colorBackgroundOverlay: _colors.blackAlpha[50],
|
|
115
|
+
colorScrollbarOverlay: _colors.hcButtonFace,
|
|
116
|
+
colorBrandBackground: _colors.hcButtonFace,
|
|
117
|
+
colorBrandBackgroundHover: _colors.hcHighlight,
|
|
118
|
+
colorBrandBackgroundPressed: _colors.hcHighlight,
|
|
119
|
+
colorBrandBackgroundSelected: _colors.hcHighlight,
|
|
120
|
+
colorCompoundBrandBackground: _colors.hcHighlight,
|
|
121
|
+
colorCompoundBrandBackgroundHover: _colors.hcHighlight,
|
|
122
|
+
colorCompoundBrandBackgroundPressed: _colors.hcHighlight,
|
|
123
|
+
colorBrandBackgroundStatic: _colors.hcCanvas,
|
|
124
|
+
colorBrandBackground2: _colors.hcCanvas,
|
|
125
|
+
colorBrandBackground2Hover: _colors.hcCanvas,
|
|
126
|
+
colorBrandBackground2Pressed: _colors.hcCanvas,
|
|
127
|
+
colorBrandBackground3Static: _colors.hcCanvas,
|
|
128
|
+
colorBrandBackground4Static: _colors.hcCanvas,
|
|
129
|
+
colorBrandBackgroundInverted: _colors.hcButtonFace,
|
|
130
|
+
colorBrandBackgroundInvertedHover: _colors.hcHighlight,
|
|
131
|
+
colorBrandBackgroundInvertedPressed: _colors.hcHighlight,
|
|
132
|
+
colorBrandBackgroundInvertedSelected: _colors.hcHighlight,
|
|
133
|
+
colorNeutralCardBackground: _colors.hcCanvas,
|
|
134
|
+
colorNeutralCardBackgroundHover: _colors.hcHighlight,
|
|
135
|
+
colorNeutralCardBackgroundPressed: _colors.hcHighlight,
|
|
136
|
+
colorNeutralCardBackgroundSelected: _colors.hcHighlight,
|
|
137
|
+
colorNeutralCardBackgroundDisabled: _colors.hcCanvas,
|
|
138
|
+
colorNeutralStrokeAccessible: _colors.hcCanvasText,
|
|
139
|
+
colorNeutralStrokeAccessibleHover: _colors.hcHighlight,
|
|
140
|
+
colorNeutralStrokeAccessiblePressed: _colors.hcHighlight,
|
|
141
|
+
colorNeutralStrokeAccessibleSelected: _colors.hcHighlight,
|
|
142
|
+
colorNeutralStroke1: _colors.hcCanvasText,
|
|
143
|
+
colorNeutralStroke1Hover: _colors.hcHighlight,
|
|
144
|
+
colorNeutralStroke1Pressed: _colors.hcHighlight,
|
|
145
|
+
colorNeutralStroke1Selected: _colors.hcHighlight,
|
|
146
|
+
colorNeutralStroke2: _colors.hcCanvasText,
|
|
147
|
+
colorNeutralStroke3: _colors.hcCanvasText,
|
|
148
|
+
colorNeutralStrokeSubtle: _colors.hcCanvasText,
|
|
149
|
+
colorNeutralStrokeOnBrand: _colors.hcCanvas,
|
|
150
|
+
colorNeutralStrokeOnBrand2: _colors.hcCanvasText,
|
|
151
|
+
colorNeutralStrokeOnBrand2Hover: _colors.hcCanvasText,
|
|
152
|
+
colorNeutralStrokeOnBrand2Pressed: _colors.hcCanvasText,
|
|
153
|
+
colorNeutralStrokeOnBrand2Selected: _colors.hcCanvasText,
|
|
154
|
+
colorBrandStroke1: _colors.hcCanvasText,
|
|
155
|
+
colorBrandStroke2: _colors.hcCanvasText,
|
|
156
|
+
colorBrandStroke2Hover: _colors.hcHighlight,
|
|
157
|
+
colorBrandStroke2Pressed: _colors.hcHighlight,
|
|
158
|
+
colorBrandStroke2Contrast: _colors.hcCanvas,
|
|
159
|
+
colorCompoundBrandStroke: _colors.hcHighlight,
|
|
160
|
+
colorCompoundBrandStrokeHover: _colors.hcHighlight,
|
|
161
|
+
colorCompoundBrandStrokePressed: _colors.hcHighlight,
|
|
162
|
+
colorNeutralStrokeDisabled: _colors.hcDisabled,
|
|
163
|
+
colorNeutralStrokeInvertedDisabled: _colors.hcDisabled,
|
|
164
|
+
colorTransparentStroke: _colors.hcCanvasText,
|
|
165
|
+
colorTransparentStrokeInteractive: _colors.hcHighlight,
|
|
166
|
+
colorTransparentStrokeDisabled: _colors.hcDisabled,
|
|
167
|
+
colorNeutralStrokeAlpha: _colors.hcCanvasText,
|
|
168
|
+
colorNeutralStrokeAlpha2: _colors.hcCanvas,
|
|
169
|
+
colorStrokeFocus1: _colors.hcCanvas,
|
|
170
|
+
colorStrokeFocus2: _colors.hcHighlight,
|
|
171
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
172
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
173
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
174
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
175
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
176
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
177
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
178
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
|
179
|
+
});
|