@kaizen/components 0.0.0-canary-debug-kaizen-provider-final-20250107212529 → 0.0.0-canary-fix-filter-select-jump-issue-useHasStableYPosition-20250120225815

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -18,18 +18,18 @@ const InputSearch = /*#__PURE__*/function () {
       classNameOverride = props.classNameOverride,
       disabled = props.disabled,
       _a = props.reversed,
-      reversed = _a === void 0 ? false : _a,
+      reversed = _a === undefined ? false : _a,
       _b = props.loading,
-      loading = _b === void 0 ? false : _b,
+      loading = _b === undefined ? false : _b,
       _c = props.secondary,
-      secondary = _c === void 0 ? false : _c,
+      secondary = _c === undefined ? false : _c,
       restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
     var formatMessage = useIntl().formatMessage;
     var inputRef = useRef(null);
     var handleOnClear = function () {
       var _a;
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      onClear === null || onClear === void 0 ? void 0 : onClear();
+      (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
+      onClear === null || onClear === undefined ? undefined : onClear();
     };
     var clearButtonLabel = formatMessage({
       id: 'inputSearch.clear',
@@ -40,11 +40,11 @@ const InputSearch = /*#__PURE__*/function () {
       className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.startIconAdornment
-    }, loading ? ( /*#__PURE__*/React.createElement(LoadingSpinner, {
+    }, loading ? (/*#__PURE__*/React.createElement(LoadingSpinner, {
       accessibilityLabel: "",
       size: "sm",
       classNameOverride: styles.loadingSpinner
-    })) : ( /*#__PURE__*/React.createElement(Icon, {
+    })) : (/*#__PURE__*/React.createElement(Icon, {
       name: "search",
       isPresentational: true
     }))), /*#__PURE__*/React.createElement("input", __assign({
@@ -57,7 +57,7 @@ const InputSearch = /*#__PURE__*/function () {
       readOnly: onChange === undefined
     }, restProps)), /*#__PURE__*/React.createElement("div", {
       className: styles.focusRing
-    }), value && ( /*#__PURE__*/React.createElement(ClearButton, {
+    }), value && (/*#__PURE__*/React.createElement(ClearButton, {
       isReversed: reversed,
       onClick: handleOnClear,
       disabled: disabled,

package/dist/esm/KaizenProvider/KaizenProvider.mjs

@@ -10,7 +10,7 @@ const KaizenProvider = /*#__PURE__*/function () {
   const KaizenProvider = function (_a) {
     var children = _a.children,
       _b = _a.locale,
-      locale = _b === void 0 ? 'en' : _b;
+      locale = _b === undefined ? 'en' : _b;
     var _c = useState(false),
       documentIsAvailable = _c[0],
       setDocumentIsAvailable = _c[1];

package/dist/esm/Label/Label.mjs

@@ -6,15 +6,15 @@ const Label = /*#__PURE__*/function () {
   const Label = function (_a) {
     var children = _a.children,
       _b = _a.labelText,
-      labelText = _b === void 0 ? '' : _b,
+      labelText = _b === undefined ? '' : _b,
       _c = _a.labelType,
-      labelType = _c === void 0 ? 'text' : _c,
+      labelType = _c === undefined ? 'text' : _c,
       _d = _a.labelPosition,
-      labelPosition = _d === void 0 ? 'end' : _d,
+      labelPosition = _d === undefined ? 'end' : _d,
       _e = _a.reversed,
-      reversed = _e === void 0 ? false : _e,
+      reversed = _e === undefined ? false : _e,
       _f = _a.variant,
-      variant = _f === void 0 ? 'default' : _f,
+      variant = _f === undefined ? 'default' : _f,
       disabled = _a.disabled,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -22,7 +22,7 @@ var LikertScaleLegacy = function (_a) {
     selectedItem = _a.selectedItem,
     reversed = _a.reversed,
     _d = _a.colorSchema,
-    colorSchema = _d === void 0 ? 'classical' : _d,
+    colorSchema = _d === undefined ? 'classical' : _d,
     dataTestId = _a["data-testid"],
     onSelect = _a.onSelect,
     validationMessage = _a.validationMessage,
@@ -40,11 +40,11 @@ var LikertScaleLegacy = function (_a) {
   var handleRadioClick = function (item) {
     var _a;
     // Is this a click on the item that is currently selected?
-    var isClickOnSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    var isClickOnSelectedItem = (selectedItem === null || selectedItem === undefined ? undefined : selectedItem.value) === item.value;
     // Grab "Not rated" state item from the scale, its value is -1
     var notYetRated = (_a = scale.find(function (s) {
       return s.value === -1;
-    })) !== null && _a !== void 0 ? _a : null;
+    })) !== null && _a !== undefined ? _a : null;
     // Clear or set new selection
     var newItem = isClickOnSelectedItem ? notYetRated : item;
     onSelect(newItem);
@@ -60,15 +60,15 @@ var LikertScaleLegacy = function (_a) {
       event.preventDefault();
       onSelect((_a = scale.find(function (s) {
         return s.value === newPosition;
-      })) !== null && _a !== void 0 ? _a : null);
+      })) !== null && _a !== undefined ? _a : null);
       // Update focus
       var itemRef = itemRefs.find(function (item) {
         return item.value === newPosition;
       });
-      (_c = (_b = itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+      (_c = (_b = itemRef === null || itemRef === undefined ? undefined : itemRef.ref) === null || _b === undefined ? undefined : _b.current) === null || _c === undefined ? undefined : _c.focus();
     }
   };
-  var legend = (_c = (_b = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) !== null && _b !== void 0 ? _b : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _c !== void 0 ? _c : 'Not rated';
+  var legend = (_c = (_b = hoveredItem === null || hoveredItem === undefined ? undefined : hoveredItem.label) !== null && _b !== undefined ? _b : selectedItem === null || selectedItem === undefined ? undefined : selectedItem.label) !== null && _c !== undefined ? _c : 'Not rated';
   var shouldDisplayValidationMessage = status !== 'default' && validationMessage !== undefined;
   var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
   var isRated = selectedItem && selectedItem.value > 0;
@@ -91,7 +91,7 @@ var LikertScaleLegacy = function (_a) {
     if (item.value <= 0) {
       return;
     }
-    var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
+    var isSelectedItem = (selectedItem === null || selectedItem === undefined ? undefined : selectedItem.value) === item.value;
     var itemRef = itemRefs.find(function (i) {
       return item.value === i.value;
     });
@@ -101,7 +101,7 @@ var LikertScaleLegacy = function (_a) {
     if (selectedItem && selectedItem.value > 0 && selectedItem.value !== item.value) {
       tabIndex = -1;
     }
-    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
+    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === undefined ? undefined : selectedItem.value) && !hoveredItem;
     var isSuggested = hoveredItem && hoveredItem.value >= item.value;
     var isUnselected = selectedItem && selectedItem.value < item.value;
     return /*#__PURE__*/React.createElement("div", {
@@ -132,11 +132,11 @@ var LikertScaleLegacy = function (_a) {
       "aria-posinset": item.value,
       "aria-setsize": 5,
       tabIndex: tabIndex,
-      ref: itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref
+      ref: itemRef === null || itemRef === undefined ? undefined : itemRef.ref
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
     }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
-  })), shouldDisplayValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+  })), shouldDisplayValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
     id: validationMessageId,
     message: validationMessage,
     status: status,

package/dist/esm/LikertScaleLegacy/utils/determineSelectionFromKeyPress.mjs

@@ -35,13 +35,13 @@ var oneSelectionForward = function (value) {
     return 1;
   }
   var calculatedPosition = SCALE_VALUE_RESPONSE.get(value + 1);
-  return calculatedPosition !== null && calculatedPosition !== void 0 ? calculatedPosition : null;
+  return calculatedPosition !== null && calculatedPosition !== undefined ? calculatedPosition : null;
 };
 var oneSelectionBackward = function (value) {
   if (value === 1) {
     return 5;
   }
   var calculatedPosition = SCALE_VALUE_RESPONSE.get(value - 1);
-  return calculatedPosition !== null && calculatedPosition !== void 0 ? calculatedPosition : null;
+  return calculatedPosition !== null && calculatedPosition !== undefined ? calculatedPosition : null;
 };
 export { determineSelectionFromKeyPress as default };

package/dist/esm/LinkButton/LinkButton.mjs

@@ -17,22 +17,22 @@ const LinkButton = /*#__PURE__*/function () {
   const LinkButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var children = _a.children,
       _b = _a.variant,
-      variant = _b === void 0 ? 'primary' : _b,
+      variant = _b === undefined ? 'primary' : _b,
       _c = _a.size,
-      size = _c === void 0 ? 'medium' : _c,
+      size = _c === undefined ? 'medium' : _c,
       icon = _a.icon,
       _d = _a.iconPosition,
-      iconPosition = _d === void 0 ? 'start' : _d,
+      iconPosition = _d === undefined ? 'start' : _d,
       _e = _a.hasHiddenLabel,
-      hasHiddenLabel = _e === void 0 ? false : _e,
+      hasHiddenLabel = _e === undefined ? false : _e,
       _f = _a.isFullWidth,
-      isFullWidth = _f === void 0 ? false : _f,
+      isFullWidth = _f === undefined ? false : _f,
       isDisabled = _a.isDisabled,
       className = _a.className,
       isReversed = _a.isReversed,
       otherProps = __rest(_a, ["children", "variant", "size", "icon", "iconPosition", "hasHiddenLabel", "isFullWidth", "isDisabled", "className", "isReversed"]);
     var shouldUseReverse = useReversedColors();
-    var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
+    var isReversedVariant = isReversed !== null && isReversed !== undefined ? isReversed : shouldUseReverse;
     return /*#__PURE__*/React.createElement(Link, __assign({
       ref: ref,
       className: mergeClassNames(styles.linkButton, buttonStyles.button, buttonStyles[size], hasHiddenLabel && buttonStyles["".concat(size, "IconButton")], isDisabled && buttonStyles.isDisabled, isReversedVariant ? buttonStyles["".concat(variant, "Reversed")] : buttonStyles[variant], isFullWidth && buttonStyles.fullWidth, className),

package/dist/esm/Loading/LoadingInput/LoadingInput.mjs

@@ -14,7 +14,7 @@ const LoadingInput = /*#__PURE__*/function () {
       width = _a.width,
       classNameOverride = _a.classNameOverride,
       _b = _a.height,
-      height = _b === void 0 ? 48 : _b,
+      height = _b === undefined ? 48 : _b,
       props = __rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.loadingInput, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride),

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.mjs

@@ -12,9 +12,9 @@ import styles from './LoadingSpinner.module.css.mjs';
 const LoadingSpinner = /*#__PURE__*/function () {
   const LoadingSpinner = function (_a) {
     var _b = _a.accessibilityLabel,
-      accessibilityLabel = _b === void 0 ? 'Loading' : _b,
+      accessibilityLabel = _b === undefined ? 'Loading' : _b,
       _c = _a.size,
-      size = _c === void 0 ? 'md' : _c,
+      size = _c === undefined ? 'md' : _c,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Menu/Menu.mjs

@@ -10,7 +10,7 @@ const Menu = /*#__PURE__*/function () {
   const Menu = function (_a) {
     var button = _a.button,
       _b = _a.menuVisible,
-      menuVisible = _b === void 0 ? false : _b,
+      menuVisible = _b === undefined ? false : _b,
       rest = __rest(_a, ["button", "menuVisible"]);
     var _c = useState(menuVisible),
       isMenuVisible = _c[0],
@@ -36,12 +36,12 @@ const Menu = /*#__PURE__*/function () {
           onClick: function (e) {
             var _a, _b;
             props.onClick(e);
-            (_b = (_a = button.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            (_b = (_a = button.props).onClick) === null || _b === undefined ? undefined : _b.call(_a, e);
           },
           onMouseDown: function (e) {
             var _a, _b;
             props.onMouseDown(e);
-            (_b = (_a = button.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            (_b = (_a = button.props).onMouseDown) === null || _b === undefined ? undefined : _b.call(_a, e);
           }
         }));
       }

package/dist/esm/Menu/subcomponents/MenuDropdown/MenuDropdown.mjs

@@ -11,11 +11,11 @@ const MenuDropdown = /*#__PURE__*/function () {
       id = _a.id,
       hideMenuDropdown = _a.hideMenuDropdown,
       _b = _a.autoHide,
-      autoHide = _b === void 0 ? 'on' : _b,
+      autoHide = _b === undefined ? 'on' : _b,
       _c = _a.align,
-      align = _c === void 0 ? 'left' : _c,
+      align = _c === undefined ? 'left' : _c,
       _d = _a.width,
-      width = _d === void 0 ? 'default' : _d;
+      width = _d === undefined ? 'default' : _d;
     var _e = useState(null),
       popperElement = _e[0],
       setPopperElement = _e[1];
@@ -38,7 +38,7 @@ const MenuDropdown = /*#__PURE__*/function () {
       attributes = _f.attributes;
     // This callback handler will not run when autoHide === "off"
     var handleDocumentClickForAutoHide = useCallback(function (e) {
-      if (popperElement && e.target instanceof Node && !popperElement.contains(e.target) && referenceElement !== e.target && !(referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains(e.target))) {
+      if (popperElement && e.target instanceof Node && !popperElement.contains(e.target) && referenceElement !== e.target && !(referenceElement === null || referenceElement === undefined ? undefined : referenceElement.contains(e.target))) {
         hideMenuDropdown();
       }
     }, [popperElement, referenceElement, hideMenuDropdown]);
@@ -74,7 +74,7 @@ const MenuDropdown = /*#__PURE__*/function () {
       shards: referenceElement ? [referenceElement] : undefined,
       onEscapeKey: hideMenuDropdown,
       returnFocus: function () {
-        referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.focus();
+        referenceElement === null || referenceElement === undefined ? undefined : referenceElement.focus();
         return false;
       }
     }, /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Menu/subcomponents/MenuList/MenuList.mjs

@@ -8,7 +8,7 @@ const MenuList = /*#__PURE__*/function () {
       children = props.children,
       restProps = __rest(props, ["heading", "children"]);
     var reactId = useId();
-    var listHeadingID = (_a = heading === null || heading === void 0 ? void 0 : heading.props.id) !== null && _a !== void 0 ? _a : reactId;
+    var listHeadingID = (_a = heading === null || heading === undefined ? undefined : heading.props.id) !== null && _a !== undefined ? _a : reactId;
     return /*#__PURE__*/React.createElement(React.Fragment, null, heading && /*#__PURE__*/cloneElement(heading, {
       id: listHeadingID
     }), /*#__PURE__*/React.createElement("ul", __assign({

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs

@@ -5,11 +5,11 @@ import styles from './StatelessMenu.module.scss.mjs';
 const StatelessMenu = /*#__PURE__*/function () {
   const StatelessMenu = function (_a) {
     var _b = _a.align,
-      align = _b === void 0 ? 'left' : _b,
+      align = _b === undefined ? 'left' : _b,
       _c = _a.dropdownWidth,
-      dropdownWidth = _c === void 0 ? 'default' : _c,
+      dropdownWidth = _c === undefined ? 'default' : _c,
       _d = _a.autoHide,
-      autoHide = _d === void 0 ? 'on' : _d,
+      autoHide = _d === undefined ? 'on' : _d,
       dataTestId = _a["data-testid"],
       dropdownId = _a.dropdownId,
       children = _a.children,
@@ -44,7 +44,7 @@ const StatelessMenu = /*#__PURE__*/function () {
         console.warn('The portal could not be created using the selector: ' + portalSelector);
       }
     }, [portalSelectorElementRef, portalSelector]);
-    var menu = isMenuVisible ? ( /*#__PURE__*/React.createElement(MenuDropdown, {
+    var menu = isMenuVisible ? (/*#__PURE__*/React.createElement(MenuDropdown, {
       referenceElement: referenceElement,
       align: align,
       hideMenuDropdown: hideMenuDropdown,

package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -62,9 +62,9 @@ const ConfirmationModal = /*#__PURE__*/function () {
   const ConfirmationModal = function (_a) {
     var isOpen = _a.isOpen,
       _b = _a.isProminent,
-      isProminent = _b === void 0 ? false : _b,
+      isProminent = _b === undefined ? false : _b,
       _c = _a.unpadded,
-      unpadded = _c === void 0 ? false : _c,
+      unpadded = _c === undefined ? false : _c,
       mood = _a.mood,
       variant = _a.variant,
       title = _a.title,
@@ -72,14 +72,14 @@ const ConfirmationModal = /*#__PURE__*/function () {
       onAfterLeave = _a.onAfterLeave,
       onAfterEnter = _a.onAfterEnter,
       _d = _a.confirmLabel,
-      confirmLabel = _d === void 0 ? 'Confirm' : _d,
+      confirmLabel = _d === undefined ? 'Confirm' : _d,
       _e = _a.dismissLabel,
-      dismissLabel = _e === void 0 ? 'Cancel' : _e,
+      dismissLabel = _e === undefined ? 'Cancel' : _e,
       confirmWorking = _a.confirmWorking,
       propsOnDismiss = _a.onDismiss,
       children = _a.children,
       props = __rest(_a, ["isOpen", "isProminent", "unpadded", "mood", "variant", "title", "onConfirm", "onAfterLeave", "onAfterEnter", "confirmLabel", "dismissLabel", "confirmWorking", "onDismiss", "children"]);
-    var variantName = variant !== null && variant !== void 0 ? variant : mood;
+    var variantName = variant !== null && variant !== undefined ? variant : mood;
     var onDismiss = confirmWorking ? undefined : propsOnDismiss;
     var footerActions = [];
     if (onConfirm) {

package/dist/esm/Modal/ContextModal/ContextModal.mjs

@@ -19,16 +19,16 @@ const ContextModal = /*#__PURE__*/function () {
   const ContextModal = function (_a) {
     var isOpen = _a.isOpen,
       _b = _a.unpadded,
-      unpadded = _b === void 0 ? false : _b,
+      unpadded = _b === undefined ? false : _b,
       _c = _a.layout,
-      layout = _c === void 0 ? 'portrait' : _c,
+      layout = _c === undefined ? 'portrait' : _c,
       title = _a.title,
       onConfirm = _a.onConfirm,
       propsOnDismiss = _a.onDismiss,
       onAfterLeave = _a.onAfterLeave,
       onAfterEnter = _a.onAfterEnter,
       _d = _a.confirmLabel,
-      confirmLabel = _d === void 0 ? 'Confirm' : _d,
+      confirmLabel = _d === undefined ? 'Confirm' : _d,
       confirmWorking = _a.confirmWorking,
       renderBackground = _a.renderBackground,
       children = _a.children,
@@ -67,7 +67,7 @@ const ContextModal = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement("div", __assign({
       className: styles.modal,
       "data-modal": true
-    }, props), renderBackground === null || renderBackground === void 0 ? void 0 : renderBackground(), /*#__PURE__*/React.createElement(ModalHeader, {
+    }, props), renderBackground === null || renderBackground === undefined ? undefined : renderBackground(), /*#__PURE__*/React.createElement(ModalHeader, {
       onDismiss: onDismiss
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.header, !unpadded && styles.padded)
@@ -82,7 +82,7 @@ const ContextModal = /*#__PURE__*/function () {
       className: styles.image
     }, image), /*#__PURE__*/React.createElement("div", {
       className: styles.content
-    }, children, onConfirm != null && ( /*#__PURE__*/React.createElement("div", {
+    }, children, onConfirm != null && (/*#__PURE__*/React.createElement("div", {
       className: secondaryLabel ? styles.footerWithSecondaryAction : styles.footer
     }))))), /*#__PURE__*/React.createElement(ModalFooter, {
       variant: image ? 'context' : undefined,

package/dist/esm/Modal/GenericModal/GenericModal.mjs

@@ -10,14 +10,14 @@ const GenericModal = /*#__PURE__*/function () {
     var propsId = _a.id,
       children = _a.children,
       _b = _a.isOpen,
-      isOpen = _b === void 0 ? true : _b,
+      isOpen = _b === undefined ? true : _b,
       focusLockDisabled = _a.focusLockDisabled,
       onEscapeKeyup = _a.onEscapeKeyup,
       onOutsideModalClick = _a.onOutsideModalClick,
       onAfterEnter = _a.onAfterEnter,
       propsOnAfterLeave = _a.onAfterLeave;
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var labelledByID = useId();
     var describedByID = useId();
     var _c = useState(null),
@@ -37,16 +37,16 @@ const GenericModal = /*#__PURE__*/function () {
     };
     var outsideModalClickHandler = function (event) {
       if (event.target === scrollLayer || event.target === modalLayer) {
-        onOutsideModalClick === null || onOutsideModalClick === void 0 ? void 0 : onOutsideModalClick(event);
+        onOutsideModalClick === null || onOutsideModalClick === undefined ? undefined : onOutsideModalClick(event);
       }
     };
     var focusOnAccessibleLabel = function () {
       // Check if focus already exists within the modal
-      if (modalLayer === null || modalLayer === void 0 ? void 0 : modalLayer.contains(document.activeElement)) {
+      if (modalLayer === null || modalLayer === undefined ? undefined : modalLayer.contains(document.activeElement)) {
         return;
       }
       var labelElement = document.getElementById(labelledByID);
-      labelElement === null || labelElement === void 0 ? void 0 : labelElement.focus();
+      labelElement === null || labelElement === undefined ? undefined : labelElement.focus();
     };
     var a11yWarn = function () {
       // Ensure that consumers have provided an element that labels the modal
@@ -67,7 +67,7 @@ const GenericModal = /*#__PURE__*/function () {
     var onAfterEnterHandler = function () {
       scrollModalToTop();
       if (modalLayer) {
-        onAfterEnter === null || onAfterEnter === void 0 ? void 0 : onAfterEnter();
+        onAfterEnter === null || onAfterEnter === undefined ? undefined : onAfterEnter();
         focusOnAccessibleLabel();
         a11yWarn();
       }
@@ -77,7 +77,7 @@ const GenericModal = /*#__PURE__*/function () {
       if (onEscapeKeyup) {
         document.addEventListener('keyup', function (event) {
           if (event.key === 'Escape') {
-            onEscapeKeyup === null || onEscapeKeyup === void 0 ? void 0 : onEscapeKeyup(event);
+            onEscapeKeyup === null || onEscapeKeyup === undefined ? undefined : onEscapeKeyup(event);
           }
         });
       }
@@ -98,9 +98,9 @@ const GenericModal = /*#__PURE__*/function () {
     }, []);
     var onAfterLeaveHandler = function () {
       cleanUpAfterClose();
-      propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
+      propsOnAfterLeave === null || propsOnAfterLeave === undefined ? undefined : propsOnAfterLeave();
     };
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Transition, {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Transition, {
       appear: true,
       show: isOpen,
       enter: styles.animatingEnter,

package/dist/esm/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs

@@ -6,7 +6,7 @@ const ModalAccessibleLabel = /*#__PURE__*/function () {
   const ModalAccessibleLabel = function (_a) {
     var children = _a.children,
       _b = _a.isProminent,
-      isProminent = _b === void 0 ? false : _b;
+      isProminent = _b === undefined ? false : _b;
     return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_a) {
       var labelledByID = _a.labelledByID;
       return /*#__PURE__*/React.createElement("div", {

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs

@@ -4,7 +4,7 @@ import styles from './ModalBody.module.scss.mjs';
 const ModalBody = /*#__PURE__*/function () {
   const ModalBody = function (_a) {
     var _b = _a.inputEdit,
-      inputEdit = _b === void 0 ? false : _b,
+      inputEdit = _b === undefined ? false : _b,
       children = _a.children;
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(inputEdit && styles.inputEdit)

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -11,7 +11,7 @@ const ModalFooter = /*#__PURE__*/function () {
     var unpadded = _a.unpadded,
       actions = _a.actions,
       _b = _a.appearance,
-      appearance = _b === void 0 ? 'primary' : _b,
+      appearance = _b === undefined ? 'primary' : _b,
       alignStart = _a.alignStart,
       variant = _a.variant,
       props = __rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs

@@ -24,16 +24,16 @@ const InputEditModal = /*#__PURE__*/function () {
       onSecondaryAction = _a.onSecondaryAction,
       onAfterLeave = _a.onAfterLeave,
       _b = _a.localeDirection,
-      localeDirection = _b === void 0 ? 'ltr' : _b,
+      localeDirection = _b === undefined ? 'ltr' : _b,
       _c = _a.submitLabel,
-      submitLabel = _c === void 0 ? 'Submit' : _c,
+      submitLabel = _c === undefined ? 'Submit' : _c,
       _d = _a.dismissLabel,
-      dismissLabel = _d === void 0 ? 'Cancel' : _d,
+      dismissLabel = _d === undefined ? 'Cancel' : _d,
       secondaryLabel = _a.secondaryLabel,
       submitWorking = _a.submitWorking,
       children = _a.children,
       _e = _a.unpadded,
-      unpadded = _e === void 0 ? false : _e,
+      unpadded = _e === undefined ? false : _e,
       propsOnDismiss = _a.onDismiss,
       onAfterEnter = _a.onAfterEnter,
       props = __rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss", "onAfterEnter"]);

package/dist/esm/MultiSelect/MultiSelect.mjs

@@ -22,7 +22,7 @@ const MultiSelect = /*#__PURE__*/function () {
       validationMessage = _a.validationMessage,
       restProps = __rest(_a, ["id", "label", "items", "selectedValues", "description", "onSelectedValuesChange", "isOpen", "onOpenChange", "classNameOverride", "validationMessage"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var descriptionId = "".concat(id, "-description");
     var validationId = "".concat(id, "-validation-message");
     var toggleButtonRef = useRef(null);
@@ -75,7 +75,7 @@ const MultiSelect = /*#__PURE__*/function () {
       selectedOptions: Array.from(selectedValues).map(function (value) {
         return itemsMap[value];
       }),
-      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+      status: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.status,
       onRemoveOption: handleOnRemoveOption,
       onRemoveAllOptions: handleRemoveAllOptions
     })), validationMessage && /*#__PURE__*/React.createElement(FieldMessage, __assign({
@@ -83,7 +83,7 @@ const MultiSelect = /*#__PURE__*/function () {
     }, validationMessage)), description && /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: description
-    }), isOpen && ( /*#__PURE__*/React.createElement(Popover, {
+    }), isOpen && (/*#__PURE__*/React.createElement(Popover, {
       refs: refs,
       id: "".concat(id, "--popover"),
       role: "dialog",
@@ -97,7 +97,7 @@ const MultiSelect = /*#__PURE__*/function () {
         noIsolation: true,
         onActivation: function () {
           var _a, _b;
-          return (_b = (_a = refs.floating) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+          return (_b = (_a = refs.floating) === null || _a === undefined ? undefined : _a.current) === null || _b === undefined ? undefined : _b.focus();
         }
       },
       classNameOverride: styles.popover

package/dist/esm/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs

@@ -30,7 +30,7 @@ const MultiSelectOptions = /*#__PURE__*/function () {
     }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
       id: optionsCountId,
       "aria-live": "polite"
-    }, "Options available: ", options.length), options.length === 0 ? ( /*#__PURE__*/React.createElement(Text, {
+    }, "Options available: ", options.length), options.length === 0 ? (/*#__PURE__*/React.createElement(Text, {
       tag: "span",
       variant: "body"
     }, "No options available")) : options.map(function (option) {

package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs

@@ -12,7 +12,7 @@ const MultiSelectToggle = /*#__PURE__*/function () {
       ariaDescribedBy = _a["aria-describedby"],
       ariaControls = _a["aria-controls"],
       _b = _a.isOpen,
-      isOpen = _b === void 0 ? false : _b,
+      isOpen = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       selectedOptions = _a.selectedOptions,
       onRemoveOption = _a.onRemoveOption,
@@ -41,7 +41,7 @@ const MultiSelectToggle = /*#__PURE__*/function () {
       isPresentational: true
     })), /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.selectedItemsContainer, selectedOptions.length && styles.hasSelectedItems)
-    }, selectedOptions.length > 0 && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
+    }, selectedOptions.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
       role: "list",
       className: styles.selectedItems
     }, selectedOptions.map(function (_a) {

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs

@@ -34,14 +34,14 @@ const Popover = /*#__PURE__*/function () {
       })],
       whileElementsMounted: autoUpdate
     }, floatingOptions)).floatingStyles;
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(FocusOn, __assign({
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(FocusOn, __assign({
       enabled: false,
       scrollLock: false
     }, focusOnProps), /*#__PURE__*/React.createElement("div", __assign({
       ref: refs.setFloating,
       style: floatingStyles,
       className: classnames(styles.popover, classNameOverride)
-    }, restProps), children)), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
+    }, restProps), children)), portalContainer !== null && portalContainer !== undefined ? portalContainer : document.body);
   };
   Popover.displayName = 'Popover';
   return Popover;

package/dist/esm/Notification/GlobalNotification/GlobalNotification.mjs

@@ -9,7 +9,7 @@ import { GenericNotification } from '../subcomponents/GenericNotification/Generi
 const GlobalNotification = /*#__PURE__*/function () {
   const GlobalNotification = function (_a) {
     var _b = _a.persistent,
-      persistent = _b === void 0 ? false : _b,
+      persistent = _b === undefined ? false : _b,
       props = __rest(_a, ["persistent"]);
     return /*#__PURE__*/React.createElement(GenericNotification, __assign({
       persistent: persistent,

package/dist/esm/Notification/InlineNotification/InlineNotification.mjs

@@ -12,9 +12,9 @@ const InlineNotification = /*#__PURE__*/function () {
   const InlineNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
     var isSubtle = _a.isSubtle,
       _b = _a.hideCloseIcon,
-      hideCloseIcon = _b === void 0 ? false : _b,
+      hideCloseIcon = _b === undefined ? false : _b,
       _c = _a.persistent,
-      persistent = _c === void 0 ? false : _c,
+      persistent = _c === undefined ? false : _c,
       classNameOverride = _a.classNameOverride,
       otherProps = __rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
     return /*#__PURE__*/React.createElement(GenericNotification, __assign({