@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
55 lines • 2.31 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.DashboardTheme = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_northstar_1 = require("@fluentui/react-northstar");
var getLocalTheme = function () {
return {
componentVariables: {
Card: function (_a) {
var colorScheme = _a.colorScheme, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, shadowLevel1 = _a.shadowLevel1, theme = _a.theme;
return {
backgroundColor: colorScheme.grey.background,
backgroundColorHover: colorScheme.grey.background,
boxShadow: shadowLevel1,
boxShadowHover: shadowLevel1,
borderRadius: borderRadius,
borderSize: borderWidth,
borderColor: theme === "teamsHighContrastTheme"
? colorScheme.grey.backgroundFocus
: "transparent",
borderColorHover: theme === "teamsHighContrastTheme"
? colorScheme.grey.backgroundFocus
: "transparent",
};
},
Menu: function (_a) {
var colorScheme = _a.colorScheme;
return ({
color: colorScheme.default.foreground2,
});
},
},
componentStyles: {
Menu: {
root: {
marginLeft: "-0.25rem",
marginRight: "-0.25rem",
},
},
},
};
};
var DashboardTheme = function (_a) {
var globalTheme = _a.globalTheme, children = _a.children;
var theme = (0, react_northstar_1.mergeThemes)(globalTheme, getLocalTheme());
return (React.createElement(react_northstar_1.Provider, { theme: theme, style: {
minHeight: "100vh",
backgroundColor: theme.siteVariables.theme === "teamsHighContrastTheme"
? theme.siteVariables.colorScheme.grey.background
: theme.siteVariables.colorScheme.grey.background2,
} }, children));
};
exports.DashboardTheme = DashboardTheme;
//# sourceMappingURL=DashboardTheme.js.map