@cerebruminc/cerebellum 11.2.0 → 11.2.1

package/lib/cjs/{CheckboxGroup-0b818a73.js → CheckboxGroup-61c52880.js}

@@ -30,11 +30,11 @@ var CheckboxGroup = function (_a) {
     var activeColor = _a.activeColor, activeValues = _a.activeValues, asteriskColor = _a.asteriskColor, checkboxes = _a.checkboxes, checkboxesGap = _a.checkboxesGap, checkboxSize = _a.checkboxSize, checkColor = _a.checkColor, disableGroup = _a.disableGroup, disabledColor = _a.disabledColor, disabledColorLight = _a.disabledColorLight, disabledLabelColor = _a.disabledLabelColor, failColor = _a.failColor, focusedColor = _a.focusedColor, helperText = _a.helperText, helperTextColor = _a.helperTextColor, inactiveColor = _a.inactiveColor, label = _a.label, labelColor = _a.labelColor, labelGap = _a.labelGap, maxLabelWidth = _a.maxLabelWidth, name = _a.name, noBottomPadding = _a.noBottomPadding, onClick = _a.onClick, required = _a.required, showValidationMessage = _a.showValidationMessage, titleColor = _a.titleColor, validationMessage = _a.validationMessage, wrapText = _a.wrapText, breakText = _a.breakText;
     var theme = styled.useTheme();
     var disabledTextColor = disabledLabelColor || theme.text.disabledColor;
-    return (jsxRuntime.jsxs(CheckboxGroupBase, tslib_es6.__assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [label ? (typeof label === "string" ? (jsxRuntime.jsxs(BodyLEmphasis.BodyXSEmphasis, tslib_es6.__assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [label, required && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : ({ label: label })) : null, helperText && (jsxRuntime.jsx(Switches.HelperText, tslib_es6.__assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsxRuntime.jsx(CheckboxList, tslib_es6.__assign({ "$checkboxesGap": checkboxesGap, "$wrapText": wrapText }, { children: checkboxes.map(function (checkbox) { return (jsxRuntime.jsx(CheckboxItem.CheckboxItem, { label: checkbox.label || checkbox.value, disabled: disableGroup || checkbox.disabled, active: activeValues === null || activeValues === void 0 ? void 0 : activeValues.includes(checkbox.value), onClick: onClick, checkColor: checkColor, activeColor: activeColor, checkboxSize: checkboxSize, disabledColor: disabledColor, disabledColorLight: disabledColorLight, disabledLabelColor: disabledLabelColor, focusedColor: focusedColor, inactiveColor: inactiveColor, labelColor: labelColor, name: name, maxLabelWidth: maxLabelWidth, value: checkbox.value, wrapText: wrapText, breakText: breakText }, checkbox.value)); }) }), void 0), showValidationMessage && jsxRuntime.jsx(Switches.Error, tslib_es6.__assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
+    return (jsxRuntime.jsxs(CheckboxGroupBase, tslib_es6.__assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [label ? (typeof label === "string" ? (jsxRuntime.jsxs(BodyLEmphasis.BodyXSEmphasis, tslib_es6.__assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [label, required && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : (label)) : null, helperText && (jsxRuntime.jsx(Switches.HelperText, tslib_es6.__assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsxRuntime.jsx(CheckboxList, tslib_es6.__assign({ "$checkboxesGap": checkboxesGap, "$wrapText": wrapText }, { children: checkboxes.map(function (checkbox) { return (jsxRuntime.jsx(CheckboxItem.CheckboxItem, { label: checkbox.label || checkbox.value, disabled: disableGroup || checkbox.disabled, active: activeValues === null || activeValues === void 0 ? void 0 : activeValues.includes(checkbox.value), onClick: onClick, checkColor: checkColor, activeColor: activeColor, checkboxSize: checkboxSize, disabledColor: disabledColor, disabledColorLight: disabledColorLight, disabledLabelColor: disabledLabelColor, focusedColor: focusedColor, inactiveColor: inactiveColor, labelColor: labelColor, name: name, maxLabelWidth: maxLabelWidth, value: checkbox.value, wrapText: wrapText, breakText: breakText }, checkbox.value)); }) }), void 0), showValidationMessage && jsxRuntime.jsx(Switches.Error, tslib_es6.__assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
 };
 CheckboxGroup.defaultProps = {
     noBottomPadding: false,
 };
 
 exports.CheckboxGroup = CheckboxGroup;
-//# sourceMappingURL=CheckboxGroup-0b818a73.js.map
+//# sourceMappingURL=CheckboxGroup-61c52880.js.map

package/lib/cjs/CheckboxGroup-61c52880.js.map

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

package/lib/cjs/CheckboxGroup.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckboxGroup = require('./CheckboxGroup-0b818a73.js');
+var CheckboxGroup = require('./CheckboxGroup-61c52880.js');
 require('./tslib.es6-e6f346c4.js');
 require('react/jsx-runtime');
 require('styled-components');

package/lib/cjs/Form.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormikContainer = require('./FormikContainer-22c468a8.js');
+var FormikContainer = require('./FormikContainer-b5e70eec.js');
 var FormWrapper = require('./FormStyles-a203f5d9.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 require('./tslib.es6-e6f346c4.js');
@@ -55,7 +55,7 @@ require('./Checkbox-2f16c7ee.js');
 require('./CheckboxEmpty.cjs');
 require('./CheckboxFull.cjs');
 require('./Switches-c22ccfa1.js');
-require('./CheckboxGroup-0b818a73.js');
+require('./CheckboxGroup-61c52880.js');
 require('./ConfigurableInput-0404c82f.js');
 require('./RadioGroup-83e22272.js');
 require('./RadioItem-ae4d8a2f.js');
@@ -134,7 +134,7 @@ require('./ToggleItem-a297644f.js');
 require('./InlineTextarea.cjs');
 require('./ResizeEnum.cjs');
 require('./Textarea.cjs');
-require('./ToggleGroup-528f2152.js');
+require('./ToggleGroup-9d2d1f75.js');
 require('yup');
 require('./northAmericanNumberingPlanRegex.cjs');
 

package/lib/cjs/{FormikContainer-22c468a8.js → FormikContainer-b5e70eec.js}

@@ -23,7 +23,7 @@ var AddressInput = require('./AddressInput-a192ebc6.js');
 var Inputs = require('./Inputs-cb571a0e.js');
 var ReactDOM = require('react-dom');
 var CheckboxItem = require('./CheckboxItem-41bbef33.js');
-var CheckboxGroup = require('./CheckboxGroup-0b818a73.js');
+var CheckboxGroup = require('./CheckboxGroup-61c52880.js');
 var ConfigurableInput = require('./ConfigurableInput-0404c82f.js');
 var stateAbbreviationLookup = require('./stateAbbreviationLookup.cjs');
 var usCounties = require('./usCounties.cjs');
@@ -66,7 +66,7 @@ var ToggleItem = require('./ToggleItem-a297644f.js');
 var InlineTextarea = require('./InlineTextarea.cjs');
 var Textarea = require('./Textarea.cjs');
 require('./ResizeEnum.cjs');
-var ToggleGroup = require('./ToggleGroup-528f2152.js');
+var ToggleGroup = require('./ToggleGroup-9d2d1f75.js');
 
 /** Used to generate unique IDs. */
 var idCounter = 0;
@@ -1230,4 +1230,4 @@ FormikContainer.defaultProps = {
 };
 
 exports.FormikContainer = FormikContainer;
-//# sourceMappingURL=FormikContainer-22c468a8.js.map
+//# sourceMappingURL=FormikContainer-b5e70eec.js.map

package/lib/cjs/{FormikContainer-22c468a8.js.map → FormikContainer-b5e70eec.js.map}

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

package/lib/cjs/{IconSwitcher-9156a7d0.js → IconSwitcher-a79777ca.js}

@@ -62,6 +62,9 @@ var IconSwitcher = function (props) {
     }, [disabled, selectedOption, textColor]);
     var IconLabel = React.useCallback(function (_a) {
         var option = _a.option;
+        if (!option) {
+            return null;
+        }
         var Icon = option.Icon, iconColor = option.iconColor, id = option.id, label = option.label;
         return (jsxRuntime.jsxs(LabelBox, tslib_es6.__assign({ hoverColor: optionHoverColor }, { children: [jsxRuntime.jsx(LabelIconBox, tslib_es6.__assign({ disabled: option.disabled }, { children: jsxRuntime.jsx(Icon, { fill: iconColor || colors.colors.BLUE_70, title: id }, void 0) }), void 0), jsxRuntime.jsx(Label, tslib_es6.__assign({ disabled: option.disabled, "$textColor": textColor }, { children: label }), void 0)] }), void 0));
     }, [options, optionHoverColor, textColor]);
@@ -81,4 +84,4 @@ IconSwitcher.defaultProps = {
 };
 
 exports.IconSwitcher = IconSwitcher;
-//# sourceMappingURL=IconSwitcher-9156a7d0.js.map
+//# sourceMappingURL=IconSwitcher-a79777ca.js.map

package/lib/cjs/IconSwitcher-a79777ca.js.map

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

package/lib/cjs/IconSwitcher.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var IconSwitcher = require('./IconSwitcher-9156a7d0.js');
+var IconSwitcher = require('./IconSwitcher-a79777ca.js');
 require('./tslib.es6-e6f346c4.js');
 require('react/jsx-runtime');
 require('react');

package/lib/cjs/{ToggleGroup-528f2152.js → ToggleGroup-9d2d1f75.js}

@@ -28,7 +28,7 @@ var ToggleGroup = function (props) {
     var activeValues = props.activeValues, asteriskColor = props.asteriskColor, disabledLabelColor = props.disabledLabelColor, disableGroup = props.disableGroup, failColor = props.failColor, helperText = props.helperText, helperTextColor = props.helperTextColor, toggleGroupLabel = props.toggleGroupLabel, noBottomPadding = props.noBottomPadding, onToggle = props.onToggle, required = props.required, showValidationMessage = props.showValidationMessage, toggles = props.toggles, titleColor = props.titleColor, labelGap = props.labelGap, togglesGap = props.togglesGap, validationMessage = props.validationMessage;
     var theme = styled.useTheme();
     var disabledTextColor = disabledLabelColor || theme.text.disabledColor;
-    return (jsxRuntime.jsxs(ToggleGroupBase, tslib_es6.__assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [toggleGroupLabel ? (typeof toggleGroupLabel === "string" ? (jsxRuntime.jsxs(BodyLEmphasis.BodyXSEmphasis, tslib_es6.__assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [toggleGroupLabel, required && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : ({ toggleGroupLabel: toggleGroupLabel })) : null, helperText && (jsxRuntime.jsx(Switches.HelperText, tslib_es6.__assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsxRuntime.jsx(ToggleList, tslib_es6.__assign({ "$togglesGap": togglesGap }, { children: toggles.map(function (_a) {
+    return (jsxRuntime.jsxs(ToggleGroupBase, tslib_es6.__assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [toggleGroupLabel ? (typeof toggleGroupLabel === "string" ? (jsxRuntime.jsxs(BodyLEmphasis.BodyXSEmphasis, tslib_es6.__assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [toggleGroupLabel, required && (jsxRuntime.jsx(Inputs.Asterisk, tslib_es6.__assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: toggleGroupLabel }, void 0))) : null, helperText && (jsxRuntime.jsx(Switches.HelperText, tslib_es6.__assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsxRuntime.jsx(ToggleList, tslib_es6.__assign({ "$togglesGap": togglesGap }, { children: toggles.map(function (_a) {
                     var value = _a.value, label = _a.label, disabled = _a.disabled;
                     return (React.createElement(ToggleItem.ToggleItem, tslib_es6.__assign({}, props, { key: value, active: activeValues === null || activeValues === void 0 ? void 0 : activeValues.includes(value), label: label, disabled: disableGroup || disabled, onToggle: onToggle, value: value })));
                 }) }), void 0), showValidationMessage && jsxRuntime.jsx(Switches.Error, tslib_es6.__assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
@@ -38,4 +38,4 @@ ToggleGroup.defaultProps = {
 };
 
 exports.ToggleGroup = ToggleGroup;
-//# sourceMappingURL=ToggleGroup-528f2152.js.map
+//# sourceMappingURL=ToggleGroup-9d2d1f75.js.map

package/lib/cjs/ToggleGroup-9d2d1f75.js.map

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

package/lib/cjs/ToggleGroup.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ToggleGroup = require('./ToggleGroup-528f2152.js');
+var ToggleGroup = require('./ToggleGroup-9d2d1f75.js');
 require('./tslib.es6-e6f346c4.js');
 require('react');
 require('react/jsx-runtime');

package/lib/cjs/index.cjs

@@ -22,7 +22,7 @@ var TextButton = require('./TextButton.cjs');
 var ButtonVariantEnum = require('./ButtonVariantEnum.cjs');
 var Checkbox = require('./Checkbox-2f16c7ee.js');
 var CheckboxItem = require('./CheckboxItem-41bbef33.js');
-var CheckboxGroup = require('./CheckboxGroup-0b818a73.js');
+var CheckboxGroup = require('./CheckboxGroup-61c52880.js');
 var ClearableTag = require('./ClearableTag-de4fe183.js');
 var ClickOutHandler = require('./ClickOutHandler-71cd48fb.js');
 var ColorButton = require('./ColorButton-ed76d173.js');
@@ -46,7 +46,7 @@ var helpers = require('./helpers-b07f14f3.js');
 var DrawerDivider = require('./DrawerDivider-4d38a3df.js');
 var EmailInput = require('./EmailInput-91f2b622.js');
 var Footer = require('./Footer.cjs');
-var FormikContainer = require('./FormikContainer-22c468a8.js');
+var FormikContainer = require('./FormikContainer-b5e70eec.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 var FiltersBar = require('./FiltersBar-90bccccc.js');
 var HorizontalTabMenu = require('./HorizontalTabMenu-bc121d93.js');
@@ -105,7 +105,7 @@ var ResizeEnum = require('./ResizeEnum.cjs');
 var TextLink = require('./TextLink-197a70a8.js');
 var Toggle = require('./Toggle-a0870c06.js');
 var ToggleButtons = require('./ToggleButtons-05ab2e6b.js');
-var ToggleGroup = require('./ToggleGroup-528f2152.js');
+var ToggleGroup = require('./ToggleGroup-9d2d1f75.js');
 var ToggleItem = require('./ToggleItem-a297644f.js');
 var Tooltip = require('./Tooltip-553dd898.js');
 var TooltipLabel = require('./TooltipLabel-51b8084b.js');
@@ -128,7 +128,7 @@ var CountyDropdown = require('./CountyDropdown-5b6850fc.js');
 var DescriptiveDropdownInput = require('./DescriptiveDropdownInput-9f3a7914.js');
 var DropdownButton = require('./DropdownButton-1b23f002.js');
 var DropdownInput = require('./DropdownInput-46078427.js');
-var IconSwitcher = require('./IconSwitcher-9156a7d0.js');
+var IconSwitcher = require('./IconSwitcher-a79777ca.js');
 var InlineDescriptiveDropdown = require('./InlineDescriptiveDropdown-bfebd9ac.js');
 var InlineDropdown = require('./InlineDropdown-1e979ef7.js');
 var MoreMenuButton = require('./MoreMenuButton-224bb177.js');

package/lib/esm/{CheckboxGroup-c82d22bd.js → CheckboxGroup-05dc484c.js}

@@ -28,11 +28,11 @@ var CheckboxGroup = function (_a) {
     var activeColor = _a.activeColor, activeValues = _a.activeValues, asteriskColor = _a.asteriskColor, checkboxes = _a.checkboxes, checkboxesGap = _a.checkboxesGap, checkboxSize = _a.checkboxSize, checkColor = _a.checkColor, disableGroup = _a.disableGroup, disabledColor = _a.disabledColor, disabledColorLight = _a.disabledColorLight, disabledLabelColor = _a.disabledLabelColor, failColor = _a.failColor, focusedColor = _a.focusedColor, helperText = _a.helperText, helperTextColor = _a.helperTextColor, inactiveColor = _a.inactiveColor, label = _a.label, labelColor = _a.labelColor, labelGap = _a.labelGap, maxLabelWidth = _a.maxLabelWidth, name = _a.name, noBottomPadding = _a.noBottomPadding, onClick = _a.onClick, required = _a.required, showValidationMessage = _a.showValidationMessage, titleColor = _a.titleColor, validationMessage = _a.validationMessage, wrapText = _a.wrapText, breakText = _a.breakText;
     var theme = useTheme();
     var disabledTextColor = disabledLabelColor || theme.text.disabledColor;
-    return (jsxs(CheckboxGroupBase, __assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [label ? (typeof label === "string" ? (jsxs(BodyXSEmphasis, __assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [label, required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : ({ label: label })) : null, helperText && (jsx(HelperText, __assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsx(CheckboxList, __assign({ "$checkboxesGap": checkboxesGap, "$wrapText": wrapText }, { children: checkboxes.map(function (checkbox) { return (jsx(CheckboxItem, { label: checkbox.label || checkbox.value, disabled: disableGroup || checkbox.disabled, active: activeValues === null || activeValues === void 0 ? void 0 : activeValues.includes(checkbox.value), onClick: onClick, checkColor: checkColor, activeColor: activeColor, checkboxSize: checkboxSize, disabledColor: disabledColor, disabledColorLight: disabledColorLight, disabledLabelColor: disabledLabelColor, focusedColor: focusedColor, inactiveColor: inactiveColor, labelColor: labelColor, name: name, maxLabelWidth: maxLabelWidth, value: checkbox.value, wrapText: wrapText, breakText: breakText }, checkbox.value)); }) }), void 0), showValidationMessage && jsx(Error, __assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
+    return (jsxs(CheckboxGroupBase, __assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [label ? (typeof label === "string" ? (jsxs(BodyXSEmphasis, __assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [label, required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : (label)) : null, helperText && (jsx(HelperText, __assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsx(CheckboxList, __assign({ "$checkboxesGap": checkboxesGap, "$wrapText": wrapText }, { children: checkboxes.map(function (checkbox) { return (jsx(CheckboxItem, { label: checkbox.label || checkbox.value, disabled: disableGroup || checkbox.disabled, active: activeValues === null || activeValues === void 0 ? void 0 : activeValues.includes(checkbox.value), onClick: onClick, checkColor: checkColor, activeColor: activeColor, checkboxSize: checkboxSize, disabledColor: disabledColor, disabledColorLight: disabledColorLight, disabledLabelColor: disabledLabelColor, focusedColor: focusedColor, inactiveColor: inactiveColor, labelColor: labelColor, name: name, maxLabelWidth: maxLabelWidth, value: checkbox.value, wrapText: wrapText, breakText: breakText }, checkbox.value)); }) }), void 0), showValidationMessage && jsx(Error, __assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
 };
 CheckboxGroup.defaultProps = {
     noBottomPadding: false,
 };
 
 export { CheckboxGroup as C };
-//# sourceMappingURL=CheckboxGroup-c82d22bd.js.map
+//# sourceMappingURL=CheckboxGroup-05dc484c.js.map

package/lib/esm/CheckboxGroup-05dc484c.js.map

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

package/lib/esm/CheckboxGroup.js

@@ -1,4 +1,4 @@
-export { C as CheckboxGroup } from './CheckboxGroup-c82d22bd.js';
+export { C as CheckboxGroup } from './CheckboxGroup-05dc484c.js';
 import './tslib.es6-1648722c.js';
 import 'react/jsx-runtime';
 import 'styled-components';

package/lib/esm/Form.js

@@ -1,4 +1,4 @@
-export { F as Form } from './FormikContainer-b1005e89.js';
+export { F as Form } from './FormikContainer-b144e3b9.js';
 export { F as FormWrapper } from './FormStyles-8d53d823.js';
 export { FormFieldTypeEnum, RemovableFieldTypeEnum } from './FormFieldTypeEnum.js';
 import './tslib.es6-1648722c.js';
@@ -51,7 +51,7 @@ import './Checkbox-702a7fea.js';
 import './CheckboxEmpty.js';
 import './CheckboxFull.js';
 import './Switches-0c0b95dd.js';
-import './CheckboxGroup-c82d22bd.js';
+import './CheckboxGroup-05dc484c.js';
 import './ConfigurableInput-90ed2416.js';
 import './RadioGroup-316e2368.js';
 import './RadioItem-66b2fe64.js';
@@ -130,7 +130,7 @@ import './ToggleItem-60a9909b.js';
 import './InlineTextarea.js';
 import './ResizeEnum.js';
 import './Textarea.js';
-import './ToggleGroup-b78d47b9.js';
+import './ToggleGroup-87825bf3.js';
 import 'yup';
 import './northAmericanNumberingPlanRegex.js';
 //# sourceMappingURL=Form.js.map

package/lib/esm/{FormikContainer-b1005e89.js → FormikContainer-b144e3b9.js}

@@ -21,7 +21,7 @@ import { A as AddressInput } from './AddressInput-8408e58c.js';
 import { A as Asterisk } from './Inputs-68e62601.js';
 import { flushSync } from 'react-dom';
 import { C as CheckboxItem } from './CheckboxItem-ea3b44d8.js';
-import { C as CheckboxGroup } from './CheckboxGroup-c82d22bd.js';
+import { C as CheckboxGroup } from './CheckboxGroup-05dc484c.js';
 import { C as ConfigurableInput } from './ConfigurableInput-90ed2416.js';
 import { stateAbbreviationLookup } from './stateAbbreviationLookup.js';
 import { usCounties } from './usCounties.js';
@@ -64,7 +64,7 @@ import { T as ToggleItem } from './ToggleItem-60a9909b.js';
 import { InlineTextarea } from './InlineTextarea.js';
 import { Textarea } from './Textarea.js';
 import './ResizeEnum.js';
-import { T as ToggleGroup } from './ToggleGroup-b78d47b9.js';
+import { T as ToggleGroup } from './ToggleGroup-87825bf3.js';
 
 /** Used to generate unique IDs. */
 var idCounter = 0;
@@ -1228,4 +1228,4 @@ FormikContainer.defaultProps = {
 };
 
 export { FormikContainer as F };
-//# sourceMappingURL=FormikContainer-b1005e89.js.map
+//# sourceMappingURL=FormikContainer-b144e3b9.js.map

package/lib/esm/{FormikContainer-b1005e89.js.map → FormikContainer-b144e3b9.js.map}

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

package/lib/esm/{IconSwitcher-74f97895.js → IconSwitcher-8cff450c.js}

@@ -60,6 +60,9 @@ var IconSwitcher = function (props) {
     }, [disabled, selectedOption, textColor]);
     var IconLabel = useCallback(function (_a) {
         var option = _a.option;
+        if (!option) {
+            return null;
+        }
         var Icon = option.Icon, iconColor = option.iconColor, id = option.id, label = option.label;
         return (jsxs(LabelBox, __assign({ hoverColor: optionHoverColor }, { children: [jsx(LabelIconBox, __assign({ disabled: option.disabled }, { children: jsx(Icon, { fill: iconColor || colors.BLUE_70, title: id }, void 0) }), void 0), jsx(Label, __assign({ disabled: option.disabled, "$textColor": textColor }, { children: label }), void 0)] }), void 0));
     }, [options, optionHoverColor, textColor]);
@@ -79,4 +82,4 @@ IconSwitcher.defaultProps = {
 };
 
 export { IconSwitcher as I };
-//# sourceMappingURL=IconSwitcher-74f97895.js.map
+//# sourceMappingURL=IconSwitcher-8cff450c.js.map

package/lib/esm/IconSwitcher-8cff450c.js.map

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

package/lib/esm/IconSwitcher.js

@@ -1,4 +1,4 @@
-export { I as IconSwitcher } from './IconSwitcher-74f97895.js';
+export { I as IconSwitcher } from './IconSwitcher-8cff450c.js';
 import './tslib.es6-1648722c.js';
 import 'react/jsx-runtime';
 import 'react';

package/lib/esm/{ToggleGroup-b78d47b9.js → ToggleGroup-87825bf3.js}

@@ -1,6 +1,6 @@
 import { a as __makeTemplateObject, _ as __assign } from './tslib.es6-1648722c.js';
 import { createElement } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { styled, useTheme } from 'styled-components';
 import { T as ToggleItem } from './ToggleItem-60a9909b.js';
 import { BodyXSEmphasis } from './BodyLEmphasis.js';
@@ -26,7 +26,7 @@ var ToggleGroup = function (props) {
     var activeValues = props.activeValues, asteriskColor = props.asteriskColor, disabledLabelColor = props.disabledLabelColor, disableGroup = props.disableGroup, failColor = props.failColor, helperText = props.helperText, helperTextColor = props.helperTextColor, toggleGroupLabel = props.toggleGroupLabel, noBottomPadding = props.noBottomPadding, onToggle = props.onToggle, required = props.required, showValidationMessage = props.showValidationMessage, toggles = props.toggles, titleColor = props.titleColor, labelGap = props.labelGap, togglesGap = props.togglesGap, validationMessage = props.validationMessage;
     var theme = useTheme();
     var disabledTextColor = disabledLabelColor || theme.text.disabledColor;
-    return (jsxs(ToggleGroupBase, __assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [toggleGroupLabel ? (typeof toggleGroupLabel === "string" ? (jsxs(BodyXSEmphasis, __assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [toggleGroupLabel, required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : ({ toggleGroupLabel: toggleGroupLabel })) : null, helperText && (jsx(HelperText, __assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsx(ToggleList, __assign({ "$togglesGap": togglesGap }, { children: toggles.map(function (_a) {
+    return (jsxs(ToggleGroupBase, __assign({ "$labelGap": labelGap, "$noBottomPadding": noBottomPadding }, { children: [toggleGroupLabel ? (typeof toggleGroupLabel === "string" ? (jsxs(BodyXSEmphasis, __assign({ "$textColor": disableGroup ? disabledTextColor : titleColor }, { children: [toggleGroupLabel, required && (jsx(Asterisk, __assign({ "aria-label": "Required", "$asteriskColor": asteriskColor }, { children: "*" }), void 0))] }), void 0)) : (jsx(Fragment, { children: toggleGroupLabel }, void 0))) : null, helperText && (jsx(HelperText, __assign({ "$disabled": disableGroup, "$disabledColor": disabledTextColor, "$helperTextColor": helperTextColor }, { children: helperText }), void 0)), jsx(ToggleList, __assign({ "$togglesGap": togglesGap }, { children: toggles.map(function (_a) {
                     var value = _a.value, label = _a.label, disabled = _a.disabled;
                     return (createElement(ToggleItem, __assign({}, props, { key: value, active: activeValues === null || activeValues === void 0 ? void 0 : activeValues.includes(value), label: label, disabled: disableGroup || disabled, onToggle: onToggle, value: value })));
                 }) }), void 0), showValidationMessage && jsx(Error, __assign({ "$failColor": failColor }, { children: validationMessage }), void 0)] }), void 0));
@@ -36,4 +36,4 @@ ToggleGroup.defaultProps = {
 };
 
 export { ToggleGroup as T };
-//# sourceMappingURL=ToggleGroup-b78d47b9.js.map
+//# sourceMappingURL=ToggleGroup-87825bf3.js.map

package/lib/esm/ToggleGroup-87825bf3.js.map

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

package/lib/esm/ToggleGroup.js

@@ -1,4 +1,4 @@
-export { T as ToggleGroup } from './ToggleGroup-b78d47b9.js';
+export { T as ToggleGroup } from './ToggleGroup-87825bf3.js';
 import './tslib.es6-1648722c.js';
 import 'react';
 import 'react/jsx-runtime';

package/lib/esm/index.js

@@ -20,7 +20,7 @@ export { TextButton } from './TextButton.js';
 export { ButtonVariantEnum } from './ButtonVariantEnum.js';
 export { C as Checkbox } from './Checkbox-702a7fea.js';
 export { C as CheckboxItem } from './CheckboxItem-ea3b44d8.js';
-export { C as CheckboxGroup } from './CheckboxGroup-c82d22bd.js';
+export { C as CheckboxGroup } from './CheckboxGroup-05dc484c.js';
 export { C as ClearableTag } from './ClearableTag-6d18403d.js';
 export { C as ClickOutHandler } from './ClickOutHandler-1bb9b06e.js';
 export { C as ColorButton } from './ColorButton-5cc3f460.js';
@@ -47,7 +47,7 @@ import { A as ASTERISK_OFFSET_SPACE } from './helpers-e2f33583.js';
 export { D as DrawerDivider } from './DrawerDivider-1dbb3312.js';
 export { E as EmailInput } from './EmailInput-32bd8b8a.js';
 export { Footer } from './Footer.js';
-export { F as Form } from './FormikContainer-b1005e89.js';
+export { F as Form } from './FormikContainer-b144e3b9.js';
 export { FormFieldTypeEnum, RemovableFieldTypeEnum } from './FormFieldTypeEnum.js';
 export { F as FiltersBar } from './FiltersBar-2a734d5f.js';
 export { H as HorizontalTabMenu } from './HorizontalTabMenu-8775f37d.js';
@@ -109,7 +109,7 @@ export { ResizeEnum } from './ResizeEnum.js';
 export { T as TextLink } from './TextLink-ae7a4ea6.js';
 export { T as Toggle } from './Toggle-02d8a391.js';
 export { T as ToggleButtons } from './ToggleButtons-bc952ec3.js';
-export { T as ToggleGroup } from './ToggleGroup-b78d47b9.js';
+export { T as ToggleGroup } from './ToggleGroup-87825bf3.js';
 export { T as ToggleItem } from './ToggleItem-60a9909b.js';
 export { T as Tooltip } from './Tooltip-9a18d45a.js';
 export { T as TooltipLabel } from './TooltipLabel-6447e19e.js';
@@ -132,7 +132,7 @@ export { C as CountyDropdown } from './CountyDropdown-c78659e7.js';
 export { D as DescriptiveDropdownInput } from './DescriptiveDropdownInput-ca7c7f4a.js';
 export { D as DropdownButton } from './DropdownButton-447eb556.js';
 export { D as DropdownInput } from './DropdownInput-8753ea37.js';
-export { I as IconSwitcher } from './IconSwitcher-74f97895.js';
+export { I as IconSwitcher } from './IconSwitcher-8cff450c.js';
 export { I as InlineDescriptiveDropdown } from './InlineDescriptiveDropdown-f237503f.js';
 export { I as InlineDropdown } from './InlineDropdown-2b8df111.js';
 export { M as MoreMenuButton } from './MoreMenuButton-7bc8fc43.js';

package/lib/types/src/SharedStorybook/ComponentLabel.d.ts

@@ -1,10 +1,10 @@
 import { FC } from "react";
-export declare const ComponentLabel: JSX.Element;
-export declare const ComponentLabelFC: (text?: string) => JSX.Element;
-export declare const SmallComponentLabel: JSX.Element;
+export declare const ComponentLabel: import("react/jsx-runtime").JSX.Element;
+export declare const ComponentLabelFC: (text?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const SmallComponentLabel: import("react/jsx-runtime").JSX.Element;
 interface TooltipFCTextType {
     open?: boolean;
 }
 export declare const TooltipFCText: FC<TooltipFCTextType>;
-export declare const VersionLabel: () => JSX.Element;
+export declare const VersionLabel: () => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/src/SharedStorybook/DocStyles.d.ts

@@ -4,13 +4,13 @@ export declare const Description: import("styled-components").IStyledComponent<"
 export declare const Table: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const Row: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const Col1: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
-export declare const Col2: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Col2: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const Col3: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Col3: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const Col4: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Col4: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>, keyof import("react").Component<any, {}, any>>;
 export declare const ContainsFixed: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/types/src/assets/CerebrumLogo.d.ts

@@ -1 +1 @@
-export declare const CerebrumLogo: (props: any) => JSX.Element;
+export declare const CerebrumLogo: (props: any) => import("react/jsx-runtime").JSX.Element;

package/lib/types/src/assets/EmptySearchIcon.d.ts

@@ -1,2 +1,2 @@
-export declare const EmptySearchIcon: () => JSX.Element;
+export declare const EmptySearchIcon: () => import("react/jsx-runtime").JSX.Element;
 export default EmptySearchIcon;

package/lib/types/src/components/AddressInput/AddressInputErrorBoundary.d.ts

@@ -6,5 +6,5 @@ export declare class AddressInputErrorBoundary extends React.Component<ErrorBoun
         hasError: boolean;
     };
     componentDidCatch(error: any, errorInfo: any): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }

package/lib/types/src/components/Button/ButtonComponentStyles.d.ts

@@ -2,10 +2,10 @@
 import { ButtonElementProps, IconProps, TextProps, TextBackgroundProps, UnderlineProps, HiddenLoadingBoxProps, LoadingBoxProps } from "./types";
 export declare const ButtonElement: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonElementProps>>;
 export declare const IconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IconProps>>;
-export declare const BackIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IconProps> & IconProps, "key" | keyof IconProps | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+export declare const BackIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IconProps> & IconProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IconProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const NextIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IconProps> & IconProps, "key" | keyof IconProps | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+export declare const NextIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IconProps> & IconProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IconProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextProps>>;

package/lib/types/src/components/Button/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, KeyboardEvent, MouseEvent } from "react";
+import { KeyboardEvent, MouseEvent } from "react";
 import { IconType } from "../Icons";
 import { ColorFamilyType } from "../../sharedTypes/types";
 import { ButtonColorFamilyEnum } from "../../sharedTypes/enums";
@@ -81,7 +81,7 @@ export interface ButtonType {
     /** target HTML anchor. Only applied when useA is true. */
     target?: string;
     /** Button text. Keep this brief (text should never wrap in a button). */
-    text: string | FC | JSX.Element;
+    text: React.ReactNode;
     textButton?: boolean;
     /** Button text font size, in pixels  THEME PROP: default is 15   */
     textFontSize?: number;

package/lib/types/src/components/CheckboxGroup/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC } from "react";
+import { ChangeEvent } from "react";
 import { SwitchGroupSwitchType } from "../../sharedTypes/types";
 import { CheckboxItemType } from "../CheckboxItem/types";
 export interface CheckboxGroupType extends Omit<CheckboxItemType, "active" | "disabled" | "label" | "onClick" | "value"> {
@@ -19,7 +19,7 @@ export interface CheckboxGroupType extends Omit<CheckboxItemType, "active" | "di
     /** The color for the helper text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** The label for CheckboxGroup. Not required, but strongly recommended */
-    label?: string | FC | JSX.Element;
+    label?: React.ReactNode;
     /** Margin at the bottom of the title */
     labelGap?: number;
     /** Removes the bottom padding. This padding is necessary if you're using the `validationMessage` */

package/lib/types/src/components/CheckboxItem/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC } from "react";
+import { ChangeEvent } from "react";
 export interface CheckboxItemType {
     /** Is the Checkbox active or not */
     active: boolean;
@@ -27,7 +27,7 @@ export interface CheckboxItemType {
     /** The checkbox's inactive color. Uses checkbox theme inactiveColor by default. THEME PROP: default is COOL_GREY_25 */
     inactiveColor?: string;
     /** Text to accompany the checkbox. Overrides value in the UI if present */
-    label?: string | FC | JSX.Element;
+    label?: React.ReactNode;
     /** The label color. THEME PROP: default is BodySPrimary color*/
     labelColor?: string;
     /** Maximum width for the label */

package/lib/types/src/components/ConfirmModal/ConfirmModalStyles.d.ts

@@ -2,10 +2,10 @@
 import { HeaderProps, TextProps, ButtonGroupProps, BoundingBoxProps } from "./types";
 export declare const BoundingBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoundingBoxProps>>;
 export declare const IconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
 }, HeaderProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, TextProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const ButtonGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ButtonGroupProps>>;

package/lib/types/src/components/ConfirmModal/types.d.ts

@@ -1,11 +1,11 @@
 import { ButtonColorFamilyEnum } from "../../sharedTypes/enums";
 import { ColorFamilyType } from "../../sharedTypes/types";
-import { FC, ReactNode } from "react";
+import { ReactNode } from "react";
 import { IconType } from "./../Icons";
 export interface ConfirmModalType {
     children?: ReactNode;
     /** The large, bold text for the ConfirmModal. Keep it short. */
-    header?: string | FC | JSX.Element;
+    header?: React.ReactNode;
     /** A Cerebellum Icon component. Appears above the header  */
     Icon?: IconType;
     /** Displays a primary button, and is called when it is clicked. Not required, but it should be. */
@@ -35,7 +35,7 @@ export interface ConfirmModalType {
     /** Displays the Modal, or not */
     show: boolean;
     /** The secondary text for the ConfirmModal. Expands on what is in the header. */
-    text?: string | FC | JSX.Element;
+    text?: React.ReactNode;
     /** You can override the theme by passing a `themeOverride` object. See below for the available props. */
     themeOverride?: ThemeOverride;
 }

package/lib/types/src/components/ConfirmationModal/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Props, State } from "./types";
 export declare class Button extends React.PureComponent<Props, State> {
-    renderButtonComponent(): JSX.Element;
-    render(): JSX.Element;
+    renderButtonComponent(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lib/types/src/components/CreditCardInput/types.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { InlineCreditCardInputType } from "../InlineCreditCardInput/types";
 export interface CreditCardInputType extends Omit<InlineCreditCardInputType, "trailingTextColor"> {
     /** Required asterisk color. THEME PROP: default is colors.BLUE_70 */
@@ -8,7 +8,7 @@ export interface CreditCardInputType extends Omit<InlineCreditCardInputType, "tr
     /** The helper text color. Also used for trailing text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROPS: default is colors.COOL_GREY_80 */
     labelColor?: string;
     /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */