@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 1.12 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { calc, createStencil } from '@workday/canvas-kit-styling';
import { plusIcon } from '@workday/canvas-system-icons-web';
import { component, system } from '@workday/canvas-tokens-web';
import { usePillModel } from './usePillModel';
export const pillIconStencil = createStencil({
extends: 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");
export const PillIcon = createSubcomponent('span')({
modelHook: usePillModel,
})(({ icon, ...elemProps }, Element) => {
return (_jsx(SystemIcon, { as: Element, role: "img", icon: icon || plusIcon, ...mergeStyles(elemProps, pillIconStencil()) }));
});