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

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -7,7 +7,7 @@ import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
 import { assetUrl } from '../utils/hostedAssets.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
-import styles from './BrandMoment.module.scss.mjs';
+import styles from './BrandMoment.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
@@ -44,7 +44,7 @@ const BrandMoment = /*#__PURE__*/function () {
       className: styles.right
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.rightInner
-    }, text.subtitle && ( /*#__PURE__*/React.createElement(Heading, {
+    }, text.subtitle && (/*#__PURE__*/React.createElement(Heading, {
       variant: "heading-3",
       tag: "h1",
       classNameOverride: styles.subtitle
@@ -52,22 +52,22 @@ const BrandMoment = /*#__PURE__*/function () {
       variant: "display-0",
       tag: text.subtitle ? 'h2' : 'h1',
       classNameOverride: styles.title
-    }, text.title), text.body && ( /*#__PURE__*/React.createElement(Text, {
+    }, text.title), text.body && (/*#__PURE__*/React.createElement(Text, {
       variant: "intro-lede",
       classNameOverride: styles.textBody
     }, text.body)), body && /*#__PURE__*/React.createElement("div", {
       className: styles.textBody
     }, body), /*#__PURE__*/React.createElement("div", {
       className: styles.actions
-    }, primaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
+    }, primaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
       primary: true,
       fullWidth: queries.isSmall
-    }, primaryAction))), secondaryAction && ( /*#__PURE__*/React.createElement("div", {
+    }, primaryAction))), secondaryAction && (/*#__PURE__*/React.createElement("div", {
       className: styles.secondaryAction
     }, /*#__PURE__*/React.createElement(Button, __assign({
       secondary: true,
       fullWidth: queries.isSmall
-    }, secondaryAction)))))))))), text.footer && ( /*#__PURE__*/React.createElement("footer", {
+    }, secondaryAction)))))))))), text.footer && (/*#__PURE__*/React.createElement("footer", {
       className: styles.footer
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.container

package/dist/esm/BrandMoment/BrandMoment.module.css.mjs

@@ -0,0 +1,27 @@
+var styles = {
+  "body": "BrandMoment-module_body__mZWwj",
+  "positive": "BrandMoment-module_positive__BUY8h",
+  "negative": "BrandMoment-module_negative__dGxqH",
+  "informative": "BrandMoment-module_informative__RDHFy",
+  "success": "BrandMoment-module_success__i-7Fl",
+  "warning": "BrandMoment-module_warning__iuyDr",
+  "container": "BrandMoment-module_container__OlSoH",
+  "header": "BrandMoment-module_header__sKrWW",
+  "main": "BrandMoment-module_main__sTJzS",
+  "mainInner": "BrandMoment-module_mainInner__rdzJ-",
+  "left": "BrandMoment-module_left__4j1kF",
+  "leftInner": "BrandMoment-module_leftInner__41Xmt",
+  "right": "BrandMoment-module_right__Jly5e",
+  "rightInner": "BrandMoment-module_rightInner__Q9Fb1",
+  "subtitle": "BrandMoment-module_subtitle__ga5-B",
+  "title": "BrandMoment-module_title__D5j2N",
+  "textBody": "BrandMoment-module_textBody__oNXGM",
+  "secondaryAction": "BrandMoment-module_secondaryAction__t5zMV",
+  "actions": "BrandMoment-module_actions__qYQHB",
+  "footer": "BrandMoment-module_footer__RXyg-",
+  "footerInner": "BrandMoment-module_footerInner__rTK8U",
+  "poweredByContainer": "BrandMoment-module_poweredByContainer__vIfJu",
+  "footerTextContainer": "BrandMoment-module_footerTextContainer__2GPk4",
+  "poweredByLogo": "BrandMoment-module_poweredByLogo__BL-Ti"
+};
+export { styles as default };

package/dist/esm/Button/GenericButton/GenericButton.mjs

@@ -25,19 +25,19 @@ var getCustomProps = function (props) {
 const GenericButton = /*#__PURE__*/function () {
   const GenericButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b = _a.iconPosition,
-      iconPosition = _b === void 0 ? 'start' : _b,
+      iconPosition = _b === undefined ? 'start' : _b,
       _c = _a.iconButton,
-      iconButton = _c === void 0 ? false : _c,
+      iconButton = _c === undefined ? false : _c,
       _d = _a.primary,
-      primary = _d === void 0 ? false : _d,
+      primary = _d === undefined ? false : _d,
       _e = _a.secondary,
-      secondary = _e === void 0 ? false : _e,
+      secondary = _e === undefined ? false : _e,
       _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
-      newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
+      newTabAndIUnderstandTheAccessibilityImplications = _f === undefined ? false : _f,
       _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
-      disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
+      disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === undefined ? false : _g,
       _h = _a.type,
-      type = _h === void 0 ? 'button' : _h,
+      type = _h === undefined ? 'button' : _h,
       otherProps = __rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
     var buttonRef = useRef();
     var wrapperRef = useRef(null);
@@ -45,7 +45,7 @@ const GenericButton = /*#__PURE__*/function () {
       return {
         focus: function () {
           var _a;
-          (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          (_a = buttonRef.current) === null || _a === undefined ? undefined : _a.focus();
         }
       };
     });
@@ -129,7 +129,7 @@ var renderButton = function (props, ref) {
     /*#__PURE__*/
     // eslint-disable-next-line react/button-has-type
     React.createElement("button", __assign({}, passedInProps, focusableProps, {
-      "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
+      "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== undefined ? _a : focusableProps['aria-describedby'],
       // Unset this because the one defined in buttonProps shows
       // focus-visible styles on click
       onPointerDown: undefined,
@@ -155,7 +155,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 = useFocusable(passedInProps, ref).focusableProps;
   return /*#__PURE__*/React.createElement("a", __assign({}, passedInProps, focusableProps, {
-    "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
+    "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== undefined ? _a : focusableProps['aria-describedby'],
     // Unset this because the one defined in linkProps shows
     // focus-visible styles on click
     onPointerDown: undefined,
@@ -187,14 +187,14 @@ var renderWorkingContent = function (props) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.iconPosition !== 'end' && renderLoadingSpinner(), /*#__PURE__*/React.createElement("span", {
     className: styles.label
-  }, props.workingLabel), props.additionalContent && ( /*#__PURE__*/React.createElement("span", {
+  }, props.workingLabel), props.additionalContent && (/*#__PURE__*/React.createElement("span", {
     className: styles.additionalContentWrapper
   }, props.additionalContent)), props.iconPosition === 'end' && renderLoadingSpinner());
 };
 var renderDefaultContent = function (props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && props.iconPosition !== 'end' && renderIcon(props.icon), (!props.icon || !props.iconButton) && /*#__PURE__*/React.createElement("span", {
     className: styles.label
-  }, props.label), props.additionalContent && ( /*#__PURE__*/React.createElement("span", {
+  }, props.label), props.additionalContent && (/*#__PURE__*/React.createElement("span", {
     className: styles.additionalContentWrapper
   }, props.additionalContent)), renderBadge(props), props.icon && props.iconPosition === 'end' && renderIcon(props.icon));
 };

package/dist/esm/ButtonGroup/ButtonGroup.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { FilterButtonBase } from '../Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import { Tooltip } from '../Tooltip/index.mjs';
-import styles from './ButtonGroup.module.scss.mjs';
+import styles from './ButtonGroup.module.css.mjs';
 var isFilterButton = function (node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === FilterButtonBase;
 };

package/dist/esm/ButtonGroup/ButtonGroup.module.css.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "buttonGroup": "ButtonGroup-module_buttonGroup__V0Pf9",
+  "child": "ButtonGroup-module_child__j1SVF",
+  "firstChild": "ButtonGroup-module_firstChild__ys3PS",
+  "lastChild": "ButtonGroup-module_lastChild__WBOpN"
+};
+export { styles as default };

package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs

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

package/dist/esm/Calendar/CalendarSingle/CalendarSingle.mjs

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

package/dist/esm/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs

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

package/dist/esm/Calendar/utils/calculateDisabledDays.mjs

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

package/dist/esm/Calendar/utils/isSelectingDayInCalendar.mjs

@@ -1,6 +1,6 @@
 import calendarStyles from '../baseCalendarClassNames.module.scss.mjs';
 var isSelectingDayInCalendar = function (target) {
   var _a, _b;
-  return (_b = (_a = target === null || target === void 0 ? void 0 : target.classList) === null || _a === void 0 ? void 0 : _a.contains(calendarStyles.day)) !== null && _b !== void 0 ? _b : false;
+  return (_b = (_a = target === null || target === undefined ? undefined : target.classList) === null || _a === undefined ? undefined : _a.contains(calendarStyles.day)) !== null && _b !== undefined ? _b : false;
 };
 export { isSelectingDayInCalendar };

package/dist/esm/Calendar/utils/setFocusInCalendar.mjs

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

package/dist/esm/Card/Card.mjs

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

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs

@@ -17,10 +17,10 @@ var getCheckedFromStatus = function (checkedStatus) {
 const Checkbox = /*#__PURE__*/function () {
   const Checkbox = function (_a) {
     var _b = _a.checkedStatus,
-      checkedStatus = _b === void 0 ? 'off' : _b,
+      checkedStatus = _b === undefined ? 'off' : _b,
       onCheck = _a.onCheck,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       value = _a.value,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
@@ -37,7 +37,7 @@ const Checkbox = /*#__PURE__*/function () {
       className: classnames(styles.checkbox, classNameOverride, reversed && styles.reversed),
       checked: getCheckedFromStatus(checkedStatus),
       onChange: onCheck,
-      value: value !== null && value !== void 0 ? value : checkedStatus,
+      value: value !== null && value !== undefined ? value : checkedStatus,
       readOnly: onCheck === undefined
     }, restProps)), /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.box, reversed && styles.reversed)

package/dist/esm/Checkbox/CheckboxField/CheckboxField.mjs

@@ -15,16 +15,16 @@ const CheckboxField = /*#__PURE__*/function () {
       labelText = _a.labelText,
       checkedStatus = _a.checkedStatus,
       _b = _a.disabled,
-      disabled = _b === void 0 ? false : _b,
+      disabled = _b === undefined ? false : _b,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       _d = _a.noBottomMargin,
-      noBottomMargin = _d === void 0 ? false : _d,
+      noBottomMargin = _d === undefined ? false : _d,
       dataTestId = _a["data-testid"],
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ['id', "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", 'data-testid', "classNameOverride"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": dataTestId,
       className: classnames(styles.container, classNameOverride, checkedStatus === 'on' && styles.checked, checkedStatus === 'mixed' && styles.mixed, reversed && styles.reversed, noBottomMargin && styles.noBottomMargin)

package/dist/esm/Checkbox/CheckboxGroup/CheckboxGroup.mjs

@@ -14,13 +14,13 @@ const CheckboxGroup = /*#__PURE__*/function () {
       labelText = _a.labelText,
       propsLabelId = _a.labelId,
       _b = _a.noBottomMargin,
-      noBottomMargin = _b === void 0 ? false : _b,
+      noBottomMargin = _b === undefined ? false : _b,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
     var fallbackId = useId();
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
+    var labelId = propsLabelId !== null && propsLabelId !== undefined ? propsLabelId : fallbackId;
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.checkboxGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
       role: "group",

package/dist/esm/ClearButton/ClearButton.mjs

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

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -19,24 +19,24 @@ const Collapsible = /*#__PURE__*/function () {
       noSectionPadding = _a.noSectionPadding,
       onToggle = _a.onToggle,
       _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
+      variant = _b === undefined ? 'default' : _b,
       lazyLoad = _a.lazyLoad,
       controlled = _a.controlled,
       classNameOverride = _a.classNameOverride,
       propsId = _a.id,
       restProps = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
-    var _c = useState(open !== null && open !== void 0 ? open : false),
+    var _c = useState(open !== null && open !== undefined ? open : false),
       stateIsOpen = _c[0],
       setIsOpen = _c[1];
     var getOpen = function () {
       return controlled ? open : stateIsOpen;
     };
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var handleSectionToggle = function () {
       var newIsOpen = !getOpen();
       if (!controlled) setIsOpen(newIsOpen);
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
+      onToggle === null || onToggle === undefined ? undefined : onToggle(newIsOpen, id);
     };
     var handleButtonPress = function (event) {
       event.stopPropagation();
@@ -57,7 +57,7 @@ const Collapsible = /*#__PURE__*/function () {
       },
       onClick: handleSectionToggle,
       "data-testid": "collapsible-header-".concat(id)
-    }, renderHeader !== undefined ? renderHeader(title) : ( /*#__PURE__*/React.createElement("div", {
+    }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React.createElement("div", {
       className: styles.title,
       "data-testid": "collapsible-button-title-".concat(id)
     }, /*#__PURE__*/React.createElement(Heading, {
@@ -76,7 +76,7 @@ const Collapsible = /*#__PURE__*/function () {
       id: buttonId,
       onClick: handleButtonPress,
       classNameOverride: styles.chevronButton
-    }))), (!lazyLoad || isOpen) && ( /*#__PURE__*/React.createElement(AnimateHeight, {
+    }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React.createElement(AnimateHeight, {
       height: isOpen ? 'auto' : 0,
       "data-testid": "collapsible-section-".concat(id)
     }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs

@@ -10,12 +10,12 @@ import styles from './CollapsibleGroup.module.scss.mjs';
 var CollapsibleGroup = function (_a) {
   var children = _a.children,
     _b = _a.separated,
-    separated = _b === void 0 ? false : _b,
+    separated = _b === undefined ? false : _b,
     sticky = _a.sticky,
     _c = _a.noSectionPadding,
-    noSectionPadding = _c === void 0 ? false : _c,
+    noSectionPadding = _c === undefined ? false : _c,
     _d = _a.lazyLoad,
-    lazyLoad = _d === void 0 ? false : _d,
+    lazyLoad = _d === undefined ? false : _d,
     onToggle = _a.onToggle,
     classNameOverride = _a.classNameOverride,
     props = __rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);

package/dist/esm/DateInput/DateInput/DateInput.mjs

@@ -13,7 +13,7 @@ const DateInput = /*#__PURE__*/function () {
       labelText = _a.labelText,
       disabled = _a.disabled,
       _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
+      isReversed = _b === undefined ? false : _b,
       classNameOverride = _a.classNameOverride,
       inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", {

package/dist/esm/DateInput/DateInputDescription/utils/formatDescriptionInputFormat.mjs

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

package/dist/esm/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs

@@ -12,8 +12,8 @@ const DateInputWithIconButton = /*#__PURE__*/function () {
       value = _a.value,
       restProps = __rest(_a, ["onButtonClick", "disabled", "value"]);
     var customRefObject = isRefObject(ref) ? ref.current : null;
-    var inputRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputRef;
-    var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
+    var inputRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.inputRef;
+    var buttonRef = customRefObject === null || customRefObject === undefined ? undefined : customRefObject.buttonRef;
     var IconButton = /*#__PURE__*/React.createElement("button", {
       ref: buttonRef,
       type: "button",

package/dist/esm/DatePicker/DatePicker.mjs

@@ -28,7 +28,7 @@ const DatePicker = /*#__PURE__*/function () {
     var propsId = _a.id,
       propsButtonRef = _a.buttonRef,
       _b = _a.locale,
-      propsLocale = _b === void 0 ? 'en-AU' : _b,
+      propsLocale = _b === undefined ? 'en-AU' : _b,
       disabledDates = _a.disabledDates,
       disabledDaysOfWeek = _a.disabledDaysOfWeek,
       disabledRange = _a.disabledRange,
@@ -55,11 +55,11 @@ const DatePicker = /*#__PURE__*/function () {
       description: 'Label for the search input'
     });
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var containerRef = useRef(null);
     var inputRef = useRef(null);
     var fallbackButtonRef = useRef(null);
-    var buttonRef = propsButtonRef !== null && propsButtonRef !== void 0 ? propsButtonRef : fallbackButtonRef;
+    var buttonRef = propsButtonRef !== null && propsButtonRef !== undefined ? propsButtonRef : fallbackButtonRef;
     var dateInputRefs = useRef({
       inputRef: inputRef,
       buttonRef: buttonRef
@@ -118,7 +118,7 @@ const DatePicker = /*#__PURE__*/function () {
     };
     var handleInputClick = function (e) {
       setIsOpen(true);
-      onInputClick === null || onInputClick === void 0 ? void 0 : onInputClick(e);
+      onInputClick === null || onInputClick === undefined ? undefined : onInputClick(e);
     };
     var handleInputFocus = function (e) {
       setLastTrigger('inputFocus');
@@ -126,11 +126,11 @@ const DatePicker = /*#__PURE__*/function () {
         var newInputValue = formatDateAsNumeral(selectedDay, locale);
         setInputValue(newInputValue);
       }
-      onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
+      onInputFocus === null || onInputFocus === undefined ? undefined : onInputFocus(e);
     };
     var handleInputChange = function (e) {
       setInputValue(e.target.value);
-      onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
+      onInputChange === null || onInputChange === undefined ? undefined : onInputChange(e);
     };
     var handleInputBlur = function (e) {
       if (isSelectingDayInCalendar(e.relatedTarget)) return;
@@ -140,11 +140,11 @@ const DatePicker = /*#__PURE__*/function () {
           setInputValue(formatDateAsText(parsedDate, disabledDays, locale));
         }
         handleDayChange(parsedDate, inputValue);
-        onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+        onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
         return;
       }
       handleDayChange(undefined, inputValue);
-      onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+      onInputBlur === null || onInputBlur === undefined ? undefined : onInputBlur(e);
     };
     var handleKeyDown = function (e) {
       if (e.key === 'Enter') {
@@ -161,7 +161,7 @@ const DatePicker = /*#__PURE__*/function () {
     var handleButtonClick = function (e) {
       setIsOpen(!isOpen);
       setLastTrigger('calendarButton');
-      onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
+      onButtonClick === null || onButtonClick === undefined ? undefined : onButtonClick(e);
     };
     var handleCalendarMount = function (calendarElement) {
       if (lastTrigger === 'inputFocus') return;
@@ -170,9 +170,9 @@ const DatePicker = /*#__PURE__*/function () {
     var handleReturnFocus = function () {
       var _a, _b;
       if (lastTrigger === 'inputKeydown' || lastTrigger === 'inputFocus') {
-        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
       }
-      (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+      (_b = buttonRef.current) === null || _b === undefined ? undefined : _b.focus();
     };
     useEffect(function () {
       if (selectedDay) {
@@ -221,7 +221,7 @@ const DatePicker = /*#__PURE__*/function () {
       onKeyDown: handleKeyDown,
       status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
       validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
-    }, restDateInputFieldProps))), isOpen && ( /*#__PURE__*/React.createElement(CalendarPopover, {
+    }, restDateInputFieldProps))), isOpen && (/*#__PURE__*/React.createElement(CalendarPopover, {
       referenceElement: containerRef.current,
       "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
     }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VisuallyHidden, {

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -13,15 +13,15 @@ const DateInputField = /*#__PURE__*/function () {
       status = _a.status,
       validationMessage = _a.validationMessage,
       _b = _a.locale,
-      locale = _b === void 0 ? enAU : _b,
+      locale = _b === undefined ? enAU : _b,
       propsId = _a.id,
       disabled = _a.disabled,
       _c = _a.isReversed,
-      isReversed = _c === void 0 ? false : _c,
+      isReversed = _c === undefined ? false : _c,
       classNameOverride = _a.classNameOverride,
       dateInputWithIconButtonProps = __rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var descriptionId = "".concat(id, "-field-message");
     var shouldShowValidationMessage = !disabled && validationMessage;
     return /*#__PURE__*/React.createElement("div", {
@@ -33,7 +33,7 @@ const DateInputField = /*#__PURE__*/function () {
       status: status,
       disabled: disabled,
       isReversed: isReversed
-    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       message: validationMessage,
       status: status,
       reversed: isReversed

package/dist/esm/DatePicker/utils/validateDate.mjs

@@ -32,14 +32,14 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: inputValue ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: inputValue ? (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.invalidDateWithValue",
           defaultMessage: "{inputValue} is an invalid date",
           description: "Error message when the user enters an invalid date and we know their input value",
           values: {
             inputValue: inputValue
           }
-        })) : ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        })) : (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.invalidDate",
           defaultMessage: "Date is invalid",
           description: "Error message when the user enters an invalid date and we do not know their input value"
@@ -53,7 +53,7 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.unavailableDate",
           defaultMessage: "{inputValue} is not available, try another date",
           description: "Error message when the user tries to select a date that is unavailable",

package/dist/esm/DateRangePicker/DateRangePicker.mjs

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