@cerebruminc/cerebellum 16.1.1 → 16.2.0-beta.dangerous.8a9b71d

package/lib/esm/{FormStyles-BQJPyTS0.js → FormStyles-DMlwBOz8.js}

@@ -14,10 +14,11 @@ import './Switches-yNTNw1zb.js';
 import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
 import { SwitchTypeEnum } from './SwitchTypeEnum.js';
 import { getObjectById } from './addOrRemoveById.js';
+import { validateColorContrast } from './validateColorContrast.js';
 import { formatBytesToString } from './formatBytesToString.js';
 import { northAmericanNumberingPlanRegex } from './northAmericanNumberingPlanRegex.js';
 import * as yup from 'yup';
-import { FormFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isToggle, isCheckboxGroup, isMultiSelect, isToggleGroup, isRemovable, isPassword, isAddress, isConfigurableInput, isCountySelect, isCountrySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isImagePicker, isNumber, isPhone, isRadioGroup, isSelect, isSocialSecurity, isStateSelect, isTextarea, isZipCode } from './FormFieldTypeEnum.js';
+import { FormFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isToggle, isCheckboxGroup, isMultiSelect, isToggleGroup, isRemovable, isPassword, isAddress, isColorPicker, isConfigurableInput, isCountySelect, isCountrySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isImagePicker, isNumber, isPhone, isRadioGroup, isSelect, isSocialSecurity, isStateSelect, isTextarea, isZipCode } from './FormFieldTypeEnum.js';
 
 var integerRegex = /^\d+$/;
 // at least 8 chars
@@ -167,14 +168,33 @@ var formatValidationInternals = function (_a) {
             else if (isCheckbox(field)) {
                 validationInternals[name_6] = validationFunction || yup.boolean();
             }
+            else if (isToggle(field)) {
+                validationInternals[name_6] = validationFunction || yup.boolean();
+            }
             else if (isCheckboxGroup(field)) {
                 var _h = field.requiredMessage, requiredMessage = _h === void 0 ? "Please select at least one" : _h;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.array().of(yup.string()).min(1, requiredMessage) : yup.array().of(yup.string()));
             }
