@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: "m1sr4l", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
    modifiers: {
        grow: {
            true: { name: "m1sr4m", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
        },
        orientation: {
            horizontalStart: { name: "m1sr4n", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
            horizontalEnd: { name: "m1sr4o", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
            vertical: { name: "m1sr4p", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
        },
        required: {
            true: { name: "m1sr4q", styles: "" }
        },
        error: {
            error: { name: "m1sr4r", styles: "" },
            alert: { name: "m1sr4s", styles: "" }
        }
    },
    defaultModifiers: {
        orientation: 'vertical',
    }
}, "form-field-db05c5");