@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.2
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 +16 -1
- package/CHANGELOG.md +11 -2
- package/dist/index.d.ts +439 -0
- package/lib/alias/darkColor.js +155 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +44 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +155 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +34 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +155 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +35 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +155 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/global/borderRadius.js +9 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.js +55 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colorPalette.js +41 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +789 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +38 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.js +10 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/spacings.js +41 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +7 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/typographyStyles.js +110 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +9 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js +3 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.js +4 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.js +3 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.js +4 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.js +4 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.js +4 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/index.js +3 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.js +4 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.js +435 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.js +26 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.js +26 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.js +26 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.js +26 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.js +5 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.js +11 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-amd/alias/darkColor.js +158 -0
- package/lib-amd/alias/darkColor.js.map +1 -0
- package/lib-amd/alias/darkColorPalette.js +47 -0
- package/lib-amd/alias/darkColorPalette.js.map +1 -0
- package/lib-amd/alias/highContrastColor.js +158 -0
- package/lib-amd/alias/highContrastColor.js.map +1 -0
- package/lib-amd/alias/highContrastColorPalette.js +37 -0
- package/lib-amd/alias/highContrastColorPalette.js.map +1 -0
- package/lib-amd/alias/lightColor.js +158 -0
- package/lib-amd/alias/lightColor.js.map +1 -0
- package/lib-amd/alias/lightColorPalette.js +38 -0
- package/lib-amd/alias/lightColorPalette.js.map +1 -0
- package/lib-amd/alias/teamsDarkColor.js +158 -0
- package/lib-amd/alias/teamsDarkColor.js.map +1 -0
- package/lib-amd/global/borderRadius.js +14 -0
- package/lib-amd/global/borderRadius.js.map +1 -0
- package/lib-amd/global/brandColors.js +60 -0
- package/lib-amd/global/brandColors.js.map +1 -0
- package/lib-amd/global/colorPalette.js +45 -0
- package/lib-amd/global/colorPalette.js.map +1 -0
- package/lib-amd/global/colors.js +793 -0
- package/lib-amd/global/colors.js.map +1 -0
- package/lib-amd/global/curves.js +17 -0
- package/lib-amd/global/curves.js.map +1 -0
- package/lib-amd/global/durations.js +15 -0
- package/lib-amd/global/durations.js.map +1 -0
- package/lib-amd/global/fonts.js +45 -0
- package/lib-amd/global/fonts.js.map +1 -0
- package/lib-amd/global/index.js +14 -0
- package/lib-amd/global/index.js.map +1 -0
- package/lib-amd/global/spacings.js +46 -0
- package/lib-amd/global/spacings.js.map +1 -0
- package/lib-amd/global/strokeWidths.js +12 -0
- package/lib-amd/global/strokeWidths.js.map +1 -0
- package/lib-amd/global/typographyStyles.js +113 -0
- package/lib-amd/global/typographyStyles.js.map +1 -0
- package/lib-amd/index.js +14 -1
- package/lib-amd/index.js.map +1 -1
- package/lib-amd/sharedColorNames.js +64 -0
- package/lib-amd/sharedColorNames.js.map +1 -0
- package/lib-amd/themeToTokensObject.js +24 -0
- package/lib-amd/themeToTokensObject.js.map +1 -0
- package/lib-amd/themes/index.js +7 -0
- package/lib-amd/themes/index.js.map +1 -0
- package/lib-amd/themes/teams/darkTheme.js +7 -0
- package/lib-amd/themes/teams/darkTheme.js.map +1 -0
- package/lib-amd/themes/teams/highContrastTheme.js +7 -0
- package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-amd/themes/teams/index.js +8 -0
- package/lib-amd/themes/teams/index.js.map +1 -0
- package/lib-amd/themes/teams/lightTheme.js +7 -0
- package/lib-amd/themes/teams/lightTheme.js.map +1 -0
- package/lib-amd/themes/web/darkTheme.js +7 -0
- package/lib-amd/themes/web/darkTheme.js.map +1 -0
- package/lib-amd/themes/web/index.js +7 -0
- package/lib-amd/themes/web/index.js.map +1 -0
- package/lib-amd/themes/web/lightTheme.js +7 -0
- package/lib-amd/themes/web/lightTheme.js.map +1 -0
- package/lib-amd/tokens.js +440 -0
- package/lib-amd/tokens.js.map +1 -0
- package/lib-amd/types.js +5 -0
- package/lib-amd/types.js.map +1 -0
- package/lib-amd/utils/createDarkTheme.js +11 -0
- package/lib-amd/utils/createDarkTheme.js.map +1 -0
- package/lib-amd/utils/createHighContrastTheme.js +11 -0
- package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
- package/lib-amd/utils/createLightTheme.js +11 -0
- package/lib-amd/utils/createLightTheme.js.map +1 -0
- package/lib-amd/utils/createTeamsDarkTheme.js +11 -0
- package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-amd/utils/index.js +9 -0
- package/lib-amd/utils/index.js.map +1 -0
- package/lib-amd/utils/shadows.js +19 -0
- package/lib-amd/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/darkColor.js +165 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +53 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +165 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +43 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +165 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +44 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +165 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +15 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +61 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colorPalette.js +49 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +796 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js +44 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.js +26 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/spacings.js +47 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js +13 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +118 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +88 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +16 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +12 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +11 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.js +14 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.js +12 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.js +441 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js +6 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.js +42 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +42 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.js +42 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +42 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.js +16 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { 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[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\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 colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\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[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\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: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: 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 colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\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[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\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[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\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,44 @@
|
|
|
1
|
+
/* color palette used in both darkTheme and teamsDarkTheme */
|
|
2
|
+
import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
|
|
3
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
4
|
+
const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
|
|
5
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
6
|
+
const sharedColorTokens = {
|
|
7
|
+
[`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,
|
|
8
|
+
[`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,
|
|
9
|
+
[`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
|
|
10
|
+
[`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,
|
|
11
|
+
[`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,
|
|
12
|
+
[`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,
|
|
13
|
+
[`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,
|
|
14
|
+
[`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,
|
|
15
|
+
[`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20
|
|
16
|
+
};
|
|
17
|
+
return Object.assign(acc, sharedColorTokens);
|
|
18
|
+
}, {}); // one-off patches
|
|
19
|
+
|
|
20
|
+
statusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;
|
|
21
|
+
statusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;
|
|
22
|
+
statusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;
|
|
23
|
+
statusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;
|
|
24
|
+
statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;
|
|
25
|
+
statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;
|
|
26
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;
|
|
27
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;
|
|
28
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;
|
|
29
|
+
const personaColorPaletteTokens = /*#__PURE__*/personaSharedColorNames.reduce((acc, sharedColor) => {
|
|
30
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
31
|
+
const sharedColorTokens = {
|
|
32
|
+
[`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,
|
|
33
|
+
[`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,
|
|
34
|
+
[`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30
|
|
35
|
+
};
|
|
36
|
+
return Object.assign(acc, sharedColorTokens);
|
|
37
|
+
}, {}); // one-off patches
|
|
38
|
+
|
|
39
|
+
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;
|
|
40
|
+
personaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;
|
|
41
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
|
42
|
+
...personaColorPaletteTokens
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=darkColorPalette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* !!! DO NOT EDIT !!! */
|
|
2
|
+
|
|
3
|
+
/* This file has been generated by the token pipeline */
|
|
4
|
+
import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
|
5
|
+
export const generateColorTokens = () => ({
|
|
6
|
+
colorNeutralForeground1: hcCanvasText,
|
|
7
|
+
colorNeutralForeground1Hover: hcHighlightText,
|
|
8
|
+
colorNeutralForeground1Pressed: hcHighlightText,
|
|
9
|
+
colorNeutralForeground1Selected: hcHighlightText,
|
|
10
|
+
colorNeutralForeground2: hcCanvasText,
|
|
11
|
+
colorNeutralForeground2Hover: hcHighlightText,
|
|
12
|
+
colorNeutralForeground2Pressed: hcHighlightText,
|
|
13
|
+
colorNeutralForeground2Selected: hcHighlightText,
|
|
14
|
+
colorNeutralForeground2BrandHover: hcHighlightText,
|
|
15
|
+
colorNeutralForeground2BrandPressed: hcHighlightText,
|
|
16
|
+
colorNeutralForeground2BrandSelected: hcHighlightText,
|
|
17
|
+
colorNeutralForeground3: hcCanvasText,
|
|
18
|
+
colorNeutralForeground3Hover: hcHighlightText,
|
|
19
|
+
colorNeutralForeground3Pressed: hcHighlightText,
|
|
20
|
+
colorNeutralForeground3Selected: hcHighlightText,
|
|
21
|
+
colorNeutralForeground3BrandHover: hcHighlightText,
|
|
22
|
+
colorNeutralForeground3BrandPressed: hcHighlightText,
|
|
23
|
+
colorNeutralForeground3BrandSelected: hcHighlightText,
|
|
24
|
+
colorNeutralForeground4: hcCanvasText,
|
|
25
|
+
colorNeutralForegroundDisabled: hcDisabled,
|
|
26
|
+
colorNeutralForegroundInvertedDisabled: hcDisabled,
|
|
27
|
+
colorBrandForegroundLink: hcHyperlink,
|
|
28
|
+
colorBrandForegroundLinkHover: hcHyperlink,
|
|
29
|
+
colorBrandForegroundLinkPressed: hcHyperlink,
|
|
30
|
+
colorBrandForegroundLinkSelected: hcHyperlink,
|
|
31
|
+
colorNeutralForeground2Link: hcHyperlink,
|
|
32
|
+
colorNeutralForeground2LinkHover: hcHyperlink,
|
|
33
|
+
colorNeutralForeground2LinkPressed: hcHyperlink,
|
|
34
|
+
colorNeutralForeground2LinkSelected: hcHyperlink,
|
|
35
|
+
colorCompoundBrandForeground1: hcHighlight,
|
|
36
|
+
colorCompoundBrandForeground1Hover: hcHighlight,
|
|
37
|
+
colorCompoundBrandForeground1Pressed: hcHighlight,
|
|
38
|
+
colorBrandForeground1: hcCanvasText,
|
|
39
|
+
colorBrandForeground2: hcButtonText,
|
|
40
|
+
colorNeutralForeground1Static: hcCanvas,
|
|
41
|
+
colorNeutralForegroundStaticInverted: hcCanvasText,
|
|
42
|
+
colorNeutralForegroundInverted: hcHighlightText,
|
|
43
|
+
colorNeutralForegroundInvertedHover: hcHighlightText,
|
|
44
|
+
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
|
45
|
+
colorNeutralForegroundInvertedSelected: hcHighlightText,
|
|
46
|
+
colorNeutralForegroundInverted2: hcCanvasText,
|
|
47
|
+
colorNeutralForegroundOnBrand: hcButtonText,
|
|
48
|
+
colorNeutralForegroundInvertedLink: hcHyperlink,
|
|
49
|
+
colorNeutralForegroundInvertedLinkHover: hcHyperlink,
|
|
50
|
+
colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
|
|
51
|
+
colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
|
|
52
|
+
colorBrandForegroundInverted: hcCanvasText,
|
|
53
|
+
colorBrandForegroundInvertedHover: hcHighlightText,
|
|
54
|
+
colorBrandForegroundInvertedPressed: hcHighlightText,
|
|
55
|
+
colorBrandForegroundOnLight: hcButtonText,
|
|
56
|
+
colorBrandForegroundOnLightHover: hcHighlightText,
|
|
57
|
+
colorBrandForegroundOnLightPressed: hcHighlightText,
|
|
58
|
+
colorBrandForegroundOnLightSelected: hcHighlightText,
|
|
59
|
+
colorNeutralBackground1: hcCanvas,
|
|
60
|
+
colorNeutralBackground1Hover: hcHighlight,
|
|
61
|
+
colorNeutralBackground1Pressed: hcHighlight,
|
|
62
|
+
colorNeutralBackground1Selected: hcHighlight,
|
|
63
|
+
colorNeutralBackground2: hcCanvas,
|
|
64
|
+
colorNeutralBackground2Hover: hcHighlight,
|
|
65
|
+
colorNeutralBackground2Pressed: hcHighlight,
|
|
66
|
+
colorNeutralBackground2Selected: hcHighlight,
|
|
67
|
+
colorNeutralBackground3: hcCanvas,
|
|
68
|
+
colorNeutralBackground3Hover: hcHighlight,
|
|
69
|
+
colorNeutralBackground3Pressed: hcHighlight,
|
|
70
|
+
colorNeutralBackground3Selected: hcHighlight,
|
|
71
|
+
colorNeutralBackground4: hcCanvas,
|
|
72
|
+
colorNeutralBackground4Hover: hcHighlight,
|
|
73
|
+
colorNeutralBackground4Pressed: hcHighlight,
|
|
74
|
+
colorNeutralBackground4Selected: hcHighlight,
|
|
75
|
+
colorNeutralBackground5: hcCanvas,
|
|
76
|
+
colorNeutralBackground5Hover: hcHighlight,
|
|
77
|
+
colorNeutralBackground5Pressed: hcHighlight,
|
|
78
|
+
colorNeutralBackground5Selected: hcHighlight,
|
|
79
|
+
colorNeutralBackground6: hcCanvas,
|
|
80
|
+
colorNeutralBackgroundInverted: hcCanvas,
|
|
81
|
+
colorNeutralBackgroundStatic: hcCanvas,
|
|
82
|
+
colorSubtleBackground: 'transparent',
|
|
83
|
+
colorSubtleBackgroundHover: hcHighlight,
|
|
84
|
+
colorSubtleBackgroundPressed: hcHighlight,
|
|
85
|
+
colorSubtleBackgroundSelected: hcHighlight,
|
|
86
|
+
colorSubtleBackgroundLightAlphaHover: hcHighlight,
|
|
87
|
+
colorSubtleBackgroundLightAlphaPressed: hcHighlight,
|
|
88
|
+
colorSubtleBackgroundLightAlphaSelected: hcHighlight,
|
|
89
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
90
|
+
colorSubtleBackgroundInvertedHover: hcHighlight,
|
|
91
|
+
colorSubtleBackgroundInvertedPressed: hcHighlight,
|
|
92
|
+
colorSubtleBackgroundInvertedSelected: hcHighlight,
|
|
93
|
+
colorTransparentBackground: 'transparent',
|
|
94
|
+
colorTransparentBackgroundHover: hcHighlight,
|
|
95
|
+
colorTransparentBackgroundPressed: hcHighlight,
|
|
96
|
+
colorTransparentBackgroundSelected: hcHighlight,
|
|
97
|
+
colorNeutralBackgroundDisabled: hcCanvas,
|
|
98
|
+
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
|
99
|
+
colorNeutralStencil1: hcCanvasText,
|
|
100
|
+
colorNeutralStencil2: hcCanvasText,
|
|
101
|
+
colorNeutralStencil1Alpha: hcCanvasText,
|
|
102
|
+
colorNeutralStencil2Alpha: hcCanvasText,
|
|
103
|
+
colorBackgroundOverlay: blackAlpha[50],
|
|
104
|
+
colorScrollbarOverlay: hcButtonFace,
|
|
105
|
+
colorBrandBackground: hcButtonFace,
|
|
106
|
+
colorBrandBackgroundHover: hcHighlight,
|
|
107
|
+
colorBrandBackgroundPressed: hcHighlight,
|
|
108
|
+
colorBrandBackgroundSelected: hcHighlight,
|
|
109
|
+
colorCompoundBrandBackground: hcHighlight,
|
|
110
|
+
colorCompoundBrandBackgroundHover: hcHighlight,
|
|
111
|
+
colorCompoundBrandBackgroundPressed: hcHighlight,
|
|
112
|
+
colorBrandBackgroundStatic: hcCanvas,
|
|
113
|
+
colorBrandBackground2: hcButtonFace,
|
|
114
|
+
colorBrandBackgroundInverted: hcButtonFace,
|
|
115
|
+
colorBrandBackgroundInvertedHover: hcHighlight,
|
|
116
|
+
colorBrandBackgroundInvertedPressed: hcHighlight,
|
|
117
|
+
colorBrandBackgroundInvertedSelected: hcHighlight,
|
|
118
|
+
colorNeutralStrokeAccessible: hcCanvasText,
|
|
119
|
+
colorNeutralStrokeAccessibleHover: hcHighlight,
|
|
120
|
+
colorNeutralStrokeAccessiblePressed: hcHighlight,
|
|
121
|
+
colorNeutralStrokeAccessibleSelected: hcHighlight,
|
|
122
|
+
colorNeutralStroke1: hcCanvasText,
|
|
123
|
+
colorNeutralStroke1Hover: hcHighlight,
|
|
124
|
+
colorNeutralStroke1Pressed: hcHighlight,
|
|
125
|
+
colorNeutralStroke1Selected: hcHighlight,
|
|
126
|
+
colorNeutralStroke2: hcCanvasText,
|
|
127
|
+
colorNeutralStroke3: hcCanvasText,
|
|
128
|
+
colorNeutralStrokeOnBrand: hcCanvas,
|
|
129
|
+
colorNeutralStrokeOnBrand2: hcCanvasText,
|
|
130
|
+
colorNeutralStrokeOnBrand2Hover: hcCanvasText,
|
|
131
|
+
colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
|
|
132
|
+
colorNeutralStrokeOnBrand2Selected: hcCanvasText,
|
|
133
|
+
colorBrandStroke1: hcCanvasText,
|
|
134
|
+
colorBrandStroke2: hcCanvasText,
|
|
135
|
+
colorCompoundBrandStroke: hcHighlight,
|
|
136
|
+
colorCompoundBrandStrokeHover: hcHighlight,
|
|
137
|
+
colorCompoundBrandStrokePressed: hcHighlight,
|
|
138
|
+
colorNeutralStrokeDisabled: hcDisabled,
|
|
139
|
+
colorNeutralStrokeInvertedDisabled: hcDisabled,
|
|
140
|
+
colorTransparentStroke: hcCanvasText,
|
|
141
|
+
colorTransparentStrokeInteractive: hcHighlight,
|
|
142
|
+
colorTransparentStrokeDisabled: hcDisabled,
|
|
143
|
+
colorStrokeFocus1: hcCanvas,
|
|
144
|
+
colorStrokeFocus2: hcHighlight,
|
|
145
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
146
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
147
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
148
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
149
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
150
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
151
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
152
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
|
153
|
+
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=highContrastColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\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 colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: 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 colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\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: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\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 colorNeutralBackgroundStatic: 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 colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: 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: hcCanvasText, // CanvasText Global.Color.hcCanvasText\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,34 @@
|
|
|
1
|
+
import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
|
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
+
const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
|
|
4
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
5
|
+
const sharedColorTokens = {
|
|
6
|
+
[`colorPalette${color}Background1`]: hcCanvas,
|
|
7
|
+
[`colorPalette${color}Background2`]: hcCanvas,
|
|
8
|
+
[`colorPalette${color}Background3`]: hcCanvasText,
|
|
9
|
+
[`colorPalette${color}Foreground1`]: hcCanvasText,
|
|
10
|
+
[`colorPalette${color}Foreground2`]: hcCanvasText,
|
|
11
|
+
[`colorPalette${color}Foreground3`]: hcCanvasText,
|
|
12
|
+
[`colorPalette${color}BorderActive`]: hcHighlight,
|
|
13
|
+
[`colorPalette${color}Border1`]: hcCanvasText,
|
|
14
|
+
[`colorPalette${color}Border2`]: hcCanvasText
|
|
15
|
+
};
|
|
16
|
+
return Object.assign(acc, sharedColorTokens);
|
|
17
|
+
}, {}); // one-off patches
|
|
18
|
+
|
|
19
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;
|
|
20
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;
|
|
21
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;
|
|
22
|
+
const personaColorPaletteTokens = /*#__PURE__*/personaSharedColorNames.reduce((acc, sharedColor) => {
|
|
23
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
24
|
+
const sharedColorTokens = {
|
|
25
|
+
[`colorPalette${color}Background2`]: hcCanvas,
|
|
26
|
+
[`colorPalette${color}Foreground2`]: hcCanvasText,
|
|
27
|
+
[`colorPalette${color}BorderActive`]: hcHighlight
|
|
28
|
+
};
|
|
29
|
+
return Object.assign(acc, sharedColorTokens);
|
|
30
|
+
}, {});
|
|
31
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
|
32
|
+
...personaColorPaletteTokens
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=highContrastColorPalette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,WAAT,EAAsB,QAAtB,EAAgC,YAAhC,QAAoD,kBAApD;AACA,SAAS,sBAAT,EAAiC,uBAAjC,QAAgE,qBAAhE;AAGA,MAAM,wBAAwB,gBAAG,sBAAsB,CAAC,MAAvB,CAA8B,CAAC,GAAD,EAAM,WAAN,KAAqB;EAClF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,QADb;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,QAFb;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YAHb;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YAJb;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YALb;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YANb;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,WAPd;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,YART;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC;EATT,CAA1B;EAYA,OAAO,MAAM,CAAC,MAAP,CAAc,GAAd,EAAmB,iBAAnB,CAAP;AACD,CAfgC,EAe9B,EAf8B,CAAjC,C,CAiBA;;AACA,wBAAwB,CAAC,iCAAzB,GAA6D,YAA7D;AACA,wBAAwB,CAAC,mCAAzB,GAA+D,YAA/D;AACA,wBAAwB,CAAC,oCAAzB,GAAgE,YAAhE;AAEA,MAAM,yBAAyB,gBAAG,uBAAuB,CAAC,MAAxB,CAA+B,CAAC,GAAD,EAAM,WAAN,KAAqB;EACpF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,QADb;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,YAFb;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC;EAHd,CAA1B;EAMA,OAAO,MAAM,CAAC,MAAP,CAAc,GAAd,EAAmB,iBAAnB,CAAP;AACD,CATiC,EAS/B,EAT+B,CAAlC;AAWA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* !!! DO NOT EDIT !!! */
|
|
2
|
+
|
|
3
|
+
/* This file has been generated by the token pipeline */
|
|
4
|
+
import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
|
5
|
+
export const generateColorTokens = brand => ({
|
|
6
|
+
colorNeutralForeground1: grey[14],
|
|
7
|
+
colorNeutralForeground1Hover: grey[14],
|
|
8
|
+
colorNeutralForeground1Pressed: grey[14],
|
|
9
|
+
colorNeutralForeground1Selected: grey[14],
|
|
10
|
+
colorNeutralForeground2: grey[26],
|
|
11
|
+
colorNeutralForeground2Hover: grey[14],
|
|
12
|
+
colorNeutralForeground2Pressed: grey[14],
|
|
13
|
+
colorNeutralForeground2Selected: grey[14],
|
|
14
|
+
colorNeutralForeground2BrandHover: brand[80],
|
|
15
|
+
colorNeutralForeground2BrandPressed: brand[70],
|
|
16
|
+
colorNeutralForeground2BrandSelected: brand[80],
|
|
17
|
+
colorNeutralForeground3: grey[38],
|
|
18
|
+
colorNeutralForeground3Hover: grey[26],
|
|
19
|
+
colorNeutralForeground3Pressed: grey[26],
|
|
20
|
+
colorNeutralForeground3Selected: grey[26],
|
|
21
|
+
colorNeutralForeground3BrandHover: brand[80],
|
|
22
|
+
colorNeutralForeground3BrandPressed: brand[70],
|
|
23
|
+
colorNeutralForeground3BrandSelected: brand[80],
|
|
24
|
+
colorNeutralForeground4: grey[44],
|
|
25
|
+
colorNeutralForegroundDisabled: grey[74],
|
|
26
|
+
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
|
27
|
+
colorBrandForegroundLink: brand[70],
|
|
28
|
+
colorBrandForegroundLinkHover: brand[60],
|
|
29
|
+
colorBrandForegroundLinkPressed: brand[40],
|
|
30
|
+
colorBrandForegroundLinkSelected: brand[70],
|
|
31
|
+
colorNeutralForeground2Link: grey[26],
|
|
32
|
+
colorNeutralForeground2LinkHover: grey[14],
|
|
33
|
+
colorNeutralForeground2LinkPressed: grey[14],
|
|
34
|
+
colorNeutralForeground2LinkSelected: grey[14],
|
|
35
|
+
colorCompoundBrandForeground1: brand[80],
|
|
36
|
+
colorCompoundBrandForeground1Hover: brand[70],
|
|
37
|
+
colorCompoundBrandForeground1Pressed: brand[60],
|
|
38
|
+
colorBrandForeground1: brand[80],
|
|
39
|
+
colorBrandForeground2: brand[70],
|
|
40
|
+
colorNeutralForeground1Static: grey[14],
|
|
41
|
+
colorNeutralForegroundStaticInverted: white,
|
|
42
|
+
colorNeutralForegroundInverted: white,
|
|
43
|
+
colorNeutralForegroundInvertedHover: white,
|
|
44
|
+
colorNeutralForegroundInvertedPressed: white,
|
|
45
|
+
colorNeutralForegroundInvertedSelected: white,
|
|
46
|
+
colorNeutralForegroundInverted2: white,
|
|
47
|
+
colorNeutralForegroundOnBrand: white,
|
|
48
|
+
colorNeutralForegroundInvertedLink: white,
|
|
49
|
+
colorNeutralForegroundInvertedLinkHover: white,
|
|
50
|
+
colorNeutralForegroundInvertedLinkPressed: white,
|
|
51
|
+
colorNeutralForegroundInvertedLinkSelected: white,
|
|
52
|
+
colorBrandForegroundInverted: brand[100],
|
|
53
|
+
colorBrandForegroundInvertedHover: brand[110],
|
|
54
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
|
55
|
+
colorBrandForegroundOnLight: brand[80],
|
|
56
|
+
colorBrandForegroundOnLightHover: brand[70],
|
|
57
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
|
58
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
|
59
|
+
colorNeutralBackground1: white,
|
|
60
|
+
colorNeutralBackground1Hover: grey[96],
|
|
61
|
+
colorNeutralBackground1Pressed: grey[88],
|
|
62
|
+
colorNeutralBackground1Selected: grey[92],
|
|
63
|
+
colorNeutralBackground2: grey[98],
|
|
64
|
+
colorNeutralBackground2Hover: grey[94],
|
|
65
|
+
colorNeutralBackground2Pressed: grey[86],
|
|
66
|
+
colorNeutralBackground2Selected: grey[90],
|
|
67
|
+
colorNeutralBackground3: grey[96],
|
|
68
|
+
colorNeutralBackground3Hover: grey[92],
|
|
69
|
+
colorNeutralBackground3Pressed: grey[84],
|
|
70
|
+
colorNeutralBackground3Selected: grey[88],
|
|
71
|
+
colorNeutralBackground4: grey[94],
|
|
72
|
+
colorNeutralBackground4Hover: grey[98],
|
|
73
|
+
colorNeutralBackground4Pressed: grey[96],
|
|
74
|
+
colorNeutralBackground4Selected: white,
|
|
75
|
+
colorNeutralBackground5: grey[92],
|
|
76
|
+
colorNeutralBackground5Hover: grey[96],
|
|
77
|
+
colorNeutralBackground5Pressed: grey[94],
|
|
78
|
+
colorNeutralBackground5Selected: grey[98],
|
|
79
|
+
colorNeutralBackground6: grey[90],
|
|
80
|
+
colorNeutralBackgroundInverted: grey[16],
|
|
81
|
+
colorNeutralBackgroundStatic: grey[20],
|
|
82
|
+
colorSubtleBackground: 'transparent',
|
|
83
|
+
colorSubtleBackgroundHover: grey[96],
|
|
84
|
+
colorSubtleBackgroundPressed: grey[88],
|
|
85
|
+
colorSubtleBackgroundSelected: grey[92],
|
|
86
|
+
colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
|
|
87
|
+
colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
|
|
88
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
|
89
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
90
|
+
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
|
91
|
+
colorSubtleBackgroundInvertedPressed: blackAlpha[30],
|
|
92
|
+
colorSubtleBackgroundInvertedSelected: blackAlpha[20],
|
|
93
|
+
colorTransparentBackground: 'transparent',
|
|
94
|
+
colorTransparentBackgroundHover: 'transparent',
|
|
95
|
+
colorTransparentBackgroundPressed: 'transparent',
|
|
96
|
+
colorTransparentBackgroundSelected: 'transparent',
|
|
97
|
+
colorNeutralBackgroundDisabled: grey[94],
|
|
98
|
+
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
|
99
|
+
colorNeutralStencil1: grey[90],
|
|
100
|
+
colorNeutralStencil2: grey[98],
|
|
101
|
+
colorNeutralStencil1Alpha: blackAlpha[10],
|
|
102
|
+
colorNeutralStencil2Alpha: blackAlpha[5],
|
|
103
|
+
colorBackgroundOverlay: blackAlpha[40],
|
|
104
|
+
colorScrollbarOverlay: blackAlpha[50],
|
|
105
|
+
colorBrandBackground: brand[80],
|
|
106
|
+
colorBrandBackgroundHover: brand[70],
|
|
107
|
+
colorBrandBackgroundPressed: brand[40],
|
|
108
|
+
colorBrandBackgroundSelected: brand[60],
|
|
109
|
+
colorCompoundBrandBackground: brand[80],
|
|
110
|
+
colorCompoundBrandBackgroundHover: brand[70],
|
|
111
|
+
colorCompoundBrandBackgroundPressed: brand[60],
|
|
112
|
+
colorBrandBackgroundStatic: brand[80],
|
|
113
|
+
colorBrandBackground2: brand[160],
|
|
114
|
+
colorBrandBackgroundInverted: white,
|
|
115
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
|
116
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
|
117
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
|
118
|
+
colorNeutralStrokeAccessible: grey[38],
|
|
119
|
+
colorNeutralStrokeAccessibleHover: grey[34],
|
|
120
|
+
colorNeutralStrokeAccessiblePressed: grey[30],
|
|
121
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
|
122
|
+
colorNeutralStroke1: grey[82],
|
|
123
|
+
colorNeutralStroke1Hover: grey[78],
|
|
124
|
+
colorNeutralStroke1Pressed: grey[70],
|
|
125
|
+
colorNeutralStroke1Selected: grey[74],
|
|
126
|
+
colorNeutralStroke2: grey[88],
|
|
127
|
+
colorNeutralStroke3: grey[94],
|
|
128
|
+
colorNeutralStrokeOnBrand: white,
|
|
129
|
+
colorNeutralStrokeOnBrand2: white,
|
|
130
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
|
131
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
|
132
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
|
133
|
+
colorBrandStroke1: brand[80],
|
|
134
|
+
colorBrandStroke2: brand[140],
|
|
135
|
+
colorCompoundBrandStroke: brand[80],
|
|
136
|
+
colorCompoundBrandStrokeHover: brand[70],
|
|
137
|
+
colorCompoundBrandStrokePressed: brand[60],
|
|
138
|
+
colorNeutralStrokeDisabled: grey[88],
|
|
139
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
|
140
|
+
colorTransparentStroke: 'transparent',
|
|
141
|
+
colorTransparentStrokeInteractive: 'transparent',
|
|
142
|
+
colorTransparentStrokeDisabled: 'transparent',
|
|
143
|
+
colorStrokeFocus1: white,
|
|
144
|
+
colorStrokeFocus2: black,
|
|
145
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
|
146
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
|
147
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
|
148
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
|
149
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
|
150
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
|
151
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
152
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
|
153
|
+
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=lightColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/lightColor.ts"],"names":[],"mappings":"AAAA;;AACA;AAEA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,IAA5B,EAAkC,KAAlC,EAAyC,UAAzC,QAA2D,kBAA3D;AAGA,OAAO,MAAM,mBAAmB,GAAI,KAAD,KAAwC;EACzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAD4C;EAEzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAFuC;EAGzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAHqC;EAIzE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAJoC;EAKzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAL4C;EAMzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CANuC;EAOzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAPqC;EAQzE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CARoC;EASzE,iCAAiC,EAAE,KAAK,CAAC,EAAD,CATiC;EAUzE,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAV+B;EAWzE,oCAAoC,EAAE,KAAK,CAAC,EAAD,CAX8B;EAYzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAZ4C;EAazE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAbuC;EAczE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAdqC;EAezE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAfoC;EAgBzE,iCAAiC,EAAE,KAAK,CAAC,EAAD,CAhBiC;EAiBzE,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAjB+B;EAkBzE,oCAAoC,EAAE,KAAK,CAAC,EAAD,CAlB8B;EAmBzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAnB4C;EAoBzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CApBqC;EAqBzE,sCAAsC,EAAE,UAAU,CAAC,EAAD,CArBuB;EAsBzE,wBAAwB,EAAE,KAAK,CAAC,EAAD,CAtB0C;EAuBzE,6BAA6B,EAAE,KAAK,CAAC,EAAD,CAvBqC;EAwBzE,+BAA+B,EAAE,KAAK,CAAC,EAAD,CAxBmC;EAyBzE,gCAAgC,EAAE,KAAK,CAAC,EAAD,CAzBkC;EA0BzE,2BAA2B,EAAE,IAAI,CAAC,EAAD,CA1BwC;EA2BzE,gCAAgC,EAAE,IAAI,CAAC,EAAD,CA3BmC;EA4BzE,kCAAkC,EAAE,IAAI,CAAC,EAAD,CA5BiC;EA6BzE,mCAAmC,EAAE,IAAI,CAAC,EAAD,CA7BgC;EA8BzE,6BAA6B,EAAE,KAAK,CAAC,EAAD,CA9BqC;EA+BzE,kCAAkC,EAAE,KAAK,CAAC,EAAD,CA/BgC;EAgCzE,oCAAoC,EAAE,KAAK,CAAC,EAAD,CAhC8B;EAiCzE,qBAAqB,EAAE,KAAK,CAAC,EAAD,CAjC6C;EAkCzE,qBAAqB,EAAE,KAAK,CAAC,EAAD,CAlC6C;EAmCzE,6BAA6B,EAAE,IAAI,CAAC,EAAD,CAnCsC;EAoCzE,oCAAoC,EAAE,KApCmC;EAqCzE,8BAA8B,EAAE,KArCyC;EAsCzE,mCAAmC,EAAE,KAtCoC;EAuCzE,qCAAqC,EAAE,KAvCkC;EAwCzE,sCAAsC,EAAE,KAxCiC;EAyCzE,+BAA+B,EAAE,KAzCwC;EA0CzE,6BAA6B,EAAE,KA1C0C;EA2CzE,kCAAkC,EAAE,KA3CqC;EA4CzE,uCAAuC,EAAE,KA5CgC;EA6CzE,yCAAyC,EAAE,KA7C8B;EA8CzE,0CAA0C,EAAE,KA9C6B;EA+CzE,4BAA4B,EAAE,KAAK,CAAC,GAAD,CA/CsC;EAgDzE,iCAAiC,EAAE,KAAK,CAAC,GAAD,CAhDiC;EAiDzE,mCAAmC,EAAE,KAAK,CAAC,GAAD,CAjD+B;EAkDzE,2BAA2B,EAAE,KAAK,CAAC,EAAD,CAlDuC;EAmDzE,gCAAgC,EAAE,KAAK,CAAC,EAAD,CAnDkC;EAoDzE,kCAAkC,EAAE,KAAK,CAAC,EAAD,CApDgC;EAqDzE,mCAAmC,EAAE,KAAK,CAAC,EAAD,CArD+B;EAsDzE,uBAAuB,EAAE,KAtDgD;EAuDzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAvDuC;EAwDzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAxDqC;EAyDzE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAzDoC;EA0DzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CA1D4C;EA2DzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA3DuC;EA4DzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CA5DqC;EA6DzE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CA7DoC;EA8DzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CA9D4C;EA+DzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA/DuC;EAgEzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAhEqC;EAiEzE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAjEoC;EAkEzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAlE4C;EAmEzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAnEuC;EAoEzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CApEqC;EAqEzE,+BAA+B,EAAE,KArEwC;EAsEzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAtE4C;EAuEzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAvEuC;EAwEzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAxEqC;EAyEzE,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAzEoC;EA0EzE,uBAAuB,EAAE,IAAI,CAAC,EAAD,CA1E4C;EA2EzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CA3EqC;EA4EzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA5EuC;EA6EzE,qBAAqB,EAAE,aA7EkD;EA8EzE,0BAA0B,EAAE,IAAI,CAAC,EAAD,CA9EyC;EA+EzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA/EuC;EAgFzE,6BAA6B,EAAE,IAAI,CAAC,EAAD,CAhFsC;EAiFzE,oCAAoC,EAAE,UAAU,CAAC,EAAD,CAjFyB;EAkFzE,sCAAsC,EAAE,UAAU,CAAC,EAAD,CAlFuB;EAmFzE,uCAAuC,EAAE,aAnFgC;EAoFzE,6BAA6B,EAAE,aApF0C;EAqFzE,kCAAkC,EAAE,UAAU,CAAC,EAAD,CArF2B;EAsFzE,oCAAoC,EAAE,UAAU,CAAC,EAAD,CAtFyB;EAuFzE,qCAAqC,EAAE,UAAU,CAAC,EAAD,CAvFwB;EAwFzE,0BAA0B,EAAE,aAxF6C;EAyFzE,+BAA+B,EAAE,aAzFwC;EA0FzE,iCAAiC,EAAE,aA1FsC;EA2FzE,kCAAkC,EAAE,aA3FqC;EA4FzE,8BAA8B,EAAE,IAAI,CAAC,EAAD,CA5FqC;EA6FzE,sCAAsC,EAAE,UAAU,CAAC,EAAD,CA7FuB;EA8FzE,oBAAoB,EAAE,IAAI,CAAC,EAAD,CA9F+C;EA+FzE,oBAAoB,EAAE,IAAI,CAAC,EAAD,CA/F+C;EAgGzE,yBAAyB,EAAE,UAAU,CAAC,EAAD,CAhGoC;EAiGzE,yBAAyB,EAAE,UAAU,CAAC,CAAD,CAjGoC;EAkGzE,sBAAsB,EAAE,UAAU,CAAC,EAAD,CAlGuC;EAmGzE,qBAAqB,EAAE,UAAU,CAAC,EAAD,CAnGwC;EAoGzE,oBAAoB,EAAE,KAAK,CAAC,EAAD,CApG8C;EAqGzE,yBAAyB,EAAE,KAAK,CAAC,EAAD,CArGyC;EAsGzE,2BAA2B,EAAE,KAAK,CAAC,EAAD,CAtGuC;EAuGzE,4BAA4B,EAAE,KAAK,CAAC,EAAD,CAvGsC;EAwGzE,4BAA4B,EAAE,KAAK,CAAC,EAAD,CAxGsC;EAyGzE,iCAAiC,EAAE,KAAK,CAAC,EAAD,CAzGiC;EA0GzE,mCAAmC,EAAE,KAAK,CAAC,EAAD,CA1G+B;EA2GzE,0BAA0B,EAAE,KAAK,CAAC,EAAD,CA3GwC;EA4GzE,qBAAqB,EAAE,KAAK,CAAC,GAAD,CA5G6C;EA6GzE,4BAA4B,EAAE,KA7G2C;EA8GzE,iCAAiC,EAAE,KAAK,CAAC,GAAD,CA9GiC;EA+GzE,mCAAmC,EAAE,KAAK,CAAC,GAAD,CA/G+B;EAgHzE,oCAAoC,EAAE,KAAK,CAAC,GAAD,CAhH8B;EAiHzE,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAjHuC;EAkHzE,iCAAiC,EAAE,IAAI,CAAC,EAAD,CAlHkC;EAmHzE,mCAAmC,EAAE,IAAI,CAAC,EAAD,CAnHgC;EAoHzE,oCAAoC,EAAE,KAAK,CAAC,EAAD,CApH8B;EAqHzE,mBAAmB,EAAE,IAAI,CAAC,EAAD,CArHgD;EAsHzE,wBAAwB,EAAE,IAAI,CAAC,EAAD,CAtH2C;EAuHzE,0BAA0B,EAAE,IAAI,CAAC,EAAD,CAvHyC;EAwHzE,2BAA2B,EAAE,IAAI,CAAC,EAAD,CAxHwC;EAyHzE,mBAAmB,EAAE,IAAI,CAAC,EAAD,CAzHgD;EA0HzE,mBAAmB,EAAE,IAAI,CAAC,EAAD,CA1HgD;EA2HzE,yBAAyB,EAAE,KA3H8C;EA4HzE,0BAA0B,EAAE,KA5H6C;EA6HzE,+BAA+B,EAAE,KA7HwC;EA8HzE,iCAAiC,EAAE,KA9HsC;EA+HzE,kCAAkC,EAAE,KA/HqC;EAgIzE,iBAAiB,EAAE,KAAK,CAAC,EAAD,CAhIiD;EAiIzE,iBAAiB,EAAE,KAAK,CAAC,GAAD,CAjIiD;EAkIzE,wBAAwB,EAAE,KAAK,CAAC,EAAD,CAlI0C;EAmIzE,6BAA6B,EAAE,KAAK,CAAC,EAAD,CAnIqC;EAoIzE,+BAA+B,EAAE,KAAK,CAAC,EAAD,CApImC;EAqIzE,0BAA0B,EAAE,IAAI,CAAC,EAAD,CArIyC;EAsIzE,kCAAkC,EAAE,UAAU,CAAC,EAAD,CAtI2B;EAuIzE,sBAAsB,EAAE,aAvIiD;EAwIzE,iCAAiC,EAAE,aAxIsC;EAyIzE,8BAA8B,EAAE,aAzIyC;EA0IzE,iBAAiB,EAAE,KA1IsD;EA2IzE,iBAAiB,EAAE,KA3IsD;EA4IzE,yBAAyB,EAAE,kBA5I8C;EA6IzE,qBAAqB,EAAE,kBA7IkD;EA8IzE,gCAAgC,EAAE,kBA9IuC;EA+IzE,4BAA4B,EAAE,kBA/I2C;EAgJzE,+BAA+B,EAAE,kBAhJwC;EAiJzE,2BAA2B,EAAE,kBAjJ4C;EAkJzE,uBAAuB,EAAE,kBAlJgD;EAmJzE,mBAAmB,EAAE,kBAnJoD,CAmJhC;;AAnJgC,CAAxC,CAA5B","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { 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 colorNeutralForeground2Link: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2LinkHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkSelected: grey[14], // #242424 Global.Color.Grey.14\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 colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\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 colorNeutralForegroundInverted2: 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[16], // #292929 Global.Color.Grey.16\n colorNeutralBackgroundStatic: grey[20], // #333333 Global.Color.Grey.20\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 colorNeutralStencil1Alpha: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorNeutralStencil2Alpha: blackAlpha[5], // rgba(0, 0, 0, 0.05) Global.Color.BlackAlpha.5\n colorBackgroundOverlay: blackAlpha[40], // rgba(0, 0, 0, 0.4) Global.Color.BlackAlpha.40\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,35 @@
|
|
|
1
|
+
import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
|
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
+
const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
|
|
4
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
5
|
+
const sharedColorTokens = {
|
|
6
|
+
[`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,
|
|
7
|
+
[`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,
|
|
8
|
+
[`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
|
|
9
|
+
[`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,
|
|
10
|
+
[`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,
|
|
11
|
+
[`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,
|
|
12
|
+
[`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,
|
|
13
|
+
[`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,
|
|
14
|
+
[`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary
|
|
15
|
+
};
|
|
16
|
+
return Object.assign(acc, sharedColorTokens);
|
|
17
|
+
}, {}); // one-off patch for yellow
|
|
18
|
+
|
|
19
|
+
statusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;
|
|
20
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;
|
|
21
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;
|
|
22
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;
|
|
23
|
+
const personaColorPaletteTokens = /*#__PURE__*/personaSharedColorNames.reduce((acc, sharedColor) => {
|
|
24
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
25
|
+
const sharedColorTokens = {
|
|
26
|
+
[`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,
|
|
27
|
+
[`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,
|
|
28
|
+
[`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary
|
|
29
|
+
};
|
|
30
|
+
return Object.assign(acc, sharedColorTokens);
|
|
31
|
+
}, {});
|
|
32
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
|
33
|
+
...personaColorPaletteTokens
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=lightColorPalette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/lightColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,wBAAxD;AACA,SAAS,sBAAT,EAAiC,uBAAjC,QAAgE,qBAAhE;AAGA,MAAM,wBAAwB,gBAAG,sBAAsB,CAAC,MAAvB,CAA8B,CAAC,GAAD,EAAM,WAAN,KAAqB;EAClF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAD7C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAF7C;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAH7C;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAJ7C;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAL7C;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAN7C;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAP9C;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MARzC;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC;EATzC,CAA1B;EAYA,OAAO,MAAM,CAAC,MAAP,CAAc,GAAd,EAAmB,iBAAnB,CAAP;AACD,CAfgC,EAe9B,EAf8B,CAAjC,C,CAiBA;;AACA,wBAAwB,CAAC,6BAAzB,GAAyD,kBAAkB,CAAC,MAAnB,CAA0B,OAAnF;AAEA,wBAAwB,CAAC,iCAAzB,GAA6D,kBAAkB,CAAC,GAAnB,CAAuB,MAApF;AACA,wBAAwB,CAAC,mCAAzB,GAA+D,kBAAkB,CAAC,KAAnB,CAAyB,MAAxF;AACA,wBAAwB,CAAC,oCAAzB,GAAgE,kBAAkB,CAAC,MAAnB,CAA0B,MAA1F;AAEA,MAAM,yBAAyB,gBAAG,uBAAuB,CAAC,MAAxB,CAA+B,CAAC,GAAD,EAAM,WAAN,KAAqB;EACpF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,MAD9C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,OAF9C;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC;EAH/C,CAA1B;EAMA,OAAO,MAAM,CAAC,MAAP,CAAc,GAAd,EAAmB,iBAAnB,CAAP;AACD,CATiC,EAS/B,EAT+B,CAAlC;AAWA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|