+            else if (isColorPicker(field)) {
+                var _j = field.requiredMessage, requiredMessage = _j === void 0 ? "This field is required" : _j, _k = field.validationMessage, validationMessage = _k === void 0 ? "This color does not have sufficient contrast for accessibility" : _k;
+                var _l = field.options || {}, _m = _l.checkLegible, checkLegible = _m === void 0 ? false : _m, _o = _l.legibleAgainst, legibleAgainst_1 = _o === void 0 ? "#ffffff" : _o;
+                // Create base string validation
+                var colorSchema = yup.string();
+                // Add contrast validation if checkLegible is enabled
+                if (checkLegible) {
+                    colorSchema = colorSchema.test("color-contrast", validationMessage, function (value) {
+                        if (!value)
+                            return true; // Allow empty values, let required validation handle this
+                        return validateColorContrast(value, legibleAgainst_1);
+                    });
+                }
+                validationInternals[name_6] =
+                    validationFunction || (required && allowRequired && !disabled ? colorSchema.required(requiredMessage) : colorSchema);
+            }
             else if (isConfigurableInput(field)) {
-                var _j = field.requiredMessage, requiredMessage = _j === void 0 ? "This field is required" : _j, _k = field.validationMessage, validationMessage = _k === void 0 ? "This field must be a string" : _k, options = field.options;
+                var _p = field.requiredMessage, requiredMessage = _p === void 0 ? "This field is required" : _p, _q = field.validationMessage, validationMessage = _q === void 0 ? "This field must be a string" : _q, options = field.options;
                 var maskedRadios = options.maskedRadios, defaultId = options.defaultId;
                 var activeId = configurableInputFieldActiveIds[name_6] || defaultId || maskedRadios[0].value;
                 var selectedOption = getObjectById({ array: maskedRadios, id: activeId, idKey: "value" });
@@ -187,31 +207,31 @@ var formatValidationInternals = function (_a) {
                             : yup.string().typeError(validationMessage));
             }
             else if (isCountySelect(field)) {
-                var _l = field.requiredMessage, requiredMessage = _l === void 0 ? "This field is required" : _l, _m = field.validationMessage, validationMessage = _m === void 0 ? "This field must be a string" : _m;
+                var _r = field.requiredMessage, requiredMessage = _r === void 0 ? "This field is required" : _r, _s = field.validationMessage, validationMessage = _s === void 0 ? "This field must be a string" : _s;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isCountrySelect(field)) {
-                var _o = field.requiredMessage, requiredMessage = _o === void 0 ? "This field is required" : _o, _p = field.validationMessage, validationMessage = _p === void 0 ? "This field must be a string" : _p;
+                var _t = field.requiredMessage, requiredMessage = _t === void 0 ? "This field is required" : _t, _u = field.validationMessage, validationMessage = _u === void 0 ? "This field must be a string" : _u;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isCreditCard(field)) {
-                var _q = field.requiredMessage, requiredMessage = _q === void 0 ? "This field is required" : _q, _r = field.validationMessage, validationMessage = _r === void 0 ? "This field must be a string" : _r;
+                var _v = field.requiredMessage, requiredMessage = _v === void 0 ? "This field is required" : _v, _w = field.validationMessage, validationMessage = _w === void 0 ? "This field must be a string" : _w;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isCurrency(field)) {
-                var _s = field.requiredMessage, requiredMessage = _s === void 0 ? "This field is required" : _s, _t = field.validationMessage, validationMessage = _t === void 0 ? "This field must be a number" : _t;
+                var _x = field.requiredMessage, requiredMessage = _x === void 0 ? "This field is required" : _x, _y = field.validationMessage, validationMessage = _y === void 0 ? "This field must be a number" : _y;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.number().required(requiredMessage) : yup.number().typeError(validationMessage));
             }
             else if (isDatePicker(field)) {
-                var _u = field.requiredMessage, requiredMessage = _u === void 0 ? "This field is required" : _u, _v = field.validationMessage, validationMessage = _v === void 0 ? "Please enter a valid date" : _v;
+                var _z = field.requiredMessage, requiredMessage = _z === void 0 ? "This field is required" : _z, _0 = field.validationMessage, validationMessage = _0 === void 0 ? "Please enter a valid date" : _0;
                 var dateSchema = yup
                     .date()
                     // For some reason, "value" is always wrong. Thanks react-datepicker. Thanks a lot.
@@ -228,7 +248,7 @@ var formatValidationInternals = function (_a) {
                     validationFunction || (required && allowRequired && !disabled ? dateSchema.required(requiredMessage) : dateSchema);
             }
             else if (isDescriptiveDropdownInput(field)) {
-                var _w = field.requiredMessage, requiredMessage = _w === void 0 ? "Please select at least one" : _w, _x = field.validationMessage, validationMessage = _x === void 0 ? "This field must be a string" : _x;
+                var _1 = field.requiredMessage, requiredMessage = _1 === void 0 ? "Please select at least one" : _1, _2 = field.validationMessage, validationMessage = _2 === void 0 ? "This field must be a string" : _2;
                 var switchType = (_b = field.options) === null || _b === void 0 ? void 0 : _b.switchType;
                 if (!switchType || switchType === SwitchTypeEnum.Radio) {
                     validationInternals[name_6] =
@@ -242,7 +262,7 @@ var formatValidationInternals = function (_a) {
                 }
             }
             else if (isEmail(field)) {
-                var _y = field.requiredMessage, requiredMessage = _y === void 0 ? "Please enter your email" : _y, _z = field.validationMessage, validationMessage = _z === void 0 ? "Invalid email" : _z;
+                var _3 = field.requiredMessage, requiredMessage = _3 === void 0 ? "Please enter your email" : _3, _4 = field.validationMessage, validationMessage = _4 === void 0 ? "Invalid email" : _4;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -251,7 +271,7 @@ var formatValidationInternals = function (_a) {
             }
             else if (isImagePicker(field)) {
                 var maxFileSize_1 = ((_c = field.options) === null || _c === void 0 ? void 0 : _c.maxFileSize) || 9999999999;
-                var initialValue_1 = field.initialValue, _0 = field.requiredMessage, requiredMessage = _0 === void 0 ? "Please pick an image" : _0, _1 = field.validationMessage, validationMessage = _1 === void 0 ? "File cannot exceed ".concat(formatBytesToString({ bytes: maxFileSize_1 })) : _1;
+                var initialValue_1 = field.initialValue, _5 = field.requiredMessage, requiredMessage = _5 === void 0 ? "Please pick an image" : _5, _6 = field.validationMessage, validationMessage = _6 === void 0 ? "File cannot exceed ".concat(formatBytesToString({ bytes: maxFileSize_1 })) : _6;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -259,13 +279,13 @@ var formatValidationInternals = function (_a) {
                             : yup.mixed().test("fileSize", validationMessage, function (value) { return imageValidation({ value: value, maxFileSize: maxFileSize_1, initialValue: initialValue_1 }); })); // will validate if there is no file, or if the initialValue is passed
             }
             else if (isMultiSelect(field)) {
-                var _2 = field.requiredMessage, requiredMessage = _2 === void 0 ? "This field is required" : _2;
+                var _7 = field.requiredMessage, requiredMessage = _7 === void 0 ? "This field is required" : _7;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.array().of(yup.string()).min(1, requiredMessage) : yup.array().of(yup.string()));
             }
             else if (isNumber(field)) {
-                var _3 = field.requiredMessage, requiredMessage = _3 === void 0 ? "This field is required" : _3, _4 = field.validationMessage, validationMessage = _4 === void 0 ? "Please enter a valid number" : _4;
+                var _8 = field.requiredMessage, requiredMessage = _8 === void 0 ? "This field is required" : _8, _9 = field.validationMessage, validationMessage = _9 === void 0 ? "Please enter a valid number" : _9;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -282,7 +302,7 @@ var formatValidationInternals = function (_a) {
                             }));
             }
             else if (isPhone(field)) {
-                var _5 = field.requiredMessage, requiredMessage = _5 === void 0 ? "Phone number is required" : _5, _6 = field.validationMessage, validationMessage = _6 === void 0 ? "Please enter a valid phone number" : _6;
+                var _10 = field.requiredMessage, requiredMessage = _10 === void 0 ? "Phone number is required" : _10, _11 = field.validationMessage, validationMessage = _11 === void 0 ? "Please enter a valid phone number" : _11;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -300,54 +320,66 @@ var formatValidationInternals = function (_a) {
                             }));
             }
             else if (isRadioGroup(field)) {
-                var _7 = field.requiredMessage, requiredMessage = _7 === void 0 ? "Please select one" : _7, _8 = field.validationMessage, validationMessage = _8 === void 0 ? "This field must be a string" : _8;
+                var _12 = field.requiredMessage, requiredMessage = _12 === void 0 ? "Please select one" : _12, _13 = field.validationMessage, validationMessage = _13 === void 0 ? "This field must be a string" : _13;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isSelect(field)) {
-                var _9 = field.requiredMessage, requiredMessage = _9 === void 0 ? "This field is required" : _9, _10 = field.validationMessage, validationMessage = _10 === void 0 ? "This field must be a string" : _10;
+                var _14 = field.requiredMessage, requiredMessage = _14 === void 0 ? "This field is required" : _14, _15 = field.validationMessage, validationMessage = _15 === void 0 ? "This field must be a string" : _15;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isSocialSecurity(field)) {
-                var _11 = field.requiredMessage, requiredMessage = _11 === void 0 ? "Please enter an SSN" : _11, _12 = field.validationMessage, validationMessage = _12 === void 0 ? "Please enter a valid SSN" : _12;
+                var _16 = field.requiredMessage, requiredMessage = _16 === void 0 ? "Please enter an SSN" : _16, _17 = field.validationMessage, validationMessage = _17 === void 0 ? "Please enter a valid SSN" : _17;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
                             ? yup
                                 .string()
+                                .transform(function (value) {
+                                return typeof value === "string"
+                                    ? value.trim().replace(/-/g, "")
+                                    : value;
+                            })
                                 .matches(SSN_REGEX, {
                                 excludeEmptyString: true,
                                 message: validationMessage,
                             })
                                 .required(requiredMessage)
-                            : yup.string().matches(SSN_REGEX, {
+                            : yup
+                                .string()
+                                .transform(function (value) {
+                                return typeof value === "string"
+                                    ? value.trim().replace(/-/g, "")
+                                    : value;
+                            })
+                                .matches(SSN_REGEX, {
                                 excludeEmptyString: true,
                                 message: validationMessage,
                             }));
             }
             else if (isStateSelect(field)) {
-                var _13 = field.requiredMessage, requiredMessage = _13 === void 0 ? "This field is required" : _13, _14 = field.validationMessage, validationMessage = _14 === void 0 ? "This field must be a string" : _14;
+                var _18 = field.requiredMessage, requiredMessage = _18 === void 0 ? "This field is required" : _18, _19 = field.validationMessage, validationMessage = _19 === void 0 ? "This field must be a string" : _19;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isTextarea(field)) {
-                var _15 = field.requiredMessage, requiredMessage = _15 === void 0 ? "This field is required" : _15, _16 = field.validationMessage, validationMessage = _16 === void 0 ? "This field must be a string" : _16;
+                var _20 = field.requiredMessage, requiredMessage = _20 === void 0 ? "This field is required" : _20, _21 = field.validationMessage, validationMessage = _21 === void 0 ? "This field must be a string" : _21;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.string().required(requiredMessage) : yup.string().typeError(validationMessage));
             }
             else if (isToggleGroup(field)) {
-                var _17 = field.requiredMessage, requiredMessage = _17 === void 0 ? "Please select at least one" : _17;
+                var _22 = field.requiredMessage, requiredMessage = _22 === void 0 ? "Please select at least one" : _22;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup.array().of(yup.string()).min(1, requiredMessage) : yup.array().of(yup.string()));
             }
             else if (isZipCode(field)) {
-                var _18 = field.requiredMessage, requiredMessage = _18 === void 0 ? "Please enter a zip code" : _18, _19 = field.validationMessage, validationMessage = _19 === void 0 ? "Please enter a valid zip code" : _19;
+                var _23 = field.requiredMessage, requiredMessage = _23 === void 0 ? "Please enter a zip code" : _23, _24 = field.validationMessage, validationMessage = _24 === void 0 ? "Please enter a valid zip code" : _24;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -364,7 +396,7 @@ var formatValidationInternals = function (_a) {
                             }));
             }
             else {
-                var _20 = field.requiredMessage, requiredMessage = _20 === void 0 ? "This field is required" : _20, _21 = field.validationMessage, validationMessage = _21 === void 0 ? "This field must be a string" : _21;
+                var _25 = field.requiredMessage, requiredMessage = _25 === void 0 ? "This field is required" : _25, _26 = field.validationMessage, validationMessage = _26 === void 0 ? "This field must be a string" : _26;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -697,4 +729,4 @@ var LoadingInput = styled.div(templateObject_32 || (templateObject_32 = __makeTe
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
 
 export { AddButtonGroup as A, ButtonGroup as B, CenterCheckbox as C, DefaultPixelWidth as D, FormWrapper as F, HelperTextGrid as H, InputBox as I, LoadingBase as L, RightGutter as R, SubHeader as S, TitleGroup as T, ValidationTextGrid as V, FormSeparator as a, LoadingBox as b, LoadingLabel as c, LoadingInput as d, FieldBox as e, LeftGutter as f, LeftLabel as g, formHasValues as h, RemovableFieldBox as i, RemoveButtonWrapper as j, RemovableButtonBox as k, Text as l, InlineFieldGrid as m, InlineFieldCell as n, CenterToggle as o, FormGroup as p, FormTitleGroup as q, Title as r, ClearFormButtonWrap as s, shouldFade as t, AddButtonBox as u, SubmitButton as v, CancelButton as w, formatValidation as x, formatInitialValues as y };
-//# sourceMappingURL=FormStyles-BQJPyTS0.js.map
+//# sourceMappingURL=FormStyles-DMlwBOz8.js.map

package/lib/{cjs/FormStyles-CxgYRZOl.js.map → esm/FormStyles-DMlwBOz8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormStyles-CxgYRZOl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormStyles-DMlwBOz8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/FormWrapper.js

@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
 import './Loading.js';
 import './Scroller.js';
 import './Inputs-C6OWHviY.js';
-export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-BQJPyTS0.js';
+export { u as AddButtonBox, A as AddButtonGroup, B as ButtonGroup, w as CancelButton, C as CenterCheckbox, o as CenterToggle, s as ClearFormButtonWrap, e as FieldBox, p as FormGroup, a as FormSeparator, q as FormTitleGroup, F as FormWrapper, H as HelperTextGrid, n as InlineFieldCell, m as InlineFieldGrid, I as InputBox, f as LeftGutter, g as LeftLabel, L as LoadingBase, b as LoadingBox, d as LoadingInput, c as LoadingLabel, k as RemovableButtonBox, i as RemovableFieldBox, j as RemoveButtonWrapper, R as RightGutter, S as SubHeader, v as SubmitButton, l as Text, r as Title, T as TitleGroup, V as ValidationTextGrid } from './FormStyles-DMlwBOz8.js';
 import 'react/jsx-runtime';
 import './IconComponentStyles-BwczcTS4.js';
 import './CheckboxStyles-Cx6hCn3t.js';
@@ -16,6 +16,8 @@ import './Switches-yNTNw1zb.js';
 import './DescriptiveSwitchMenuStyles-CQ_uwipg.js';
 import './SwitchTypeEnum.js';
 import './addOrRemoveById.js';
+import './validateColorContrast.js';
+import './pressedEnter.js';
 import './formatBytesToString.js';
 import './northAmericanNumberingPlanRegex.js';
 import 'yup';

package/lib/esm/FormWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/{FormikContainer-SJPYfIkF.js → FormikContainer-C2RIrqq6.js}

@@ -18,14 +18,15 @@ import { u as useMeasure } from './useMeasure-D89v6c_A.js';
 import { usePrevious } from './usePrevious.js';
 import './Loading.js';
 import { ShortScroller } from './Scroller.js';
-import { L as LoadingBase, b as LoadingBox, c as LoadingLabel, d as LoadingInput, e as FieldBox, f as LeftGutter, g as LeftLabel, H as HelperTextGrid, I as InputBox, R as RightGutter, V as ValidationTextGrid, h as formHasValues, D as DefaultPixelWidth, i as RemovableFieldBox, j as RemoveButtonWrapper, k as RemovableButtonBox, a as FormSeparator, T as TitleGroup, l as Text, S as SubHeader, m as InlineFieldGrid, n as InlineFieldCell, C as CenterCheckbox, o as CenterToggle, p as FormGroup, q as FormTitleGroup, r as Title, s as ClearFormButtonWrap, t as shouldFade, A as AddButtonGroup, u as AddButtonBox, B as ButtonGroup, v as SubmitButton, w as CancelButton, x as formatValidation, y as formatInitialValues } from './FormStyles-BQJPyTS0.js';
+import { L as LoadingBase, b as LoadingBox, c as LoadingLabel, d as LoadingInput, e as FieldBox, f as LeftGutter, g as LeftLabel, H as HelperTextGrid, I as InputBox, R as RightGutter, V as ValidationTextGrid, h as formHasValues, D as DefaultPixelWidth, i as RemovableFieldBox, j as RemoveButtonWrapper, k as RemovableButtonBox, a as FormSeparator, T as TitleGroup, l as Text, S as SubHeader, m as InlineFieldGrid, n as InlineFieldCell, C as CenterCheckbox, o as CenterToggle, p as FormGroup, q as FormTitleGroup, r as Title, s as ClearFormButtonWrap, t as shouldFade, A as AddButtonGroup, u as AddButtonBox, B as ButtonGroup, v as SubmitButton, w as CancelButton, x as formatValidation, y as formatInitialValues } from './FormStyles-DMlwBOz8.js';
 import { A as AddressInput } from './AddressInput-OGU58AzF.js';
 import { A as Asterisk } from './Inputs-C6OWHviY.js';
 import { flushSync } from 'react-dom';
 import { C as CheckboxItem } from './CheckboxItem-CqZ7Bo3j.js';
 import { C as CheckboxGroup } from './CheckboxGroup-DLMaYrFn.js';
+import { I as InlineColorPickerInput, C as ColorPickerInput } from './ColorPickerInput-S8X2gIA5.js';
 import { C as ConfigurableInput } from './ConfigurableInput-BjJTNTyz.js';
-import { isSelectOptionType, isSwitchMenuOptionsType, isArrayOfSelectOptionsType, isAddress, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isMultiSelect, isNumber, isPassword, isPhone, isSelect, isSocialSecurity, isStateSelect, isZipCode, isText, RemovableFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isImagePicker, isToggle, isFormFieldType, isCheckboxGroup, isConfigurableInput, isHidden, isNationalitySelect, isRadioGroup, isRemovable, isTextarea, isToggleGroup } from './FormFieldTypeEnum.js';
+import { isSelectOptionType, isSwitchMenuOptionsType, isArrayOfSelectOptionsType, isAddress, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isMultiSelect, isNumber, isPassword, isPhone, isSelect, isSocialSecurity, isStateSelect, isZipCode, isText, RemovableFieldTypeEnum, isSplitLine, isSectionHeader, isCheckbox, isImagePicker, isToggle, isFormFieldType, isCheckboxGroup, isColorPicker, isConfigurableInput, isHidden, isNationalitySelect, isRadioGroup, isRemovable, isTextarea, isToggleGroup } from './FormFieldTypeEnum.js';
 import { c as countryList, C as CountryDropdown, F as Flag } from './CountryDropdown-lsqagQgA.js';
 import { stateAbbreviationLookup } from './stateAbbreviationLookup.js';
 import { usCounties } from './usCounties.js';
@@ -37,7 +38,7 @@ import { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
 import { I as InlineCurrencyInput } from './InlineCurrencyInput-DPpU3QyZ.js';
 import { getFloatValueFromString } from './formatBytesToString.js';
 import { DatePicker } from './DatePicker.js';
-import { I as InlineDatePicker } from './InlineDatePicker-ClVBWEzW.js';
+import { I as InlineDatePicker } from './InlineDatePicker-BuxjkoV0.js';
 import './CheckboxStyles-Cx6hCn3t.js';
 import './RadioStyles-CjeGoQU0.js';
 import './ToggleStyles-DxTKSAXl.js';
@@ -191,6 +192,32 @@ var CheckboxGroupField = function (_a) {
                     }, required: required && !disabled, showValidationMessage: !leftLabels && showValidationMessage, validationMessage: validationMessage })) })), leftLabels && (jsx(RightGutter, { "$switchSpacing": true, children: jsx(ValidationTextGrid, { "$showValidationMessage": showValidationMessage, "$switchSpacing": true, children: validationMessage }) }))] }));
 };
 
