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

package/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["packages/tokens/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n  colorNeutralForeground1: string;\n  colorNeutralForeground1Hover: string;\n  colorNeutralForeground1Pressed: string;\n  colorNeutralForeground1Selected: string;\n  colorNeutralForeground2: string;\n  colorNeutralForeground2Hover: string;\n  colorNeutralForeground2Pressed: string;\n  colorNeutralForeground2Selected: string;\n  colorNeutralForeground2BrandHover: string;\n  colorNeutralForeground2BrandPressed: string;\n  colorNeutralForeground2BrandSelected: string;\n  colorNeutralForeground3: string;\n  colorNeutralForeground3Hover: string;\n  colorNeutralForeground3Pressed: string;\n  colorNeutralForeground3Selected: string;\n  colorNeutralForeground3BrandHover: string;\n  colorNeutralForeground3BrandPressed: string;\n  colorNeutralForeground3BrandSelected: string;\n  colorNeutralForeground4: string;\n  colorNeutralForegroundDisabled: string;\n  colorNeutralForegroundInvertedDisabled: string;\n  colorBrandForegroundLink: string;\n  colorBrandForegroundLinkHover: string;\n  colorBrandForegroundLinkPressed: string;\n  colorBrandForegroundLinkSelected: string;\n  colorNeutralForeground2Link: string;\n  colorNeutralForeground2LinkHover: string;\n  colorNeutralForeground2LinkPressed: string;\n  colorNeutralForeground2LinkSelected: string;\n  colorCompoundBrandForeground1: string;\n  colorCompoundBrandForeground1Hover: string;\n  colorCompoundBrandForeground1Pressed: string;\n  colorBrandForeground1: string;\n  colorBrandForeground2: string;\n  colorNeutralForeground1Static: string;\n  colorNeutralForegroundInverted: string;\n  colorNeutralForegroundInvertedHover: string;\n  colorNeutralForegroundInvertedPressed: string;\n  colorNeutralForegroundInvertedSelected: string;\n  colorNeutralForegroundInverted2: string;\n  colorNeutralForegroundOnBrand: string;\n  colorNeutralForegroundStaticInverted: string;\n  colorNeutralForegroundInvertedLink: string;\n  colorNeutralForegroundInvertedLinkHover: string;\n  colorNeutralForegroundInvertedLinkPressed: string;\n  colorNeutralForegroundInvertedLinkSelected: string;\n  colorBrandForegroundInverted: string;\n  colorBrandForegroundInvertedHover: string;\n  colorBrandForegroundInvertedPressed: string;\n  colorBrandForegroundOnLight: string;\n  colorBrandForegroundOnLightHover: string;\n  colorBrandForegroundOnLightPressed: string;\n  colorBrandForegroundOnLightSelected: string;\n  colorNeutralBackground1: string;\n  colorNeutralBackground1Hover: string;\n  colorNeutralBackground1Pressed: string;\n  colorNeutralBackground1Selected: string;\n  colorNeutralBackground2: string;\n  colorNeutralBackground2Hover: string;\n  colorNeutralBackground2Pressed: string;\n  colorNeutralBackground2Selected: string;\n  colorNeutralBackground3: string;\n  colorNeutralBackground3Hover: string;\n  colorNeutralBackground3Pressed: string;\n  colorNeutralBackground3Selected: string;\n  colorNeutralBackground4: string;\n  colorNeutralBackground4Hover: string;\n  colorNeutralBackground4Pressed: string;\n  colorNeutralBackground4Selected: string;\n  colorNeutralBackground5: string;\n  colorNeutralBackground5Hover: string;\n  colorNeutralBackground5Pressed: string;\n  colorNeutralBackground5Selected: string;\n  colorNeutralBackground6: string;\n  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  colorBrandBackgroundInverted: string;\n  colorBrandBackgroundInvertedHover: string;\n  colorBrandBackgroundInvertedPressed: string;\n  colorBrandBackgroundInvertedSelected: string;\n  colorNeutralStrokeAccessible: string;\n  colorNeutralStrokeAccessibleHover: string;\n  colorNeutralStrokeAccessiblePressed: string;\n  colorNeutralStrokeAccessibleSelected: string;\n  colorNeutralStroke1: string;\n  colorNeutralStroke1Hover: string;\n  colorNeutralStroke1Pressed: string;\n  colorNeutralStroke1Selected: string;\n  colorNeutralStroke2: string;\n  colorNeutralStroke3: string;\n  colorNeutralStrokeOnBrand: string;\n  colorNeutralStrokeOnBrand2: string;\n  colorNeutralStrokeOnBrand2Hover: string;\n  colorNeutralStrokeOnBrand2Pressed: string;\n  colorNeutralStrokeOnBrand2Selected: string;\n  colorBrandStroke1: string;\n  colorBrandStroke2: string;\n  colorCompoundBrandStroke: string;\n  colorCompoundBrandStrokeHover: string;\n  colorCompoundBrandStrokePressed: string;\n  colorNeutralStrokeDisabled: string;\n  colorNeutralStrokeInvertedDisabled: string;\n  colorTransparentStroke: string;\n  colorTransparentStrokeInteractive: string;\n  colorTransparentStrokeDisabled: string;\n  colorNeutralStrokeAlpha: string;\n  colorStrokeFocus1: string;\n  colorStrokeFocus2: string;\n  colorNeutralShadowAmbient: string;\n  colorNeutralShadowKey: string;\n  colorNeutralShadowAmbientLighter: string;\n  colorNeutralShadowKeyLighter: string;\n  colorNeutralShadowAmbientDarker: string;\n  colorNeutralShadowKeyDarker: string;\n  colorBrandShadowAmbient: string;\n  colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n  | 'colorPaletteRedBackground1'\n  | 'colorPaletteRedBackground2'\n  | 'colorPaletteRedBackground3'\n  | 'colorPaletteRedForeground1'\n  | 'colorPaletteRedForeground2'\n  | 'colorPaletteRedForeground3'\n  | 'colorPaletteRedForegroundInverted'\n  | 'colorPaletteRedBorderActive'\n  | 'colorPaletteRedBorder1'\n  | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n  | 'colorPaletteGreenBackground1'\n  | 'colorPaletteGreenBackground2'\n  | 'colorPaletteGreenBackground3'\n  | 'colorPaletteGreenForeground1'\n  | 'colorPaletteGreenForeground2'\n  | 'colorPaletteGreenForeground3'\n  | 'colorPaletteGreenForegroundInverted'\n  | 'colorPaletteGreenBorderActive'\n  | 'colorPaletteGreenBorder1'\n  | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n  | 'colorPaletteDarkOrangeBackground1'\n  | 'colorPaletteDarkOrangeBackground2'\n  | 'colorPaletteDarkOrangeBackground3'\n  | 'colorPaletteDarkOrangeForeground1'\n  | 'colorPaletteDarkOrangeForeground2'\n  | 'colorPaletteDarkOrangeForeground3'\n  | 'colorPaletteDarkOrangeBorderActive'\n  | 'colorPaletteDarkOrangeBorder1'\n  | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n  | 'colorPaletteYellowBackground1'\n  | 'colorPaletteYellowBackground2'\n  | 'colorPaletteYellowBackground3'\n  | 'colorPaletteYellowForeground1'\n  | 'colorPaletteYellowForeground2'\n  | 'colorPaletteYellowForeground3'\n  | 'colorPaletteYellowForegroundInverted'\n  | 'colorPaletteYellowBorderActive'\n  | 'colorPaletteYellowBorder1'\n  | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n  | 'colorPaletteBerryBackground1'\n  | 'colorPaletteBerryBackground2'\n  | 'colorPaletteBerryBackground3'\n  | 'colorPaletteBerryForeground1'\n  | 'colorPaletteBerryForeground2'\n  | 'colorPaletteBerryForeground3'\n  | 'colorPaletteBerryBorderActive'\n  | 'colorPaletteBerryBorder1'\n  | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n  | 'colorPaletteMarigoldBackground1'\n  | 'colorPaletteMarigoldBackground2'\n  | 'colorPaletteMarigoldBackground3'\n  | 'colorPaletteMarigoldForeground1'\n  | 'colorPaletteMarigoldForeground2'\n  | 'colorPaletteMarigoldForeground3'\n  | 'colorPaletteMarigoldBorderActive'\n  | 'colorPaletteMarigoldBorder1'\n  | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n  | 'colorPaletteLightGreenBackground1'\n  | 'colorPaletteLightGreenBackground2'\n  | 'colorPaletteLightGreenBackground3'\n  | 'colorPaletteLightGreenForeground1'\n  | 'colorPaletteLightGreenForeground2'\n  | 'colorPaletteLightGreenForeground3'\n  | 'colorPaletteLightGreenBorderActive'\n  | 'colorPaletteLightGreenBorder1'\n  | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n  | 'colorPaletteDarkRedBackground2'\n  | 'colorPaletteDarkRedForeground2'\n  | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n  | 'colorPaletteCranberryBackground2'\n  | 'colorPaletteCranberryForeground2'\n  | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n  | 'colorPalettePumpkinBackground2'\n  | 'colorPalettePumpkinForeground2'\n  | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n  | 'colorPalettePeachBackground2'\n  | 'colorPalettePeachForeground2'\n  | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n  | 'colorPaletteGoldBackground2'\n  | 'colorPaletteGoldForeground2'\n  | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n  | 'colorPaletteBrassBackground2'\n  | 'colorPaletteBrassForeground2'\n  | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n  | 'colorPaletteBrownBackground2'\n  | 'colorPaletteBrownForeground2'\n  | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n  | 'colorPaletteForestBackground2'\n  | 'colorPaletteForestForeground2'\n  | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n  | 'colorPaletteSeafoamBackground2'\n  | 'colorPaletteSeafoamForeground2'\n  | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n  | 'colorPaletteDarkGreenBackground2'\n  | 'colorPaletteDarkGreenForeground2'\n  | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n  | 'colorPaletteLightTealBackground2'\n  | 'colorPaletteLightTealForeground2'\n  | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n  | 'colorPaletteTealBackground2'\n  | 'colorPaletteTealForeground2'\n  | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n  | 'colorPaletteSteelBackground2'\n  | 'colorPaletteSteelForeground2'\n  | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n  | 'colorPaletteBlueBackground2'\n  | 'colorPaletteBlueForeground2'\n  | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n  | 'colorPaletteRoyalBlueBackground2'\n  | 'colorPaletteRoyalBlueForeground2'\n  | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n  | 'colorPaletteCornflowerBackground2'\n  | 'colorPaletteCornflowerForeground2'\n  | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n  | 'colorPaletteNavyBackground2'\n  | 'colorPaletteNavyForeground2'\n  | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n  | 'colorPaletteLavenderBackground2'\n  | 'colorPaletteLavenderForeground2'\n  | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n  | 'colorPalettePurpleBackground2'\n  | 'colorPalettePurpleForeground2'\n  | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n  | 'colorPaletteGrapeBackground2'\n  | 'colorPaletteGrapeForeground2'\n  | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n  | 'colorPaletteLilacBackground2'\n  | 'colorPaletteLilacForeground2'\n  | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n  | 'colorPalettePinkBackground2'\n  | 'colorPalettePinkForeground2'\n  | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n  | 'colorPaletteMagentaBackground2'\n  | 'colorPaletteMagentaForeground2'\n  | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n  | 'colorPalettePlumBackground2'\n  | 'colorPalettePlumForeground2'\n  | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n  | 'colorPaletteBeigeBackground2'\n  | 'colorPaletteBeigeForeground2'\n  | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n  | 'colorPaletteMinkBackground2'\n  | 'colorPaletteMinkForeground2'\n  | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n  | 'colorPalettePlatinumBackground2'\n  | 'colorPalettePlatinumForeground2'\n  | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n  | 'colorPaletteAnchorBackground2'\n  | 'colorPaletteAnchorForeground2'\n  | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n  | ColorPaletteRed\n  | ColorPaletteGreen\n  | ColorPaletteDarkOrange\n  | ColorPaletteYellow\n  | ColorPaletteBerry\n  | ColorPaletteMarigold\n  | ColorPaletteLightGreen,\n  string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n  | ColorPaletteDarkRed\n  | ColorPaletteCranberry\n  | ColorPalettePumpkin\n  | ColorPalettePeach\n  | ColorPaletteGold\n  | ColorPaletteBrass\n  | ColorPaletteBrown\n  | ColorPaletteForest\n  | ColorPaletteSeafoam\n  | ColorPaletteDarkGreen\n  | ColorPaletteLightTeal\n  | ColorPaletteTeal\n  | ColorPaletteSteel\n  | ColorPaletteBlue\n  | ColorPaletteRoyalBlue\n  | ColorPaletteCornflower\n  | ColorPaletteNavy\n  | ColorPaletteLavender\n  | ColorPalettePurple\n  | ColorPaletteGrape\n  | ColorPaletteLilac\n  | ColorPalettePink\n  | ColorPaletteMagenta\n  | ColorPalettePlum\n  | ColorPaletteBeige\n  | ColorPaletteMink\n  | ColorPalettePlatinum\n  | ColorPaletteAnchor,\n  string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n  shade50: string;\n  shade40: string;\n  shade30: string;\n  shade20: string;\n  shade10: string;\n  primary: string;\n  tint10: string;\n  tint20: string;\n  tint30: string;\n  tint40: string;\n  tint50: string;\n  tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n  fontSizeBase100: string;\n  fontSizeBase200: string;\n  fontSizeBase300: string;\n  fontSizeBase400: string;\n  fontSizeBase500: string;\n  fontSizeBase600: string;\n\n  fontSizeHero700: string;\n  fontSizeHero800: string;\n  fontSizeHero900: string;\n  fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n  lineHeightBase100: string;\n  lineHeightBase200: string;\n  lineHeightBase300: string;\n  lineHeightBase400: string;\n  lineHeightBase500: string;\n  lineHeightBase600: string;\n\n  lineHeightHero700: string;\n  lineHeightHero800: string;\n  lineHeightHero900: string;\n  lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n  fontWeightRegular: number;\n  fontWeightMedium: number;\n  fontWeightSemibold: number;\n  fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n  fontFamilyBase: string;\n  fontFamilyMonospace: string;\n  fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n  | 'inherit'\n  | 'initial'\n  | 'revert'\n  | 'unset'\n  | 'center'\n  | 'end'\n  | 'start'\n  | 'justify'\n  | 'left'\n  | 'match-parent'\n  | 'right';\n\nexport type TextAlignments = {\n  start: TextAlignment;\n  center: TextAlignment;\n  end: TextAlignment;\n  justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n  fontFamily: string;\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypographyStyles = {\n  body1: TypographyStyle;\n  body1Strong: TypographyStyle;\n  body1Stronger: TypographyStyle;\n  body2: TypographyStyle;\n  caption1: TypographyStyle;\n  caption1Strong: TypographyStyle;\n  caption1Stronger: TypographyStyle;\n  caption2: TypographyStyle;\n  caption2Strong: TypographyStyle;\n  subtitle1: TypographyStyle;\n  subtitle2: TypographyStyle;\n  subtitle2Stronger: TypographyStyle;\n  title1: TypographyStyle;\n  title2: TypographyStyle;\n  title3: TypographyStyle;\n  largeTitle: TypographyStyle;\n  display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n  borderRadiusNone: string;\n  borderRadiusSmall: string;\n  borderRadiusMedium: string;\n  borderRadiusLarge: string;\n  borderRadiusXLarge: string;\n  borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n  strokeWidthThin: string;\n  strokeWidthThick: string;\n  strokeWidthThicker: string;\n  strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n  none: string;\n  xxs: string;\n  xs: string;\n  sNudge: string;\n  s: string;\n  mNudge: string;\n  m: string;\n  l: string;\n  xl: string;\n  xxl: string;\n  xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n  spacingHorizontalNone: string;\n  spacingHorizontalXXS: string;\n  spacingHorizontalXS: string;\n  spacingHorizontalSNudge: string;\n  spacingHorizontalS: string;\n  spacingHorizontalMNudge: string;\n  spacingHorizontalM: string;\n  spacingHorizontalL: string;\n  spacingHorizontalXL: string;\n  spacingHorizontalXXL: string;\n  spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n  spacingVerticalNone: string;\n  spacingVerticalXXS: string;\n  spacingVerticalXS: string;\n  spacingVerticalSNudge: string;\n  spacingVerticalS: string;\n  spacingVerticalMNudge: string;\n  spacingVerticalM: string;\n  spacingVerticalL: string;\n  spacingVerticalXL: string;\n  spacingVerticalXXL: string;\n  spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n  durationUltraFast: string;\n  durationFaster: string;\n  durationFast: string;\n  durationNormal: string;\n  durationSlow: string;\n  durationSlower: string;\n  durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n  curveAccelerateMax: string;\n  curveAccelerateMid: string;\n  curveAccelerateMin: string;\n  curveDecelerateMax: string;\n  curveDecelerateMid: string;\n  curveDecelerateMin: string;\n  curveEasyEaseMax: string;\n  curveEasyEase: string;\n  curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n  shadow2: string;\n  shadow4: string;\n  shadow8: string;\n  shadow16: string;\n  shadow28: string;\n  shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n  shadow2Brand: string;\n  shadow4Brand: string;\n  shadow8Brand: string;\n  shadow16Brand: string;\n  shadow28Brand: string;\n  shadow64Brand: string;\n};\n\nexport type Greys =\n  | 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  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}

package/lib/utils/createDarkTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } 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,
+    ...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,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../src/packages/tokens/src/utils/createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,iBAAiB;AAC/G,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,oBAAoB;AAEzE,OAAO,MAAMC,eAAe,GAAoCC,KAAK,IAAG;EACtE,MAAMC,WAAW,GAAGd,mBAAmB,CAACa,KAAK,CAAC;EAE9C,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAkB,CAACO,WAAW,CAACC,yBAAyB,EAAED,WAAW,CAACE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAkB,CAACO,WAAW,CAACG,uBAAuB,EAAEH,WAAW,CAACI,mBAAmB,EAAE,OAAO;GACpG;AACH,CAAC"}

