UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

18 lines (17 loc) 1.12 kB
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: "2zwmw6", 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()) })); });