@fluentui/react-northstar
Version:
A themable React component library.
73 lines (72 loc) • 2.77 kB
TypeScript
import { ItemType } from '../../../types';
import { TeamsSchemeMappingWithAreas } from '../../types';
export declare const menuColorAreas: ("border" | "foregroundHover" | "backgroundHover" | "foregroundActive" | "backgroundActive" | "borderActive" | "foregroundFocus" | "backgroundFocus" | "foregroundDisabled")[];
export declare type MenuColorSchemeMapping = TeamsSchemeMappingWithAreas<ItemType<typeof menuColorAreas>>;
export interface MenuVariables {
colorScheme: MenuColorSchemeMapping;
color: string;
backgroundColor: string;
backgroundColorFocus: string;
backgroundColorHover: string;
backgroundColorActive: string;
borderColor: string;
borderColorHover: string;
borderColorActive: string;
borderColorFocus: string;
outlineColorFocus: string;
colorActive: string;
iconSize: string;
iconOnlyBorderRadius: string;
iconOnlyColorActive: string;
iconOnlyColorFocus: string;
iconOnlyBackgroundColorHover: string;
iconOnlyColorHover: string;
iconOnlyWrapperBackgroundColorFocus: string;
colorFocus: string;
colorHover: string;
underlinedBorderColor: string;
colorDisabled: string;
lineHeightBase: string;
horizontalPadding: string;
activeUnderlinedColor: string;
activeUnderlinedPrimaryColor: string;
activeUnderlinedBorderBottomColor: string;
activeUnderlinedWrapperColor: string;
activeIconOnlyWrapperBackgroundColor: string;
verticalBackgroundColor: string;
verticalItemPadding: string;
verticalBoxShadow: string;
verticalDividerMargin: string;
verticalItemBorderWidth: string;
verticalItemBorderColor: string;
verticalPointingBorderColor: string;
verticalBorderColor: string;
pointingIndicatorBackgroundColor: string;
activeWrapperBackgroundColorHover: string;
underlinedBottomBorderWidth: string;
underlinedColorHover: string;
underlinedWrapperColorHover: string;
underlinedWrapperBackgroundHover: string;
primaryBorderColor: string;
primaryWrapperColorFocus: string;
primaryWrapperBackgroundColorFocus: string;
dividerHeight: string;
borderWidth: string;
menuZIndex: number;
beakZIndex: number;
wrapperColorActive: string;
wrapperColorFocus: string;
wrapperColorHover: string;
primaryWrapperColor: string;
primaryWrapperColorHover: string;
wrapperBackgroundColorFocus: string;
activeIndicatorColor: string;
activePrimaryIndicatorColor: string;
activePrimaryVerticalIndicatorColor: string;
indicatorColor: string;
primaryIndicatorColorHover: string;
indicatorColorHover: string;
subMenuBorderColor: string;
subMenuIconColor: string;
}
export declare const menuVariables: (siteVars: any) => MenuVariables;