@workday/canvas-kit-react/dist/commonjs/pill/lib/PillAvatar.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PillAvatar = exports.pillAvatarStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const avatar_1 = require("@workday/canvas-kit-react/avatar");
const common_1 = require("@workday/canvas-kit-react/common");
const layout_1 = require("@workday/canvas-kit-react/layout");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const usePillModel_1 = require("./usePillModel");
exports.pillAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
    extends: avatar_1.avatarStencil,
    base: { name: "1pnukk", styles: "box-sizing:border-box;flex:0 0 auto;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small, 1rem));font-size:var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small, 0.625rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small));&:disabled, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);}" }
}, "pill-avatar-b59a58");
exports.PillAvatar = (0, common_1.createSubcomponent)('div')({
    modelHook: usePillModel_1.usePillModel,
})(({ size, ...elemProps }, Element, _model) => {
    return ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, { isDecorative: true, as: Element, size: (0, canvas_kit_styling_1.px2rem)(18), ...(0, layout_1.mergeStyles)(elemProps, [
            (0, exports.pillAvatarStencil)(),
            _model.state.disabled ? 'disabled' : undefined,
        ]) }));
});