@kaizen/components 1.70.9 → 1.70.11

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
     })));
   };

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -13,13 +13,13 @@ const GenericTile = /*#__PURE__*/function () {
     var children = _a.children,
       title = _a.title,
       _b = _a.titleTag,
-      titleTag = _b === void 0 ? 'h3' : _b,
+      titleTag = _b === undefined ? 'h3' : _b,
       metadata = _a.metadata,
       information = _a.information,
       infoButtonLabel = _a.infoButtonLabel,
       mood = _a.mood,
       _c = _a.variant,
-      variant = _c === void 0 ? 'default' : _c,
+      variant = _c === undefined ? 'default' : _c,
       footer = _a.footer,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "title", "titleTag", "metadata", "information", "infoButtonLabel", "mood", "variant", "footer", "classNameOverride"]);
@@ -44,7 +44,7 @@ const GenericTile = /*#__PURE__*/function () {
       }, /*#__PURE__*/React.createElement(Heading, {
         variant: "heading-3",
         tag: titleTag
-      }, title), metadata && ( /*#__PURE__*/React.createElement("div", {
+      }, title), metadata && (/*#__PURE__*/React.createElement("div", {
         className: styles.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
@@ -54,10 +54,10 @@ const GenericTile = /*#__PURE__*/function () {
     var renderFront = function () {
       return /*#__PURE__*/React.createElement("div", {
         className: classnames(styles.face, styles.faceFront, mood ? styles[mood] : styles[variant])
-      }, information && ( /*#__PURE__*/React.createElement("div", {
+      }, information && (/*#__PURE__*/React.createElement("div", {
         className: styles.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
-        label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
+        label: infoButtonLabel !== null && infoButtonLabel !== undefined ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
           name: "info",
           isPresentational: true,
@@ -80,14 +80,14 @@ const GenericTile = /*#__PURE__*/function () {
       if (informationProp && typeof informationProp === 'object' && 'text' in informationProp) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
           variant: "body"
-        }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && ( /*#__PURE__*/React.createElement("div", {
+        }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== undefined ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
           className: styles.footer
         }, /*#__PURE__*/React.createElement("div", {
           className: styles.actions
-        }, informationProp.secondaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
+        }, informationProp.secondaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           secondary: true,
           disabled: !isFlipped
-        }, informationProp.secondaryAction))), informationProp.primaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
+        }, informationProp.secondaryAction))), informationProp.primaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           disabled: !isFlipped
         }, informationProp.primaryAction)))))));
       }

package/dist/esm/TimeField/TimeField.mjs

@@ -29,13 +29,13 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       onChange = _a.onChange,
       value = _a.value,
       _b = _a.status,
