@kaizen/components 1.73.6 → 1.73.8

package/dist/cjs/Avatar/Avatar.cjs

@@ -14,7 +14,7 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var getInitials = function (fullName, max2Characters) {
-  if (max2Characters === undefined) {
+  if (max2Characters === void 0) {
     max2Characters = false;
   }
   return fullName == null ? '' : fullName.split(/\s/).reduce(function (acc, name) {
@@ -45,10 +45,10 @@ var FallbackIcon = function (_a) {
   });
 };
 var renderInitials = function (fullName, alt, size, disableInitials) {
-  if (fullName === undefined) {
+  if (fullName === void 0) {
     fullName = '';
   }
-  if (disableInitials === undefined) {
+  if (disableInitials === void 0) {
     disableInitials = false;
   }
   var initials = getInitials(fullName);
@@ -73,16 +73,16 @@ var renderInitials = function (fullName, alt, size, disableInitials) {
 var Avatar = function (_a) {
   var fullName = _a.fullName,
     _b = _a.size,
-    size = _b === undefined ? 'medium' : _b,
+    size = _b === void 0 ? 'medium' : _b,
     avatarSrc = _a.avatarSrc,
     _c = _a.disableInitials,
-    disableInitials = _c === undefined ? false : _c,
+    disableInitials = _c === void 0 ? false : _c,
     _d = _a.isCompany,
-    isCompany = _d === undefined ? false : _d,
+    isCompany = _d === void 0 ? false : _d,
     _e = _a.isCurrentUser,
-    isCurrentUser = _e === undefined ? true : _e,
+    isCurrentUser = _e === void 0 ? true : _e,
     _f = _a.alt,
-    alt = _f === undefined ? fullName !== null && fullName !== undefined ? fullName : '' : _f,
+    alt = _f === void 0 ? fullName !== null && fullName !== void 0 ? fullName : '' : _f,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "alt", "classNameOverride"]);
   var _g = React.useState(avatarSrc ? 'loading' : 'none'),
@@ -102,7 +102,7 @@ var Avatar = function (_a) {
   // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184
   React.useEffect(function () {
     var _a;
-    if ((_a = image === null || image === undefined ? undefined : image.current) === null || _a === undefined ? undefined : _a.complete) onImageSuccess();
+    if ((_a = image === null || image === void 0 ? void 0 : image.current) === null || _a === void 0 ? void 0 : _a.complete) onImageSuccess();
   }, [image]);
   var isNoneOrError = avatarState === 'none' || avatarState === 'error';
   var isPersonal = isNoneOrError && isCurrentUser;

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -23,14 +23,14 @@ var renderCounter = function (remainingAvatars) {
   }, "+".concat(remainingAvatars)));
 };
 var renderAvatars = function (avatars, maxVisible, size) {
-  return React__default.default.createElement(React__default.default.Fragment, null, avatars === null || avatars === undefined ? undefined : avatars.map(function (avatarProps, index) {
+  return React__default.default.createElement(React__default.default.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
     return index < maxVisible && React__default.default.createElement("li", {
       key: "avatar-".concat(index),
       className: AvatarGroup_module.AvatarGroupItem
     }, React__default.default.createElement(Avatar.Avatar, tslib.__assign({}, avatarProps, {
       size: size
     })));
-  }), renderCounter((avatars === null || avatars === undefined ? undefined : avatars.length) - maxVisible));
+  }), renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
@@ -38,9 +38,9 @@ var renderAvatars = function (avatars, maxVisible, size) {
  */
 var AvatarGroup = function (_a) {
   var _b = _a.size,
-    size = _b === undefined ? 'medium' : _b,
+    size = _b === void 0 ? 'medium' : _b,
     _c = _a.maxVisible,
-    maxVisible = _c === undefined ? 2 : _c,
+    maxVisible = _c === void 0 ? 2 : _c,
     avatars = _a.avatars,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);

package/dist/cjs/Badge/Badge.cjs

@@ -19,11 +19,11 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Badge = function (_a) {
   var children = _a.children,
     _b = _a.variant,
-    variant = _b === undefined ? 'default' : _b,
+    variant = _b === void 0 ? 'default' : _b,
     _c = _a.reversed,
-    reversed = _c === undefined ? false : _c,
+    reversed = _c === void 0 ? false : _c,
     _d = _a.size,
-    size = _d === undefined ? 'small' : _d,
+    size = _d === void 0 ? 'small' : _d,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
   return React__default.default.createElement("span", tslib.__assign({

package/dist/cjs/Brand/Brand.cjs

@@ -18,7 +18,7 @@ var isSVG = function (variant, restProps) {
 };
 var Brand = function (_a) {
   var _b = _a.reversed,
-    reversed = _b === undefined ? false : _b,
+    reversed = _b === void 0 ? false : _b,
     variant = _a.variant,
     restProps = tslib.__rest(_a, ["reversed", "variant"]);
   if (isSVG(variant)) {

package/dist/cjs/Button/GenericButton/GenericButton.cjs

@@ -33,19 +33,19 @@ var getCustomProps = function (props) {
 };
 var GenericButton = React.forwardRef(function (_a, ref) {
   var _b = _a.iconPosition,
-    iconPosition = _b === undefined ? 'start' : _b,
+    iconPosition = _b === void 0 ? 'start' : _b,
     _c = _a.iconButton,
-    iconButton = _c === undefined ? false : _c,
+    iconButton = _c === void 0 ? false : _c,
     _d = _a.primary,
-    primary = _d === undefined ? false : _d,
+    primary = _d === void 0 ? false : _d,
     _e = _a.secondary,
-    secondary = _e === undefined ? false : _e,
+    secondary = _e === void 0 ? false : _e,
     _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
-    newTabAndIUnderstandTheAccessibilityImplications = _f === undefined ? false : _f,
+    newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
     _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
-    disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === undefined ? false : _g,
+    disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
     _h = _a.type,
-    type = _h === undefined ? 'button' : _h,
+    type = _h === void 0 ? 'button' : _h,
     otherProps = tslib.__rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
   var buttonRef = React.useRef();
   var wrapperRef = React.useRef(null);
@@ -53,7 +53,7 @@ var GenericButton = React.forwardRef(function (_a, ref) {
     return {
       focus: function () {
         var _a;
-        (_a = buttonRef.current) === null || _a === undefined ? undefined : _a.focus();
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       }
     };
   });
@@ -134,7 +134,7 @@ var renderButton = function (props, ref) {
   return (
     // eslint-disable-next-line react/button-has-type
     React__default.default.createElement("button", tslib.__assign({}, passedInProps, focusableProps, {
-      "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== undefined ? _a : focusableProps['aria-describedby'],
+      "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
       // Unset this because the one defined in buttonProps shows
       // focus-visible styles on click
       onPointerDown: undefined,
@@ -160,7 +160,7 @@ var renderLink = function (props, ref) {
   // Not standardize button behavior as we're currently relying on some weird native behaviours (like onClick firing on enter key press) see https://react-spectrum.adobe.com/blog/building-a-button-part-1.html
   var focusableProps = reactAria.useFocusable(passedInProps, ref).focusableProps;
   return React__default.default.createElement("a", tslib.__assign({}, passedInProps, focusableProps, {
-    "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== undefined ? _a : focusableProps['aria-describedby'],
+    "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
     // Unset this because the one defined in linkProps shows
     // focus-visible styles on click
     onPointerDown: undefined,

package/dist/cjs/Calendar/CalendarPopover/CalendarPopover.cjs

@@ -57,7 +57,7 @@ var CalendarPopover = function (_a) {
     if (floatingElement && referenceElement) {
       // @ts-expect-error this can be removed when we update to react 19
       referenceElement.popoverTargetElement = floatingElement;
-      (_a = floatingElement.showPopover) === null || _a === undefined ? undefined : _a.call(floatingElement);
+      (_a = floatingElement.showPopover) === null || _a === void 0 ? void 0 : _a.call(floatingElement);
       update();
     }
   }, [referenceElement, floatingElement, update]);

package/dist/cjs/Calendar/CalendarRange/CalendarRange.cjs

@@ -20,20 +20,20 @@ var CalendarRange = function (_a) {
   var id = _a.id,
     onMount = _a.onMount,
     _c = _a.hasDivider,
-    hasDivider = _c === undefined ? false : _c,
+    hasDivider = _c === void 0 ? false : _c,
     classNameOverride = _a.classNameOverride,
     selected = _a.selected,
     defaultMonth = _a.defaultMonth,
     _d = _a.numberOfMonths,
-    numberOfMonths = _d === undefined ? 2 : _d,
+    numberOfMonths = _d === void 0 ? 2 : _d,
     _e = _a.locale,
-    locale$1 = _e === undefined ? locale.enAU : _e,
+    locale$1 = _e === void 0 ? locale.enAU : _e,
     restProps = tslib.__rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "numberOfMonths", "locale"]);
   var calendarRef = React.useRef(null);
   React.useEffect(function () {
-    if (calendarRef.current) onMount === null || onMount === undefined ? undefined : onMount(calendarRef.current);
+    if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
   }, [calendarRef, onMount]);
-  var monthToShow = (_b = selected === null || selected === undefined ? undefined : selected.from) !== null && _b !== undefined ? _b : defaultMonth;
+  var monthToShow = (_b = selected === null || selected === void 0 ? void 0 : selected.from) !== null && _b !== void 0 ? _b : defaultMonth;
   var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {

package/dist/cjs/Calendar/CalendarSingle/CalendarSingle.cjs

@@ -24,13 +24,13 @@ var CalendarSingle = function (_a) {
     defaultMonth = _a.defaultMonth,
     weekStartsOn = _a.weekStartsOn,
     _b = _a.locale,
-    locale$1 = _b === undefined ? locale.enAU : _b,
+    locale$1 = _b === void 0 ? locale.enAU : _b,
     restProps = tslib.__rest(_a, ["id", "onMount", "classNameOverride", "selected", "defaultMonth", "weekStartsOn", "locale"]);
   var calendarRef = React.useRef(null);
   React.useEffect(function () {
-    if (calendarRef.current) onMount === null || onMount === undefined ? undefined : onMount(calendarRef.current);
+    if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
   }, [calendarRef, onMount]);
-  var monthToShow = selected !== null && selected !== undefined ? selected : defaultMonth;
+  var monthToShow = selected !== null && selected !== void 0 ? selected : defaultMonth;
   var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {

package/dist/cjs/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs

@@ -21,12 +21,12 @@ var LegacyCalendarRange = function (_a) {
   var classNameOverride = _a.classNameOverride,
     defaultMonth = _a.defaultMonth,
     _c = _a.weekStartsOn,
-    weekStartsOn = _c === undefined ? enums.DayOfWeek.Mon : _c,
+    weekStartsOn = _c === void 0 ? enums.DayOfWeek.Mon : _c,
     disabledDays = _a.disabledDays,
     selectedRange = _a.selectedRange,
     locale = _a.locale,
     onDayChange = _a.onDayChange;
-  var monthToShow = (_b = selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from) !== null && _b !== undefined ? _b : defaultMonth;
+  var monthToShow = (_b = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) !== null && _b !== void 0 ? _b : defaultMonth;
   var selectedMonth = monthToShow && isInvalidDate.isInvalidDate(monthToShow) ? undefined : monthToShow;
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {

package/dist/cjs/Calendar/utils/calculateDisabledDays.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var calculateDisabledDays = function (_a) {
   var _b = _a.disabledDates,
-    disabledDates = _b === undefined ? [] : _b,
+    disabledDates = _b === void 0 ? [] : _b,
     disabledDaysOfWeek = _a.disabledDaysOfWeek,
     disabledRange = _a.disabledRange,
     disabledBeforeAfter = _a.disabledBeforeAfter,

package/dist/cjs/Calendar/utils/isSelectingDayInCalendar.cjs

@@ -3,6 +3,6 @@
 var baseCalendarClassNames_module = require('../baseCalendarClassNames.module.scss.cjs');
 var isSelectingDayInCalendar = function (target) {
   var _a, _b;
-  return (_b = (_a = target === null || target === undefined ? undefined : target.classList) === null || _a === undefined ? undefined : _a.contains(baseCalendarClassNames_module.day)) !== null && _b !== undefined ? _b : false;
+  return (_b = (_a = target === null || target === void 0 ? void 0 : target.classList) === null || _a === void 0 ? void 0 : _a.contains(baseCalendarClassNames_module.day)) !== null && _b !== void 0 ? _b : false;
 };
 exports.isSelectingDayInCalendar = isSelectingDayInCalendar;

package/dist/cjs/Calendar/utils/setFocusInCalendar.cjs

@@ -7,7 +7,7 @@ var isHTMLElement = function (element) {
 };
 var setFocusInCalendar = function (calendarElement, selectedDay) {
   var daySelectedOrToday = calendarElement.getElementsByClassName(selectedDay && !isInvalidDate.isInvalidDate(selectedDay) ? baseCalendarClassNames_module.daySelected : baseCalendarClassNames_module.dayToday)[0];
-  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== undefined ? daySelectedOrToday : calendarElement.getElementsByClassName(baseCalendarClassNames_module.day)[0];
+  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== void 0 ? daySelectedOrToday : calendarElement.getElementsByClassName(baseCalendarClassNames_module.day)[0];
   if (isHTMLElement(dayToFocus)) dayToFocus.focus();
 };
 exports.setFocusInCalendar = setFocusInCalendar;

package/dist/cjs/Card/Card.cjs

@@ -19,12 +19,12 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Card = function (_a) {
   var children = _a.children,
     _b = _a.tag,
-    tag = _b === undefined ? 'div' : _b,
+    tag = _b === void 0 ? 'div' : _b,
     variant = _a.variant,
     _c = _a.color,
-    color = _c === undefined ? 'white' : _c,
+    color = _c === void 0 ? 'white' : _c,
     _d = _a.isElevated,
-    isElevated = _d === undefined ? false : _d,
+    isElevated = _d === void 0 ? false : _d,
     classNameOverride = _a.classNameOverride,
     props = tslib.__rest(_a, ["children", "tag", "variant", "color", "isElevated", "classNameOverride"]);
   var Element = tag;

package/dist/cjs/Checkbox/Checkbox/Checkbox.cjs

@@ -25,10 +25,10 @@ var getCheckedFromStatus = function (checkedStatus) {
 };
 var Checkbox = function (_a) {
   var _b = _a.checkedStatus,
-    checkedStatus = _b === undefined ? 'off' : _b,
+    checkedStatus = _b === void 0 ? 'off' : _b,
     onCheck = _a.onCheck,
     _c = _a.reversed,
-    reversed = _c === undefined ? false : _c,
+    reversed = _c === void 0 ? false : _c,
     value = _a.value,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
@@ -45,7 +45,7 @@ var Checkbox = function (_a) {
     className: classnames__default.default(Checkbox_module.checkbox, classNameOverride, reversed && Checkbox_module.reversed),
     checked: getCheckedFromStatus(checkedStatus),
     onChange: onCheck,
-    value: value !== null && value !== undefined ? value : checkedStatus,
+    value: value !== null && value !== void 0 ? value : checkedStatus,
     readOnly: onCheck === undefined
   }, restProps)), React__default.default.createElement("span", {
     className: classnames__default.default(Checkbox_module.box, reversed && Checkbox_module.reversed)

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.cjs

@@ -23,16 +23,16 @@ var CheckboxField = function (_a) {
     labelText = _a.labelText,
     checkedStatus = _a.checkedStatus,
     _b = _a.disabled,
-    disabled = _b === undefined ? false : _b,
+    disabled = _b === void 0 ? false : _b,
     _c = _a.reversed,
-    reversed = _c === undefined ? false : _c,
+    reversed = _c === void 0 ? false : _c,
     _d = _a.noBottomMargin,
-    noBottomMargin = _d === undefined ? false : _d,
+    noBottomMargin = _d === void 0 ? false : _d,
     dataTestId = _a["data-testid"],
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ['id', "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", 'data-testid', "classNameOverride"]);
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
   return React__default.default.createElement("div", {
     "data-testid": dataTestId,
     className: classnames__default.default(CheckboxField_module.container, classNameOverride, checkedStatus === 'on' && CheckboxField_module.checked, checkedStatus === 'mixed' && CheckboxField_module.mixed, reversed && CheckboxField_module.reversed, noBottomMargin && CheckboxField_module.noBottomMargin)

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.cjs

@@ -22,13 +22,13 @@ var CheckboxGroup = function (_a) {
     labelText = _a.labelText,
     propsLabelId = _a.labelId,
     _b = _a.noBottomMargin,
-    noBottomMargin = _b === undefined ? false : _b,
+    noBottomMargin = _b === void 0 ? false : _b,
     _c = _a.reversed,
-    reversed = _c === undefined ? false : _c,
+    reversed = _c === void 0 ? false : _c,
     classNameOverride = _a.classNameOverride,
     restProps = tslib.__rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
   var fallbackId = React.useId();
-  var labelId = propsLabelId !== null && propsLabelId !== undefined ? propsLabelId : fallbackId;
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
   return React__default.default.createElement("div", tslib.__assign({
     className: classnames__default.default(CheckboxGroup_module.checkboxGroupContainer, classNameOverride, noBottomMargin && CheckboxGroup_module.noBottomMargin, reversed && CheckboxGroup_module.reversed),
     role: "group",

package/dist/cjs/ClearButton/ClearButton.cjs

@@ -15,7 +15,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var ClearButton = function (_a) {
   var classNameOverride = _a.classNameOverride,
     _b = _a.isReversed,
-    isReversed = _b === undefined ? false : _b,
+    isReversed = _b === void 0 ? false : _b,
     restProps = tslib.__rest(_a, ["classNameOverride", "isReversed"]);
   return React__default.default.createElement("button", tslib.__assign({
     type: "button",

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs

@@ -28,24 +28,24 @@ var Collapsible = function (_a) {
     noSectionPadding = _a.noSectionPadding,
     onToggle = _a.onToggle,
     _b = _a.variant,
-    variant = _b === undefined ? 'default' : _b,
+    variant = _b === void 0 ? 'default' : _b,
     lazyLoad = _a.lazyLoad,
     controlled = _a.controlled,
     classNameOverride = _a.classNameOverride,
     propsId = _a.id,
     restProps = tslib.__rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
-  var _c = React.useState(open !== null && open !== undefined ? open : false),
+  var _c = React.useState(open !== null && open !== void 0 ? open : false),
     stateIsOpen = _c[0],
     setIsOpen = _c[1];
   var getOpen = function () {
     return controlled ? open : stateIsOpen;
   };
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
   var handleSectionToggle = function () {
     var newIsOpen = !getOpen();
     if (!controlled) setIsOpen(newIsOpen);
-    onToggle === null || onToggle === undefined ? undefined : onToggle(newIsOpen, id);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
   };
   var handleButtonPress = function (event) {
     event.stopPropagation();

package/dist/cjs/Collapsible/Collapsible/Collapsible.module.scss.cjs

@@ -12,7 +12,6 @@ var styles = {
   "clearVariant": "Collapsible-module_clearVariant__BHkHf",
   "sticky": "Collapsible-module_sticky__m1V8p",
   "section": "Collapsible-module_section__yfZvI",
-  "noPadding": "Collapsible-module_noPadding__Vfm3q",
-  "hide": "Collapsible-module_hide__cvbIi"
+  "noPadding": "Collapsible-module_noPadding__Vfm3q"
 };
 module.exports = styles;

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.cjs

@@ -19,12 +19,12 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var CollapsibleGroup = function (_a) {
   var children = _a.children,
     _b = _a.separated,
-    separated = _b === undefined ? false : _b,
+    separated = _b === void 0 ? false : _b,
     sticky = _a.sticky,
     _c = _a.noSectionPadding,
-    noSectionPadding = _c === undefined ? false : _c,
+    noSectionPadding = _c === void 0 ? false : _c,
     _d = _a.lazyLoad,
-    lazyLoad = _d === undefined ? false : _d,
+    lazyLoad = _d === void 0 ? false : _d,
     onToggle = _a.onToggle,
     classNameOverride = _a.classNameOverride,
     props = tslib.__rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);

package/dist/cjs/DateInput/DateInput/DateInput.cjs

@@ -21,7 +21,7 @@ var DateInput = React__default.default.forwardRef(function (_a, ref) {
     labelText = _a.labelText,
     disabled = _a.disabled,
     _b = _a.isReversed,
-    isReversed = _b === undefined ? false : _b,
+    isReversed = _b === void 0 ? false : _b,
     classNameOverride = _a.classNameOverride,
     inputProps = tslib.__rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
   return React__default.default.createElement("div", {

package/dist/cjs/DateInput/DateInputDescription/DateInputDescription.module.scss.cjs

@@ -2,8 +2,6 @@
 
 var styles = {
   "dateInputDescription": "DateInputDescription-module_dateInputDescription__dEWv8",
-  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur",
-  "descriptionInputFormat": "DateInputDescription-module_descriptionInputFormat__rQ-Z5",
-  "labelSeparator": "DateInputDescription-module_labelSeparator__L7Be4"
+  "dateInputFormatContainer": "DateInputDescription-module_dateInputFormatContainer__U-zur"
 };
 module.exports = styles;

package/dist/cjs/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.cjs

@@ -2,7 +2,7 @@
 
 var formatDescriptionInputFormat = function (locale) {
   var _a;
-  return (_a = locale.formatLong) === null || _a === undefined ? undefined : _a.date({
+  return (_a = locale.formatLong) === null || _a === void 0 ? void 0 : _a.date({
     width: 'short'
   }).toLowerCase();
 };

package/dist/cjs/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs

@@ -20,8 +20,8 @@ var DateInputWithIconButton = React__default.default.forwardRef(function (_a, re
     value = _a.value,
     restProps = tslib.__rest(_a, ["onButtonClick", "disabled", "value"]);
   var customRefObject = isRefObject.isRefObject(ref) ? ref.current : null;
-  var inputRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputRef;
-  var buttonRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.buttonRef;
+  var inputRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputRef;
+  var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
   var IconButton = React__default.default.createElement("button", {
     ref: buttonRef,
     type: "button",

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -35,7 +35,7 @@ var DatePicker = function (_a) {
   var propsId = _a.id,
     propsButtonRef = _a.buttonRef,
     _b = _a.locale,
-    propsLocale = _b === undefined ? 'en-AU' : _b,
+    propsLocale = _b === void 0 ? 'en-AU' : _b,
     disabledDates = _a.disabledDates,
     disabledDaysOfWeek = _a.disabledDaysOfWeek,
     disabledRange = _a.disabledRange,
@@ -62,11 +62,11 @@ var DatePicker = function (_a) {
     description: 'Label for the search input'
   });
   var reactId = React.useId();
-  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
   var containerRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var fallbackButtonRef = React.useRef(null);
-  var buttonRef = propsButtonRef !== null && propsButtonRef !== undefined ? propsButtonRef : fallbackButtonRef;
+  var buttonRef = propsButtonRef !== null && propsButtonRef !== void 0 ? propsButtonRef : fallbackButtonRef;
   var dateInputRefs = React.useRef({
     inputRef: inputRef,
     buttonRef: buttonRef
@@ -125,7 +125,7 @@ var DatePicker = function (_a) {
   };
   var handleInputClick = function (e) {
     setIsOpen(true);
-    onInputClick === null || onInputClick === undefined ? undefined : onInputClick(e);
+    onInputClick === null || onInputClick === void 0 ? void 0 : onInputClick(e);
   };
   var handleInputFocus = function (e) {
     setLastTrigger('inputFocus');
@@ -133,11 +133,11 @@ var DatePicker = function (_a) {
       var newInputValue = formatDateAsNumeral.formatDateAsNumeral(selectedDay, locale);
       setInputValue(newInputValue);
     }
-    onInputFocus === null || onInputFocus === undefined ? undefined : onInputFocus(e);
+    onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
   };
   var handleInputChange = function (e) {
     setInputValue(e.target.value);
-    onInputChange === null || onInputChange === undefined ? undefined : onInputChange(e);
+    onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
   };
   var handleInputBlur = function (e) {
     if (isSelectingDayInCalendar.isSelectingDayInCalendar(e.relatedTarget)) return;
@@ -147,11 +147,11 @@ var DatePicker = function (_a) {
         setInputValue(formatDateAsText.formatDateAsText(parsedDate, disabledDays, locale));
       }
       handleDayChange(parsedDate, inputValue);
-      onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
+      onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
       return;
     }
     handleDayChange(undefined, inputValue);
-    onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
+    onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
   };
   var handleKeyDown = function (e) {
     if (e.key === 'Enter') {
@@ -168,7 +168,7 @@ var DatePicker = function (_a) {
   var handleButtonClick = function (e) {
     setIsOpen(!isOpen);
     setLastTrigger('calendarButton');
-    onButtonClick === null || onButtonClick === undefined ? undefined : onButtonClick(e);
+    onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
   };
   var handleCalendarMount = function (calendarElement) {
     if (lastTrigger === 'inputFocus') return;
@@ -177,9 +177,9 @@ var DatePicker = function (_a) {
   var handleReturnFocus = function () {
     var _a, _b;
     if (lastTrigger === 'inputKeydown' || lastTrigger === 'inputFocus') {
-      return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
+      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    (_b = buttonRef.current) === null || _b === undefined ? undefined : _b.focus();
+    (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
   };
   React.useEffect(function () {
     if (selectedDay) {

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -21,15 +21,15 @@ var DateInputField = React__default.default.forwardRef(function (_a, ref) {
     status = _a.status,
     validationMessage = _a.validationMessage,
     _b = _a.locale,
-    locale$1 = _b === undefined ? locale.enAU : _b,
+    locale$1 = _b === void 0 ? locale.enAU : _b,
     propsId = _a.id,
     disabled = _a.disabled,
     _c = _a.isReversed,
-    isReversed = _c === undefined ? false : _c,
+    isReversed = _c === void 0 ? false : _c,
     classNameOverride = _a.classNameOverride,
     dateInputWithIconButtonProps = tslib.__rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
   var reactId = React.useId();
-  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
   var descriptionId = "".concat(id, "-field-message");
   var shouldShowValidationMessage = !disabled && validationMessage;
   return React__default.default.createElement("div", {

package/dist/cjs/DateRangePicker/DateRangePicker.cjs

@@ -36,7 +36,7 @@ var DateRangePicker = function (_a) {
   _a.description; // not used
   var labelText = _a.labelText,
     _c = _a.isDisabled,
-    isDisabled = _c === undefined ? false : _c,
+    isDisabled = _c === void 0 ? false : _c,
     classNameOverride = _a.classNameOverride,
     disabledDates = _a.disabledDates,
     disabledDaysOfWeek = _a.disabledDaysOfWeek,
@@ -51,9 +51,9 @@ var DateRangePicker = function (_a) {
     onChange = _a.onChange,
     inputProps = tslib.__rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
   var fallbackRef = React.useRef(null);
-  var ref = buttonRef !== null && buttonRef !== undefined ? buttonRef : fallbackRef;
+  var ref = buttonRef !== null && buttonRef !== void 0 ? buttonRef : fallbackRef;
   var reactId = React.useId();
-  var id = propsId !== null && propsId !== undefined ? propsId : reactId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
   var containerRef = React.useRef(null);
   var _d = React.useState(false),
     isOpen = _d[0],
@@ -122,7 +122,7 @@ var DateRangePicker = function (_a) {
     disabled: isDisabled,
     ref: ref,
     onClick: handleOpenClose,
-    "aria-label": (selectedDateRange === null || selectedDateRange === undefined ? undefined : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
+    "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
   }, inputProps), React__default.default.createElement("div", {
     className: DateRangePicker_module.startIconAdornment
   }, React__default.default.createElement(Icon.Icon, {
@@ -131,7 +131,7 @@ var DateRangePicker = function (_a) {
     isFilled: true
   })), React__default.default.createElement("span", {
     className: DateRangePicker_module.value
-  }, (selectedDateRange === null || selectedDateRange === undefined ? undefined : selectedDateRange.from) ? value : undefined))), isOpen && React__default.default.createElement(reactFocusOn.FocusOn, {
+  }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && React__default.default.createElement(reactFocusOn.FocusOn, {
     scrollLock: false,
     onDeactivation: handleReturnFocus,
     onClickOutside: handleOpenClose,

package/dist/cjs/DateRangePicker/utils/formatDateRangeValue.cjs

@@ -12,8 +12,8 @@ var dateWithoutYearFormatOptions = {
 var formatDateRangeValue = function (dateRange) {
   var _a, _b, _c, _d;
   if (dateRange.to) {
-    var isSameYear = ((_a = dateRange.from) === null || _a === undefined ? undefined : _a.getFullYear()) === ((_b = dateRange === null || dateRange === undefined ? undefined : dateRange.to) === null || _b === undefined ? undefined : _b.getFullYear());
-    var from = isSameYear ? (_c = dateRange.from) === null || _c === undefined ? undefined : _c.toLocaleDateString('en-US', dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === undefined ? undefined : _d.toLocaleDateString('en-US', dateFormatOptions);
+    var isSameYear = ((_a = dateRange.from) === null || _a === void 0 ? void 0 : _a.getFullYear()) === ((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.getFullYear());
+    var from = isSameYear ? (_c = dateRange.from) === null || _c === void 0 ? void 0 : _c.toLocaleDateString('en-US', dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === void 0 ? void 0 : _d.toLocaleDateString('en-US', dateFormatOptions);
     var to = dateRange.to.toLocaleDateString('en-US', dateFormatOptions);
     return "".concat(from, " \u2013 ").concat(to);
   } else {

package/dist/cjs/Divider/Divider.cjs

@@ -19,7 +19,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var Divider = function (_a) {
   var variant = _a.variant,
     _b = _a.isReversed,
-    isReversed = _b === undefined ? false : _b,
+    isReversed = _b === void 0 ? false : _b,
     classNameOverride = _a.classNameOverride,
     props = tslib.__rest(_a, ["variant", "isReversed", "classNameOverride"]);
   return React__default.default.createElement("hr", tslib.__assign({