@kaizen/components 1.70.9 → 1.70.10

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -22,7 +22,7 @@ var validateEndDateBeforeStartDate = function (_a) {
       validationResponse: __assign(__assign({}, baseResponse), {
         validationMessage: {
           status: 'error',
-          message: ( /*#__PURE__*/React.createElement(FormattedMessage, {
+          message: (/*#__PURE__*/React.createElement(FormattedMessage, {
             id: "date.validation.rangeEndBeforeRangeStart",
             defaultMessage: 'Cannot be earlier than the selection in "{startDateFieldLabel}"',
             description: "Error message when the user tries to select an end date earlier than the start date",

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -17,7 +17,7 @@ const ListBoxSection = /*#__PURE__*/function () {
       "aria-label": !hasSectionHeader ? sectionName : undefined,
       "aria-labelledby": hasSectionHeader ? listSectionId : undefined,
       role: "group"
-    }, hasSectionHeader && ( /*#__PURE__*/React.createElement("li", {
+    }, hasSectionHeader && (/*#__PURE__*/React.createElement("li", {
       className: styles.listBoxSectionHeader,
       id: listSectionId,
       role: "presentation"

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs

@@ -26,10 +26,10 @@ const MenuPopup = /*#__PURE__*/function () {
     // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
     // In addition, add hidden <DismissButton> components at the start and end of the list
     // to allow screen reader users to dismiss the popup easily.
-    return menuTriggerState.isOpen ? ( /*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
+    return menuTriggerState.isOpen ? (/*#__PURE__*/React.createElement("div", __assign({}, overlayProps, {
       ref: overlayRef,
       className: styles.menuPopup
-    }), isLoading && loadingSkeleton ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
+    }), isLoading && loadingSkeleton ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
     }), loadingSkeleton, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
@@ -44,7 +44,7 @@ const MenuPopup = /*#__PURE__*/function () {
       onDismiss: onClose
     }), children, /*#__PURE__*/React.createElement(DismissButton, {
       onDismiss: onClose
-    }))))) : ( /*#__PURE__*/React.createElement(React.Fragment, null));
+    }))))) : (/*#__PURE__*/React.createElement(React.Fragment, null));
   };
   MenuPopup.displayName = 'FilterMultiSelect.MenuPopup';
   return MenuPopup;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs

@@ -40,7 +40,7 @@ const MultiSelectOption = /*#__PURE__*/function () {
     }, isSelected && /*#__PURE__*/React.createElement(Icon, {
       name: "check",
       isPresentational: true
-    })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && ( /*#__PURE__*/React.createElement("span", {
+    })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && (/*#__PURE__*/React.createElement("span", {
       id: countElementId,
       className: styles.badgeContainer
     }, /*#__PURE__*/React.createElement(Badge, {

package/dist/esm/GuidanceBlock/GuidanceBlock.mjs

@@ -107,7 +107,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
       className: styles.descriptionAndActions
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.descriptionContainer
-    }, 'content' in restProps && restProps.content, 'text' in restProps && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, 'content' in restProps && restProps.content, 'text' in restProps && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: styles.headingWrapper
     }, /*#__PURE__*/React.createElement(Heading, {
       tag: (_c = (_b = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _b === void 0 ? void 0 : _b.titleTag) !== null && _c !== void 0 ? _c : 'h3',
@@ -115,7 +115,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
     }, (_d = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _d === void 0 ? void 0 : _d.title)), /*#__PURE__*/React.createElement(Text, {
       tag: "p",
       variant: "body"
-    }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), (actions === null || actions === void 0 ? void 0 : actions.primary) && ( /*#__PURE__*/React.createElement(Media, {
+    }, (_e = restProps === null || restProps === void 0 ? void 0 : restProps.text) === null || _e === void 0 ? void 0 : _e.description)))), (actions === null || actions === void 0 ? void 0 : actions.primary) && (/*#__PURE__*/React.createElement(Media, {
       query: "(max-width: 767px)"
     }, function (isMobile) {
       var _a;
@@ -129,7 +129,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
       }, /*#__PURE__*/React.createElement(WithTooltip, {
         tooltipProps: actions.primary.tooltip
       }, /*#__PURE__*/React.createElement(Button, __assign({
-        icon: withActionButtonArrow ? ( /*#__PURE__*/React.createElement(Icon, {
+        icon: withActionButtonArrow ? (/*#__PURE__*/React.createElement(Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
@@ -137,7 +137,7 @@ const GuidanceBlock = /*#__PURE__*/function () {
         iconPosition: "end"
       }, actions.primary, {
         fullWidth: isMobile || componentIsMobile
-      }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && ( /*#__PURE__*/React.createElement(WithTooltip, {
+      }))), (actions === null || actions === void 0 ? void 0 : actions.secondary) && (/*#__PURE__*/React.createElement(WithTooltip, {
         tooltipProps: actions.secondary.tooltip
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.secondaryAction

package/dist/esm/Illustration/subcomponents/Base/Base.mjs

@@ -12,13 +12,13 @@ const Base = /*#__PURE__*/function () {
       aspectRatio = _a.aspectRatio,
       restProps = __rest(_a, ["name", "alt", "classNameOverride", "aspectRatio"]);
     var className = classnames(styles.wrapper, classNameOverride);
-    return aspectRatio ? ( /*#__PURE__*/React.createElement("figure", {
+    return aspectRatio ? (/*#__PURE__*/React.createElement("figure", {
       className: classnames(styles.aspectRatioWrapper, aspectRatio && styles[aspectRatio])
     }, /*#__PURE__*/React.createElement("img", __assign({}, restProps, {
       className: className,
       alt: alt,
       src: assetUrl(name)
-    })))) : ( /*#__PURE__*/React.createElement("img", __assign({}, restProps, {
+    })))) : (/*#__PURE__*/React.createElement("img", __assign({}, restProps, {
       className: className,
       alt: alt,
       src: assetUrl(name)

package/dist/esm/Input/InputRange/InputRange.mjs

@@ -64,7 +64,7 @@ const InputRange = /*#__PURE__*/function () {
       id: visuallyHiddenHintId
     }, min, " is ", minLabel, ", ", max, " is ", maxLabel), /*#__PURE__*/React.createElement("div", {
       className: styles.labelsContainer
-    }, !readOnlyWithNoValue && ( /*#__PURE__*/React.createElement("div", {
+    }, !readOnlyWithNoValue && (/*#__PURE__*/React.createElement("div", {
       className: classnames(styles.sliderLabels, disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement(Text, {
       variant: "small",

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -40,11 +40,11 @@ const InputSearch = /*#__PURE__*/function () {
       className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.startIconAdornment
-    }, loading ? ( /*#__PURE__*/React.createElement(LoadingSpinner, {
+    }, loading ? (/*#__PURE__*/React.createElement(LoadingSpinner, {
       accessibilityLabel: "",
       size: "sm",
       classNameOverride: styles.loadingSpinner
-    })) : ( /*#__PURE__*/React.createElement(Icon, {
+    })) : (/*#__PURE__*/React.createElement(Icon, {
       name: "search",
       isPresentational: true
     }))), /*#__PURE__*/React.createElement("input", __assign({
@@ -57,7 +57,7 @@ const InputSearch = /*#__PURE__*/function () {
       readOnly: onChange === undefined
     }, restProps)), /*#__PURE__*/React.createElement("div", {
       className: styles.focusRing
-    }), value && ( /*#__PURE__*/React.createElement(ClearButton, {
+    }), value && (/*#__PURE__*/React.createElement(ClearButton, {
       isReversed: reversed,
       onClick: handleOnClear,
       disabled: disabled,

package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -136,7 +136,7 @@ var LikertScaleLegacy = function (_a) {
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
     }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
-  })), shouldDisplayValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+  })), shouldDisplayValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
     id: validationMessageId,
     message: validationMessage,
     status: status,

package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs

@@ -44,7 +44,7 @@ const StatelessMenu = /*#__PURE__*/function () {
         console.warn('The portal could not be created using the selector: ' + portalSelector);
       }
     }, [portalSelectorElementRef, portalSelector]);
-    var menu = isMenuVisible ? ( /*#__PURE__*/React.createElement(MenuDropdown, {
+    var menu = isMenuVisible ? (/*#__PURE__*/React.createElement(MenuDropdown, {
       referenceElement: referenceElement,
       align: align,
       hideMenuDropdown: hideMenuDropdown,

package/dist/esm/Modal/ContextModal/ContextModal.mjs

@@ -82,7 +82,7 @@ const ContextModal = /*#__PURE__*/function () {
       className: styles.image
     }, image), /*#__PURE__*/React.createElement("div", {
       className: styles.content
-    }, children, onConfirm != null && ( /*#__PURE__*/React.createElement("div", {
+    }, children, onConfirm != null && (/*#__PURE__*/React.createElement("div", {
       className: secondaryLabel ? styles.footerWithSecondaryAction : styles.footer
     }))))), /*#__PURE__*/React.createElement(ModalFooter, {
       variant: image ? 'context' : undefined,

package/dist/esm/Modal/GenericModal/GenericModal.mjs

@@ -100,7 +100,7 @@ const GenericModal = /*#__PURE__*/function () {
       cleanUpAfterClose();
       propsOnAfterLeave === null || propsOnAfterLeave === void 0 ? void 0 : propsOnAfterLeave();
     };
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Transition, {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Transition, {
       appear: true,
       show: isOpen,
       enter: styles.animatingEnter,

package/dist/esm/MultiSelect/MultiSelect.mjs

@@ -83,7 +83,7 @@ const MultiSelect = /*#__PURE__*/function () {
     }, validationMessage)), description && /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: description
-    }), isOpen && ( /*#__PURE__*/React.createElement(Popover, {
+    }), isOpen && (/*#__PURE__*/React.createElement(Popover, {
       refs: refs,
       id: "".concat(id, "--popover"),
       role: "dialog",

package/dist/esm/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs

@@ -30,7 +30,7 @@ const MultiSelectOptions = /*#__PURE__*/function () {
     }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
       id: optionsCountId,
       "aria-live": "polite"
-    }, "Options available: ", options.length), options.length === 0 ? ( /*#__PURE__*/React.createElement(Text, {
+    }, "Options available: ", options.length), options.length === 0 ? (/*#__PURE__*/React.createElement(Text, {
       tag: "span",
       variant: "body"
     }, "No options available")) : options.map(function (option) {

package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs

@@ -41,7 +41,7 @@ const MultiSelectToggle = /*#__PURE__*/function () {
       isPresentational: true
     })), /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.selectedItemsContainer, selectedOptions.length && styles.hasSelectedItems)
-    }, selectedOptions.length > 0 && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
+    }, selectedOptions.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
       role: "list",
       className: styles.selectedItems
     }, selectedOptions.map(function (_a) {

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs

@@ -34,7 +34,7 @@ const Popover = /*#__PURE__*/function () {
       })],
       whileElementsMounted: autoUpdate
     }, floatingOptions)).floatingStyles;
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(FocusOn, __assign({
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(FocusOn, __assign({
       enabled: false,
       scrollLock: false
     }, focusOnProps), /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs

@@ -23,11 +23,11 @@ const ToastNotificationsList = /*#__PURE__*/function () {
       }
       setToastContainer(container);
     }, []);
-    return toastContainer ? ( /*#__PURE__*/React.createElement(ToastNotificationsMap, {
+    return toastContainer ? (/*#__PURE__*/React.createElement(ToastNotificationsMap, {
       notifications: notifications,
       onHide: removeToastNotification,
       container: toastContainer
-    })) : ( /*#__PURE__*/React.createElement(React.Fragment, null));
+    })) : (/*#__PURE__*/React.createElement(React.Fragment, null));
   };
   ToastNotificationsList.displayName = 'ToastNotificationsList';
   return ToastNotificationsList;

package/dist/esm/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs

@@ -10,7 +10,7 @@ const ToastNotificationsMap = /*#__PURE__*/function () {
     if (!container) return null;
     // To consolidate all notifications into a single list when there are multiple contexts,
     // this list cannot render with a container (must be portalled into one).
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, notifications.map(function (_a) {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(React.Fragment, null, notifications.map(function (_a) {
       var id = _a.id,
         title = _a.title,
         persistent = _a.persistent,

package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs

@@ -61,13 +61,13 @@ const GenericNotification = /*#__PURE__*/function () {
       onTransitionEnd: onTransitionEnd
     }, restProps), /*#__PURE__*/React.createElement("div", {
       className: styles.icon
-    }, type ? ( /*#__PURE__*/React.createElement(NotificationIconType, {
+    }, type ? (/*#__PURE__*/React.createElement(NotificationIconType, {
       type: type
-    })) : ( /*#__PURE__*/React.createElement(NotificationIconVariant, {
+    })) : (/*#__PURE__*/React.createElement(NotificationIconVariant, {
       variant: variant
     }))), /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.textContainer, forceMultiline && styles.forceMultiline)
-    }, style !== 'global' && ( /*#__PURE__*/React.createElement(NotificationHeading, {
+    }, style !== 'global' && (/*#__PURE__*/React.createElement(NotificationHeading, {
       titleProp: title,
       headingProps: headingProps
     })), children && /*#__PURE__*/React.createElement("div", {

package/dist/esm/Pagination/Pagination.mjs

@@ -72,7 +72,7 @@ var Pagination = function (_a) {
       // Calculate and add truncate before group of main pages
       var firstEllipsisPageNumber = mainPagesStart - 1;
       var showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === firstPagesEnd + 1;
-      items.push(showPageInsteadOfFirstEllipsis ? paginationIndicator(firstEllipsisPageNumber) : ( /*#__PURE__*/React.createElement(TruncateIndicator, {
+      items.push(showPageInsteadOfFirstEllipsis ? paginationIndicator(firstEllipsisPageNumber) : (/*#__PURE__*/React.createElement(TruncateIndicator, {
         key: firstEllipsisPageNumber
       })));
       // Add group of main pages
@@ -80,7 +80,7 @@ var Pagination = function (_a) {
       // Calculate and add truncate after group of main pages
       var secondEllipsisPageNumber = mainPagesEnd + 1;
       var showPageInsteadOfSecondEllipsis = secondEllipsisPageNumber === lastPagesStart - 1;
-      items.push(showPageInsteadOfSecondEllipsis ? paginationIndicator(secondEllipsisPageNumber) : ( /*#__PURE__*/React.createElement(TruncateIndicator, {
+      items.push(showPageInsteadOfSecondEllipsis ? paginationIndicator(secondEllipsisPageNumber) : (/*#__PURE__*/React.createElement(TruncateIndicator, {
         key: secondEllipsisPageNumber
       })));
       // Add group of last pages

package/dist/esm/Popover/Popover.mjs

@@ -83,14 +83,14 @@ const Popover = /*#__PURE__*/function () {
       className: classnames(styles.root, mapSizeToClass(size), classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement("div", {
       className: mapVariantToBoxClass(variant)
-    }, heading && ( /*#__PURE__*/React.createElement("div", {
+    }, heading && (/*#__PURE__*/React.createElement("div", {
       className: styles.header
-    }, variant !== 'default' && ( /*#__PURE__*/React.createElement("span", {
+    }, variant !== 'default' && (/*#__PURE__*/React.createElement("span", {
       className: classnames(styles.icon, mapVariantToIconClass(variant))
     }, customIcon !== null && customIcon !== void 0 ? customIcon : mapVariantToIcon(variant))), /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-6",
       classNameOverride: styles.singleLine
-    }, heading), dismissible && ( /*#__PURE__*/React.createElement("button", {
+    }, heading), dismissible && (/*#__PURE__*/React.createElement("button", {
       className: styles.close,
       onClick: onClose,
       type: "button",

package/dist/esm/ProgressBar/ProgressBar.mjs

@@ -43,7 +43,7 @@ const ProgressBar = /*#__PURE__*/function () {
       style: {
         transform: "translateX(-".concat(100 - percentage, "%")
       }
-    })), subtext && ( /*#__PURE__*/React.createElement("div", {
+    })), subtext && (/*#__PURE__*/React.createElement("div", {
       className: styles.subtext
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-6",

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -106,13 +106,13 @@ const RichTextEditor = /*#__PURE__*/function () {
       // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [editorState]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && ( /*#__PURE__*/React.createElement(Label, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && (/*#__PURE__*/React.createElement(Label, {
       classNameOverride: styles.editorLabel,
       id: labelId,
       labelText: labelText
     })), /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.editorWrapper, styles[status])
-    }, controls && ( /*#__PURE__*/React.createElement(Toolbar, {
+    }, controls && (/*#__PURE__*/React.createElement(Toolbar, {
       "aria-controls": editorId,
       "aria-label": "Text formatting",
       classNameOverride: styles.toolbar
@@ -135,7 +135,7 @@ const RichTextEditor = /*#__PURE__*/function () {
       id: editorId,
       ref: editorRef,
       className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar)
-    }, restProps))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, restProps))), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,
       status: status

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

@@ -18,7 +18,7 @@ const LinkEditor = /*#__PURE__*/function () {
     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

@@ -57,7 +57,7 @@ const LinkModal = /*#__PURE__*/function () {
       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 === void 0 ? void 0 : 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

@@ -25,7 +25,7 @@ const SearchField = /*#__PURE__*/function () {
     // @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

@@ -34,7 +34,7 @@ const Select = /*#__PURE__*/function () {
     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, 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, {

package/dist/esm/Slider/Slider.mjs

@@ -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/Table/Table.mjs

@@ -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 !== 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, {
+  }, 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,
@@ -188,15 +188,15 @@ var TableCard = function (_a) {
     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

@@ -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/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"
   })));
 };
@@ -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/TextAreaField/TextAreaField.mjs

@@ -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

@@ -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