@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
25 lines (24 loc) • 1.59 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
import { component } from '@workday/canvas-tokens-web';
const buttonIconStencil = createStencil({
base: { name: "f4qxe", styles: "box-sizing:border-box;display:inline-block;" },
modifiers: {
size: {
extraSmall: { name: "44wiuw", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-xs, var(--cnvs-sys-space-x4, 1rem));" },
small: { name: "2m5981", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));" },
medium: { name: "12sd4n", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));" },
large: { name: "wl81e", styles: "--size-svg-bca693:var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem));" }
}
}
}, "button-icon-045c76");
export const ButtonLabelIcon = createComponent('span')({
Component: ({ icon, size = 'medium', shouldMirrorIcon = false, shouldMirrorIconInRTL = false, ...elemProps }, ref, Element) => {
if (icon === undefined) {
return null;
}
return (_jsx(SystemIcon, { ref: ref, as: Element, icon: icon, shouldMirror: shouldMirrorIcon, shouldMirrorInRTL: shouldMirrorIconInRTL, ...handleCsProp(elemProps, buttonIconStencil({ size })) }));
},
});