@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/RichTextEditor/utils/plugins/LinkManager/LinkManager.mjs

@@ -48,7 +48,7 @@ var LinkManager = /** @class */function () {
   };
   LinkManager.prototype.destroy = function () {
     var _a;
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.destroy();
     window.removeEventListener('resize', this.onResize);
   };
   LinkManager.prototype.createElement = function (view) {
@@ -58,12 +58,12 @@ var LinkManager = /** @class */function () {
   };
   LinkManager.prototype.updateElement = function (view) {
     var _a;
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.update(this.getEditorProps(view));
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.update(this.getEditorProps(view));
   };
   LinkManager.prototype.destroyElement = function (view) {
     var _a;
     view.dispatch(this.validateLinks);
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.destroy();
     this.tooltipTarget = null;
   };
   LinkManager.prototype.getEditorProps = function (view) {
@@ -121,9 +121,9 @@ var defaultLinkAttributeValidator = function (attrs) {
 var createLinkManager = function (_a) {
   var markType = _a.markType,
     _b = _a.editorComponent,
-    editorComponent = _b === void 0 ? LinkEditor : _b,
+    editorComponent = _b === undefined ? LinkEditor : _b,
     _c = _a.linkAttributeValidator,
-    linkAttributeValidator = _c === void 0 ? defaultLinkAttributeValidator : _c;
+    linkAttributeValidator = _c === undefined ? defaultLinkAttributeValidator : _c;
   return new Plugin({
     view: function (editorView) {
       return new LinkManager(editorView, markType, editorComponent, linkAttributeValidator);

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs

@@ -12,13 +12,13 @@ const LinkEditor = /*#__PURE__*/function () {
     var _c = useState(attrs.href != null),
       isPopoverOpen = _c[0],
       setIsPopoverOpen = _c[1];
-    var _d = useState(((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
+    var _d = useState(((_b = attrs._metadata) === null || _b === undefined ? undefined : _b.added) === true),
       modalOpen = _d[0],
       setModalOpen = _d[1];
     var _e = useState(attrs.href ? attrs.href : undefined),
       href = _e[0],
       setHref = _e[1];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && ( /*#__PURE__*/React.createElement(LinkPopover, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && (/*#__PURE__*/React.createElement(LinkPopover, {
       href: href,
       selectionPosition: selectionPosition,
       onRemove: function () {

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs

@@ -19,7 +19,7 @@ const LinkModal = /*#__PURE__*/function () {
       onAfterLeave = _a.onAfterLeave,
       isOpen = _a.isOpen,
       defaultHref = _a.defaultHref;
-    var _b = useState(defaultHref !== null && defaultHref !== void 0 ? defaultHref : ''),
+    var _b = useState(defaultHref !== null && defaultHref !== undefined ? defaultHref : ''),
       href = _b[0],
       setHref = _b[1];
     var _c = useState({
@@ -32,7 +32,7 @@ const LinkModal = /*#__PURE__*/function () {
       var _a;
       var validation = validateLink(href);
       if (validation.status !== 'success') {
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
         setValidationStatus(validation);
         return;
       }
@@ -48,16 +48,16 @@ const LinkModal = /*#__PURE__*/function () {
       onAfterLeave: onAfterLeave,
       onAfterEnter: function () {
         var _a;
-        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
       }
     }, /*#__PURE__*/React.createElement(TextField, {
       id: "href",
       type: "text",
-      defaultValue: href !== null && href !== void 0 ? href : '',
+      defaultValue: href !== null && href !== undefined ? href : '',
       labelText: "Link URL",
       description: "Must start with http:// or https://",
       inputRef: inputRef,
-      validationMessage: (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.message) && ( /*#__PURE__*/React.createElement("div", {
+      validationMessage: (validationStatus === null || validationStatus === undefined ? undefined : validationStatus.message) && (/*#__PURE__*/React.createElement("div", {
         className: styles.validationErrorMessage
       }, validationStatus.message)),
       status: validationStatus.status,

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs

@@ -30,7 +30,7 @@ const Positioner = /*#__PURE__*/function () {
     if (windowScroll === undefined || portalContainer === undefined) return null;
     var x = windowScroll[0],
       y = windowScroll[1];
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
       ref: ref,
       style: {
         height: "".concat(height, "px"),

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs

@@ -29,7 +29,7 @@ var createReactTooltipWrapper = function (parentNode, Component, componentProps)
   var container = document.createElement('div');
   parentNode.appendChild(container);
   var root = createRoot(container);
-  root.render( /*#__PURE__*/React.createElement(Wrapper, {
+  root.render(/*#__PURE__*/React.createElement(Wrapper, {
     componentProps: componentProps,
     Component: Component,
     emitter: emitter

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs

@@ -4,7 +4,7 @@ var validateLink = function (href) {
   if (!isValidLink) {
     return {
       status: 'error',
-      message: ( /*#__PURE__*/React.createElement(React.Fragment, null, "Empty or invalid link. Links must start with http or https, e.g:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "https://google.com"), /*#__PURE__*/React.createElement("li", null, "http://www.google.com"))))
+      message: (/*#__PURE__*/React.createElement(React.Fragment, null, "Empty or invalid link. Links must start with http or https, e.g:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "https://google.com"), /*#__PURE__*/React.createElement("li", null, "http://www.google.com"))))
     };
   }
   return {

package/dist/esm/SearchField/SearchField.mjs

@@ -14,18 +14,18 @@ const SearchField = /*#__PURE__*/function () {
       labelText = _a.labelText,
       disabled = _a.disabled,
       _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b,
+      reversed = _b === undefined ? false : _b,
       _c = _a.secondary,
-      secondary = _c === void 0 ? false : _c,
+      secondary = _c === undefined ? false : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
     var showVisibleLabel = !secondary;
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     // @todo: Move restProps to container div?
     return /*#__PURE__*/React.createElement("div", {
       className: classNameOverride
-    }, showVisibleLabel && ( /*#__PURE__*/React.createElement(Label, {
+    }, showVisibleLabel && (/*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       labelText: labelText,
       reversed: reversed,

package/dist/esm/Select/Select.mjs

@@ -16,11 +16,11 @@ import styles from './Select.module.scss.mjs';
 const Select = /*#__PURE__*/function () {
   const Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
+      variant = _b === undefined ? 'default' : _b,
       _c = _a.status,
-      status = _c === void 0 ? 'default' : _c,
+      status = _c === undefined ? 'default' : _c,
       _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
+      reversed = _d === undefined ? false : _d,
       label = _a.label,
       validationMessage = _a.validationMessage,
       description = _a.description,
@@ -31,16 +31,16 @@ const Select = /*#__PURE__*/function () {
       props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled", "placeholder"]);
     var reactId = useId();
     // the default for fullWidth depends on the variant
-    var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
+    var fullWidth = propsFullWidth !== null && propsFullWidth !== undefined ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
     var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === 'default') && styles.default, reversed && styles.reversed, variant === 'secondary' && styles.secondary, variant === 'secondary-small' && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === 'error' && styles.error);
     var labelId = useState(label ? reactId : undefined)[0];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? ( /*#__PURE__*/React.createElement(Label, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? (/*#__PURE__*/React.createElement(Label, {
       reversed: reversed,
       id: labelId
     }, label)) : null, /*#__PURE__*/React.createElement(ReactSelect, __assign({}, props, {
       ref: ref,
       "aria-labelledby": labelId,
-      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+      placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
       components: {
         Control: Control,
         Placeholder: Placeholder,
@@ -75,7 +75,7 @@ const AsyncSelect = /*#__PURE__*/function () {
       props = __rest(_a, ["className", "placeholder"]);
     return /*#__PURE__*/React.createElement(Async, __assign({}, props, {
       ref: ref,
-      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+      placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
       components: {
         Control: Control,
         Placeholder: Placeholder,

package/dist/esm/Skirt/Skirt.mjs

@@ -12,9 +12,9 @@ const Skirt = /*#__PURE__*/function () {
   const Skirt = function (_a) {
     var children = _a.children,
       _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
+      variant = _b === undefined ? 'default' : _b,
       _c = _a.titleBlockHasNavigation,
-      titleBlockHasNavigation = _c === void 0 ? true : _c,
+      titleBlockHasNavigation = _c === undefined ? true : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
     var _d = useResizeObserver(function (entry) {

package/dist/esm/Slider/Slider.mjs

@@ -17,14 +17,14 @@ const Slider = /*#__PURE__*/function () {
       labelText = _a.labelText,
       description = _a.description,
       _b = _a.labelPosition,
-      labelPosition = _b === void 0 ? 'inline' : _b,
+      labelPosition = _b === undefined ? 'inline' : _b,
       _c = _a.variant,
-      variant = _c === void 0 ? 'default' : _c,
+      variant = _c === undefined ? 'default' : _c,
       disabled = _a.disabled,
       readOnlyMessage = _a.readOnlyMessage,
       restProps = __rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var descriptionId = "".concat(id, "-description");
     return /*#__PURE__*/React.createElement(FieldGroup, {
       inline: true
@@ -39,7 +39,7 @@ const Slider = /*#__PURE__*/function () {
       labelText: labelText,
       variant: variant,
       disabled: disabled
-    })), description && ( /*#__PURE__*/React.createElement(Text, {
+    })), description && (/*#__PURE__*/React.createElement(Text, {
       variant: "small",
       id: descriptionId,
       classNameOverride: disabled ? styles.descriptionDisabled : undefined

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs

@@ -12,7 +12,7 @@ const DropdownButton = /*#__PURE__*/function () {
       restProps = __rest(_a, ["classNameOverride", 'aria-label']);
     var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement(BaseButton, __assign({
-      label: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : formatMessage({
+      label: ariaLabel !== null && ariaLabel !== undefined ? ariaLabel : formatMessage({
         id: 'splitButton.dropdownButton.label',
         defaultMessage: 'Additional actions',
         description: 'Label for a dropdown menu holding additional actions'

package/dist/esm/Table/Table.mjs

@@ -15,7 +15,7 @@ import styles from './Table.module.scss.mjs';
  */
 var TableContainer = function (_a) {
   var _b = _a.variant,
-    variant = _b === void 0 ? 'compact' : _b,
+    variant = _b === undefined ? 'compact' : _b,
     children = _a.children,
     otherProps = __rest(_a, ["variant", "children"]);
   return /*#__PURE__*/React.createElement("div", __assign({
@@ -60,12 +60,12 @@ var TableHeaderRowCell = function (_a) {
     // cell with a word longer than the column width would push the columns out of
     // alignment? I'm not sure.
     // Anyway, we can override this default behaviour by setting wrapping to "wrap".
-    wrapping = _c === void 0 ? 'nowrap' : _c,
+    wrapping = _c === undefined ? 'nowrap' : _c,
     _d = _a.align,
-    align = _d === void 0 ? 'start' : _d,
+    align = _d === undefined ? 'start' : _d,
     tooltipInfo = _a.tooltipInfo,
     _e = _a.isTooltipIconHidden,
-    isTooltipIconHidden = _e === void 0 ? false : _e,
+    isTooltipIconHidden = _e === undefined ? false : _e,
     tooltipPortalSelector = _a.tooltipPortalSelector,
     sortingArrowsOnHover = _a.sortingArrowsOnHover,
     classNameOverride = _a.classNameOverride,
@@ -85,37 +85,37 @@ var TableHeaderRowCell = function (_a) {
   // wrap it elements, depending on what the props dictate.
   var cellContents = /*#__PURE__*/React.createElement("div", {
     className: styles.headerRowCellLabelAndIcons
-  }, icon && ( /*#__PURE__*/React.createElement("span", {
+  }, icon && (/*#__PURE__*/React.createElement("span", {
     className: styles.headerRowCellIcon
   }, /*#__PURE__*/cloneElement(icon, (_b = {
     title: labelText
-  }, _b['aria-label'] = labelText, _b.role = 'img', _b)))), checkable && ( /*#__PURE__*/React.createElement("div", {
+  }, _b['aria-label'] = labelText, _b.role = 'img', _b)))), checkable && (/*#__PURE__*/React.createElement("div", {
     className: styles.headerRowCellCheckbox
   }, /*#__PURE__*/React.createElement(Checkbox, {
     checkedStatus: checkedStatus,
     onCheck: onCheck,
     "aria-label": checkboxLabel
-  }))), tooltipInfo != null && !isTooltipIconHidden ? ( /*#__PURE__*/React.createElement("div", {
+  }))), tooltipInfo != null && !isTooltipIconHidden ? (/*#__PURE__*/React.createElement("div", {
     className: styles.headerRowCellTooltipIcon
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "error",
     isPresentational: true,
     isFilled: true
-  }))) : null, !icon ? ( /*#__PURE__*/React.createElement(Heading, {
+  }))) : null, !icon ? (/*#__PURE__*/React.createElement(Heading, {
     tag: "div",
     variant: "heading-6",
     color: sorting || isHovered ? hoveredHeaderColor : headerColor,
     classNameOverride: styles.headerRowCellLabel
-  }, labelText)) : null, (sorting !== null && sorting !== void 0 ? sorting : isHovered && sortingArrowsOnHover) && ( /*#__PURE__*/React.createElement("div", {
+  }, labelText)) : null, (sorting !== null && sorting !== undefined ? sorting : isHovered && sortingArrowsOnHover) && (/*#__PURE__*/React.createElement("div", {
     className: classnames(align === 'center' && styles.headerRowCellIconAlignCenter, align === 'end' && styles.headerRowCellIconAlignEnd, reversed && styles.whiteText)
-  }, sorting === 'ascending' || sortingArrowsOnHover === 'ascending' ? ( /*#__PURE__*/React.createElement(Icon, {
+  }, sorting === 'ascending' || sortingArrowsOnHover === 'ascending' ? (/*#__PURE__*/React.createElement(Icon, {
     name: "arrow_drop_up",
     isPresentational: true
-  })) : ( /*#__PURE__*/React.createElement(Icon, {
+  })) : (/*#__PURE__*/React.createElement(Icon, {
     name: "arrow_drop_down",
     isPresentational: true
   })))));
-  cellContents = href ? ( /*#__PURE__*/React.createElement("a", {
+  cellContents = href ? (/*#__PURE__*/React.createElement("a", {
     className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
     href: href,
     onClick: onClick,
@@ -131,7 +131,7 @@ var TableHeaderRowCell = function (_a) {
     onBlur: function () {
       return updateHoverState(false);
     }
-  }, cellContents)) : onClick ? ( /*#__PURE__*/React.createElement("button", {
+  }, cellContents)) : onClick ? (/*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
     onClick: onClick,
@@ -155,7 +155,7 @@ var TableHeaderRowCell = function (_a) {
   React.createElement("div", {
     className: styles.headerRowCellNoButton
   }, cellContents));
-  cellContents = tooltipInfo != null ? ( /*#__PURE__*/React.createElement(Tooltip, {
+  cellContents = tooltipInfo != null ? (/*#__PURE__*/React.createElement(Tooltip, {
     animationDuration: 0,
     classNameOverride: styles.headerRowCellTooltip,
     text: tooltipInfo,
@@ -180,23 +180,23 @@ var TableCard = function (_a) {
   var children = _a.children,
     expanded = _a.expanded,
     _b = _a.expandedStyle,
-    expandedStyle = _b === void 0 ? 'well' : _b,
+    expandedStyle = _b === undefined ? 'well' : _b,
     onClick = _a.onClick,
     href = _a.href,
     _c = _a.forceHoverState,
-    forceHoverState = _c === void 0 ? false : _c,
+    forceHoverState = _c === undefined ? false : _c,
     classNameOverride = _a.classNameOverride,
     otherProps = __rest(_a, ["children", "expanded", "expandedStyle", "onClick", "href", "forceHoverState", "classNameOverride"]);
   var className = classnames(styles.card, expanded && styles.expanded, expanded && styles[expandedStyle], (forceHoverState || onClick != null || href != null) && styles.hasHoverState, classNameOverride);
-  return href != null ? ( /*#__PURE__*/React.createElement("a", __assign({
+  return href != null ? (/*#__PURE__*/React.createElement("a", __assign({
     href: href,
     className: className,
     onClick: onClick
-  }, otherProps), children)) : onClick ? ( /*#__PURE__*/React.createElement("button", __assign({
+  }, otherProps), children)) : onClick ? (/*#__PURE__*/React.createElement("button", __assign({
     type: "button",
     className: className,
     onClick: onClick
-  }, otherProps), children)) : ( /*#__PURE__*/React.createElement("div", __assign({
+  }, otherProps), children)) : (/*#__PURE__*/React.createElement("div", __assign({
     className: className
   }, otherProps), children));
 };
@@ -216,7 +216,7 @@ var TableRowCell = function (_a) {
     href = _a.href,
     classNameOverride = _a.classNameOverride,
     otherProps = __rest(_a, ["children", "width", "flex", "href", "classNameOverride"]);
-  return href != null ? ( /*#__PURE__*/React.createElement("a", __assign({
+  return href != null ? (/*#__PURE__*/React.createElement("a", __assign({
     // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
     role: "cell",
     style: {
@@ -225,7 +225,7 @@ var TableRowCell = function (_a) {
     },
     className: classnames(styles.rowCell, classNameOverride),
     href: href
-  }, otherProps), children)) : ( /*#__PURE__*/React.createElement("div", __assign({
+  }, otherProps), children)) : (/*#__PURE__*/React.createElement("div", __assign({
     role: "cell",
     style: {
       width: ratioToPercent(width),

package/dist/esm/Tabs/subcomponents/Tab.mjs

@@ -30,12 +30,12 @@ var Tab = function (props) {
     onFocus: function (event) {
       var _a;
       setIsFocused(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
+      (_a = props.onFocus) === null || _a === undefined ? undefined : _a.call(props, event);
     },
     onBlur: function (event) {
       var _a;
       setIsFocused(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+      (_a = props.onBlur) === null || _a === undefined ? undefined : _a.call(props, event);
     },
     onMouseEnter: function () {
       return setIsHovered(true);
@@ -49,7 +49,7 @@ var Tab = function (props) {
   delete focusableProps.tabIndex;
   return /*#__PURE__*/React.createElement(Tab$1, __assign({
     ref: ref
-  }, tabProps, focusableProps), children, badge && ( /*#__PURE__*/React.createElement("span", {
+  }, tabProps, focusableProps), children, badge && (/*#__PURE__*/React.createElement("span", {
     className: styles.badge
   }, /*#__PURE__*/React.createElement(Badge, {
     variant: showActiveBadge ? 'active' : 'default'

package/dist/esm/Tabs/subcomponents/TabList.mjs

@@ -10,7 +10,7 @@ import styles from './TabList.module.scss.mjs';
 var TabList = function (props) {
   var ariaLabel = props["aria-label"],
     _a = props.noPadding,
-    noPadding = _a === void 0 ? false : _a,
+    noPadding = _a === undefined ? false : _a,
     children = props.children,
     classNameOverride = props.classNameOverride,
     restProps = __rest(props, ['aria-label', "noPadding", "children", "classNameOverride"]);

package/dist/esm/Tag/Tag.mjs

@@ -9,7 +9,7 @@ var isJSXElement = function (imageElementOrAvatarProps) {
   return 'props' in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps) {
-  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement(React.Fragment, null, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
+  return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React.createElement(React.Fragment, null, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
     size: "small"
   })));
 };
@@ -21,13 +21,13 @@ const Tag = /*#__PURE__*/function () {
   const Tag = function (props) {
     var children = props.children,
       _a = props.variant,
-      variant = _a === void 0 ? 'default' : _a,
+      variant = _a === undefined ? 'default' : _a,
       _b = props.size,
-      size = _b === void 0 ? 'medium' : _b,
+      size = _b === undefined ? 'medium' : _b,
       _c = props.inline,
-      inline = _c === void 0 ? false : _c,
+      inline = _c === undefined ? false : _c,
       _d = props.dismissible,
-      dismissible = _d === void 0 ? false : _d,
+      dismissible = _d === undefined ? false : _d,
       onDismiss = props.onDismiss,
       onMouseDown = props.onMouseDown,
       onMouseLeave = props.onMouseLeave,
@@ -84,7 +84,7 @@ const Tag = /*#__PURE__*/function () {
       style: {
         maxWidth: isTruncated ? truncateWidth : undefined
       }
-    }, children), dismissible && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    }, children), dismissible && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: styles.dismissButton,
       onClick: onDismiss,

package/dist/esm/Text/Text.mjs

@@ -12,11 +12,11 @@ var Text = function (_a) {
     tag = _a.tag,
     variant = _a.variant,
     _b = _a.color,
-    color = _b === void 0 ? 'dark' : _b,
+    color = _b === undefined ? 'dark' : _b,
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
   var className = classnames(styles.text, styles[variant], styles[color], classNameOverride);
-  return /*#__PURE__*/createElement(tag !== null && tag !== void 0 ? tag : 'p', __assign(__assign({}, restProps), {
+  return /*#__PURE__*/createElement(tag !== null && tag !== undefined ? tag : 'p', __assign(__assign({}, restProps), {
     className: className
   }), children);
 };

package/dist/esm/TextArea/TextArea.mjs

@@ -7,13 +7,13 @@ const TextArea = /*#__PURE__*/function () {
     var _b, _c;
     var propsTextAreaRef = _a.textAreaRef,
       _d = _a.status,
-      status = _d === void 0 ? 'default' : _d,
+      status = _d === undefined ? 'default' : _d,
       _e = _a.autogrow,
-      autogrow = _e === void 0 ? false : _e,
+      autogrow = _e === undefined ? false : _e,
       _f = _a.reversed,
-      reversed = _f === void 0 ? false : _f,
+      reversed = _f === undefined ? false : _f,
       _g = _a.rows,
-      rows = _g === void 0 ? 3 : _g,
+      rows = _g === undefined ? 3 : _g,
       defaultValue = _a.defaultValue,
       value = _a.value,
       disabled = _a.disabled,
@@ -24,16 +24,16 @@ const TextArea = /*#__PURE__*/function () {
       setInternalValue = _h[1];
     // ^holds an internal state of the value, used for the autogrow feature if uncontrolled (no `value` provided)
     var fallbackRef = useRef(null);
-    var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== void 0 ? propsTextAreaRef : fallbackRef;
+    var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== undefined ? propsTextAreaRef : fallbackRef;
     var onChange = function (event) {
-      propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event);
+      propsOnChange === null || propsOnChange === undefined ? undefined : propsOnChange(event);
       if (!value && autogrow) {
         setInternalValue(event.target.value);
       }
     };
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.wrapper, (_b = {}, _b[styles.wrapperAutogrow] = autogrow, _b)),
-      "data-value": autogrow ? value !== null && value !== void 0 ? value : internalValue : undefined
+      "data-value": autogrow ? value !== null && value !== undefined ? value : internalValue : undefined
     }, /*#__PURE__*/React.createElement("textarea", __assign({
       className: classnames(styles.textarea, styles[status], reversed ? styles.reversed : styles.default, (_c = {}, _c[styles.disabled] = disabled, _c[styles.textareaAutogrow] = autogrow, _c)),
       rows: rows,

package/dist/esm/TextAreaField/TextAreaField.mjs

@@ -15,20 +15,20 @@ const TextAreaField = /*#__PURE__*/function () {
   const TextAreaField = function (_a) {
     var labelText = _a.labelText,
       _b = _a.inline,
-      inline = _b === void 0 ? false : _b,
+      inline = _b === undefined ? false : _b,
       validationMessage = _a.validationMessage,
       description = _a.description,
       _c = _a.variant,
-      variant = _c === void 0 ? 'default' : _c,
+      variant = _c === undefined ? 'default' : _c,
       propsId = _a.id,
       _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
+      reversed = _d === undefined ? false : _d,
       _e = _a.status,
-      status = _e === void 0 ? 'default' : _e,
+      status = _e === undefined ? 'default' : _e,
       disabled = _a.disabled,
       restProps = __rest(_a, ["labelText", "inline", "validationMessage", "description", "variant", "id", "reversed", "status", "disabled"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
     var descriptionAria = description ? "".concat(id, "-field-message") : '';
     var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
@@ -69,7 +69,7 @@ const TextAreaField = /*#__PURE__*/function () {
       status: status,
       disabled: disabled,
       "aria-describedby": ariaDescribedBy
-    }, restProps)), !disabled && validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, restProps)), !disabled && validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       id: validationMessageAria,
       "data-testid": validationMessageAria,
       message: validationMessage,

package/dist/esm/TextField/TextField.mjs

@@ -19,17 +19,17 @@ const TextField = /*#__PURE__*/function () {
     var propsId = _a.id,
       labelText = _a.labelText,
       _b = _a.inline,
-      inline = _b === void 0 ? false : _b,
+      inline = _b === undefined ? false : _b,
       icon = _a.icon,
       validationMessage = _a.validationMessage,
       description = _a.description,
       status = _a.status,
       _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
+      reversed = _c === undefined ? false : _c,
       disabled = _a.disabled,
       restProps = __rest(_a, ["id", "labelText", "inline", "icon", "validationMessage", "description", "status", "reversed", "disabled"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : '';
     var descriptionAria = description ? "".concat(id, "-field-description") : '';
     var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
@@ -56,21 +56,21 @@ const TextField = /*#__PURE__*/function () {
       reversed: reversed,
       status: status,
       startIconAdornment: icon,
-      endIconAdornment: status === 'success' && ( /*#__PURE__*/React.createElement("div", {
+      endIconAdornment: status === 'success' && (/*#__PURE__*/React.createElement("div", {
         className: classnames(styles.icon, styles.success, disabled && styles.disabled)
       }, /*#__PURE__*/React.createElement(Icon, {
         name: "check_circle",
         isPresentational: true,
         isFilled: true
       })))
-    }, restProps)), validationMessage && ( /*#__PURE__*/React.createElement("div", {
+    }, restProps)), validationMessage && (/*#__PURE__*/React.createElement("div", {
       className: classnames(styles.message, disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,
       status: status,
       reversed: reversed
-    }))), description && ( /*#__PURE__*/React.createElement("div", {
+    }))), description && (/*#__PURE__*/React.createElement("div", {
       className: classnames(styles.message, disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionAria,

package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs

@@ -7,7 +7,7 @@ import styles from './MultiActionTile.module.scss.mjs';
 var renderActions = function (primaryAction, secondaryAction) {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.actions
-  }, secondaryAction && ( /*#__PURE__*/React.createElement("div", {
+  }, secondaryAction && (/*#__PURE__*/React.createElement("div", {
     className: styles.secondaryAction
   }, /*#__PURE__*/React.createElement(Button, __assign({
     secondary: true

package/dist/esm/Tile/TileGrid/TileGrid.mjs

@@ -17,9 +17,9 @@ const TileGrid = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("ul", __assign({
       className: classnames(styles.grid, classNameOverride),
       "data-tile-grid": true
-    }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? ( /*#__PURE__*/React.createElement(TileListItem, {
+    }, restProps), isFragment ? ((_b = children === null || children === undefined ? undefined : children.props) === null || _b === undefined ? undefined : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
       tiles: children.props.children
-    })) : null : ( /*#__PURE__*/React.createElement(TileListItem, {
+    })) : null : (/*#__PURE__*/React.createElement(TileListItem, {
       tiles: children
     })));
   };