@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
38 lines (37 loc) • 1.73 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormFieldHint = exports.formFieldHintStencil = void 0;
const react_1 = __importDefault(require("react"));
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: "ojxa4j", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
modifiers: {
error: {
error: { name: "ojxa4k", styles: "color:var(--cnvs-brand-error-base);" },
alert: { name: "ojxa4l", styles: "" }
}
},
defaultModifiers: {
typeLevel: 'subtext.medium',
}
}, "form-field-hint-07fcb3");
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 (react_1.default.createElement(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, exports.formFieldHintStencil)({ typeLevel, variant, error: model.state.error })) }, children));
});