@fluentui/react-northstar
Version:
A themable React component library.
59 lines (57 loc) • 2.71 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.menuVariables = void 0;
var _menuVariables = require("../../../teams/components/Menu/menuVariables");
var _colorUtils = require("../../../colorUtils");
var menuVariables = function menuVariables(siteVars) {
return {
colorScheme: (0, _colorUtils.pickValuesFromColorScheme)((0, _colorUtils.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
}
}), _menuVariables.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
};
};
exports.menuVariables = menuVariables;
//# sourceMappingURL=menuVariables.js.map