@kaizen/components 1.73.5 → 1.73.7

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

@@ -3,21 +3,21 @@ import { LinkModal } from '../LinkModal/LinkModal.mjs';
 import { LinkPopover } from '../LinkPopover/LinkPopover.mjs';
 const LinkEditor = /*#__PURE__*/function () {
   const LinkEditor = function (_a) {
-    var _b;
+    var _b, _c;
     var attrs = _a.attrs,
       removeMark = _a.removeMark,
       updateAttrs = _a.updateAttrs,
       selectionPosition = _a.selectionPosition,
       focusEditor = _a.focusEditor;
-    var _c = useState(attrs.href != null),
-      isPopoverOpen = _c[0],
-      setIsPopoverOpen = _c[1];
-    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];
+    var _d = useState(attrs.href != null),
+      isPopoverOpen = _d[0],
+      setIsPopoverOpen = _d[1];
+    var _e = useState(((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
+      modalOpen = _e[0],
+      setModalOpen = _e[1];
+    var _f = useState((_c = attrs.href) !== null && _c !== void 0 ? _c : undefined),
+      href = _f[0],
+      setHref = _f[1];
     return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && (/*#__PURE__*/React.createElement(LinkPopover, {
       href: href,
       selectionPosition: selectionPosition,

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 !== undefined ? defaultHref : ''),
+    var _b = useState(defaultHref !== null && defaultHref !== void 0 ? 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 === undefined ? undefined : _a.focus();
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _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 === undefined ? undefined : _a.focus();
+        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       }
     }, /*#__PURE__*/React.createElement(TextField, {
       id: "href",
       type: "text",
-      defaultValue: href !== null && href !== undefined ? href : '',
+      defaultValue: href !== null && href !== void 0 ? href : '',
       labelText: "Link URL",
       description: "Must start with http:// or https://",
       inputRef: inputRef,
-      validationMessage: (validationStatus === null || validationStatus === undefined ? undefined : validationStatus.message) && (/*#__PURE__*/React.createElement("div", {
+      validationMessage: (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.message) && (/*#__PURE__*/React.createElement("div", {
         className: styles.validationErrorMessage
       }, validationStatus.message)),
       status: validationStatus.status,

package/dist/esm/RichTextEditor/utils/schema/nodes.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import { nodes } from 'prosemirror-schema-basic';
-import { orderedList, bulletList, listItem } from 'prosemirror-schema-list';
+import { listItem, bulletList, orderedList } from 'prosemirror-schema-list';
 var getNodes = function () {
   // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
   var hardBreak = nodes.hard_break,

package/dist/esm/SearchField/SearchField.mjs

@@ -14,14 +14,14 @@ const SearchField = /*#__PURE__*/function () {
       labelText = _a.labelText,
       disabled = _a.disabled,
       _b = _a.reversed,
-      reversed = _b === undefined ? false : _b,
+      reversed = _b === void 0 ? false : _b,
       _c = _a.secondary,
-      secondary = _c === undefined ? false : _c,
+      secondary = _c === void 0 ? 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 !== undefined ? propsId : reactId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     // @todo: Move restProps to container div?
     return /*#__PURE__*/React.createElement("div", {
       className: classNameOverride

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 === undefined ? 'default' : _b,
+      variant = _b === void 0 ? 'default' : _b,
       _c = _a.status,
-      status = _c === undefined ? 'default' : _c,
+      status = _c === void 0 ? 'default' : _c,
       _d = _a.reversed,
-      reversed = _d === undefined ? false : _d,
+      reversed = _d === void 0 ? false : _d,
       label = _a.label,
       validationMessage = _a.validationMessage,
       description = _a.description,
@@ -30,7 +30,7 @@ const Select = /*#__PURE__*/function () {
       props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "placeholder"]);
     var reactId = useId();
     // the default for fullWidth depends on the variant
-    var fullWidth = propsFullWidth !== null && propsFullWidth !== undefined ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
+    var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? 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, props.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, {
@@ -39,7 +39,7 @@ const Select = /*#__PURE__*/function () {
     }, label)) : null, /*#__PURE__*/React.createElement(ReactSelect, __assign({}, props, {
       ref: ref,
       "aria-labelledby": labelId,
-      placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
       components: {
         Control: Control,
         Placeholder: Placeholder,
@@ -74,7 +74,7 @@ const AsyncSelect = /*#__PURE__*/function () {
       props = __rest(_a, ["className", "placeholder"]);
     return /*#__PURE__*/React.createElement(Async, __assign({}, props, {
       ref: ref,
-      placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
+      placeholder: placeholder !== null && placeholder !== void 0 ? 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 === undefined ? 'default' : _b,
+      variant = _b === void 0 ? 'default' : _b,
       _c = _a.titleBlockHasNavigation,
-      titleBlockHasNavigation = _c === undefined ? true : _c,
+      titleBlockHasNavigation = _c === void 0 ? 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 === undefined ? 'inline' : _b,
+      labelPosition = _b === void 0 ? 'inline' : _b,
       _c = _a.variant,
-      variant = _c === undefined ? 'default' : _c,
+      variant = _c === void 0 ? '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 !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
     var descriptionId = "".concat(id, "-description");
     return /*#__PURE__*/React.createElement(FieldGroup, {
       inline: true

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 !== undefined ? ariaLabel : formatMessage({
+      label: ariaLabel !== null && ariaLabel !== void 0 ? 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 === undefined ? 'compact' : _b,
+    variant = _b === void 0 ? '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 === undefined ? 'nowrap' : _c,
+    wrapping = _c === void 0 ? 'nowrap' : _c,
     _d = _a.align,
-    align = _d === undefined ? 'start' : _d,
+    align = _d === void 0 ? 'start' : _d,
     tooltipInfo = _a.tooltipInfo,
     _e = _a.isTooltipIconHidden,
-    isTooltipIconHidden = _e === undefined ? false : _e,
+    isTooltipIconHidden = _e === void 0 ? false : _e,
     tooltipPortalSelector = _a.tooltipPortalSelector,
     sortingArrowsOnHover = _a.sortingArrowsOnHover,
     classNameOverride = _a.classNameOverride,
@@ -106,7 +106,7 @@ var TableHeaderRowCell = function (_a) {
     variant: "heading-6",
     color: sorting || isHovered ? hoveredHeaderColor : headerColor,
     classNameOverride: styles.headerRowCellLabel
-  }, labelText)) : null, (sorting !== null && sorting !== undefined ? sorting : isHovered && sortingArrowsOnHover) && (/*#__PURE__*/React.createElement("div", {
+  }, labelText)) : null, (sorting !== null && sorting !== void 0 ? 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, {
     name: "arrow_drop_up",
@@ -180,11 +180,11 @@ var TableCard = function (_a) {
   var children = _a.children,
     expanded = _a.expanded,
     _b = _a.expandedStyle,
-    expandedStyle = _b === undefined ? 'well' : _b,
+    expandedStyle = _b === void 0 ? 'well' : _b,
     onClick = _a.onClick,
     href = _a.href,
     _c = _a.forceHoverState,
-    forceHoverState = _c === undefined ? false : _c,
+    forceHoverState = _c === void 0 ? 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);

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 === undefined ? undefined : _a.call(props, event);
+      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
     },
     onBlur: function (event) {
       var _a;
       setIsFocused(false);
-      (_a = props.onBlur) === null || _a === undefined ? undefined : _a.call(props, event);
+      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
     },
     onMouseEnter: function () {
       return setIsHovered(true);

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 === undefined ? false : _a,
+    noPadding = _a === void 0 ? false : _a,
     children = props.children,
     classNameOverride = props.classNameOverride,
     restProps = __rest(props, ['aria-label', "noPadding", "children", "classNameOverride"]);

package/dist/esm/Tag/Tag.mjs

@@ -21,13 +21,13 @@ const Tag = /*#__PURE__*/function () {
   const Tag = function (props) {
     var children = props.children,
       _a = props.variant,
-      variant = _a === undefined ? 'default' : _a,
+      variant = _a === void 0 ? 'default' : _a,
       _b = props.size,
-      size = _b === undefined ? 'medium' : _b,
+      size = _b === void 0 ? 'medium' : _b,
       _c = props.inline,
-      inline = _c === undefined ? false : _c,
+      inline = _c === void 0 ? false : _c,
       _d = props.dismissible,
-      dismissible = _d === undefined ? false : _d,
+      dismissible = _d === void 0 ? false : _d,
       onDismiss = props.onDismiss,
       onMouseDown = props.onMouseDown,
       onMouseLeave = props.onMouseLeave,

package/dist/esm/Tag/subcomponents/LiveIcon/LiveIcon.module.css.mjs

@@ -3,8 +3,6 @@ var styles = {
   "liveIcon_base": "LiveIcon-module_liveIcon_base__Kagqm",
   "liveIcon_1": "LiveIcon-module_liveIcon_1__ye1Qk",
   "liveIcon_2": "LiveIcon-module_liveIcon_2__p6f55",
-  "liveIcon_3": "LiveIcon-module_liveIcon_3__JmRFR",
-  "pulse-inner": "LiveIcon-module_pulse-inner__EGliV",
-  "pulse-outer": "LiveIcon-module_pulse-outer__bxHMh"
+  "liveIcon_3": "LiveIcon-module_liveIcon_3__JmRFR"
 };
 export { styles as default };

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 === undefined ? 'dark' : _b,
+    color = _b === void 0 ? '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 !== undefined ? tag : 'p', __assign(__assign({}, restProps), {
+  return /*#__PURE__*/createElement(tag !== null && tag !== void 0 ? 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 === undefined ? 'default' : _d,
+      status = _d === void 0 ? 'default' : _d,
       _e = _a.autogrow,
-      autogrow = _e === undefined ? false : _e,
+      autogrow = _e === void 0 ? false : _e,
       _f = _a.reversed,
-      reversed = _f === undefined ? false : _f,
+      reversed = _f === void 0 ? false : _f,
       _g = _a.rows,
-      rows = _g === undefined ? 3 : _g,
+      rows = _g === void 0 ? 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 !== undefined ? propsTextAreaRef : fallbackRef;
+    var textAreaRef = propsTextAreaRef !== null && propsTextAreaRef !== void 0 ? propsTextAreaRef : fallbackRef;
     var onChange = function (event) {
-      propsOnChange === null || propsOnChange === undefined ? undefined : propsOnChange(event);
+      propsOnChange === null || propsOnChange === void 0 ? void 0 : 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 !== undefined ? value : internalValue : undefined
+      "data-value": autogrow ? value !== null && value !== void 0 ? 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 === undefined ? false : _b,
+      inline = _b === void 0 ? false : _b,
       validationMessage = _a.validationMessage,
       description = _a.description,
       _c = _a.variant,
-      variant = _c === undefined ? 'default' : _c,
+      variant = _c === void 0 ? 'default' : _c,
       propsId = _a.id,
       _d = _a.reversed,
-      reversed = _d === undefined ? false : _d,
+      reversed = _d === void 0 ? false : _d,
       _e = _a.status,
-      status = _e === undefined ? 'default' : _e,
+      status = _e === void 0 ? '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 !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? 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) {

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 === undefined ? false : _b,
+      inline = _b === void 0 ? false : _b,
       icon = _a.icon,
       validationMessage = _a.validationMessage,
       description = _a.description,
       status = _a.status,
       _c = _a.reversed,
-      reversed = _c === undefined ? false : _c,
+      reversed = _c === void 0 ? 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 !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? 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) {

package/dist/esm/TextField/TextField.module.scss.mjs

@@ -1,7 +1,6 @@
 var styles = {
   "input": "TextField-module_input__CEokl",
   "icon": "TextField-module_icon__wFK4Q",
-  "fade-0-to-1": "TextField-module_fade-0-to-1__Ac-99",
   "success": "TextField-module_success__pMLcV",
   "reversed": "TextField-module_reversed__qW9r1",
   "disabled": "TextField-module_disabled__gS8tk"

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

@@ -17,7 +17,7 @@ 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 === undefined ? undefined : children.props) === null || _b === undefined ? undefined : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
+    }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
       tiles: children.props.children
     })) : 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 === undefined ? 'h3' : _b,
+      titleTag = _b === void 0 ? 'h3' : _b,
       metadata = _a.metadata,
       information = _a.information,
       infoButtonLabel = _a.infoButtonLabel,
       mood = _a.mood,
       _c = _a.variant,
-      variant = _c === undefined ? 'default' : _c,
+      variant = _c === void 0 ? 'default' : _c,
       footer = _a.footer,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "title", "titleTag", "metadata", "information", "infoButtonLabel", "mood", "variant", "footer", "classNameOverride"]);
@@ -57,7 +57,7 @@ const GenericTile = /*#__PURE__*/function () {
       }, information && (/*#__PURE__*/React.createElement("div", {
         className: styles.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
-        label: infoButtonLabel !== null && infoButtonLabel !== undefined ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
+        label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
           name: "info",
           isPresentational: true,
@@ -80,7 +80,7 @@ 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 !== undefined ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
+        }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
           className: styles.footer
         }, /*#__PURE__*/React.createElement("div", {
           className: styles.actions

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 === undefined ? 'default' : _b,
+      status = _b === void 0 ? '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 !== undefined ? propsId : reactId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     var handleOnChange = function (timeValue) {
       if (timeValue === null) {
         return onChange(null);

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -181,26 +181,26 @@ const TitleBlockZen = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       navigationTabs = _a.navigationTabs,
       _f = _a.collapseNavigationAreaWhenPossible,
-      collapseNavigationAreaWhenPossible = _f === undefined ? false : _f,
+      collapseNavigationAreaWhenPossible = _f === void 0 ? false : _f,
       textDirection = _a.textDirection,
       surveyStatus = _a.surveyStatus,
       id = _a.id,
       _g = _a.titleAutomationId,
-      titleAutomationId = _g === undefined ? 'TitleBlock__Title' : _g,
+      titleAutomationId = _g === void 0 ? 'TitleBlock__Title' : _g,
       _h = _a.avatarAutomationId,
-      avatarAutomationId = _h === undefined ? 'TitleBlock__Avatar' : _h,
+      avatarAutomationId = _h === void 0 ? 'TitleBlock__Avatar' : _h,
       _j = _a.subtitleAutomationId,
-      subtitleAutomationId = _j === undefined ? 'TitleBlock__Subtitle' : _j,
+      subtitleAutomationId = _j === void 0 ? 'TitleBlock__Subtitle' : _j,
       _k = _a.sectionTitleAutomationId,
-      sectionTitleAutomationId = _k === undefined ? 'TitleBlock__SectionTitle' : _k,
+      sectionTitleAutomationId = _k === void 0 ? 'TitleBlock__SectionTitle' : _k,
       _l = _a.sectionTitleDescriptionAutomationId,
-      sectionTitleDescriptionAutomationId = _l === undefined ? 'TitleBlock__SectionTitleDescription' : _l,
+      sectionTitleDescriptionAutomationId = _l === void 0 ? 'TitleBlock__SectionTitleDescription' : _l,
       _m = _a.breadcrumbAutomationId,
-      breadcrumbAutomationId = _m === undefined ? 'TitleBlock__Breadcrumb' : _m,
+      breadcrumbAutomationId = _m === void 0 ? 'TitleBlock__Breadcrumb' : _m,
       _o = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _o === undefined ? 'TitleBlock__BreadcrumbText' : _o,
+      breadcrumbTextAutomationId = _o === void 0 ? 'TitleBlock__BreadcrumbText' : _o,
       _p = _a.autoHideMobileActionsMenu,
-      autoHideMobileActionsMenu = _p === undefined ? false : _p;
+      autoHideMobileActionsMenu = _p === void 0 ? 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 !== 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)
+      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)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.titleRow
     }, /*#__PURE__*/React.createElement("div", {
@@ -258,7 +258,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
       variant: "secondary",
       reversed: true,
       fullWidth: true
-    }))))))), ((_d = (_c = primaryAction !== null && primaryAction !== undefined ? primaryAction : defaultAction) !== null && _c !== undefined ? _c : secondaryActions) !== null && _d !== undefined ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MainActions, {
+    }))))))), ((_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, {
       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 !== undefined ? sectionTitle : sectionTitleDescription) !== null && _e !== undefined ? _e : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
+    }, ((_e = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _e !== void 0 ? _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 !== undefined ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(SecondaryActions, {
+    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(SecondaryActions, {
       secondaryActions: secondaryActions,
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
       reversed: isReversed(variant)

package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs

@@ -15,10 +15,10 @@ const MainActions = /*#__PURE__*/function () {
     var primaryAction = _a.primaryAction,
       defaultAction = _a.defaultAction,
       _f = _a.reversed,
-      reversed = _f === undefined ? false : _f,
+      reversed = _f === void 0 ? false : _f,
       overflowMenuItems = _a.overflowMenuItems,
       _g = _a.showOverflowMenu,
-      showOverflowMenu = _g === undefined ? false : _g;
+      showOverflowMenu = _g === void 0 ? false : _g;
     var items;
     if (primaryAction && isMenuGroupNotButton(primaryAction)) {
       var menuContent = primaryAction.menuItems.map(function (item, idx) {
@@ -31,7 +31,7 @@ const MainActions = /*#__PURE__*/function () {
       items = __spreadArray(__spreadArray([], defaultAction ? [{
         key: 'defaultAction',
         node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
-          reversed: (_b = defaultAction.reversed) !== null && _b !== undefined ? _b : reversed,
+          reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         })))
@@ -60,15 +60,15 @@ const MainActions = /*#__PURE__*/function () {
       items = __spreadArray(__spreadArray([], defaultAction ? [{
         key: 'defaultAction',
         node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
-          reversed: (_c = defaultAction.reversed) !== null && _c !== undefined ? _c : reversed,
+          reversed: (_c = defaultAction.reversed) !== null && _c !== void 0 ? _c : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         })))
       }] : [], true), primaryAction ? [{
         key: 'primaryAction',
         node: (/*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
-          primary: (_d = primaryAction.primary) !== null && _d !== undefined ? _d : true,
-          reversed: (_e = primaryAction.reversed) !== null && _e !== undefined ? _e : reversed,
+          primary: (_d = primaryAction.primary) !== null && _d !== void 0 ? _d : true,
+          reversed: (_e = primaryAction.reversed) !== null && _e !== void 0 ? _e : reversed,
           "data-automation-id": "title-block-primary-action-button",
           "data-testid": "title-block-primary-action-button",
           badge: primaryAction.badge ? __assign(__assign({}, primaryAction.badge), {