@cerebruminc/cerebellum 13.1.9 → 13.2.0

package/lib/cjs/{CheckboxGroup-cd7e0cf4.js → CheckboxGroup-a274ce1f.js}

@@ -4,7 +4,7 @@ var _tslib = require('./_tslib-955e611e.js');
 var jsxRuntime = require('react/jsx-runtime');
 var BodyLEmphasis = require('./BodyLEmphasis.cjs');
 var styled = require('styled-components');
-var CheckboxItem = require('./CheckboxItem-ff56bd82.js');
+var CheckboxItem = require('./CheckboxItem-c0774182.js');
 var Inputs = require('./Inputs-0137c1dc.js');
 var Switches = require('./Switches-6717ab0c.js');
 
@@ -41,4 +41,4 @@ CheckboxGroup.defaultProps = {
 };
 
 exports.CheckboxGroup = CheckboxGroup;
-//# sourceMappingURL=CheckboxGroup-cd7e0cf4.js.map
+//# sourceMappingURL=CheckboxGroup-a274ce1f.js.map

package/lib/cjs/CheckboxGroup-a274ce1f.js.map

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

package/lib/cjs/CheckboxGroup.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckboxGroup = require('./CheckboxGroup-cd7e0cf4.js');
+var CheckboxGroup = require('./CheckboxGroup-a274ce1f.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('./BodyLEmphasis.cjs');
 require('styled-components');
-require('./CheckboxItem-ff56bd82.js');
+require('./CheckboxItem-c0774182.js');
 require('./Switches-6717ab0c.js');
 require('./Inputs-0137c1dc.js');
 require('./colors.cjs');

package/lib/cjs/{CheckboxItem-ff56bd82.js → CheckboxItem-c0774182.js}

@@ -52,4 +52,4 @@ CheckboxItem.defaultProps = {
 };
 
 exports.CheckboxItem = CheckboxItem;
-//# sourceMappingURL=CheckboxItem-ff56bd82.js.map
+//# sourceMappingURL=CheckboxItem-c0774182.js.map

package/lib/cjs/CheckboxItem-c0774182.js.map

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

package/lib/cjs/CheckboxItem.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckboxItem = require('./CheckboxItem-ff56bd82.js');
+var CheckboxItem = require('./CheckboxItem-c0774182.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('./Switches-6717ab0c.js');

package/lib/cjs/{ConfigurableInput-c5c39ca9.js → ConfigurableInput-90f3a78b.js}

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var Input = require('./Input-9cf5b719.js');
-var RadioGroup = require('./RadioGroup-68bdc47e.js');
+var RadioGroup = require('./RadioGroup-f6bb12c3.js');
 var usePrevious = require('./usePrevious.cjs');
 var styled = require('styled-components');
 var _tslib = require('./_tslib-955e611e.js');
@@ -78,4 +78,4 @@ ConfigurableInput.defaultProps = {
 };
 
 exports.ConfigurableInput = ConfigurableInput;
-//# sourceMappingURL=ConfigurableInput-c5c39ca9.js.map
+//# sourceMappingURL=ConfigurableInput-90f3a78b.js.map

package/lib/cjs/ConfigurableInput-90f3a78b.js.map

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

package/lib/cjs/ConfigurableInput.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfigurableInput = require('./ConfigurableInput-c5c39ca9.js');
+var ConfigurableInput = require('./ConfigurableInput-90f3a78b.js');
 require('react/jsx-runtime');
 require('react');
 require('./Input-9cf5b719.js');
@@ -22,9 +22,9 @@ require('./isEmptyObject.cjs');
 require('./useIsomorphicLayoutEffect-e0094154.js');
 require('./showLabel-8e3c09f1.js');
 require('./helpers-b07f14f3.js');
-require('./RadioGroup-68bdc47e.js');
+require('./RadioGroup-f6bb12c3.js');
 require('./BodyLEmphasis.cjs');
-require('./RadioItem-a989b658.js');
+require('./RadioItem-8d5f6119.js');
 require('./Switches-6717ab0c.js');
 require('./cerebellumTheme.cjs');
 require('./ButtonColorFamilyEnum.cjs');

package/lib/cjs/{Drawer-29ddc5f0.js → Drawer-745d2a61.js}

@@ -207,4 +207,4 @@ var Drawer = function (_a) {
 };
 
 exports.Drawer = Drawer;
-//# sourceMappingURL=Drawer-29ddc5f0.js.map
+//# sourceMappingURL=Drawer-745d2a61.js.map

package/lib/cjs/{Drawer-29ddc5f0.js.map → Drawer-745d2a61.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-29ddc5f0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Drawer-745d2a61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/Drawer.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Drawer = require('./Drawer-29ddc5f0.js');
+var Drawer = require('./Drawer-745d2a61.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('react');

package/lib/cjs/Form.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var FormWrapper = require('./FormStyles-0c0f28e0.js');
-var FormikContainer = require('./FormikContainer-badfc128.js');
+var FormikContainer = require('./FormikContainer-9b075257.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 require('./_tslib-955e611e.js');
 require('styled-components');
@@ -63,12 +63,12 @@ require('./showLabel-8e3c09f1.js');
 require('./helpers-b07f14f3.js');
 require('./stateAbbreviationLookup.cjs');
 require('react-dom');
-require('./CheckboxItem-ff56bd82.js');
+require('./CheckboxItem-c0774182.js');
 require('./cerebellumTheme.cjs');
-require('./CheckboxGroup-cd7e0cf4.js');
-require('./ConfigurableInput-c5c39ca9.js');
-require('./RadioGroup-68bdc47e.js');
-require('./RadioItem-a989b658.js');
+require('./CheckboxGroup-a274ce1f.js');
+require('./ConfigurableInput-90f3a78b.js');
+require('./RadioGroup-f6bb12c3.js');
+require('./RadioItem-8d5f6119.js');
 require('./CountryDropdown-4532eb1d.js');
 require('./DropdownInput-3e496c2f.js');
 require('./InlineInputButton.cjs');
@@ -133,11 +133,11 @@ require('./usStates.cjs');
 require('./InlineZipCodeInput.cjs');
 require('./applyZipCodeMask.cjs');
 require('./ZipCodeInput.cjs');
-require('./ToggleItem-a6f1e156.js');
+require('./ToggleItem-b7b234e3.js');
 require('./InlineTextarea.cjs');
 require('./ResizeEnum.cjs');
 require('./Textarea.cjs');
-require('./ToggleGroup-cf2768b1.js');
+require('./ToggleGroup-f9379c02.js');
 
 
 

package/lib/cjs/{FormikContainer-badfc128.js → FormikContainer-9b075257.js}

@@ -21,9 +21,9 @@ var FormWrapper = require('./FormStyles-0c0f28e0.js');
 var AddressInput = require('./AddressInput-033a4894.js');
 var Inputs = require('./Inputs-0137c1dc.js');
 var ReactDOM = require('react-dom');
-var CheckboxItem = require('./CheckboxItem-ff56bd82.js');
-var CheckboxGroup = require('./CheckboxGroup-cd7e0cf4.js');
-var ConfigurableInput = require('./ConfigurableInput-c5c39ca9.js');
+var CheckboxItem = require('./CheckboxItem-c0774182.js');
+var CheckboxGroup = require('./CheckboxGroup-a274ce1f.js');
+var ConfigurableInput = require('./ConfigurableInput-90f3a78b.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 var CountryDropdown = require('./CountryDropdown-4532eb1d.js');
 var stateAbbreviationLookup = require('./stateAbbreviationLookup.cjs');
@@ -50,7 +50,7 @@ var InlinePasswordInput = require('./InlinePasswordInput.cjs');
 var PasswordInput = require('./PasswordInput.cjs');
 var InlinePhoneInput = require('./InlinePhoneInput-53df46e5.js');
 var PhoneInput = require('./PhoneInput-2a0a054d.js');
-var RadioGroup = require('./RadioGroup-68bdc47e.js');
+var RadioGroup = require('./RadioGroup-f6bb12c3.js');
 require('./colors.cjs');
 require('./IconComponentStyles-64e1c8e7.js');
 var PlusCircle = require('./PlusCircle.cjs');
@@ -61,11 +61,11 @@ var usStates = require('./usStates.cjs');
 var InlineZipCodeInput = require('./InlineZipCodeInput.cjs');
 var ZipCodeInput = require('./ZipCodeInput.cjs');
 var applyZipCodeMask = require('./applyZipCodeMask.cjs');
-var ToggleItem = require('./ToggleItem-a6f1e156.js');
+var ToggleItem = require('./ToggleItem-b7b234e3.js');
 var InlineTextarea = require('./InlineTextarea.cjs');
 var Textarea = require('./Textarea.cjs');
 require('./ResizeEnum.cjs');
-var ToggleGroup = require('./ToggleGroup-cf2768b1.js');
+var ToggleGroup = require('./ToggleGroup-f9379c02.js');
 
 /** Used to generate unique IDs. */
 var idCounter = 0;
@@ -1295,4 +1295,4 @@ FormikContainer.defaultProps = {
 };
 
 exports.FormikContainer = FormikContainer;
-//# sourceMappingURL=FormikContainer-badfc128.js.map
+//# sourceMappingURL=FormikContainer-9b075257.js.map

package/lib/cjs/{FormikContainer-badfc128.js.map → FormikContainer-9b075257.js.map}

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

package/lib/cjs/{HorizontalTabMenu-a5d1ef88.js → HorizontalTabMenu-55955f88.js}

@@ -12,35 +12,31 @@ var Scroller = require('./Scroller.cjs');
 var styled = require('styled-components');
 
 var Container = styled.styled.nav(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n"])));
-var MenuContainer = styled.styled.div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  height: 60px;\n  overflow-x: auto;\n  padding: ", "px;\n  position: relative;\n  width: calc(100% + ", "px);\n  z-index: 1;\n"], ["\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  height: 60px;\n  overflow-x: auto;\n  padding: ", "px;\n  position: relative;\n  width: calc(100% + ", "px);\n  z-index: 1;\n"])), function (_a) {
-    var $floatingBorderRadius = _a.$floatingBorderRadius, theme = _a.theme, $floating = _a.$floating;
-    return $floating ? $floatingBorderRadius || theme.horizontalTabMenu.floatingBorderRadius : 0;
+var MenuContainer = styled.styled.div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  height: 60px;\n  overflow-x: auto;\n  padding: ", ";\n  position: relative;\n  width: calc(100% + ", "px);\n  z-index: 1;\n"], ["\n  border-radius: ", "px;\n  display: flex;\n  flex-direction: column;\n  height: 60px;\n  overflow-x: auto;\n  padding: ", ";\n  position: relative;\n  width: calc(100% + ", "px);\n  z-index: 1;\n"])), function (_a) {
+    var $floatingBorderRadius = _a.$floatingBorderRadius, theme = _a.theme, $floating = _a.$floating, $themeOverride = _a.$themeOverride;
+    return $floating ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.floatingBorderRadius) || $floatingBorderRadius || theme.horizontalTabMenu.floatingBorderRadius : 0;
 }, function (_a) {
-    var $noMenuPadding = _a.$noMenuPadding, $floating = _a.$floating;
-    return ($noMenuPadding ? "7px 0 0 0" : "4px 0 0 ".concat($floating ? 30 : 10));
+    var $noMenuPadding = _a.$noMenuPadding, $floating = _a.$floating, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.menuPaddingString) || ($noMenuPadding ? "7px 0 0 0" : "4px 0 0 ".concat($floating ? 30 : 10, "px"));
 }, function (_a) {
     var $floating = _a.$floating;
     return ($floating ? 30 : 10);
 });
 var FloatingShadow = styled.styled.div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  box-shadow: ", ";\n  border-radius: ", "px;\n  height: 60px;\n  left: 0;\n  position: absolute;\n  opacity: ", ";\n  top: 0;\n  transition: opacity 350ms ease-out 50ms;\n  width: 100%;\n  z-index: 0;\n"], ["\n  box-shadow: ", ";\n  border-radius: ", "px;\n  height: 60px;\n  left: 0;\n  position: absolute;\n  opacity: ", ";\n  top: 0;\n  transition: opacity 350ms ease-out 50ms;\n  width: 100%;\n  z-index: 0;\n"])), function (_a) {
-    var $floatingShadow = _a.$floatingShadow, theme = _a.theme;
-    return $floatingShadow || theme.horizontalTabMenu.floatingShadow;
+    var $floatingShadow = _a.$floatingShadow, theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.floatingShadow) || $floatingShadow || theme.horizontalTabMenu.floatingShadow;
 }, function (_a) {
-    var $floatingBorderRadius = _a.$floatingBorderRadius, theme = _a.theme;
-    return $floatingBorderRadius || theme.horizontalTabMenu.floatingBorderRadius;
+    var $floatingBorderRadius = _a.$floatingBorderRadius, theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.floatingBorderRadius) || $floatingBorderRadius || theme.horizontalTabMenu.floatingBorderRadius;
 }, function (props) { return (props.$floating ? 1 : 0); });
