@kaizen/components 0.0.0-canary-canary-gb-codemod-test-2-20250318010353 → 0.0.0-canary-patch-modal-headless-dep-20250407041227

package/codemods/migrateGuidanceBlockActionsToActionsSlot/index.ts

@@ -2,8 +2,6 @@ import { transformComponentsInDir } from '../utils'
 import { migrateGuidanceBlockActionsToActionsSlot } from './migrateGuidanceBlockActionsToActionsSlot'
 
 const run = (): void => {
-  console.log('It is recommended that the `upgradeIconV1` codemod be run prior to this')
-  console.log('---')
   console.log('~(-_- ~) Running migrateGuidanceBlockActionsToActionsSlot upgrade (~ -_-)~')
 
   const targetDir = process.argv[2]
@@ -14,6 +12,10 @@ const run = (): void => {
   transformComponentsInDir(targetDir, ['GuidanceBlock'], (tagNames) => [
     migrateGuidanceBlockActionsToActionsSlot(tagNames),
   ])
+
+  console.log(
+    '---\nIt is recommended that the `upgradeIconV1` codemod if any v1 icons have been migrated',
+  )
 }
 
 run()

package/codemods/migrateGuidanceBlockActionsToActionsSlot/migrateGuidanceBlockActionsToActionsSlot.ts

@@ -35,14 +35,11 @@ export const migrateGuidanceBlockActionsToActionsSlot =
         const tagName = node.tagName.getText()
         const tagImportAttributes = tagsMap.get(tagName)
 
-        console.log('tagName---', tagName)
-
         if (!tagImportAttributes) return node
         if (
           tagName === 'GuidanceBlock' ||
           tagImportAttributes.importModuleName === 'GuidanceBlock'
         ) {
-          console.log('guidance block found----')
           const componentProps: ts.JsxAttributeLike[] = node.attributes.properties.reduce<
             ts.JsxAttributeLike[]
           >((guidanceBlockProps, prop) => {
@@ -56,9 +53,7 @@ export const migrateGuidanceBlockActionsToActionsSlot =
                 )
 
                 if (transformedActions?.importsToAdd) {
-                  console.log('update imports----')
-
-                  transformedActions?.importsToAdd.forEach((importToAdd) => {
+                  transformedActions.importsToAdd.forEach((importToAdd) => {
                     if (importToAdd === 'Button') {
                       setImportToAdd(importsToAdd, BUTTON_IMPORT_DESTINATION, {
                         componentName: 'Button',

package/codemods/migrateGuidanceBlockActionsToActionsSlot/transformActionsToActionsSlot.spec.ts

@@ -132,8 +132,8 @@ describe('transformActionsToActionsSlot()', () => {
             >Learn more</Button></>}/>
       `)
 
-    expect(transformInput(inputAst).replace(/\n+/g, ' ').replace(/\s+/g, ' ')).toBe(
-      printAst(outputAst).replace(/\n+/g, ' ').replace(/\s+/g, ' '),
+    expect(transformInput(inputAst).replace(/\s+/g, ' ')).toBe(
+      printAst(outputAst).replace(/\s+/g, ' '),
     )
   })
 
@@ -189,8 +189,8 @@ describe('transformActionsToActionsSlot()', () => {
             >Learn more</Button></>}/>
       `)
 
-    expect(transformInput(inputAst).replace(/\n+/g, ' ').replace(/\s+/g, ' ')).toBe(
-      printAst(outputAst).replace(/\n+/g, ' ').replace(/\s+/g, ' '),
+    expect(transformInput(inputAst).replace(/\s+/g, ' ')).toBe(
+      printAst(outputAst).replace(/\s+/g, ' '),
     )
   })
 })

package/codemods/migrateGuidanceBlockActionsToActionsSlot/transformActionsToActionsSlot.ts

@@ -36,9 +36,6 @@ export const transformActionsToActionsSlot = (
       )
       primaryButton = transformedComponent.component
       newImports.push(transformedComponent.import)
-
-      // newImports.push(getTagsToImport(primaryButton))
-      // console.log('newImports', newImports)
     }
 
     if (secondaryAction) {

package/codemods/utils/transformV1ButtonPropsToButtonOrLinkButton.spec.tsx

@@ -107,21 +107,51 @@ describe('transformV1ButtonPropsToButtonOrLinkButton()', () => {
 
     expect(transformInput(inputAst)).toBe(printAst(outputAst))
   })
-  // it is expected that the consumer will handle any type error that may arise from this transformation
-  it('passes all other attributes into the create jsx element', () => {
+  it('will create a large button if the size is undefined', () => {
+    const inputAst = parseJsx(`<DummyComponent primaryAction={{
+      label: 'Learn more',
+      onClick: () => console.log("hello world")
+    }}/>`)
+
+    const outputAst = parseJsx(
+      `<DummyComponent primaryAction={<Button onPress={() => console.log("hello world")} variant="secondary" size="large">Learn more</Button>}}
+    />`,
+    )
+
+    expect(transformInput(inputAst)).toBe(printAst(outputAst))
+  })
+
+  // This will allow for type feedback to the consumer
+  it('passes tooltip and badge props into the created element', () => {
+    const inputAst = parseJsx(`<DummyComponent primaryAction={{
+      label: 'Learn more',
+      onClick: () => console.log("hello world")
+      size: 'small',
+      classNameOverride: styles.buttonClass,
+      tooltip: { text: 'Opens in a new tab', mood: 'cautionary' },
+      badge: { text: 'New' },
+    }}/>`)
+
+    const outputAst = parseJsx(
+      `<DummyComponent primaryAction={<Button onPress={() => console.log("hello world")} size="medium" className={styles.buttonClass} tooltip={{ text: 'Opens in a new tab', mood: 'cautionary' }} badge={{ text: 'New' }} variant="secondary">Learn more</Button>}}
+    />`,
+    )
+
+    expect(transformInput(inputAst)).toBe(printAst(outputAst))
+  })
+  it('passes all data and native attributes into the created element', () => {
     const inputAst = parseJsx(`<DummyComponent primaryAction={{
         label: 'Learn more',
         onClick: () => console.log("hello world")
         size: 'small',
         classNameOverride: styles.buttonClass,
-        badge: { text: 'New' },
         'data-random-attribute': 'some-id',
         "aria-label": "some label",
         form: 'form-id',
       }}/>`)
 
     const outputAst = parseJsx(
-      `<DummyComponent primaryAction={<Button onPress={() => console.log("hello world")} size="medium" className={styles.buttonClass} badge={{ text: 'New' }} data-random-attribute='some-id' aria-label="some label" form='form-id' variant="secondary">Learn more</Button>}}
+      `<DummyComponent primaryAction={<Button onPress={() => console.log("hello world")} size="medium" className={styles.buttonClass}  data-random-attribute='some-id' aria-label="some label" form='form-id' variant="secondary">Learn more</Button>}}
       />`,
     )
 
@@ -153,7 +183,7 @@ describe('transformV1ButtonPropsToButtonOrLinkButton()', () => {
         label: intl.formatMessage({ id: "label.id", defaultMessage: "Label", { variableVal }),
         onClick: () => console.log("hello world")
         href: url,
-        size: 'small',
+        size: buttonSize,
         classNameOverride: styles.buttonClass,
         badge: { text: 'New' },
         'data-random-attribute': 'some-id',
@@ -161,7 +191,7 @@ describe('transformV1ButtonPropsToButtonOrLinkButton()', () => {
       }}/>`)
 
     const outputAst = parseJsx(
-      `<DummyComponent primaryAction={<LinkButton onPress={() => console.log("hello world")} href={url} size="medium" className={styles.buttonClass} badge={{ text: 'New' }} data-random-attribute='some-id' form='form-id' variant="secondary">{intl.formatMessage({ id: "label.id", defaultMessage: "Label", { variableVal })}</LinkButton>}}
+      `<DummyComponent primaryAction={<LinkButton onPress={() => console.log("hello world")} href={url} size={buttonSize} className={styles.buttonClass} badge={{ text: 'New' }} data-random-attribute='some-id' form='form-id' variant="secondary">{intl.formatMessage({ id: "label.id", defaultMessage: "Label", { variableVal })}</LinkButton>}}
       />`,
     )
     expect(transformInput(inputAst)).toBe(printAst(outputAst))

package/codemods/utils/transformV1ButtonPropsToButtonOrLinkButton.ts

@@ -1,6 +1,4 @@
 import ts from 'typescript'
-import { type ButtonProps as V1ButtonProps } from '~components/Button'
-import { type ButtonProps as NextButtonProps } from '~components/__next__/Button'
 
 import {
   createJsxElementWithChildren,
@@ -9,17 +7,6 @@ import {
   getPropValueText,
 } from '../utils'
 
-export const migrateV1ButtonSize = (
-  oldValue: Exclude<V1ButtonProps['size'], undefined>,
-): Exclude<NextButtonProps['size'], undefined> => {
-  switch (oldValue) {
-    case 'small':
-      return 'medium'
-    case 'regular':
-      return 'large'
-  }
-}
-
 /**
  * A function that transforms button v1 prop values into a Button/next JSX component
  * @returns
@@ -68,12 +55,13 @@ export const transformButtonProp = (
       return createProp('icon', sanitizedPropValue)
     }
     case 'size': {
-      if (!propValue) return createStringProp('size', 'large')
+      const oldValue = propValue && (getPropValueText(propValue) as 'small' | 'regular')
+      const buttonSizeMap = {
+        small: 'medium',
+        regular: 'large',
+      }
 
-      const sizeValue = getPropValueText(propValue) as Exclude<V1ButtonProps['size'], undefined>
-      return sizeValue
-        ? createStringProp('size', migrateV1ButtonSize(sizeValue))
-        : createProp('size', propValue)
+      return oldValue ? createStringProp('size', buttonSizeMap[oldValue]) : undefined
     }
     case 'primary':
       return createStringProp('variant', 'primary')

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;