@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: "d5h44n", 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: "d5h44o", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
        },
        orientation: {
            horizontalStart: { name: "d5h44p", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
            horizontalEnd: { name: "d5h44q", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
            vertical: { name: "d5h44r", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
        },
        required: {
            true: { name: "d5h44s", styles: "" }
        },
        error: {
            error: { name: "d5h44t", styles: "" },
            alert: { name: "d5h44u", styles: "" }
        }
    },
    defaultModifiers: {
        orientation: 'vertical',
    }
}, "form-field-db05c5");