@fluentui/tokens 1.0.0-alpha.2 → 1.0.0-alpha.20
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.md +167 -2
- package/dist/index.d.ts +44 -2
- package/lib/alias/darkColor.js +169 -155
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +57 -32
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +169 -155
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +50 -29
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +169 -155
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +53 -29
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +169 -155
- 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 +693 -675
- 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 +8 -8
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +27 -30
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +8 -10
- 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 +104 -107
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +5 -6
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +60 -9
- 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 -11
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +2 -3
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +3 -4
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +2 -3
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +3 -4
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +3 -4
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +3 -4
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +2 -3
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +3 -4
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +523 -433
- 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 +26 -25
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +26 -25
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +26 -25
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +26 -25
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +4 -5
- 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 +176 -162
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +84 -50
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +176 -162
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +68 -38
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +176 -162
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +72 -39
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +176 -162
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +14 -11
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +69 -55
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +61 -44
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +1012 -794
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +17 -14
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +16 -12
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +52 -37
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +245 -23
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +51 -40
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +12 -9
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +111 -114
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +51 -92
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +82 -14
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/statusColorMapping.js +15 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +13 -23
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +26 -9
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +10 -10
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +9 -8
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +21 -11
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +10 -10
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +10 -10
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +17 -9
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +10 -10
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +531 -437
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +1 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +33 -38
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +33 -38
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +33 -38
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +33 -38
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +25 -13
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +15 -15
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +11 -15
- package/CHANGELOG.json +0 -35
- package/lib-amd/alias/darkColor.js +0 -158
- package/lib-amd/alias/darkColor.js.map +0 -1
- package/lib-amd/alias/darkColorPalette.js +0 -47
- package/lib-amd/alias/darkColorPalette.js.map +0 -1
- package/lib-amd/alias/highContrastColor.js +0 -158
- package/lib-amd/alias/highContrastColor.js.map +0 -1
- package/lib-amd/alias/highContrastColorPalette.js +0 -37
- package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
- package/lib-amd/alias/lightColor.js +0 -158
- package/lib-amd/alias/lightColor.js.map +0 -1
- package/lib-amd/alias/lightColorPalette.js +0 -38
- package/lib-amd/alias/lightColorPalette.js.map +0 -1
- package/lib-amd/alias/teamsDarkColor.js +0 -158
- package/lib-amd/alias/teamsDarkColor.js.map +0 -1
- package/lib-amd/global/borderRadius.js +0 -14
- package/lib-amd/global/borderRadius.js.map +0 -1
- package/lib-amd/global/brandColors.js +0 -60
- package/lib-amd/global/brandColors.js.map +0 -1
- package/lib-amd/global/colorPalette.js +0 -45
- package/lib-amd/global/colorPalette.js.map +0 -1
- package/lib-amd/global/colors.js +0 -793
- package/lib-amd/global/colors.js.map +0 -1
- package/lib-amd/global/curves.js +0 -17
- package/lib-amd/global/curves.js.map +0 -1
- package/lib-amd/global/durations.js +0 -15
- package/lib-amd/global/durations.js.map +0 -1
- package/lib-amd/global/fonts.js +0 -45
- package/lib-amd/global/fonts.js.map +0 -1
- package/lib-amd/global/index.js +0 -14
- package/lib-amd/global/index.js.map +0 -1
- package/lib-amd/global/spacings.js +0 -46
- package/lib-amd/global/spacings.js.map +0 -1
- package/lib-amd/global/strokeWidths.js +0 -12
- package/lib-amd/global/strokeWidths.js.map +0 -1
- package/lib-amd/global/typographyStyles.js +0 -113
- package/lib-amd/global/typographyStyles.js.map +0 -1
- package/lib-amd/index.js +0 -18
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/sharedColorNames.js +0 -64
- package/lib-amd/sharedColorNames.js.map +0 -1
- package/lib-amd/themeToTokensObject.js +0 -24
- package/lib-amd/themeToTokensObject.js.map +0 -1
- package/lib-amd/themes/index.js +0 -7
- package/lib-amd/themes/index.js.map +0 -1
- package/lib-amd/themes/teams/darkTheme.js +0 -7
- package/lib-amd/themes/teams/darkTheme.js.map +0 -1
- package/lib-amd/themes/teams/highContrastTheme.js +0 -7
- package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/teams/index.js +0 -8
- package/lib-amd/themes/teams/index.js.map +0 -1
- package/lib-amd/themes/teams/lightTheme.js +0 -7
- package/lib-amd/themes/teams/lightTheme.js.map +0 -1
- package/lib-amd/themes/web/darkTheme.js +0 -7
- package/lib-amd/themes/web/darkTheme.js.map +0 -1
- package/lib-amd/themes/web/index.js +0 -7
- package/lib-amd/themes/web/index.js.map +0 -1
- package/lib-amd/themes/web/lightTheme.js +0 -7
- package/lib-amd/themes/web/lightTheme.js.map +0 -1
- package/lib-amd/tokens.js +0 -440
- package/lib-amd/tokens.js.map +0 -1
- package/lib-amd/types.js +0 -5
- package/lib-amd/types.js.map +0 -1
- package/lib-amd/utils/createDarkTheme.js +0 -11
- package/lib-amd/utils/createDarkTheme.js.map +0 -1
- package/lib-amd/utils/createHighContrastTheme.js +0 -11
- package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
- package/lib-amd/utils/createLightTheme.js +0 -11
- package/lib-amd/utils/createLightTheme.js.map +0 -1
- package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
- package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib-amd/utils/index.js +0 -9
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/shadows.js +0 -19
- package/lib-amd/utils/shadows.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
|
1
|
+
{"version":3,"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: 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 colorBrandBackground3Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground4Static: 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 colorNeutralCardBackground: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralCardBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralCardBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralCardBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralCardBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\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","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1,34 +1,55 @@
|
|
|
1
|
-
import { hcHighlight, hcCanvas, hcCanvasText } from
|
|
2
|
-
import { statusSharedColorNames, personaSharedColorNames } from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
import { hcHighlight, hcCanvas, hcCanvasText } from "../global/colors.js";
|
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
|
|
3
|
+
import { statusColorMapping } from "../statusColorMapping.js";
|
|
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);
|
|
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
|
-
export const colorPaletteTokens = {
|
|
32
|
-
|
|
32
|
+
export const colorPaletteTokens = {
|
|
33
|
+
...statusColorPaletteTokens,
|
|
34
|
+
...personaColorPaletteTokens
|
|
33
35
|
};
|
|
34
|
-
|
|
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
|
+
}, {});
|
|
53
|
+
// one-off overrides for colorStatus tokens
|
|
54
|
+
colorStatusTokens.colorStatusDangerBackground3Hover = hcHighlight;
|
|
55
|
+
colorStatusTokens.colorStatusDangerBackground3Pressed = hcHighlight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../src/alias/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\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = hcHighlight;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = hcHighlight;\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","colorStatusDangerBackground3Hover","colorStatusDangerBackground3Pressed"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib/alias/lightColor.js
CHANGED
|
@@ -1,155 +1,169 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */
|
|
2
|
-
|
|
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
|
-
|
|
155
|
-
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from "../global/colors.js";
|
|
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
|
+
colorBrandBackground3Static: brand[60],
|
|
118
|
+
colorBrandBackground4Static: brand[40],
|
|
119
|
+
colorBrandBackgroundInverted: white,
|
|
120
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
|
121
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
|
122
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
|
123
|
+
colorNeutralCardBackground: grey[98],
|
|
124
|
+
colorNeutralCardBackgroundHover: white,
|
|
125
|
+
colorNeutralCardBackgroundPressed: grey[96],
|
|
126
|
+
colorNeutralCardBackgroundSelected: grey[92],
|
|
127
|
+
colorNeutralCardBackgroundDisabled: grey[94],
|
|
128
|
+
colorNeutralStrokeAccessible: grey[38],
|
|
129
|
+
colorNeutralStrokeAccessibleHover: grey[34],
|
|
130
|
+
colorNeutralStrokeAccessiblePressed: grey[30],
|
|
131
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
|
132
|
+
colorNeutralStroke1: grey[82],
|
|
133
|
+
colorNeutralStroke1Hover: grey[78],
|
|
134
|
+
colorNeutralStroke1Pressed: grey[70],
|
|
135
|
+
colorNeutralStroke1Selected: grey[74],
|
|
136
|
+
colorNeutralStroke2: grey[88],
|
|
137
|
+
colorNeutralStroke3: grey[94],
|
|
138
|
+
colorNeutralStrokeSubtle: grey[88],
|
|
139
|
+
colorNeutralStrokeOnBrand: white,
|
|
140
|
+
colorNeutralStrokeOnBrand2: white,
|
|
141
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
|
142
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
|
143
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
|
144
|
+
colorBrandStroke1: brand[80],
|
|
145
|
+
colorBrandStroke2: brand[140],
|
|
146
|
+
colorBrandStroke2Hover: brand[120],
|
|
147
|
+
colorBrandStroke2Pressed: brand[80],
|
|
148
|
+
colorBrandStroke2Contrast: brand[140],
|
|
149
|
+
colorCompoundBrandStroke: brand[80],
|
|
150
|
+
colorCompoundBrandStrokeHover: brand[70],
|
|
151
|
+
colorCompoundBrandStrokePressed: brand[60],
|
|
152
|
+
colorNeutralStrokeDisabled: grey[88],
|
|
153
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
|
154
|
+
colorTransparentStroke: 'transparent',
|
|
155
|
+
colorTransparentStrokeInteractive: 'transparent',
|
|
156
|
+
colorTransparentStrokeDisabled: 'transparent',
|
|
157
|
+
colorNeutralStrokeAlpha: blackAlpha[5],
|
|
158
|
+
colorNeutralStrokeAlpha2: whiteAlpha[20],
|
|
159
|
+
colorStrokeFocus1: white,
|
|
160
|
+
colorStrokeFocus2: black,
|
|
161
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
|
162
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
|
163
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
|
164
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
|
165
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
|
166
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
|
167
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
168
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
|
169
|
+
});
|