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

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormFieldGroupList = 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");
const hooks_1 = require("./hooks");
const formFieldGroupListStencil = (0, canvas_kit_styling_1.createStencil)({
    extends: common_1.cornerShapeStencil,
    base: { name: "17t6m4", styles: "box-sizing:border-box;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));margin:0 calc(var(--cnvs-base-size-150, 0.75rem) * -1);transition:100ms box-shadow;width:fit-content;" },
    modifiers: {
        error: {
            error: { name: "157r8l", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));@media (forced-colors: active){outline:solid 0.125rem ButtonBorder;}" },
            caution: { name: "328ecw", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1))), inset 0 0 0 0.1875rem var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)));@media (forced-colors: active){outline:solid 0.125rem ButtonBorder;}" }
        }
    }
}, "form-field-group-list-284850");
exports.FormFieldGroupList = (0, common_1.createSubcomponent)('div')({
    displayName: 'FormFieldGroup.List',
    modelHook: hooks_1.useFormFieldModel,
})(({ children, ...elemProps }, Element, model) => {
    return ((0, jsx_runtime_1.jsx)(Element, { "data-width": "ck-formfield-width", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, formFieldGroupListStencil({ error: model.state.error })), children: children }));
});