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

The parent module that contains all Workday Canvas Kit React components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormFieldContainer = exports.formFieldContainerStencil = void 0;
const react_1 = __importDefault(require("react"));
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const hooks_1 = require("./hooks");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
/**
 * @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
 */
exports.formFieldContainerStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "ojxa4m", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
}, "form-field-container-b7ba71");
/**
 * @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
 */
exports.FormFieldContainer = (0, common_1.createSubcomponent)('div')({
    displayName: 'FormField.Container',
    modelHook: hooks_1.useFormFieldModel,
})((elemProps, Element, model) => {
    return (react_1.default.createElement(Element, { "data-width": "ck-formfield-width", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.formFieldContainerStencil)()) }));
});