package/lib/utils/createHighContrastTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } 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,
+    ...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,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../src/packages/tokens/src/utils/createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n  const colorTokens = generateColorTokens();\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,iBAAiB;AAC/G,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,oBAAoB;AAEzE,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAY;EACjD,MAAMC,WAAW,GAAGb,mBAAmB,EAAE;EAEzC,OAAO;IACL,GAAGC,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGI,WAAW;IACd,GAAGd,kBAAkB;IAErB,GAAGQ,kBAAkB,CAACM,WAAW,CAACC,yBAAyB,EAAED,WAAW,CAACE,qBAAqB,CAAC;IAC/F,GAAGR,kBAAkB,CAACM,WAAW,CAACG,uBAAuB,EAAEH,WAAW,CAACI,mBAAmB,EAAE,OAAO;GACpG;AACH,CAAC"}

package/lib/utils/createLightTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } 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,
+    ...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,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../src/packages/tokens/src/utils/createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,mBAAmB,QAAQ,qBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,iBAAiB;AAC/G,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,oBAAoB;AAEzE,OAAO,MAAMC,gBAAgB,GAAoCC,KAAK,IAAG;EACvE,MAAMC,WAAW,GAAGd,mBAAmB,CAACa,KAAK,CAAC;EAE9C,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAkB,CAACO,WAAW,CAACC,yBAAyB,EAAED,WAAW,CAACE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAkB,CAACO,WAAW,CAACG,uBAAuB,EAAEH,WAAW,CAACI,mBAAmB,EAAE,OAAO;GACpG;AACH,CAAC"}

