export declare type BorderRadiusTokens = {
    borderRadiusNone: string;
    borderRadiusSmall: string;
    borderRadiusMedium: string;
    borderRadiusLarge: string;
    borderRadiusXLarge: string;
    borderRadiusCircular: string;
};

export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;

export declare type BrandVariants = Record<Brands, string>;

export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorBorderActive';

export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeBorderActive';

export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';

export declare type ColorPaletteBlue = 'colorPaletteBlueBackground2' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueBorderActive';

export declare type ColorPaletteBrass = 'colorPaletteBrassBackground2' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassBorderActive';

export declare type ColorPaletteBrown = 'colorPaletteBrownBackground2' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownBorderActive';

export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerBorderActive';

export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryBorderActive';

export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenBorderActive';

export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';

export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedBorderActive';

export declare type ColorPaletteForest = 'colorPaletteForestBackground2' | 'colorPaletteForestForeground2' | 'colorPaletteForestBorderActive';

export declare type ColorPaletteGold = 'colorPaletteGoldBackground2' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldBorderActive';

export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeBorderActive';

export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenForegroundInverted' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';

export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderBorderActive';

export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';

export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealBorderActive';

export declare type ColorPaletteLilac = 'colorPaletteLilacBackground2' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacBorderActive';

export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaBorderActive';

export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';

export declare type ColorPaletteMink = 'colorPaletteMinkBackground2' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkBorderActive';

export declare type ColorPaletteNavy = 'colorPaletteNavyBackground2' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyBorderActive';

export declare type ColorPalettePeach = 'colorPalettePeachBackground2' | 'colorPalettePeachForeground2' | 'colorPalettePeachBorderActive';

export declare type ColorPalettePink = 'colorPalettePinkBackground2' | 'colorPalettePinkForeground2' | 'colorPalettePinkBorderActive';

export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumBorderActive';

export declare type ColorPalettePlum = 'colorPalettePlumBackground2' | 'colorPalettePlumForeground2' | 'colorPalettePlumBorderActive';

export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinBorderActive';

export declare type ColorPalettePurple = 'colorPalettePurpleBackground2' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleBorderActive';

export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedForegroundInverted' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';

export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueBorderActive';

export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamBorderActive';

export declare type ColorPaletteSteel = 'colorPaletteSteelBackground2' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelBorderActive';

export declare type ColorPaletteTeal = 'colorPaletteTealBackground2' | 'colorPaletteTealForeground2' | 'colorPaletteTealBorderActive';

export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;

export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowForegroundInverted' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';

declare type ColorStatusDanger = 'colorStatusDangerBackground1' | 'colorStatusDangerBackground2' | 'colorStatusDangerBackground3' | 'colorStatusDangerBackground3Hover' | 'colorStatusDangerBackground3Pressed' | 'colorStatusDangerForeground1' | 'colorStatusDangerForeground2' | 'colorStatusDangerForeground3' | 'colorStatusDangerForegroundInverted' | 'colorStatusDangerBorderActive' | 'colorStatusDangerBorder1' | 'colorStatusDangerBorder2';

declare type ColorStatusSuccess = 'colorStatusSuccessBackground1' | 'colorStatusSuccessBackground2' | 'colorStatusSuccessBackground3' | 'colorStatusSuccessForeground1' | 'colorStatusSuccessForeground2' | 'colorStatusSuccessForeground3' | 'colorStatusSuccessForegroundInverted' | 'colorStatusSuccessBorderActive' | 'colorStatusSuccessBorder1' | 'colorStatusSuccessBorder2';

declare type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;

declare type ColorStatusWarning = 'colorStatusWarningBackground1' | 'colorStatusWarningBackground2' | 'colorStatusWarningBackground3' | 'colorStatusWarningForeground1' | 'colorStatusWarningForeground2' | 'colorStatusWarningForeground3' | 'colorStatusWarningForegroundInverted' | 'colorStatusWarningBorderActive' | 'colorStatusWarningBorder1' | 'colorStatusWarningBorder2';

/**
 * Design tokens for alias colors
 */
