@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
14 lines (13 loc) • 805 B
JavaScript
import * as React from 'react';
import { createComponent } from '@workday/canvas-kit-react/common';
import { calc, createStencil, px2rem } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
const checkboxRippleStencil = createStencil({
base: { name: "d5h43m", 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-27671c");
export const CheckboxRipple = createComponent('span')({
displayName: 'CheckboxRipple',
Component: elemProps => {
return React.createElement("span", { ...checkboxRippleStencil() });
},
});