@pnp/spfx-controls-react/lib-commonjs/controls/placeholder/PlaceholderComponent.styles.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getClassNames = void 0;
var merge_styles_1 = require("@fluentui/merge-styles");
var Styling_1 = require("@fluentui/react/lib/Styling");
var getClassNames = function (theme) {
    return (0, merge_styles_1.mergeStyleSets)({
        placeholder: {
            display: "flex"
        },
        placeholderContainer: {
            alignItems: "center",
            color: theme.palette.neutralSecondary,
            backgroundColor: theme.palette.neutralLighter,
            width: "100%",
            padding: "80px 0"
        },
        placeholderHead: {
            color: theme.palette.neutralPrimary
        },
        placeholderHeadContainer: {
            height: "100%",
            whiteSpace: "nowrap",
            textAlign: "center"
        },
        placeholderIcon: {
            display: "inline-block",
            verticalAlign: "middle",
            whiteSpace: "normal",
            fontSize: Styling_1.FontSizes.size42
        },
        placeholderText: {
            display: "inline",
            verticalAlign: "middle",
            whiteSpace: "normal",
            fontWeight: 100,
            fontSize: Styling_1.FontSizes.size28,
            paddingLeft: "20px"
        },
        hide: {
            display: "none"
        },
        placeholderDescription: {
            width: "65%",
            verticalAlign: "middle",
            margin: "0 auto",
            textAlign: "center"
        },
        placeholderDescriptionText: {
            color: theme.palette.neutralSecondary,
            fontSize: "17px",
            display: "inline-block",
            margin: "24px 0",
            fontWeight: "100"
        }
    });
};
exports.getClassNames = getClassNames;
//# sourceMappingURL=PlaceholderComponent.styles.js.map