package/lib/utils/createTeamsDarkTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } 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,
+    ...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,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../src/packages/tokens/src/utils/createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,mBAAmB,QAAQ,yBAAyB;AAE7D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,iBAAiB;AAC/G,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,oBAAoB;AAEzE,OAAO,MAAMC,oBAAoB,GAAoCC,KAAK,IAAG;EAC3E,MAAMC,WAAW,GAAGd,mBAAmB,CAACa,KAAK,CAAC;EAE9C,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAkB,CAACO,WAAW,CAACC,yBAAyB,EAAED,WAAW,CAACE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAkB,CAACO,WAAW,CAACG,uBAAuB,EAAEH,WAAW,CAACI,mBAAmB,EAAE,OAAO;GACpG;AACH,CAAC"}

package/lib/utils/index.js

@@ -0,0 +1,5 @@
+export * from './createLightTheme';
+export * from './createDarkTheme';
+export * from './createTeamsDarkTheme';
+export * from './createHighContrastTheme';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/tokens/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"]}

package/lib/utils/shadows.js

@@ -0,0 +1,11 @@
+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}`
+  };
+}
+//# sourceMappingURL=shadows.js.map

package/lib/utils/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"sources":["../src/packages/tokens/src/utils/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"],"mappings":"AAKA,OAAM,SAAUA,kBAAkBA,CAACC,YAAoB,EAAEC,QAAgB,EAAEC,WAAA,GAA4B,EAAE;EACvG,OAAO;IACL,CAAC,UAAUA,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,UAAUC,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,UAAUC,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,gBAAgBC,QAAQ,EAAE;IAC7E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,iBAAiBC,QAAQ,EAAE;IAC9E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,iBAAiBC,QAAQ;GAC7E;AACH"}

package/lib-amd/alias/darkColor.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"darkColor.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n  colorNeutralForeground1: white, // #ffffff Global.Color.White\n  colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n  colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n  colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n  colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n  colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n  colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n  colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n  colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n  colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n  colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n  colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n  colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n  colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n  colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n  colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n  colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n  colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n  colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n  colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n  colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n  colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n  colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n  colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n  colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n  colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n  colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n  colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n  colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n  colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n  colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n  colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n  colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n  colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n  colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n  colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n  colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n  colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n  colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n  colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n  colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n  colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n  colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n  colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n  colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n  colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n  colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n  colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n  colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n  colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n  colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n  colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n  colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n  colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n  colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n  colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n  colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n  colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n  colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n  colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n  colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n  colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n  colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n  colorNeutralBackground5: black, // #000000 Global.Color.Black\n  colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n  colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n  colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n  colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n  colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n  colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n  colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n  colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n  colorSubtleBackground: 'transparent', // transparent undefined\n  colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n  colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n  colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n  colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n  colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n  colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n  colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n  colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n  colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n  colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n  colorTransparentBackground: 'transparent', // transparent undefined\n  colorTransparentBackgroundHover: 'transparent', // transparent undefined\n  colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n  colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n  colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n  colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n  colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n  colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n  colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n  colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n  colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n  colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n  colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n  colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n  colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n  colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n  colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n  colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n  colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n  colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n  colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n  colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n  colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n  colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n  colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n  colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n  colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n  colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n  colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n  colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n  colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n  colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n  colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n  colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n  colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n  colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n  colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n  colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n  colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n  colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n  colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n  colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n  colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n  colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n  colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n  colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n  colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n  colorTransparentStroke: 'transparent', // transparent undefined\n  colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n  colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n  colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n  colorStrokeFocus1: black, // #000000 Global.Color.Black\n  colorStrokeFocus2: white, // #ffffff Global.Color.White\n  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n  colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n  colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"]}

package/lib-amd/alias/darkColorPalette.js

@@ -0,0 +1,47 @@
+/* color palette used in both darkTheme and teamsDarkTheme */
+define(["require", "exports", "tslib", "../global/colorPalette", "../sharedColorNames"], function (require, exports, tslib_1, colorPalette_1, sharedColorNames_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.colorPaletteTokens = void 0;
+    var statusColorPaletteTokens = sharedColorNames_1.statusSharedColorNames.reduce(function (acc, sharedColor) {
+        var _a;
+        var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+        var sharedColorTokens = (_a = {},
+            _a["colorPalette" + color + "Background1"] = colorPalette_1.statusSharedColors[sharedColor].shade40,
+            _a["colorPalette" + color + "Background2"] = colorPalette_1.statusSharedColors[sharedColor].shade30,
+            _a["colorPalette" + color + "Background3"] = colorPalette_1.statusSharedColors[sharedColor].primary,
+            _a["colorPalette" + color + "Foreground1"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
+            _a["colorPalette" + color + "Foreground2"] = colorPalette_1.statusSharedColors[sharedColor].tint40,
+            _a["colorPalette" + color + "Foreground3"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
+            _a["colorPalette" + color + "BorderActive"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
+            _a["colorPalette" + color + "Border1"] = colorPalette_1.statusSharedColors[sharedColor].primary,
+            _a["colorPalette" + color + "Border2"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
+            _a);
+        return Object.assign(acc, sharedColorTokens);
+    }, {});
+    // one-off patches
+    statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30;
+    statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30;
+    statusColorPaletteTokens.colorPaletteGreenForeground3 = colorPalette_1.statusSharedColors.green.tint40;
+    statusColorPaletteTokens.colorPaletteGreenBorder2 = colorPalette_1.statusSharedColors.green.tint40;
+    statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = colorPalette_1.statusSharedColors.darkOrange.tint30;
+    statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = colorPalette_1.statusSharedColors.darkOrange.tint30;
+    statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.primary;
+    statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.primary;
+    statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.shade30;
+    var personaColorPaletteTokens = sharedColorNames_1.personaSharedColorNames.reduce(function (acc, sharedColor) {
+        var _a;
+        var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+        var sharedColorTokens = (_a = {},
+            _a["colorPalette" + color + "Background2"] = colorPalette_1.personaSharedColors[sharedColor].shade30,
+            _a["colorPalette" + color + "Foreground2"] = colorPalette_1.personaSharedColors[sharedColor].tint40,
+            _a["colorPalette" + color + "BorderActive"] = colorPalette_1.personaSharedColors[sharedColor].tint30,
+            _a);
+        return Object.assign(acc, sharedColorTokens);
+    }, {});
+    // one-off patches
+    personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20;
+    personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20;
+    exports.colorPaletteTokens = tslib_1.__assign(tslib_1.__assign({}, statusColorPaletteTokens), personaColorPaletteTokens);
+});
+//# sourceMappingURL=darkColorPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"darkColorPalette.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n  const sharedColorTokens = {\n    [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n    [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n    [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n    [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n    [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n    [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n    [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n    [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n    [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n  };\n\n  return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n  const sharedColorTokens = {\n    [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n    [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n    [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n  };\n\n  return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"]}