@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
21 lines (20 loc) • 1.38 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PillIcon = exports.pillIconStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const icon_1 = require("@workday/canvas-kit-react/icon");
const layout_1 = require("@workday/canvas-kit-react/layout");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const usePillModel_1 = require("./usePillModel");
exports.pillIconStencil = (0, canvas_kit_styling_1.createStencil)({
extends: icon_1.systemIconStencil,
base: { name: "2x2h27", styles: "box-sizing:border-box;margin-inline-start:calc(var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem)) * -1);--size-svg-bca693:var(--cnvs-component-system-icon-size-xs, var(--cnvs-sys-space-x4, 1rem));flex:0 0 auto;" }
}, "pill-icon-ded2a2");
exports.PillIcon = (0, common_1.createSubcomponent)('span')({
modelHook: usePillModel_1.usePillModel,
})(({ icon, ...elemProps }, Element) => {
return ((0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, role: "img", icon: icon || canvas_system_icons_web_1.plusIcon, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.pillIconStencil)()) }));
});