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

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CheckboxContainer = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const text_1 = require("@workday/canvas-kit-react/text");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const checkboxContainerStencil = (0, canvas_kit_styling_1.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");
exports.CheckboxContainer = (0, common_1.createComponent)('div')({
    displayName: 'CheckboxContainer',
    Component: ({ children, disabled, id, label, variant }) => {
        return ((0, jsx_runtime_1.jsxs)("div", { ...checkboxContainerStencil({ disabled }), children: [(0, jsx_runtime_1.jsx)("div", { children: children }), label && ((0, jsx_runtime_1.jsx)(text_1.Subtext, { size: "large", as: "label", htmlFor: id, variant: variant, ...checkboxContainerStencil.parts.label, children: label }))] }));
    },
});