@fluentui/tokens 1.0.0-alpha.5 → 1.0.0-alpha.7
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 +88 -1
- package/CHANGELOG.md +22 -2
- package/dist/index.d.ts +18 -1
- package/lib/alias/darkColor.js +162 -154
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +49 -26
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +162 -154
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +42 -25
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +162 -154
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +47 -26
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +162 -154
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js +6 -7
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +48 -49
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js +41 -37
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +689 -690
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +9 -10
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js +7 -8
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +29 -32
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +0 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +33 -34
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js +4 -5
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +103 -105
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +60 -6
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/statusColorMapping.js +5 -0
- package/lib/statusColorMapping.js.map +1 -0
- package/lib/themeToTokensObject.js +7 -8
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +0 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -2
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -2
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +0 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -2
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -2
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -2
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +477 -436
- package/lib/tokens.js.map +1 -1
- package/lib/types.js +1 -2
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +20 -20
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +20 -20
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +20 -20
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +20 -20
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +0 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +8 -9
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +11 -4
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +36 -8
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +12 -5
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +30 -8
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +10 -3
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +34 -8
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +11 -4
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +1 -3
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +1 -3
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +8 -4
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +1 -3
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +1 -3
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +1 -3
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +3 -7
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +0 -3
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +1 -3
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +1 -3
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +1 -3
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +0 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +7 -3
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/statusColorMapping.js +13 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +2 -4
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +0 -3
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +1 -3
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +0 -3
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +1 -3
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +1 -3
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +1 -3
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +43 -3
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +0 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +2 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +2 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +2 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +0 -3
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +1 -3
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/alias/darkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, 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 colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\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 colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\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"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["darkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, 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 colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\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 colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\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[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\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 colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\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 colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorBrandStroke2Contrast: 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 colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStrokeAlpha2: whiteAlpha[20], // rgba(255, 255, 255, 0.2) Global.Color.WhiteAlpha.20\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"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
/* color palette used in both darkTheme and teamsDarkTheme */import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
|
|
1
|
+
/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
|
|
2
2
|
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
3
|
+
import { statusColorMapping } from '../statusColorMapping';
|
|
4
|
+
const statusColorPaletteTokens = 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);
|
|
17
18
|
}, {});
|
|
18
19
|
// one-off patches
|
|
19
20
|
statusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;
|
|
@@ -25,20 +26,42 @@ statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.dark
|
|
|
25
26
|
statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;
|
|
26
27
|
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;
|
|
27
28
|
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;
|
|
28
|
-
const personaColorPaletteTokens =
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
const personaColorPaletteTokens = 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);
|
|
36
37
|
}, {});
|
|
37
38
|
// one-off patches
|
|
38
39
|
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;
|
|
39
40
|
personaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;
|
|
40
41
|
export const colorPaletteTokens = {
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
...statusColorPaletteTokens,
|
|
43
|
+
...personaColorPaletteTokens
|
|
43
44
|
};
|
|
44
|
-
|
|
45
|
+
export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
|
|
46
|
+
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
|
|
47
|
+
// TODO: double check the mapping with design - see the one-off patches above
|
|
48
|
+
const statusColorTokens = {
|
|
49
|
+
[`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,
|
|
50
|
+
[`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,
|
|
51
|
+
[`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,
|
|
52
|
+
[`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,
|
|
53
|
+
[`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,
|
|
54
|
+
[`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,
|
|
55
|
+
[`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,
|
|
56
|
+
[`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,
|
|
57
|
+
[`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,
|
|
58
|
+
[`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20
|
|
59
|
+
};
|
|
60
|
+
return Object.assign(acc, statusColorTokens);
|
|
61
|
+
}, {});
|
|
62
|
+
// one-off overrides for colorStatus tokens
|
|
63
|
+
colorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;
|
|
64
|
+
colorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;
|
|
65
|
+
colorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;
|
|
66
|
+
colorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;
|
|
67
|
+
colorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["darkColorPalette.ts"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design - see the one-off patches above\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["statusSharedColors","personaSharedColors","mappedStatusColors","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens","shade10","colorStatusDangerForeground3","danger","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"AAAA,2DAA2D,GAE3D,SAASA,kBAAkB,EAAEC,mBAAmB,EAAEC,kBAAkB,QAAQ,yBAAyB;AACrG,SAASC,sBAAsB,EAAEC,uBAAuB,QAAQ,sBAAsB;AAEtF,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,MAAMC,2BAA2BH,uBAAuBI,MAAM,CAAC,CAACC,KAAKC,cAAgB;IACnF,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACK,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACM,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACO,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAEN,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACQ,MAAM;QAC3E,CAAC,CAAC,YAAY,EAAEP,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACS,MAAM;QAC3E,CAAC,CAAC,YAAY,EAAER,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACU,MAAM;QAC3E,CAAC,CAAC,YAAY,EAAET,MAAM,YAAY,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACQ,MAAM;QAC5E,CAAC,CAAC,YAAY,EAAEP,MAAM,OAAO,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACO,OAAO;QACxE,CAAC,CAAC,YAAY,EAAEN,MAAM,OAAO,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACU,MAAM;IACzE;IAEA,OAAOC,OAAOC,MAAM,CAACb,KAAKK;AAC5B,GAAG,CAAC;AAEJ,kBAAkB;AAClBP,yBAAyBgB,0BAA0B,GAAGtB,mBAAmBuB,GAAG,CAACN,MAAM;AACnFX,yBAAyBkB,sBAAsB,GAAGxB,mBAAmBuB,GAAG,CAACN,MAAM;AAC/EX,yBAAyBmB,4BAA4B,GAAGzB,mBAAmB0B,KAAK,CAACR,MAAM;AACvFZ,yBAAyBqB,wBAAwB,GAAG3B,mBAAmB0B,KAAK,CAACR,MAAM;AACnFZ,yBAAyBsB,iCAAiC,GAAG5B,mBAAmB6B,UAAU,CAACZ,MAAM;AACjGX,yBAAyBwB,6BAA6B,GAAG9B,mBAAmB6B,UAAU,CAACZ,MAAM;AAE7FX,yBAAyByB,iCAAiC,GAAG/B,mBAAmBuB,GAAG,CAACP,OAAO;AAC3FV,yBAAyB0B,mCAAmC,GAAGhC,mBAAmB0B,KAAK,CAACV,OAAO;AAC/FV,yBAAyB2B,oCAAoC,GAAGjC,mBAAmBkC,MAAM,CAACnB,OAAO;AAEjG,MAAMoB,4BAA4B/B,wBAAwBG,MAAM,CAAC,CAACC,KAAKC,cAAgB;IACrF,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAET,mBAAmB,CAACQ,YAAY,CAACM,OAAO;QAC7E,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAET,mBAAmB,CAACQ,YAAY,CAACS,MAAM;QAC5E,CAAC,CAAC,YAAY,EAAER,MAAM,YAAY,CAAC,CAAC,EAAET,mBAAmB,CAACQ,YAAY,CAACQ,MAAM;IAC/E;IAEA,OAAOG,OAAOC,MAAM,CAACb,KAAKK;AAC5B,GAAG,CAAC;AAEJ,kBAAkB;AAClBsB,0BAA0BC,8BAA8B,GAAGnC,oBAAoBoC,OAAO,CAACC,OAAO;AAC9FH,0BAA0BI,2BAA2B,GAAGtC,oBAAoBuC,IAAI,CAACF,OAAO;AAExF,OAAO,MAAMG,qBAAyC;IAAE,GAAGnC,wBAAwB;IAAE,GAAG6B,yBAAyB;AAAC,EAAE;AAEpH,OAAO,MAAMO,oBAAuCtB,OAAOuB,OAAO,CAACtC,oBAAoBE,MAAM,CAC3F,CAACC,KAAK,CAACoC,aAAanC,YAAY,GAAK;IACnC,MAAMC,QAAQkC,YAAYjC,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKgC,YAAYjC,KAAK,CAAC;IAExE,6EAA6E;IAC7E,MAAMkC,oBAAoB;QACxB,CAAC,CAAC,WAAW,EAAEnC,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACK,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACM,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACO,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAEN,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACQ,MAAM;QAC1E,CAAC,CAAC,WAAW,EAAEP,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACS,MAAM;QAC1E,CAAC,CAAC,WAAW,EAAER,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACU,MAAM;QAC1E,CAAC,CAAC,WAAW,EAAET,MAAM,YAAY,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACQ,MAAM;QAC3E,CAAC,CAAC,WAAW,EAAEP,MAAM,kBAAkB,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACqC,OAAO;QAClF,CAAC,CAAC,WAAW,EAAEpC,MAAM,OAAO,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACO,OAAO;QACvE,CAAC,CAAC,WAAW,EAAEN,MAAM,OAAO,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACU,MAAM;IACxE;IAEA,OAAOC,OAAOC,MAAM,CAACb,KAAKqC;AAC5B,GACA,CAAC,GACD;AAEF,2CAA2C;AAC3CH,kBAAkBK,4BAA4B,GAAG7C,kBAAkB,CAACG,mBAAmB2C,MAAM,CAAC,CAAC/B,MAAM;AACrGyB,kBAAkBO,wBAAwB,GAAG/C,kBAAkB,CAACG,mBAAmB2C,MAAM,CAAC,CAAC/B,MAAM;AACjGyB,kBAAkBQ,6BAA6B,GAAGhD,kBAAkB,CAACG,mBAAmB8C,OAAO,CAAC,CAACjC,MAAM;AACvGwB,kBAAkBU,yBAAyB,GAAGlD,kBAAkB,CAACG,mBAAmB8C,OAAO,CAAC,CAACjC,MAAM;AACnGwB,kBAAkBW,oCAAoC,GAAGnD,kBAAkB,CAACG,mBAAmBiD,OAAO,CAAC,CAAChB,OAAO"}
|
|
@@ -1,154 +1,162 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
|
2
|
-
export const generateColorTokens = ()
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
|
2
|
+
export const generateColorTokens = ()=>({
|
|
3
|
+
colorNeutralForeground1: hcCanvasText,
|
|
4
|
+
colorNeutralForeground1Hover: hcHighlightText,
|
|
5
|
+
colorNeutralForeground1Pressed: hcHighlightText,
|
|
6
|
+
colorNeutralForeground1Selected: hcHighlightText,
|
|
7
|
+
colorNeutralForeground2: hcCanvasText,
|
|
8
|
+
colorNeutralForeground2Hover: hcHighlightText,
|
|
9
|
+
colorNeutralForeground2Pressed: hcHighlightText,
|
|
10
|
+
colorNeutralForeground2Selected: hcHighlightText,
|
|
11
|
+
colorNeutralForeground2BrandHover: hcHighlightText,
|
|
12
|
+
colorNeutralForeground2BrandPressed: hcHighlightText,
|
|
13
|
+
colorNeutralForeground2BrandSelected: hcHighlightText,
|
|
14
|
+
colorNeutralForeground3: hcCanvasText,
|
|
15
|
+
colorNeutralForeground3Hover: hcHighlightText,
|
|
16
|
+
colorNeutralForeground3Pressed: hcHighlightText,
|
|
17
|
+
colorNeutralForeground3Selected: hcHighlightText,
|
|
18
|
+
colorNeutralForeground3BrandHover: hcHighlightText,
|
|
19
|
+
colorNeutralForeground3BrandPressed: hcHighlightText,
|
|
20
|
+
colorNeutralForeground3BrandSelected: hcHighlightText,
|
|
21
|
+
colorNeutralForeground4: hcCanvasText,
|
|
22
|
+
colorNeutralForegroundDisabled: hcDisabled,
|
|
23
|
+
colorNeutralForegroundInvertedDisabled: hcDisabled,
|
|
24
|
+
colorBrandForegroundLink: hcHyperlink,
|
|
25
|
+
colorBrandForegroundLinkHover: hcHyperlink,
|
|
26
|
+
colorBrandForegroundLinkPressed: hcHyperlink,
|
|
27
|
+
colorBrandForegroundLinkSelected: hcHyperlink,
|
|
28
|
+
colorNeutralForeground2Link: hcHyperlink,
|
|
29
|
+
colorNeutralForeground2LinkHover: hcHyperlink,
|
|
30
|
+
colorNeutralForeground2LinkPressed: hcHyperlink,
|
|
31
|
+
colorNeutralForeground2LinkSelected: hcHyperlink,
|
|
32
|
+
colorCompoundBrandForeground1: hcHighlight,
|
|
33
|
+
colorCompoundBrandForeground1Hover: hcHighlight,
|
|
34
|
+
colorCompoundBrandForeground1Pressed: hcHighlight,
|
|
35
|
+
colorBrandForeground1: hcCanvasText,
|
|
36
|
+
colorBrandForeground2: hcCanvasText,
|
|
37
|
+
colorBrandForeground2Hover: hcCanvasText,
|
|
38
|
+
colorBrandForeground2Pressed: hcCanvasText,
|
|
39
|
+
colorNeutralForeground1Static: hcCanvas,
|
|
40
|
+
colorNeutralForegroundStaticInverted: hcCanvasText,
|
|
41
|
+
colorNeutralForegroundInverted: hcHighlightText,
|
|
42
|
+
colorNeutralForegroundInvertedHover: hcHighlightText,
|
|
43
|
+
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
|
44
|
+
colorNeutralForegroundInvertedSelected: hcHighlightText,
|
|
45
|
+
colorNeutralForegroundInverted2: hcCanvasText,
|
|
46
|
+
colorNeutralForegroundOnBrand: hcButtonText,
|
|
47
|
+
colorNeutralForegroundInvertedLink: hcHyperlink,
|
|
48
|
+
colorNeutralForegroundInvertedLinkHover: hcHyperlink,
|
|
49
|
+
colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
|
|
50
|
+
colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
|
|
51
|
+
colorBrandForegroundInverted: hcCanvasText,
|
|
52
|
+
colorBrandForegroundInvertedHover: hcHighlightText,
|
|
53
|
+
colorBrandForegroundInvertedPressed: hcHighlightText,
|
|
54
|
+
colorBrandForegroundOnLight: hcButtonText,
|
|
55
|
+
colorBrandForegroundOnLightHover: hcHighlightText,
|
|
56
|
+
colorBrandForegroundOnLightPressed: hcHighlightText,
|
|
57
|
+
colorBrandForegroundOnLightSelected: hcHighlightText,
|
|
58
|
+
colorNeutralBackground1: hcCanvas,
|
|
59
|
+
colorNeutralBackground1Hover: hcHighlight,
|
|
60
|
+
colorNeutralBackground1Pressed: hcHighlight,
|
|
61
|
+
colorNeutralBackground1Selected: hcHighlight,
|
|
62
|
+
colorNeutralBackground2: hcCanvas,
|
|
63
|
+
colorNeutralBackground2Hover: hcHighlight,
|
|
64
|
+
colorNeutralBackground2Pressed: hcHighlight,
|
|
65
|
+
colorNeutralBackground2Selected: hcHighlight,
|
|
66
|
+
colorNeutralBackground3: hcCanvas,
|
|
67
|
+
colorNeutralBackground3Hover: hcHighlight,
|
|
68
|
+
colorNeutralBackground3Pressed: hcHighlight,
|
|
69
|
+
colorNeutralBackground3Selected: hcHighlight,
|
|
70
|
+
colorNeutralBackground4: hcCanvas,
|
|
71
|
+
colorNeutralBackground4Hover: hcHighlight,
|
|
72
|
+
colorNeutralBackground4Pressed: hcHighlight,
|
|
73
|
+
colorNeutralBackground4Selected: hcHighlight,
|
|
74
|
+
colorNeutralBackground5: hcCanvas,
|
|
75
|
+
colorNeutralBackground5Hover: hcHighlight,
|
|
76
|
+
colorNeutralBackground5Pressed: hcHighlight,
|
|
77
|
+
colorNeutralBackground5Selected: hcHighlight,
|
|
78
|
+
colorNeutralBackground6: hcCanvas,
|
|
79
|
+
colorNeutralBackgroundInverted: hcCanvas,
|
|
80
|
+
colorNeutralBackgroundStatic: hcCanvas,
|
|
81
|
+
colorNeutralBackgroundAlpha: hcCanvas,
|
|
82
|
+
colorNeutralBackgroundAlpha2: hcCanvas,
|
|
83
|
+
colorSubtleBackground: 'transparent',
|
|
84
|
+
colorSubtleBackgroundHover: hcHighlight,
|
|
85
|
+
colorSubtleBackgroundPressed: hcHighlight,
|
|
86
|
+
colorSubtleBackgroundSelected: hcHighlight,
|
|
87
|
+
colorSubtleBackgroundLightAlphaHover: hcHighlight,
|
|
88
|
+
colorSubtleBackgroundLightAlphaPressed: hcHighlight,
|
|
89
|
+
colorSubtleBackgroundLightAlphaSelected: hcHighlight,
|
|
90
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
91
|
+
colorSubtleBackgroundInvertedHover: hcHighlight,
|
|
92
|
+
colorSubtleBackgroundInvertedPressed: hcHighlight,
|
|
93
|
+
colorSubtleBackgroundInvertedSelected: hcHighlight,
|
|
94
|
+
colorTransparentBackground: 'transparent',
|
|
95
|
+
colorTransparentBackgroundHover: hcHighlight,
|
|
96
|
+
colorTransparentBackgroundPressed: hcHighlight,
|
|
97
|
+
colorTransparentBackgroundSelected: hcHighlight,
|
|
98
|
+
colorNeutralBackgroundDisabled: hcCanvas,
|
|
99
|
+
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
|
100
|
+
colorNeutralStencil1: hcCanvasText,
|
|
101
|
+
colorNeutralStencil2: hcCanvasText,
|
|
102
|
+
colorNeutralStencil1Alpha: hcCanvasText,
|
|
103
|
+
colorNeutralStencil2Alpha: hcCanvasText,
|
|
104
|
+
colorBackgroundOverlay: blackAlpha[50],
|
|
105
|
+
colorScrollbarOverlay: hcButtonFace,
|
|
106
|
+
colorBrandBackground: hcButtonFace,
|
|
107
|
+
colorBrandBackgroundHover: hcHighlight,
|
|
108
|
+
colorBrandBackgroundPressed: hcHighlight,
|
|
109
|
+
colorBrandBackgroundSelected: hcHighlight,
|
|
110
|
+
colorCompoundBrandBackground: hcHighlight,
|
|
111
|
+
colorCompoundBrandBackgroundHover: hcHighlight,
|
|
112
|
+
colorCompoundBrandBackgroundPressed: hcHighlight,
|
|
113
|
+
colorBrandBackgroundStatic: hcCanvas,
|
|
114
|
+
colorBrandBackground2: hcCanvas,
|
|
115
|
+
colorBrandBackground2Hover: hcCanvas,
|
|
116
|
+
colorBrandBackground2Pressed: hcCanvas,
|
|
117
|
+
colorBrandBackgroundInverted: hcButtonFace,
|
|
118
|
+
colorBrandBackgroundInvertedHover: hcHighlight,
|
|
119
|
+
colorBrandBackgroundInvertedPressed: hcHighlight,
|
|
120
|
+
colorBrandBackgroundInvertedSelected: hcHighlight,
|
|
121
|
+
colorNeutralStrokeAccessible: hcCanvasText,
|
|
122
|
+
colorNeutralStrokeAccessibleHover: hcHighlight,
|
|
123
|
+
colorNeutralStrokeAccessiblePressed: hcHighlight,
|
|
124
|
+
colorNeutralStrokeAccessibleSelected: hcHighlight,
|
|
125
|
+
colorNeutralStroke1: hcCanvasText,
|
|
126
|
+
colorNeutralStroke1Hover: hcHighlight,
|
|
127
|
+
colorNeutralStroke1Pressed: hcHighlight,
|
|
128
|
+
colorNeutralStroke1Selected: hcHighlight,
|
|
129
|
+
colorNeutralStroke2: hcCanvasText,
|
|
130
|
+
colorNeutralStroke3: hcCanvasText,
|
|
131
|
+
colorNeutralStrokeSubtle: hcCanvasText,
|
|
132
|
+
colorNeutralStrokeOnBrand: hcCanvas,
|
|
133
|
+
colorNeutralStrokeOnBrand2: hcCanvasText,
|
|
134
|
+
colorNeutralStrokeOnBrand2Hover: hcCanvasText,
|
|
135
|
+
colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
|
|
136
|
+
colorNeutralStrokeOnBrand2Selected: hcCanvasText,
|
|
137
|
+
colorBrandStroke1: hcCanvasText,
|
|
138
|
+
colorBrandStroke2: hcCanvasText,
|
|
139
|
+
colorBrandStroke2Hover: hcHighlight,
|
|
140
|
+
colorBrandStroke2Pressed: hcHighlight,
|
|
141
|
+
colorBrandStroke2Contrast: hcCanvas,
|
|
142
|
+
colorCompoundBrandStroke: hcHighlight,
|
|
143
|
+
colorCompoundBrandStrokeHover: hcHighlight,
|
|
144
|
+
colorCompoundBrandStrokePressed: hcHighlight,
|
|
145
|
+
colorNeutralStrokeDisabled: hcDisabled,
|
|
146
|
+
colorNeutralStrokeInvertedDisabled: hcDisabled,
|
|
147
|
+
colorTransparentStroke: hcCanvasText,
|
|
148
|
+
colorTransparentStrokeInteractive: hcHighlight,
|
|
149
|
+
colorTransparentStrokeDisabled: hcDisabled,
|
|
150
|
+
colorNeutralStrokeAlpha: hcCanvasText,
|
|
151
|
+
colorNeutralStrokeAlpha2: hcCanvas,
|
|
152
|
+
colorStrokeFocus1: hcCanvas,
|
|
153
|
+
colorStrokeFocus2: hcHighlight,
|
|
154
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
155
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
156
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
157
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
158
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
159
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
160
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
161
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
|
162
|
+
});
|