export declare type ColorTokens = {
    colorNeutralForeground1: string;
    colorNeutralForeground1Hover: string;
    colorNeutralForeground1Pressed: string;
    colorNeutralForeground1Selected: string;
    colorNeutralForeground2: string;
    colorNeutralForeground2Hover: string;
    colorNeutralForeground2Pressed: string;
    colorNeutralForeground2Selected: string;
    colorNeutralForeground2BrandHover: string;
    colorNeutralForeground2BrandPressed: string;
    colorNeutralForeground2BrandSelected: string;
    colorNeutralForeground3: string;
    colorNeutralForeground3Hover: string;
    colorNeutralForeground3Pressed: string;
    colorNeutralForeground3Selected: string;
    colorNeutralForeground3BrandHover: string;
    colorNeutralForeground3BrandPressed: string;
    colorNeutralForeground3BrandSelected: string;
    colorNeutralForeground4: string;
    colorNeutralForegroundDisabled: string;
    colorNeutralForegroundInvertedDisabled: string;
    colorBrandForegroundLink: string;
    colorBrandForegroundLinkHover: string;
    colorBrandForegroundLinkPressed: string;
    colorBrandForegroundLinkSelected: string;
    colorNeutralForeground2Link: string;
    colorNeutralForeground2LinkHover: string;
    colorNeutralForeground2LinkPressed: string;
    colorNeutralForeground2LinkSelected: string;
    colorCompoundBrandForeground1: string;
    colorCompoundBrandForeground1Hover: string;
    colorCompoundBrandForeground1Pressed: string;
    colorBrandForeground1: string;
    colorBrandForeground2: string;
    colorBrandForeground2Hover: string;
    colorBrandForeground2Pressed: string;
    colorNeutralForeground1Static: string;
    colorNeutralForegroundInverted: string;
    colorNeutralForegroundInvertedHover: string;
    colorNeutralForegroundInvertedPressed: string;
    colorNeutralForegroundInvertedSelected: string;
    colorNeutralForegroundInverted2: string;
    colorNeutralForegroundOnBrand: string;
    colorNeutralForegroundStaticInverted: string;
    colorNeutralForegroundInvertedLink: string;
    colorNeutralForegroundInvertedLinkHover: string;
    colorNeutralForegroundInvertedLinkPressed: string;
    colorNeutralForegroundInvertedLinkSelected: string;
    colorBrandForegroundInverted: string;
    colorBrandForegroundInvertedHover: string;
    colorBrandForegroundInvertedPressed: string;
    colorBrandForegroundOnLight: string;
    colorBrandForegroundOnLightHover: string;
    colorBrandForegroundOnLightPressed: string;
    colorBrandForegroundOnLightSelected: string;
    colorNeutralBackground1: string;
    colorNeutralBackground1Hover: string;
    colorNeutralBackground1Pressed: string;
    colorNeutralBackground1Selected: string;
    colorNeutralBackground2: string;
    colorNeutralBackground2Hover: string;
    colorNeutralBackground2Pressed: string;
    colorNeutralBackground2Selected: string;
    colorNeutralBackground3: string;
    colorNeutralBackground3Hover: string;
    colorNeutralBackground3Pressed: string;
    colorNeutralBackground3Selected: string;
    colorNeutralBackground4: string;
    colorNeutralBackground4Hover: string;
    colorNeutralBackground4Pressed: string;
    colorNeutralBackground4Selected: string;
    colorNeutralBackground5: string;
    colorNeutralBackground5Hover: string;
    colorNeutralBackground5Pressed: string;
    colorNeutralBackground5Selected: string;
    colorNeutralBackground6: string;
    colorNeutralBackgroundInverted: string;
    colorNeutralBackgroundStatic: string;
    colorNeutralBackgroundAlpha: string;
    colorNeutralBackgroundAlpha2: string;
    colorSubtleBackground: string;
    colorSubtleBackgroundHover: string;
    colorSubtleBackgroundPressed: string;
    colorSubtleBackgroundSelected: string;
    colorSubtleBackgroundLightAlphaHover: string;
    colorSubtleBackgroundLightAlphaPressed: string;
    colorSubtleBackgroundLightAlphaSelected: string;
    colorSubtleBackgroundInverted: string;
    colorSubtleBackgroundInvertedHover: string;
    colorSubtleBackgroundInvertedPressed: string;
    colorSubtleBackgroundInvertedSelected: string;
    colorTransparentBackground: string;
    colorTransparentBackgroundHover: string;
    colorTransparentBackgroundPressed: string;
    colorTransparentBackgroundSelected: string;
    colorNeutralBackgroundDisabled: string;
    colorNeutralBackgroundInvertedDisabled: string;
    colorNeutralStencil1: string;
    colorNeutralStencil2: string;
    colorNeutralStencil1Alpha: string;
    colorNeutralStencil2Alpha: string;
    colorBackgroundOverlay: string;
    colorScrollbarOverlay: string;
    colorBrandBackground: string;
    colorBrandBackgroundHover: string;
    colorBrandBackgroundPressed: string;
    colorBrandBackgroundSelected: string;
    colorCompoundBrandBackground: string;
    colorCompoundBrandBackgroundHover: string;
    colorCompoundBrandBackgroundPressed: string;
    colorBrandBackgroundStatic: string;
    colorBrandBackground2: string;
    colorBrandBackground2Hover: string;
    colorBrandBackground2Pressed: string;
    colorBrandBackground3Static: string;
    colorBrandBackground4Static: string;
    colorBrandBackgroundInverted: string;
    colorBrandBackgroundInvertedHover: string;
    colorBrandBackgroundInvertedPressed: string;
    colorBrandBackgroundInvertedSelected: string;
    colorNeutralCardBackground: string;
    colorNeutralCardBackgroundHover: string;
    colorNeutralCardBackgroundPressed: string;
    colorNeutralCardBackgroundSelected: string;
    colorNeutralCardBackgroundDisabled: string;
    colorNeutralStrokeAccessible: string;
    colorNeutralStrokeAccessibleHover: string;
    colorNeutralStrokeAccessiblePressed: string;
    colorNeutralStrokeAccessibleSelected: string;
    colorNeutralStroke1: string;
    colorNeutralStroke1Hover: string;
    colorNeutralStroke1Pressed: string;
    colorNeutralStroke1Selected: string;
    colorNeutralStroke2: string;
    colorNeutralStroke3: string;
    colorNeutralStrokeSubtle: string;
    colorNeutralStrokeOnBrand: string;
    colorNeutralStrokeOnBrand2: string;
    colorNeutralStrokeOnBrand2Hover: string;
    colorNeutralStrokeOnBrand2Pressed: string;
    colorNeutralStrokeOnBrand2Selected: string;
    colorBrandStroke1: string;
    colorBrandStroke2: string;
    colorBrandStroke2Hover: string;
    colorBrandStroke2Pressed: string;
    colorBrandStroke2Contrast: string;
    colorCompoundBrandStroke: string;
    colorCompoundBrandStrokeHover: string;
    colorCompoundBrandStrokePressed: string;
    colorNeutralStrokeDisabled: string;
    colorNeutralStrokeInvertedDisabled: string;
    colorTransparentStroke: string;
    colorTransparentStrokeInteractive: string;
    colorTransparentStrokeDisabled: string;
    colorNeutralStrokeAlpha: string;
    colorNeutralStrokeAlpha2: string;
    colorStrokeFocus1: string;
    colorStrokeFocus2: string;
    colorNeutralShadowAmbient: string;
    colorNeutralShadowKey: string;
    colorNeutralShadowAmbientLighter: string;
    colorNeutralShadowKeyLighter: string;
    colorNeutralShadowAmbientDarker: string;
    colorNeutralShadowKeyDarker: string;
    colorBrandShadowAmbient: string;
    colorBrandShadowKey: string;
};

