@cerebruminc/cerebellum 16.1.1 → 16.2.0-beta.dangerous.cd6fba9

package/lib/cjs/ColorPickerInput-CBPI8IJ-.js

@@ -0,0 +1,187 @@
+'use strict';
+
+var _tslib = require('./_tslib-ByDtMVOd.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+var BodyLEmphasis = require('./BodyLEmphasis.cjs');
+var useMeasure = require('./useMeasure-CDq3dPfD.js');
+var showLabel = require('./showLabel-BkZISyqw.js');
+var Inputs = require('./Inputs-IaHMnBKw.js');
+var pressedEnter = require('./pressedEnter.cjs');
+var validateColorContrast = require('./validateColorContrast.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+// Container that holds both the input and the text side by side
+var ColorPickerContainer = styled__default.default.div(templateObject_1$1 || (templateObject_1$1 = _tslib.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 12px;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 12px;\n"])));
+var ColorInputWrapper = styled__default.default.div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border: solid 1px ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-shrink: 0; /* Prevent the square from shrinking */\n  height: ", "px;\n  justify-content: center;\n  min-width: ", "px;\n  padding: ", "px;\n  position: relative;\n  transition: border-color 350ms ease-out 50ms, background-color 350ms ease-out 50ms;\n  /* Make the wrapper square based on inputHeight, with a larger default for color pickers */\n  width: ", "px;\n  \n  &:hover {\n    border-color: ", ";\n  }\n  \n  &:focus-within {\n    border-color: ", ";\n  }\n"], ["\n  align-items: center;\n  background: ", ";\n  border: solid 1px ", ";\n  border-radius: ", "px;\n  display: flex;\n  flex-shrink: 0; /* Prevent the square from shrinking */\n  height: ", "px;\n  justify-content: center;\n  min-width: ", "px;\n  padding: ", "px;\n  position: relative;\n  transition: border-color 350ms ease-out 50ms, background-color 350ms ease-out 50ms;\n  /* Make the wrapper square based on inputHeight, with a larger default for color pickers */\n  width: ", "px;\n  \n  &:hover {\n    border-color: ", ";\n  }\n  \n  &:focus-within {\n    border-color: ", ";\n  }\n"])), function (_a) {
+    var _b;
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputBackgroundColor) || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.inputBackgroundColor);
+}, function (_a) {
+    var _b, _c, _d;
+    var $disabled = _a.$disabled, theme = _a.theme, $showValidationMessage = _a.$showValidationMessage, $themeOverride = _a.$themeOverride;
+    return $showValidationMessage
+        ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.failColor) || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColor)
+        : $disabled
+            ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledBorderColor) || ((_c = theme.input) === null || _c === void 0 ? void 0 : _c.disabledBorderColor)
+            : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inactiveBorderColor) || ((_d = theme.input) === null || _d === void 0 ? void 0 : _d.inactiveBorderColor);
+}, function (_a) {
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputBorderRadius) || theme.input.inputBorderRadius;
+}, function (_a) {
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputHeight) || theme.input.inputHeight;
+}, function (_a) {
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputHeight) || theme.input.inputHeight;
+}, function (_a) {
+    var _b;
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputPadding) !== null && _b !== void 0 ? _b : theme.colorPickerInput.padding;
+}, function (_a) {
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputHeight) || theme.input.inputHeight;
+}, function (_a) {
+    var _b, _c, _d;
+    var $disabled = _a.$disabled, theme = _a.theme, $showValidationMessage = _a.$showValidationMessage, $themeOverride = _a.$themeOverride;
+    return $showValidationMessage
+        ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.failColor) || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColor)
+        : $disabled
+            ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledBorderColor) || ((_c = theme.input) === null || _c === void 0 ? void 0 : _c.disabledBorderColor)
+            : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.hoverBorderColor) || ((_d = theme.input) === null || _d === void 0 ? void 0 : _d.hoverBorderColor);
+}, function (_a) {
+    var _b, _c, _d;
+    var $disabled = _a.$disabled, theme = _a.theme, $showValidationMessage = _a.$showValidationMessage, $themeOverride = _a.$themeOverride;
+    return $showValidationMessage
+        ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.failColor) || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.failColor)
+        : $disabled
+            ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledBorderColor) || ((_c = theme.input) === null || _c === void 0 ? void 0 : _c.disabledBorderColor)
+            : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.activeBorderColor) || ((_d = theme.input) === null || _d === void 0 ? void 0 : _d.activeBorderColor);
+});
+// Custom styled color input that is 90% of the wrapper size and centered
+var ColorInput = styled__default.default.input(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  background: none;\n  border-radius: 4px;\n  border: none;\n  cursor: ", ";\n  height: 90%;\n  opacity: ", ";\n  outline: none;\n  width: 90%;\n  \n  /* Remove the default color input outline/border and ensure color is visible */\n  &::-webkit-color-swatch-wrapper {\n    border-radius: 4px;\n    border: none;\n    padding: 0;\n  }\n  \n  &::-webkit-color-swatch {\n    border: none;\n    border-radius: 4px;\n    outline: none;\n  }\n  \n  &::-moz-color-swatch {\n    border: none;\n    border-radius: 4px;\n    outline: none;\n  }\n  \n  /* Firefox specific fixes */\n  &::-moz-focus-inner {\n    border: none;\n    padding: 0;\n  }\n  \n  &:focus {\n    outline: none;\n  }\n"], ["\n  background: none;\n  border-radius: 4px;\n  border: none;\n  cursor: ", ";\n  height: 90%;\n  opacity: ", ";\n  outline: none;\n  width: 90%;\n  \n  /* Remove the default color input outline/border and ensure color is visible */\n  &::-webkit-color-swatch-wrapper {\n    border-radius: 4px;\n    border: none;\n    padding: 0;\n  }\n  \n  &::-webkit-color-swatch {\n    border: none;\n    border-radius: 4px;\n    outline: none;\n  }\n  \n  &::-moz-color-swatch {\n    border: none;\n    border-radius: 4px;\n    outline: none;\n  }\n  \n  /* Firefox specific fixes */\n  &::-moz-focus-inner {\n    border: none;\n    padding: 0;\n  }\n  \n  &:focus {\n    outline: none;\n  }\n"])), function (_a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? "not-allowed" : "pointer");
+}, function (_a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? 0.5 : 1);
+});
+// Legibility text component that displays to the right, vertically centered
+var LegibilityText = styled__default.default.div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  font-size: ", "px;\n  opacity: ", ";\n  white-space: nowrap;\n"], ["\n  color: ", ";\n  font-size: ", "px;\n  opacity: ", ";\n  white-space: nowrap;\n"])), function (_a) {
+    var _b, _c;
+    var $disabled = _a.$disabled, $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return $disabled ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) || ((_b = theme.input) === null || _b === void 0 ? void 0 : _b.disabledColor) : (_c = theme.input) === null || _c === void 0 ? void 0 : _c.helperTextColor;
+}, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (((_b = theme.input) === null || _b === void 0 ? void 0 : _b.textFontSize) || 14) - 2;
+}, function (_a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? 0.5 : 1);
+});
+var InlineColorPickerInput = function (_a) {
+    var _b = _a.checkLegible, checkLegible = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, focus = _a.focus, innerRef = _a.innerRef, inputLabel = _a.inputLabel, _d = _a.legibleAgainst, legibleAgainst = _d === void 0 ? "#ffffff" : _d, name = _a.name, onChange = _a.onChange, onEnter = _a.onEnter, onInputBlur = _a.onInputBlur, onInputFocus = _a.onInputFocus, onValueChange = _a.onValueChange, _e = _a.showValidationMessage, showValidationMessage = _e === void 0 ? false : _e, themeOverride = _a.themeOverride, value = _a.value;
+    var inputRef = innerRef || React.useRef(null);
+    // Calculate legibility and dynamic text
+    var legibilityInfo = React.useMemo(function () {
+        if (!checkLegible || !value) {
+            return { isLegible: true, legibilityText: undefined };
+        }
+        try {
+            var isLegible = validateColorContrast.validateColorContrast(value, legibleAgainst);
+            var legibilityText = void 0;
+            if (isLegible) {
+                legibilityText = "✅ Looks good";
+            }
+            else {
+                // Determine if we need lighter or darker
+                // If contrast with black is greater, the color is light and needs to be darker
+                // If contrast with white is greater, the color is dark and needs to be lighter
+                var needsDarker = pressedEnter.contrast(value, "#000000") > pressedEnter.contrast(value, "#ffffff");
+                legibilityText = needsDarker ? "⚠️ Too light" : "⚠️ Too dark";
+            }
+            return { isLegible: isLegible, legibilityText: legibilityText };
+        }
+        catch (error) {
+            // If there's an error in contrast calculation, assume it's legible
+            return { isLegible: true, legibilityText: undefined };
+        }
+    }, [checkLegible, value, legibleAgainst]);
+    React.useEffect(function () {
+        var _a;
+        if (focus) {
+            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [focus]);
+    return (jsxRuntime.jsxs(ColorPickerContainer, { children: [jsxRuntime.jsx(ColorInputWrapper, { "$disabled": disabled, "$showValidationMessage": showValidationMessage || (checkLegible && !legibilityInfo.isLegible), "$themeOverride": themeOverride, children: jsxRuntime.jsx(ColorInput, _tslib.__assign({ ref: inputRef, type: "color", value: value, disabled: disabled, "$disabled": disabled, "$themeOverride": themeOverride }, (name ? { name: name } : {}), { onChange: function (event) {
+                        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event.target.value);
+                        onChange === null || onChange === void 0 ? void 0 : onChange({
+                            target: {
+                                value: event.target.value,
+                                name: name,
+                                selectionStart: event.target.selectionStart || undefined,
+                                selectionEnd: event.target.selectionEnd || undefined,
+                            },
+                            nativeEvent: event.nativeEvent,
+                        });
+                    }, onBlur: function (event) {
+                        if (onInputBlur) {
+                            onInputBlur(event);
+                        }
+                    }, onFocus: function (event) {
+                        if (onInputFocus) {
+                            onInputFocus(event);
+                        }
+                    }, onKeyDown: function (event) {
+                        if (event.key === "Enter" && onEnter) {
+                            onEnter(value);
+                        }
+                    }, "aria-label": typeof inputLabel === "string" ? inputLabel : undefined })) }), checkLegible && legibilityInfo.legibilityText && (jsxRuntime.jsx(LegibilityText, { "$isLegible": legibilityInfo.isLegible, "$disabled": disabled, "$themeOverride": themeOverride, children: legibilityInfo.legibilityText }))] }));
+};
+var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4;
+
+var InstructionalText = styled__default.default(BodyLEmphasis.BodyXSPrimary)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n\tcolor: ", ";\n\tfont-size: ", "px;\n\tmargin-bottom: ", "px;\n"], ["\n\tcolor: ", ";\n\tfont-size: ", "px;\n\tmargin-bottom: ", "px;\n"])), function (_a) {
+    var theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.instructionalTextColor) || theme.colorPickerInput.instructionalTextColor;
+}, function (_a) {
+    var theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.instructionalTextFontSize) || theme.colorPickerInput.instructionalTextFontSize;
+}, function (_a) {
+    var theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.instructionalTextFontSize) || theme.colorPickerInput.instructionalTextFontSize;
+});
+var ColorPickerInput = function (props) {
+    var _a = props.checkLegible, checkLegible = _a === void 0 ? false : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, helperText = props.helperText, inputLabel = props.inputLabel, inputWidth = props.inputWidth, instructionalText = props.instructionalText, _c = props.showValidationMessage, showValidationMessage = _c === void 0 ? false : _c, themeOverride = props.themeOverride, validationMessage = props.validationMessage;
+    var labelBoxRef = React.useRef(null);
+    var _d = useMeasure.useMeasure(), inputGroupRef = _d[0], inputGroupMeasure = _d[1];
+    var validationRef = React.useRef(null);
+    var _e = React.useState(false), designSwitch = _e[0], setDesignSwitch = _e[1];
+    var helperTextVisible = !showValidationMessage || !designSwitch;
+    React.useEffect(function () {
+        var _a, _b;
+        var validationWidth = ((_a = validationRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
+        var labelWidth = ((_b = labelBoxRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0;
+        var noRoomForTopLabel = validationWidth + labelWidth >= inputGroupMeasure.width;
+        if (noRoomForTopLabel) {
+            setDesignSwitch(true);
+        }
+        else {
+            setDesignSwitch(false);
+        }
+    }, [inputGroupMeasure.width, showValidationMessage, inputLabel, validationMessage]);
+    return (jsxRuntime.jsxs(Inputs.InputGroup, { ref: inputGroupRef, "$inputWidth": inputWidth, "$roomForError": showValidationMessage && !inputLabel, children: [jsxRuntime.jsx(Inputs.LabelBox, { ref: labelBoxRef, children: showLabel.showLabel({
+                    inputLabel: inputLabel,
+                    disabled: disabled,
+                    disabledColor: themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor,
+                    labelColor: themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.labelColor,
+                }) }), instructionalText && jsxRuntime.jsx(InstructionalText, { "$themeOverride": themeOverride, children: instructionalText }), jsxRuntime.jsx(InlineColorPickerInput, _tslib.__assign({}, props, { checkLegible: checkLegible, themeOverride: themeOverride })), jsxRuntime.jsx(Inputs.ValidationText, { ref: validationRef, "$showValidationMessage": showValidationMessage, "$disabled": disabled, "$failColor": themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor, "$disabledColor": themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor, "$designSwitch": designSwitch && showValidationMessage, children: validationMessage }), helperTextVisible && (jsxRuntime.jsx(Inputs.HelperText, { "$disabled": disabled, "$helperTextColor": themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.helperTextColor, "$disabledColor": themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor, "data-sentry-unmask": true, children: helperText }))] }));
+};
+var templateObject_1;
+
+exports.ColorPickerInput = ColorPickerInput;
+exports.InlineColorPickerInput = InlineColorPickerInput;
+//# sourceMappingURL=ColorPickerInput-CBPI8IJ-.js.map

package/lib/cjs/ColorPickerInput-CBPI8IJ-.js.map

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

package/lib/cjs/ColorPickerInput.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var ColorPickerInput = require('./ColorPickerInput-CBPI8IJ-.js');
+require('./_tslib-ByDtMVOd.js');
+require('react/jsx-runtime');
+require('react');
+require('styled-components');
+require('./BodyLEmphasis.cjs');
+require('./useMeasure-CDq3dPfD.js');
+require('./addOrRemoveById.cjs');
+require('dayjs');
+require('./isEmptyObject.cjs');
+require('./useIsomorphicLayoutEffect-kdlV9QVN.js');
+require('./showLabel-BkZISyqw.js');
+require('./Inputs-IaHMnBKw.js');
+require('./colors.cjs');
+require('./IconComponentStyles-oUWNoaaH.js');
+require('./pressedEnter.cjs');
+require('./validateColorContrast.cjs');
+
+
+
+exports.ColorPickerInput = ColorPickerInput.ColorPickerInput;
+exports.InlineColorPickerInput = ColorPickerInput.InlineColorPickerInput;
+//# sourceMappingURL=ColorPickerInput.cjs.map

package/lib/cjs/ColorPickerInput.cjs.map

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

package/lib/cjs/DatePicker.cjs

@@ -3,7 +3,7 @@
 var _tslib = require('./_tslib-ByDtMVOd.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var InlineDatePicker = require('./InlineDatePicker-DFv_uHo9.js');
+var InlineDatePicker = require('./InlineDatePicker-B7DTwvhv.js');
 var useMeasure = require('./useMeasure-CDq3dPfD.js');
 var showLabel = require('./showLabel-BkZISyqw.js');
 var Inputs = require('./Inputs-IaHMnBKw.js');

package/lib/cjs/Form.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var FormWrapper = require('./FormStyles-CxgYRZOl.js');
-var FormikContainer = require('./FormikContainer-CY2nLsAs.js');
+var FormWrapper = require('./FormStyles-oEHUS8Oi.js');
+var FormikContainer = require('./FormikContainer-DDXxSB2z.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 require('./_tslib-ByDtMVOd.js');
 require('styled-components');
@@ -20,6 +20,8 @@ require('./Switches-Cpums4DB.js');
 require('./DescriptiveSwitchMenuStyles-BwkgIy6d.js');
 require('./SwitchTypeEnum.cjs');
 require('./addOrRemoveById.cjs');
+require('./validateColorContrast.cjs');
+require('./pressedEnter.cjs');
 require('./formatBytesToString.cjs');
 require('./northAmericanNumberingPlanRegex.cjs');
 require('yup');
@@ -28,7 +30,6 @@ require('react');
 require('./ButtonColorFamilyEnum.cjs');
 require('./LoadingEllipsis-COKIzsEu.js');
 require('./Button.cjs');
-require('./pressedEnter.cjs');
 require('./ArrowLong.cjs');
 require('./colors-BudXQEyU.js');
 require('./CaretDown.cjs');
@@ -62,6 +63,7 @@ require('./Checkbox-Cd_xyAss.js');
 require('./CheckboxEmpty.cjs');
 require('./CheckboxFull.cjs');
 require('./CheckboxGroup-BeBI_kWP.js');
+require('./ColorPickerInput-CBPI8IJ-.js');
 require('./ConfigurableInput-naz2E_Pb.js');
 require('./RadioGroup-B0HUH_33.js');
 require('./RadioItem-ChF6qHFI.js');
@@ -94,7 +96,7 @@ require('./cardValidationStateMachine.cjs');
 require('./CurrencyInput-D_QGbxkC.js');
 require('./InlineCurrencyInput-UjEz4U3A.js');
 require('./DatePicker.cjs');
-require('./InlineDatePicker-DFv_uHo9.js');
+require('./InlineDatePicker-B7DTwvhv.js');
 require('./Calendar.cjs');
 require('./ClickOutHandler-b5mI7kuA.js');
 require('./CaretLeft.cjs');
@@ -160,6 +162,7 @@ Object.defineProperty(exports, "RemovableFieldTypeEnum", {
 exports.isAddress = FormFieldTypeEnum.isAddress;
 exports.isCheckbox = FormFieldTypeEnum.isCheckbox;
 exports.isCheckboxGroup = FormFieldTypeEnum.isCheckboxGroup;
+exports.isColorPicker = FormFieldTypeEnum.isColorPicker;
 exports.isConfigurableInput = FormFieldTypeEnum.isConfigurableInput;
 exports.isCountrySelect = FormFieldTypeEnum.isCountrySelect;
 exports.isCountySelect = FormFieldTypeEnum.isCountySelect;

package/lib/cjs/Form.cjs.map

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

package/lib/cjs/FormFieldTypeEnum.cjs

@@ -5,6 +5,7 @@ exports.FormFieldTypeEnum = void 0;
     FormFieldTypeEnum["Address"] = "ADDRESS";
     FormFieldTypeEnum["Checkbox"] = "CHECKBOX";
     FormFieldTypeEnum["CheckboxGroup"] = "CHECKBOX_GROUP";
+    FormFieldTypeEnum["ColorPicker"] = "COLOR_PICKER";
     FormFieldTypeEnum["ConfigurableInput"] = "CONFIGURABLE_INPUT";
     FormFieldTypeEnum["CountySelect"] = "COUNTY_SELECT";
     FormFieldTypeEnum["CountrySelect"] = "COUNTRY_SELECT";
@@ -46,6 +47,9 @@ var isCheckbox = function (field) {
 var isCheckboxGroup = function (field) {
     return field.type === exports.FormFieldTypeEnum.CheckboxGroup;
 };
+var isColorPicker = function (field) {
+    return field.type === exports.FormFieldTypeEnum.ColorPicker;
+};
 var isConfigurableInput = function (field) {
     return field.type === exports.FormFieldTypeEnum.ConfigurableInput;
 };
@@ -161,6 +165,7 @@ exports.isAddress = isAddress;
 exports.isArrayOfSelectOptionsType = isArrayOfSelectOptionsType;
 exports.isCheckbox = isCheckbox;
 exports.isCheckboxGroup = isCheckboxGroup;
+exports.isColorPicker = isColorPicker;
 exports.isConfigurableInput = isConfigurableInput;
 exports.isCountrySelect = isCountrySelect;
 exports.isCountySelect = isCountySelect;

package/lib/cjs/FormFieldTypeEnum.cjs.map

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

package/lib/cjs/FormSeparator.cjs

@@ -7,7 +7,7 @@ require('./BodyLEmphasis.cjs');
 require('./Loading.cjs');
 require('./Scroller.cjs');
 require('./Inputs-IaHMnBKw.js');
-var FormWrapper = require('./FormStyles-CxgYRZOl.js');
+var FormWrapper = require('./FormStyles-oEHUS8Oi.js');
 require('react/jsx-runtime');
 require('./IconComponentStyles-oUWNoaaH.js');
 require('./CheckboxStyles-CAzemGXD.js');
@@ -18,6 +18,8 @@ require('./Switches-Cpums4DB.js');
 require('./DescriptiveSwitchMenuStyles-BwkgIy6d.js');
 require('./SwitchTypeEnum.cjs');
 require('./addOrRemoveById.cjs');
+require('./validateColorContrast.cjs');
+require('./pressedEnter.cjs');
 require('./formatBytesToString.cjs');
 require('./northAmericanNumberingPlanRegex.cjs');
 require('yup');

package/lib/cjs/FormSeparator.cjs.map

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

package/lib/cjs/{FormStyles-CxgYRZOl.js → FormStyles-oEHUS8Oi.js}

@@ -16,6 +16,7 @@ require('./Switches-Cpums4DB.js');
 require('./DescriptiveSwitchMenuStyles-BwkgIy6d.js');
 var SwitchTypeEnum = require('./SwitchTypeEnum.cjs');
 var addOrRemoveById = require('./addOrRemoveById.cjs');
+var validateColorContrast = require('./validateColorContrast.cjs');
 var formatBytesToString = require('./formatBytesToString.cjs');
 var northAmericanNumberingPlanRegex = require('./northAmericanNumberingPlanRegex.cjs');
 var yup = require('yup');
@@ -195,8 +196,24 @@ var formatValidationInternals = function (_a) {
                     validationFunction ||
                         (required && allowRequired && !disabled ? yup__namespace.array().of(yup__namespace.string()).min(1, requiredMessage) : yup__namespace.array().of(yup__namespace.string()));
             }
+            else if (FormFieldTypeEnum.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__namespace.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.validateColorContrast(value, legibleAgainst_1);
+                    });
+                }
+                validationInternals[name_6] =
+                    validationFunction || (required && allowRequired && !disabled ? colorSchema.required(requiredMessage) : colorSchema);
+            }
             else if (FormFieldTypeEnum.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 = addOrRemoveById.getObjectById({ array: maskedRadios, id: activeId, idKey: "value" });
@@ -209,31 +226,31 @@ var formatValidationInternals = function (_a) {
                             : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.number().required(requiredMessage) : yup__namespace.number().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace
                     .date()
                     // For some reason, "value" is always wrong. Thanks react-datepicker. Thanks a lot.
@@ -250,7 +267,7 @@ var formatValidationInternals = function (_a) {
                     validationFunction || (required && allowRequired && !disabled ? dateSchema.required(requiredMessage) : dateSchema);
             }
             else if (FormFieldTypeEnum.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.SwitchTypeEnum.Radio) {
                     validationInternals[name_6] =
@@ -264,7 +281,7 @@ var formatValidationInternals = function (_a) {
                 }
             }
             else if (FormFieldTypeEnum.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
@@ -273,7 +290,7 @@ var formatValidationInternals = function (_a) {
             }
             else if (FormFieldTypeEnum.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.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.formatBytesToString({ bytes: maxFileSize_1 })) : _6;
                 validationInternals[name_6] =
                     validationFunction ||
                         (required && allowRequired && !disabled
@@ -281,13 +298,13 @@ var formatValidationInternals = function (_a) {
                             : yup__namespace.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 (FormFieldTypeEnum.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__namespace.array().of(yup__namespace.string()).min(1, requiredMessage) : yup__namespace.array().of(yup__namespace.string()));
             }
             else if (FormFieldTypeEnum.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
@@ -304,7 +321,7 @@ var formatValidationInternals = function (_a) {
                             }));
             }
             else if (FormFieldTypeEnum.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
@@ -322,54 +339,58 @@ var formatValidationInternals = function (_a) {
                             }));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace
                                 .string()
+                                .transform(function (value) { return (typeof value === "string" ? value.trim() : value); })
                                 .matches(SSN_REGEX, {
                                 excludeEmptyString: true,
                                 message: validationMessage,
                             })
                                 .required(requiredMessage)
-                            : yup__namespace.string().matches(SSN_REGEX, {
+                            : yup__namespace
+                                .string()
+                                .transform(function (value) { return (typeof value === "string" ? value.trim() : value); })
+                                .matches(SSN_REGEX, {
                                 excludeEmptyString: true,
                                 message: validationMessage,
                             }));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.string().required(requiredMessage) : yup__namespace.string().typeError(validationMessage));
             }
             else if (FormFieldTypeEnum.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__namespace.array().of(yup__namespace.string()).min(1, requiredMessage) : yup__namespace.array().of(yup__namespace.string()));
             }
             else if (FormFieldTypeEnum.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
@@ -386,7 +407,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
@@ -754,4 +775,4 @@ exports.formHasValues = formHasValues;
 exports.formatInitialValues = formatInitialValues;
 exports.formatValidation = formatValidation;
 exports.shouldFade = shouldFade;
-//# sourceMappingURL=FormStyles-CxgYRZOl.js.map
+//# sourceMappingURL=FormStyles-oEHUS8Oi.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormStyles-CxgYRZOl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormStyles-oEHUS8Oi.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-IaHMnBKw.js');
-var FormWrapper = require('./FormStyles-CxgYRZOl.js');
+var FormWrapper = require('./FormStyles-oEHUS8Oi.js');
 require('react/jsx-runtime');
 require('./IconComponentStyles-oUWNoaaH.js');
 require('./CheckboxStyles-CAzemGXD.js');
@@ -18,6 +18,8 @@ require('./Switches-Cpums4DB.js');
 require('./DescriptiveSwitchMenuStyles-BwkgIy6d.js');
 require('./SwitchTypeEnum.cjs');
 require('./addOrRemoveById.cjs');
+require('./validateColorContrast.cjs');
+require('./pressedEnter.cjs');
 require('./formatBytesToString.cjs');
 require('./northAmericanNumberingPlanRegex.cjs');
 require('yup');

package/lib/cjs/FormWrapper.cjs.map

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