@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types.ts"],"sourcesContent":["import {\n  statusSharedColorNames,\n  personaSharedColorNames,\n  unusedSharedColorNames,\n  mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n  colorNeutralForeground1: string;\n  colorNeutralForeground1Hover: string;\n  colorNeutralForeground1Pressed: string;\n  colorNeutralForeground1Selected: string;\n  colorNeutralForeground2: string;\n  colorNeutralForeground2Hover: string;\n  colorNeutralForeground2Pressed: string;\n  colorNeutralForeground2Selected: string;\n  colorNeutralForeground2BrandHover: string;\n  colorNeutralForeground2BrandPressed: string;\n  colorNeutralForeground2BrandSelected: string;\n  colorNeutralForeground3: string;\n  colorNeutralForeground3Hover: string;\n  colorNeutralForeground3Pressed: string;\n  colorNeutralForeground3Selected: string;\n  colorNeutralForeground3BrandHover: string;\n  colorNeutralForeground3BrandPressed: string;\n  colorNeutralForeground3BrandSelected: string;\n  colorNeutralForeground4: string;\n  colorNeutralForegroundDisabled: string;\n  colorNeutralForegroundInvertedDisabled: string;\n  colorBrandForegroundLink: string;\n  colorBrandForegroundLinkHover: string;\n  colorBrandForegroundLinkPressed: string;\n  colorBrandForegroundLinkSelected: string;\n  colorNeutralForeground2Link: string;\n  colorNeutralForeground2LinkHover: string;\n  colorNeutralForeground2LinkPressed: string;\n  colorNeutralForeground2LinkSelected: string;\n  colorCompoundBrandForeground1: string;\n  colorCompoundBrandForeground1Hover: string;\n  colorCompoundBrandForeground1Pressed: string;\n  colorBrandForeground1: string;\n  colorBrandForeground2: string;\n  colorBrandForeground2Hover: string;\n  colorBrandForeground2Pressed: string;\n  colorNeutralForeground1Static: string;\n  colorNeutralForegroundInverted: string;\n  colorNeutralForegroundInvertedHover: string;\n  colorNeutralForegroundInvertedPressed: string;\n  colorNeutralForegroundInvertedSelected: string;\n  colorNeutralForegroundInverted2: string;\n  colorNeutralForegroundOnBrand: string;\n  colorNeutralForegroundStaticInverted: string;\n  colorNeutralForegroundInvertedLink: string;\n  colorNeutralForegroundInvertedLinkHover: string;\n  colorNeutralForegroundInvertedLinkPressed: string;\n  colorNeutralForegroundInvertedLinkSelected: string;\n  colorBrandForegroundInverted: string;\n  colorBrandForegroundInvertedHover: string;\n  colorBrandForegroundInvertedPressed: string;\n  colorBrandForegroundOnLight: string;\n  colorBrandForegroundOnLightHover: string;\n  colorBrandForegroundOnLightPressed: string;\n  colorBrandForegroundOnLightSelected: string;\n  colorNeutralBackground1: string;\n  colorNeutralBackground1Hover: string;\n  colorNeutralBackground1Pressed: string;\n  colorNeutralBackground1Selected: string;\n  colorNeutralBackground2: string;\n  colorNeutralBackground2Hover: string;\n  colorNeutralBackground2Pressed: string;\n  colorNeutralBackground2Selected: string;\n  colorNeutralBackground3: string;\n  colorNeutralBackground3Hover: string;\n  colorNeutralBackground3Pressed: string;\n  colorNeutralBackground3Selected: string;\n  colorNeutralBackground4: string;\n  colorNeutralBackground4Hover: string;\n  colorNeutralBackground4Pressed: string;\n  colorNeutralBackground4Selected: string;\n  colorNeutralBackground5: string;\n  colorNeutralBackground5Hover: string;\n  colorNeutralBackground5Pressed: string;\n  colorNeutralBackground5Selected: string;\n  colorNeutralBackground6: string;\n  colorNeutralBackgroundInverted: string;\n  colorNeutralBackgroundStatic: string;\n  colorNeutralBackgroundAlpha: string;\n  colorNeutralBackgroundAlpha2: string;\n  colorSubtleBackground: string;\n  colorSubtleBackgroundHover: string;\n  colorSubtleBackgroundPressed: string;\n  colorSubtleBackgroundSelected: string;\n  colorSubtleBackgroundLightAlphaHover: string;\n  colorSubtleBackgroundLightAlphaPressed: string;\n  colorSubtleBackgroundLightAlphaSelected: string;\n  colorSubtleBackgroundInverted: string;\n  colorSubtleBackgroundInvertedHover: string;\n  colorSubtleBackgroundInvertedPressed: string;\n  colorSubtleBackgroundInvertedSelected: string;\n  colorTransparentBackground: string;\n  colorTransparentBackgroundHover: string;\n  colorTransparentBackgroundPressed: string;\n  colorTransparentBackgroundSelected: string;\n  colorNeutralBackgroundDisabled: string;\n  colorNeutralBackgroundInvertedDisabled: string;\n  colorNeutralStencil1: string;\n  colorNeutralStencil2: string;\n  colorNeutralStencil1Alpha: string;\n  colorNeutralStencil2Alpha: string;\n  colorBackgroundOverlay: string;\n  colorScrollbarOverlay: string;\n  colorBrandBackground: string;\n  colorBrandBackgroundHover: string;\n  colorBrandBackgroundPressed: string;\n  colorBrandBackgroundSelected: string;\n  colorCompoundBrandBackground: string;\n  colorCompoundBrandBackgroundHover: string;\n  colorCompoundBrandBackgroundPressed: string;\n  colorBrandBackgroundStatic: string;\n  colorBrandBackground2: string;\n  colorBrandBackground2Hover: string;\n  colorBrandBackground2Pressed: 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  colorNeutralStrokeSubtle: string;\n  colorNeutralStrokeOnBrand: string;\n  colorNeutralStrokeOnBrand2: string;\n  colorNeutralStrokeOnBrand2Hover: string;\n  colorNeutralStrokeOnBrand2Pressed: string;\n  colorNeutralStrokeOnBrand2Selected: string;\n  colorBrandStroke1: string;\n  colorBrandStroke2: string;\n  colorBrandStroke2Hover: string;\n  colorBrandStroke2Pressed: string;\n  colorBrandStroke2Contrast: 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  colorNeutralStrokeAlpha: string;\n  colorNeutralStrokeAlpha2: 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 ColorStatusSuccess =\n  | 'colorStatusSuccessBackground1'\n  | 'colorStatusSuccessBackground2'\n  | 'colorStatusSuccessBackground3'\n  | 'colorStatusSuccessForeground1'\n  | 'colorStatusSuccessForeground2'\n  | 'colorStatusSuccessForeground3'\n  | 'colorStatusSuccessForegroundInverted'\n  | 'colorStatusSuccessBorderActive'\n  | 'colorStatusSuccessBorder1'\n  | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n  | 'colorStatusWarningBackground1'\n  | 'colorStatusWarningBackground2'\n  | 'colorStatusWarningBackground3'\n  | 'colorStatusWarningForeground1'\n  | 'colorStatusWarningForeground2'\n  | 'colorStatusWarningForeground3'\n  | 'colorStatusWarningForegroundInverted'\n  | 'colorStatusWarningBorderActive'\n  | 'colorStatusWarningBorder1'\n  | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n  | 'colorStatusDangerBackground1'\n  | 'colorStatusDangerBackground2'\n  | 'colorStatusDangerBackground3'\n  | 'colorStatusDangerForeground1'\n  | 'colorStatusDangerForeground2'\n  | 'colorStatusDangerForeground3'\n  | 'colorStatusDangerForegroundInverted'\n  | 'colorStatusDangerBorderActive'\n  | 'colorStatusDangerBorder1'\n  | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n  | 'colorPaletteRedBackground1'\n  | 'colorPaletteRedBackground2'\n  | 'colorPaletteRedBackground3'\n  | 'colorPaletteRedForeground1'\n  | 'colorPaletteRedForeground2'\n  | 'colorPaletteRedForeground3'\n  | 'colorPaletteRedForegroundInverted'\n  | 'colorPaletteRedBorderActive'\n  | 'colorPaletteRedBorder1'\n  | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n  | 'colorPaletteGreenBackground1'\n  | 'colorPaletteGreenBackground2'\n  | 'colorPaletteGreenBackground3'\n  | 'colorPaletteGreenForeground1'\n  | 'colorPaletteGreenForeground2'\n  | 'colorPaletteGreenForeground3'\n  | 'colorPaletteGreenForegroundInverted'\n  | 'colorPaletteGreenBorderActive'\n  | 'colorPaletteGreenBorder1'\n  | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n  | 'colorPaletteDarkOrangeBackground1'\n  | 'colorPaletteDarkOrangeBackground2'\n  | 'colorPaletteDarkOrangeBackground3'\n  | 'colorPaletteDarkOrangeForeground1'\n  | 'colorPaletteDarkOrangeForeground2'\n  | 'colorPaletteDarkOrangeForeground3'\n  | 'colorPaletteDarkOrangeBorderActive'\n  | 'colorPaletteDarkOrangeBorder1'\n  | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n  | 'colorPaletteYellowBackground1'\n  | 'colorPaletteYellowBackground2'\n  | 'colorPaletteYellowBackground3'\n  | 'colorPaletteYellowForeground1'\n  | 'colorPaletteYellowForeground2'\n  | 'colorPaletteYellowForeground3'\n  | 'colorPaletteYellowForegroundInverted'\n  | 'colorPaletteYellowBorderActive'\n  | 'colorPaletteYellowBorder1'\n  | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n  | 'colorPaletteBerryBackground1'\n  | 'colorPaletteBerryBackground2'\n  | 'colorPaletteBerryBackground3'\n  | 'colorPaletteBerryForeground1'\n  | 'colorPaletteBerryForeground2'\n  | 'colorPaletteBerryForeground3'\n  | 'colorPaletteBerryBorderActive'\n  | 'colorPaletteBerryBorder1'\n  | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n  | 'colorPaletteMarigoldBackground1'\n  | 'colorPaletteMarigoldBackground2'\n  | 'colorPaletteMarigoldBackground3'\n  | 'colorPaletteMarigoldForeground1'\n  | 'colorPaletteMarigoldForeground2'\n  | 'colorPaletteMarigoldForeground3'\n  | 'colorPaletteMarigoldBorderActive'\n  | 'colorPaletteMarigoldBorder1'\n  | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n  | 'colorPaletteLightGreenBackground1'\n  | 'colorPaletteLightGreenBackground2'\n  | 'colorPaletteLightGreenBackground3'\n  | 'colorPaletteLightGreenForeground1'\n  | 'colorPaletteLightGreenForeground2'\n  | 'colorPaletteLightGreenForeground3'\n  | 'colorPaletteLightGreenBorderActive'\n  | 'colorPaletteLightGreenBorder1'\n  | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n  | 'colorPaletteDarkRedBackground2'\n  | 'colorPaletteDarkRedForeground2'\n  | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n  | 'colorPaletteCranberryBackground2'\n  | 'colorPaletteCranberryForeground2'\n  | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n  | 'colorPalettePumpkinBackground2'\n  | 'colorPalettePumpkinForeground2'\n  | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n  | 'colorPalettePeachBackground2'\n  | 'colorPalettePeachForeground2'\n  | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n  | 'colorPaletteGoldBackground2'\n  | 'colorPaletteGoldForeground2'\n  | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n  | 'colorPaletteBrassBackground2'\n  | 'colorPaletteBrassForeground2'\n  | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n  | 'colorPaletteBrownBackground2'\n  | 'colorPaletteBrownForeground2'\n  | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n  | 'colorPaletteForestBackground2'\n  | 'colorPaletteForestForeground2'\n  | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n  | 'colorPaletteSeafoamBackground2'\n  | 'colorPaletteSeafoamForeground2'\n  | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n  | 'colorPaletteDarkGreenBackground2'\n  | 'colorPaletteDarkGreenForeground2'\n  | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n  | 'colorPaletteLightTealBackground2'\n  | 'colorPaletteLightTealForeground2'\n  | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n  | 'colorPaletteTealBackground2'\n  | 'colorPaletteTealForeground2'\n  | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n  | 'colorPaletteSteelBackground2'\n  | 'colorPaletteSteelForeground2'\n  | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n  | 'colorPaletteBlueBackground2'\n  | 'colorPaletteBlueForeground2'\n  | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n  | 'colorPaletteRoyalBlueBackground2'\n  | 'colorPaletteRoyalBlueForeground2'\n  | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n  | 'colorPaletteCornflowerBackground2'\n  | 'colorPaletteCornflowerForeground2'\n  | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n  | 'colorPaletteNavyBackground2'\n  | 'colorPaletteNavyForeground2'\n  | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n  | 'colorPaletteLavenderBackground2'\n  | 'colorPaletteLavenderForeground2'\n  | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n  | 'colorPalettePurpleBackground2'\n  | 'colorPalettePurpleForeground2'\n  | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n  | 'colorPaletteGrapeBackground2'\n  | 'colorPaletteGrapeForeground2'\n  | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n  | 'colorPaletteLilacBackground2'\n  | 'colorPaletteLilacForeground2'\n  | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n  | 'colorPalettePinkBackground2'\n  | 'colorPalettePinkForeground2'\n  | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n  | 'colorPaletteMagentaBackground2'\n  | 'colorPaletteMagentaForeground2'\n  | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n  | 'colorPalettePlumBackground2'\n  | 'colorPalettePlumForeground2'\n  | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n  | 'colorPaletteBeigeBackground2'\n  | 'colorPaletteBeigeForeground2'\n  | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n  | 'colorPaletteMinkBackground2'\n  | 'colorPaletteMinkForeground2'\n  | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n  | 'colorPalettePlatinumBackground2'\n  | 'colorPalettePlatinumForeground2'\n  | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n  | 'colorPaletteAnchorBackground2'\n  | 'colorPaletteAnchorForeground2'\n  | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n  | ColorPaletteRed\n  | ColorPaletteGreen\n  | ColorPaletteDarkOrange\n  | ColorPaletteYellow\n  | ColorPaletteBerry\n  | ColorPaletteMarigold\n  | ColorPaletteLightGreen,\n  string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n  | ColorPaletteDarkRed\n  | ColorPaletteCranberry\n  | ColorPalettePumpkin\n  | ColorPalettePeach\n  | ColorPaletteGold\n  | ColorPaletteBrass\n  | ColorPaletteBrown\n  | ColorPaletteForest\n  | ColorPaletteSeafoam\n  | ColorPaletteDarkGreen\n  | ColorPaletteLightTeal\n  | ColorPaletteTeal\n  | ColorPaletteSteel\n  | ColorPaletteBlue\n  | ColorPaletteRoyalBlue\n  | ColorPaletteCornflower\n  | ColorPaletteNavy\n  | ColorPaletteLavender\n  | ColorPalettePurple\n  | ColorPaletteGrape\n  | ColorPaletteLilac\n  | ColorPalettePink\n  | ColorPaletteMagenta\n  | ColorPalettePlum\n  | ColorPaletteBeige\n  | ColorPaletteMink\n  | ColorPalettePlatinum\n  | ColorPaletteAnchor,\n  string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n  shade50: string;\n  shade40: string;\n  shade30: string;\n  shade20: string;\n  shade10: string;\n  primary: string;\n  tint10: string;\n  tint20: string;\n  tint30: string;\n  tint40: string;\n  tint50: string;\n  tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n  fontSizeBase100: string;\n  fontSizeBase200: string;\n  fontSizeBase300: string;\n  fontSizeBase400: string;\n  fontSizeBase500: string;\n  fontSizeBase600: string;\n\n  fontSizeHero700: string;\n  fontSizeHero800: string;\n  fontSizeHero900: string;\n  fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n  lineHeightBase100: string;\n  lineHeightBase200: string;\n  lineHeightBase300: string;\n  lineHeightBase400: string;\n  lineHeightBase500: string;\n  lineHeightBase600: string;\n\n  lineHeightHero700: string;\n  lineHeightHero800: string;\n  lineHeightHero900: string;\n  lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n  fontWeightRegular: number;\n  fontWeightMedium: number;\n  fontWeightSemibold: number;\n  fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n  fontFamilyBase: string;\n  fontFamilyMonospace: string;\n  fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n  | 'inherit'\n  | 'initial'\n  | 'revert'\n  | 'unset'\n  | 'center'\n  | 'end'\n  | 'start'\n  | 'justify'\n  | 'left'\n  | 'match-parent'\n  | 'right';\n\nexport type TextAlignments = {\n  start: TextAlignment;\n  center: TextAlignment;\n  end: TextAlignment;\n  justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n  fontFamily: string;\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypographyStyles = {\n  body1: TypographyStyle;\n  body1Strong: TypographyStyle;\n  body1Stronger: TypographyStyle;\n  body2: TypographyStyle;\n  caption1: TypographyStyle;\n  caption1Strong: TypographyStyle;\n  caption1Stronger: TypographyStyle;\n  caption2: TypographyStyle;\n  caption2Strong: TypographyStyle;\n  subtitle1: TypographyStyle;\n  subtitle2: TypographyStyle;\n  subtitle2Stronger: TypographyStyle;\n  title1: TypographyStyle;\n  title2: TypographyStyle;\n  title3: TypographyStyle;\n  largeTitle: TypographyStyle;\n  display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n  borderRadiusNone: string;\n  borderRadiusSmall: string;\n  borderRadiusMedium: string;\n  borderRadiusLarge: string;\n  borderRadiusXLarge: string;\n  borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n  strokeWidthThin: string;\n  strokeWidthThick: string;\n  strokeWidthThicker: string;\n  strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n  none: string;\n  xxs: string;\n  xs: string;\n  sNudge: string;\n  s: string;\n  mNudge: string;\n  m: string;\n  l: string;\n  xl: string;\n  xxl: string;\n  xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n  spacingHorizontalNone: string;\n  spacingHorizontalXXS: string;\n  spacingHorizontalXS: string;\n  spacingHorizontalSNudge: string;\n  spacingHorizontalS: string;\n  spacingHorizontalMNudge: string;\n  spacingHorizontalM: string;\n  spacingHorizontalL: string;\n  spacingHorizontalXL: string;\n  spacingHorizontalXXL: string;\n  spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n  spacingVerticalNone: string;\n  spacingVerticalXXS: string;\n  spacingVerticalXS: string;\n  spacingVerticalSNudge: string;\n  spacingVerticalS: string;\n  spacingVerticalMNudge: string;\n  spacingVerticalM: string;\n  spacingVerticalL: string;\n  spacingVerticalXL: string;\n  spacingVerticalXXL: string;\n  spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n  durationUltraFast: string;\n  durationFaster: string;\n  durationFast: string;\n  durationNormal: string;\n  durationGentle: 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  | 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\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  ColorStatusTokens &\n  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAAA,WAgwB0C"}

package/lib/utils/createDarkTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
+import { generateColorTokens } from '../alias/darkColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createDarkTheme = (brand)=>{
+    const colorTokens = generateColorTokens(brand);
+    return {
+        ...borderRadius,
+        ...fontSizes,
+        ...lineHeights,
+        ...fontFamilies,
+        ...fontWeights,
+        ...strokeWidths,
+        ...horizontalSpacings,
+        ...verticalSpacings,
+        ...durations,
+        ...curves,
+        ...colorTokens,
+        ...colorPaletteTokens,
+        ...colorStatusTokens,
+        ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

package/lib/utils/createDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,qBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/createHighContrastTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';
+import { generateColorTokens } from '../alias/highContrastColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createHighContrastTheme = ()=>{
+    const colorTokens = generateColorTokens();
+    return {
+        ...borderRadius,
+        ...fontSizes,
+        ...lineHeights,
+        ...fontFamilies,
+        ...fontWeights,
+        ...strokeWidths,
+        ...horizontalSpacings,
+        ...verticalSpacings,
+        ...durations,
+        ...curves,
+        ...colorTokens,
+        ...colorPaletteTokens,
+        ...colorStatusTokens,
+        ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

package/lib/utils/createHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,oCAAoC;AAC1F,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,cAAcb;IAEpB,OAAO;QACL,GAAGC,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGI,WAAW;QACd,GAAGf,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBM,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGR,mBAAmBM,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/createLightTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';
+import { generateColorTokens } from '../alias/lightColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createLightTheme = (brand)=>{
+    const colorTokens = generateColorTokens(brand);
+    return {
+        ...borderRadius,
+        ...fontSizes,
+        ...lineHeights,
+        ...fontFamilies,
+        ...fontWeights,
+        ...strokeWidths,
+        ...horizontalSpacings,
+        ...verticalSpacings,
+        ...durations,
+        ...curves,
+        ...colorTokens,
+        ...colorPaletteTokens,
+        ...colorStatusTokens,
+        ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

package/lib/utils/createLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AACnF,SAASC,mBAAmB,QAAQ,sBAAsB;AAE1D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/createTeamsDarkTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
+import { generateColorTokens } from '../alias/teamsDarkColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createTeamsDarkTheme = (brand)=>{
+    const colorTokens = generateColorTokens(brand);
+    return {
+        ...borderRadius,
+        ...fontSizes,
+        ...lineHeights,
+        ...fontFamilies,
+        ...fontWeights,
+        ...strokeWidths,
+        ...horizontalSpacings,
+        ...verticalSpacings,
+        ...durations,
+        ...curves,
+        ...colorTokens,
+        ...colorPaletteTokens,
+        ...colorStatusTokens,
+        ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+        ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+    };
+};

package/lib/utils/createTeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/index.js

@@ -0,0 +1,4 @@
+export * from './createLightTheme';
+export * from './createDarkTheme';
+export * from './createTeamsDarkTheme';
+export * from './createHighContrastTheme';

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,oBAAoB;AAClC,cAAc,yBAAyB;AACvC,cAAc,4BAA4B"}

package/lib/utils/shadows.js

@@ -0,0 +1,10 @@
+export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
+    return {
+        [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
+        [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
+        [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
+        [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
+        [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
+        [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
+    };
+}

package/lib/utils/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["shadows.ts"],"sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n  return {\n    [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n    [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n    [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n    [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n    [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n    [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n  };\n}\n"],"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"mappings":"AAKA,OAAO,SAASA,mBAAmBC,YAAoB,EAAEC,QAAgB,EAAEC,cAA4B,EAAE;IACvG,OAAO;QACL,CAAC,CAAC,OAAO,EAAEA,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,OAAO,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,OAAO,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,aAAa,EAAEC,SAAS,CAAC;QAC7E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,SAAS,CAAC;QAC9E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,SAAS,CAAC;IAChF;AACF"}

package/lib-commonjs/alias/darkColor.js

@@ -0,0 +1,172 @@
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateColorTokens", {
+    enumerable: true,
+    get: function() {
+        return generateColorTokens;
+    }
+});
+const _colors = require("../global/colors");
+const generateColorTokens = (brand)=>({
+        colorNeutralForeground1: _colors.white,
+        colorNeutralForeground1Hover: _colors.white,
+        colorNeutralForeground1Pressed: _colors.white,
+        colorNeutralForeground1Selected: _colors.white,
+        colorNeutralForeground2: _colors.grey[84],
+        colorNeutralForeground2Hover: _colors.white,
+        colorNeutralForeground2Pressed: _colors.white,
+        colorNeutralForeground2Selected: _colors.white,
+        colorNeutralForeground2BrandHover: brand[100],
+        colorNeutralForeground2BrandPressed: brand[90],
+        colorNeutralForeground2BrandSelected: brand[100],
+        colorNeutralForeground3: _colors.grey[68],
+        colorNeutralForeground3Hover: _colors.grey[84],
+        colorNeutralForeground3Pressed: _colors.grey[84],
+        colorNeutralForeground3Selected: _colors.grey[84],
+        colorNeutralForeground3BrandHover: brand[100],
+        colorNeutralForeground3BrandPressed: brand[90],
+        colorNeutralForeground3BrandSelected: brand[100],
+        colorNeutralForeground4: _colors.grey[60],
+        colorNeutralForegroundDisabled: _colors.grey[36],
+        colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
+        colorBrandForegroundLink: brand[100],
+        colorBrandForegroundLinkHover: brand[110],
+        colorBrandForegroundLinkPressed: brand[90],
+        colorBrandForegroundLinkSelected: brand[100],
+        colorNeutralForeground2Link: _colors.grey[84],
+        colorNeutralForeground2LinkHover: _colors.white,
+        colorNeutralForeground2LinkPressed: _colors.white,
+        colorNeutralForeground2LinkSelected: _colors.white,
+        colorCompoundBrandForeground1: brand[100],
+        colorCompoundBrandForeground1Hover: brand[110],
+        colorCompoundBrandForeground1Pressed: brand[90],
+        colorBrandForeground1: brand[100],
+        colorBrandForeground2: brand[110],
+        colorBrandForeground2Hover: brand[130],
+        colorBrandForeground2Pressed: brand[160],
+        colorNeutralForeground1Static: _colors.grey[14],
+        colorNeutralForegroundStaticInverted: _colors.white,
+        colorNeutralForegroundInverted: _colors.grey[14],
+        colorNeutralForegroundInvertedHover: _colors.grey[14],
+        colorNeutralForegroundInvertedPressed: _colors.grey[14],
+        colorNeutralForegroundInvertedSelected: _colors.grey[14],
+        colorNeutralForegroundInverted2: _colors.grey[14],
+        colorNeutralForegroundOnBrand: _colors.white,
+        colorNeutralForegroundInvertedLink: _colors.white,
+        colorNeutralForegroundInvertedLinkHover: _colors.white,
+        colorNeutralForegroundInvertedLinkPressed: _colors.white,
+        colorNeutralForegroundInvertedLinkSelected: _colors.white,
+        colorBrandForegroundInverted: brand[80],
+        colorBrandForegroundInvertedHover: brand[70],
+        colorBrandForegroundInvertedPressed: brand[60],
+        colorBrandForegroundOnLight: brand[80],
+        colorBrandForegroundOnLightHover: brand[70],
+        colorBrandForegroundOnLightPressed: brand[50],
+        colorBrandForegroundOnLightSelected: brand[60],
+        colorNeutralBackground1: _colors.grey[16],
+        colorNeutralBackground1Hover: _colors.grey[24],
+        colorNeutralBackground1Pressed: _colors.grey[12],
+        colorNeutralBackground1Selected: _colors.grey[22],
+        colorNeutralBackground2: _colors.grey[12],
+        colorNeutralBackground2Hover: _colors.grey[20],
+        colorNeutralBackground2Pressed: _colors.grey[8],
+        colorNeutralBackground2Selected: _colors.grey[18],
+        colorNeutralBackground3: _colors.grey[8],
+        colorNeutralBackground3Hover: _colors.grey[16],
+        colorNeutralBackground3Pressed: _colors.grey[4],
+        colorNeutralBackground3Selected: _colors.grey[14],
+        colorNeutralBackground4: _colors.grey[4],
+        colorNeutralBackground4Hover: _colors.grey[12],
+        colorNeutralBackground4Pressed: _colors.black,
+        colorNeutralBackground4Selected: _colors.grey[10],
+        colorNeutralBackground5: _colors.black,
+        colorNeutralBackground5Hover: _colors.grey[8],
+        colorNeutralBackground5Pressed: _colors.grey[2],
+        colorNeutralBackground5Selected: _colors.grey[6],
+        colorNeutralBackground6: _colors.grey[20],
+        colorNeutralBackgroundInverted: _colors.white,
+        colorNeutralBackgroundStatic: _colors.grey[24],
+        colorNeutralBackgroundAlpha: _colors.grey10Alpha[50],
+        colorNeutralBackgroundAlpha2: _colors.grey12Alpha[70],
+        colorSubtleBackground: 'transparent',
+        colorSubtleBackgroundHover: _colors.grey[22],
+        colorSubtleBackgroundPressed: _colors.grey[18],
+        colorSubtleBackgroundSelected: _colors.grey[20],
+        colorSubtleBackgroundLightAlphaHover: _colors.grey14Alpha[80],
+        colorSubtleBackgroundLightAlphaPressed: _colors.grey14Alpha[50],
+        colorSubtleBackgroundLightAlphaSelected: 'transparent',
+        colorSubtleBackgroundInverted: 'transparent',
+        colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
+        colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
+        colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
+        colorTransparentBackground: 'transparent',
+        colorTransparentBackgroundHover: 'transparent',
+        colorTransparentBackgroundPressed: 'transparent',
+        colorTransparentBackgroundSelected: 'transparent',
+        colorNeutralBackgroundDisabled: _colors.grey[8],
+        colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
+        colorNeutralStencil1: _colors.grey[34],
+        colorNeutralStencil2: _colors.grey[20],
+        colorNeutralStencil1Alpha: _colors.whiteAlpha[10],
+        colorNeutralStencil2Alpha: _colors.whiteAlpha[5],
+        colorBackgroundOverlay: _colors.blackAlpha[50],
+        colorScrollbarOverlay: _colors.whiteAlpha[60],
+        colorBrandBackground: brand[70],
+        colorBrandBackgroundHover: brand[80],
+        colorBrandBackgroundPressed: brand[40],
+        colorBrandBackgroundSelected: brand[60],
+        colorCompoundBrandBackground: brand[100],
+        colorCompoundBrandBackgroundHover: brand[110],
+        colorCompoundBrandBackgroundPressed: brand[90],
+        colorBrandBackgroundStatic: brand[80],
+        colorBrandBackground2: brand[20],
+        colorBrandBackground2Hover: brand[40],
+        colorBrandBackground2Pressed: brand[10],
+        colorBrandBackgroundInverted: _colors.white,
+        colorBrandBackgroundInvertedHover: brand[160],
+        colorBrandBackgroundInvertedPressed: brand[140],
+        colorBrandBackgroundInvertedSelected: brand[150],
+        colorNeutralStrokeAccessible: _colors.grey[68],
+        colorNeutralStrokeAccessibleHover: _colors.grey[74],
+        colorNeutralStrokeAccessiblePressed: _colors.grey[70],
+        colorNeutralStrokeAccessibleSelected: brand[100],
+        colorNeutralStroke1: _colors.grey[40],
+        colorNeutralStroke1Hover: _colors.grey[46],
+        colorNeutralStroke1Pressed: _colors.grey[42],
+        colorNeutralStroke1Selected: _colors.grey[44],
+        colorNeutralStroke2: _colors.grey[32],
+        colorNeutralStroke3: _colors.grey[24],
+        colorNeutralStrokeSubtle: _colors.grey[4],
+        colorNeutralStrokeOnBrand: _colors.grey[16],
+        colorNeutralStrokeOnBrand2: _colors.white,
+        colorNeutralStrokeOnBrand2Hover: _colors.white,
+        colorNeutralStrokeOnBrand2Pressed: _colors.white,
+        colorNeutralStrokeOnBrand2Selected: _colors.white,
+        colorBrandStroke1: brand[100],
+        colorBrandStroke2: brand[50],
+        colorBrandStroke2Hover: brand[50],
+        colorBrandStroke2Pressed: brand[30],
+        colorBrandStroke2Contrast: brand[50],
+        colorCompoundBrandStroke: brand[100],
+        colorCompoundBrandStrokeHover: brand[110],
+        colorCompoundBrandStrokePressed: brand[90],
+        colorNeutralStrokeDisabled: _colors.grey[26],
+        colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
+        colorTransparentStroke: 'transparent',
+        colorTransparentStrokeInteractive: 'transparent',
+        colorTransparentStrokeDisabled: 'transparent',
+        colorNeutralStrokeAlpha: _colors.whiteAlpha[10],
+        colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
+        colorStrokeFocus1: _colors.black,
+        colorStrokeFocus2: _colors.white,
+        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+        colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+    });

package/lib-commonjs/alias/darkColor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["darkColor.js"],"sourcesContent":["/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nexport const generateColorTokens = (brand)=>({\n        colorNeutralForeground1: white,\n        colorNeutralForeground1Hover: white,\n        colorNeutralForeground1Pressed: white,\n        colorNeutralForeground1Selected: white,\n        colorNeutralForeground2: grey[84],\n        colorNeutralForeground2Hover: white,\n        colorNeutralForeground2Pressed: white,\n        colorNeutralForeground2Selected: white,\n        colorNeutralForeground2BrandHover: brand[100],\n        colorNeutralForeground2BrandPressed: brand[90],\n        colorNeutralForeground2BrandSelected: brand[100],\n        colorNeutralForeground3: grey[68],\n        colorNeutralForeground3Hover: grey[84],\n        colorNeutralForeground3Pressed: grey[84],\n        colorNeutralForeground3Selected: grey[84],\n        colorNeutralForeground3BrandHover: brand[100],\n        colorNeutralForeground3BrandPressed: brand[90],\n        colorNeutralForeground3BrandSelected: brand[100],\n        colorNeutralForeground4: grey[60],\n        colorNeutralForegroundDisabled: grey[36],\n        colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n        colorBrandForegroundLink: brand[100],\n        colorBrandForegroundLinkHover: brand[110],\n        colorBrandForegroundLinkPressed: brand[90],\n        colorBrandForegroundLinkSelected: brand[100],\n        colorNeutralForeground2Link: grey[84],\n        colorNeutralForeground2LinkHover: white,\n        colorNeutralForeground2LinkPressed: white,\n        colorNeutralForeground2LinkSelected: white,\n        colorCompoundBrandForeground1: brand[100],\n        colorCompoundBrandForeground1Hover: brand[110],\n        colorCompoundBrandForeground1Pressed: brand[90],\n        colorBrandForeground1: brand[100],\n        colorBrandForeground2: brand[110],\n        colorBrandForeground2Hover: brand[130],\n        colorBrandForeground2Pressed: brand[160],\n        colorNeutralForeground1Static: grey[14],\n        colorNeutralForegroundStaticInverted: white,\n        colorNeutralForegroundInverted: grey[14],\n        colorNeutralForegroundInvertedHover: grey[14],\n        colorNeutralForegroundInvertedPressed: grey[14],\n        colorNeutralForegroundInvertedSelected: grey[14],\n        colorNeutralForegroundInverted2: grey[14],\n        colorNeutralForegroundOnBrand: white,\n        colorNeutralForegroundInvertedLink: white,\n        colorNeutralForegroundInvertedLinkHover: white,\n        colorNeutralForegroundInvertedLinkPressed: white,\n        colorNeutralForegroundInvertedLinkSelected: white,\n        colorBrandForegroundInverted: brand[80],\n        colorBrandForegroundInvertedHover: brand[70],\n        colorBrandForegroundInvertedPressed: brand[60],\n        colorBrandForegroundOnLight: brand[80],\n        colorBrandForegroundOnLightHover: brand[70],\n        colorBrandForegroundOnLightPressed: brand[50],\n        colorBrandForegroundOnLightSelected: brand[60],\n        colorNeutralBackground1: grey[16],\n        colorNeutralBackground1Hover: grey[24],\n        colorNeutralBackground1Pressed: grey[12],\n        colorNeutralBackground1Selected: grey[22],\n        colorNeutralBackground2: grey[12],\n        colorNeutralBackground2Hover: grey[20],\n        colorNeutralBackground2Pressed: grey[8],\n        colorNeutralBackground2Selected: grey[18],\n        colorNeutralBackground3: grey[8],\n        colorNeutralBackground3Hover: grey[16],\n        colorNeutralBackground3Pressed: grey[4],\n        colorNeutralBackground3Selected: grey[14],\n        colorNeutralBackground4: grey[4],\n        colorNeutralBackground4Hover: grey[12],\n        colorNeutralBackground4Pressed: black,\n        colorNeutralBackground4Selected: grey[10],\n        colorNeutralBackground5: black,\n        colorNeutralBackground5Hover: grey[8],\n        colorNeutralBackground5Pressed: grey[2],\n        colorNeutralBackground5Selected: grey[6],\n        colorNeutralBackground6: grey[20],\n        colorNeutralBackgroundInverted: white,\n        colorNeutralBackgroundStatic: grey[24],\n        colorNeutralBackgroundAlpha: grey10Alpha[50],\n        colorNeutralBackgroundAlpha2: grey12Alpha[70],\n        colorSubtleBackground: 'transparent',\n        colorSubtleBackgroundHover: grey[22],\n        colorSubtleBackgroundPressed: grey[18],\n        colorSubtleBackgroundSelected: grey[20],\n        colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],\n        colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],\n        colorSubtleBackgroundLightAlphaSelected: 'transparent',\n        colorSubtleBackgroundInverted: 'transparent',\n        colorSubtleBackgroundInvertedHover: blackAlpha[10],\n        colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n        colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n        colorTransparentBackground: 'transparent',\n        colorTransparentBackgroundHover: 'transparent',\n        colorTransparentBackgroundPressed: 'transparent',\n        colorTransparentBackgroundSelected: 'transparent',\n        colorNeutralBackgroundDisabled: grey[8],\n        colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n        colorNeutralStencil1: grey[34],\n        colorNeutralStencil2: grey[20],\n        colorNeutralStencil1Alpha: whiteAlpha[10],\n        colorNeutralStencil2Alpha: whiteAlpha[5],\n        colorBackgroundOverlay: blackAlpha[50],\n        colorScrollbarOverlay: whiteAlpha[60],\n        colorBrandBackground: brand[70],\n        colorBrandBackgroundHover: brand[80],\n        colorBrandBackgroundPressed: brand[40],\n        colorBrandBackgroundSelected: brand[60],\n        colorCompoundBrandBackground: brand[100],\n        colorCompoundBrandBackgroundHover: brand[110],\n        colorCompoundBrandBackgroundPressed: brand[90],\n        colorBrandBackgroundStatic: brand[80],\n        colorBrandBackground2: brand[20],\n        colorBrandBackground2Hover: brand[40],\n        colorBrandBackground2Pressed: brand[10],\n        colorBrandBackgroundInverted: white,\n        colorBrandBackgroundInvertedHover: brand[160],\n        colorBrandBackgroundInvertedPressed: brand[140],\n        colorBrandBackgroundInvertedSelected: brand[150],\n        colorNeutralStrokeAccessible: grey[68],\n        colorNeutralStrokeAccessibleHover: grey[74],\n        colorNeutralStrokeAccessiblePressed: grey[70],\n        colorNeutralStrokeAccessibleSelected: brand[100],\n        colorNeutralStroke1: grey[40],\n        colorNeutralStroke1Hover: grey[46],\n        colorNeutralStroke1Pressed: grey[42],\n        colorNeutralStroke1Selected: grey[44],\n        colorNeutralStroke2: grey[32],\n        colorNeutralStroke3: grey[24],\n        colorNeutralStrokeSubtle: grey[4],\n        colorNeutralStrokeOnBrand: grey[16],\n        colorNeutralStrokeOnBrand2: white,\n        colorNeutralStrokeOnBrand2Hover: white,\n        colorNeutralStrokeOnBrand2Pressed: white,\n        colorNeutralStrokeOnBrand2Selected: white,\n        colorBrandStroke1: brand[100],\n        colorBrandStroke2: brand[50],\n        colorBrandStroke2Hover: brand[50],\n        colorBrandStroke2Pressed: brand[30],\n        colorBrandStroke2Contrast: brand[50],\n        colorCompoundBrandStroke: brand[100],\n        colorCompoundBrandStrokeHover: brand[110],\n        colorCompoundBrandStrokePressed: brand[90],\n        colorNeutralStrokeDisabled: grey[26],\n        colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n        colorTransparentStroke: 'transparent',\n        colorTransparentStrokeInteractive: 'transparent',\n        colorTransparentStrokeDisabled: 'transparent',\n        colorNeutralStrokeAlpha: whiteAlpha[10],\n        colorNeutralStrokeAlpha2: whiteAlpha[20],\n        colorStrokeFocus1: black,\n        colorStrokeFocus2: white,\n        colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',\n        colorNeutralShadowKey: 'rgba(0,0,0,0.28)',\n        colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n        colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n        colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n        colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n        colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n        colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n    });\n"],"names":["generateColorTokens","brand","colorNeutralForeground1","white","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","grey","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","whiteAlpha","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","black","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","grey10Alpha","colorNeutralBackgroundAlpha2","grey12Alpha","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","grey14Alpha","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","blackAlpha","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}

package/lib-commonjs/alias/darkColorPalette.js

@@ -0,0 +1,85 @@
+/* color palette used in both darkTheme and teamsDarkTheme */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    colorPaletteTokens: function() {
+        return colorPaletteTokens;
+    },
+    colorStatusTokens: function() {
+        return colorStatusTokens;
+    }
+});
+const _colorPalette = require("../global/colorPalette");
+const _sharedColorNames = require("../sharedColorNames");
+const _statusColorMapping = require("../statusColorMapping");
+const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].shade40,
+        [`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].tint30,
+        [`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].tint40,
+        [`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].tint20,
+        [`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].tint30,
+        [`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].primary,
+        [`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].tint20
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+statusColorPaletteTokens.colorPaletteRedForeground3 = _colorPalette.statusSharedColors.red.tint30;
+statusColorPaletteTokens.colorPaletteRedBorder2 = _colorPalette.statusSharedColors.red.tint30;
+statusColorPaletteTokens.colorPaletteGreenForeground3 = _colorPalette.statusSharedColors.green.tint40;
+statusColorPaletteTokens.colorPaletteGreenBorder2 = _colorPalette.statusSharedColors.green.tint40;
+statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = _colorPalette.statusSharedColors.darkOrange.tint30;
+statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = _colorPalette.statusSharedColors.darkOrange.tint30;
+statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.primary;
+statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.primary;
+statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.shade30;
+const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
+    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+    const sharedColorTokens = {
+        [`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].shade30,
+        [`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].tint40,
+        [`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].tint30
+    };
+    return Object.assign(acc, sharedColorTokens);
+}, {});
+// one-off patches
+personaColorPaletteTokens.colorPaletteDarkRedBackground2 = _colorPalette.personaSharedColors.darkRed.shade20;
+personaColorPaletteTokens.colorPalettePlumBackground2 = _colorPalette.personaSharedColors.plum.shade20;
+const colorPaletteTokens = {
+    ...statusColorPaletteTokens,
+    ...personaColorPaletteTokens
+};
+const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
+    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
+    // TODO: double check the mapping with design - see the one-off patches above
+    const statusColorTokens = {
+        [`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].shade40,
+        [`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
+        [`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
+        [`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].tint20,
+        [`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
+        [`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
+        [`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].primary,
+        [`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].tint20
+    };
+    return Object.assign(acc, statusColorTokens);
+}, {});
+// one-off overrides for colorStatus tokens
+colorStatusTokens.colorStatusDangerForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint30;
+colorStatusTokens.colorStatusDangerBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.danger].tint30;
+colorStatusTokens.colorStatusSuccessForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
+colorStatusTokens.colorStatusSuccessBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.success].tint40;
+colorStatusTokens.colorStatusWarningForegroundInverted = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;

package/lib-commonjs/alias/darkColorPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["darkColorPalette.js"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { statusColorMapping } from '../statusColorMapping';\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{\n    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n    const sharedColorTokens = {\n        [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n        [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n        [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n        [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n        [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n        [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n        [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n        [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n        [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20\n    };\n    return Object.assign(acc, sharedColorTokens);\n}, {});\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{\n    const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n    const sharedColorTokens = {\n        [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n        [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n        [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30\n    };\n    return Object.assign(acc, sharedColorTokens);\n}, {});\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\nexport const colorPaletteTokens = {\n    ...statusColorPaletteTokens,\n    ...personaColorPaletteTokens\n};\nexport const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{\n    const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n    // TODO: double check the mapping with design - see the one-off patches above\n    const statusColorTokens = {\n        [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,\n        [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,\n        [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n        [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,\n        [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,\n        [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,\n        [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,\n        [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,\n        [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,\n        [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20\n    };\n    return Object.assign(acc, statusColorTokens);\n}, {});\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","statusSharedColors","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","personaSharedColorNames","personaSharedColors","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","entries","statusColorMapping","statusColor","statusColorTokens","mappedStatusColors","shade10","colorStatusDangerForeground3","danger","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"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"}