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

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CheckBackground = exports.checkboxBackgroundStencil = 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.checkboxBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
    extends: common_1.cornerShapeStencil,
    vars: {
        errorRingColorInner: '',
        errorRingColorOuter: '',
    },
    parts: {
        background: 'checkbox-background',
    },
    base: { name: "2mm1s4", styles: "box-sizing:border-box;align-items:center;background-color:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));--shape-corner-shape-ccab68:var(--cnvs-sys-shape-xs, 0.25rem);display:flex;justify-content:center;padding:0 0.125rem;pointer-events:none;position:absolute;transition:border 200ms ease, background 200ms;height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));border:0.0625rem solid var(--cnvs-sys-color-border-input-default);" },
    modifiers: {
        variant: {
            inverse: { name: "ac2pn", styles: "background-color:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));" }
        },
        error: {
            error: { name: "2a65u2", styles: "--errorRingColorInner-checkbox-background-c73dbe:var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));--errorRingColorOuter-checkbox-background-c73dbe:var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));" },
            caution: { name: "11vle0", styles: "--errorRingColorInner-checkbox-background-c73dbe:var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)));--errorRingColorOuter-checkbox-background-c73dbe:var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));" }
        }
    },
    compound: [
        {
            modifiers: { variant: 'inverse', error: 'error' },
            styles: { name: "12bryb", styles: "background-color:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));" }
        },
        {
            modifiers: { variant: 'inverse', error: 'caution' },
            styles: { name: "3l4gta", styles: "background-color:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));" }
        }
    ]
}, "checkbox-background-c73dbe");
exports.CheckBackground = (0, common_1.createComponent)('div')({
    displayName: 'CheckBackground',
    Component: ({ error, variant, children }) => {
        return ((0, jsx_runtime_1.jsx)("div", { ...exports.checkboxBackgroundStencil.parts.background, ...(0, exports.checkboxBackgroundStencil)({ error, variant }), children: children }));
    },
});