-styled.styled.div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-    var mainColor = _a.mainColor, theme = _a.theme;
-    return mainColor || theme.horizontalTabMenu.mainColor;
-});
-var Underline = styled.styled.div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  height: 1px;\n  min-width: ", "px;\n"], ["\n  background-color: ", ";\n  height: 1px;\n  min-width: ", "px;\n"])), function (_a) {
-    var $underlineColor = _a.$underlineColor, $floating = _a.$floating, theme = _a.theme;
-    return $floating ? "transparent" : $underlineColor || theme.horizontalTabMenu.underlineColor;
+var Underline = styled.styled.div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  height: 1px;\n  min-width: ", "px;\n"], ["\n  background-color: ", ";\n  height: 1px;\n  min-width: ", "px;\n"])), function (_a) {
+    var $underlineColor = _a.$underlineColor, $floating = _a.$floating, theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return $floating ? "transparent" : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.underlineColor) || $underlineColor || theme.horizontalTabMenu.underlineColor;
 }, function (_a) {
     var $tabsWidth = _a.$tabsWidth;
     return $tabsWidth;
 });
-var TabContainer = styled.styled.div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  align-items: center;\n  cursor: ", ";\n  display: inline-block;\n  flex-shrink: 0;\n  height: 100%;\n  pointer-events: ", ";\n  position: relative;\n  min-width: ", "px;\n  &:after {\n    content: \"\";\n    background-color: ", ";\n    border-radius: 7px;\n    bottom: 6px;\n    position: absolute;\n    left: -8px;\n    opacity: 0;\n    right: -8px;\n    top: 9px;\n    transition: opacity 350ms ease-out 50ms;\n    z-index: -1;\n  }\n  &:focus-visible {\n    outline: none;\n    &:after {\n      opacity: 1;\n    }\n  }\n"], ["\n  align-items: center;\n  cursor: ", ";\n  display: inline-block;\n  flex-shrink: 0;\n  height: 100%;\n  pointer-events: ", ";\n  position: relative;\n  min-width: ", "px;\n  &:after {\n    content: \"\";\n    background-color: ", ";\n    border-radius: 7px;\n    bottom: 6px;\n    position: absolute;\n    left: -8px;\n    opacity: 0;\n    right: -8px;\n    top: 9px;\n    transition: opacity 350ms ease-out 50ms;\n    z-index: -1;\n  }\n  &:focus-visible {\n    outline: none;\n    &:after {\n      opacity: 1;\n    }\n  }\n"])), function (_a) {
+var TabContainer = styled.styled.div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  align-items: center;\n  cursor: ", ";\n  display: inline-block;\n  flex-shrink: 0;\n  height: 100%;\n  pointer-events: ", ";\n  position: relative;\n  min-width: ", "px;\n  &:after {\n    content: \"\";\n    background-color: ", ";\n    border-radius: 7px;\n    bottom: 6px;\n    position: absolute;\n    left: -8px;\n    opacity: 0;\n    right: -8px;\n    top: 9px;\n    transition: opacity 350ms ease-out 50ms;\n    z-index: -1;\n  }\n  &:focus-visible {\n    outline: none;\n    &:after {\n      opacity: 1;\n    }\n  }\n"], ["\n  align-items: center;\n  cursor: ", ";\n  display: inline-block;\n  flex-shrink: 0;\n  height: 100%;\n  pointer-events: ", ";\n  position: relative;\n  min-width: ", "px;\n  &:after {\n    content: \"\";\n    background-color: ", ";\n    border-radius: 7px;\n    bottom: 6px;\n    position: absolute;\n    left: -8px;\n    opacity: 0;\n    right: -8px;\n    top: 9px;\n    transition: opacity 350ms ease-out 50ms;\n    z-index: -1;\n  }\n  &:focus-visible {\n    outline: none;\n    &:after {\n      opacity: 1;\n    }\n  }\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? "auto" : "pointer");
 }, function (_a) {
@@ -50,47 +46,50 @@ var TabContainer = styled.styled.div(templateObject_6 || (templateObject_6 = _ts
     var $minTabWidth = _a.$minTabWidth;
     return $minTabWidth;
 }, function (_a) {
-    var $focusedColor = _a.$focusedColor, theme = _a.theme;
-    return $focusedColor || theme.horizontalTabMenu.focusedColor;
+    var $focusedColor = _a.$focusedColor, theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.focusedColor) || $focusedColor || theme.horizontalTabMenu.focusedColor;
 });
-var Indicator = styled.styled.div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  bottom: ", "px;\n  height: 4px;\n  left: 1px;\n  position: relative;\n  transform: translate3d(", "px, 0, 0);\n  transition: ", ";\n  width: ", "px;\n"], ["\n  background-color: ", ";\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  bottom: ", "px;\n  height: 4px;\n  left: 1px;\n  position: relative;\n  transform: translate3d(", "px, 0, 0);\n  transition: ", ";\n  width: ", "px;\n"])), function (props) { return props.$mainColor || props.theme.horizontalTabMenu.mainColor; }, function (props) { return (props.$floating ? -1 : 0); }, function (props) { return props.$offsetX; }, function (_a) {
+var Indicator = styled.styled.div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  bottom: ", "px;\n  height: 4px;\n  left: 1px;\n  position: relative;\n  transform: translate3d(", "px, 0, 0);\n  transition: ", ";\n  width: ", "px;\n"], ["\n  background-color: ", ";\n  border-top-right-radius: 3px;\n  border-top-left-radius: 3px;\n  bottom: ", "px;\n  height: 4px;\n  left: 1px;\n  position: relative;\n  transform: translate3d(", "px, 0, 0);\n  transition: ", ";\n  width: ", "px;\n"])), function (_a) {
+    var $mainColor = _a.$mainColor, theme = _a.theme, $themeOverride = _a.$themeOverride;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.mainColor) || $mainColor || theme.horizontalTabMenu.mainColor;
+}, function (props) { return (props.$floating ? -1 : 0); }, function (props) { return props.$offsetX; }, function (_a) {
     var allowAnimation = _a.$allowAnimation;
     return allowAnimation
         ? "transform 350ms ease-out 50ms, opacity 350ms ease-out 50ms, width 350ms ease-out 50ms, bottom 350ms ease-out 50ms"
         : "none";
 }, function (props) { return props.$width; });