+var ColorPickerField = function (_a) {
+    var fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, rowGap = _a.rowGap, setHasValues = _a.setHasValues, setSubmitAttempt = _a.setSubmitAttempt, submitAttempt = _a.submitAttempt, submitOnBlur = _a.submitOnBlur;
+    var theme = useTheme();
+    var values = formikProps.values, errors = formikProps.errors, touched = formikProps.touched, handleBlur = formikProps.handleBlur, handleChange = formikProps.handleChange, submitForm = formikProps.submitForm;
+    var _b = field.disabled, disabled = _b === void 0 ? false : _b, fieldLabel = field.fieldLabel, name = field.name, nextGap = field.nextGap, _c = field.options, options = _c === void 0 ? {} : _c, width = field.width;
+    var helperText = options.helperText, onInputBlur = options.onInputBlur, onChange = options.onChange;
+    var showValidationMessage = (touched[name] || submitAttempt) && !!errors[name];
+    var validationMessage = errors[name];
+    var InputComponent = leftLabels ? InlineColorPickerInput : ColorPickerInput;
+    var InputWrap = leftLabels ? InputBox : Fragment;
+    return (jsxs(FieldBox, { "$fade": fade, "$fieldWidth": leftLabels ? undefined : width, "$leftLabelLayout": leftLabels, "$leftLabelWidth": leftLabelWidth, "$leftLabelsRightGutter": leftLabelsRightGutter, "$rowGap": nextGap !== null && nextGap !== void 0 ? nextGap : rowGap, children: [leftLabels && (jsxs(LeftGutter, { children: [jsx(LeftLabel, { "$textColor": disabled ? theme.input.disabledLabelColor : theme.input.leftLabelColor, "data-sentry-unmask": true, children: fieldLabel || name }), helperText && jsx(HelperTextGrid, { "data-sentry-unmask": true, children: helperText })] })), jsx(InputWrap, { children: jsx(InputComponent, __assign({}, options, { disabled: disabled }, (leftLabels ? {} : { inputLabel: fieldLabel || name }), { name: name, onChange: function (event) {
+                        handleChange(event);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                    }, onInputBlur: function (event) {
+                        flushSync(function () {
+                            setSubmitAttempt(false);
+                            handleBlur(event);
+                            onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
+                            setHasValues(formHasValues(values));
+                        });
+                        if (submitOnBlur) {
+                            submitForm(event);
+                        }
+                    }, showValidationMessage: showValidationMessage }, (leftLabels ? {} : { validationMessage: validationMessage }), { value: values[name] || "#000000" })) }), leftLabels && (jsx(RightGutter, { children: jsx(ValidationTextGrid, { "$showValidationMessage": showValidationMessage, children: validationMessage }) }))] }));
+};
+
 var ConfigurableInputField = function (_a) {
     var configurableInputFieldActiveIds = _a.configurableInputFieldActiveIds, fade = _a.fade, field = _a.field, formikProps = _a.formikProps, leftLabels = _a.leftLabels, leftLabelsRightGutter = _a.leftLabelsRightGutter, leftLabelWidth = _a.leftLabelWidth, rowGap = _a.rowGap, submitAttempt = _a.submitAttempt, setConfigurableInputFieldActiveIds = _a.setConfigurableInputFieldActiveIds, setHasValues = _a.setHasValues, setSubmitAttempt = _a.setSubmitAttempt, submitOnBlur = _a.submitOnBlur;
     var theme = useTheme();
@@ -1459,6 +1486,9 @@ var Form = function (_a) {
                     else if (isCheckboxGroup(field) && (!field.showIf || field.showIf({ values: values }))) {
                         return (jsx(CheckboxGroupField, { fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setHasValues: setHasValues, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
                     }
+                    else if (isColorPicker(field) && (!field.showIf || field.showIf({ values: values }))) {
+                        return (jsx(ColorPickerField, { fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setHasValues: setHasValues, setSubmitAttempt: setSubmitAttempt, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
+                    }
                     else if (isConfigurableInput(field) && (!field.showIf || field.showIf({ values: values }))) {
                         return (jsx(ConfigurableInputField, { configurableInputFieldActiveIds: configurableInputFieldActiveIds, fade: shouldFade({ isDeleting: isDeleting, index: index }), field: field, formikProps: formikProps, leftLabels: leftLabels, leftLabelWidth: leftLabelWidth, leftLabelsRightGutter: leftLabelsRightGutter, rowGap: rowGap, setConfigurableInputFieldActiveIds: setConfigurableInputFieldActiveIds, setHasValues: setHasValues, setSubmitAttempt: setSubmitAttempt, submitAttempt: submitAttempt, submitOnBlur: submitOnBlur }, name_1));
                     }
@@ -1565,7 +1595,10 @@ var FormikContainer = function (props) {
     return (jsx(Formik, { enableReinitialize: enableReinitialize, initialValues: formatInitialValues(fields), innerRef: innerRef, onSubmit: function (values, formikHelpers) {
             var resetForm = formikHelpers.resetForm;
             setSubmitAttempt(false);
-            submit(values, formikHelpers);
+            // Cast values through the validation schema so transforms (e.g., trim) apply on submit
+            var schema = formatValidation(fields, configurableInputFieldActiveIds);
+            var castValues = schema.cast(values);
+            submit(castValues, formikHelpers);
             if (resetOnSubmit) {
                 resetForm({});
                 setHasValues(false);
@@ -1576,4 +1609,4 @@ var FormikContainer = function (props) {
 };
 
 export { FormikContainer as F, NationalityDropdown as N, nationalityList as n };
-//# sourceMappingURL=FormikContainer-SJPYfIkF.js.map
+//# sourceMappingURL=FormikContainer-C2RIrqq6.js.map

package/lib/esm/{FormikContainer-SJPYfIkF.js.map → FormikContainer-C2RIrqq6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormikContainer-SJPYfIkF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormikContainer-C2RIrqq6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/InlineColorPickerInput.js

@@ -0,0 +1,18 @@
+export { C as ColorPickerInput, I as InlineColorPickerInput } from './ColorPickerInput-S8X2gIA5.js';
+import './_tslib-CcAXazg4.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'styled-components';
+import './BodyLEmphasis.js';
+import './useMeasure-D89v6c_A.js';
+import './addOrRemoveById.js';
+import 'dayjs';
+import './isEmptyObject.js';
+import './useIsomorphicLayoutEffect-Br1zBZHl.js';
+import './showLabel-D6KgNem4.js';
+import './Inputs-C6OWHviY.js';
+import './colors.js';
+import './IconComponentStyles-BwczcTS4.js';
+import './pressedEnter.js';
+import './validateColorContrast.js';
+//# sourceMappingURL=InlineColorPickerInput.js.map

package/lib/esm/InlineColorPickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineColorPickerInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}