@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +16 -1
- package/CHANGELOG.md +11 -2
- package/dist/index.d.ts +439 -0
- package/lib/alias/darkColor.js +155 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +44 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +155 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +34 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +155 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +35 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +155 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/global/borderRadius.js +9 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.js +55 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colorPalette.js +41 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +789 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +38 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.js +10 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/spacings.js +41 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +7 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/typographyStyles.js +110 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +9 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js +3 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.js +4 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.js +3 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.js +4 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.js +4 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.js +4 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/index.js +3 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.js +4 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.js +435 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.js +26 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.js +26 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.js +26 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.js +26 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.js +5 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.js +11 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-amd/alias/darkColor.js +158 -0
- package/lib-amd/alias/darkColor.js.map +1 -0
- package/lib-amd/alias/darkColorPalette.js +47 -0
- package/lib-amd/alias/darkColorPalette.js.map +1 -0
- package/lib-amd/alias/highContrastColor.js +158 -0
- package/lib-amd/alias/highContrastColor.js.map +1 -0
- package/lib-amd/alias/highContrastColorPalette.js +37 -0
- package/lib-amd/alias/highContrastColorPalette.js.map +1 -0
- package/lib-amd/alias/lightColor.js +158 -0
- package/lib-amd/alias/lightColor.js.map +1 -0
- package/lib-amd/alias/lightColorPalette.js +38 -0
- package/lib-amd/alias/lightColorPalette.js.map +1 -0
- package/lib-amd/alias/teamsDarkColor.js +158 -0
- package/lib-amd/alias/teamsDarkColor.js.map +1 -0
- package/lib-amd/global/borderRadius.js +14 -0
- package/lib-amd/global/borderRadius.js.map +1 -0
- package/lib-amd/global/brandColors.js +60 -0
- package/lib-amd/global/brandColors.js.map +1 -0
- package/lib-amd/global/colorPalette.js +45 -0
- package/lib-amd/global/colorPalette.js.map +1 -0
- package/lib-amd/global/colors.js +793 -0
- package/lib-amd/global/colors.js.map +1 -0
- package/lib-amd/global/curves.js +17 -0
- package/lib-amd/global/curves.js.map +1 -0
- package/lib-amd/global/durations.js +15 -0
- package/lib-amd/global/durations.js.map +1 -0
- package/lib-amd/global/fonts.js +45 -0
- package/lib-amd/global/fonts.js.map +1 -0
- package/lib-amd/global/index.js +14 -0
- package/lib-amd/global/index.js.map +1 -0
- package/lib-amd/global/spacings.js +46 -0
- package/lib-amd/global/spacings.js.map +1 -0
- package/lib-amd/global/strokeWidths.js +12 -0
- package/lib-amd/global/strokeWidths.js.map +1 -0
- package/lib-amd/global/typographyStyles.js +113 -0
- package/lib-amd/global/typographyStyles.js.map +1 -0
- package/lib-amd/index.js +14 -1
- package/lib-amd/index.js.map +1 -1
- package/lib-amd/sharedColorNames.js +64 -0
- package/lib-amd/sharedColorNames.js.map +1 -0
- package/lib-amd/themeToTokensObject.js +24 -0
- package/lib-amd/themeToTokensObject.js.map +1 -0
- package/lib-amd/themes/index.js +7 -0
- package/lib-amd/themes/index.js.map +1 -0
- package/lib-amd/themes/teams/darkTheme.js +7 -0
- package/lib-amd/themes/teams/darkTheme.js.map +1 -0
- package/lib-amd/themes/teams/highContrastTheme.js +7 -0
- package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-amd/themes/teams/index.js +8 -0
- package/lib-amd/themes/teams/index.js.map +1 -0
- package/lib-amd/themes/teams/lightTheme.js +7 -0
- package/lib-amd/themes/teams/lightTheme.js.map +1 -0
- package/lib-amd/themes/web/darkTheme.js +7 -0
- package/lib-amd/themes/web/darkTheme.js.map +1 -0
- package/lib-amd/themes/web/index.js +7 -0
- package/lib-amd/themes/web/index.js.map +1 -0
- package/lib-amd/themes/web/lightTheme.js +7 -0
- package/lib-amd/themes/web/lightTheme.js.map +1 -0
- package/lib-amd/tokens.js +440 -0
- package/lib-amd/tokens.js.map +1 -0
- package/lib-amd/types.js +5 -0
- package/lib-amd/types.js.map +1 -0
- package/lib-amd/utils/createDarkTheme.js +11 -0
- package/lib-amd/utils/createDarkTheme.js.map +1 -0
- package/lib-amd/utils/createHighContrastTheme.js +11 -0
- package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
- package/lib-amd/utils/createLightTheme.js +11 -0
- package/lib-amd/utils/createLightTheme.js.map +1 -0
- package/lib-amd/utils/createTeamsDarkTheme.js +11 -0
- package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-amd/utils/index.js +9 -0
- package/lib-amd/utils/index.js.map +1 -0
- package/lib-amd/utils/shadows.js +19 -0
- package/lib-amd/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/darkColor.js +165 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +53 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +165 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +43 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +165 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +44 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +165 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +15 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +61 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colorPalette.js +49 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +796 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js +44 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.js +26 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/spacings.js +47 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js +13 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +118 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +88 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +16 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +12 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +11 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.js +14 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.js +12 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.js +441 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js +6 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.js +42 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +42 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.js +42 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +42 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.js +16 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/tokens/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundInverted: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = typeof statusSharedColorNames[number];\ntype PersonaSharedColorNames = typeof personaSharedColorNames[number];\ntype UnusedSharedColorNames = typeof unusedSharedColorNames[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 0\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
define(["require", "exports", "tslib", "../alias/darkColorPalette", "../alias/darkColor", "../global/index", "./shadows", "../global/durations", "../global/curves", "../global/spacings"], function (require, exports, tslib_1, darkColorPalette_1, darkColor_1, index_1, shadows_1, durations_1, curves_1, spacings_1) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.createDarkTheme = void 0;
|
|
5
|
+
var createDarkTheme = function (brand) {
|
|
6
|
+
var colorTokens = darkColor_1.generateColorTokens(brand);
|
|
7
|
+
return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), spacings_1.horizontalSpacings), spacings_1.verticalSpacings), durations_1.durations), curves_1.curves), colorTokens), darkColorPalette_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)), shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'));
|
|
8
|
+
};
|
|
9
|
+
exports.createDarkTheme = createDarkTheme;
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=createDarkTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createDarkTheme.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;IAUO,IAAM,eAAe,GAAoC,UAAA,KAAK;QACnE,IAAM,WAAW,GAAG,+BAAmB,CAAC,KAAK,CAAC,CAAC;QAE/C,yPACK,oBAAY,GACZ,iBAAS,GACT,mBAAW,GACX,oBAAY,GACZ,mBAAW,GACX,oBAAY,GACZ,6BAAkB,GAClB,2BAAgB,GAChB,qBAAS,GACT,eAAM,GAEN,WAAW,GACX,qCAAkB,GAElB,4BAAkB,CAAC,WAAW,CAAC,yBAAyB,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAC5F,4BAAkB,CAAC,WAAW,CAAC,uBAAuB,EAAE,WAAW,CAAC,mBAAmB,EAAE,OAAO,CAAC,EACpG;IACJ,CAAC,CAAC;IArBW,QAAA,eAAe,mBAqB1B","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
define(["require", "exports", "tslib", "../alias/highContrastColorPalette", "../alias/highContrastColor", "../global/index", "./shadows", "../global/durations", "../global/curves", "../global/spacings"], function (require, exports, tslib_1, highContrastColorPalette_1, highContrastColor_1, index_1, shadows_1, durations_1, curves_1, spacings_1) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.createHighContrastTheme = void 0;
|
|
5
|
+
var createHighContrastTheme = function () {
|
|
6
|
+
var colorTokens = highContrastColor_1.generateColorTokens();
|
|
7
|
+
return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), spacings_1.horizontalSpacings), spacings_1.verticalSpacings), durations_1.durations), curves_1.curves), colorTokens), highContrastColorPalette_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)), shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'));
|
|
8
|
+
};
|
|
9
|
+
exports.createHighContrastTheme = createHighContrastTheme;
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=createHighContrastTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createHighContrastTheme.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;IAUO,IAAM,uBAAuB,GAAG;QACrC,IAAM,WAAW,GAAG,uCAAmB,EAAE,CAAC;QAE1C,yPACK,oBAAY,GACZ,iBAAS,GACT,mBAAW,GACX,oBAAY,GACZ,mBAAW,GACX,oBAAY,GACZ,6BAAkB,GAClB,2BAAgB,GAChB,qBAAS,GACT,eAAM,GAEN,WAAW,GACX,6CAAkB,GAElB,4BAAkB,CAAC,WAAW,CAAC,yBAAyB,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAC5F,4BAAkB,CAAC,WAAW,CAAC,uBAAuB,EAAE,WAAW,CAAC,mBAAmB,EAAE,OAAO,CAAC,EACpG;IACJ,CAAC,CAAC;IArBW,QAAA,uBAAuB,2BAqBlC","sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
define(["require", "exports", "tslib", "../alias/lightColorPalette", "../alias/lightColor", "../global/index", "./shadows", "../global/durations", "../global/curves", "../global/spacings"], function (require, exports, tslib_1, lightColorPalette_1, lightColor_1, index_1, shadows_1, durations_1, curves_1, spacings_1) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.createLightTheme = void 0;
|
|
5
|
+
var createLightTheme = function (brand) {
|
|
6
|
+
var colorTokens = lightColor_1.generateColorTokens(brand);
|
|
7
|
+
return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), spacings_1.horizontalSpacings), spacings_1.verticalSpacings), durations_1.durations), curves_1.curves), colorTokens), lightColorPalette_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)), shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'));
|
|
8
|
+
};
|
|
9
|
+
exports.createLightTheme = createLightTheme;
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=createLightTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createLightTheme.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;IAUO,IAAM,gBAAgB,GAAoC,UAAA,KAAK;QACpE,IAAM,WAAW,GAAG,gCAAmB,CAAC,KAAK,CAAC,CAAC;QAE/C,yPACK,oBAAY,GACZ,iBAAS,GACT,mBAAW,GACX,oBAAY,GACZ,mBAAW,GACX,oBAAY,GACZ,6BAAkB,GAClB,2BAAgB,GAChB,qBAAS,GACT,eAAM,GAEN,WAAW,GACX,sCAAkB,GAElB,4BAAkB,CAAC,WAAW,CAAC,yBAAyB,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAC5F,4BAAkB,CAAC,WAAW,CAAC,uBAAuB,EAAE,WAAW,CAAC,mBAAmB,EAAE,OAAO,CAAC,EACpG;IACJ,CAAC,CAAC;IArBW,QAAA,gBAAgB,oBAqB3B","sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
define(["require", "exports", "tslib", "../alias/darkColorPalette", "../alias/teamsDarkColor", "../global/index", "./shadows", "../global/durations", "../global/curves", "../global/spacings"], function (require, exports, tslib_1, darkColorPalette_1, teamsDarkColor_1, index_1, shadows_1, durations_1, curves_1, spacings_1) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.createTeamsDarkTheme = void 0;
|
|
5
|
+
var createTeamsDarkTheme = function (brand) {
|
|
6
|
+
var colorTokens = teamsDarkColor_1.generateColorTokens(brand);
|
|
7
|
+
return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), spacings_1.horizontalSpacings), spacings_1.verticalSpacings), durations_1.durations), curves_1.curves), colorTokens), darkColorPalette_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)), shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'));
|
|
8
|
+
};
|
|
9
|
+
exports.createTeamsDarkTheme = createTeamsDarkTheme;
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=createTeamsDarkTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTeamsDarkTheme.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;IAUO,IAAM,oBAAoB,GAAoC,UAAA,KAAK;QACxE,IAAM,WAAW,GAAG,oCAAmB,CAAC,KAAK,CAAC,CAAC;QAE/C,yPACK,oBAAY,GACZ,iBAAS,GACT,mBAAW,GACX,oBAAY,GACZ,mBAAW,GACX,oBAAY,GACZ,6BAAkB,GAClB,2BAAgB,GAChB,qBAAS,GACT,eAAM,GAEN,WAAW,GACX,qCAAkB,GAElB,4BAAkB,CAAC,WAAW,CAAC,yBAAyB,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAC5F,4BAAkB,CAAC,WAAW,CAAC,uBAAuB,EAAE,WAAW,CAAC,mBAAmB,EAAE,OAAO,CAAC,EACpG;IACJ,CAAC,CAAC;IArBW,QAAA,oBAAoB,wBAqB/B","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
define(["require", "exports", "tslib", "./createLightTheme", "./createDarkTheme", "./createTeamsDarkTheme", "./createHighContrastTheme"], function (require, exports, tslib_1, createLightTheme_1, createDarkTheme_1, createTeamsDarkTheme_1, createHighContrastTheme_1) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
tslib_1.__exportStar(createLightTheme_1, exports);
|
|
5
|
+
tslib_1.__exportStar(createDarkTheme_1, exports);
|
|
6
|
+
tslib_1.__exportStar(createTeamsDarkTheme_1, exports);
|
|
7
|
+
tslib_1.__exportStar(createHighContrastTheme_1, exports);
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/index.ts"],"names":[],"mappings":";;;IAAA,kDAAmC;IACnC,iDAAkC;IAClC,sDAAuC;IACvC,yDAA0C","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
define(["require", "exports"], function (require, exports) {
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.createShadowTokens = void 0;
|
|
5
|
+
function createShadowTokens(ambientColor, keyColor, tokenSuffix) {
|
|
6
|
+
var _a;
|
|
7
|
+
if (tokenSuffix === void 0) { tokenSuffix = ''; }
|
|
8
|
+
return _a = {},
|
|
9
|
+
_a["shadow2" + tokenSuffix] = "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
|
|
10
|
+
_a["shadow4" + tokenSuffix] = "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
|
|
11
|
+
_a["shadow8" + tokenSuffix] = "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
|
|
12
|
+
_a["shadow16" + tokenSuffix] = "0 0 2px " + ambientColor + ", 0 8px 16px " + keyColor,
|
|
13
|
+
_a["shadow28" + tokenSuffix] = "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
|
|
14
|
+
_a["shadow64" + tokenSuffix] = "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor,
|
|
15
|
+
_a;
|
|
16
|
+
}
|
|
17
|
+
exports.createShadowTokens = createShadowTokens;
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=shadows.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/shadows.ts"],"names":[],"mappings":";;;;IAKA,SAAgB,kBAAkB,CAAC,YAAoB,EAAE,QAAgB,EAAE,WAA8B;;QAA9B,4BAAA,EAAA,gBAA8B;QACvG;YACE,GAAC,YAAU,WAAa,IAAG,aAAW,YAAY,oBAAe,QAAU;YAC3E,GAAC,YAAU,WAAa,IAAG,aAAW,YAAY,oBAAe,QAAU;YAC3E,GAAC,YAAU,WAAa,IAAG,aAAW,YAAY,oBAAe,QAAU;YAC3E,GAAC,aAAW,WAAa,IAAG,aAAW,YAAY,qBAAgB,QAAU;YAC7E,GAAC,aAAW,WAAa,IAAG,aAAW,YAAY,sBAAiB,QAAU;YAC9E,GAAC,aAAW,WAAa,IAAG,aAAW,YAAY,sBAAiB,QAAU;eAC9E;IACJ,CAAC;IATD,gDASC","sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"]}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/* !!! DO NOT EDIT !!! */
|
|
3
|
+
|
|
4
|
+
/* This file has been generated by the token pipeline */
|
|
5
|
+
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.generateColorTokens = void 0;
|
|
10
|
+
|
|
11
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
|
12
|
+
|
|
13
|
+
const generateColorTokens = brand => ({
|
|
14
|
+
colorNeutralForeground1: colors_1.white,
|
|
15
|
+
colorNeutralForeground1Hover: colors_1.white,
|
|
16
|
+
colorNeutralForeground1Pressed: colors_1.white,
|
|
17
|
+
colorNeutralForeground1Selected: colors_1.white,
|
|
18
|
+
colorNeutralForeground2: colors_1.grey[84],
|
|
19
|
+
colorNeutralForeground2Hover: colors_1.white,
|
|
20
|
+
colorNeutralForeground2Pressed: colors_1.white,
|
|
21
|
+
colorNeutralForeground2Selected: colors_1.white,
|
|
22
|
+
colorNeutralForeground2BrandHover: brand[100],
|
|
23
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
|
24
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
|
25
|
+
colorNeutralForeground3: colors_1.grey[68],
|
|
26
|
+
colorNeutralForeground3Hover: colors_1.grey[84],
|
|
27
|
+
colorNeutralForeground3Pressed: colors_1.grey[84],
|
|
28
|
+
colorNeutralForeground3Selected: colors_1.grey[84],
|
|
29
|
+
colorNeutralForeground3BrandHover: brand[100],
|
|
30
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
|
31
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
|
32
|
+
colorNeutralForeground4: colors_1.grey[60],
|
|
33
|
+
colorNeutralForegroundDisabled: colors_1.grey[36],
|
|
34
|
+
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
|
|
35
|
+
colorBrandForegroundLink: brand[100],
|
|
36
|
+
colorBrandForegroundLinkHover: brand[110],
|
|
37
|
+
colorBrandForegroundLinkPressed: brand[90],
|
|
38
|
+
colorBrandForegroundLinkSelected: brand[100],
|
|
39
|
+
colorNeutralForeground2Link: colors_1.grey[84],
|
|
40
|
+
colorNeutralForeground2LinkHover: colors_1.white,
|
|
41
|
+
colorNeutralForeground2LinkPressed: colors_1.white,
|
|
42
|
+
colorNeutralForeground2LinkSelected: colors_1.white,
|
|
43
|
+
colorCompoundBrandForeground1: brand[100],
|
|
44
|
+
colorCompoundBrandForeground1Hover: brand[110],
|
|
45
|
+
colorCompoundBrandForeground1Pressed: brand[90],
|
|
46
|
+
colorBrandForeground1: brand[100],
|
|
47
|
+
colorBrandForeground2: brand[110],
|
|
48
|
+
colorNeutralForeground1Static: colors_1.grey[14],
|
|
49
|
+
colorNeutralForegroundStaticInverted: colors_1.white,
|
|
50
|
+
colorNeutralForegroundInverted: colors_1.grey[14],
|
|
51
|
+
colorNeutralForegroundInvertedHover: colors_1.grey[14],
|
|
52
|
+
colorNeutralForegroundInvertedPressed: colors_1.grey[14],
|
|
53
|
+
colorNeutralForegroundInvertedSelected: colors_1.grey[14],
|
|
54
|
+
colorNeutralForegroundInverted2: colors_1.grey[14],
|
|
55
|
+
colorNeutralForegroundOnBrand: colors_1.white,
|
|
56
|
+
colorNeutralForegroundInvertedLink: colors_1.white,
|
|
57
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
|
58
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
|
59
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
|
60
|
+
colorBrandForegroundInverted: brand[80],
|
|
61
|
+
colorBrandForegroundInvertedHover: brand[70],
|
|
62
|
+
colorBrandForegroundInvertedPressed: brand[60],
|
|
63
|
+
colorBrandForegroundOnLight: brand[80],
|
|
64
|
+
colorBrandForegroundOnLightHover: brand[70],
|
|
65
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
|
66
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
|
67
|
+
colorNeutralBackground1: colors_1.grey[16],
|
|
68
|
+
colorNeutralBackground1Hover: colors_1.grey[24],
|
|
69
|
+
colorNeutralBackground1Pressed: colors_1.grey[12],
|
|
70
|
+
colorNeutralBackground1Selected: colors_1.grey[22],
|
|
71
|
+
colorNeutralBackground2: colors_1.grey[12],
|
|
72
|
+
colorNeutralBackground2Hover: colors_1.grey[20],
|
|
73
|
+
colorNeutralBackground2Pressed: colors_1.grey[8],
|
|
74
|
+
colorNeutralBackground2Selected: colors_1.grey[18],
|
|
75
|
+
colorNeutralBackground3: colors_1.grey[8],
|
|
76
|
+
colorNeutralBackground3Hover: colors_1.grey[16],
|
|
77
|
+
colorNeutralBackground3Pressed: colors_1.grey[4],
|
|
78
|
+
colorNeutralBackground3Selected: colors_1.grey[14],
|
|
79
|
+
colorNeutralBackground4: colors_1.grey[4],
|
|
80
|
+
colorNeutralBackground4Hover: colors_1.grey[12],
|
|
81
|
+
colorNeutralBackground4Pressed: colors_1.black,
|
|
82
|
+
colorNeutralBackground4Selected: colors_1.grey[10],
|
|
83
|
+
colorNeutralBackground5: colors_1.black,
|
|
84
|
+
colorNeutralBackground5Hover: colors_1.grey[8],
|
|
85
|
+
colorNeutralBackground5Pressed: colors_1.grey[2],
|
|
86
|
+
colorNeutralBackground5Selected: colors_1.grey[6],
|
|
87
|
+
colorNeutralBackground6: colors_1.grey[20],
|
|
88
|
+
colorNeutralBackgroundInverted: colors_1.white,
|
|
89
|
+
colorNeutralBackgroundStatic: colors_1.grey[24],
|
|
90
|
+
colorSubtleBackground: 'transparent',
|
|
91
|
+
colorSubtleBackgroundHover: colors_1.grey[22],
|
|
92
|
+
colorSubtleBackgroundPressed: colors_1.grey[18],
|
|
93
|
+
colorSubtleBackgroundSelected: colors_1.grey[20],
|
|
94
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
|
|
95
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
|
|
96
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
|
97
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
98
|
+
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
|
|
99
|
+
colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
|
|
100
|
+
colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
|
|
101
|
+
colorTransparentBackground: 'transparent',
|
|
102
|
+
colorTransparentBackgroundHover: 'transparent',
|
|
103
|
+
colorTransparentBackgroundPressed: 'transparent',
|
|
104
|
+
colorTransparentBackgroundSelected: 'transparent',
|
|
105
|
+
colorNeutralBackgroundDisabled: colors_1.grey[8],
|
|
106
|
+
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
|
107
|
+
colorNeutralStencil1: colors_1.grey[34],
|
|
108
|
+
colorNeutralStencil2: colors_1.grey[20],
|
|
109
|
+
colorNeutralStencil1Alpha: colors_1.whiteAlpha[10],
|
|
110
|
+
colorNeutralStencil2Alpha: colors_1.whiteAlpha[5],
|
|
111
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
|
112
|
+
colorScrollbarOverlay: colors_1.whiteAlpha[60],
|
|
113
|
+
colorBrandBackground: brand[70],
|
|
114
|
+
colorBrandBackgroundHover: brand[80],
|
|
115
|
+
colorBrandBackgroundPressed: brand[40],
|
|
116
|
+
colorBrandBackgroundSelected: brand[60],
|
|
117
|
+
colorCompoundBrandBackground: brand[100],
|
|
118
|
+
colorCompoundBrandBackgroundHover: brand[110],
|
|
119
|
+
colorCompoundBrandBackgroundPressed: brand[90],
|
|
120
|
+
colorBrandBackgroundStatic: brand[80],
|
|
121
|
+
colorBrandBackground2: brand[40],
|
|
122
|
+
colorBrandBackgroundInverted: colors_1.white,
|
|
123
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
|
124
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
|
125
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
|
126
|
+
colorNeutralStrokeAccessible: colors_1.grey[68],
|
|
127
|
+
colorNeutralStrokeAccessibleHover: colors_1.grey[74],
|
|
128
|
+
colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
|
|
129
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
|
130
|
+
colorNeutralStroke1: colors_1.grey[40],
|
|
131
|
+
colorNeutralStroke1Hover: colors_1.grey[46],
|
|
132
|
+
colorNeutralStroke1Pressed: colors_1.grey[42],
|
|
133
|
+
colorNeutralStroke1Selected: colors_1.grey[44],
|
|
134
|
+
colorNeutralStroke2: colors_1.grey[32],
|
|
135
|
+
colorNeutralStroke3: colors_1.grey[24],
|
|
136
|
+
colorNeutralStrokeOnBrand: colors_1.grey[16],
|
|
137
|
+
colorNeutralStrokeOnBrand2: colors_1.white,
|
|
138
|
+
colorNeutralStrokeOnBrand2Hover: colors_1.white,
|
|
139
|
+
colorNeutralStrokeOnBrand2Pressed: colors_1.white,
|
|
140
|
+
colorNeutralStrokeOnBrand2Selected: colors_1.white,
|
|
141
|
+
colorBrandStroke1: brand[100],
|
|
142
|
+
colorBrandStroke2: brand[50],
|
|
143
|
+
colorCompoundBrandStroke: brand[100],
|
|
144
|
+
colorCompoundBrandStrokeHover: brand[110],
|
|
145
|
+
colorCompoundBrandStrokePressed: brand[90],
|
|
146
|
+
colorNeutralStrokeDisabled: colors_1.grey[26],
|
|
147
|
+
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
|
|
148
|
+
colorTransparentStroke: 'transparent',
|
|
149
|
+
colorTransparentStrokeInteractive: 'transparent',
|
|
150
|
+
colorTransparentStrokeDisabled: 'transparent',
|
|
151
|
+
colorStrokeFocus1: colors_1.black,
|
|
152
|
+
colorStrokeFocus2: colors_1.white,
|
|
153
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
154
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
155
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
156
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
157
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
158
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
159
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
160
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
|
161
|
+
|
|
162
|
+
});
|
|
163
|
+
|
|
164
|
+
exports.generateColorTokens = generateColorTokens;
|
|
165
|
+
//# sourceMappingURL=darkColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/* color palette used in both darkTheme and teamsDarkTheme */
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.colorPaletteTokens = void 0;
|
|
8
|
+
|
|
9
|
+
const colorPalette_1 = /*#__PURE__*/require("../global/colorPalette");
|
|
10
|
+
|
|
11
|
+
const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames");
|
|
12
|
+
|
|
13
|
+
const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => {
|
|
14
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
15
|
+
const sharedColorTokens = {
|
|
16
|
+
[`colorPalette${color}Background1`]: colorPalette_1.statusSharedColors[sharedColor].shade40,
|
|
17
|
+
[`colorPalette${color}Background2`]: colorPalette_1.statusSharedColors[sharedColor].shade30,
|
|
18
|
+
[`colorPalette${color}Background3`]: colorPalette_1.statusSharedColors[sharedColor].primary,
|
|
19
|
+
[`colorPalette${color}Foreground1`]: colorPalette_1.statusSharedColors[sharedColor].tint30,
|
|
20
|
+
[`colorPalette${color}Foreground2`]: colorPalette_1.statusSharedColors[sharedColor].tint40,
|
|
21
|
+
[`colorPalette${color}Foreground3`]: colorPalette_1.statusSharedColors[sharedColor].tint20,
|
|
22
|
+
[`colorPalette${color}BorderActive`]: colorPalette_1.statusSharedColors[sharedColor].tint30,
|
|
23
|
+
[`colorPalette${color}Border1`]: colorPalette_1.statusSharedColors[sharedColor].primary,
|
|
24
|
+
[`colorPalette${color}Border2`]: colorPalette_1.statusSharedColors[sharedColor].tint20
|
|
25
|
+
};
|
|
26
|
+
return Object.assign(acc, sharedColorTokens);
|
|
27
|
+
}, {}); // one-off patches
|
|
28
|
+
|
|
29
|
+
statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30;
|
|
30
|
+
statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30;
|
|
31
|
+
statusColorPaletteTokens.colorPaletteGreenForeground3 = colorPalette_1.statusSharedColors.green.tint40;
|
|
32
|
+
statusColorPaletteTokens.colorPaletteGreenBorder2 = colorPalette_1.statusSharedColors.green.tint40;
|
|
33
|
+
statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = colorPalette_1.statusSharedColors.darkOrange.tint30;
|
|
34
|
+
statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = colorPalette_1.statusSharedColors.darkOrange.tint30;
|
|
35
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.primary;
|
|
36
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.primary;
|
|
37
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.shade30;
|
|
38
|
+
const personaColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.personaSharedColorNames.reduce((acc, sharedColor) => {
|
|
39
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
40
|
+
const sharedColorTokens = {
|
|
41
|
+
[`colorPalette${color}Background2`]: colorPalette_1.personaSharedColors[sharedColor].shade30,
|
|
42
|
+
[`colorPalette${color}Foreground2`]: colorPalette_1.personaSharedColors[sharedColor].tint40,
|
|
43
|
+
[`colorPalette${color}BorderActive`]: colorPalette_1.personaSharedColors[sharedColor].tint30
|
|
44
|
+
};
|
|
45
|
+
return Object.assign(acc, sharedColorTokens);
|
|
46
|
+
}, {}); // one-off patches
|
|
47
|
+
|
|
48
|
+
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20;
|
|
49
|
+
personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20;
|
|
50
|
+
exports.colorPaletteTokens = { ...statusColorPaletteTokens,
|
|
51
|
+
...personaColorPaletteTokens
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=darkColorPalette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["packages/tokens/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/* !!! DO NOT EDIT !!! */
|
|
3
|
+
|
|
4
|
+
/* This file has been generated by the token pipeline */
|
|
5
|
+
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.generateColorTokens = void 0;
|
|
10
|
+
|
|
11
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
|
12
|
+
|
|
13
|
+
const generateColorTokens = () => ({
|
|
14
|
+
colorNeutralForeground1: colors_1.hcCanvasText,
|
|
15
|
+
colorNeutralForeground1Hover: colors_1.hcHighlightText,
|
|
16
|
+
colorNeutralForeground1Pressed: colors_1.hcHighlightText,
|
|
17
|
+
colorNeutralForeground1Selected: colors_1.hcHighlightText,
|
|
18
|
+
colorNeutralForeground2: colors_1.hcCanvasText,
|
|
19
|
+
colorNeutralForeground2Hover: colors_1.hcHighlightText,
|
|
20
|
+
colorNeutralForeground2Pressed: colors_1.hcHighlightText,
|
|
21
|
+
colorNeutralForeground2Selected: colors_1.hcHighlightText,
|
|
22
|
+
colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
|
|
23
|
+
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
|
|
24
|
+
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
|
|
25
|
+
colorNeutralForeground3: colors_1.hcCanvasText,
|
|
26
|
+
colorNeutralForeground3Hover: colors_1.hcHighlightText,
|
|
27
|
+
colorNeutralForeground3Pressed: colors_1.hcHighlightText,
|
|
28
|
+
colorNeutralForeground3Selected: colors_1.hcHighlightText,
|
|
29
|
+
colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
|
|
30
|
+
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
|
|
31
|
+
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
|
|
32
|
+
colorNeutralForeground4: colors_1.hcCanvasText,
|
|
33
|
+
colorNeutralForegroundDisabled: colors_1.hcDisabled,
|
|
34
|
+
colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
|
|
35
|
+
colorBrandForegroundLink: colors_1.hcHyperlink,
|
|
36
|
+
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
|
37
|
+
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
|
38
|
+
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
|
39
|
+
colorNeutralForeground2Link: colors_1.hcHyperlink,
|
|
40
|
+
colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
|
|
41
|
+
colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
|
|
42
|
+
colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
|
|
43
|
+
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
|
44
|
+
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
|
45
|
+
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
|
46
|
+
colorBrandForeground1: colors_1.hcCanvasText,
|
|
47
|
+
colorBrandForeground2: colors_1.hcButtonText,
|
|
48
|
+
colorNeutralForeground1Static: colors_1.hcCanvas,
|
|
49
|
+
colorNeutralForegroundStaticInverted: colors_1.hcCanvasText,
|
|
50
|
+
colorNeutralForegroundInverted: colors_1.hcHighlightText,
|
|
51
|
+
colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
|
|
52
|
+
colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
|
|
53
|
+
colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
|
|
54
|
+
colorNeutralForegroundInverted2: colors_1.hcCanvasText,
|
|
55
|
+
colorNeutralForegroundOnBrand: colors_1.hcButtonText,
|
|
56
|
+
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
|
|
57
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
|
|
58
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
|
|
59
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
|
|
60
|
+
colorBrandForegroundInverted: colors_1.hcCanvasText,
|
|
61
|
+
colorBrandForegroundInvertedHover: colors_1.hcHighlightText,
|
|
62
|
+
colorBrandForegroundInvertedPressed: colors_1.hcHighlightText,
|
|
63
|
+
colorBrandForegroundOnLight: colors_1.hcButtonText,
|
|
64
|
+
colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
|
|
65
|
+
colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
|
|
66
|
+
colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
|
|
67
|
+
colorNeutralBackground1: colors_1.hcCanvas,
|
|
68
|
+
colorNeutralBackground1Hover: colors_1.hcHighlight,
|
|
69
|
+
colorNeutralBackground1Pressed: colors_1.hcHighlight,
|
|
70
|
+
colorNeutralBackground1Selected: colors_1.hcHighlight,
|
|
71
|
+
colorNeutralBackground2: colors_1.hcCanvas,
|
|
72
|
+
colorNeutralBackground2Hover: colors_1.hcHighlight,
|
|
73
|
+
colorNeutralBackground2Pressed: colors_1.hcHighlight,
|
|
74
|
+
colorNeutralBackground2Selected: colors_1.hcHighlight,
|
|
75
|
+
colorNeutralBackground3: colors_1.hcCanvas,
|
|
76
|
+
colorNeutralBackground3Hover: colors_1.hcHighlight,
|
|
77
|
+
colorNeutralBackground3Pressed: colors_1.hcHighlight,
|
|
78
|
+
colorNeutralBackground3Selected: colors_1.hcHighlight,
|
|
79
|
+
colorNeutralBackground4: colors_1.hcCanvas,
|
|
80
|
+
colorNeutralBackground4Hover: colors_1.hcHighlight,
|
|
81
|
+
colorNeutralBackground4Pressed: colors_1.hcHighlight,
|
|
82
|
+
colorNeutralBackground4Selected: colors_1.hcHighlight,
|
|
83
|
+
colorNeutralBackground5: colors_1.hcCanvas,
|
|
84
|
+
colorNeutralBackground5Hover: colors_1.hcHighlight,
|
|
85
|
+
colorNeutralBackground5Pressed: colors_1.hcHighlight,
|
|
86
|
+
colorNeutralBackground5Selected: colors_1.hcHighlight,
|
|
87
|
+
colorNeutralBackground6: colors_1.hcCanvas,
|
|
88
|
+
colorNeutralBackgroundInverted: colors_1.hcCanvas,
|
|
89
|
+
colorNeutralBackgroundStatic: colors_1.hcCanvas,
|
|
90
|
+
colorSubtleBackground: 'transparent',
|
|
91
|
+
colorSubtleBackgroundHover: colors_1.hcHighlight,
|
|
92
|
+
colorSubtleBackgroundPressed: colors_1.hcHighlight,
|
|
93
|
+
colorSubtleBackgroundSelected: colors_1.hcHighlight,
|
|
94
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
|
|
95
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
|
|
96
|
+
colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
|
|
97
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
98
|
+
colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
|
|
99
|
+
colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
|
|
100
|
+
colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
|
|
101
|
+
colorTransparentBackground: 'transparent',
|
|
102
|
+
colorTransparentBackgroundHover: colors_1.hcHighlight,
|
|
103
|
+
colorTransparentBackgroundPressed: colors_1.hcHighlight,
|
|
104
|
+
colorTransparentBackgroundSelected: colors_1.hcHighlight,
|
|
105
|
+
colorNeutralBackgroundDisabled: colors_1.hcCanvas,
|
|
106
|
+
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
|
|
107
|
+
colorNeutralStencil1: colors_1.hcCanvasText,
|
|
108
|
+
colorNeutralStencil2: colors_1.hcCanvasText,
|
|
109
|
+
colorNeutralStencil1Alpha: colors_1.hcCanvasText,
|
|
110
|
+
colorNeutralStencil2Alpha: colors_1.hcCanvasText,
|
|
111
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
|
112
|
+
colorScrollbarOverlay: colors_1.hcButtonFace,
|
|
113
|
+
colorBrandBackground: colors_1.hcButtonFace,
|
|
114
|
+
colorBrandBackgroundHover: colors_1.hcHighlight,
|
|
115
|
+
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
|
116
|
+
colorBrandBackgroundSelected: colors_1.hcHighlight,
|
|
117
|
+
colorCompoundBrandBackground: colors_1.hcHighlight,
|
|
118
|
+
colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
|
|
119
|
+
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
|
|
120
|
+
colorBrandBackgroundStatic: colors_1.hcCanvas,
|
|
121
|
+
colorBrandBackground2: colors_1.hcButtonFace,
|
|
122
|
+
colorBrandBackgroundInverted: colors_1.hcButtonFace,
|
|
123
|
+
colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
|
|
124
|
+
colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
|
|
125
|
+
colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
|
|
126
|
+
colorNeutralStrokeAccessible: colors_1.hcCanvasText,
|
|
127
|
+
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
|
|
128
|
+
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
|
|
129
|
+
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
|
|
130
|
+
colorNeutralStroke1: colors_1.hcCanvasText,
|
|
131
|
+
colorNeutralStroke1Hover: colors_1.hcHighlight,
|
|
132
|
+
colorNeutralStroke1Pressed: colors_1.hcHighlight,
|
|
133
|
+
colorNeutralStroke1Selected: colors_1.hcHighlight,
|
|
134
|
+
colorNeutralStroke2: colors_1.hcCanvasText,
|
|
135
|
+
colorNeutralStroke3: colors_1.hcCanvasText,
|
|
136
|
+
colorNeutralStrokeOnBrand: colors_1.hcCanvas,
|
|
137
|
+
colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
|
|
138
|
+
colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
|
|
139
|
+
colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
|
|
140
|
+
colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
|
|
141
|
+
colorBrandStroke1: colors_1.hcCanvasText,
|
|
142
|
+
colorBrandStroke2: colors_1.hcCanvasText,
|
|
143
|
+
colorCompoundBrandStroke: colors_1.hcHighlight,
|
|
144
|
+
colorCompoundBrandStrokeHover: colors_1.hcHighlight,
|
|
145
|
+
colorCompoundBrandStrokePressed: colors_1.hcHighlight,
|
|
146
|
+
colorNeutralStrokeDisabled: colors_1.hcDisabled,
|
|
147
|
+
colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
|
|
148
|
+
colorTransparentStroke: colors_1.hcCanvasText,
|
|
149
|
+
colorTransparentStrokeInteractive: colors_1.hcHighlight,
|
|
150
|
+
colorTransparentStrokeDisabled: colors_1.hcDisabled,
|
|
151
|
+
colorStrokeFocus1: colors_1.hcCanvas,
|
|
152
|
+
colorStrokeFocus2: colors_1.hcHighlight,
|
|
153
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
154
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
155
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
156
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
157
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
158
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
159
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
160
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
|
161
|
+
|
|
162
|
+
});
|
|
163
|
+
|
|
164
|
+
exports.generateColorTokens = generateColorTokens;
|
|
165
|
+
//# sourceMappingURL=highContrastColor.js.map
|