@fluentui/react-theme 9.0.0-rc.4 → 9.0.0-rc.5
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.json +36 -1
- package/CHANGELOG.md +12 -2
- package/dist/react-theme.d.ts +2 -0
- package/lib/alias/darkColor.d.ts +2 -0
- package/lib/alias/{dark.js → darkColor.js} +6 -21
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.d.ts +2 -0
- package/lib/alias/darkColorPalette.js +19 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.d.ts +2 -0
- package/lib/alias/{highContrast.js → highContrastColor.js} +4 -19
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.d.ts +2 -0
- package/lib/alias/highContrastColorPalette.js +19 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.d.ts +2 -0
- package/lib/alias/{light.js → lightColor.js} +5 -20
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.d.ts +2 -0
- package/lib/alias/lightColorPalette.js +19 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.d.ts +2 -0
- package/lib/alias/{teamsDark.js → teamsDarkColor.js} +6 -21
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.d.ts +2 -0
- package/lib/alias/teamsDarkColorPalette.js +19 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/colors.d.ts +1 -0
- package/lib/global/colors.js +17 -5
- package/lib/global/colors.js.map +1 -1
- package/lib/tokens.js +2 -0
- package/lib/tokens.js.map +1 -1
- package/lib/types.d.ts +2 -0
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +2 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +2 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +2 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +2 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/alias/darkColor.d.ts +2 -0
- package/lib-commonjs/alias/{dark.js → darkColor.js} +6 -21
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.d.ts +2 -0
- package/lib-commonjs/alias/darkColorPalette.js +27 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.d.ts +2 -0
- package/lib-commonjs/alias/{highContrast.js → highContrastColor.js} +4 -19
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.d.ts +2 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +27 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.d.ts +2 -0
- package/lib-commonjs/alias/{light.js → lightColor.js} +5 -20
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.d.ts +2 -0
- package/lib-commonjs/alias/lightColorPalette.js +27 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.d.ts +2 -0
- package/lib-commonjs/alias/{teamsDark.js → teamsDarkColor.js} +6 -21
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.d.ts +2 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +27 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.d.ts +1 -0
- package/lib-commonjs/global/colors.js +18 -6
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/tokens.js +2 -0
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.d.ts +2 -0
- package/lib-commonjs/utils/createDarkTheme.js +5 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +5 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +5 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +5 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/package.json +2 -6
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,42 @@
|
|
2
2
|
"name": "@fluentui/react-theme",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
5
|
+
"date": "Tue, 19 Apr 2022 19:14:12 GMT",
|
6
|
+
"tag": "@fluentui/react-theme_v9.0.0-rc.5",
|
7
|
+
"version": "9.0.0-rc.5",
|
8
|
+
"comments": {
|
9
|
+
"none": [
|
10
|
+
{
|
11
|
+
"author": "elcraig@microsoft.com",
|
12
|
+
"package": "@fluentui/react-theme",
|
13
|
+
"commit": "b7f17e976f9e058f39c9fce4f0f9bb6eb4dfa577",
|
14
|
+
"comment": "Update React dev deps and hoist them to the repo root"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "mgodbolt@microsoft.com",
|
18
|
+
"package": "@fluentui/react-theme",
|
19
|
+
"commit": "905e46db07ada986fd7885531f72a71b7bbaabdc",
|
20
|
+
"comment": "create v9 api extractor config and set all v9 packags to use it, suppress forgotten export"
|
21
|
+
}
|
22
|
+
],
|
23
|
+
"prerelease": [
|
24
|
+
{
|
25
|
+
"author": "miroslav.stastny@microsoft.com",
|
26
|
+
"package": "@fluentui/react-theme",
|
27
|
+
"commit": "d7e4ddf20d1ecb71d3dfc450c65ffde8c7394e3b",
|
28
|
+
"comment": "fix(react-theme): Update yellow shared color"
|
29
|
+
},
|
30
|
+
{
|
31
|
+
"author": "miroslav.stastny@microsoft.com",
|
32
|
+
"package": "@fluentui/react-theme",
|
33
|
+
"commit": "a91094de0bcf0467126052b6785fcbddd5ef0045",
|
34
|
+
"comment": "feat(react-theme): update color tokens"
|
35
|
+
}
|
36
|
+
]
|
37
|
+
}
|
38
|
+
},
|
39
|
+
{
|
40
|
+
"date": "Fri, 04 Mar 2022 05:17:31 GMT",
|
6
41
|
"tag": "@fluentui/react-theme_v9.0.0-rc.4",
|
7
42
|
"version": "9.0.0-rc.4",
|
8
43
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,22 @@
|
|
1
1
|
# Change Log - @fluentui/react-theme
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Tue, 19 Apr 2022 19:14:12 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.5)
|
8
|
+
|
9
|
+
Tue, 19 Apr 2022 19:14:12 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.4..@fluentui/react-theme_v9.0.0-rc.5)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- fix(react-theme): Update yellow shared color ([PR #22450](https://github.com/microsoft/fluentui/pull/22450) by miroslav.stastny@microsoft.com)
|
15
|
+
- feat(react-theme): update color tokens ([PR #22238](https://github.com/microsoft/fluentui/pull/22238) by miroslav.stastny@microsoft.com)
|
16
|
+
|
7
17
|
## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.4)
|
8
18
|
|
9
|
-
Fri, 04 Mar 2022 05:
|
19
|
+
Fri, 04 Mar 2022 05:17:31 GMT
|
10
20
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.3..@fluentui/react-theme_v9.0.0-rc.4)
|
11
21
|
|
12
22
|
### Changes
|
package/dist/react-theme.d.ts
CHANGED
@@ -203,6 +203,8 @@ export declare type ColorTokens = {
|
|
203
203
|
colorNeutralBackgroundInvertedDisabled: string;
|
204
204
|
colorNeutralStencil1: string;
|
205
205
|
colorNeutralStencil2: string;
|
206
|
+
colorBackgroundOverlay: string;
|
207
|
+
colorScrollbarOverlay: string;
|
206
208
|
colorBrandBackground: string;
|
207
209
|
colorBrandBackgroundHover: string;
|
208
210
|
colorBrandBackgroundPressed: string;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { black, blackAlpha, grey, white, whiteAlpha
|
1
|
+
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
2
2
|
export const generateColorTokens = brand => ({
|
3
3
|
colorNeutralForeground1: white,
|
4
4
|
colorNeutralForeground1Hover: white,
|
@@ -73,8 +73,8 @@ export const generateColorTokens = brand => ({
|
|
73
73
|
colorSubtleBackgroundHover: grey[22],
|
74
74
|
colorSubtleBackgroundPressed: grey[18],
|
75
75
|
colorSubtleBackgroundSelected: grey[20],
|
76
|
-
colorSubtleBackgroundLightAlphaHover:
|
77
|
-
colorSubtleBackgroundLightAlphaPressed:
|
76
|
+
colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
|
77
|
+
colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
|
78
78
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
79
79
|
colorSubtleBackgroundInverted: 'transparent',
|
80
80
|
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
@@ -88,6 +88,8 @@ export const generateColorTokens = brand => ({
|
|
88
88
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
89
89
|
colorNeutralStencil1: grey[34],
|
90
90
|
colorNeutralStencil2: grey[20],
|
91
|
+
colorBackgroundOverlay: blackAlpha[50],
|
92
|
+
colorScrollbarOverlay: whiteAlpha[60],
|
91
93
|
colorBrandBackground: brand[70],
|
92
94
|
colorBrandBackgroundHover: brand[80],
|
93
95
|
colorBrandBackgroundPressed: brand[40],
|
@@ -138,21 +140,4 @@ export const generateColorTokens = brand => ({
|
|
138
140
|
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
141
|
|
140
142
|
});
|
141
|
-
|
142
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
-
const sharedColorTokens = {
|
144
|
-
[`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
|
145
|
-
[`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
|
146
|
-
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
147
|
-
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
|
148
|
-
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
149
|
-
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
150
|
-
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
151
|
-
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
152
|
-
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
153
|
-
};
|
154
|
-
return { ...acc,
|
155
|
-
...sharedColorTokens
|
156
|
-
};
|
157
|
-
}, {});
|
158
|
-
//# sourceMappingURL=dark.js.map
|
143
|
+
//# sourceMappingURL=darkColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkSelected: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandForeground1: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandForeground1Hover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Pressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandBackgroundHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundPressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { sharedColors } from '../global/colors';
|
2
|
+
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
|
6
|
+
[`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
|
7
|
+
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
8
|
+
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
|
9
|
+
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
10
|
+
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
11
|
+
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
12
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
13
|
+
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
//# sourceMappingURL=darkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/darkColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,kBAA7B;AAGA,OAAO,MAAM,kBAAkB,gBAAwB,MAAM,CAAC,IAAP,CAAY,YAAZ,EAEpD,MAFoD,CAE7C,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAAhD","sourcesContent":["import { sharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors } from '../types';\n\nexport const colorPaletteTokens: ColorPaletteTokens = (Object.keys(sharedColors) as Array<\n keyof GlobalSharedColors\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as ColorPaletteTokens);\n"],"sourceRoot":"../src/"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink
|
1
|
+
import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
2
2
|
export const generateColorTokens = () => ({
|
3
3
|
colorNeutralForeground1: hcCanvasText,
|
4
4
|
colorNeutralForeground1Hover: hcHighlightText,
|
@@ -88,6 +88,8 @@ export const generateColorTokens = () => ({
|
|
88
88
|
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
89
89
|
colorNeutralStencil1: hcCanvasText,
|
90
90
|
colorNeutralStencil2: hcCanvasText,
|
91
|
+
colorBackgroundOverlay: blackAlpha[50],
|
92
|
+
colorScrollbarOverlay: hcButtonFace,
|
91
93
|
colorBrandBackground: hcButtonFace,
|
92
94
|
colorBrandBackgroundHover: hcHighlight,
|
93
95
|
colorBrandBackgroundPressed: hcHighlight,
|
@@ -138,21 +140,4 @@ export const generateColorTokens = () => ({
|
|
138
140
|
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
141
|
|
140
142
|
});
|
141
|
-
|
142
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
-
const sharedColorTokens = {
|
144
|
-
[`colorPalette${color}Background1`]: white,
|
145
|
-
[`colorPalette${color}Background2`]: black,
|
146
|
-
[`colorPalette${color}Background3`]: white,
|
147
|
-
[`colorPalette${color}Foreground1`]: black,
|
148
|
-
[`colorPalette${color}Foreground2`]: white,
|
149
|
-
[`colorPalette${color}Foreground3`]: white,
|
150
|
-
[`colorPalette${color}BorderActive`]: hcHighlight,
|
151
|
-
[`colorPalette${color}Border1`]: white,
|
152
|
-
[`colorPalette${color}Border2`]: white
|
153
|
-
};
|
154
|
-
return { ...acc,
|
155
|
-
...sharedColorTokens
|
156
|
-
};
|
157
|
-
}, {});
|
158
|
-
//# sourceMappingURL=highContrast.js.map
|
143
|
+
//# sourceMappingURL=highContrastColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { hcHighlight, white, black, sharedColors } from '../global/colors';
|
2
|
+
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: white,
|
6
|
+
[`colorPalette${color}Background2`]: black,
|
7
|
+
[`colorPalette${color}Background3`]: white,
|
8
|
+
[`colorPalette${color}Foreground1`]: black,
|
9
|
+
[`colorPalette${color}Foreground2`]: white,
|
10
|
+
[`colorPalette${color}Foreground3`]: white,
|
11
|
+
[`colorPalette${color}BorderActive`]: hcHighlight,
|
12
|
+
[`colorPalette${color}Border1`]: white,
|
13
|
+
[`colorPalette${color}Border2`]: white
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
//# sourceMappingURL=highContrastColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,WAAT,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,YAApC,QAAwD,kBAAxD;AAGA,OAAO,MAAM,kBAAkB,gBAAwB,MAAM,CAAC,IAAP,CAAY,YAAZ,EAEpD,MAFoD,CAE7C,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KADb;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAHb;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAJb;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KALb;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KANb;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,WAPd;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,KART;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC;AATT,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAAhD","sourcesContent":["import { hcHighlight, white, black, sharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors } from '../types';\n\nexport const colorPaletteTokens: ColorPaletteTokens = (Object.keys(sharedColors) as Array<\n keyof GlobalSharedColors\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: white,\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Background3`]: white,\n [`colorPalette${color}Foreground1`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}Foreground3`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: white,\n [`colorPalette${color}Border2`]: white,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as ColorPaletteTokens);\n"],"sourceRoot":"../src/"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { black, blackAlpha, grey, white, whiteAlpha
|
1
|
+
import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
2
2
|
export const generateColorTokens = brand => ({
|
3
3
|
colorNeutralForeground1: grey[14],
|
4
4
|
colorNeutralForeground1Hover: grey[14],
|
@@ -73,7 +73,7 @@ export const generateColorTokens = brand => ({
|
|
73
73
|
colorSubtleBackgroundHover: grey[96],
|
74
74
|
colorSubtleBackgroundPressed: grey[88],
|
75
75
|
colorSubtleBackgroundSelected: grey[92],
|
76
|
-
colorSubtleBackgroundLightAlphaHover: whiteAlpha[
|
76
|
+
colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
|
77
77
|
colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
|
78
78
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
79
79
|
colorSubtleBackgroundInverted: 'transparent',
|
@@ -88,6 +88,8 @@ export const generateColorTokens = brand => ({
|
|
88
88
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
89
89
|
colorNeutralStencil1: grey[90],
|
90
90
|
colorNeutralStencil2: grey[98],
|
91
|
+
colorBackgroundOverlay: blackAlpha[10],
|
92
|
+
colorScrollbarOverlay: blackAlpha[50],
|
91
93
|
colorBrandBackground: brand[80],
|
92
94
|
colorBrandBackgroundHover: brand[70],
|
93
95
|
colorBrandBackgroundPressed: brand[40],
|
@@ -138,21 +140,4 @@ export const generateColorTokens = brand => ({
|
|
138
140
|
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
141
|
|
140
142
|
});
|
141
|
-
|
142
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
-
const sharedColorTokens = {
|
144
|
-
[`colorPalette${color}Background1`]: sharedColors[sharedColor].tint60,
|
145
|
-
[`colorPalette${color}Background2`]: sharedColors[sharedColor].tint40,
|
146
|
-
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
147
|
-
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].shade10,
|
148
|
-
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].shade30,
|
149
|
-
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].primary,
|
150
|
-
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary,
|
151
|
-
[`colorPalette${color}Border1`]: sharedColors[sharedColor].tint40,
|
152
|
-
[`colorPalette${color}Border2`]: sharedColors[sharedColor].primary
|
153
|
-
};
|
154
|
-
return { ...acc,
|
155
|
-
...sharedColorTokens
|
156
|
-
};
|
157
|
-
}, {});
|
158
|
-
//# sourceMappingURL=light.js.map
|
143
|
+
//# sourceMappingURL=lightColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground2BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralForeground3Hover: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Pressed: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Selected: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground3BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground4: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralForegroundDisabled: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundLinkHover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundLinkPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandForegroundLinkSelected: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandForeground1Hover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: white, // #ffffff Global.Color.White\n colorNeutralBackground1Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground1Pressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground1Selected: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground2Hover: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground2Pressed: grey[86], // #dbdbdb Global.Color.Grey.86\n colorNeutralBackground2Selected: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackground3: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground3Hover: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralBackground3Selected: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground4: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground4Hover: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground4Pressed: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground4Selected: white, // #ffffff Global.Color.White\n colorNeutralBackground5: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground5Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground5Pressed: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground5Selected: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground6: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackgroundInverted: grey[38], // #616161 Global.Color.Grey.38\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorSubtleBackgroundPressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorSubtleBackgroundSelected: grey[92], // #ebebeb Global.Color.Grey.92\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70], // rgba(255, 255, 255, 0.7) Global.Color.WhiteAlpha.70\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralStencil2: grey[98], // #fafafa Global.Color.Grey.98\n colorBackgroundOverlay: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorScrollbarOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralStrokeAccessibleHover: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStrokeAccessiblePressed: grey[30], // #4d4d4d Global.Color.Grey.30\n colorNeutralStrokeAccessibleSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStroke1: grey[82], // #d1d1d1 Global.Color.Grey.82\n colorNeutralStroke1Hover: grey[78], // #c7c7c7 Global.Color.Grey.78\n colorNeutralStroke1Pressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralStrokeDisabled: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: white, // #ffffff Global.Color.White\n colorStrokeFocus2: black, // #000000 Global.Color.Black\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { sharedColors } from '../global/colors';
|
2
|
+
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: sharedColors[sharedColor].tint60,
|
6
|
+
[`colorPalette${color}Background2`]: sharedColors[sharedColor].tint40,
|
7
|
+
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
8
|
+
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].shade10,
|
9
|
+
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].shade30,
|
10
|
+
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].primary,
|
11
|
+
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary,
|
12
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].tint40,
|
13
|
+
[`colorPalette${color}Border2`]: sharedColors[sharedColor].primary
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
//# sourceMappingURL=lightColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,kBAA7B;AAGA,OAAO,MAAM,kBAAkB,gBAAwB,MAAM,CAAC,IAAP,CAAY,YAAZ,EAEpD,MAFoD,CAE7C,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAAhD","sourcesContent":["import { sharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors } from '../types';\n\nexport const colorPaletteTokens: ColorPaletteTokens = (Object.keys(sharedColors) as Array<\n keyof GlobalSharedColors\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: sharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: sharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: sharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: sharedColors[sharedColor].primary,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as ColorPaletteTokens);\n"],"sourceRoot":"../src/"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { black, blackAlpha, grey, white, whiteAlpha
|
1
|
+
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
2
2
|
export const generateColorTokens = brand => ({
|
3
3
|
colorNeutralForeground1: white,
|
4
4
|
colorNeutralForeground1Hover: white,
|
@@ -73,8 +73,8 @@ export const generateColorTokens = brand => ({
|
|
73
73
|
colorSubtleBackgroundHover: grey[22],
|
74
74
|
colorSubtleBackgroundPressed: grey[18],
|
75
75
|
colorSubtleBackgroundSelected: grey[20],
|
76
|
-
colorSubtleBackgroundLightAlphaHover:
|
77
|
-
colorSubtleBackgroundLightAlphaPressed:
|
76
|
+
colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
|
77
|
+
colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
|
78
78
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
79
79
|
colorSubtleBackgroundInverted: 'transparent',
|
80
80
|
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
@@ -88,6 +88,8 @@ export const generateColorTokens = brand => ({
|
|
88
88
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
89
89
|
colorNeutralStencil1: grey[34],
|
90
90
|
colorNeutralStencil2: grey[20],
|
91
|
+
colorBackgroundOverlay: blackAlpha[50],
|
92
|
+
colorScrollbarOverlay: whiteAlpha[60],
|
91
93
|
colorBrandBackground: brand[70],
|
92
94
|
colorBrandBackgroundHover: brand[80],
|
93
95
|
colorBrandBackgroundPressed: brand[40],
|
@@ -138,21 +140,4 @@ export const generateColorTokens = brand => ({
|
|
138
140
|
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
141
|
|
140
142
|
});
|
141
|
-
|
142
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
-
const sharedColorTokens = {
|
144
|
-
[`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
|
145
|
-
[`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
|
146
|
-
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
147
|
-
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
|
148
|
-
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
149
|
-
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
150
|
-
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
151
|
-
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
152
|
-
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
153
|
-
};
|
154
|
-
return { ...acc,
|
155
|
-
...sharedColorTokens
|
156
|
-
};
|
157
|
-
}, {});
|
158
|
-
//# sourceMappingURL=teamsDark.js.map
|
143
|
+
//# sourceMappingURL=teamsDarkColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/teamsDarkColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkSelected: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandForeground1: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandForeground1Hover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Pressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandBackgroundHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundPressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { sharedColors } from '../global/colors';
|
2
|
+
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
|
6
|
+
[`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
|
7
|
+
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
8
|
+
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
|
9
|
+
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
10
|
+
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
11
|
+
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
12
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
13
|
+
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
//# sourceMappingURL=teamsDarkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/teamsDarkColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,kBAA7B;AAGA,OAAO,MAAM,kBAAkB,gBAAwB,MAAM,CAAC,IAAP,CAAY,YAAZ,EAEpD,MAFoD,CAE7C,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAAhD","sourcesContent":["import { sharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors } from '../types';\n\nexport const colorPaletteTokens: ColorPaletteTokens = (Object.keys(sharedColors) as Array<\n keyof GlobalSharedColors\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as ColorPaletteTokens);\n"],"sourceRoot":"../src/"}
|
package/lib/global/colors.d.ts
CHANGED
@@ -2,6 +2,7 @@ import type { GlobalSharedColors, Greys, AlphaColors } from '../types';
|
|
2
2
|
export declare const grey: Record<Greys, string>;
|
3
3
|
export declare const whiteAlpha: Record<AlphaColors, string>;
|
4
4
|
export declare const blackAlpha: Record<AlphaColors, string>;
|
5
|
+
export declare const grey14Alpha: Record<AlphaColors, string>;
|
5
6
|
export declare const white = "#ffffff";
|
6
7
|
export declare const black = "#000000";
|
7
8
|
export declare const hcHyperlink = "#ffff00";
|