@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":["blackAlpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","generateColorTokens","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/highContrastColor.ts"],"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 colorNeutralBackgroundAlpha: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha2: 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 colorNeutralStrokeAlpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\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"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["highContrastColor.ts"],"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: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\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 colorNeutralBackgroundAlpha: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha2: 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: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Hover: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Pressed: hcCanvas, // Canvas Global.Color.hcCanvas\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 colorNeutralStrokeSubtle: 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 colorBrandStroke2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Contrast: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeAlpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAlpha2: hcCanvas, // Canvas Global.Color.hcCanvas\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"],"names":["blackAlpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","generateColorTokens","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,35 +1,52 @@
|
|
|
1
1
|
import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
|
|
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`]: hcCanvas,
|
|
8
|
+
[`colorPalette${color}Background2`]: hcCanvas,
|
|
9
|
+
[`colorPalette${color}Background3`]: hcCanvasText,
|
|
10
|
+
[`colorPalette${color}Foreground1`]: hcCanvasText,
|
|
11
|
+
[`colorPalette${color}Foreground2`]: hcCanvasText,
|
|
12
|
+
[`colorPalette${color}Foreground3`]: hcCanvasText,
|
|
13
|
+
[`colorPalette${color}BorderActive`]: hcHighlight,
|
|
14
|
+
[`colorPalette${color}Border1`]: hcCanvasText,
|
|
15
|
+
[`colorPalette${color}Border2`]: hcCanvasText
|
|
16
|
+
};
|
|
17
|
+
return Object.assign(acc, sharedColorTokens);
|
|
17
18
|
}, {});
|
|
18
19
|
// one-off patches
|
|
19
20
|
statusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;
|
|
20
21
|
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;
|
|
21
22
|
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;
|
|
22
|
-
const personaColorPaletteTokens =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
const personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{
|
|
24
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
25
|
+
const sharedColorTokens = {
|
|
26
|
+
[`colorPalette${color}Background2`]: hcCanvas,
|
|
27
|
+
[`colorPalette${color}Foreground2`]: hcCanvasText,
|
|
28
|
+
[`colorPalette${color}BorderActive`]: hcHighlight
|
|
29
|
+
};
|
|
30
|
+
return Object.assign(acc, sharedColorTokens);
|
|
30
31
|
}, {});
|
|
31
32
|
export const colorPaletteTokens = {
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
...statusColorPaletteTokens,
|
|
34
|
+
...personaColorPaletteTokens
|
|
34
35
|
};
|
|
35
|
-
|
|
36
|
+
export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
|
|
37
|
+
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
|
|
38
|
+
// TODO: double check the mapping with design
|
|
39
|
+
const statusColorTokens = {
|
|
40
|
+
[`colorStatus${color}Background1`]: hcCanvas,
|
|
41
|
+
[`colorStatus${color}Background2`]: hcCanvas,
|
|
42
|
+
[`colorStatus${color}Background3`]: hcCanvasText,
|
|
43
|
+
[`colorStatus${color}Foreground1`]: hcCanvasText,
|
|
44
|
+
[`colorStatus${color}Foreground2`]: hcCanvasText,
|
|
45
|
+
[`colorStatus${color}Foreground3`]: hcCanvasText,
|
|
46
|
+
[`colorStatus${color}BorderActive`]: hcHighlight,
|
|
47
|
+
[`colorStatus${color}ForegroundInverted`]: hcCanvasText,
|
|
48
|
+
[`colorStatus${color}Border1`]: hcCanvasText,
|
|
49
|
+
[`colorStatus${color}Border2`]: hcCanvasText
|
|
50
|
+
};
|
|
51
|
+
return Object.assign(acc, statusColorTokens);
|
|
52
|
+
}, {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["highContrastColorPalette.ts"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\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`]: 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\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\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: hcCanvas,\n [`colorStatus${color}Background2`]: hcCanvas,\n [`colorStatus${color}Background3`]: hcCanvasText,\n [`colorStatus${color}Foreground1`]: hcCanvasText,\n [`colorStatus${color}Foreground2`]: hcCanvasText,\n [`colorStatus${color}Foreground3`]: hcCanvasText,\n [`colorStatus${color}BorderActive`]: hcHighlight,\n [`colorStatus${color}ForegroundInverted`]: hcCanvasText,\n [`colorStatus${color}Border1`]: hcCanvasText,\n [`colorStatus${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n"],"names":["hcHighlight","hcCanvas","hcCanvasText","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens"],"mappings":"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"}
|
package/lib/alias/lightColor.js
CHANGED
|
@@ -1,154 +1,162 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
|
2
|
-
export const generateColorTokens = brand
|
|
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 { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
|
2
|
+
export const generateColorTokens = (brand)=>({
|
|
3
|
+
colorNeutralForeground1: grey[14],
|
|
4
|
+
colorNeutralForeground1Hover: grey[14],
|
|
5
|
+
colorNeutralForeground1Pressed: grey[14],
|
|
6
|
+
colorNeutralForeground1Selected: grey[14],
|
|
7
|
+
colorNeutralForeground2: grey[26],
|
|
8
|
+
colorNeutralForeground2Hover: grey[14],
|
|
9
|
+
colorNeutralForeground2Pressed: grey[14],
|
|
10
|
+
colorNeutralForeground2Selected: grey[14],
|
|
11
|
+
colorNeutralForeground2BrandHover: brand[80],
|
|
12
|
+
colorNeutralForeground2BrandPressed: brand[70],
|
|
13
|
+
colorNeutralForeground2BrandSelected: brand[80],
|
|
14
|
+
colorNeutralForeground3: grey[38],
|
|
15
|
+
colorNeutralForeground3Hover: grey[26],
|
|
16
|
+
colorNeutralForeground3Pressed: grey[26],
|
|
17
|
+
colorNeutralForeground3Selected: grey[26],
|
|
18
|
+
colorNeutralForeground3BrandHover: brand[80],
|
|
19
|
+
colorNeutralForeground3BrandPressed: brand[70],
|
|
20
|
+
colorNeutralForeground3BrandSelected: brand[80],
|
|
21
|
+
colorNeutralForeground4: grey[44],
|
|
22
|
+
colorNeutralForegroundDisabled: grey[74],
|
|
23
|
+
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
|
24
|
+
colorBrandForegroundLink: brand[70],
|
|
25
|
+
colorBrandForegroundLinkHover: brand[60],
|
|
26
|
+
colorBrandForegroundLinkPressed: brand[40],
|
|
27
|
+
colorBrandForegroundLinkSelected: brand[70],
|
|
28
|
+
colorNeutralForeground2Link: grey[26],
|
|
29
|
+
colorNeutralForeground2LinkHover: grey[14],
|
|
30
|
+
colorNeutralForeground2LinkPressed: grey[14],
|
|
31
|
+
colorNeutralForeground2LinkSelected: grey[14],
|
|
32
|
+
colorCompoundBrandForeground1: brand[80],
|
|
33
|
+
colorCompoundBrandForeground1Hover: brand[70],
|
|
34
|
+
colorCompoundBrandForeground1Pressed: brand[60],
|
|
35
|
+
colorBrandForeground1: brand[80],
|
|
36
|
+
colorBrandForeground2: brand[70],
|
|
37
|
+
colorBrandForeground2Hover: brand[60],
|
|
38
|
+
colorBrandForeground2Pressed: brand[30],
|
|
39
|
+
colorNeutralForeground1Static: grey[14],
|
|
40
|
+
colorNeutralForegroundStaticInverted: white,
|
|
41
|
+
colorNeutralForegroundInverted: white,
|
|
42
|
+
colorNeutralForegroundInvertedHover: white,
|
|
43
|
+
colorNeutralForegroundInvertedPressed: white,
|
|
44
|
+
colorNeutralForegroundInvertedSelected: white,
|
|
45
|
+
colorNeutralForegroundInverted2: white,
|
|
46
|
+
colorNeutralForegroundOnBrand: white,
|
|
47
|
+
colorNeutralForegroundInvertedLink: white,
|
|
48
|
+
colorNeutralForegroundInvertedLinkHover: white,
|
|
49
|
+
colorNeutralForegroundInvertedLinkPressed: white,
|
|
50
|
+
colorNeutralForegroundInvertedLinkSelected: white,
|
|
51
|
+
colorBrandForegroundInverted: brand[100],
|
|
52
|
+
colorBrandForegroundInvertedHover: brand[110],
|
|
53
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
|
54
|
+
colorBrandForegroundOnLight: brand[80],
|
|
55
|
+
colorBrandForegroundOnLightHover: brand[70],
|
|
56
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
|
57
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
|
58
|
+
colorNeutralBackground1: white,
|
|
59
|
+
colorNeutralBackground1Hover: grey[96],
|
|
60
|
+
colorNeutralBackground1Pressed: grey[88],
|
|
61
|
+
colorNeutralBackground1Selected: grey[92],
|
|
62
|
+
colorNeutralBackground2: grey[98],
|
|
63
|
+
colorNeutralBackground2Hover: grey[94],
|
|
64
|
+
colorNeutralBackground2Pressed: grey[86],
|
|
65
|
+
colorNeutralBackground2Selected: grey[90],
|
|
66
|
+
colorNeutralBackground3: grey[96],
|
|
67
|
+
colorNeutralBackground3Hover: grey[92],
|
|
68
|
+
colorNeutralBackground3Pressed: grey[84],
|
|
69
|
+
colorNeutralBackground3Selected: grey[88],
|
|
70
|
+
colorNeutralBackground4: grey[94],
|
|
71
|
+
colorNeutralBackground4Hover: grey[98],
|
|
72
|
+
colorNeutralBackground4Pressed: grey[96],
|
|
73
|
+
colorNeutralBackground4Selected: white,
|
|
74
|
+
colorNeutralBackground5: grey[92],
|
|
75
|
+
colorNeutralBackground5Hover: grey[96],
|
|
76
|
+
colorNeutralBackground5Pressed: grey[94],
|
|
77
|
+
colorNeutralBackground5Selected: grey[98],
|
|
78
|
+
colorNeutralBackground6: grey[90],
|
|
79
|
+
colorNeutralBackgroundInverted: grey[16],
|
|
80
|
+
colorNeutralBackgroundStatic: grey[20],
|
|
81
|
+
colorNeutralBackgroundAlpha: whiteAlpha[50],
|
|
82
|
+
colorNeutralBackgroundAlpha2: whiteAlpha[80],
|
|
83
|
+
colorSubtleBackground: 'transparent',
|
|
84
|
+
colorSubtleBackgroundHover: grey[96],
|
|
85
|
+
colorSubtleBackgroundPressed: grey[88],
|
|
86
|
+
colorSubtleBackgroundSelected: grey[92],
|
|
87
|
+
colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
|
|
88
|
+
colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
|
|
89
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
|
90
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
91
|
+
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
|
92
|
+
colorSubtleBackgroundInvertedPressed: blackAlpha[30],
|
|
93
|
+
colorSubtleBackgroundInvertedSelected: blackAlpha[20],
|
|
94
|
+
colorTransparentBackground: 'transparent',
|
|
95
|
+
colorTransparentBackgroundHover: 'transparent',
|
|
96
|
+
colorTransparentBackgroundPressed: 'transparent',
|
|
97
|
+
colorTransparentBackgroundSelected: 'transparent',
|
|
98
|
+
colorNeutralBackgroundDisabled: grey[94],
|
|
99
|
+
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
|
100
|
+
colorNeutralStencil1: grey[90],
|
|
101
|
+
colorNeutralStencil2: grey[98],
|
|
102
|
+
colorNeutralStencil1Alpha: blackAlpha[10],
|
|
103
|
+
colorNeutralStencil2Alpha: blackAlpha[5],
|
|
104
|
+
colorBackgroundOverlay: blackAlpha[40],
|
|
105
|
+
colorScrollbarOverlay: blackAlpha[50],
|
|
106
|
+
colorBrandBackground: brand[80],
|
|
107
|
+
colorBrandBackgroundHover: brand[70],
|
|
108
|
+
colorBrandBackgroundPressed: brand[40],
|
|
109
|
+
colorBrandBackgroundSelected: brand[60],
|
|
110
|
+
colorCompoundBrandBackground: brand[80],
|
|
111
|
+
colorCompoundBrandBackgroundHover: brand[70],
|
|
112
|
+
colorCompoundBrandBackgroundPressed: brand[60],
|
|
113
|
+
colorBrandBackgroundStatic: brand[80],
|
|
114
|
+
colorBrandBackground2: brand[160],
|
|
115
|
+
colorBrandBackground2Hover: brand[150],
|
|
116
|
+
colorBrandBackground2Pressed: brand[130],
|
|
117
|
+
colorBrandBackgroundInverted: white,
|
|
118
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
|
119
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
|
120
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
|
121
|
+
colorNeutralStrokeAccessible: grey[38],
|
|
122
|
+
colorNeutralStrokeAccessibleHover: grey[34],
|
|
123
|
+
colorNeutralStrokeAccessiblePressed: grey[30],
|
|
124
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
|
125
|
+
colorNeutralStroke1: grey[82],
|
|
126
|
+
colorNeutralStroke1Hover: grey[78],
|
|
127
|
+
colorNeutralStroke1Pressed: grey[70],
|
|
128
|
+
colorNeutralStroke1Selected: grey[74],
|
|
129
|
+
colorNeutralStroke2: grey[88],
|
|
130
|
+
colorNeutralStroke3: grey[94],
|
|
131
|
+
colorNeutralStrokeSubtle: grey[88],
|
|
132
|
+
colorNeutralStrokeOnBrand: white,
|
|
133
|
+
colorNeutralStrokeOnBrand2: white,
|
|
134
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
|
135
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
|
136
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
|
137
|
+
colorBrandStroke1: brand[80],
|
|
138
|
+
colorBrandStroke2: brand[140],
|
|
139
|
+
colorBrandStroke2Hover: brand[120],
|
|
140
|
+
colorBrandStroke2Pressed: brand[80],
|
|
141
|
+
colorBrandStroke2Contrast: brand[140],
|
|
142
|
+
colorCompoundBrandStroke: brand[80],
|
|
143
|
+
colorCompoundBrandStrokeHover: brand[70],
|
|
144
|
+
colorCompoundBrandStrokePressed: brand[60],
|
|
145
|
+
colorNeutralStrokeDisabled: grey[88],
|
|
146
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
|
147
|
+
colorTransparentStroke: 'transparent',
|
|
148
|
+
colorTransparentStrokeInteractive: 'transparent',
|
|
149
|
+
colorTransparentStrokeDisabled: 'transparent',
|
|
150
|
+
colorNeutralStrokeAlpha: blackAlpha[5],
|
|
151
|
+
colorNeutralStrokeAlpha2: whiteAlpha[20],
|
|
152
|
+
colorStrokeFocus1: white,
|
|
153
|
+
colorStrokeFocus2: black,
|
|
154
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
|
155
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
|
156
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
|
157
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
|
158
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
|
159
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
|
160
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
161
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
|
162
|
+
});
|