@kaizen/components 0.0.0-canary-canary-gb-codemod-test-2-20250318010353 → 0.0.0-canary-modal-refactor-20250401045616

package/bin/codemod.sh

@@ -35,7 +35,6 @@ if npx tsx@latest $CODEMOD_PATH $TARGET_DIR; then
   echo "Run linting and prettier to correct issues with re-writes"
 else
   echo "Codemod '$codemodFileName' could not be run in '$TARGET_DIR'"
-  echo "Check if '$CODEMOD_PATH' exists and is in the current version of the @kaizen/components"
   exit 1
 fi
 

package/codemods/README.md

@@ -109,12 +109,6 @@ Released in `1.73.1`
 
 Migrates V1 `Button` and `IconButton` component to next `Button` or `LinkButton`.
 
-### `migrateGuidanceBlockActionsToActionsSlot`
-
-Migrates GuidanceBlock `actions` props into `actionsSlot` with `Button` or `LinkButton` component.
-
-Released in `1.74.0`
-
 #### Props
 
 - `label` becomes `children`

package/codemods/utils/createProp.ts

@@ -1,10 +1,10 @@
 import ts from 'typescript'
 
 export const createProp = (
-  // Transforms `propName={true}` to `propName`
   name: string,
   value?: ts.JsxAttributeValue | undefined,
 ): ts.JsxAttribute => {
+  // Transforms `propName={true}` to `propName`
   if (value && ts.isJsxExpression(value) && value.expression?.kind === ts.SyntaxKind.TrueKeyword) {
     return ts.factory.createJsxAttribute(ts.factory.createIdentifier(name), undefined)
   }

package/codemods/utils/index.ts

@@ -8,4 +8,3 @@ export * from './transformComponentsInDir'
 export * from './transformSource'
 export * from './updateKaioImports'
 export * from './updateJsxElementWithNewProps'
-export * from './transformV1ButtonPropsToButtonOrLinkButton'

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

@@ -12,8 +12,9 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var renderCounter = function (remainingAvatars) {
-  if (remainingAvatars <= 0) return;
+var Counter = function (_a) {
+  var remainingAvatars = _a.remainingAvatars;
+  if (remainingAvatars <= 0) return null;
   return React__default.default.createElement("li", {
     "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"),
     className: AvatarGroup_module.AvatarGroupItem
@@ -22,15 +23,20 @@ var renderCounter = function (remainingAvatars) {
     "aria-hidden": true
   }, "+".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) {
+var AllAvatars = function (_a) {
+  var avatars = _a.avatars,
+    maxVisible = _a.maxVisible,
+    size = _a.size;
+  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));
+  }), React__default.default.createElement(Counter, {
+    remainingAvatars: (avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible
+  }));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
@@ -38,15 +44,19 @@ 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"]);
   return React__default.default.createElement("ul", tslib.__assign({
     className: classnames__default.default(AvatarGroup_module.AvatarGroup, AvatarGroup_module[size], classNameOverride),
     "aria-label": "Avatar Group"
-  }, restProps), renderAvatars(avatars, maxVisible, size));
+  }, restProps), React__default.default.createElement(AllAvatars, {
+    avatars: avatars,
+    maxVisible: maxVisible,
+    size: size
+  }));
 };
 exports.AvatarGroup = AvatarGroup;

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) {