@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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,
|
1
|
+
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,gCAAnC;AACA,SAAS,mBAAT,QAAoC,yBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourcesContent":["import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.generateColorTokens = void 0;
|
7
7
|
|
8
8
|
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
@@ -81,8 +81,8 @@ const generateColorTokens = brand => ({
|
|
81
81
|
colorSubtleBackgroundHover: colors_1.grey[22],
|
82
82
|
colorSubtleBackgroundPressed: colors_1.grey[18],
|
83
83
|
colorSubtleBackgroundSelected: colors_1.grey[20],
|
84
|
-
colorSubtleBackgroundLightAlphaHover: colors_1.
|
85
|
-
colorSubtleBackgroundLightAlphaPressed: colors_1.
|
84
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
|
85
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
|
86
86
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
87
87
|
colorSubtleBackgroundInverted: 'transparent',
|
88
88
|
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
|
@@ -96,6 +96,8 @@ const generateColorTokens = brand => ({
|
|
96
96
|
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
97
97
|
colorNeutralStencil1: colors_1.grey[34],
|
98
98
|
colorNeutralStencil2: colors_1.grey[20],
|
99
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
100
|
+
colorScrollbarOverlay: colors_1.whiteAlpha[60],
|
99
101
|
colorBrandBackground: brand[70],
|
100
102
|
colorBrandBackgroundHover: brand[80],
|
101
103
|
colorBrandBackgroundPressed: brand[40],
|
@@ -148,21 +150,4 @@ const generateColorTokens = brand => ({
|
|
148
150
|
});
|
149
151
|
|
150
152
|
exports.generateColorTokens = generateColorTokens;
|
151
|
-
|
152
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
-
const sharedColorTokens = {
|
154
|
-
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
|
155
|
-
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
|
156
|
-
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
157
|
-
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
|
158
|
-
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
|
159
|
-
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
|
160
|
-
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
|
161
|
-
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary,
|
162
|
-
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
|
163
|
-
};
|
164
|
-
return { ...acc,
|
165
|
-
...sharedColorTokens
|
166
|
-
};
|
167
|
-
}, {});
|
168
|
-
//# sourceMappingURL=dark.js.map
|
153
|
+
//# 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,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.colorPaletteTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
11
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
12
|
+
const sharedColorTokens = {
|
13
|
+
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
|
14
|
+
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
|
15
|
+
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
16
|
+
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
|
17
|
+
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
|
18
|
+
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
|
19
|
+
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
|
20
|
+
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary,
|
21
|
+
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
|
22
|
+
};
|
23
|
+
return { ...acc,
|
24
|
+
...sharedColorTokens
|
25
|
+
};
|
26
|
+
}, {});
|
27
|
+
//# sourceMappingURL=darkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/darkColorPalette.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,gBAA0C,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,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,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAA1C","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/"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.generateColorTokens = void 0;
|
7
7
|
|
8
8
|
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
@@ -96,6 +96,8 @@ const generateColorTokens = () => ({
|
|
96
96
|
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
|
97
97
|
colorNeutralStencil1: colors_1.hcCanvasText,
|
98
98
|
colorNeutralStencil2: colors_1.hcCanvasText,
|
99
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
100
|
+
colorScrollbarOverlay: colors_1.hcButtonFace,
|
99
101
|
colorBrandBackground: colors_1.hcButtonFace,
|
100
102
|
colorBrandBackgroundHover: colors_1.hcHighlight,
|
101
103
|
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
@@ -148,21 +150,4 @@ const generateColorTokens = () => ({
|
|
148
150
|
});
|
149
151
|
|
150
152
|
exports.generateColorTokens = generateColorTokens;
|
151
|
-
|
152
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
-
const sharedColorTokens = {
|
154
|
-
[`colorPalette${color}Background1`]: colors_1.white,
|
155
|
-
[`colorPalette${color}Background2`]: colors_1.black,
|
156
|
-
[`colorPalette${color}Background3`]: colors_1.white,
|
157
|
-
[`colorPalette${color}Foreground1`]: colors_1.black,
|
158
|
-
[`colorPalette${color}Foreground2`]: colors_1.white,
|
159
|
-
[`colorPalette${color}Foreground3`]: colors_1.white,
|
160
|
-
[`colorPalette${color}BorderActive`]: colors_1.hcHighlight,
|
161
|
-
[`colorPalette${color}Border1`]: colors_1.white,
|
162
|
-
[`colorPalette${color}Border2`]: colors_1.white
|
163
|
-
};
|
164
|
-
return { ...acc,
|
165
|
-
...sharedColorTokens
|
166
|
-
};
|
167
|
-
}, {});
|
168
|
-
//# sourceMappingURL=highContrast.js.map
|
153
|
+
//# 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,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.colorPaletteTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
11
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
12
|
+
const sharedColorTokens = {
|
13
|
+
[`colorPalette${color}Background1`]: colors_1.white,
|
14
|
+
[`colorPalette${color}Background2`]: colors_1.black,
|
15
|
+
[`colorPalette${color}Background3`]: colors_1.white,
|
16
|
+
[`colorPalette${color}Foreground1`]: colors_1.black,
|
17
|
+
[`colorPalette${color}Foreground2`]: colors_1.white,
|
18
|
+
[`colorPalette${color}Foreground3`]: colors_1.white,
|
19
|
+
[`colorPalette${color}BorderActive`]: colors_1.hcHighlight,
|
20
|
+
[`colorPalette${color}Border1`]: colors_1.white,
|
21
|
+
[`colorPalette${color}Border2`]: colors_1.white
|
22
|
+
};
|
23
|
+
return { ...acc,
|
24
|
+
...sharedColorTokens
|
25
|
+
};
|
26
|
+
}, {});
|
27
|
+
//# sourceMappingURL=highContrastColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,gBAA0C,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,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,QAAA,CAAA,KADb;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,KAFb;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,KAHb;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,KAJb;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,KALb;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,KANb;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,WAPd;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,KART;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA;AATT,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAA1C","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/"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.generateColorTokens = void 0;
|
7
7
|
|
8
8
|
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
@@ -81,7 +81,7 @@ const generateColorTokens = brand => ({
|
|
81
81
|
colorSubtleBackgroundHover: colors_1.grey[96],
|
82
82
|
colorSubtleBackgroundPressed: colors_1.grey[88],
|
83
83
|
colorSubtleBackgroundSelected: colors_1.grey[92],
|
84
|
-
colorSubtleBackgroundLightAlphaHover: colors_1.whiteAlpha[
|
84
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.whiteAlpha[70],
|
85
85
|
colorSubtleBackgroundLightAlphaPressed: colors_1.whiteAlpha[50],
|
86
86
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
87
87
|
colorSubtleBackgroundInverted: 'transparent',
|
@@ -96,6 +96,8 @@ const generateColorTokens = brand => ({
|
|
96
96
|
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
97
97
|
colorNeutralStencil1: colors_1.grey[90],
|
98
98
|
colorNeutralStencil2: colors_1.grey[98],
|
99
|
+
colorBackgroundOverlay: colors_1.blackAlpha[10],
|
100
|
+
colorScrollbarOverlay: colors_1.blackAlpha[50],
|
99
101
|
colorBrandBackground: brand[80],
|
100
102
|
colorBrandBackgroundHover: brand[70],
|
101
103
|
colorBrandBackgroundPressed: brand[40],
|
@@ -148,21 +150,4 @@ const generateColorTokens = brand => ({
|
|
148
150
|
});
|
149
151
|
|
150
152
|
exports.generateColorTokens = generateColorTokens;
|
151
|
-
|
152
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
-
const sharedColorTokens = {
|
154
|
-
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].tint60,
|
155
|
-
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].tint40,
|
156
|
-
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
157
|
-
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].shade10,
|
158
|
-
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].shade30,
|
159
|
-
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].primary,
|
160
|
-
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].primary,
|
161
|
-
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].tint40,
|
162
|
-
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].primary
|
163
|
-
};
|
164
|
-
return { ...acc,
|
165
|
-
...sharedColorTokens
|
166
|
-
};
|
167
|
-
}, {});
|
168
|
-
//# sourceMappingURL=light.js.map
|
153
|
+
//# 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,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.colorPaletteTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
11
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
12
|
+
const sharedColorTokens = {
|
13
|
+
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].tint60,
|
14
|
+
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].tint40,
|
15
|
+
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
16
|
+
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].shade10,
|
17
|
+
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].shade30,
|
18
|
+
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].primary,
|
19
|
+
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].primary,
|
20
|
+
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].tint40,
|
21
|
+
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].primary
|
22
|
+
};
|
23
|
+
return { ...acc,
|
24
|
+
...sharedColorTokens
|
25
|
+
};
|
26
|
+
}, {});
|
27
|
+
//# sourceMappingURL=lightColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColorPalette.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,gBAA0C,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,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,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAA1C","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/"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.generateColorTokens = void 0;
|
7
7
|
|
8
8
|
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
@@ -81,8 +81,8 @@ const generateColorTokens = brand => ({
|
|
81
81
|
colorSubtleBackgroundHover: colors_1.grey[22],
|
82
82
|
colorSubtleBackgroundPressed: colors_1.grey[18],
|
83
83
|
colorSubtleBackgroundSelected: colors_1.grey[20],
|
84
|
-
colorSubtleBackgroundLightAlphaHover: colors_1.
|
85
|
-
colorSubtleBackgroundLightAlphaPressed: colors_1.
|
84
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
|
85
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
|
86
86
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
87
87
|
colorSubtleBackgroundInverted: 'transparent',
|
88
88
|
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
|
@@ -96,6 +96,8 @@ const generateColorTokens = brand => ({
|
|
96
96
|
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
97
97
|
colorNeutralStencil1: colors_1.grey[34],
|
98
98
|
colorNeutralStencil2: colors_1.grey[20],
|
99
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
100
|
+
colorScrollbarOverlay: colors_1.whiteAlpha[60],
|
99
101
|
colorBrandBackground: brand[70],
|
100
102
|
colorBrandBackgroundHover: brand[80],
|
101
103
|
colorBrandBackgroundPressed: brand[40],
|
@@ -148,21 +150,4 @@ const generateColorTokens = brand => ({
|
|
148
150
|
});
|
149
151
|
|
150
152
|
exports.generateColorTokens = generateColorTokens;
|
151
|
-
|
152
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
-
const sharedColorTokens = {
|
154
|
-
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
|
155
|
-
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
|
156
|
-
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
157
|
-
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
|
158
|
-
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
|
159
|
-
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
|
160
|
-
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
|
161
|
-
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary,
|
162
|
-
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
|
163
|
-
};
|
164
|
-
return { ...acc,
|
165
|
-
...sharedColorTokens
|
166
|
-
};
|
167
|
-
}, {});
|
168
|
-
//# sourceMappingURL=teamsDark.js.map
|
153
|
+
//# 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,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.colorPaletteTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
11
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
12
|
+
const sharedColorTokens = {
|
13
|
+
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
|
14
|
+
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
|
15
|
+
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
16
|
+
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
|
17
|
+
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
|
18
|
+
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
|
19
|
+
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
|
20
|
+
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary,
|
21
|
+
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
|
22
|
+
};
|
23
|
+
return { ...acc,
|
24
|
+
...sharedColorTokens
|
25
|
+
};
|
26
|
+
}, {});
|
27
|
+
//# sourceMappingURL=teamsDarkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/teamsDarkColorPalette.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,gBAA0C,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,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,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAA1C","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/"}
|
@@ -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";
|