@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
14 lines (13 loc) • 848 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { calc, createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
const checkboxRippleStencil = createStencil({
base: { name: "3lml0s", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-round);box-shadow:none;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);width:calc(var(--cnvs-sys-space-x4) + 0.125rem);transition:box-shadow 150ms ease-out;position:absolute;pointer-events:none;" }
}, "checkbox-ripple-91b80f");
export const CheckboxRipple = createComponent('span')({
displayName: 'CheckboxRipple',
Component: (elemProps) => {
return _jsx("span", { ...handleCsProp(elemProps, checkboxRippleStencil()) });
},
});