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

Reusable property pane controls for SharePoint Framework solutions

import { css } from "@emotion/css";
import { tokens } from "@fluentui/react-components";
export const usePalettePickerStyles = () => {
    const styles = {
        color: css({
            display: "inline-block",
            width: "20px",
            height: "20px",
            margin: "2px",
            border: `1px solid ${tokens.colorNeutralStroke1}`,
        }),
        palettePickerContainer: css({
            width: "100%",
            paddingTop: "10px",
        }),
        optionsContainer: css({
            display: "flex",
            marginTop: "0px",
            flexWrap: "wrap",
        }),
        dropDown: css({
            width: "100%",
        }),
    };
    return {
        styles,
    };
};
//# sourceMappingURL=usePalettePickerStyles.js.map