@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
24 lines (23 loc) • 1.72 kB
JavaScript
;
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)({
base: { name: "wscsi", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
modifiers: {
error: {
error: { name: "47hwc", styles: "background-color:var(--cnvs-brand-error-lightest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-error-inner);" },
caution: { name: "osc6i", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-outer), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-inner);" }
}
}
}, "form-field-group-list-9f0751");
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 }));
});