@workday/canvas-kit-react/dist/commonjs/form-field/lib/formFieldStencil.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.formFieldStencil = void 0;
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
exports.formFieldStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "3oiclz", styles: "box-sizing:border-box;display:flex;border:none;padding:0;margin:0 0 var(--cnvs-sys-gap-lg, var(--cnvs-sys-space-x6, 1.5rem));" },
    modifiers: {
        grow: {
            true: { name: "21vc1o", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
        },
        orientation: {
            horizontalStart: { name: "3aiud9", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
            horizontalEnd: { name: "2pea3k", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
            vertical: { name: "6d9iq", styles: "flex-direction:column;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));align-items:flex-start;" }
        },
        required: {
            true: { name: "2ayn7", styles: "" }
        },
        error: {
            error: { name: "26rze9", styles: "" },
            caution: { name: "40trbh", styles: "" }
        }
    },
    defaultModifiers: {
        orientation: 'vertical',
    }
}, "form-field-db05c5");