@kaizen/components 1.70.9 → 1.70.11

package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs

@@ -27,21 +27,21 @@ var DateRangeInputField = React__default.default.forwardRef(function (_a, ref) {
     description = _a.description,
     disabled = _a.disabled,
     _d = _a.isReversed,
-    isReversed = _d === void 0 ? false : _d,
+    isReversed = _d === undefined ? false : _d,
     validationMessage = _a.validationMessage,
     locale = _a.locale,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["id", "legend", "inputStartDateProps", "inputEndDateProps", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
   var customRefObject = isRefObject.isRefObject(ref) ? ref.current : null;
-  var inputStartDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputStartDateRef;
-  var inputEndDateRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputEndDateRef;
+  var inputStartDateRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputStartDateRef;
+  var inputEndDateRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputEndDateRef;
   var descriptionId = "".concat(id, "--field-message");
   // Date Start aria labels
-  var dateStartErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
+  var dateStartErrorMessageId = (validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart) ? "".concat(id, "--date-start-error-message") : undefined;
   var dateStartInputDescribedBy = dateStartErrorMessageId ? "".concat(dateStartErrorMessageId, " ").concat(descriptionId) : descriptionId;
   var dateStartIsInvalid = dateStartErrorMessageId !== undefined;
   // Date End aria labels
-  var dateEndErrorMessageId = (validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
+  var dateEndErrorMessageId = (validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd) ? "".concat(id, "--date-end-error-message") : undefined;
   var dateEndInputDescribedBy = dateEndErrorMessageId ? "".concat(dateEndErrorMessageId, " ").concat(descriptionId) : descriptionId;
   var dateEndIsInvalid = dateEndErrorMessageId !== undefined;
   return React__default.default.createElement("div", tslib.__assign({
@@ -56,7 +56,7 @@ var DateRangeInputField = React__default.default.forwardRef(function (_a, ref) {
     "aria-invalid": dateStartIsInvalid,
     autoComplete: "off",
     disabled: disabled,
-    status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status
+    status: (_b = validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart) === null || _b === undefined ? undefined : _b.status
   }, inputStartDateProps, {
     classNameOverride: classnames__default.default(DateRangeInputField_module.inputStartDate, inputStartDateProps.classNameOverride)
   })), React__default.default.createElement(DateInput.DateInput, tslib.__assign({
@@ -67,7 +67,7 @@ var DateRangeInputField = React__default.default.forwardRef(function (_a, ref) {
     "aria-invalid": dateEndIsInvalid,
     autoComplete: "off",
     disabled: disabled,
-    status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
+    status: (_c = validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd) === null || _c === undefined ? undefined : _c.status
   }, inputEndDateProps, {
     classNameOverride: classnames__default.default(DateRangeInputField_module.inputEndDate, inputEndDateProps.classNameOverride)
   }))), validationMessage && React__default.default.createElement(DateRangeValidationMessage.DateRangeValidationMessage, {

package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.cjs

@@ -54,8 +54,8 @@ var FilterDateRangePickerField = function (_a) {
     defaultMessage: 'Date to',
     description: "Label for the 'date to' field"
   });
-  var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === void 0 ? void 0 : inputStartDateProps.labelText) !== null && _b !== void 0 ? _b : translatedDateFrom;
-  var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === void 0 ? void 0 : inputEndDateProps.labelText) !== null && _c !== void 0 ? _c : translatedDateTo;
+  var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === undefined ? undefined : inputStartDateProps.labelText) !== null && _b !== undefined ? _b : translatedDateFrom;
+  var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === undefined ? undefined : inputEndDateProps.labelText) !== null && _c !== undefined ? _c : translatedDateTo;
   var transformDateToInputValue = function (date) {
     return date ? formatDateAsText.formatDateAsText(date, disabledDays, locale) : '';
   };
@@ -65,14 +65,14 @@ var FilterDateRangePickerField = function (_a) {
   var dateStartValidation = useStartDateValidation.useStartDateValidation({
     inputLabel: inputStartDateLabel,
     disabledDays: disabledDays,
-    validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
-    onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
+    validationMessage: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateStart,
+    onValidate: onValidate === null || onValidate === undefined ? undefined : onValidate.dateStart
   });
   var dateEndValidation = useEndDateValidation.useEndDateValidation({
     inputLabel: inputEndDateLabel,
     disabledDays: disabledDays,
-    validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
-    onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
+    validationMessage: validationMessage === null || validationMessage === undefined ? undefined : validationMessage.dateEnd,
+    onValidate: onValidate === null || onValidate === undefined ? undefined : onValidate.dateEnd
   });
   var validateStartDate = function (date, inputValue) {
     return dateStartValidation.validateDate({
@@ -84,16 +84,16 @@ var FilterDateRangePickerField = function (_a) {
     return dateEndValidation.validateDate({
       endDate: date,
       endDateInputValue: inputValue,
-      startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+      startDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from,
       startDateFieldLabel: inputStartDateLabel
     });
   };
   var _d = React.useReducer(filterDateRangePickerFieldReducer.filterDatePickerFieldReducer, {
-      selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
-      selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
-      inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
-      inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
-      startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate.isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
+      selectedStartDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from,
+      selectedEndDate: selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to,
+      inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from),
+      inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to),
+      startMonth: (selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from) && !isInvalidDate.isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== undefined ? defaultMonth : new Date()
     }),
     state = _d[0],
     dispatch = _d[1];
@@ -161,10 +161,10 @@ var FilterDateRangePickerField = function (_a) {
     }
   }, inputEndDateProps));
   var handleCalendarSelectRange = function (range) {
-    var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
-    var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
-    var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
-    var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
+    var inputStartValue = transformDateToInputValue(range === null || range === undefined ? undefined : range.from);
+    var inputEndValue = transformDateToInputValue(range === null || range === undefined ? undefined : range.to);
+    var newStartDate = validateStartDate(range === null || range === undefined ? undefined : range.from, inputStartValue);
+    var newEndDate = validateEndDate(range === null || range === undefined ? undefined : range.to, inputEndValue);
     dispatch({
       type: 'update_selected_start_date',
       date: newStartDate,
@@ -188,8 +188,8 @@ var FilterDateRangePickerField = function (_a) {
     if (state.inputStartValue === '' && state.inputEndValue === '') {
       return;
     }
-    var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
-    var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
+    var newStartDate = validateStartDate(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from, state.inputStartValue);
+    var newEndDate = validateEndDate(selectedRange === null || selectedRange === undefined ? undefined : selectedRange.to, state.inputEndValue);
     if (newStartDate && !isValidRange.isValidRange(newStartDate, newEndDate)) {
       dispatch({
         type: 'update_selected_end_date',

package/dist/cjs/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.cjs

@@ -12,13 +12,13 @@ var filterDatePickerFieldReducer = function (state, action) {
     case 'update_selected_start_date':
       return tslib.__assign(tslib.__assign({}, state), {
         selectedStartDate: action.date,
-        inputStartValue: (_a = action.inputValue) !== null && _a !== void 0 ? _a : state.inputStartValue,
+        inputStartValue: (_a = action.inputValue) !== null && _a !== undefined ? _a : state.inputStartValue,
         startMonth: action.date && !isInvalidDate.isInvalidDate(action.date) ? action.date : new Date()
       });
     case 'update_selected_end_date':
       return tslib.__assign(tslib.__assign({}, state), {
         selectedEndDate: action.date,
-        inputEndValue: (_b = action.inputValue) !== null && _b !== void 0 ? _b : state.inputEndValue
+        inputEndValue: (_b = action.inputValue) !== null && _b !== undefined ? _b : state.inputEndValue
       });
     case 'navigate_months':
       return tslib.__assign(tslib.__assign({}, state), {

package/dist/cjs/Filter/FilterDateRangePicker/utils/isCompleteDateRange.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
 var isCompleteDateRange = function (dateRange) {
-  return (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) !== undefined && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) !== undefined;
+  return (dateRange === null || dateRange === undefined ? undefined : dateRange.from) !== undefined && (dateRange === null || dateRange === undefined ? undefined : dateRange.to) !== undefined;
 };
 exports.isCompleteDateRange = isCompleteDateRange;

package/dist/cjs/Filter/FilterMultiSelect/FilterMultiSelect.cjs

@@ -38,7 +38,7 @@ var FilterMultiSelect = function (_a) {
     defaultSelectedKeys = _a.defaultSelectedKeys,
     onSelectionChange = _a.onSelectionChange,
     _b = _a.selectionMode,
-    selectionMode = _b === void 0 ? 'multiple' : _b,
+    selectionMode = _b === undefined ? 'multiple' : _b,
     onSearchInputChange = _a.onSearchInputChange,
     triggerRef = _a.triggerRef,
     className = _a.className;
@@ -52,7 +52,7 @@ var FilterMultiSelect = function (_a) {
     isLoading: isLoading,
     loadingSkeleton: loadingSkeleton
   };
-  var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
+  var disabledKeys = new Set(items === null || items === undefined ? undefined : items.filter(function (item) {
     return item.isDisabled === true;
   }).map(function (disabledItem) {
     return disabledItem.value;

package/dist/cjs/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.cjs

@@ -25,7 +25,7 @@ function MenuTriggerProvider(_a) {
   });
   // Get A11y attributes and events for the menu trigger and menu elements
   var fallbackRef = React.useRef(null);
-  var ref = triggerRef !== null && triggerRef !== void 0 ? triggerRef : fallbackRef;
+  var ref = triggerRef !== null && triggerRef !== undefined ? triggerRef : fallbackRef;
   var _b = menu$1.useMenuTrigger({}, state, ref),
     menuTriggerProps = _b.menuTriggerProps,
     menuProps = _b.menuProps;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.cjs

@@ -16,7 +16,7 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 var MenuLoadingSkeleton = function (_a) {
   var _b = _a.isAnimated,
-    isAnimated = _b === void 0 ? false : _b;
+    isAnimated = _b === undefined ? false : _b;
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
     className: MenuLoadingSkeleton_module.loadingContainer
   }, React__default.default.createElement(LoadingInput.LoadingInput, {

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs

@@ -41,14 +41,14 @@ var MultiSelectOption = function (_a) {
   return React__default.default.createElement("li", tslib.__assign({}, utils.mergeProps(optionProps, focusProps), {
     ref: ref,
     className: classnames__default.default(MultiSelectOption_module.option, classNameOverride, isSelected && MultiSelectOption_module.isSelected, isFocusVisible && MultiSelectOption_module.isFocusVisible, isDisabled && MultiSelectOption_module.isDisabled),
-    "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label,
-    "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined
+    "aria-label": (_b = item.value) === null || _b === undefined ? undefined : _b.label,
+    "aria-describedby": ((_c = item.value) === null || _c === undefined ? undefined : _c.count) ? countElementId : undefined
   }), React__default.default.createElement("span", {
     className: classnames__default.default(MultiSelectOption_module.icon, isSelected && MultiSelectOption_module.isSelected)
   }, isSelected && React__default.default.createElement(Icon.Icon, {
     name: "check",
     isPresentational: true
-  })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && React__default.default.createElement("span", {
+  })), item.rendered, ((_d = item.value) === null || _d === undefined ? undefined : _d.count) && React__default.default.createElement("span", {
     id: countElementId,
     className: MultiSelectOption_module.badgeContainer
   }, React__default.default.createElement(Badge.Badge, {

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.cjs

@@ -27,7 +27,7 @@ var SearchInput = function (_a) {
     return setSearchQuery('');
   };
   var reactId = React.useId();
-  var inputId = id !== null && id !== void 0 ? id : reactId;
+  var inputId = id !== null && id !== undefined ? id : reactId;
   var defaultAriaLabel = formatMessage({
     id: 'filterMultiSelectSearchInput.label',
     defaultMessage: 'Filter options by search query',
@@ -42,7 +42,7 @@ var SearchInput = function (_a) {
     className: SearchInput_module.inputSearchContainer
   }, React__default.default.createElement(InputSearch.InputSearch, {
     id: inputId,
-    "aria-label": label !== null && label !== void 0 ? label : defaultAriaLabel,
+    "aria-label": label !== null && label !== undefined ? label : defaultAriaLabel,
     secondary: true,
     placeholder: placeholder,
     value: searchQuery,

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.cjs

@@ -18,7 +18,7 @@ var FilterTriggerButton = function (_a) {
     label = _a.label,
     classNameOverride = _a.classNameOverride,
     _b = _a.labelCharacterLimitBeforeTruncate,
-    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
+    labelCharacterLimitBeforeTruncate = _b === undefined ? 50 : _b;
   var _c = MenuTriggerProvider.useMenuTriggerContext(),
     buttonProps = _c.buttonProps,
     buttonRef = _c.buttonRef,

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.cjs

@@ -20,7 +20,7 @@ var RemovableFilterTrigger = function (_a) {
   var label = _a.label,
     selectedOptionLabels = _a.selectedOptionLabels,
     _b = _a.labelCharacterLimitBeforeTruncate,
-    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
+    labelCharacterLimitBeforeTruncate = _b === undefined ? 50 : _b,
     classNameOverride = _a.classNameOverride,
     onRemove = _a.onRemove;
   var _c = MenuTriggerProvider.useMenuTriggerContext(),

package/dist/cjs/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.cjs

@@ -13,7 +13,7 @@ var getSelectedOptionLabels = function (keys, items) {
     var _a, _b;
     return (_b = (_a = items.find(function (item) {
       return item.value === key;
-    })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : '';
+    })) === null || _a === undefined ? undefined : _a.label) !== null && _b !== undefined ? _b : '';
   }).filter(function (item) {
     return item !== '';
   });

package/dist/cjs/Filter/FilterMultiSelect/utils/getTruncatedLabel.cjs

@@ -2,7 +2,7 @@
 
 var CONNECTOR = ', ';
 var truncateByCharacterLimit = function (labels, limit, labelsTruncatedCount) {
-  if (labelsTruncatedCount === void 0) {
+  if (labelsTruncatedCount === undefined) {
     labelsTruncatedCount = 0;
   }
   if (labels.length === 1 || labels.join('').replace(/,/g, '').length < limit) {

package/dist/cjs/Filter/FilterSelect/FilterSelect.cjs

@@ -73,7 +73,7 @@ var FilterSelect = function (_a) {
     renderTrigger: function () {
       var _a;
       return renderTrigger(tslib.__assign({
-        selectedValue: (_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.textValue,
+        selectedValue: (_a = state.selectedItem) === null || _a === undefined ? undefined : _a.textValue,
         label: label,
         isOpen: isOpen
       }, renderTriggerButtonProps));

package/dist/cjs/GuidanceBlock/GuidanceBlock.cjs

@@ -31,17 +31,17 @@ var WithTooltip = function (_a) {
 var GuidanceBlock = function (_a) {
   var _b, _c, _d, _e;
   var _f = _a.layout,
-    layout = _f === void 0 ? 'default' : _f,
+    layout = _f === undefined ? 'default' : _f,
     _g = _a.variant,
-    variant = _g === void 0 ? 'default' : _g,
+    variant = _g === undefined ? 'default' : _g,
     _h = _a.withActionButtonArrow,
-    withActionButtonArrow = _h === void 0 ? true : _h,
+    withActionButtonArrow = _h === undefined ? true : _h,
     _j = _a.noMaxWidth,
-    noMaxWidth = _j === void 0 ? false : _j,
+    noMaxWidth = _j === undefined ? false : _j,
     _k = _a.illustrationType,
-    illustrationType = _k === void 0 ? 'spot' : _k,
+    illustrationType = _k === undefined ? 'spot' : _k,
     _l = _a.smallScreenTextAlignment,
-    smallScreenTextAlignment = _l === void 0 ? 'center' : _l,
+    smallScreenTextAlignment = _l === undefined ? 'center' : _l,
     actions = _a.actions,
     illustration = _a.illustration,
     secondaryDismiss = _a.secondaryDismiss,
@@ -66,7 +66,7 @@ var GuidanceBlock = function (_a) {
   var handleDismissBanner = function () {
     var _a;
     setHidden(true);
-    (_a = actions === null || actions === void 0 ? void 0 : actions.dismiss) === null || _a === void 0 ? void 0 : _a.onClick();
+    (_a = actions === null || actions === undefined ? undefined : actions.dismiss) === null || _a === undefined ? undefined : _a.onClick();
   };
   var onTransitionEnd = function (e) {
     // Be careful: this assumes the final CSS property to be animated is "margin-top".
@@ -119,12 +119,12 @@ var GuidanceBlock = function (_a) {
   }, 'content' in restProps && restProps.content, 'text' in restProps && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
     className: GuidanceBlock_module.headingWrapper
   }, React__default.default.createElement(Heading.Heading, {
-    tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : 'h3',
+    tag: (_c = (_b = restProps === null || restProps === undefined ? undefined : restProps.text) === null || _b === undefined ? undefined : _b.titleTag) !== null && _c !== undefined ? _c : 'h3',
     variant: "heading-3"
-  }, (_d = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _d === void 0 ? void 0 : _d.title)), React__default.default.createElement(Text.Text, {
+  }, (_d = restProps === null || restProps === undefined ? undefined : restProps.text) === null || _d === undefined ? undefined : _d.title)), React__default.default.createElement(Text.Text, {
     tag: "p",
     variant: "body"
-  }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description))), (actions === null || actions === void 0 ? void 0 : actions.primary) && React__default.default.createElement(Media__default.default, {
+  }, (_e = restProps === null || restProps === undefined ? undefined : restProps.text) === null || _e === undefined ? undefined : _e.description))), (actions === null || actions === undefined ? undefined : actions.primary) && React__default.default.createElement(Media__default.default, {
     query: "(max-width: 767px)"
   }, function (isMobile) {
     var _a;
@@ -134,7 +134,7 @@ var GuidanceBlock = function (_a) {
         rightMargin: !(isMobile || componentIsMobile) && layout === 'default'
       })
     }, React__default.default.createElement("div", {
-      className: classnames__default.default(GuidanceBlock_module.buttonContainer, (actions === null || actions === void 0 ? void 0 : actions.secondary) && GuidanceBlock_module.secondaryAction)
+      className: classnames__default.default(GuidanceBlock_module.buttonContainer, (actions === null || actions === undefined ? undefined : actions.secondary) && GuidanceBlock_module.secondaryAction)
     }, React__default.default.createElement(WithTooltip, {
       tooltipProps: actions.primary.tooltip
     }, React__default.default.createElement(Button.Button, tslib.__assign({
@@ -146,7 +146,7 @@ var GuidanceBlock = function (_a) {
       iconPosition: "end"
     }, actions.primary, {
       fullWidth: isMobile || componentIsMobile
-    }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && React__default.default.createElement(WithTooltip, {
+    }))), (actions === null || actions === undefined ? undefined : actions.secondary) && React__default.default.createElement(WithTooltip, {
       tooltipProps: actions.secondary.tooltip
     }, React__default.default.createElement("div", {
       className: GuidanceBlock_module.secondaryAction
@@ -155,7 +155,7 @@ var GuidanceBlock = function (_a) {
     }, actions.secondary, {
       onClick: secondaryDismiss ? function () {
         return handleDismissBanner();
-      } : (_a = actions === null || actions === void 0 ? void 0 : actions.secondary) === null || _a === void 0 ? void 0 : _a.onClick,
+      } : (_a = actions === null || actions === undefined ? undefined : actions.secondary) === null || _a === undefined ? undefined : _a.onClick,
       fullWidth: isMobile || componentIsMobile
     }))))));
   })));

package/dist/cjs/Heading/Heading.cjs

@@ -21,10 +21,10 @@ const Heading = /*#__PURE__*/function () {
       tag = _a.tag,
       variant = _a.variant,
       _b = _a.color,
-      color = _b === void 0 ? 'dark' : _b,
+      color = _b === undefined ? 'dark' : _b,
       classNameOverride = _a.classNameOverride,
       restProps = tslib.__rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-    var inferredTag = tag !== null && tag !== void 0 ? tag : translateHeadingLevelToTag(variant);
+    var inferredTag = tag !== null && tag !== undefined ? tag : translateHeadingLevelToTag(variant);
     var className = classnames__default.default(Heading_module.heading, Heading_module[variant], classNameOverride, Heading_module[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? Heading_module.large : Heading_module.small);
     return React.createElement(inferredTag, tslib.__assign(tslib.__assign({}, restProps), {
       className: className

package/dist/cjs/Icon/subcomponents/SVG/SVG.cjs

@@ -17,10 +17,10 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  */
 var SVG = function (_a) {
   var _b = _a.inheritSize,
-    inheritSize = _b === void 0 ? false : _b,
+    inheritSize = _b === undefined ? false : _b,
     role = _a.role,
     _c = _a.viewBox,
-    viewBox = _c === void 0 ? '0 0 20 20' : _c,
+    viewBox = _c === undefined ? '0 0 20 20' : _c,
     classNameOverride = _a.classNameOverride,
     children = _a.children,
     restProps = tslib.__rest(_a, ["inheritSize", "role", "viewBox", "classNameOverride", "children"]);

package/dist/cjs/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs

@@ -28,7 +28,7 @@ var BrandMomentCaptureIntro = function (_a) {
   if (!isAnimated) {
     return React__default.default.createElement(Base.Base, tslib.__assign({
       aspectRatio: aspectRatio,
-      alt: alt !== null && alt !== void 0 ? alt : ''
+      alt: alt !== null && alt !== undefined ? alt : ''
     }, otherProps, {
       name: "illustrations/heart/scene/brand-moments-capture-intro-loop.png"
     }));

package/dist/cjs/Illustration/Scene/Scene.cjs

@@ -27,7 +27,7 @@ var BrandMomentPositiveOutro = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/brand-moments-positive-outro.png"
   }));
@@ -48,7 +48,7 @@ var BrandMomentLogin = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/brand-moments-login.png"
   }));
@@ -69,7 +69,7 @@ var BrandMomentError = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/brand-moments-error.png"
   }));
@@ -121,7 +121,7 @@ var EmptyStatesAction = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/empty-states-action.svg"
   }));
@@ -142,7 +142,7 @@ var EmptyStatesInformative = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/empty-states-informative.svg"
   }));
@@ -163,7 +163,7 @@ var EmptyStatesNegative = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/empty-states-negative.svg"
   }));
@@ -184,7 +184,7 @@ var EmptyStatesPositive = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/empty-states-positive.svg"
   }));
@@ -205,7 +205,7 @@ var EmptyStatesNeutral = function (_a) {
   }
   return React__default.default.createElement(Base.Base, tslib.__assign({
     aspectRatio: enableAspectRatio ? 'landscape' : undefined,
-    alt: alt !== null && alt !== void 0 ? alt : ''
+    alt: alt !== null && alt !== undefined ? alt : ''
   }, otherProps, {
     name: "illustrations/heart/scene/empty-states-neutral.svg"
   }));

package/dist/cjs/Illustration/subcomponents/Base/Base.cjs

@@ -15,7 +15,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Base = function (_a) {
   var name = _a.name,
     _b = _a.alt,
-    alt = _b === void 0 ? '' : _b,
+    alt = _b === undefined ? '' : _b,
     classNameOverride = _a.classNameOverride,
     aspectRatio = _a.aspectRatio,
     restProps = tslib.__rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);

package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs

@@ -17,9 +17,9 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var VideoPlayer = function (_a) {
   var _b = _a.autoplay,
-    autoplay = _b === void 0 ? true : _b,
+    autoplay = _b === undefined ? true : _b,
     _c = _a.loop,
-    loop = _c === void 0 ? false : _c,
+    loop = _c === undefined ? false : _c,
     fallback = _a.fallback,
     source = _a.source,
     aspectRatio = _a.aspectRatio,
@@ -63,7 +63,7 @@ var VideoPlayer = function (_a) {
     setPrefersReducedMotion(reducedMotionQuery.matches);
     var updateMotionPreferences = function () {
       var _a = window.matchMedia('(prefers-reduced-motion: reduce)').matches,
-        matches = _a === void 0 ? false : _a;
+        matches = _a === undefined ? false : _a;
       setPrefersReducedMotion(matches);
     };
     var isLegacyEdge = /Edge/.exec(navigator.userAgent);

package/dist/cjs/Input/Input/Input.cjs

@@ -14,13 +14,13 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Input = function (_a) {
   var inputRef = _a.inputRef,
     _b = _a.status,
-    status = _b === void 0 ? 'default' : _b,
+    status = _b === undefined ? 'default' : _b,
     startIconAdornment = _a.startIconAdornment,
     endIconAdornment = _a.endIconAdornment,
     _c = _a.reversed,
-    reversed = _c === void 0 ? false : _c,
+    reversed = _c === undefined ? false : _c,
     _d = _a.type,
-    type = _d === void 0 ? 'text' : _d,
+    type = _d === undefined ? 'text' : _d,
     value = _a.value,
     defaultValue = _a.defaultValue,
     classNameOverride = _a.classNameOverride,

package/dist/cjs/Input/InputRange/InputRange.cjs

@@ -24,9 +24,9 @@ var InputRange = function (_a) {
     minLabel = _a.minLabel,
     maxLabel = _a.maxLabel,
     _b = _a.min,
-    min = _b === void 0 ? 1 : _b,
+    min = _b === undefined ? 1 : _b,
     _c = _a.max,
-    max = _c === void 0 ? 10 : _c,
+    max = _c === undefined ? 10 : _c,
     onChange = _a.onChange,
     ariaDescribedby = _a["aria-describedby"],
     classNameOverride = _a.classNameOverride,
@@ -40,11 +40,11 @@ var InputRange = function (_a) {
   var readOnlyWithNoValue = readOnly && !value && !defaultValue;
   // This has been split out into a different variable to allow usage of defaultValue above^
   // Plus it lets us use max from props with its default value
-  var defaultValueWithDefault = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (max + 1) / 2;
+  var defaultValueWithDefault = defaultValue !== null && defaultValue !== undefined ? defaultValue : (max + 1) / 2;
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("input", tslib.__assign({
     id: id,
     className: classnames__default.default(InputRange_module.ratingScaleRange, classNameOverride, readOnlyWithNoValue && InputRange_module.hideThumb, disabled && InputRange_module.disabled),
-    disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly,
+    disabled: disabled !== null && disabled !== undefined ? disabled : readOnly,
     type: "range",
     min: min,
     max: max,
@@ -57,7 +57,7 @@ var InputRange = function (_a) {
     "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ''),
     onChange: function (e) {
       setStep(1); // Put the stepper to 1 to avoid floating value
-      onChange === null || onChange === void 0 ? void 0 : onChange(e);
+      onChange === null || onChange === undefined ? undefined : onChange(e);
     }
   }, restProps)), React__default.default.createElement("div", {
     className: classnames__default.default(InputRange_module.spokes, disabled && InputRange_module.disabled)

package/dist/cjs/Input/InputSearch/InputSearch.cjs

@@ -26,18 +26,18 @@ var InputSearch = function (props) {
     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 = tslib.__rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var inputRef = React.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',

package/dist/cjs/KaizenProvider/KaizenProvider.cjs

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

package/dist/cjs/Label/Label.cjs

@@ -14,15 +14,15 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var 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 = tslib.__rest(_a, ["children", "labelText", "labelType", "labelPosition", "reversed", "variant", "disabled", "classNameOverride"]);