@pnp/spfx-property-controls/lib-commonjs/propertyFields/PalettePicker/usePalettePickerStyles.js

Reusable property pane controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.usePalettePickerStyles = void 0;
const css_1 = require("@emotion/css");
const react_components_1 = require("@fluentui/react-components");
const usePalettePickerStyles = () => {
    const styles = {
        color: (0, css_1.css)({
            display: "inline-block",
            width: "20px",
            height: "20px",
            margin: "2px",
            border: `1px solid ${react_components_1.tokens.colorNeutralStroke1}`,
        }),
        palettePickerContainer: (0, css_1.css)({
            width: "100%",
            paddingTop: "10px",
        }),
        optionsContainer: (0, css_1.css)({
            display: "flex",
            marginTop: "0px",
            flexWrap: "wrap",
        }),
        dropDown: (0, css_1.css)({
            width: "100%",
        }),
    };
    return {
        styles,
    };
};
exports.usePalettePickerStyles = usePalettePickerStyles;
//# sourceMappingURL=usePalettePickerStyles.js.map