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

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { Subtext } from '@workday/canvas-kit-react/text';
import { calc, createStencil, px2rem } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
const checkboxContainerStencil = createStencil({
    parts: {
        label: 'checkbox-container-label',
    },
    base: { name: "qnryq", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));position:relative;&>div{display:flex;height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));min-width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));align-self:flex-start;position:relative;}[data-part=\"checkbox-container-label\"]{padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;margin-block-start:calc(0.125rem * -1);}" },
    modifiers: {
        disabled: {
            true: { name: "1rexmc", styles: "[data-part=\"checkbox-container-label\"]{cursor:default;}" }
        }
    }
}, "checkbox-container-bafc3c");
export const CheckboxContainer = createComponent('div')({
    displayName: 'CheckboxContainer',
    Component: ({ children, disabled, id, label, variant }) => {
        return (_jsxs("div", { ...checkboxContainerStencil({ disabled }), children: [_jsx("div", { children: children }), label && (_jsx(Subtext, { size: "large", as: "label", htmlFor: id, variant: variant, ...checkboxContainerStencil.parts.label, children: label }))] }));
    },
});