-var TabName = styled.styled.p(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  font-size: 15px;\n  font-weight: 600;\n  height: 100%;\n  padding-top: 4px;\n  padding-bottom: ", "px;\n  position: relative;\n  text-align: center;\n  white-space: nowrap;\n  width: 100%;\n  z-index: 1;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  font-size: 15px;\n  font-weight: 600;\n  height: 100%;\n  padding-top: 4px;\n  padding-bottom: ", "px;\n  position: relative;\n  text-align: center;\n  white-space: nowrap;\n  width: 100%;\n  z-index: 1;\n"])), function (props) { return (props.$floating ? 1 : 0); });
-var NameContents = styled.styled.span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  display: inline-block;\n  margin: auto 0;\n  min-width: ", "px;\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  display: inline-block;\n  margin: auto 0;\n  min-width: ", "px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
-    var $activeTextColor = _a.$activeTextColor, disabled = _a.disabled, $disabledColor = _a.$disabledColor, $selected = _a.$selected, $textColor = _a.$textColor, theme = _a.theme;
+var TabName = styled.styled.p(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  font-size: 15px;\n  font-weight: 600;\n  height: 100%;\n  padding-top: 4px;\n  padding-bottom: ", "px;\n  position: relative;\n  text-align: center;\n  white-space: nowrap;\n  width: 100%;\n  z-index: 1;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  font-size: 15px;\n  font-weight: 600;\n  height: 100%;\n  padding-top: 4px;\n  padding-bottom: ", "px;\n  position: relative;\n  text-align: center;\n  white-space: nowrap;\n  width: 100%;\n  z-index: 1;\n"])), function (props) { return (props.$floating ? 1 : 0); });
+var NameContents = styled.styled.span(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  display: inline-block;\n  margin: auto 0;\n  min-width: ", "px;\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  display: inline-block;\n  margin: auto 0;\n  min-width: ", "px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
+    var $activeTextColor = _a.$activeTextColor, disabled = _a.disabled, $disabledColor = _a.$disabledColor, $selected = _a.$selected, $textColor = _a.$textColor, theme = _a.theme, $themeOverride = _a.$themeOverride;
     return $selected
-        ? $activeTextColor || theme.horizontalTabMenu.activeTextColor
+        ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.activeTextColor) || $activeTextColor || theme.horizontalTabMenu.activeTextColor
         : disabled
-            ? $disabledColor || theme.horizontalTabMenu.disabledColor
-            : $textColor || theme.horizontalTabMenu.textColor;
+            ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) || $disabledColor || theme.horizontalTabMenu.disabledColor
+            : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) || $textColor || theme.horizontalTabMenu.textColor;
 }, function (_a) {
     var $minTabWidth = _a.$minTabWidth;
     return $minTabWidth;
 }, function (_a) {
-    var $activeTextColor = _a.$activeTextColor, disabled = _a.disabled, $disabledColor = _a.$disabledColor, $selected = _a.$selected, $textHoverColor = _a.$textHoverColor, theme = _a.theme;
+    var $activeTextColor = _a.$activeTextColor, disabled = _a.disabled, $disabledColor = _a.$disabledColor, $selected = _a.$selected, $textHoverColor = _a.$textHoverColor, theme = _a.theme, $themeOverride = _a.$themeOverride;
     return $selected
-        ? $activeTextColor || theme.horizontalTabMenu.activeTextColor
+        ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.activeTextColor) || $activeTextColor || theme.horizontalTabMenu.activeTextColor
         : disabled
