@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
35 lines (34 loc) • 1.59 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormFieldHint = exports.formFieldHintStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const text_1 = require("@workday/canvas-kit-react/text");
const layout_1 = require("@workday/canvas-kit-react/layout");
const hooks_1 = require("./hooks");
exports.formFieldHintStencil = (0, canvas_kit_styling_1.createStencil)({
extends: text_1.textStencil,
base: { name: "4fer", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
modifiers: {
error: {
error: { name: "3mwnuw", styles: "color:var(--cnvs-brand-error-base);" },
alert: { name: "8ulz5", styles: "" }
}
},
defaultModifiers: {
typeLevel: 'subtext.medium',
}
}, "form-field-hint-4fcd54");
exports.FormFieldHint = (0, common_1.createSubcomponent)('p')({
displayName: 'FormField.Hint',
modelHook: hooks_1.useFormFieldModel,
elemPropsHook: hooks_1.useFormFieldHint,
})(({ children, typeLevel, variant, ...elemProps }, Element, model) => {
if (!children) {
// If there is no hint text just skip rendering
return null;
}
return ((0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, exports.formFieldHintStencil)({ typeLevel, variant, error: model.state.error })), children: children }));
});