@workday/canvas-kit-react/dist/es6/checkbox/lib/CheckboxRipple.js

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
export const checkboxRippleStencil = createStencil({
    parts: {
        ripple: 'checkbox-ripple',
    },
    base: { name: "3fmbh2", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));box-shadow:none;height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));transition:box-shadow 150ms ease-out;position:absolute;pointer-events:none;" }
}, "checkbox-ripple-6d137e");
export const CheckboxRipple = createComponent('span')({
    displayName: 'CheckboxRipple',
    Component: (elemProps) => {
        return (_jsx("span", { ...handleCsProp(elemProps, checkboxRippleStencil()), ...checkboxRippleStencil.parts.ripple }));
    },
});