@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
15 lines (14 loc) • 1.21 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { calc, createStencil, px2rem } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { LabelText } from '@workday/canvas-kit-react/text';
const checkboxContainerStencil = createStencil({
base: { name: "3p5tvl", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-space-x6);position:relative;&>div{display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);min-width:calc(var(--cnvs-sys-space-x4) + 0.125rem);margin-top:0.1875rem;align-self:flex-start;}& > label{padding-inline-start:var(--cnvs-sys-space-x3);}" }
}, "checkbox-container-a7381d");
export const CheckboxContainer = createComponent('div')({
displayName: 'CheckboxContainer',
Component: ({ children, disabled, id, label, variant }) => {
return (_jsxs("div", { ...checkboxContainerStencil(), children: [_jsx("div", { children: children }), label && (_jsx(LabelText, { htmlFor: id, disabled: disabled, variant: variant, style: { cursor: disabled ? 'default' : 'pointer' }, children: label }))] }));
},
});