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

The parent module that contains all Workday Canvas Kit React components

import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
export const formFieldStencil = createStencil({
    base: { name: "2ejcb1", 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: "2opr9a", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
        },
        orientation: {
            horizontalStart: { name: "3wmtpo", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
            horizontalEnd: { name: "405nrx", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
            vertical: { name: "3grp3i", styles: "flex-direction:column;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));align-items:flex-start;" }
        },
        required: {
            true: { name: "24rn6g", styles: "" }
        },
        error: {
            error: { name: "13a3uk", styles: "" },
            caution: { name: "78nwc", styles: "" }
        }
    },
    defaultModifiers: {
        orientation: 'vertical',
    }
}, "form-field-db05c5");