@fluentui/react-northstar
Version:
A themable React component library.
54 lines (53 loc) • 2.59 kB
JavaScript
import { menuColorAreas } from '../../../teams/components/Menu/menuVariables';
import { extendColorScheme, pickValuesFromColorScheme } from '../../../colorUtils';
export var menuVariables = function menuVariables(siteVars) {
return {
colorScheme: pickValuesFromColorScheme(extendColorScheme(siteVars.colorScheme, {
default: {
backgroundActive: siteVars.colorScheme.default.backgroundActive1,
backgroundFocus: siteVars.colorScheme.default.backgroundFocus1,
foregroundDisabled: siteVars.colorScheme.default.foregroundDisabled1
},
brand: {
foregroundActive: siteVars.colors.black,
foregroundDisabled: siteVars.colorScheme.brand.foregroundDisabled1
}
}), menuColorAreas),
color: siteVars.colors.white,
colorActive: siteVars.colors.black,
colorFocus: siteVars.colors.white,
backgroundColorFocus: siteVars.accessibleCyan,
backgroundColorActive: siteVars.accessibleCyan,
primaryBorderColor: siteVars.colors.white,
activeUnderlinedColor: siteVars.colors.white,
activeUnderlinedBorderBottomColor: siteVars.colors.white,
activeUnderlinedWrapperColor: siteVars.colors.white,
pointingIndicatorBackgroundColor: 'transparent',
iconOnlyColorActive: siteVars.colors.black,
iconOnlyColorFocus: 'transparent',
iconOnlyColorHover: siteVars.colors.black,
iconOnlyWrapperBackgroundColorFocus: siteVars.accessibleCyan,
activeIconOnlyWrapperBackgroundColor: siteVars.accessibleCyan,
activeUnderlinedPrimaryColor: siteVars.colors.white,
wrapperColorActive: siteVars.colors.black,
wrapperBackgroundColorFocus: siteVars.accessibleCyan,
wrapperColorFocus: siteVars.colors.black,
primaryWrapperColorHover: siteVars.colors.black,
wrapperColorHover: siteVars.colors.black,
primaryWrapperColorFocus: siteVars.colors.black,
primaryWrapperBackgroundColorFocus: siteVars.accessibleCyan,
underlinedColorHover: siteVars.colors.white,
underlinedWrapperColorHover: siteVars.colors.white,
iconOnlyBackgroundColorHover: siteVars.accessibleCyan,
indicatorColor: siteVars.colors.white,
activeIndicatorColor: siteVars.colors.black,
activePrimaryIndicatorColor: siteVars.colors.black,
activePrimaryVerticalIndicatorColor: siteVars.colors.black,
indicatorColorHover: siteVars.colors.black,
primaryIndicatorColorHover: siteVars.colors.black,
primaryWrapperColor: siteVars.colors.white,
borderColorFocus: siteVars.colors.black,
outlineColorFocus: siteVars.accessibleCyan
};
};
//# sourceMappingURL=menuVariables.js.map