export declare const createDarkTheme: (brand: BrandVariants) => Theme;

export declare const createHighContrastTheme: () => Theme;

export declare const createLightTheme: (brand: BrandVariants) => Theme;

export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;

export declare type CurveTokens = {
    curveAccelerateMax: string;
    curveAccelerateMid: string;
    curveAccelerateMin: string;
    curveDecelerateMax: string;
    curveDecelerateMid: string;
    curveDecelerateMin: string;
    curveEasyEaseMax: string;
    curveEasyEase: string;
    curveLinear: string;
};

export declare type DurationTokens = {
    durationUltraFast: string;
    durationFaster: string;
    durationFast: string;
    durationNormal: string;
    durationGentle: string;
    durationSlow: string;
    durationSlower: string;
    durationUltraSlow: string;
};

export declare type FontFamilyTokens = {
    fontFamilyBase: string;
    fontFamilyMonospace: string;
    fontFamilyNumeric: string;
};

export declare type FontSizeTokens = {
    fontSizeBase100: string;
    fontSizeBase200: string;
    fontSizeBase300: string;
    fontSizeBase400: string;
    fontSizeBase500: string;
    fontSizeBase600: string;
    fontSizeHero700: string;
    fontSizeHero800: string;
    fontSizeHero900: string;
    fontSizeHero1000: string;
};

