@arquimedes.co/eureka-forms 0.2.38-test → 0.2.39-test

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -28,7 +28,7 @@ function CheckBoxStep(_a) {
                                 : undefined,
                         }, shouldUnregister: true, render: function (_a) {
                             var field = _a.field;
-                            return (_jsx(RoundedCheckBox, __assign({}, field, { inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.descriptionTextColor, checked: field.value }), void 0));
+                            return (_jsx(RoundedCheckBox, __assign({}, field, { inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value }), void 0));
                         } }, void 0)] }), void 0), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
                     color: !!errors[step.id]
                         ? formStyle.errorColor

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.module.css

@@ -28,7 +28,10 @@
 .descriptionPar {
     font-size: 0.75rem;
     margin-left: 14px;
-    margin-top: -6px;
+    margin-top: 4px;
     font-weight: 400;
     line-height: 1.66;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -53,7 +53,7 @@ function ClassifierSelector(_a) {
                     : calcStepWidth(step.size, form),
                 maxWidth: '100%',
                 minHeight: step.description || step.required ? '55px' : '43px',
-            } }, { children: _jsxs(RoundedSelect, __assign({ fullWidth: true, value: value, cantEdit: postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
+            } }, { children: _jsxs(RoundedSelect, __assign({ fullWidth: true, value: value, cantEdit: postview, helperTextColor: formStyle.descriptionTextColor, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
                     onChange(event.target.value);
                     sizeChange();
                 }, inputRef: inputRef, helperText: errors[step.id]

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -27,7 +27,7 @@ function DatePickerStep(_a) {
                     : undefined,
             }, shouldUnregister: true, render: function (_a) {
                 var field = _a.field;
-                return (_jsx(RoundedDatePicker, __assign({}, field, { showIcon: step.showIcon, inputRef: field.ref, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
+                return (_jsx(RoundedDatePicker, __assign({}, field, { showIcon: step.showIcon, inputRef: field.ref, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
                         ? errors[step.id].message
                         : step.description, error: !!errors[step.id], required: step.required }), void 0));
             } }, void 0) }), void 0));

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js

@@ -190,7 +190,7 @@ function FileUploadStep(_a) {
         }
         return '';
     };
-    return (_jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label }), void 0), step.description && (_jsx("div", __assign({ className: styles.stepDescriptionLabel }, { children: step.description }), void 0)), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: function (e) {
+    return (_jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label }), void 0), step.description && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor } }, { children: step.description }), void 0)), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: function (e) {
                     var files = e.target.files;
                     if (files) {
                         var filesArray = Array.from(files);

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.module.css

@@ -21,11 +21,18 @@
     -ms-user-select: none;
     user-select: none;
 }
+
 .stepDescriptionLabel {
-    font-size: 0.7rem;
+    font-size: 0.75rem;
+    margin-left: 14px;
     margin-top: -4px;
-    margin-left: 8px;
+    font-weight: 400;
+    line-height: 1.66;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
+
 .filesInput {
     display: none;
 }

package/dist/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js

@@ -46,7 +46,7 @@ function Selector(_a) {
                     : calcStepWidth(step.size, form),
                 maxWidth: '100%',
                 minHeight: step.description || step.required ? '55px' : '43px',
-            } }, { children: _jsxs(RoundedSelect, __assign({ value: value, fullWidth: true, inputRef: inputRef, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, label: step.label, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
+            } }, { children: _jsxs(RoundedSelect, __assign({ value: value, fullWidth: true, inputRef: inputRef, cantEdit: postview, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, label: step.label, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
                     onChange(event.target.value);
                     sizeChange();
                 }, helperText: errors[step.id]

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -108,7 +108,7 @@ function TextAreaStep(_a) {
                         : undefined,
                 }, shouldUnregister: true, render: function (_a) {
                     var field = _a.field;
-                    return (_jsx(RoundedTextField, __assign({}, field, { label: step.label, inputRef: field.ref, required: step.required, cantEdit: postview, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
+                    return (_jsx(RoundedTextField, __assign({}, field, { label: step.label, inputRef: field.ref, required: step.required, cantEdit: postview, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
                             ? errors[step.id].message
                             : step.description, error: !!errors[step.id] }), void 0));
                 } }, void 0) }), void 0));

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -37,7 +37,7 @@ function TextInputStep(_a) {
                 var field = _a.field;
                 return (_jsx(RoundedTextField, __assign({}, field, { label: step.label, inputRef: field.ref, cantEdit: postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
                         ? errors[step.id].message
-                        : step.description, error: !!errors[step.id] }), void 0));
+                        : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id] }), void 0));
             } }, void 0) }), void 0));
 }
 export default TextInputStep;

package/dist/constants/InternalFormStyle.js

