@fluentui/react-theme 0.0.0-nightlyfc5cfdc52420220215.1 → 0.0.0
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 +224 -6
- package/CHANGELOG.md +124 -42
- package/dist/index.d.ts +433 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/{dark.js → darkColor.js} +20 -31
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +33 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +33 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/{light.js → lightColor.js} +9 -20
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +33 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.js +33 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +16 -16
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +45 -27
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- 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.map +1 -1
- package/lib/tokens.js +116 -377
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +9 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +9 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +9 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +9 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/{dark.js → darkColor.js} +20 -31
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +41 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{light.js → lightColor.js} +9 -20
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +41 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +16 -16
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +46 -28
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +10 -0
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +67 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -2
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +116 -377
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +15 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +15 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +15 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +15 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +14 -12
- package/dist/react-theme.d.ts +0 -358
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -4
- package/lib/global/colors.d.ts +0 -15
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/index.d.ts +0 -5
- package/lib/themeToTokensObject.d.ts +0 -10
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/tokens.d.ts +0 -2
- package/lib/types.d.ts +0 -342
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -4
- package/lib/utils/shadows.d.ts +0 -3
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -4
- package/lib-commonjs/global/colors.d.ts +0 -15
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -5
- package/lib-commonjs/themeToTokensObject.d.ts +0 -10
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/tokens.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -342
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -4
- package/lib-commonjs/utils/shadows.d.ts +0 -3
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n 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 colorNeutralForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { statusSharedColors, personaSharedColors, hcHighlight, white, black } from '../global/colors';
|
2
|
+
const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: white,
|
6
|
+
[`colorPalette${color}Background2`]: black,
|
7
|
+
[`colorPalette${color}Background3`]: white,
|
8
|
+
[`colorPalette${color}Foreground1`]: black,
|
9
|
+
[`colorPalette${color}Foreground2`]: white,
|
10
|
+
[`colorPalette${color}Foreground3`]: white,
|
11
|
+
[`colorPalette${color}BorderActive`]: hcHighlight,
|
12
|
+
[`colorPalette${color}Border1`]: white,
|
13
|
+
[`colorPalette${color}Border2`]: white
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
|
20
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
|
+
const sharedColorTokens = {
|
22
|
+
[`colorPalette${color}Background2`]: black,
|
23
|
+
[`colorPalette${color}Foreground2`]: white,
|
24
|
+
[`colorPalette${color}BorderActive`]: hcHighlight
|
25
|
+
};
|
26
|
+
return { ...acc,
|
27
|
+
...sharedColorTokens
|
28
|
+
};
|
29
|
+
}, {});
|
30
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
31
|
+
...personaColorPaletteTokens
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=highContrastColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,SACE,kBADF,EAEE,mBAFF,EAGE,WAHF,EAIE,KAJF,EAKE,KALF,QAQO,kBARP;AAWA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;EAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,KADb;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,KAHb;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,KAJb;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,KALb;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,KANb;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,WAPd;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,KART;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC;EATT,CAA1B;EAYA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;EAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,KADb;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC;EAHd,CAA1B;EAMA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import {\n statusSharedColors,\n personaSharedColors,\n hcHighlight,\n white,\n black,\n StatusSharedColors,\n PersonaSharedColors,\n} from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: white,\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Background3`]: white,\n [`colorPalette${color}Foreground1`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}Foreground3`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: white,\n [`colorPalette${color}Border2`]: white,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { black, blackAlpha, grey, white, whiteAlpha
|
1
|
+
import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
2
2
|
export const generateColorTokens = brand => ({
|
3
3
|
colorNeutralForeground1: grey[14],
|
4
4
|
colorNeutralForeground1Hover: grey[14],
|
@@ -25,6 +25,10 @@ export const generateColorTokens = brand => ({
|
|
25
25
|
colorBrandForegroundLinkHover: brand[60],
|
26
26
|
colorBrandForegroundLinkPressed: brand[40],
|
27
27
|
colorBrandForegroundLinkSelected: brand[70],
|
28
|
+
colorNeutralForeground2Link: grey[26],
|
29
|
+
colorNeutralForeground2LinkHover: grey[14],
|
30
|
+
colorNeutralForeground2LinkPressed: grey[14],
|
31
|
+
colorNeutralForeground2LinkSelected: grey[14],
|
28
32
|
colorCompoundBrandForeground1: brand[80],
|
29
33
|
colorCompoundBrandForeground1Hover: brand[70],
|
30
34
|
colorCompoundBrandForeground1Pressed: brand[60],
|
@@ -73,7 +77,7 @@ export const generateColorTokens = brand => ({
|
|
73
77
|
colorSubtleBackgroundHover: grey[96],
|
74
78
|
colorSubtleBackgroundPressed: grey[88],
|
75
79
|
colorSubtleBackgroundSelected: grey[92],
|
76
|
-
colorSubtleBackgroundLightAlphaHover: whiteAlpha[
|
80
|
+
colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
|
77
81
|
colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
|
78
82
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
79
83
|
colorSubtleBackgroundInverted: 'transparent',
|
@@ -88,6 +92,8 @@ export const generateColorTokens = brand => ({
|
|
88
92
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
89
93
|
colorNeutralStencil1: grey[90],
|
90
94
|
colorNeutralStencil2: grey[98],
|
95
|
+
colorBackgroundOverlay: blackAlpha[10],
|
96
|
+
colorScrollbarOverlay: blackAlpha[50],
|
91
97
|
colorBrandBackground: brand[80],
|
92
98
|
colorBrandBackgroundHover: brand[70],
|
93
99
|
colorBrandBackgroundPressed: brand[40],
|
@@ -138,21 +144,4 @@ export const generateColorTokens = brand => ({
|
|
138
144
|
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
145
|
|
140
146
|
});
|
141
|
-
|
142
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
-
const sharedColorTokens = {
|
144
|
-
[`colorPalette${color}Background1`]: sharedColors[sharedColor].tint60,
|
145
|
-
[`colorPalette${color}Background2`]: sharedColors[sharedColor].tint40,
|
146
|
-
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
147
|
-
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].shade10,
|
148
|
-
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].shade30,
|
149
|
-
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].primary,
|
150
|
-
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary,
|
151
|
-
[`colorPalette${color}Border1`]: sharedColors[sharedColor].tint40,
|
152
|
-
[`colorPalette${color}Border2`]: sharedColors[sharedColor].primary
|
153
|
-
};
|
154
|
-
return { ...acc,
|
155
|
-
...sharedColorTokens
|
156
|
-
};
|
157
|
-
}, {});
|
158
|
-
//# sourceMappingURL=light.js.map
|
147
|
+
//# sourceMappingURL=lightColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground2BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralForeground3Hover: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Pressed: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Selected: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground3BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground4: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralForegroundDisabled: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundLinkHover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundLinkPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandForegroundLinkSelected: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2Link: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2LinkHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkSelected: grey[14], // #242424 Global.Color.Grey.14\n colorCompoundBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandForeground1Hover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: white, // #ffffff Global.Color.White\n colorNeutralBackground1Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground1Pressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground1Selected: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground2Hover: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground2Pressed: grey[86], // #dbdbdb Global.Color.Grey.86\n colorNeutralBackground2Selected: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackground3: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground3Hover: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralBackground3Selected: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground4: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground4Hover: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground4Pressed: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground4Selected: white, // #ffffff Global.Color.White\n colorNeutralBackground5: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground5Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground5Pressed: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground5Selected: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground6: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackgroundInverted: grey[38], // #616161 Global.Color.Grey.38\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorSubtleBackgroundPressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorSubtleBackgroundSelected: grey[92], // #ebebeb Global.Color.Grey.92\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70], // rgba(255, 255, 255, 0.7) Global.Color.WhiteAlpha.70\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralStencil2: grey[98], // #fafafa Global.Color.Grey.98\n colorBackgroundOverlay: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorScrollbarOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralStrokeAccessibleHover: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStrokeAccessiblePressed: grey[30], // #4d4d4d Global.Color.Grey.30\n colorNeutralStrokeAccessibleSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStroke1: grey[82], // #d1d1d1 Global.Color.Grey.82\n colorNeutralStroke1Hover: grey[78], // #c7c7c7 Global.Color.Grey.78\n colorNeutralStroke1Pressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralStrokeDisabled: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: white, // #ffffff Global.Color.White\n colorStrokeFocus2: black, // #000000 Global.Color.Black\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { statusSharedColors, personaSharedColors } from '../global/colors';
|
2
|
+
const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,
|
6
|
+
[`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,
|
7
|
+
[`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
|
8
|
+
[`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,
|
9
|
+
[`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,
|
10
|
+
[`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,
|
11
|
+
[`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,
|
12
|
+
[`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,
|
13
|
+
[`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
|
20
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
|
+
const sharedColorTokens = {
|
22
|
+
[`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,
|
23
|
+
[`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,
|
24
|
+
[`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary
|
25
|
+
};
|
26
|
+
return { ...acc,
|
27
|
+
...sharedColorTokens
|
28
|
+
};
|
29
|
+
}, {});
|
30
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
31
|
+
...personaColorPaletteTokens
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=lightColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAiG,kBAAjG;AAGA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;EAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAD7C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAF7C;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAH7C;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAJ7C;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAL7C;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAN7C;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAP9C;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MARzC;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC;EATzC,CAA1B;EAYA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;EAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,MAD9C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,OAF9C;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC;EAH/C,CAA1B;EAMA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import { statusSharedColors, personaSharedColors, StatusSharedColors, PersonaSharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { black, blackAlpha, grey, white, whiteAlpha
|
1
|
+
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
2
2
|
export const generateColorTokens = brand => ({
|
3
3
|
colorNeutralForeground1: white,
|
4
4
|
colorNeutralForeground1Hover: white,
|
@@ -21,13 +21,17 @@ export const generateColorTokens = brand => ({
|
|
21
21
|
colorNeutralForeground4: grey[60],
|
22
22
|
colorNeutralForegroundDisabled: grey[36],
|
23
23
|
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
-
colorBrandForegroundLink: brand[
|
24
|
+
colorBrandForegroundLink: brand[100],
|
25
25
|
colorBrandForegroundLinkHover: brand[110],
|
26
|
-
colorBrandForegroundLinkPressed: brand[
|
27
|
-
colorBrandForegroundLinkSelected: brand[
|
28
|
-
|
29
|
-
|
30
|
-
|
26
|
+
colorBrandForegroundLinkPressed: brand[90],
|
27
|
+
colorBrandForegroundLinkSelected: brand[100],
|
28
|
+
colorNeutralForeground2Link: grey[84],
|
29
|
+
colorNeutralForeground2LinkHover: white,
|
30
|
+
colorNeutralForeground2LinkPressed: white,
|
31
|
+
colorNeutralForeground2LinkSelected: white,
|
32
|
+
colorCompoundBrandForeground1: brand[100],
|
33
|
+
colorCompoundBrandForeground1Hover: brand[110],
|
34
|
+
colorCompoundBrandForeground1Pressed: brand[90],
|
31
35
|
colorBrandForeground1: brand[100],
|
32
36
|
colorBrandForeground2: brand[110],
|
33
37
|
colorNeutralForeground1Static: grey[14],
|
@@ -73,8 +77,8 @@ export const generateColorTokens = brand => ({
|
|
73
77
|
colorSubtleBackgroundHover: grey[22],
|
74
78
|
colorSubtleBackgroundPressed: grey[18],
|
75
79
|
colorSubtleBackgroundSelected: grey[20],
|
76
|
-
colorSubtleBackgroundLightAlphaHover:
|
77
|
-
colorSubtleBackgroundLightAlphaPressed:
|
80
|
+
colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
|
81
|
+
colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
|
78
82
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
79
83
|
colorSubtleBackgroundInverted: 'transparent',
|
80
84
|
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
@@ -88,13 +92,15 @@ export const generateColorTokens = brand => ({
|
|
88
92
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
89
93
|
colorNeutralStencil1: grey[34],
|
90
94
|
colorNeutralStencil2: grey[20],
|
95
|
+
colorBackgroundOverlay: blackAlpha[50],
|
96
|
+
colorScrollbarOverlay: whiteAlpha[60],
|
91
97
|
colorBrandBackground: brand[70],
|
92
98
|
colorBrandBackgroundHover: brand[80],
|
93
99
|
colorBrandBackgroundPressed: brand[40],
|
94
100
|
colorBrandBackgroundSelected: brand[60],
|
95
|
-
colorCompoundBrandBackground: brand[
|
96
|
-
colorCompoundBrandBackgroundHover: brand[
|
97
|
-
colorCompoundBrandBackgroundPressed: brand[
|
101
|
+
colorCompoundBrandBackground: brand[100],
|
102
|
+
colorCompoundBrandBackgroundHover: brand[110],
|
103
|
+
colorCompoundBrandBackgroundPressed: brand[90],
|
98
104
|
colorBrandBackgroundStatic: brand[80],
|
99
105
|
colorBrandBackground2: brand[40],
|
100
106
|
colorBrandBackgroundInverted: white,
|
@@ -116,7 +122,7 @@ export const generateColorTokens = brand => ({
|
|
116
122
|
colorNeutralStrokeOnBrand2Hover: white,
|
117
123
|
colorNeutralStrokeOnBrand2Pressed: white,
|
118
124
|
colorNeutralStrokeOnBrand2Selected: white,
|
119
|
-
colorBrandStroke1: brand[
|
125
|
+
colorBrandStroke1: brand[100],
|
120
126
|
colorBrandStroke2: brand[50],
|
121
127
|
colorCompoundBrandStroke: brand[90],
|
122
128
|
colorCompoundBrandStrokeHover: brand[100],
|
@@ -138,21 +144,4 @@ export const generateColorTokens = brand => ({
|
|
138
144
|
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
145
|
|
140
146
|
});
|
141
|
-
|
142
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
-
const sharedColorTokens = {
|
144
|
-
[`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
|
145
|
-
[`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
|
146
|
-
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
147
|
-
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
|
148
|
-
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
149
|
-
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
150
|
-
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
151
|
-
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
152
|
-
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
153
|
-
};
|
154
|
-
return { ...acc,
|
155
|
-
...sharedColorTokens
|
156
|
-
};
|
157
|
-
}, {});
|
158
|
-
//# sourceMappingURL=teamsDark.js.map
|
147
|
+
//# sourceMappingURL=teamsDarkColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/teamsDarkColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { statusSharedColors, personaSharedColors } from '../global/colors';
|
2
|
+
const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,
|
6
|
+
[`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,
|
7
|
+
[`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
|
8
|
+
[`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,
|
9
|
+
[`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,
|
10
|
+
[`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,
|
11
|
+
[`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,
|
12
|
+
[`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,
|
13
|
+
[`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
|
20
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
|
+
const sharedColorTokens = {
|
22
|
+
[`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,
|
23
|
+
[`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,
|
24
|
+
[`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30
|
25
|
+
};
|
26
|
+
return { ...acc,
|
27
|
+
...sharedColorTokens
|
28
|
+
};
|
29
|
+
}, {});
|
30
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
31
|
+
...personaColorPaletteTokens
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=teamsDarkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/teamsDarkColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAiG,kBAAjG;AAGA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;EAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAD7C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAF7C;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAH7C;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAJ7C;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAL7C;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAN7C;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAP9C;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OARzC;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC;EATzC,CAA1B;EAYA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;EAC7B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,OAD9C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,MAF9C;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC;EAH/C,CAA1B;EAMA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import { statusSharedColors, personaSharedColors, StatusSharedColors, PersonaSharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["global/borderRadius.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,YAAY,GAAuB;EAC9C,gBAAgB,EAAE,GAD4B;EAE9C,iBAAiB,EAAE,KAF2B;EAG9C,kBAAkB,EAAE,KAH0B;EAI9C,iBAAiB,EAAE,KAJ2B;EAK9C,kBAAkB,EAAE,KAL0B;EAM9C,oBAAoB,EAAE;AANwB,CAAzC","sourcesContent":["import type { BorderRadiusTokens } from '../types';\n\nexport const borderRadius: BorderRadiusTokens = {\n borderRadiusNone: '0',\n borderRadiusSmall: '2px',\n borderRadiusMedium: '4px',\n borderRadiusLarge: '6px',\n borderRadiusXLarge: '8px',\n borderRadiusCircular: '10000px',\n};\n"],"sourceRoot":"../src/"}
|
@@ -1,20 +1,20 @@
|
|
1
1
|
export const brandWeb = {
|
2
|
-
10: `#
|
3
|
-
20: `#
|
4
|
-
30: `#
|
5
|
-
40: `#
|
6
|
-
50: `#
|
7
|
-
60: `#
|
8
|
-
70: `#
|
9
|
-
80: `#
|
10
|
-
90: `#
|
11
|
-
100: `#
|
12
|
-
110: `#
|
13
|
-
120: `#
|
14
|
-
130: `#
|
15
|
-
140: `#
|
16
|
-
150: `#
|
17
|
-
160: `#
|
2
|
+
10: `#061724`,
|
3
|
+
20: `#082338`,
|
4
|
+
30: `#0a2e4a`,
|
5
|
+
40: `#0c3b5e`,
|
6
|
+
50: `#0e4775`,
|
7
|
+
60: `#0f548c`,
|
8
|
+
70: `#115ea3`,
|
9
|
+
80: `#0f6cbd`,
|
10
|
+
90: `#2886de`,
|
11
|
+
100: `#479ef5`,
|
12
|
+
110: `#62abf5`,
|
13
|
+
120: `#77b7f7`,
|
14
|
+
130: `#96c6fa`,
|
15
|
+
140: `#b4d6fa`,
|
16
|
+
150: `#cfe4fa`,
|
17
|
+
160: `#ebf3fc`
|
18
18
|
};
|
19
19
|
export const brandTeams = {
|
20
20
|
10: `#2b2b40`,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["global/brandColors.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,QAAQ,GAAkB;EACrC,IAAI,SADiC;EAErC,IAAI,SAFiC;EAGrC,IAAI,SAHiC;EAIrC,IAAI,SAJiC;EAKrC,IAAI,SALiC;EAMrC,IAAI,SANiC;EAOrC,IAAI,SAPiC;EAQrC,IAAI,SARiC;EASrC,IAAI,SATiC;EAUrC,KAAK,SAVgC;EAWrC,KAAK,SAXgC;EAYrC,KAAK,SAZgC;EAarC,KAAK,SAbgC;EAcrC,KAAK,SAdgC;EAerC,KAAK,SAfgC;EAgBrC,KAAK;AAhBgC,CAAhC;AAmBP,OAAO,MAAM,UAAU,GAAkB;EACvC,IAAI,SADmC;EAEvC,IAAI,SAFmC;EAGvC,IAAI,SAHmC;EAIvC,IAAI,SAJmC;EAKvC,IAAI,SALmC;EAMvC,IAAI,SANmC;EAOvC,IAAI,SAPmC;EAQvC,IAAI,SARmC;EASvC,IAAI,SATmC;EAUvC,KAAK,SAVkC;EAWvC,KAAK,SAXkC;EAYvC,KAAK,SAZkC;EAavC,KAAK,SAbkC;EAcvC,KAAK,SAdkC;EAevC,KAAK,SAfkC;EAgBvC,KAAK;AAhBkC,CAAlC;AAmBP,OAAO,MAAM,WAAW,GAAkB;EACxC,IAAI,SADoC;EAExC,IAAI,SAFoC;EAGxC,IAAI,SAHoC;EAIxC,IAAI,SAJoC;EAKxC,IAAI,SALoC;EAMxC,IAAI,SANoC;EAOxC,IAAI,SAPoC;EAQxC,IAAI,SARoC;EASxC,IAAI,SAToC;EAUxC,KAAK,SAVmC;EAWxC,KAAK,SAXmC;EAYxC,KAAK,SAZmC;EAaxC,KAAK,SAbmC;EAcxC,KAAK,SAdmC;EAexC,KAAK,SAfmC;EAgBxC,KAAK;AAhBmC,CAAnC","sourcesContent":["import type { BrandVariants } from '../types';\n\nexport const brandWeb: BrandVariants = {\n 10: `#061724`,\n 20: `#082338`,\n 30: `#0a2e4a`,\n 40: `#0c3b5e`,\n 50: `#0e4775`,\n 60: `#0f548c`,\n 70: `#115ea3`,\n 80: `#0f6cbd`,\n 90: `#2886de`,\n 100: `#479ef5`,\n 110: `#62abf5`,\n 120: `#77b7f7`,\n 130: `#96c6fa`,\n 140: `#b4d6fa`,\n 150: `#cfe4fa`,\n 160: `#ebf3fc`,\n};\n\nexport const brandTeams: BrandVariants = {\n 10: `#2b2b40`,\n 20: `#2f2f4a`,\n 30: `#333357`,\n 40: `#383966`,\n 50: `#3d3e78`,\n 60: `#444791`,\n 70: `#4f52b2`,\n 80: `#5b5fc7`,\n 90: `#7579eb`,\n 100: `#7f85f5`,\n 110: `#9299f7`,\n 120: `#aab1fa`,\n 130: `#b6bcfa`,\n 140: `#c5cbfa`,\n 150: `#dce0fa`,\n 160: `#e8ebfa`,\n};\n\nexport const brandOffice: BrandVariants = {\n 10: `#29130b`,\n 20: `#4d2415`,\n 30: `#792000`,\n 40: `#99482b`,\n 50: `#a52c00`,\n 60: `#c33400`,\n 70: `#e06a3f`,\n 80: `#d83b01`,\n 90: `#dd4f1b`,\n 100: `#fe7948`,\n 110: `#ff865a`,\n 120: `#ff9973`,\n 130: `#e8825d`,\n 140: `#ffb498`,\n 150: `#f4beaa`,\n 160: `#f9dcd1`,\n};\n"],"sourceRoot":"../src/"}
|
package/lib/global/colors.js
CHANGED
@@ -75,6 +75,18 @@ export const blackAlpha = {
|
|
75
75
|
'80': 'rgba(0, 0, 0, 0.8)',
|
76
76
|
'90': 'rgba(0, 0, 0, 0.9)'
|
77
77
|
};
|
78
|
+
export const grey14Alpha = {
|
79
|
+
'5': 'rgba(36, 36, 36, 0.05)',
|
80
|
+
'10': 'rgba(36, 36, 36, 0.1)',
|
81
|
+
'20': 'rgba(36, 36, 36, 0.2)',
|
82
|
+
'30': 'rgba(36, 36, 36, 0.3)',
|
83
|
+
'40': 'rgba(36, 36, 36, 0.4)',
|
84
|
+
'50': 'rgba(36, 36, 36, 0.5)',
|
85
|
+
'60': 'rgba(36, 36, 36, 0.6)',
|
86
|
+
'70': 'rgba(36, 36, 36, 0.7)',
|
87
|
+
'80': 'rgba(36, 36, 36, 0.8)',
|
88
|
+
'90': 'rgba(36, 36, 36, 0.9)'
|
89
|
+
};
|
78
90
|
export const white = '#ffffff';
|
79
91
|
export const black = '#000000';
|
80
92
|
export const hcHyperlink = '#ffff00';
|
@@ -226,12 +238,12 @@ const marigold = {
|
|
226
238
|
tint60: '#fefbf4'
|
227
239
|
};
|
228
240
|
const yellow = {
|
229
|
-
shade50: '#282400',
|
230
|
-
shade40: '#4c4400',
|
231
|
-
shade30: '#8e7f00',
|
232
|
-
shade20: '#c0ad00',
|
233
|
-
shade10: '#e4cc00',
|
234
241
|
primary: '#fde300',
|
242
|
+
shade10: '#e4cc00',
|
243
|
+
shade20: '#c0ad00',
|
244
|
+
shade30: '#817400',
|
245
|
+
shade40: '#4c4400',
|
246
|
+
shade50: '#282400',
|
235
247
|
tint10: '#fde61e',
|
236
248
|
tint20: '#fdea3d',
|
237
249
|
tint30: '#feee66',
|
@@ -771,55 +783,61 @@ const charcoal = {
|
|
771
783
|
tint50: '#dfdfdf',
|
772
784
|
tint60: '#f7f7f7'
|
773
785
|
};
|
774
|
-
export const
|
775
|
-
darkRed,
|
776
|
-
burgundy,
|
777
|
-
cranberry,
|
786
|
+
export const statusSharedColors = {
|
778
787
|
red,
|
788
|
+
green,
|
779
789
|
darkOrange,
|
780
|
-
|
790
|
+
yellow,
|
791
|
+
berry,
|
792
|
+
lightGreen,
|
793
|
+
marigold
|
794
|
+
};
|
795
|
+
export const personaSharedColors = {
|
796
|
+
darkRed,
|
797
|
+
cranberry,
|
781
798
|
pumpkin,
|
782
|
-
orange,
|
783
799
|
peach,
|
784
|
-
marigold,
|
785
|
-
yellow,
|
786
800
|
gold,
|
787
801
|
brass,
|
788
802
|
brown,
|
789
|
-
darkBrown,
|
790
|
-
lime,
|
791
803
|
forest,
|
792
804
|
seafoam,
|
793
|
-
lightGreen,
|
794
|
-
green,
|
795
805
|
darkGreen,
|
796
806
|
lightTeal,
|
797
807
|
teal,
|
798
|
-
darkTeal,
|
799
|
-
cyan,
|
800
808
|
steel,
|
801
|
-
lightBlue,
|
802
809
|
blue,
|
803
810
|
royalBlue,
|
804
|
-
darkBlue,
|
805
811
|
cornflower,
|
806
812
|
navy,
|
807
813
|
lavender,
|
808
814
|
purple,
|
809
|
-
darkPurple,
|
810
|
-
orchid,
|
811
815
|
grape,
|
812
|
-
berry,
|
813
816
|
lilac,
|
814
817
|
pink,
|
815
|
-
hotPink,
|
816
818
|
magenta,
|
817
819
|
plum,
|
818
820
|
beige,
|
819
821
|
mink,
|
820
|
-
silver,
|
821
822
|
platinum,
|
822
|
-
anchor
|
823
|
+
anchor
|
824
|
+
}; // These shared colors are currently not used in themes
|
825
|
+
// Not exported from the package, we can consider removing them
|
826
|
+
|
827
|
+
export const unusedSharedColors = {
|
828
|
+
burgundy,
|
829
|
+
bronze,
|
830
|
+
orange,
|
831
|
+
darkBrown,
|
832
|
+
lime,
|
833
|
+
darkTeal,
|
834
|
+
cyan,
|
835
|
+
lightBlue,
|
836
|
+
darkBlue,
|
837
|
+
darkPurple,
|
838
|
+
orchid,
|
839
|
+
hotPink,
|
840
|
+
silver,
|
823
841
|
charcoal
|
824
842
|
};
|
825
843
|
//# sourceMappingURL=colors.js.map
|