@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
20 lines (19 loc) • 1.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CheckboxRipple = exports.checkboxRippleStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
exports.checkboxRippleStencil = (0, canvas_kit_styling_1.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");
exports.CheckboxRipple = (0, common_1.createComponent)('span')({
displayName: 'CheckboxRipple',
Component: (elemProps) => {
return ((0, jsx_runtime_1.jsx)("span", { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.checkboxRippleStencil)()), ...exports.checkboxRippleStencil.parts.ripple }));
},
});