-      status = _b === void 0 ? 'default' : _b,
+      status = _b === undefined ? 'default' : _b,
       validationMessage = _a.validationMessage,
       isDisabled = _a.isDisabled,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "label", "locale", "onChange", "value", "status", "validationMessage", "isDisabled", "classNameOverride"]);
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     var handleOnChange = function (timeValue) {
       if (timeValue === null) {
         return onChange(null);

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -56,11 +56,11 @@ var isJSXElement = function (imageElementOrAvatarProps) {
   return 'props' in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
-  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement("div", {
+  return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: classnames(styles.avatar, styles.withBorder)
-  }, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement("div", {
+  }, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: styles.avatar
@@ -78,7 +78,7 @@ var renderSubtitle = function (subtitle, subtitleAutomationId) {
   }, subtitle));
 };
 var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && ( /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && (/*#__PURE__*/React.createElement("div", {
     className: styles.sectionTitle
   }, /*#__PURE__*/React.createElement(Heading, {
     variant: "heading-2",
@@ -86,7 +86,7 @@ var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription,
     classNameOverride: styles.sectionTitleOverride,
     "data-automation-id": sectionTitleAutomationId,
     "data-testid": sectionTitleAutomationId
-  }, sectionTitle))), sectionTitleDescription && ( /*#__PURE__*/React.createElement("div", {
+  }, sectionTitle))), sectionTitleDescription && (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": sectionTitleDescriptionAutomationId,
     "data-testid": sectionTitleDescriptionAutomationId,
     className: classnames(styles.sectionTitleDescription, !isReversed(variant) && styles.dark)
@@ -143,7 +143,7 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
     className: styles.navigationTabScrollerContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.navigationTabsContainer, collapse && styles.navigationTabsContainerCollapsed)
-  }, !collapse && navigationTabs !== undefined && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: styles.navigationTabEdgeShadowLeft
   }), /*#__PURE__*/React.createElement("nav", {
     className: styles.navigationTabsNav,
@@ -181,26 +181,26 @@ const TitleBlockZen = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       navigationTabs = _a.navigationTabs,
       _f = _a.collapseNavigationAreaWhenPossible,
-      collapseNavigationAreaWhenPossible = _f === void 0 ? false : _f,
+      collapseNavigationAreaWhenPossible = _f === undefined ? false : _f,
       textDirection = _a.textDirection,
       surveyStatus = _a.surveyStatus,
       id = _a.id,
       _g = _a.titleAutomationId,
-      titleAutomationId = _g === void 0 ? 'TitleBlock__Title' : _g,
+      titleAutomationId = _g === undefined ? 'TitleBlock__Title' : _g,
       _h = _a.avatarAutomationId,
-      avatarAutomationId = _h === void 0 ? 'TitleBlock__Avatar' : _h,
+      avatarAutomationId = _h === undefined ? 'TitleBlock__Avatar' : _h,
       _j = _a.subtitleAutomationId,
-      subtitleAutomationId = _j === void 0 ? 'TitleBlock__Subtitle' : _j,
+      subtitleAutomationId = _j === undefined ? 'TitleBlock__Subtitle' : _j,
       _k = _a.sectionTitleAutomationId,
-      sectionTitleAutomationId = _k === void 0 ? 'TitleBlock__SectionTitle' : _k,
+      sectionTitleAutomationId = _k === undefined ? 'TitleBlock__SectionTitle' : _k,
       _l = _a.sectionTitleDescriptionAutomationId,
-      sectionTitleDescriptionAutomationId = _l === void 0 ? 'TitleBlock__SectionTitleDescription' : _l,
+      sectionTitleDescriptionAutomationId = _l === undefined ? 'TitleBlock__SectionTitleDescription' : _l,
       _m = _a.breadcrumbAutomationId,
-      breadcrumbAutomationId = _m === void 0 ? 'TitleBlock__Breadcrumb' : _m,
+      breadcrumbAutomationId = _m === undefined ? 'TitleBlock__Breadcrumb' : _m,
       _o = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _o === void 0 ? 'TitleBlock__BreadcrumbText' : _o,
+      breadcrumbTextAutomationId = _o === undefined ? 'TitleBlock__BreadcrumbText' : _o,
       _p = _a.autoHideMobileActionsMenu,
-      autoHideMobileActionsMenu = _p === void 0 ? false : _p;
+      autoHideMobileActionsMenu = _p === undefined ? false : _p;
     var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
     var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
     var _q = useMediaQueries().queries,
@@ -209,7 +209,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
     var isSmallOrMediumViewport = isMedium || isSmall;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       id: id,
-      className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
+      className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== undefined ? sectionTitle : sectionTitleDescription) !== null && _b !== undefined ? _b : renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.titleRow
     }, /*#__PURE__*/React.createElement("div", {
@@ -218,14 +218,14 @@ const TitleBlockZen = /*#__PURE__*/function () {
       className: styles.titleRowInnerContent
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.titleAndAdjacent
-    }, breadcrumb && ( /*#__PURE__*/React.createElement(Breadcrumb, {
+    }, breadcrumb && (/*#__PURE__*/React.createElement(Breadcrumb, {
       breadcrumb: breadcrumb,
       automationId: breadcrumbAutomationId,
       textAutomationId: breadcrumbTextAutomationId,
       textDirection: textDirection
     })), /*#__PURE__*/React.createElement("div", {
       className: styles.titleAndAdjacentNotBreadcrumb
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && ( /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React.createElement("div", {
       className: styles.hamburger
     }, /*#__PURE__*/React.createElement(IconButton, {
       onClick: handleHamburgerClick,
@@ -247,18 +247,18 @@ const TitleBlockZen = /*#__PURE__*/function () {
       classNameOverride: styles.titleTextOverride,
       "data-automation-id": titleAutomationId,
       "data-testid": titleAutomationId
-    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && ( /*#__PURE__*/React.createElement("div", {
+    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
       className: styles.pageSwitcherSelectUnderneathTitle
     }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
       variant: "secondary-small",
       reversed: true
-    })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && ( /*#__PURE__*/React.createElement("div", {
+    })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
       className: styles.pageSwitcherSelectNextToTitle
     }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
       variant: "secondary",
       reversed: true,
       fullWidth: true
-    }))))))), ((_d = (_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(MainActions, {
+    }))))))), ((_d = (_c = primaryAction !== null && primaryAction !== undefined ? primaryAction : defaultAction) !== null && _c !== undefined ? _c : secondaryActions) !== null && _d !== undefined ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MainActions, {
       primaryAction: primaryAction,
       defaultAction: defaultAction,
       reversed: isReversed(variant),
@@ -270,7 +270,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
       className: styles.rowBelowSeparatorInner
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.rowBelowSeparatorInnerContent
-    }, ((_e = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _e !== void 0 ? _e : renderSectionTitle) && ( /*#__PURE__*/React.createElement("div", {
+    }, ((_e = sectionTitle !== null && sectionTitle !== undefined ? sectionTitle : sectionTitleDescription) !== null && _e !== undefined ? _e : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
       className: styles.sectionTitleContainer
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.sectionTitleInner
@@ -279,7 +279,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
       sectionTitleAutomationId: sectionTitleAutomationId,
       sectionTitleDescription: sectionTitleDescription,
       sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
-    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(SecondaryActions, {
+    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== undefined ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(SecondaryActions, {
       secondaryActions: secondaryActions,
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
       reversed: isReversed(variant)