export declare type FontWeightTokens = {
    fontWeightRegular: number;
    fontWeightMedium: number;
    fontWeightSemibold: number;
    fontWeightBold: number;
};

export declare type HorizontalSpacingTokens = {
    spacingHorizontalNone: string;
    spacingHorizontalXXS: string;
    spacingHorizontalXS: string;
    spacingHorizontalSNudge: string;
    spacingHorizontalS: string;
    spacingHorizontalMNudge: string;
    spacingHorizontalM: string;
    spacingHorizontalL: string;
    spacingHorizontalXL: string;
    spacingHorizontalXXL: string;
    spacingHorizontalXXXL: string;
};

export declare type LineHeightTokens = {
    lineHeightBase100: string;
    lineHeightBase200: string;
    lineHeightBase300: string;
    lineHeightBase400: string;
    lineHeightBase500: string;
    lineHeightBase600: string;
    lineHeightHero700: string;
    lineHeightHero800: string;
    lineHeightHero900: string;
    lineHeightHero1000: string;
};

export declare type PartialTheme = Partial<Theme>;

declare type PersonaColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteCranberry | ColorPalettePumpkin | ColorPalettePeach | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteSteel | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteGrape | ColorPaletteLilac | ColorPalettePink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPalettePlatinum | ColorPaletteAnchor, string>;

export declare type ShadowBrandTokens = {
    shadow2Brand: string;
    shadow4Brand: string;
    shadow8Brand: string;
    shadow16Brand: string;
    shadow28Brand: string;
    shadow64Brand: string;
};

/**
 * Design tokens for shadow levels
 */
export declare type ShadowTokens = {
    shadow2: string;
    shadow4: string;
    shadow8: string;
    shadow16: string;
    shadow28: string;
    shadow64: string;
};

export declare type SpacingTokens = {
    none: string;
    xxs: string;
    xs: string;
    sNudge: string;
    s: string;
    mNudge: string;
    m: string;
    l: string;
    xl: string;
    xxl: string;
    xxxl: string;
};

declare type StatusColorPaletteTokens = Record<ColorPaletteRed | ColorPaletteGreen | ColorPaletteDarkOrange | ColorPaletteYellow | ColorPaletteBerry | ColorPaletteMarigold | ColorPaletteLightGreen, string>;

export declare type StrokeWidthTokens = {
    strokeWidthThin: string;
    strokeWidthThick: string;
    strokeWidthThicker: string;
    strokeWidthThickest: string;
};

export declare const teamsDarkTheme: Theme;

export declare const teamsHighContrastTheme: Theme;

export declare const teamsLightTheme: Theme;

export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorStatusTokens & ColorTokens;

/**
 * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
 * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
 * affect tree-shaking since bundlers do not know the shape of the output.
 *
 * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
 * @returns Tokens to css variables mapping object corresponding to the passed theme
 */
export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;

export declare const tokens: Record<keyof Theme, string>;

export declare type TypographyStyle = {
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
};

export declare type TypographyStyles = {
    body1: TypographyStyle;
    body1Strong: TypographyStyle;
    body1Stronger: TypographyStyle;
    body2: TypographyStyle;
    caption1: TypographyStyle;
    caption1Strong: TypographyStyle;
    caption1Stronger: TypographyStyle;
    caption2: TypographyStyle;
    caption2Strong: TypographyStyle;
    subtitle1: TypographyStyle;
    subtitle2: TypographyStyle;
    subtitle2Stronger: TypographyStyle;
    title1: TypographyStyle;
    title2: TypographyStyle;
    title3: TypographyStyle;
    largeTitle: TypographyStyle;
    display: TypographyStyle;
};

/**
 * Global typography styles (fontSize, fontWeight, and lineHeight)
 */
export declare const typographyStyles: TypographyStyles;

export declare type VerticalSpacingTokens = {
    spacingVerticalNone: string;
    spacingVerticalXXS: string;
    spacingVerticalXS: string;
    spacingVerticalSNudge: string;
    spacingVerticalS: string;
    spacingVerticalMNudge: string;
    spacingVerticalM: string;
    spacingVerticalL: string;
    spacingVerticalXL: string;
    spacingVerticalXXL: string;
    spacingVerticalXXXL: string;
};

export declare const webDarkTheme: Theme;

export declare const webLightTheme: Theme;

export { }