@@ -8,6 +8,6 @@ var InternalFormStyle = {
     errorColor: '#cc2936',
     textColor: '#293241',
     outlineColor: '#b8b8b8',
-    descriptionTextColor: '#AFADAD',
+    descriptionTextColor: '#989898',
 };
 export default InternalFormStyle;

package/dist/shared/RoundedDatePicker/RoundedDatePicker.d.ts

@@ -26,6 +26,8 @@ interface StyleProps {
     shrunkenFontSize?: number | string;
     /** Cant edit */
     cantEdit?: boolean;
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
 }
 interface RoundedDatePickerProps extends StyleProps {
     /** If the calendar icon should be shown */

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -119,6 +119,7 @@ var useDatePickerLabelStyles = function (props) {
 var useDatePickerHelperTextStyles = function (props) {
     return makeStyles(function () { return ({
         root: {
+            color: props.helperTextColor,
             '&.Mui-error': {
                 color: props.errorColor,
             },
@@ -160,7 +161,7 @@ var useDatePickerDialogStyles = function (props) {
     }); });
 };
 function CustomDatePicker(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.fontWeight, fontWeight = _l === void 0 ? '300' : _l, _m = _a.showIcon, showIcon = _m === void 0 ? true : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, onChange = _a.onChange, required = _a.required, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "fontWeight", "showIcon", "cantEdit", "onChange", "required"]);
+    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.helperTextColor, helperTextColor = _l === void 0 ? '#989898' : _l, _m = _a.fontWeight, fontWeight = _m === void 0 ? '300' : _m, _o = _a.showIcon, showIcon = _o === void 0 ? true : _o, _p = _a.cantEdit, cantEdit = _p === void 0 ? false : _p, onChange = _a.onChange, required = _a.required, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "helperTextColor", "fontWeight", "showIcon", "cantEdit", "onChange", "required"]);
     var classes = useDatePickerStyles({
         padding: padding,
         cantEdit: cantEdit,
@@ -175,6 +176,7 @@ function CustomDatePicker(_a) {
         fontSize: fontSize,
         shrunkenFontSize: shrunkenFontSize,
         fontWeight: fontWeight,
+        helperTextColor: helperTextColor,
     })();
     var labelClasses = useDatePickerLabelStyles({
         padding: padding,
@@ -190,6 +192,7 @@ function CustomDatePicker(_a) {
         fontSize: fontSize,
         shrunkenFontSize: shrunkenFontSize,
         fontWeight: fontWeight,
+        helperTextColor: helperTextColor,
     })();
     var datePicker = useDatePickerDialogStyles({
         padding: padding,
@@ -205,6 +208,7 @@ function CustomDatePicker(_a) {
         fontSize: fontSize,
         shrunkenFontSize: shrunkenFontSize,
         fontWeight: fontWeight,
+        helperTextColor: helperTextColor,
     })().datePicker;
     var helperTextStyles = useDatePickerHelperTextStyles({
         padding: padding,
@@ -218,6 +222,7 @@ function CustomDatePicker(_a) {
         fontSize: fontSize,
         shrunkenFontSize: shrunkenFontSize,
         fontWeight: fontWeight,
+        helperTextColor: helperTextColor,
     })();
     return (_jsx(KeyboardDatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, onChange: onChange, placeholder: format(new Date(), 'P', { locale: getLocale() }), format: "P", required: required, keyboardIcon: showIcon ? (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit" }, void 0)) : null, InputLabelProps: { classes: labelClasses }, DialogProps: {
             disableEnforceFocus: true,

package/dist/shared/RoundedSelect/RoundedSelect.d.ts

@@ -1,6 +1,22 @@
 import React from 'react';
 import { SelectProps } from '@material-ui/core/Select';
-interface RoundedSelectProps extends Omit<SelectProps, 'color'> {
+interface ColorProps {
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** The color of the outline when it is not selected */
+    outlineColor?: string;
+    /** The color of the error to display */
+    errorColor?: string;
+    /** If the style should change on hover */
+    cantEdit?: boolean;
+    /** The hight of the container */
+    height?: string;
+    /** The color of the text in the form */
+    color?: string;
+}
+interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     /** children to display in the options */
     children?: any;
     /** Currently selected value */
@@ -10,26 +26,16 @@ interface RoundedSelectProps extends Omit<SelectProps, 'color'> {
         name?: string | undefined;
         value: any;
     }>, child?: React.ReactNode) => void;
-    /** The hight of the container */
-    height?: string;
     /** Strig to place in the label */
     label: string;
     /** Minimum width in px of the component */
     minWidth?: number;
     /** The color of the outline when selected and hovered on */
     focusColor?: string;
-    /** The color of the error to display */
-    errorColor?: string;
-    /** the color of the text */
-    color?: string;
-    /** The color of the outline when it is not selected */
-    outlineColor?: string;
     /** If outline should be error color */
     highlightError?: boolean;
     /** The helper Text to display */
     helperText?: string;
-    /** If the selector cant be opened, diabled but with same style */
-    cantEdit?: boolean;
     /** the margin around the selector */
     containerMargin?: string;
 }

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -114,6 +114,7 @@ var useLabelInputStyles = function (props) {
 var useHelperTextStyles = function (props) {
     return makeStyles(function () { return ({
         root: {
+            color: props.helperTextColor,
             '&.Mui-error': {
                 color: props.errorColor,
             },
@@ -121,34 +122,37 @@ var useHelperTextStyles = function (props) {
     }); });
 };
 function CustomSelect(_a) {
-    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.cantEdit, cantEdit = _f === void 0 ? false : _f, _g = _a.containerMargin, containerMargin = _g === void 0 ? '8px' : _g, _h = _a.height, height = _h === void 0 ? '40px' : _h, required = _a.required, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "cantEdit", "containerMargin", "height", "required", "error"]);
+    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.cantEdit, cantEdit = _g === void 0 ? false : _g, _h = _a.containerMargin, containerMargin = _h === void 0 ? '8px' : _h, _j = _a.height, height = _j === void 0 ? '40px' : _j, required = _a.required, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "cantEdit", "containerMargin", "height", "required", "error"]);
     var classes = useStyles();
     var outlinedInputClasses = useOutlinedInputStyles({
-        focusColor: focusColor,
+        helperTextColor: helperTextColor,
         outlineColor: outlineColor,
-        cantEdit: cantEdit,
-        color: color,
         errorColor: errorColor,
+        focusColor: focusColor,
+        cantEdit: cantEdit,
         height: height,
+        color: color,
     })();
     var labelClasses = useLabelInputStyles({
-        focusColor: focusColor,
+        helperTextColor: helperTextColor,
         outlineColor: outlineColor,
         errorColor: errorColor,
-        color: color,
+        focusColor: focusColor,
         cantEdit: cantEdit,
         height: height,
+        color: color,
     })();
     var helperTextClasses = useHelperTextStyles({
-        focusColor: focusColor,
+        helperTextColor: helperTextColor,
         outlineColor: outlineColor,
         errorColor: errorColor,
+        focusColor: focusColor,
         cantEdit: cantEdit,
-        color: color,
         height: height,
+        color: color,
     })();
     var inputLabel = React.useRef();
-    var _j = React.useState(0), labelWidth = _j[0], setLabelWidth = _j[1];
+    var _k = React.useState(0), labelWidth = _k[0], setLabelWidth = _k[1];
     useEffect(function () {
         setLabelWidth(inputLabel.current.offsetWidth);
     }, [label]);

package/dist/shared/RoundedTextField/RoundedTextField.d.ts

@@ -29,6 +29,8 @@ interface StyleProps {
     multiline?: boolean;
     /** Cant edit */
     cantEdit?: boolean;
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
 }
 interface RoundedTextFieldProps extends StyleProps {
 }

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -96,11 +96,14 @@ var useTextfieldStyles = function (props) {
             '& .Mui-error': {
                 color: props.errorColor,
             },
+            '& .EF-MuiFormHelperText-root': {
+                color: props.helperTextColor,
+            },
         },
     }); });
 };
 function CustomTextfield(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.errorColor, errorColor = _l === void 0 ? '#cc2936' : _l, _m = _a.fontWeight, fontWeight = _m === void 0 ? '300' : _m, _o = _a.multiline, multiline = _o === void 0 ? false : _o, _p = _a.cantEdit, cantEdit = _p === void 0 ? false : _p, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "errorColor", "fontWeight", "multiline", "cantEdit"]);
+    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.helperTextColor, helperTextColor = _c === void 0 ? '#989898' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'white' : _e, innerBackgroundColor = _a.innerBackgroundColor, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.borderRadius, borderRadius = _h === void 0 ? 10 : _h, _j = _a.padding, padding = _j === void 0 ? '6px 12px' : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '1rem' : _k, _l = _a.shrunkenFontSize, shrunkenFontSize = _l === void 0 ? '1rem' : _l, _m = _a.errorColor, errorColor = _m === void 0 ? '#cc2936' : _m, _o = _a.fontWeight, fontWeight = _o === void 0 ? '300' : _o, _p = _a.multiline, multiline = _p === void 0 ? false : _p, _q = _a.cantEdit, cantEdit = _q === void 0 ? false : _q, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "errorColor", "fontWeight", "multiline", "cantEdit"]);
     var classes = useTextfieldStyles({
         padding: padding,
         textColor: textColor,
@@ -108,6 +111,7 @@ function CustomTextfield(_a) {
         focusColor: focusColor,
         outlineColor: outlineColor,
         innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
+        helperTextColor: helperTextColor,
         backgroundColor: backgroundColor,
         borderRadius: borderRadius,
         readOnly: readOnly,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "0.2.38-test",
+    "version": "0.2.39-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",