@fluentui/react-theme 9.0.0-rc.4 → 9.0.0-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +136 -1
- package/CHANGELOG.md +77 -40
- package/dist/{react-theme.d.ts → index.d.ts} +102 -1
- package/lib/alias/darkColor.d.ts +2 -0
- package/lib/alias/{dark.js → darkColor.js} +20 -31
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.d.ts +2 -0
- package/lib/alias/darkColorPalette.js +19 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.d.ts +2 -0
- package/lib/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.d.ts +2 -0
- package/lib/alias/highContrastColorPalette.js +19 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.d.ts +2 -0
- package/lib/alias/{light.js → lightColor.js} +9 -20
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.d.ts +2 -0
- package/lib/alias/lightColorPalette.js +19 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.d.ts +2 -0
- package/lib/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.d.ts +2 -0
- package/lib/alias/teamsDarkColorPalette.js +19 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/brandColors.js +16 -16
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.d.ts +1 -0
- package/lib/global/colors.js +17 -5
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.d.ts +2 -0
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.d.ts +2 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/index.d.ts +5 -0
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.d.ts +4 -0
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/typographyStyles.d.ts +5 -0
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.d.ts +4 -3
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/tokens.js +48 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.d.ts +90 -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-commonjs/alias/darkColor.d.ts +2 -0
- package/lib-commonjs/alias/{dark.js → darkColor.js} +20 -31
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.d.ts +2 -0
- package/lib-commonjs/alias/darkColorPalette.js +27 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.d.ts +2 -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.d.ts +2 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +27 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.d.ts +2 -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.d.ts +2 -0
- package/lib-commonjs/alias/lightColorPalette.js +27 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.d.ts +2 -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.d.ts +2 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +27 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +16 -16
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.d.ts +1 -0
- package/lib-commonjs/global/colors.js +18 -6
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.d.ts +2 -0
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.d.ts +2 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/index.d.ts +5 -0
- package/lib-commonjs/global/index.js +10 -0
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.d.ts +4 -0
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.d.ts +5 -0
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.d.ts +4 -3
- package/lib-commonjs/index.js +73 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/tokens.js +48 -1
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.d.ts +90 -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/package.json +5 -8
- 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-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/types.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\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 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 colorNeutralForegroundOnBrand: 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 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 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 ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground1'\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedBackground3'\n | 'colorPaletteDarkRedForeground1'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedForeground3'\n | 'colorPaletteDarkRedBorderActive'\n | 'colorPaletteDarkRedBorder1'\n | 'colorPaletteDarkRedBorder2';\n\nexport type ColorPaletteBurgundy =\n | 'colorPaletteBurgundyBackground1'\n | 'colorPaletteBurgundyBackground2'\n | 'colorPaletteBurgundyBackground3'\n | 'colorPaletteBurgundyForeground1'\n | 'colorPaletteBurgundyForeground2'\n | 'colorPaletteBurgundyForeground3'\n | 'colorPaletteBurgundyBorderActive'\n | 'colorPaletteBurgundyBorder1'\n | 'colorPaletteBurgundyBorder2';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground1'\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryBackground3'\n | 'colorPaletteCranberryForeground1'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryForeground3'\n | 'colorPaletteCranberryBorderActive'\n | 'colorPaletteCranberryBorder1'\n | 'colorPaletteCranberryBorder2';\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\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 ColorPaletteBronze =\n | 'colorPaletteBronzeBackground1'\n | 'colorPaletteBronzeBackground2'\n | 'colorPaletteBronzeBackground3'\n | 'colorPaletteBronzeForeground1'\n | 'colorPaletteBronzeForeground2'\n | 'colorPaletteBronzeForeground3'\n | 'colorPaletteBronzeBorderActive'\n | 'colorPaletteBronzeBorder1'\n | 'colorPaletteBronzeBorder2';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground1'\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinBackground3'\n | 'colorPalettePumpkinForeground1'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinForeground3'\n | 'colorPalettePumpkinBorderActive'\n | 'colorPalettePumpkinBorder1'\n | 'colorPalettePumpkinBorder2';\n\nexport type ColorPaletteOrange =\n | 'colorPaletteOrangeBackground1'\n | 'colorPaletteOrangeBackground2'\n | 'colorPaletteOrangeBackground3'\n | 'colorPaletteOrangeForeground1'\n | 'colorPaletteOrangeForeground2'\n | 'colorPaletteOrangeForeground3'\n | 'colorPaletteOrangeBorderActive'\n | 'colorPaletteOrangeBorder1'\n | 'colorPaletteOrangeBorder2';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground1'\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachBackground3'\n | 'colorPalettePeachForeground1'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachForeground3'\n | 'colorPalettePeachBorderActive'\n | 'colorPalettePeachBorder1'\n | 'colorPalettePeachBorder2';\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 ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground1'\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldBackground3'\n | 'colorPaletteGoldForeground1'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldForeground3'\n | 'colorPaletteGoldBorderActive'\n | 'colorPaletteGoldBorder1'\n | 'colorPaletteGoldBorder2';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground1'\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassBackground3'\n | 'colorPaletteBrassForeground1'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassForeground3'\n | 'colorPaletteBrassBorderActive'\n | 'colorPaletteBrassBorder1'\n | 'colorPaletteBrassBorder2';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground1'\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownBackground3'\n | 'colorPaletteBrownForeground1'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownForeground3'\n | 'colorPaletteBrownBorderActive'\n | 'colorPaletteBrownBorder1'\n | 'colorPaletteBrownBorder2';\n\nexport type ColorPaletteDarkBrown =\n | 'colorPaletteDarkBrownBackground1'\n | 'colorPaletteDarkBrownBackground2'\n | 'colorPaletteDarkBrownBackground3'\n | 'colorPaletteDarkBrownForeground1'\n | 'colorPaletteDarkBrownForeground2'\n | 'colorPaletteDarkBrownForeground3'\n | 'colorPaletteDarkBrownBorderActive'\n | 'colorPaletteDarkBrownBorder1'\n | 'colorPaletteDarkBrownBorder2';\n\nexport type ColorPaletteLime =\n | 'colorPaletteLimeBackground1'\n | 'colorPaletteLimeBackground2'\n | 'colorPaletteLimeBackground3'\n | 'colorPaletteLimeForeground1'\n | 'colorPaletteLimeForeground2'\n | 'colorPaletteLimeForeground3'\n | 'colorPaletteLimeBorderActive'\n | 'colorPaletteLimeBorder1'\n | 'colorPaletteLimeBorder2';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground1'\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestBackground3'\n | 'colorPaletteForestForeground1'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestForeground3'\n | 'colorPaletteForestBorderActive'\n | 'colorPaletteForestBorder1'\n | 'colorPaletteForestBorder2';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground1'\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamBackground3'\n | 'colorPaletteSeafoamForeground1'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamForeground3'\n | 'colorPaletteSeafoamBorderActive'\n | 'colorPaletteSeafoamBorder1'\n | 'colorPaletteSeafoamBorder2';\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 ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground1'\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenBackground3'\n | 'colorPaletteDarkGreenForeground1'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenForeground3'\n | 'colorPaletteDarkGreenBorderActive'\n | 'colorPaletteDarkGreenBorder1'\n | 'colorPaletteDarkGreenBorder2';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground1'\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealBackground3'\n | 'colorPaletteLightTealForeground1'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealForeground3'\n | 'colorPaletteLightTealBorderActive'\n | 'colorPaletteLightTealBorder1'\n | 'colorPaletteLightTealBorder2';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground1'\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealBackground3'\n | 'colorPaletteTealForeground1'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealForeground3'\n | 'colorPaletteTealBorderActive'\n | 'colorPaletteTealBorder1'\n | 'colorPaletteTealBorder2';\n\nexport type ColorPaletteDarkTeal =\n | 'colorPaletteDarkTealBackground1'\n | 'colorPaletteDarkTealBackground2'\n | 'colorPaletteDarkTealBackground3'\n | 'colorPaletteDarkTealForeground1'\n | 'colorPaletteDarkTealForeground2'\n | 'colorPaletteDarkTealForeground3'\n | 'colorPaletteDarkTealBorderActive'\n | 'colorPaletteDarkTealBorder1'\n | 'colorPaletteDarkTealBorder2';\n\nexport type ColorPaletteCyan =\n | 'colorPaletteCyanBackground1'\n | 'colorPaletteCyanBackground2'\n | 'colorPaletteCyanBackground3'\n | 'colorPaletteCyanForeground1'\n | 'colorPaletteCyanForeground2'\n | 'colorPaletteCyanForeground3'\n | 'colorPaletteCyanBorderActive'\n | 'colorPaletteCyanBorder1'\n | 'colorPaletteCyanBorder2';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground1'\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelBackground3'\n | 'colorPaletteSteelForeground1'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelForeground3'\n | 'colorPaletteSteelBorderActive'\n | 'colorPaletteSteelBorder1'\n | 'colorPaletteSteelBorder2';\n\nexport type ColorPaletteLightBlue =\n | 'colorPaletteLightBlueBackground1'\n | 'colorPaletteLightBlueBackground2'\n | 'colorPaletteLightBlueBackground3'\n | 'colorPaletteLightBlueForeground1'\n | 'colorPaletteLightBlueForeground2'\n | 'colorPaletteLightBlueForeground3'\n | 'colorPaletteLightBlueBorderActive'\n | 'colorPaletteLightBlueBorder1'\n | 'colorPaletteLightBlueBorder2';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground1'\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueBackground3'\n | 'colorPaletteBlueForeground1'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueForeground3'\n | 'colorPaletteBlueBorderActive'\n | 'colorPaletteBlueBorder1'\n | 'colorPaletteBlueBorder2';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground1'\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueBackground3'\n | 'colorPaletteRoyalBlueForeground1'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueForeground3'\n | 'colorPaletteRoyalBlueBorderActive'\n | 'colorPaletteRoyalBlueBorder1'\n | 'colorPaletteRoyalBlueBorder2';\n\nexport type ColorPaletteDarkBlue =\n | 'colorPaletteDarkBlueBackground1'\n | 'colorPaletteDarkBlueBackground2'\n | 'colorPaletteDarkBlueBackground3'\n | 'colorPaletteDarkBlueForeground1'\n | 'colorPaletteDarkBlueForeground2'\n | 'colorPaletteDarkBlueForeground3'\n | 'colorPaletteDarkBlueBorderActive'\n | 'colorPaletteDarkBlueBorder1'\n | 'colorPaletteDarkBlueBorder2';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground1'\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerBackground3'\n | 'colorPaletteCornflowerForeground1'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerForeground3'\n | 'colorPaletteCornflowerBorderActive'\n | 'colorPaletteCornflowerBorder1'\n | 'colorPaletteCornflowerBorder2';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground1'\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyBackground3'\n | 'colorPaletteNavyForeground1'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyForeground3'\n | 'colorPaletteNavyBorderActive'\n | 'colorPaletteNavyBorder1'\n | 'colorPaletteNavyBorder2';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground1'\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderBackground3'\n | 'colorPaletteLavenderForeground1'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderForeground3'\n | 'colorPaletteLavenderBorderActive'\n | 'colorPaletteLavenderBorder1'\n | 'colorPaletteLavenderBorder2';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground1'\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleBackground3'\n | 'colorPalettePurpleForeground1'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleForeground3'\n | 'colorPalettePurpleBorderActive'\n | 'colorPalettePurpleBorder1'\n | 'colorPalettePurpleBorder2';\n\nexport type ColorPaletteDarkPurple =\n | 'colorPaletteDarkPurpleBackground1'\n | 'colorPaletteDarkPurpleBackground2'\n | 'colorPaletteDarkPurpleBackground3'\n | 'colorPaletteDarkPurpleForeground1'\n | 'colorPaletteDarkPurpleForeground2'\n | 'colorPaletteDarkPurpleForeground3'\n | 'colorPaletteDarkPurpleBorderActive'\n | 'colorPaletteDarkPurpleBorder1'\n | 'colorPaletteDarkPurpleBorder2';\n\nexport type ColorPaletteOrchid =\n | 'colorPaletteOrchidBackground1'\n | 'colorPaletteOrchidBackground2'\n | 'colorPaletteOrchidBackground3'\n | 'colorPaletteOrchidForeground1'\n | 'colorPaletteOrchidForeground2'\n | 'colorPaletteOrchidForeground3'\n | 'colorPaletteOrchidBorderActive'\n | 'colorPaletteOrchidBorder1'\n | 'colorPaletteOrchidBorder2';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground1'\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeBackground3'\n | 'colorPaletteGrapeForeground1'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeForeground3'\n | 'colorPaletteGrapeBorderActive'\n | 'colorPaletteGrapeBorder1'\n | 'colorPaletteGrapeBorder2';\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 ColorPaletteLilac =\n | 'colorPaletteLilacBackground1'\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacBackground3'\n | 'colorPaletteLilacForeground1'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacForeground3'\n | 'colorPaletteLilacBorderActive'\n | 'colorPaletteLilacBorder1'\n | 'colorPaletteLilacBorder2';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground1'\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkBackground3'\n | 'colorPalettePinkForeground1'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkForeground3'\n | 'colorPalettePinkBorderActive'\n | 'colorPalettePinkBorder1'\n | 'colorPalettePinkBorder2';\n\nexport type ColorPaletteHotPink =\n | 'colorPaletteHotPinkBackground1'\n | 'colorPaletteHotPinkBackground2'\n | 'colorPaletteHotPinkBackground3'\n | 'colorPaletteHotPinkForeground1'\n | 'colorPaletteHotPinkForeground2'\n | 'colorPaletteHotPinkForeground3'\n | 'colorPaletteHotPinkBorderActive'\n | 'colorPaletteHotPinkBorder1'\n | 'colorPaletteHotPinkBorder2';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground1'\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaBackground3'\n | 'colorPaletteMagentaForeground1'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaForeground3'\n | 'colorPaletteMagentaBorderActive'\n | 'colorPaletteMagentaBorder1'\n | 'colorPaletteMagentaBorder2';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground1'\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumBackground3'\n | 'colorPalettePlumForeground1'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumForeground3'\n | 'colorPalettePlumBorderActive'\n | 'colorPalettePlumBorder1'\n | 'colorPalettePlumBorder2';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground1'\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeBackground3'\n | 'colorPaletteBeigeForeground1'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeForeground3'\n | 'colorPaletteBeigeBorderActive'\n | 'colorPaletteBeigeBorder1'\n | 'colorPaletteBeigeBorder2';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground1'\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkBackground3'\n | 'colorPaletteMinkForeground1'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkForeground3'\n | 'colorPaletteMinkBorderActive'\n | 'colorPaletteMinkBorder1'\n | 'colorPaletteMinkBorder2';\n\nexport type ColorPaletteSilver =\n | 'colorPaletteSilverBackground1'\n | 'colorPaletteSilverBackground2'\n | 'colorPaletteSilverBackground3'\n | 'colorPaletteSilverForeground1'\n | 'colorPaletteSilverForeground2'\n | 'colorPaletteSilverForeground3'\n | 'colorPaletteSilverBorderActive'\n | 'colorPaletteSilverBorder1'\n | 'colorPaletteSilverBorder2';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground1'\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumBackground3'\n | 'colorPalettePlatinumForeground1'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumForeground3'\n | 'colorPalettePlatinumBorderActive'\n | 'colorPalettePlatinumBorder1'\n | 'colorPalettePlatinumBorder2';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground1'\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorBackground3'\n | 'colorPaletteAnchorForeground1'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorForeground3'\n | 'colorPaletteAnchorBorderActive'\n | 'colorPaletteAnchorBorder1'\n | 'colorPaletteAnchorBorder2';\n\nexport type ColorPaletteCharcoal =\n | 'colorPaletteCharcoalBackground1'\n | 'colorPaletteCharcoalBackground2'\n | 'colorPaletteCharcoalBackground3'\n | 'colorPaletteCharcoalForeground1'\n | 'colorPaletteCharcoalForeground2'\n | 'colorPaletteCharcoalForeground3'\n | 'colorPaletteCharcoalBorderActive'\n | 'colorPaletteCharcoalBorder1'\n | 'colorPaletteCharcoalBorder2';\n\nexport type ColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteBurgundy\n | ColorPaletteCranberry\n | ColorPaletteRed\n | ColorPaletteDarkOrange\n | ColorPaletteBronze\n | ColorPalettePumpkin\n | ColorPaletteOrange\n | ColorPalettePeach\n | ColorPaletteMarigold\n | ColorPaletteYellow\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteDarkBrown\n | ColorPaletteLime\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteLightGreen\n | ColorPaletteGreen\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteDarkTeal\n | ColorPaletteCyan\n | ColorPaletteSteel\n | ColorPaletteLightBlue\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteDarkBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteDarkPurple\n | ColorPaletteOrchid\n | ColorPaletteGrape\n | ColorPaletteBerry\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteHotPink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPaletteSilver\n | ColorPalettePlatinum\n | ColorPaletteAnchor\n | ColorPaletteCharcoal,\n string\n>;\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\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n darkRed: ColorVariants;\n burgundy: ColorVariants;\n cranberry: ColorVariants;\n red: ColorVariants;\n darkOrange: ColorVariants;\n bronze: ColorVariants;\n pumpkin: ColorVariants;\n orange: ColorVariants;\n peach: ColorVariants;\n marigold: ColorVariants;\n yellow: ColorVariants;\n gold: ColorVariants;\n brass: ColorVariants;\n brown: ColorVariants;\n darkBrown: ColorVariants;\n lime: ColorVariants;\n forest: ColorVariants;\n seafoam: ColorVariants;\n lightGreen: ColorVariants;\n green: ColorVariants;\n darkGreen: ColorVariants;\n lightTeal: ColorVariants;\n teal: ColorVariants;\n darkTeal: ColorVariants;\n cyan: ColorVariants;\n steel: ColorVariants;\n lightBlue: ColorVariants;\n blue: ColorVariants;\n royalBlue: ColorVariants;\n darkBlue: ColorVariants;\n cornflower: ColorVariants;\n navy: ColorVariants;\n lavender: ColorVariants;\n purple: ColorVariants;\n darkPurple: ColorVariants;\n orchid: ColorVariants;\n grape: ColorVariants;\n berry: ColorVariants;\n lilac: ColorVariants;\n pink: ColorVariants;\n hotPink: ColorVariants;\n magenta: ColorVariants;\n plum: ColorVariants;\n beige: ColorVariants;\n mink: ColorVariants;\n silver: ColorVariants;\n platinum: ColorVariants;\n anchor: ColorVariants;\n charcoal: ColorVariants;\n};\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};\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 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\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 ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\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 colorNeutralForegroundOnBrand: 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 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 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 ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground1'\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedBackground3'\n | 'colorPaletteDarkRedForeground1'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedForeground3'\n | 'colorPaletteDarkRedBorderActive'\n | 'colorPaletteDarkRedBorder1'\n | 'colorPaletteDarkRedBorder2';\n\nexport type ColorPaletteBurgundy =\n | 'colorPaletteBurgundyBackground1'\n | 'colorPaletteBurgundyBackground2'\n | 'colorPaletteBurgundyBackground3'\n | 'colorPaletteBurgundyForeground1'\n | 'colorPaletteBurgundyForeground2'\n | 'colorPaletteBurgundyForeground3'\n | 'colorPaletteBurgundyBorderActive'\n | 'colorPaletteBurgundyBorder1'\n | 'colorPaletteBurgundyBorder2';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground1'\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryBackground3'\n | 'colorPaletteCranberryForeground1'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryForeground3'\n | 'colorPaletteCranberryBorderActive'\n | 'colorPaletteCranberryBorder1'\n | 'colorPaletteCranberryBorder2';\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\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 ColorPaletteBronze =\n | 'colorPaletteBronzeBackground1'\n | 'colorPaletteBronzeBackground2'\n | 'colorPaletteBronzeBackground3'\n | 'colorPaletteBronzeForeground1'\n | 'colorPaletteBronzeForeground2'\n | 'colorPaletteBronzeForeground3'\n | 'colorPaletteBronzeBorderActive'\n | 'colorPaletteBronzeBorder1'\n | 'colorPaletteBronzeBorder2';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground1'\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinBackground3'\n | 'colorPalettePumpkinForeground1'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinForeground3'\n | 'colorPalettePumpkinBorderActive'\n | 'colorPalettePumpkinBorder1'\n | 'colorPalettePumpkinBorder2';\n\nexport type ColorPaletteOrange =\n | 'colorPaletteOrangeBackground1'\n | 'colorPaletteOrangeBackground2'\n | 'colorPaletteOrangeBackground3'\n | 'colorPaletteOrangeForeground1'\n | 'colorPaletteOrangeForeground2'\n | 'colorPaletteOrangeForeground3'\n | 'colorPaletteOrangeBorderActive'\n | 'colorPaletteOrangeBorder1'\n | 'colorPaletteOrangeBorder2';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground1'\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachBackground3'\n | 'colorPalettePeachForeground1'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachForeground3'\n | 'colorPalettePeachBorderActive'\n | 'colorPalettePeachBorder1'\n | 'colorPalettePeachBorder2';\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 ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground1'\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldBackground3'\n | 'colorPaletteGoldForeground1'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldForeground3'\n | 'colorPaletteGoldBorderActive'\n | 'colorPaletteGoldBorder1'\n | 'colorPaletteGoldBorder2';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground1'\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassBackground3'\n | 'colorPaletteBrassForeground1'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassForeground3'\n | 'colorPaletteBrassBorderActive'\n | 'colorPaletteBrassBorder1'\n | 'colorPaletteBrassBorder2';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground1'\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownBackground3'\n | 'colorPaletteBrownForeground1'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownForeground3'\n | 'colorPaletteBrownBorderActive'\n | 'colorPaletteBrownBorder1'\n | 'colorPaletteBrownBorder2';\n\nexport type ColorPaletteDarkBrown =\n | 'colorPaletteDarkBrownBackground1'\n | 'colorPaletteDarkBrownBackground2'\n | 'colorPaletteDarkBrownBackground3'\n | 'colorPaletteDarkBrownForeground1'\n | 'colorPaletteDarkBrownForeground2'\n | 'colorPaletteDarkBrownForeground3'\n | 'colorPaletteDarkBrownBorderActive'\n | 'colorPaletteDarkBrownBorder1'\n | 'colorPaletteDarkBrownBorder2';\n\nexport type ColorPaletteLime =\n | 'colorPaletteLimeBackground1'\n | 'colorPaletteLimeBackground2'\n | 'colorPaletteLimeBackground3'\n | 'colorPaletteLimeForeground1'\n | 'colorPaletteLimeForeground2'\n | 'colorPaletteLimeForeground3'\n | 'colorPaletteLimeBorderActive'\n | 'colorPaletteLimeBorder1'\n | 'colorPaletteLimeBorder2';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground1'\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestBackground3'\n | 'colorPaletteForestForeground1'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestForeground3'\n | 'colorPaletteForestBorderActive'\n | 'colorPaletteForestBorder1'\n | 'colorPaletteForestBorder2';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground1'\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamBackground3'\n | 'colorPaletteSeafoamForeground1'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamForeground3'\n | 'colorPaletteSeafoamBorderActive'\n | 'colorPaletteSeafoamBorder1'\n | 'colorPaletteSeafoamBorder2';\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 ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground1'\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenBackground3'\n | 'colorPaletteDarkGreenForeground1'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenForeground3'\n | 'colorPaletteDarkGreenBorderActive'\n | 'colorPaletteDarkGreenBorder1'\n | 'colorPaletteDarkGreenBorder2';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground1'\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealBackground3'\n | 'colorPaletteLightTealForeground1'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealForeground3'\n | 'colorPaletteLightTealBorderActive'\n | 'colorPaletteLightTealBorder1'\n | 'colorPaletteLightTealBorder2';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground1'\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealBackground3'\n | 'colorPaletteTealForeground1'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealForeground3'\n | 'colorPaletteTealBorderActive'\n | 'colorPaletteTealBorder1'\n | 'colorPaletteTealBorder2';\n\nexport type ColorPaletteDarkTeal =\n | 'colorPaletteDarkTealBackground1'\n | 'colorPaletteDarkTealBackground2'\n | 'colorPaletteDarkTealBackground3'\n | 'colorPaletteDarkTealForeground1'\n | 'colorPaletteDarkTealForeground2'\n | 'colorPaletteDarkTealForeground3'\n | 'colorPaletteDarkTealBorderActive'\n | 'colorPaletteDarkTealBorder1'\n | 'colorPaletteDarkTealBorder2';\n\nexport type ColorPaletteCyan =\n | 'colorPaletteCyanBackground1'\n | 'colorPaletteCyanBackground2'\n | 'colorPaletteCyanBackground3'\n | 'colorPaletteCyanForeground1'\n | 'colorPaletteCyanForeground2'\n | 'colorPaletteCyanForeground3'\n | 'colorPaletteCyanBorderActive'\n | 'colorPaletteCyanBorder1'\n | 'colorPaletteCyanBorder2';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground1'\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelBackground3'\n | 'colorPaletteSteelForeground1'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelForeground3'\n | 'colorPaletteSteelBorderActive'\n | 'colorPaletteSteelBorder1'\n | 'colorPaletteSteelBorder2';\n\nexport type ColorPaletteLightBlue =\n | 'colorPaletteLightBlueBackground1'\n | 'colorPaletteLightBlueBackground2'\n | 'colorPaletteLightBlueBackground3'\n | 'colorPaletteLightBlueForeground1'\n | 'colorPaletteLightBlueForeground2'\n | 'colorPaletteLightBlueForeground3'\n | 'colorPaletteLightBlueBorderActive'\n | 'colorPaletteLightBlueBorder1'\n | 'colorPaletteLightBlueBorder2';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground1'\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueBackground3'\n | 'colorPaletteBlueForeground1'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueForeground3'\n | 'colorPaletteBlueBorderActive'\n | 'colorPaletteBlueBorder1'\n | 'colorPaletteBlueBorder2';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground1'\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueBackground3'\n | 'colorPaletteRoyalBlueForeground1'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueForeground3'\n | 'colorPaletteRoyalBlueBorderActive'\n | 'colorPaletteRoyalBlueBorder1'\n | 'colorPaletteRoyalBlueBorder2';\n\nexport type ColorPaletteDarkBlue =\n | 'colorPaletteDarkBlueBackground1'\n | 'colorPaletteDarkBlueBackground2'\n | 'colorPaletteDarkBlueBackground3'\n | 'colorPaletteDarkBlueForeground1'\n | 'colorPaletteDarkBlueForeground2'\n | 'colorPaletteDarkBlueForeground3'\n | 'colorPaletteDarkBlueBorderActive'\n | 'colorPaletteDarkBlueBorder1'\n | 'colorPaletteDarkBlueBorder2';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground1'\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerBackground3'\n | 'colorPaletteCornflowerForeground1'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerForeground3'\n | 'colorPaletteCornflowerBorderActive'\n | 'colorPaletteCornflowerBorder1'\n | 'colorPaletteCornflowerBorder2';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground1'\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyBackground3'\n | 'colorPaletteNavyForeground1'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyForeground3'\n | 'colorPaletteNavyBorderActive'\n | 'colorPaletteNavyBorder1'\n | 'colorPaletteNavyBorder2';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground1'\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderBackground3'\n | 'colorPaletteLavenderForeground1'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderForeground3'\n | 'colorPaletteLavenderBorderActive'\n | 'colorPaletteLavenderBorder1'\n | 'colorPaletteLavenderBorder2';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground1'\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleBackground3'\n | 'colorPalettePurpleForeground1'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleForeground3'\n | 'colorPalettePurpleBorderActive'\n | 'colorPalettePurpleBorder1'\n | 'colorPalettePurpleBorder2';\n\nexport type ColorPaletteDarkPurple =\n | 'colorPaletteDarkPurpleBackground1'\n | 'colorPaletteDarkPurpleBackground2'\n | 'colorPaletteDarkPurpleBackground3'\n | 'colorPaletteDarkPurpleForeground1'\n | 'colorPaletteDarkPurpleForeground2'\n | 'colorPaletteDarkPurpleForeground3'\n | 'colorPaletteDarkPurpleBorderActive'\n | 'colorPaletteDarkPurpleBorder1'\n | 'colorPaletteDarkPurpleBorder2';\n\nexport type ColorPaletteOrchid =\n | 'colorPaletteOrchidBackground1'\n | 'colorPaletteOrchidBackground2'\n | 'colorPaletteOrchidBackground3'\n | 'colorPaletteOrchidForeground1'\n | 'colorPaletteOrchidForeground2'\n | 'colorPaletteOrchidForeground3'\n | 'colorPaletteOrchidBorderActive'\n | 'colorPaletteOrchidBorder1'\n | 'colorPaletteOrchidBorder2';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground1'\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeBackground3'\n | 'colorPaletteGrapeForeground1'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeForeground3'\n | 'colorPaletteGrapeBorderActive'\n | 'colorPaletteGrapeBorder1'\n | 'colorPaletteGrapeBorder2';\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 ColorPaletteLilac =\n | 'colorPaletteLilacBackground1'\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacBackground3'\n | 'colorPaletteLilacForeground1'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacForeground3'\n | 'colorPaletteLilacBorderActive'\n | 'colorPaletteLilacBorder1'\n | 'colorPaletteLilacBorder2';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground1'\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkBackground3'\n | 'colorPalettePinkForeground1'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkForeground3'\n | 'colorPalettePinkBorderActive'\n | 'colorPalettePinkBorder1'\n | 'colorPalettePinkBorder2';\n\nexport type ColorPaletteHotPink =\n | 'colorPaletteHotPinkBackground1'\n | 'colorPaletteHotPinkBackground2'\n | 'colorPaletteHotPinkBackground3'\n | 'colorPaletteHotPinkForeground1'\n | 'colorPaletteHotPinkForeground2'\n | 'colorPaletteHotPinkForeground3'\n | 'colorPaletteHotPinkBorderActive'\n | 'colorPaletteHotPinkBorder1'\n | 'colorPaletteHotPinkBorder2';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground1'\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaBackground3'\n | 'colorPaletteMagentaForeground1'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaForeground3'\n | 'colorPaletteMagentaBorderActive'\n | 'colorPaletteMagentaBorder1'\n | 'colorPaletteMagentaBorder2';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground1'\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumBackground3'\n | 'colorPalettePlumForeground1'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumForeground3'\n | 'colorPalettePlumBorderActive'\n | 'colorPalettePlumBorder1'\n | 'colorPalettePlumBorder2';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground1'\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeBackground3'\n | 'colorPaletteBeigeForeground1'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeForeground3'\n | 'colorPaletteBeigeBorderActive'\n | 'colorPaletteBeigeBorder1'\n | 'colorPaletteBeigeBorder2';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground1'\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkBackground3'\n | 'colorPaletteMinkForeground1'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkForeground3'\n | 'colorPaletteMinkBorderActive'\n | 'colorPaletteMinkBorder1'\n | 'colorPaletteMinkBorder2';\n\nexport type ColorPaletteSilver =\n | 'colorPaletteSilverBackground1'\n | 'colorPaletteSilverBackground2'\n | 'colorPaletteSilverBackground3'\n | 'colorPaletteSilverForeground1'\n | 'colorPaletteSilverForeground2'\n | 'colorPaletteSilverForeground3'\n | 'colorPaletteSilverBorderActive'\n | 'colorPaletteSilverBorder1'\n | 'colorPaletteSilverBorder2';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground1'\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumBackground3'\n | 'colorPalettePlatinumForeground1'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumForeground3'\n | 'colorPalettePlatinumBorderActive'\n | 'colorPalettePlatinumBorder1'\n | 'colorPalettePlatinumBorder2';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground1'\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorBackground3'\n | 'colorPaletteAnchorForeground1'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorForeground3'\n | 'colorPaletteAnchorBorderActive'\n | 'colorPaletteAnchorBorder1'\n | 'colorPaletteAnchorBorder2';\n\nexport type ColorPaletteCharcoal =\n | 'colorPaletteCharcoalBackground1'\n | 'colorPaletteCharcoalBackground2'\n | 'colorPaletteCharcoalBackground3'\n | 'colorPaletteCharcoalForeground1'\n | 'colorPaletteCharcoalForeground2'\n | 'colorPaletteCharcoalForeground3'\n | 'colorPaletteCharcoalBorderActive'\n | 'colorPaletteCharcoalBorder1'\n | 'colorPaletteCharcoalBorder2';\n\nexport type ColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteBurgundy\n | ColorPaletteCranberry\n | ColorPaletteRed\n | ColorPaletteDarkOrange\n | ColorPaletteBronze\n | ColorPalettePumpkin\n | ColorPaletteOrange\n | ColorPalettePeach\n | ColorPaletteMarigold\n | ColorPaletteYellow\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteDarkBrown\n | ColorPaletteLime\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteLightGreen\n | ColorPaletteGreen\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteDarkTeal\n | ColorPaletteCyan\n | ColorPaletteSteel\n | ColorPaletteLightBlue\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteDarkBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteDarkPurple\n | ColorPaletteOrchid\n | ColorPaletteGrape\n | ColorPaletteBerry\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteHotPink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPaletteSilver\n | ColorPalettePlatinum\n | ColorPaletteAnchor\n | ColorPaletteCharcoal,\n string\n>;\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\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n darkRed: ColorVariants;\n burgundy: ColorVariants;\n cranberry: ColorVariants;\n red: ColorVariants;\n darkOrange: ColorVariants;\n bronze: ColorVariants;\n pumpkin: ColorVariants;\n orange: ColorVariants;\n peach: ColorVariants;\n marigold: ColorVariants;\n yellow: ColorVariants;\n gold: ColorVariants;\n brass: ColorVariants;\n brown: ColorVariants;\n darkBrown: ColorVariants;\n lime: ColorVariants;\n forest: ColorVariants;\n seafoam: ColorVariants;\n lightGreen: ColorVariants;\n green: ColorVariants;\n darkGreen: ColorVariants;\n lightTeal: ColorVariants;\n teal: ColorVariants;\n darkTeal: ColorVariants;\n cyan: ColorVariants;\n steel: ColorVariants;\n lightBlue: ColorVariants;\n blue: ColorVariants;\n royalBlue: ColorVariants;\n darkBlue: ColorVariants;\n cornflower: ColorVariants;\n navy: ColorVariants;\n lavender: ColorVariants;\n purple: ColorVariants;\n darkPurple: ColorVariants;\n orchid: ColorVariants;\n grape: ColorVariants;\n berry: ColorVariants;\n lilac: ColorVariants;\n pink: ColorVariants;\n hotPink: ColorVariants;\n magenta: ColorVariants;\n plum: ColorVariants;\n beige: ColorVariants;\n mink: ColorVariants;\n silver: ColorVariants;\n platinum: ColorVariants;\n anchor: ColorVariants;\n charcoal: ColorVariants;\n};\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};\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 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"]}
|
@@ -1,6 +1,10 @@
|
|
1
|
-
import { colorPaletteTokens
|
1
|
+
import { colorPaletteTokens } from '../alias/darkColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/darkColor';
|
2
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
3
4
|
import { createShadowTokens } from './shadows';
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
4
8
|
export const createDarkTheme = brand => {
|
5
9
|
const colorTokens = generateColorTokens(brand);
|
6
10
|
return { ...borderRadius,
|
@@ -9,6 +13,10 @@ export const createDarkTheme = brand => {
|
|
9
13
|
...fontFamilies,
|
10
14
|
...fontWeights,
|
11
15
|
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
12
20
|
...colorTokens,
|
13
21
|
...colorPaletteTokens,
|
14
22
|
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,
|
1
|
+
{"version":3,"sources":["utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,oBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","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"],"sourceRoot":"../src/"}
|
@@ -1,6 +1,10 @@
|
|
1
|
-
import { colorPaletteTokens
|
1
|
+
import { colorPaletteTokens } from '../alias/highContrastColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/highContrastColor';
|
2
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
3
4
|
import { createShadowTokens } from './shadows';
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
4
8
|
export const createHighContrastTheme = () => {
|
5
9
|
const colorTokens = generateColorTokens();
|
6
10
|
return { ...borderRadius,
|
@@ -9,6 +13,10 @@ export const createHighContrastTheme = () => {
|
|
9
13
|
...fontFamilies,
|
10
14
|
...fontWeights,
|
11
15
|
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
12
20
|
...colorTokens,
|
13
21
|
...colorPaletteTokens,
|
14
22
|
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,
|
1
|
+
{"version":3,"sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,mCAAnC;AACA,SAAS,mBAAT,QAAoC,4BAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,mBAAmB,EAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","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"],"sourceRoot":"../src/"}
|
@@ -1,6 +1,10 @@
|
|
1
|
-
import { colorPaletteTokens
|
1
|
+
import { colorPaletteTokens } from '../alias/lightColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/lightColor';
|
2
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
3
4
|
import { createShadowTokens } from './shadows';
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
4
8
|
export const createLightTheme = brand => {
|
5
9
|
const colorTokens = generateColorTokens(brand);
|
6
10
|
return { ...borderRadius,
|
@@ -9,6 +13,10 @@ export const createLightTheme = brand => {
|
|
9
13
|
...fontFamilies,
|
10
14
|
...fontWeights,
|
11
15
|
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
12
20
|
...colorTokens,
|
13
21
|
...colorPaletteTokens,
|
14
22
|
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,
|
1
|
+
{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,4BAAnC;AACA,SAAS,mBAAT,QAAoC,qBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","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"],"sourceRoot":"../src/"}
|
@@ -1,6 +1,10 @@
|
|
1
|
-
import { colorPaletteTokens
|
1
|
+
import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/teamsDarkColor';
|
2
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
3
4
|
import { createShadowTokens } from './shadows';
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
4
8
|
export const createTeamsDarkTheme = brand => {
|
5
9
|
const colorTokens = generateColorTokens(brand);
|
6
10
|
return { ...borderRadius,
|
@@ -9,6 +13,10 @@ export const createTeamsDarkTheme = brand => {
|
|
9
13
|
...fontFamilies,
|
10
14
|
...fontWeights,
|
11
15
|
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
12
20
|
...colorTokens,
|
13
21
|
...colorPaletteTokens,
|
14
22
|
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,
|
1
|
+
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,gCAAnC;AACA,SAAS,mBAAT,QAAoC,yBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';\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"],"sourceRoot":"../src/"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.generateColorTokens = void 0;
|
7
7
|
|
8
8
|
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
@@ -29,13 +29,17 @@ const generateColorTokens = brand => ({
|
|
29
29
|
colorNeutralForeground4: colors_1.grey[60],
|
30
30
|
colorNeutralForegroundDisabled: colors_1.grey[36],
|
31
31
|
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
|
32
|
-
colorBrandForegroundLink: brand[
|
32
|
+
colorBrandForegroundLink: brand[100],
|
33
33
|
colorBrandForegroundLinkHover: brand[110],
|
34
|
-
colorBrandForegroundLinkPressed: brand[
|
35
|
-
colorBrandForegroundLinkSelected: brand[
|
36
|
-
|
37
|
-
|
38
|
-
|
34
|
+
colorBrandForegroundLinkPressed: brand[90],
|
35
|
+
colorBrandForegroundLinkSelected: brand[100],
|
36
|
+
colorNeutralForeground2Link: colors_1.grey[84],
|
37
|
+
colorNeutralForeground2LinkHover: colors_1.white,
|
38
|
+
colorNeutralForeground2LinkPressed: colors_1.white,
|
39
|
+
colorNeutralForeground2LinkSelected: colors_1.white,
|
40
|
+
colorCompoundBrandForeground1: brand[100],
|
41
|
+
colorCompoundBrandForeground1Hover: brand[110],
|
42
|
+
colorCompoundBrandForeground1Pressed: brand[90],
|
39
43
|
colorBrandForeground1: brand[100],
|
40
44
|
colorBrandForeground2: brand[110],
|
41
45
|
colorNeutralForeground1Static: colors_1.grey[14],
|
@@ -81,8 +85,8 @@ const generateColorTokens = brand => ({
|
|
81
85
|
colorSubtleBackgroundHover: colors_1.grey[22],
|
82
86
|
colorSubtleBackgroundPressed: colors_1.grey[18],
|
83
87
|
colorSubtleBackgroundSelected: colors_1.grey[20],
|
84
|
-
colorSubtleBackgroundLightAlphaHover: colors_1.
|
85
|
-
colorSubtleBackgroundLightAlphaPressed: colors_1.
|
88
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
|
89
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
|
86
90
|
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
87
91
|
colorSubtleBackgroundInverted: 'transparent',
|
88
92
|
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
|
@@ -96,13 +100,15 @@ const generateColorTokens = brand => ({
|
|
96
100
|
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
97
101
|
colorNeutralStencil1: colors_1.grey[34],
|
98
102
|
colorNeutralStencil2: colors_1.grey[20],
|
103
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
104
|
+
colorScrollbarOverlay: colors_1.whiteAlpha[60],
|
99
105
|
colorBrandBackground: brand[70],
|
100
106
|
colorBrandBackgroundHover: brand[80],
|
101
107
|
colorBrandBackgroundPressed: brand[40],
|
102
108
|
colorBrandBackgroundSelected: brand[60],
|
103
|
-
colorCompoundBrandBackground: brand[
|
104
|
-
colorCompoundBrandBackgroundHover: brand[
|
105
|
-
colorCompoundBrandBackgroundPressed: brand[
|
109
|
+
colorCompoundBrandBackground: brand[100],
|
110
|
+
colorCompoundBrandBackgroundHover: brand[110],
|
111
|
+
colorCompoundBrandBackgroundPressed: brand[90],
|
106
112
|
colorBrandBackgroundStatic: brand[80],
|
107
113
|
colorBrandBackground2: brand[40],
|
108
114
|
colorBrandBackgroundInverted: colors_1.white,
|
@@ -124,7 +130,7 @@ const generateColorTokens = brand => ({
|
|
124
130
|
colorNeutralStrokeOnBrand2Hover: colors_1.white,
|
125
131
|
colorNeutralStrokeOnBrand2Pressed: colors_1.white,
|
126
132
|
colorNeutralStrokeOnBrand2Selected: colors_1.white,
|
127
|
-
colorBrandStroke1: brand[
|
133
|
+
colorBrandStroke1: brand[100],
|
128
134
|
colorBrandStroke2: brand[50],
|
129
135
|
colorCompoundBrandStroke: brand[90],
|
130
136
|
colorCompoundBrandStrokeHover: brand[100],
|
@@ -148,21 +154,4 @@ const generateColorTokens = brand => ({
|
|
148
154
|
});
|
149
155
|
|
150
156
|
exports.generateColorTokens = generateColorTokens;
|
151
|
-
|
152
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
-
const sharedColorTokens = {
|
154
|
-
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
|
155
|
-
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
|
156
|
-
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
157
|
-
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
|
158
|
-
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
|
159
|
-
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
|
160
|
-
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
|
161
|
-
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary,
|
162
|
-
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
|
163
|
-
};
|
164
|
-
return { ...acc,
|
165
|
-
...sharedColorTokens
|
166
|
-
};
|
167
|
-
}, {});
|
168
|
-
//# sourceMappingURL=dark.js.map
|
157
|
+
//# sourceMappingURL=darkColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/darkColor.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[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: 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,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.colorPaletteTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
11
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
12
|
+
const sharedColorTokens = {
|
13
|
+
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
|
14
|
+
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
|
15
|
+
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
16
|
+
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
|
17
|
+
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
|
18
|
+
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
|
19
|
+
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
|
20
|
+
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].primary,
|
21
|
+
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
|
22
|
+
};
|
23
|
+
return { ...acc,
|
24
|
+
...sharedColorTokens
|
25
|
+
};
|
26
|
+
}, {});
|
27
|
+
//# sourceMappingURL=darkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/darkColorPalette.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,gBAA0C,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,YAAZ,EAEpD,MAFoD,CAE7C,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,MAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,OARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,YAAA,CAAa,WAAb,EAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAA1C","sourcesContent":["import { sharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors } from '../types';\n\nexport const colorPaletteTokens: ColorPaletteTokens = (Object.keys(sharedColors) as Array<\n keyof GlobalSharedColors\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as ColorPaletteTokens);\n"],"sourceRoot":"../src/"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.generateColorTokens = void 0;
|
7
7
|
|
8
8
|
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
@@ -33,6 +33,10 @@ const generateColorTokens = () => ({
|
|
33
33
|
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
34
34
|
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
35
35
|
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
36
|
+
colorNeutralForeground2Link: colors_1.hcHyperlink,
|
37
|
+
colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
|
38
|
+
colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
|
39
|
+
colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
|
36
40
|
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
37
41
|
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
38
42
|
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
@@ -96,6 +100,8 @@ const generateColorTokens = () => ({
|
|
96
100
|
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
|
97
101
|
colorNeutralStencil1: colors_1.hcCanvasText,
|
98
102
|
colorNeutralStencil2: colors_1.hcCanvasText,
|
103
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
104
|
+
colorScrollbarOverlay: colors_1.hcButtonFace,
|
99
105
|
colorBrandBackground: colors_1.hcButtonFace,
|
100
106
|
colorBrandBackgroundHover: colors_1.hcHighlight,
|
101
107
|
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
@@ -148,21 +154,4 @@ const generateColorTokens = () => ({
|
|
148
154
|
});
|
149
155
|
|
150
156
|
exports.generateColorTokens = generateColorTokens;
|
151
|
-
|
152
|
-
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
-
const sharedColorTokens = {
|
154
|
-
[`colorPalette${color}Background1`]: colors_1.white,
|
155
|
-
[`colorPalette${color}Background2`]: colors_1.black,
|
156
|
-
[`colorPalette${color}Background3`]: colors_1.white,
|
157
|
-
[`colorPalette${color}Foreground1`]: colors_1.black,
|
158
|
-
[`colorPalette${color}Foreground2`]: colors_1.white,
|
159
|
-
[`colorPalette${color}Foreground3`]: colors_1.white,
|
160
|
-
[`colorPalette${color}BorderActive`]: colors_1.hcHighlight,
|
161
|
-
[`colorPalette${color}Border1`]: colors_1.white,
|
162
|
-
[`colorPalette${color}Border2`]: colors_1.white
|
163
|
-
};
|
164
|
-
return { ...acc,
|
165
|
-
...sharedColorTokens
|
166
|
-
};
|
167
|
-
}, {});
|
168
|
-
//# sourceMappingURL=highContrast.js.map
|
157
|
+
//# sourceMappingURL=highContrastColor.js.map
|
@@ -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/"}
|