-            ? $disabledColor
-            : $textHoverColor || theme.horizontalTabMenu.textHoverColor;
+            ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) || $disabledColor
+            : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textHoverColor) || $textHoverColor || theme.horizontalTabMenu.textHoverColor;
 });
-var AlertBox = styled.styled.span(templateObject_10 || (templateObject_10 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  margin: auto 0 auto 17px;\n  opacity: ", ";\n"], ["\n  display: inline-block;\n  margin: auto 0 auto 17px;\n  opacity: ", ";\n"])), function (_a) {
+var AlertBox = styled.styled.span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  margin: auto 0 auto 17px;\n  opacity: ", ";\n"], ["\n  display: inline-block;\n  margin: auto 0 auto 17px;\n  opacity: ", ";\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 0.3 : 1);
 });
-var MenuBar = styled.styled.div(templateObject_11 || (templateObject_11 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n  height: 100%;\n  flex: 1;\n  z-index: 1;\n"], ["\n  display: flex;\n  gap: ", "px;\n  height: 100%;\n  flex: 1;\n  z-index: 1;\n"])), function (_a) {
+var MenuBar = styled.styled.div(templateObject_10 || (templateObject_10 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n  height: 100%;\n  flex: 1;\n  z-index: 1;\n"], ["\n  display: flex;\n  gap: ", "px;\n  height: 100%;\n  flex: 1;\n  z-index: 1;\n"])), function (_a) {
     var $spaceBetweenTabs = _a.$spaceBetweenTabs;
     return $spaceBetweenTabs;
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
 
 var SPACE_BETWEEN_TABS_DEFAULT = 65;
 var HorizontalTabMenu = function (_a) {
-    var activeOption = _a.activeOption, activeTextColor = _a.activeTextColor, defaultOption = _a.defaultOption, disabledColor = _a.disabledColor, focusedColor = _a.focusedColor, floating = _a.floating, floatingBorderRadius = _a.floatingBorderRadius, floatingShadow = _a.floatingShadow, mainColor = _a.mainColor, _b = _a.minTabWidth, minTabWidth = _b === void 0 ? 0 : _b, noMenuPadding = _a.noMenuPadding, onOptionChange = _a.onOptionChange, options = _a.options, preventClick = _a.preventClick, _c = _a.spaceBetweenTabs, spaceBetweenTabs = _c === void 0 ? SPACE_BETWEEN_TABS_DEFAULT : _c, textColor = _a.textColor, textHoverColor = _a.textHoverColor, underlineColor = _a.underlineColor;
+    var activeOption = _a.activeOption, activeTextColor = _a.activeTextColor, defaultOption = _a.defaultOption, disabledColor = _a.disabledColor, focusedColor = _a.focusedColor, floating = _a.floating, floatingBorderRadius = _a.floatingBorderRadius, floatingShadow = _a.floatingShadow, mainColor = _a.mainColor, _b = _a.minTabWidth, minTabWidth = _b === void 0 ? 0 : _b, noMenuPadding = _a.noMenuPadding, onOptionChange = _a.onOptionChange, options = _a.options, preventClick = _a.preventClick, _c = _a.spaceBetweenTabs, spaceBetweenTabs = _c === void 0 ? SPACE_BETWEEN_TABS_DEFAULT : _c, textColor = _a.textColor, textHoverColor = _a.textHoverColor, underlineColor = _a.underlineColor, themeOverride = _a.themeOverride;
     var theme = styled.useTheme();
     var optionsIdString = addOrRemoveById.makeIdString({ array: options });
     var _d = React.useState(false), allowAnimation = _d[0], setAllowAnimation = _d[1]; // disable animation until the component is set up
@@ -171,17 +170,17 @@ var HorizontalTabMenu = function (_a) {
             onOptionChange(option.id);
         }
     };
-    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsxs(MenuContainer, _tslib.__assign({ "$floating": floating, "$floatingBorderRadius": floatingBorderRadius, as: Scroller.Scroller, "$noMenuPadding": noMenuPadding }, { children: [jsxRuntime.jsx(MenuBar, _tslib.__assign({ "$spaceBetweenTabs": spaceBetweenTabs, "data-testid": "horizontalTabMenu_menuBar" }, { children: options.map(function (option, index) {
+    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsxs(MenuContainer, _tslib.__assign({ "$floating": floating, "$floatingBorderRadius": floatingBorderRadius, as: Scroller.Scroller, "$noMenuPadding": noMenuPadding, "$themeOverride": themeOverride }, { children: [jsxRuntime.jsx(MenuBar, _tslib.__assign({ "$spaceBetweenTabs": spaceBetweenTabs, "data-testid": "horizontalTabMenu_menuBar" }, { children: options.map(function (option, index) {
                             return (jsxRuntime.jsx(TabContainer, _tslib.__assign({ disabled: option.disabled, "$focusedColor": focusedColor, "$minTabWidth": minTabWidth, onClick: function () {
                                     onClickTab(option, index);
                                 }, onKeyPress: function (event) {
                                     if (pressedEnter.pressedEnter(event)) {
                                         onClickTab(option, index);
                                     }
-                                }, "$preventClick": preventClick, ref: tabRefs[index], role: "button", tabIndex: option.disabled ? -1 : 0 }, { children: jsxRuntime.jsxs(TabName, _tslib.__assign({ "$floating": floating }, { children: [jsxRuntime.jsx(NameContents, _tslib.__assign({ "$activeTextColor": activeTextColor, disabled: option.disabled, "$disabledColor": disabledColor, "$minTabWidth": minTabWidth, "$selected": option.id === selectedOptionId, "$textColor": textColor, "$textHoverColor": textHoverColor }, { children: option.label }), void 0), !!option.alert && (jsxRuntime.jsx(AlertBox, _tslib.__assign({ className: "alertCountTarget", disabled: option.disabled }, { children: jsxRuntime.jsx(AlertCount.AlertCount, { disabled: option.disabled, count: formatBytesToString.formatNumberToString(option.alert), colorFamilyOverride: colors.makeOverrideObject({
-                                                    color: option.alertColor || mainColor || theme.horizontalTabMenu.mainColor,
+                                }, "$preventClick": preventClick, ref: tabRefs[index], role: "button", tabIndex: option.disabled ? -1 : 0, "$themeOverride": themeOverride }, { children: jsxRuntime.jsxs(TabName, _tslib.__assign({ "$floating": floating }, { children: [jsxRuntime.jsx(NameContents, _tslib.__assign({ "$activeTextColor": activeTextColor, disabled: option.disabled, "$disabledColor": disabledColor, "$minTabWidth": minTabWidth, "$selected": option.id === selectedOptionId, "$textColor": textColor, "$textHoverColor": textHoverColor, "$themeOverride": themeOverride }, { children: option.label }), void 0), !!option.alert && (jsxRuntime.jsx(AlertBox, _tslib.__assign({ className: "alertCountTarget", disabled: option.disabled }, { children: jsxRuntime.jsx(AlertCount.AlertCount, { disabled: option.disabled, count: formatBytesToString.formatNumberToString(option.alert), colorFamilyOverride: colors.makeOverrideObject({
+                                                    color: option.alertColor || (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.mainColor) || mainColor || theme.horizontalTabMenu.mainColor,
                                                 }) }, void 0) }), void 0))] }), void 0) }), option.id));
-                        }) }), void 0), jsxRuntime.jsx(Indicator, { "$allowAnimation": allowAnimation, "$floating": floating, "$mainColor": mainColor, "$width": selectedTabWidth, "$offsetX": offsetX }, void 0), jsxRuntime.jsx(Underline, { "$floating": floating, "$underlineColor": underlineColor, "$tabsWidth": tabsWidth }, void 0)] }), void 0), jsxRuntime.jsx(FloatingShadow, { "$floatingBorderRadius": floatingBorderRadius, "$floating": floating, "$floatingShadow": floatingShadow }, void 0)] }, void 0));
+                        }) }), void 0), jsxRuntime.jsx(Indicator, { "$allowAnimation": allowAnimation, "$floating": floating, "$mainColor": mainColor, "$width": selectedTabWidth, "$offsetX": offsetX, "$themeOverride": themeOverride }, void 0), jsxRuntime.jsx(Underline, { "$floating": floating, "$underlineColor": underlineColor, "$tabsWidth": tabsWidth, "$themeOverride": themeOverride }, void 0)] }), void 0), jsxRuntime.jsx(FloatingShadow, { "$floatingBorderRadius": floatingBorderRadius, "$floating": floating, "$floatingShadow": floatingShadow, "$themeOverride": themeOverride }, void 0)] }, void 0));
 };
 HorizontalTabMenu.defaultProps = {
     minTabWidth: 0,
@@ -189,4 +188,4 @@ HorizontalTabMenu.defaultProps = {
 };
 
 exports.HorizontalTabMenu = HorizontalTabMenu;
-//# sourceMappingURL=HorizontalTabMenu-a5d1ef88.js.map
+//# sourceMappingURL=HorizontalTabMenu-55955f88.js.map

package/lib/cjs/{HorizontalTabMenu-a5d1ef88.js.map → HorizontalTabMenu-55955f88.js.map}

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

package/lib/cjs/HorizontalTabMenu.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var HorizontalTabMenu = require('./HorizontalTabMenu-a5d1ef88.js');
+var HorizontalTabMenu = require('./HorizontalTabMenu-55955f88.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('react');

package/lib/cjs/{RJSForm-0c86efc2.js → RJSForm-e54c2a95.js}

@@ -9,7 +9,7 @@ require('./Button.cjs');
 var PrimaryButton = require('./PrimaryButton.cjs');
 require('./ButtonVariantEnum.cjs');
 var styled = require('styled-components');
-var CheckboxItem = require('./CheckboxItem-ff56bd82.js');
+var CheckboxItem = require('./CheckboxItem-c0774182.js');
 var dayjs = require('dayjs');
 var DatePicker = require('./DatePicker.cjs');
 var InlineDatePicker = require('./InlineDatePicker-fcb0e1ef.js');
@@ -369,4 +369,4 @@ RJSForm.defaultProps = {
 };
 
 exports.RJSForm = RJSForm;
-//# sourceMappingURL=RJSForm-0c86efc2.js.map
+//# sourceMappingURL=RJSForm-e54c2a95.js.map

package/lib/cjs/{RJSForm-0c86efc2.js.map → RJSForm-e54c2a95.js.map}

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

package/lib/cjs/RJSForm.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RJSForm = require('./RJSForm-0c86efc2.js');
+var RJSForm = require('./RJSForm-e54c2a95.js');
 var types = require('./types-92e1c1ae.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
@@ -23,7 +23,7 @@ require('./ButtonColorFamilyEnum.cjs');
 require('./LoadingEllipsis-b9895744.js');
 require('./PrimaryButton.cjs');
 require('./ButtonVariantEnum.cjs');
-require('./CheckboxItem-ff56bd82.js');
+require('./CheckboxItem-c0774182.js');
 require('./Switches-6717ab0c.js');
 require('./BodyLEmphasis.cjs');
 require('./Inputs-0137c1dc.js');

package/lib/cjs/{RadioGroup-68bdc47e.js → RadioGroup-f6bb12c3.js}

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var BodyLEmphasis = require('./BodyLEmphasis.cjs');
 var styled = require('styled-components');
-var RadioItem = require('./RadioItem-a989b658.js');
+var RadioItem = require('./RadioItem-8d5f6119.js');
 var Inputs = require('./Inputs-0137c1dc.js');
 var Switches = require('./Switches-6717ab0c.js');
 
@@ -65,4 +65,4 @@ RadioGroup.defaultProps = {
 };
 
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=RadioGroup-68bdc47e.js.map
+//# sourceMappingURL=RadioGroup-f6bb12c3.js.map

package/lib/cjs/RadioGroup-f6bb12c3.js.map

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

package/lib/cjs/RadioGroup.cjs

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('./RadioGroup-68bdc47e.js');
+var RadioGroup = require('./RadioGroup-f6bb12c3.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('react');
 require('./BodyLEmphasis.cjs');
 require('styled-components');
-require('./RadioItem-a989b658.js');
+require('./RadioItem-8d5f6119.js');
 require('./Switches-6717ab0c.js');
 require('./Inputs-0137c1dc.js');
 require('./colors.cjs');

package/lib/cjs/{RadioItem-a989b658.js → RadioItem-8d5f6119.js}

@@ -45,4 +45,4 @@ RadioItem.defaultProps = {
 };
 
 exports.RadioItem = RadioItem;
-//# sourceMappingURL=RadioItem-a989b658.js.map
+//# sourceMappingURL=RadioItem-8d5f6119.js.map

package/lib/cjs/RadioItem-8d5f6119.js.map

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

package/lib/cjs/RadioItem.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioItem = require('./RadioItem-a989b658.js');
+var RadioItem = require('./RadioItem-8d5f6119.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('./Switches-6717ab0c.js');

package/lib/cjs/{StatusDropdown-d4e39f80.js → StatusDropdown-da93a6d5.js}

@@ -34,4 +34,4 @@ var StatusDropdown = function (props) {
 };
 
 exports.StatusDropdown = StatusDropdown;
-//# sourceMappingURL=StatusDropdown-d4e39f80.js.map
+//# sourceMappingURL=StatusDropdown-da93a6d5.js.map

package/lib/cjs/StatusDropdown-da93a6d5.js.map

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

package/lib/cjs/StatusDropdown.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var StatusDropdown = require('./StatusDropdown-d4e39f80.js');
+var StatusDropdown = require('./StatusDropdown-da93a6d5.js');
 require('./_tslib-955e611e.js');
 require('react/jsx-runtime');
 require('./Typography-78d16930.js');

package/lib/cjs/{Stepper-d230e9d3.js → Stepper-7f84921e.js}

@@ -63,8 +63,10 @@ var Step = styled.styled.div(templateObject_6 || (templateObject_6 = _tslib.__ma
 });
 var StepIcon = styled.styled.div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  height: 19px;\n  margin-right: 16px;\n  margin-top: 2px;\n  vertical-align: middle;\n  width: 19px;\n  background-color: ", ";\n  flex-shrink: 0;\n"], ["\n  height: 19px;\n  margin-right: 16px;\n  margin-top: 2px;\n  vertical-align: middle;\n  width: 19px;\n  background-color: ", ";\n  flex-shrink: 0;\n"])), colors.colors.WHITE);
 var CheckBox = styled.styled.div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 50%;\n  height: 100%;\n  padding: 5px;\n"], ["\n  background-color: ", ";\n  border-radius: 50%;\n  height: 100%;\n  padding: 5px;\n"])), function (_a) {
-    var $themeOverride = _a.$themeOverride, theme = _a.theme;
-    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.checkmarkBackgroundColor) || theme.stepper.checkmarkBackgroundColor;
+    var $isAfterActive = _a.$isAfterActive, $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return $isAfterActive
+        ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inactiveCheckmarkBgColor) || theme.stepper.inactiveCheckmarkBgColor
+        : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.checkmarkBackgroundColor) || theme.stepper.checkmarkBackgroundColor;
 });
 var ActiveRadio = styled.styled.div(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 50%;\n  height: 100%;\n  position: relative;\n  width: 100%;\n  &:after {\n    ", ";\n    background-color: ", ";\n    border-radius: 50%;\n  }\n"], ["\n  background-color: ", ";\n  border-radius: 50%;\n  height: 100%;\n  position: relative;\n  width: 100%;\n  &:after {\n    ", ";\n    background-color: ", ";\n    border-radius: 50%;\n  }\n"])), function (_a) {
     var $halo = _a.$halo;
@@ -79,15 +81,19 @@ var StepText = styled.styled(BodyLEmphasis.BodyMSemiBold)(templateObject_10 || (
         ? ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inactiveTextColor) || theme.stepper.inactiveTextColor
         : ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.bodyTextColor) || theme.stepper.bodyTextColor;
 });
-var Footer = styled.styled.div(templateObject_11 || (templateObject_11 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  padding: 39px 0 35px;\n  text-align: center;\n"], ["\n  background-color: ", ";\n  padding: 39px 0 35px;\n  text-align: center;\n"])), function (_a) {
+var HelperText = styled.styled(BodyLEmphasis.BodySPrimary)(templateObject_11 || (templateObject_11 = _tslib.__makeTemplateObject(["\n  color: ", ";\n\tdisplay: block;\n\tfont-style: italic;\n"], ["\n  color: ", ";\n\tdisplay: block;\n\tfont-style: italic;\n"])), function (_a) {
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.helperTextColor) || theme.stepper.helperTextColor;
+});
+var Footer = styled.styled.div(templateObject_12 || (templateObject_12 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  padding: 39px 0 35px;\n  text-align: center;\n"], ["\n  background-color: ", ";\n  padding: 39px 0 35px;\n  text-align: center;\n"])), function (_a) {
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
     return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.footerBackgroundColor) || theme.stepper.footerBackgroundColor;
 });
-var FooterImage = styled.styled.img(templateObject_12 || (templateObject_12 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  max-width: 137px;\n"], ["\n  display: inline-block;\n  max-width: 137px;\n"])));
-var FooterText = styled.styled.div(templateObject_13 || (templateObject_13 = _tslib.__makeTemplateObject(["\n  display: block;\n  margin-top: -3px;\n  padding: 0 ", "px 51px;\n"], ["\n  display: block;\n  margin-top: -3px;\n  padding: 0 ", "px 51px;\n"])), bodyLeftPadding);
+var FooterImage = styled.styled.img(templateObject_13 || (templateObject_13 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  max-width: 137px;\n"], ["\n  display: inline-block;\n  max-width: 137px;\n"])));
+var FooterText = styled.styled.div(templateObject_14 || (templateObject_14 = _tslib.__makeTemplateObject(["\n  display: block;\n  margin-top: -3px;\n  padding: 0 ", "px 51px;\n"], ["\n  display: block;\n  margin-top: -3px;\n  padding: 0 ", "px 51px;\n"])), bodyLeftPadding);
 // ---- storybook ----------------
-styled.styled.div(templateObject_14 || (templateObject_14 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: 6px;\n"], ["\n  display: flex;\n  gap: 6px;\n"])));
-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;
+styled.styled.div(templateObject_15 || (templateObject_15 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: 6px;\n"], ["\n  display: flex;\n  gap: 6px;\n"])));
+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;
 
 var showFooterText = function (_a) {
     var footerText = _a.footerText;
@@ -112,12 +118,19 @@ var Stepper = function (_a) {
     var colorFamilies = theme.colorFamilies;
     var colorGroup = colorFamilyOverride || colorFamilies[colorFamily];
     return (jsxRuntime.jsxs(StepperBase, _tslib.__assign({ "$themeOverride": themeOverride, "$allowedWidth": width }, { children: [jsxRuntime.jsxs(Header, _tslib.__assign({ "$bgColor": colorGroup.hover, "$headerImage": headerImage, "$themeOverride": themeOverride, "data-testid": "stepperHeader" }, { children: [subTitle && jsxRuntime.jsx(SubTitle, _tslib.__assign({ "$textColor": colorGroup.text }, { children: subTitle }), void 0), jsxRuntime.jsx(Title, _tslib.__assign({ "$textColor": colorGroup.text, "$themeOverride": themeOverride }, { children: title }), void 0)] }), void 0), jsxRuntime.jsx(Body, _tslib.__assign({ "$themeOverride": themeOverride }, { children: steps.map(function (_a, index) {
-                    var id = _a.id, label = _a.label;
+                    var helperText = _a.helperText, id = _a.id, label = _a.label;
+                    var activeIndex = steps.findIndex(function (_a) {
+                        var id = _a.id;
+                        return id === activeId;
+                    });
                     var isActive = id === activeId;
                     var isComplete = completedSteps[id];
-                    var isIncomplete = !isActive && !isComplete;
+                    var isAfterActive = !allowFutureClicks && activeIndex >= 0 && index > activeIndex;
+                    var isIncomplete = (!isActive && !isComplete) || (isComplete && isAfterActive && !allowFutureClicks);
                     var clickable = !!stepClick && !isActive && (isComplete || (allowFutureClicks && !disableIncompleteSteps));
-                    return (jsxRuntime.jsxs(Step, _tslib.__assign({ "$clickable": clickable }, (clickable ? { onClick: function () { return stepClick(id); } } : {}), (clickable ? { onKeyPress: function (event) { return pressedEnter.pressedEnter(event) && stepClick(id); } } : {}), (clickable ? { role: "button" } : {}), { tabIndex: clickable ? 0 : -1, "$lastStep": index === steps.length - 1 }, { children: [jsxRuntime.jsx(StepIcon, { children: isActive ? (jsxRuntime.jsx(ActiveRadio, { "$bgColor": colorGroup.hover, "$halo": colorGroup.light, "aria-label": "".concat(label, " is active") }, void 0)) : isComplete ? (jsxRuntime.jsx(CheckBox, _tslib.__assign({ "$themeOverride": themeOverride, "aria-label": "".concat(label, " is complete") }, { children: jsxRuntime.jsx(Check.Check, { fill: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.checkmarkColor) || theme.stepper.checkmarkColor }, void 0) }), void 0)) : (jsxRuntime.jsx(Inactive.Inactive, { fill: colors.colors.COOL_GREY_30 }, void 0)) }, void 0), jsxRuntime.jsx(StepText, _tslib.__assign({ "$isIncomplete": isIncomplete, "$themeOverride": themeOverride }, { children: label }), void 0)] }), id));
+                    return (jsxRuntime.jsxs(Step, _tslib.__assign({ "$clickable": clickable }, (clickable ? { onClick: function () { return stepClick(id); } } : {}), (clickable ? { onKeyPress: function (event) { return pressedEnter.pressedEnter(event) && stepClick(id); } } : {}), (clickable ? { role: "button" } : {}), { tabIndex: clickable ? 0 : -1, "$lastStep": index === steps.length - 1 }, { children: [jsxRuntime.jsx(StepIcon, { children: isActive ? (jsxRuntime.jsx(ActiveRadio, { "$bgColor": colorGroup.hover, "$halo": colorGroup.light, "aria-label": "".concat(label, " is active") }, void 0)) : isComplete ? (jsxRuntime.jsx(CheckBox, _tslib.__assign({ "$isAfterActive": isAfterActive, "$themeOverride": themeOverride, "aria-label": isAfterActive ? "".concat(label, " is inactive, but complete") : "".concat(label, " is complete") }, { children: jsxRuntime.jsx(Check.Check, { fill: isAfterActive
+                                            ? (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inactiveCheckmarkColor) || theme.stepper.inactiveCheckmarkColor
+                                            : (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.checkmarkColor) || theme.stepper.checkmarkColor }, void 0) }), void 0)) : (jsxRuntime.jsx(Inactive.Inactive, { fill: colors.colors.COOL_GREY_30 }, void 0)) }, void 0), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StepText, _tslib.__assign({ "$isIncomplete": isIncomplete, "$themeOverride": themeOverride }, { children: label }), void 0), helperText && jsxRuntime.jsx(HelperText, _tslib.__assign({ "$themeOverride": themeOverride }, { children: helperText }), void 0)] }, void 0)] }), id));
                 }) }), void 0), footerText && jsxRuntime.jsx(FooterText, { children: showFooterText({ footerText: footerText }) }, void 0), footerImage && (jsxRuntime.jsx(Footer, _tslib.__assign({ "$themeOverride": themeOverride, "data-testid": "stepperFooter" }, { children: jsxRuntime.jsx(FooterImage, { src: footerImage }, void 0) }), void 0))] }), void 0));
 };
 Stepper.defaultProps = {
@@ -125,4 +138,4 @@ Stepper.defaultProps = {
 };
 
 exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-d230e9d3.js.map
+//# sourceMappingURL=Stepper-7f84921e.js.map

package/lib/cjs/{Stepper-d230e9d3.js.map → Stepper-7f84921e.js.map}

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