@pnp/spfx-controls-react/lib-commonjs/controls/userPicker/userCard/useUserCardStyles.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUserCardStyles = void 0;
var tslib_1 = require("tslib");
var react_components_1 = require("@fluentui/react-components");
exports.useUserCardStyles = (0, react_components_1.makeStyles)({
    container: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "center" }, react_components_1.shorthands.gap("20px")), { ":hover": {
            cursor: "pointer",
            backgroundColor: react_components_1.tokens.colorNeutralBackground3,
        } }),
    root: tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "center", width: "fit-content" }, react_components_1.shorthands.gap("10px")),
    personLine1Container: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "center", width: "100%", maxWidth: "100%" }, react_components_1.shorthands.overflow("hidden")), { paddingBottom: "0px" }),
    personLine1: tslib_1.__assign(tslib_1.__assign({ width: "100%", maxWidth: "100%" }, react_components_1.shorthands.overflow("hidden")), { display: "-webkit-box", "-webkit-line-clamp": "1", "-webkit-box-orient": "vertical", paddingBottom: "0px", textAlign: "start" }),
    personline1Styles: {
        paddingRight: "5px",
        color: react_components_1.tokens.colorNeutralForeground2
    },
});
//# sourceMappingURL=useUserCardStyles.js.map