@fluentui/react-theme 9.0.0-alpha.9 → 9.0.0-beta.4

package/lib/types.d.ts

@@ -1,92 +1,193 @@
 /**
- * Recursive partial type.
+ * Design tokens for alias colors
  */
-declare type RecursivePartial<T> = {
-    [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
-};
-/**
- * Design tokens for neutral colors
- */
-export declare type NeutralColorTokens = {
-    neutralForeground1: string;
-    neutralForeground2: string;
-    neutralForeground2Hover: string;
-    neutralForeground2Pressed: string;
-    neutralForeground2Selected: string;
-    brandForeground2Hover: string;
-    brandForeground2Pressed: string;
-    brandForeground2Selected: string;
-    neutralForeground3: string;
-    neutralForeground3Hover: string;
-    neutralForeground3Pressed: string;
-    neutralForeground3Selected: string;
-    brandForeground3Hover: string;
-    brandForeground3Pressed: string;
-    brandForeground3Selected: string;
-    neutralForeground4: string;
-    neutralForegroundDisabled: string;
-    brandForeground: string;
-    brandForegroundHover: string;
-    brandForegroundPressed: string;
-    brandForegroundSelected: string;
-    neutralForegroundInverted: string;
-    neutralForegroundInvertedAccessible: string;
-    neutralBackground1: string;
-    neutralBackground1Hover: string;
-    neutralBackground1Pressed: string;
-    neutralBackground1Selected: string;
-    neutralBackground2: string;
-    neutralBackground2Hover: string;
-    neutralBackground2Pressed: string;
-    neutralBackground2Selected: string;
-    neutralBackground3: string;
-    neutralBackground3Hover: string;
-    neutralBackground3Pressed: string;
-    neutralBackground3Selected: string;
-    neutralBackground4: string;
-    neutralBackground4Hover: string;
-    neutralBackground4Pressed: string;
-    neutralBackground4Selected: string;
-    neutralBackground5: string;
-    neutralBackground5Hover: string;
-    neutralBackground5Pressed: string;
-    neutralBackground5Selected: string;
-    neutralBackground6: string;
-    neutralBackgroundDisabled: string;
-    neutralStrokeAccessible: string;
-    neutralStrokeAccessibleHover: string;
-    neutralStrokeAccessiblePressed: string;
-    neutralStrokeAccessibleSelected: string;
-    neutralStroke1: string;
-    neutralStroke1Hover: string;
-    neutralStroke1Pressed: string;
-    neutralStroke1Selected: string;
-    neutralStroke2: string;
-    neutralStroke3: string;
-    neutralStrokeDisabled: string;
-    strokeAccessible: string;
-    strokeAccessibleInteractive: string;
-    strokeAccessibleDisabled: string;
-    neutralShadowAmbient: string;
-    neutralShadowKey: string;
-    neutralShadowAmbientLighter: string;
-    neutralShadowKeyLighter: string;
-    neutralShadowAmbientDarker: string;
-    neutralShadowKeyDarker: string;
-};
-/**
- * Design tokens available for shared colors
- */
-export declare type SharedColorTokens = {
-    background1: string;
-    background2: string;
-    background3: string;
-    foreground1: string;
-    foreground2: string;
-    foreground3: string;
-    borderActive: string;
-    border2: string;
+export declare type ColorTokens = {
+    colorNeutralForeground1: string;
+    colorNeutralForeground1Hover: string;
+    colorNeutralForeground1Pressed: string;
+    colorNeutralForeground1Selected: string;
+    colorNeutralForeground2: string;
+    colorNeutralForeground2Hover: string;
+    colorNeutralForeground2Pressed: string;
+    colorNeutralForeground2Selected: string;
+    colorNeutralForeground2BrandHover: string;
+    colorNeutralForeground2BrandPressed: string;
+    colorNeutralForeground2BrandSelected: string;
+    colorNeutralForeground3: string;
+    colorNeutralForeground3Hover: string;
+    colorNeutralForeground3Pressed: string;
+    colorNeutralForeground3Selected: string;
+    colorNeutralForeground3BrandHover: string;
+    colorNeutralForeground3BrandPressed: string;
+    colorNeutralForeground3BrandSelected: string;
+    colorNeutralForeground4: string;
+    colorNeutralForegroundDisabled: string;
+    colorNeutralForegroundInvertedDisabled: string;
+    colorBrandForegroundLink: string;
+    colorBrandForegroundLinkHover: string;
+    colorBrandForegroundLinkPressed: string;
+    colorBrandForegroundLinkSelected: string;
+    colorCompoundBrandForeground1: string;
+    colorCompoundBrandForeground1Hover: string;
+    colorCompoundBrandForeground1Pressed: string;
+    colorBrandForeground1: string;
+    colorBrandForeground2: string;
+    colorNeutralForegroundInverted: string;
+    colorNeutralForegroundInvertedHover: string;
+    colorNeutralForegroundInvertedPressed: string;
+    colorNeutralForegroundInvertedSelected: string;
+    colorNeutralForegroundOnBrand: string;
+    colorNeutralForegroundInvertedLink: string;
+    colorNeutralForegroundInvertedLinkHover: string;
+    colorNeutralForegroundInvertedLinkPressed: string;
+    colorNeutralForegroundInvertedLinkSelected: string;
+    colorBrandForegroundInverted: string;
+    colorBrandForegroundInvertedHover: string;
+    colorBrandForegroundInvertedPressed: string;
+    colorBrandForegroundOnLight: string;
+    colorBrandForegroundOnLightHover: string;
+    colorBrandForegroundOnLightPressed: string;
+    colorBrandForegroundOnLightSelected: string;
+    colorNeutralBackground1: string;
+    colorNeutralBackground1Hover: string;
+    colorNeutralBackground1Pressed: string;
+    colorNeutralBackground1Selected: string;
+    colorNeutralBackground2: string;
+    colorNeutralBackground2Hover: string;
+    colorNeutralBackground2Pressed: string;
+    colorNeutralBackground2Selected: string;
+    colorNeutralBackground3: string;
+    colorNeutralBackground3Hover: string;
+    colorNeutralBackground3Pressed: string;
+    colorNeutralBackground3Selected: string;
+    colorNeutralBackground4: string;
+    colorNeutralBackground4Hover: string;
+    colorNeutralBackground4Pressed: string;
+    colorNeutralBackground4Selected: string;
+    colorNeutralBackground5: string;
+    colorNeutralBackground5Hover: string;
+    colorNeutralBackground5Pressed: string;
+    colorNeutralBackground5Selected: string;
+    colorNeutralBackground6: string;
+    colorNeutralBackgroundInverted: string;
+    colorSubtleBackground: string;
+    colorSubtleBackgroundHover: string;
+    colorSubtleBackgroundPressed: string;
+    colorSubtleBackgroundSelected: string;
+    colorSubtleBackgroundLightAlphaHover: string;
+    colorSubtleBackgroundLightAlphaPressed: string;
+    colorSubtleBackgroundLightAlphaSelected: string;
+    colorSubtleBackgroundInverted: string;
+    colorSubtleBackgroundInvertedHover: string;
+    colorSubtleBackgroundInvertedPressed: string;
+    colorSubtleBackgroundInvertedSelected: string;
+    colorTransparentBackground: string;
+    colorTransparentBackgroundHover: string;
+    colorTransparentBackgroundPressed: string;
+    colorTransparentBackgroundSelected: string;
+    colorNeutralBackgroundDisabled: string;
+    colorNeutralBackgroundInvertedDisabled: string;
+    colorNeutralStencil1: string;
+    colorNeutralStencil2: string;
+    colorBrandBackground: string;
+    colorBrandBackgroundHover: string;
+    colorBrandBackgroundPressed: string;
+    colorBrandBackgroundSelected: string;
+    colorCompoundBrandBackground: string;
+    colorCompoundBrandBackgroundHover: string;
+    colorCompoundBrandBackgroundPressed: string;
+    colorBrandBackgroundStatic: string;
+    colorBrandBackground2: string;
+    colorBrandBackgroundInverted: string;
+    colorBrandBackgroundInvertedHover: string;
+    colorBrandBackgroundInvertedPressed: string;
+    colorBrandBackgroundInvertedSelected: string;
+    colorNeutralStrokeAccessible: string;
+    colorNeutralStrokeAccessibleHover: string;
+    colorNeutralStrokeAccessiblePressed: string;
+    colorNeutralStrokeAccessibleSelected: string;
+    colorNeutralStroke1: string;
+    colorNeutralStroke1Hover: string;
+    colorNeutralStroke1Pressed: string;
+    colorNeutralStroke1Selected: string;
+    colorNeutralStroke2: string;
+    colorNeutralStroke3: string;
+    colorNeutralStrokeOnBrand: string;
+    colorNeutralStrokeOnBrand2: string;
+    colorNeutralStrokeOnBrand2Hover: string;
+    colorNeutralStrokeOnBrand2Pressed: string;
+    colorNeutralStrokeOnBrand2Selected: string;
+    colorBrandStroke1: string;
+    colorBrandStroke2: string;
+    colorCompoundBrandStroke: string;
+    colorCompoundBrandStrokeHover: string;
+    colorCompoundBrandStrokePressed: string;
+    colorNeutralStrokeDisabled: string;
+    colorNeutralStrokeInvertedDisabled: string;
+    colorTransparentStroke: string;
+    colorTransparentStrokeInteractive: string;
+    colorTransparentStrokeDisabled: string;
+    colorStrokeFocus1: string;
+    colorStrokeFocus2: string;
+    colorNeutralShadowAmbient: string;
+    colorNeutralShadowKey: string;
+    colorNeutralShadowAmbientLighter: string;
+    colorNeutralShadowKeyLighter: string;
+    colorNeutralShadowAmbientDarker: string;
+    colorNeutralShadowKeyDarker: string;
+    colorBrandShadowAmbient: string;
+    colorBrandShadowKey: string;
 };
+export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder2';
+export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder2';
+export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder2';
+export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder2';
+export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder2';
+export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder2';
+export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder2';
+export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder2';
+export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder2';
+export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder2';
+export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder2';
+export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder2';
+export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder2';
+export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder2';
+export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder2';
+export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder2';
+export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder2';
+export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder2';
+export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder2';
+export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder2';
+export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder2';
+export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder2';
+export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder2';
+export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder2';
+export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder2';
+export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder2';
+export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder2';
+export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder2';
+export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder2';
+export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder2';
+export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder2';
+export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder2';
+export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder2';
+export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder2';
+export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder2';
+export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder2';
+export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder2';
+export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder2';
+export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder2';
+export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder2';
+export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder2';
+export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder2';
+export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder2';
+export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder2';
+export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder2';
+export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder2';
+export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder2';
+export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder2';
+export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder2';
+export declare type ColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteBurgundy | ColorPaletteCranberry | ColorPaletteRed | ColorPaletteDarkOrange | ColorPaletteBronze | ColorPalettePumpkin | ColorPaletteOrange | ColorPalettePeach | ColorPaletteMarigold | ColorPaletteYellow | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteDarkBrown | ColorPaletteLime | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteLightGreen | ColorPaletteGreen | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteDarkTeal | ColorPaletteCyan | ColorPaletteSteel | ColorPaletteLightBlue | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteDarkBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteDarkPurple | ColorPaletteOrchid | ColorPaletteGrape | ColorPaletteBerry | ColorPaletteLilac | ColorPalettePink | ColorPaletteHotPink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPaletteSilver | ColorPalettePlatinum | ColorPaletteAnchor | ColorPaletteCharcoal, string>;
 /**
  * Possible color variant values
  */
@@ -161,39 +262,39 @@ export declare type GlobalSharedColors = {
     anchor: ColorVariants;
     charcoal: ColorVariants;
 };
-/**
- * Brand color variants by product
- */
-export declare type ProductBrandColors = {
-    teams: BrandVariants;
-    web: BrandVariants;
+export declare type FontSizeTokens = {
+    fontSizeBase100: string;
+    fontSizeBase200: string;
+    fontSizeBase300: string;
+    fontSizeBase400: string;
+    fontSizeBase500: string;
+    fontSizeBase600: string;
+    fontSizeHero700: string;
+    fontSizeHero800: string;
+    fontSizeHero900: string;
+    fontSizeHero1000: string;
 };
-export declare type FontSizes = {
-    base: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-    };
-    hero: {
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
+export declare type LineHeightTokens = {
+    lineHeightBase100: string;
+    lineHeightBase200: string;
+    lineHeightBase300: string;
+    lineHeightBase400: string;
+    lineHeightBase500: string;
+    lineHeightBase600: string;
+    lineHeightHero700: string;
+    lineHeightHero800: string;
+    lineHeightHero900: string;
+    lineHeightHero1000: string;
 };
-export declare type LineHeights = FontSizes;
-export declare type FontWeights = {
-    regular: number;
-    medium: number;
-    semibold: number;
+export declare type FontWeightTokens = {
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemibold: number;
 };
-export declare type FontFamilies = {
-    base: string;
-    monospace: string;
-    numeric: string;
+export declare type FontFamilyTokens = {
+    fontFamilyBase: string;
+    fontFamilyMonospace: string;
+    fontFamilyNumeric: string;
 };
 export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
 export declare type TextAlignments = {
@@ -202,24 +303,24 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
-export declare type BorderRadius = {
-    none: string;
-    small: string;
-    medium: string;
-    large: string;
-    xLarge: string;
-    circular: string;
+export declare type BorderRadiusTokens = {
+    borderRadiusNone: string;
+    borderRadiusSmall: string;
+    borderRadiusMedium: string;
+    borderRadiusLarge: string;
+    borderRadiusXLarge: string;
+    borderRadiusCircular: string;
 };
-export declare type StrokeWidths = {
-    thin: string;
-    thick: string;
-    thicker: string;
-    thickest: string;
+export declare type StrokeWidthTokens = {
+    strokeWidthThin: string;
+    strokeWidthThick: string;
+    strokeWidthThicker: string;
+    strokeWidthThickest: string;
 };
 /**
  * Design tokens for shadow levels
  */
-export declare type ShadowLevelTokens = {
+export declare type ShadowTokens = {
     shadow2: string;
     shadow4: string;
     shadow8: string;
@@ -227,6 +328,14 @@ export declare type ShadowLevelTokens = {
     shadow28: string;
     shadow64: string;
 };
+export declare type ShadowBrandTokens = {
+    shadow2Brand: string;
+    shadow4Brand: string;
+    shadow8Brand: string;
+    shadow16Brand: string;
+    shadow28Brand: string;
+    shadow64Brand: string;
+};
 export declare type GhostColorTokens = {
     ghostBackground: string;
     ghostBackgroundHover: string;
@@ -253,38 +362,6 @@ export declare type BrandColorTokens = {
     brandBackgroundStatic: string;
 };
 export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
-export declare type Theme = {
-    global: {
-        color: {
-            black: string;
-            white: string;
-            hyperlink: string;
-            disabled: string;
-            selected: string;
-        };
-        palette: GlobalSharedColors & {
-            brand: BrandVariants;
-            grey: Record<Greys, string>;
-        };
-        type: {
-            fontSizes: FontSizes;
-            fontWeights: FontWeights;
-            fontFamilies: FontFamilies;
-            lineHeights: LineHeights;
-            alignment: TextAlignments;
-        };
-        borderRadius: BorderRadius;
-        strokeWidth: StrokeWidths;
-    };
-    alias: {
-        color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
-            neutral: NeutralColorTokens;
-            subtle: BackgroundColorTokens;
-            transparent: BackgroundColorTokens;
-            brand: BrandColorTokens;
-        };
-        shadow: ShadowLevelTokens;
-    };
-};
-export declare type PartialTheme = RecursivePartial<Theme>;
-export {};
+export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
+export declare type PartialTheme = Partial<Theme>;

package/lib/types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Recursive partial type.\n */\ntype RecursivePartial<T> = {\n  [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;\n};\n\n/**\n * Design tokens for neutral colors\n */\nexport type NeutralColorTokens = {\n  // https://www.figma.com/file/KB9oUjMKen2cKnyPG7RgdS/Design-tokens-superset?node-id=1963%3A17486\n  neutralForeground1: string;\n  neutralForeground2: string;\n  neutralForeground2Hover: string;\n  neutralForeground2Pressed: string;\n  neutralForeground2Selected: string;\n  brandForeground2Hover: string;\n  brandForeground2Pressed: string;\n  brandForeground2Selected: string;\n  neutralForeground3: string;\n  neutralForeground3Hover: string;\n  neutralForeground3Pressed: string;\n  neutralForeground3Selected: string;\n  brandForeground3Hover: string;\n  brandForeground3Pressed: string;\n  brandForeground3Selected: string;\n  neutralForeground4: string;\n  neutralForegroundDisabled: string;\n  brandForeground: string;\n  brandForegroundHover: string;\n  brandForegroundPressed: string;\n  brandForegroundSelected: string;\n  neutralForegroundInverted: string;\n  neutralForegroundInvertedAccessible: string;\n  neutralBackground1: string;\n  neutralBackground1Hover: string;\n  neutralBackground1Pressed: string;\n  neutralBackground1Selected: string;\n  neutralBackground2: string;\n  neutralBackground2Hover: string;\n  neutralBackground2Pressed: string;\n  neutralBackground2Selected: string;\n  neutralBackground3: string;\n  neutralBackground3Hover: string;\n  neutralBackground3Pressed: string;\n  neutralBackground3Selected: string;\n  neutralBackground4: string;\n  neutralBackground4Hover: string;\n  neutralBackground4Pressed: string;\n  neutralBackground4Selected: string;\n  neutralBackground5: string;\n  neutralBackground5Hover: string;\n  neutralBackground5Pressed: string;\n  neutralBackground5Selected: string;\n  neutralBackground6: string;\n  neutralBackgroundDisabled: string;\n  neutralStrokeAccessible: string;\n  neutralStrokeAccessibleHover: string;\n  neutralStrokeAccessiblePressed: string;\n  neutralStrokeAccessibleSelected: string;\n  neutralStroke1: string;\n  neutralStroke1Hover: string;\n  neutralStroke1Pressed: string;\n  neutralStroke1Selected: string;\n  neutralStroke2: string;\n  neutralStroke3: string;\n  neutralStrokeDisabled: string;\n  strokeAccessible: string;\n  strokeAccessibleInteractive: string;\n  strokeAccessibleDisabled: string;\n  neutralShadowAmbient: string;\n  neutralShadowKey: string;\n  neutralShadowAmbientLighter: string;\n  neutralShadowKeyLighter: string;\n  neutralShadowAmbientDarker: string;\n  neutralShadowKeyDarker: string;\n};\n\n/**\n * Design tokens available for shared colors\n */\nexport type SharedColorTokens = {\n  background1: string;\n  background2: string;\n  background3: string;\n  foreground1: string;\n  foreground2: string;\n  foreground3: string;\n  borderActive: string;\n  border2: 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 BrandVariants = ColorVariants & { shade60: 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\n/**\n * Brand color variants by product\n */\nexport type ProductBrandColors = {\n  teams: BrandVariants;\n  web: BrandVariants;\n};\n\nexport type FontSizes = {\n  base: {\n    100: string;\n    200: string;\n    300: string;\n    400: string;\n    500: string;\n    600: string;\n  };\n  hero: {\n    700: string;\n    800: string;\n    900: string;\n    1000: string;\n  };\n};\n\nexport type LineHeights = FontSizes;\n\nexport type FontWeights = {\n  regular: number;\n  medium: number;\n  semibold: number;\n};\n\nexport type FontFamilies = {\n  base: string;\n  monospace: string;\n  numeric: 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 BorderRadius = {\n  none: string;\n  small: string;\n  medium: string;\n  large: string;\n  xLarge: string;\n  circular: string;\n};\n\nexport type StrokeWidths = {\n  thin: string;\n  thick: string;\n  thicker: string;\n  thickest: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowLevelTokens = {\n  shadow2: string;\n  shadow4: string;\n  shadow8: string;\n  shadow16: string;\n  shadow28: string;\n  shadow64: string;\n};\n\nexport type GhostColorTokens = {\n  ghostBackground: string;\n  ghostBackgroundHover: string;\n  ghostBackgroundPressed: string;\n  ghostBackgroundSelected: string;\n};\n\nexport type TransparentColorTokens = {\n  transparentBackground: string;\n  transparentBackgroundHover: string;\n  transparentBackgroundPressed: string;\n  transparentBackgroundSelected: string;\n};\n\nexport type BackgroundColorTokens = {\n  background: string;\n  backgroundHover: string;\n  backgroundPressed: string;\n  backgroundSelected: string;\n};\n\nexport type BrandColorTokens = {\n  brandBackground: string;\n  brandBackgroundHover: string;\n  brandBackgroundPressed: string;\n  brandBackgroundSelected: string;\n  brandBackgroundStatic: string;\n  // FIXME: the rest is unclear in the spec\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\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 = {\n  global: {\n    // TODO: this means \"static\", will not change with light/dark/contrast switch. better named static?\n    // TODO: Shift: we should move global away from theme, this is not themable\n    //   ThemeProvider should not inject these css variables?\n    color: {\n      black: string;\n      white: string;\n      hyperlink: string;\n      disabled: string;\n      selected: string;\n    };\n    palette: GlobalSharedColors & {\n      brand: BrandVariants; // Only the Theme brand, not all\n      grey: Record<Greys, string>;\n    };\n    type: {\n      fontSizes: FontSizes;\n      fontWeights: FontWeights;\n      fontFamilies: FontFamilies;\n      lineHeights: LineHeights;\n      alignment: TextAlignments;\n    };\n    borderRadius: BorderRadius;\n    strokeWidth: StrokeWidths;\n  };\n  alias: {\n    color: Record<keyof GlobalSharedColors, SharedColorTokens> & {\n      neutral: NeutralColorTokens;\n      subtle: BackgroundColorTokens;\n      transparent: BackgroundColorTokens;\n      brand: BrandColorTokens;\n    };\n    shadow: ShadowLevelTokens;\n  };\n};\n\n// TODO: fix shape\nexport type PartialTheme = RecursivePartial<Theme>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/utils/createDarkTheme.d.ts

@@ -0,0 +1,2 @@
+import type { BrandVariants, Theme } from '../types';
+export declare const createDarkTheme: (brand: BrandVariants) => Theme;

package/lib/utils/createDarkTheme.js

@@ -0,0 +1,18 @@
+import { colorPaletteTokens, generateColorTokens } from '../alias/dark';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+export const createDarkTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createDarkTheme.js.map

package/lib/utils/createDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,eAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,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;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/createHighContrastTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../types';
+export declare const createHighContrastTheme: () => Theme;

package/lib/utils/createHighContrastTheme.js

@@ -0,0 +1,18 @@
+import { colorPaletteTokens, generateColorTokens } from '../alias/highContrast';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+export const createHighContrastTheme = () => {
+  const colorTokens = generateColorTokens();
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createHighContrastTheme.js.map

package/lib/utils/createHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,uBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,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;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/createLightTheme.d.ts

@@ -0,0 +1,2 @@
+import type { BrandVariants, Theme } from '../types';
+export declare const createLightTheme: (brand: BrandVariants) => Theme;

package/lib/utils/createLightTheme.js

@@ -0,0 +1,18 @@
+import { colorPaletteTokens, generateColorTokens } from '../alias/light';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+export const createLightTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createLightTheme.js.map

package/lib/utils/createLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,gBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,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;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/createTeamsDarkTheme.d.ts

@@ -0,0 +1,2 @@
+import type { BrandVariants, Theme } from '../types';
+export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;

package/lib/utils/createTeamsDarkTheme.js

@@ -0,0 +1,18 @@
+import { colorPaletteTokens, generateColorTokens } from '../alias/teamsDark';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+export const createTeamsDarkTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createTeamsDarkTheme.js.map

package/lib/utils/createTeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,oBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,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;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './createLightTheme';
+export * from './createDarkTheme';
+export * from './createTeamsDarkTheme';
+export * from './createHighContrastTheme';
+export { mergeThemes } from './mergeThemes';
+export * from './themeToCSSVariables';

package/lib/utils/index.js

@@ -0,0 +1,7 @@
+export * from './createLightTheme';
+export * from './createDarkTheme';
+export * from './createTeamsDarkTheme';
+export * from './createHighContrastTheme';
+export { mergeThemes } from './mergeThemes';
+export * from './themeToCSSVariables';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,uBAAuB,CAAC"}