@cerebruminc/cerebellum 16.5.3-beta.dangerous.a6d11a3 → 16.5.3-beta.dangerous.a859094

package/README.md

@@ -27,15 +27,15 @@ npm install -g yalc
 
 Follow the next steps:
 
-1. Create a build of your changes
+1. Create a build of your changes:
 ```bash
 npm run build
 ```
-2. publish the changes to your local repository that yalc creates, it grabs only files that should be published to NPM and puts them in a special global store
+2. publish the changes to your local repository that yalc creates, it grabs only files that should be published to NPM and puts them in a special global store.
 ```bash 
 yalc publish
 ```
-3. In your project repository run
+3. In your project repository run:
 ```bash
 yalc add @cerebruminc/cerebellum
 npm install

package/lib/cjs/Form.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var FormWrapper = require('./FormStyles-Cc6-_Iwt.js');
-var FormikContainer = require('./FormikContainer-6Ou67s1T.js');
+var FormWrapper = require('./FormStyles-CCsL1LJO.js');
+var FormikContainer = require('./FormikContainer-BVUsbx6j.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 require('./_tslib-ByDtMVOd.js');
 require('styled-components');

package/lib/cjs/FormSeparator.cjs

@@ -7,7 +7,7 @@ require('./BodyLEmphasis.cjs');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./Inputs-E9lK-yCQ.js');
-var FormWrapper = require('./FormStyles-Cc6-_Iwt.js');
+var FormWrapper = require('./FormStyles-CCsL1LJO.js');
 require('react/jsx-runtime');
 require('./IconComponentStyles-oUWNoaaH.js');
 require('./CheckboxStyles-CAzemGXD.js');

package/lib/cjs/{FormStyles-Cc6-_Iwt.js → FormStyles-CCsL1LJO.js}

@@ -256,8 +256,13 @@ var formatValidationInternals = function (_a) {
                 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__namespace
                     .date()
-                    // For some reason, "value" is always wrong. Thanks react-datepicker. Thanks a lot.
+                    // For some reason, "value" is always wrong when supplied by react-datepicker. Thanks react-datepicker. Thanks a lot.
                     .transform(function (value, originalValue) {
+                    var parsedValue = new Date(value);
+                    var isValueDate = !Number.isNaN(parsedValue.getTime());
+                    if (isValueDate) {
+                        return value;
+                    }
                     var parsedDate = new Date(originalValue * 1000);
                     if (isNaN(parsedDate.getTime())) {
                         // If the date is invalid, return NaN to trigger a typeError
@@ -797,4 +802,4 @@ exports.formHasValues = formHasValues;
 exports.formatInitialValues = formatInitialValues;
 exports.formatValidation = formatValidation;
 exports.shouldFade = shouldFade;
-//# sourceMappingURL=FormStyles-Cc6-_Iwt.js.map
+//# sourceMappingURL=FormStyles-CCsL1LJO.js.map

package/lib/cjs/{FormStyles-Cc6-_Iwt.js.map → FormStyles-CCsL1LJO.js.map}

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

package/lib/cjs/FormWrapper.cjs

@@ -7,7 +7,7 @@ require('./BodyLEmphasis.cjs');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./Inputs-E9lK-yCQ.js');
-var FormWrapper = require('./FormStyles-Cc6-_Iwt.js');
+var FormWrapper = require('./FormStyles-CCsL1LJO.js');
 require('react/jsx-runtime');
 require('./IconComponentStyles-oUWNoaaH.js');
 require('./CheckboxStyles-CAzemGXD.js');

package/lib/cjs/{FormikContainer-6Ou67s1T.js → FormikContainer-BVUsbx6j.js}

@@ -20,7 +20,7 @@ var useMeasure = require('./useMeasure-CDq3dPfD.js');
 var usePrevious = require('./usePrevious.cjs');
 require('./Loading.cjs');
 var Scroller = require('./Scroller.cjs');
-var FormWrapper = require('./FormStyles-Cc6-_Iwt.js');
+var FormWrapper = require('./FormStyles-CCsL1LJO.js');
 var AddressInput = require('./AddressInput-CeUZY17C.js');
 var Inputs = require('./Inputs-E9lK-yCQ.js');
 var ReactDOM = require('react-dom');
@@ -1614,4 +1614,4 @@ var FormikContainer = function (props) {
 exports.FormikContainer = FormikContainer;
 exports.NationalityDropdown = NationalityDropdown;
 exports.nationalityList = nationalityList;
-//# sourceMappingURL=FormikContainer-6Ou67s1T.js.map
+//# sourceMappingURL=FormikContainer-BVUsbx6j.js.map

package/lib/cjs/{FormikContainer-6Ou67s1T.js.map → FormikContainer-BVUsbx6j.js.map}

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

package/lib/cjs/InlineTextarea.cjs

@@ -15,7 +15,7 @@ var PositionWrapper = styled.styled.div(templateObject_1 || (templateObject_1 =
     return $width !== null && $width !== void 0 ? $width : 700;
 });
 styled.styled(Inputs.Label)(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  margin-bottom: 0;\n  max-width: 100%;\n"], ["\n  margin-bottom: 0;\n  max-width: 100%;\n"])));
-var TextareaElement = styled.styled.textarea(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  &::selection {\n    background-color: ", ";\n  }\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"], ["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  &::selection {\n    background-color: ", ";\n  }\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"])), function (_a) {
+var TextareaElement = styled.styled.textarea(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  ", "\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"], ["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  ", "\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"])), function (_a) {
     var _b;
     var $textareaBackgroundColor = _a.$textareaBackgroundColor, disabled = _a.disabled, $disabledBackgroundColor = _a.$disabledBackgroundColor, theme = _a.theme;
     return disabled ? $disabledBackgroundColor : $textareaBackgroundColor || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.inputBackgroundColor);
@@ -55,7 +55,8 @@ var TextareaElement = styled.styled.textarea(templateObject_3 || (templateObject
 }, function (_a) {
     var _b;
     var $showValidationMessage = _a.$showValidationMessage, $failColorSecondary = _a.$failColorSecondary, theme = _a.theme;
-    return $showValidationMessage ? $failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary) : "auto";
+    return $showValidationMessage &&
+        "\n    &::selection {\n      background-color: ".concat($failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary), ";\n    }\n  ");
 }, iconUrl);
 var templateObject_1, templateObject_2, templateObject_3;
 

package/lib/cjs/InlineTextarea.cjs.map

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

package/lib/cjs/TitleGroup.cjs

@@ -7,7 +7,7 @@ require('./BodyLEmphasis.cjs');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./Inputs-E9lK-yCQ.js');
-var FormWrapper = require('./FormStyles-Cc6-_Iwt.js');
+var FormWrapper = require('./FormStyles-CCsL1LJO.js');
 require('react/jsx-runtime');
 require('./IconComponentStyles-oUWNoaaH.js');
 require('./CheckboxStyles-CAzemGXD.js');

package/lib/cjs/index.cjs

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('styled-components');
 var Drawer = require('./Drawer-BC6y1uIn.js');
-var FormWrapper = require('./FormStyles-Cc6-_Iwt.js');
+var FormWrapper = require('./FormStyles-CCsL1LJO.js');
 var AlertCount = require('./AlertCount-C_v9uCu1.js');
 var AddressInput = require('./AddressInput-CeUZY17C.js');
 var Avatar = require('./Avatar-DU_VdLGv.js');
@@ -44,7 +44,7 @@ var helpers$1 = require('./helpers-BBAfnycp.js');
 var DrawerDivider = require('./DrawerDivider-Dk2WXbXa.js');
 var EmailInput = require('./EmailInput-B47NyBrl.js');
 var Footer = require('./Footer.cjs');
-var FormikContainer = require('./FormikContainer-6Ou67s1T.js');
+var FormikContainer = require('./FormikContainer-BVUsbx6j.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 var FiltersBar = require('./FiltersBar-BWs83vhr.js');
 var HorizontalTabMenu = require('./HorizontalTabMenu-B0VfB6Jb.js');

package/lib/esm/Form.js

@@ -1,5 +1,5 @@
-export { F as FormWrapper } from './FormStyles-DCnDnD_Z.js';
-export { F as Form } from './FormikContainer-Ck23Sm9I.js';
+export { F as FormWrapper } from './FormStyles-BSqmKCsK.js';
+export { F as Form } from './FormikContainer-C_iJWcIG.js';
 export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isColorPicker, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
 import './_tslib-CcAXazg4.js';
 import 'styled-components';

package/lib/esm/FormSeparator.js

@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
 import './Loading.js';
 import './Scroller.js';
 import './Inputs-DIweV8Nj.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-DCnDnD_Z.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-BSqmKCsK.js';
 import 'react/jsx-runtime';
 import './IconComponentStyles-BwczcTS4.js';
 import './CheckboxStyles-Cx6hCn3t.js';

package/lib/esm/{FormStyles-DCnDnD_Z.js → FormStyles-BSqmKCsK.js}

@@ -234,8 +234,13 @@ var formatValidationInternals = function (_a) {
                 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.
+                    // For some reason, "value" is always wrong when supplied by react-datepicker. Thanks react-datepicker. Thanks a lot.
                     .transform(function (value, originalValue) {
+                    var parsedValue = new Date(value);
+                    var isValueDate = !Number.isNaN(parsedValue.getTime());
+                    if (isValueDate) {
+                        return value;
+                    }
                     var parsedDate = new Date(originalValue * 1000);
                     if (isNaN(parsedDate.getTime())) {
                         // If the date is invalid, return NaN to trigger a typeError
@@ -740,4 +745,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-DCnDnD_Z.js.map
+//# sourceMappingURL=FormStyles-BSqmKCsK.js.map

package/lib/esm/{FormStyles-DCnDnD_Z.js.map → FormStyles-BSqmKCsK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormStyles-DCnDnD_Z.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormStyles-BSqmKCsK.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-DIweV8Nj.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-DCnDnD_Z.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-BSqmKCsK.js';
 import 'react/jsx-runtime';
 import './IconComponentStyles-BwczcTS4.js';
 import './CheckboxStyles-Cx6hCn3t.js';

package/lib/esm/{FormikContainer-Ck23Sm9I.js → FormikContainer-C_iJWcIG.js}

@@ -18,7 +18,7 @@ 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-DCnDnD_Z.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-BSqmKCsK.js';
 import { A as AddressInput } from './AddressInput-BPU-AgUH.js';
 import { A as Asterisk } from './Inputs-DIweV8Nj.js';
 import { flushSync } from 'react-dom';
@@ -1610,4 +1610,4 @@ var FormikContainer = function (props) {
 };
 
 export { FormikContainer as F, NationalityDropdown as N, nationalityList as n };
-//# sourceMappingURL=FormikContainer-Ck23Sm9I.js.map
+//# sourceMappingURL=FormikContainer-C_iJWcIG.js.map

package/lib/esm/{FormikContainer-Ck23Sm9I.js.map → FormikContainer-C_iJWcIG.js.map}

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

package/lib/esm/InlineTextarea.js

@@ -13,7 +13,7 @@ var PositionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeT
     return $width !== null && $width !== void 0 ? $width : 700;
 });
 styled(Label)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 0;\n  max-width: 100%;\n"], ["\n  margin-bottom: 0;\n  max-width: 100%;\n"])));
-var TextareaElement = styled.textarea(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  &::selection {\n    background-color: ", ";\n  }\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"], ["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  &::selection {\n    background-color: ", ";\n  }\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"])), function (_a) {
+var TextareaElement = styled.textarea(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  ", "\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"], ["\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: 8px;\n\n  color: ", ";\n  display: block;\n  font-size: ", "px;\n  height: ", ";\n  max-width: 100%;\n  min-width: 100px;\n  min-height: 65px;\n  padding: 21px;\n  position: relative;\n  resize: ", ";\n  width: ", ";\n\n  &:active,\n  &:focus {\n    border: solid 1px\n      ", ";\n    outline: none;\n  }\n  &::placeholder {\n    color: ", ";\n  }\n  ", "\n\n  &::-webkit-resizer {\n    background-image: url(\"", "\");\n    background-repeat: no-repeat;\n  }\n"])), function (_a) {
     var _b;
     var $textareaBackgroundColor = _a.$textareaBackgroundColor, disabled = _a.disabled, $disabledBackgroundColor = _a.$disabledBackgroundColor, theme = _a.theme;
     return disabled ? $disabledBackgroundColor : $textareaBackgroundColor || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.inputBackgroundColor);
@@ -53,7 +53,8 @@ var TextareaElement = styled.textarea(templateObject_3 || (templateObject_3 = __
 }, function (_a) {
     var _b;
     var $showValidationMessage = _a.$showValidationMessage, $failColorSecondary = _a.$failColorSecondary, theme = _a.theme;
-    return $showValidationMessage ? $failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary) : "auto";
+    return $showValidationMessage &&
+        "\n    &::selection {\n      background-color: ".concat($failColorSecondary || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColorSecondary), ";\n    }\n  ");
 }, iconUrl);
 var templateObject_1, templateObject_2, templateObject_3;
 

package/lib/esm/InlineTextarea.js.map

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

package/lib/esm/TitleGroup.js

@@ -5,7 +5,7 @@ import './BodyLEmphasis.js';
 import './Loading.js';
 import './Scroller.js';
 import './Inputs-DIweV8Nj.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-DCnDnD_Z.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-BSqmKCsK.js';
 import 'react/jsx-runtime';
 import './IconComponentStyles-BwczcTS4.js';
 import './CheckboxStyles-Cx6hCn3t.js';

package/lib/esm/index.js

@@ -3,8 +3,8 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import React__default, { useState, Fragment, useRef, useEffect } from 'react';
 import styled$1, { styled, useTheme } from 'styled-components';
 import { D as Drawer } from './Drawer-B8Q-IadJ.js';
-import { a as FormSeparator, T as TitleGroup } from './FormStyles-DCnDnD_Z.js';
-export { F as FormWrapper } from './FormStyles-DCnDnD_Z.js';
+import { a as FormSeparator, T as TitleGroup } from './FormStyles-BSqmKCsK.js';
+export { F as FormWrapper } from './FormStyles-BSqmKCsK.js';
 export { A as AlertCount } from './AlertCount-6XKYJp6w.js';
 import { c as commonjsGlobal, A as AddressInput } from './AddressInput-BPU-AgUH.js';
 export { A as Avatar } from './Avatar-BGVmo-FE.js';
@@ -44,7 +44,7 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-NrTaiexf.js';
 export { D as DrawerDivider } from './DrawerDivider-kh5ebsLE.js';
 export { E as EmailInput } from './EmailInput-D3Afiw2u.js';
 export { Footer } from './Footer.js';
-export { F as Form, N as NationalityDropdown, n as nationalityList } from './FormikContainer-Ck23Sm9I.js';
+export { F as Form, N as NationalityDropdown, n as nationalityList } from './FormikContainer-C_iJWcIG.js';
 export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
 export { F as FiltersBar } from './FiltersBar-DiF5ZpHq.js';
 export { H as HorizontalTabMenu } from './HorizontalTabMenu-RXe2DFNL.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerebruminc/cerebellum",
-  "version": "16.5.3-beta.dangerous.a6d11a3",
+  "version": "16.5.3-beta.dangerous.a859094",
   "description": "Cerebrum's React Component Library",
   "type": "module",
   "main": "lib/cjs/index.cjs",