@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
17 lines (16 loc) • 1.22 kB
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';
import { LabelText } from '@workday/canvas-kit-react/text';
const checkboxContainerStencil = createStencil({
base: { name: "d5h43n", 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 (React.createElement("div", { ...checkboxContainerStencil() },
React.createElement("div", null, children),
label && (React.createElement(LabelText, { htmlFor: id, disabled: disabled, variant: variant, style: { cursor: disabled ? 'default' : 'pointer' } }, label))));
},
});