@carbon/react 1.82.1 → 1.83.0

package/es/components/MultiSelect/MultiSelect.js

@@ -11,7 +11,7 @@ import cx from 'classnames';
 import { useSelect } from 'downshift';
 import isEqual from 'react-fast-compare';
 import PropTypes from 'prop-types';
-import React__default, { useMemo, useContext, useState, useLayoutEffect, isValidElement, useCallback } from 'react';
+import React, { useMemo, useContext, useState, useLayoutEffect, isValidElement, useCallback } from 'react';
 import ListBox from '../ListBox/index.js';
 import { sortingPropTypes } from './MultiSelectPropTypes.js';
 import { defaultSortItems, defaultCompareItems } from './tools/sorting.js';
@@ -58,7 +58,7 @@ const defaultItemToString = item => {
   }
   return '';
 };
-const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const MultiSelect = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     autoAlign = false,
     className: containerClassName,
@@ -411,9 +411,9 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   } : {};
 
   // AILabel always size `mini`
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'mini'
     });
   }
@@ -438,13 +438,13 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       totalSelectableCount
     };
   }, [selectedItems, filteredItems]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("label", _extends({
+  }, /*#__PURE__*/React.createElement("label", _extends({
     className: titleClasses
-  }, labelProps), titleText && titleText, selectedItems.length > 0 && /*#__PURE__*/React__default.createElement("span", {
+  }, labelProps), titleText && titleText, selectedItems.length > 0 && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--visually-hidden`
-  }, clearSelectionDescription, " ", selectedItems.length, ' ', itemsSelectedText, ",", clearSelectionText)), /*#__PURE__*/React__default.createElement(ListBox, {
+  }, clearSelectionDescription, " ", selectedItems.length, ' ', itemsSelectedText, ",", clearSelectionText)), /*#__PURE__*/React.createElement(ListBox, {
     onFocus: isFluid ? handleFocus : undefined,
     onBlur: isFluid ? handleFocus : undefined,
     type: type,
@@ -458,14 +458,14 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     warnText: warnText,
     isOpen: isOpen,
     id: id
-  }, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--list-box__invalid-icon`
-  }), showWarning && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }), showWarning && /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: multiSelectFieldWrapperClasses,
     ref: enableFloatingStyles ? refs.setReference : null
-  }, selectedItems.length > 0 && /*#__PURE__*/React__default.createElement(ListBox.Selection, {
+  }, selectedItems.length > 0 && /*#__PURE__*/React.createElement(ListBox.Selection, {
     readOnly: readOnly,
     clearSelection: !disabled && !readOnly ? clearSelection : noopFn,
     selectionCount: selectedItemsLength
@@ -473,7 +473,7 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     ,
     translateWithId: translateWithId,
     disabled: disabled
-  }), /*#__PURE__*/React__default.createElement("button", _extends({
+  }), /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     className: `${prefix}--list-box__field`,
     disabled: disabled,
@@ -481,15 +481,15 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     "aria-describedby": !inline && !invalid && !warn && helperText ? helperId : undefined
   }, toggleButtonProps, {
     ref: mergedRef
-  }, readOnlyEventHandlers), /*#__PURE__*/React__default.createElement("span", {
+  }, readOnlyEventHandlers), /*#__PURE__*/React.createElement("span", {
     id: fieldLabelId,
     className: `${prefix}--list-box__label`
-  }, label), /*#__PURE__*/React__default.createElement(ListBox.MenuIcon, {
+  }, label), /*#__PURE__*/React.createElement(ListBox.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
-  }, normalizedDecorator) : ''), /*#__PURE__*/React__default.createElement(ListBox.Menu, menuProps, isOpen && sortItems(filteredItems, sortOptions).map((item, index) => {
+  }, normalizedDecorator) : ''), /*#__PURE__*/React.createElement(ListBox.Menu, menuProps, isOpen && sortItems(filteredItems, sortOptions).map((item, index) => {
     const isChecked = selectedItems.filter(selected => isEqual(selected, item)).length > 0;
     const {
       hasIndividualSelections,
@@ -504,18 +504,18 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       ['aria-selected']: isChecked
     });
     const itemText = itemToString(item);
-    return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
+    return /*#__PURE__*/React.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,
       isActive: isChecked && !item['isSelectAll'],
       "aria-label": itemText,
       isHighlighted: highlightedIndex === index,
       title: itemText,
       disabled: itemProps['aria-disabled']
-    }, itemProps), /*#__PURE__*/React__default.createElement("div", {
+    }, itemProps), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--checkbox-wrapper`
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
+    }, /*#__PURE__*/React.createElement(Checkbox, {
       id: `${itemProps.id}__checkbox`,
-      labelText: itemToElement ? /*#__PURE__*/React__default.createElement(ItemToElement, _extends({
+      labelText: itemToElement ? /*#__PURE__*/React.createElement(ItemToElement, _extends({
         key: itemProps.id
       }, item)) : itemText,
       checked: isChecked,
@@ -523,10 +523,10 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       indeterminate: isIndeterminate,
       disabled: disabled
     })));
-  })), itemsCleared && /*#__PURE__*/React__default.createElement("span", {
+  })), itemsCleared && /*#__PURE__*/React.createElement("span", {
     "aria-live": "assertive",
     "aria-label": clearAnnouncement
-  })), !inline && !invalid && !warn && helperText && /*#__PURE__*/React__default.createElement("div", {
+  })), !inline && !invalid && !warn && helperText && /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText));

package/es/components/Notification/Notification.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import deprecate from '../../prop-types/deprecate.js';
 import cx from 'classnames';
 import { Close, ErrorFilled, CheckmarkFilled, WarningFilled, WarningAltFilled, InformationFilled, InformationSquareFilled } from '@carbon/icons-react';
@@ -61,7 +61,7 @@ function NotificationActionButton(_ref) {
   const className = cx(customClassName, {
     [`${prefix}--actionable-notification__action-button`]: true
   });
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/React.createElement(Button, _extends({
     className: className,
     kind: inline ? 'ghost' : 'tertiary',
     onClick: onClick,
@@ -110,13 +110,13 @@ function NotificationButton(_ref2) {
   const iconClassName = cx({
     [`${prefix}--${notificationType}-notification__close-icon`]: notificationType
   });
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     // eslint-disable-next-line react/button-has-type
     type: type,
     "aria-label": deprecatedAriaLabel || ariaLabel,
     title: deprecatedAriaLabel || ariaLabel,
     className: buttonClassName
-  }), IconTag && /*#__PURE__*/React__default.createElement(IconTag, {
+  }), IconTag && /*#__PURE__*/React.createElement(IconTag, {
     className: iconClassName,
     name: name
   }));
@@ -178,10 +178,10 @@ function NotificationIcon(_ref3) {
   if (!IconForKind) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(IconForKind, {
+  return /*#__PURE__*/React.createElement(IconForKind, {
     className: `${prefix}--${notificationType}-notification__icon`,
     size: 20
-  }, /*#__PURE__*/React__default.createElement("title", null, iconDescription));
+  }, /*#__PURE__*/React.createElement("title", null, iconDescription));
 }
 NotificationIcon.propTypes = {
   iconDescription: PropTypes.string.isRequired,
@@ -254,28 +254,28 @@ function ToastNotification(_ref4) {
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, rest, {
     role: role,
     className: containerClassName
-  }), /*#__PURE__*/React__default.createElement(NotificationIcon, {
+  }), /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: "toast",
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: contentRef,
     className: `${prefix}--toast-notification__details`
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
+  }, title && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--toast-notification__title`
-  }, title), subtitle && /*#__PURE__*/React__default.createElement(Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--toast-notification__subtitle`
-  }, subtitle), caption && /*#__PURE__*/React__default.createElement(Text, {
+  }, subtitle), caption && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--toast-notification__caption`
-  }, caption), children), !hideCloseButton && /*#__PURE__*/React__default.createElement(NotificationButton, {
+  }, caption), children), !hideCloseButton && /*#__PURE__*/React.createElement(NotificationButton, {
     notificationType: "toast",
     onClick: handleCloseButtonClick,
     "aria-label": deprecatedAriaLabel || ariaLabel
@@ -390,27 +390,27 @@ function InlineNotification(_ref5) {
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, rest, {
     role: role,
     className: containerClassName
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--inline-notification__details`
-  }, /*#__PURE__*/React__default.createElement(NotificationIcon, {
+  }, /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: "inline",
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: contentRef,
     className: `${prefix}--inline-notification__text-wrapper`
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
+  }, title && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--inline-notification__title`
-  }, title), subtitle && /*#__PURE__*/React__default.createElement(Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--inline-notification__subtitle`
-  }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React__default.createElement(NotificationButton, {
+  }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React.createElement(NotificationButton, {
     notificationType: "inline",
     onClick: handleCloseButtonClick,
     "aria-label": ariaLabel
@@ -564,47 +564,47 @@ function ActionableNotification(_ref6) {
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: ref,
     role: role,
     className: containerClassName,
     "aria-labelledby": title ? id : subtitleId,
     onBlur: !focusTrapWithoutSentinels ? handleBlur : () => {},
     onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : () => {}
-  }), !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("span", {
+  }), !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
     ref: startTrap,
     tabIndex: 0,
     role: "link",
     className: `${prefix}--visually-hidden`
-  }, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
+  }, "Focus sentinel"), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__details`
-  }, /*#__PURE__*/React__default.createElement(NotificationIcon, {
+  }, /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: inline ? 'inline' : 'toast',
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__text-wrapper`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__content`
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
+  }, title && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--actionable-notification__title`,
     id: id
-  }, title), subtitle && /*#__PURE__*/React__default.createElement(Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--actionable-notification__subtitle`,
     id: subtitleId
-  }, subtitle), children))), /*#__PURE__*/React__default.createElement("div", {
+  }, subtitle), children))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__button-wrapper`,
     ref: innerModal
-  }, actionButtonLabel && /*#__PURE__*/React__default.createElement(NotificationActionButton, {
+  }, actionButtonLabel && /*#__PURE__*/React.createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
     inline: inline
-  }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React__default.createElement(NotificationButton, {
+  }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React.createElement(NotificationButton, {
     "aria-label": deprecatedAriaLabel || ariaLabel,
     notificationType: "actionable",
     onClick: handleCloseButtonClick
-  })), !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("span", {
+  })), !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
     ref: endTrap,
     tabIndex: 0,
     role: "link",
@@ -731,27 +731,27 @@ function Callout(_ref8) {
   });
   const childrenContainer = useRef(null);
   useInteractiveChildrenNeedDescription(childrenContainer, `interactive child node(s) should have an \`aria-describedby\` property with a value matching the value of \`titleId\``);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: containerClassName
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__details`
-  }, /*#__PURE__*/React__default.createElement(NotificationIcon, {
+  }, /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: "inline",
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: childrenContainer,
     className: `${prefix}--actionable-notification__text-wrapper`
-  }, title && /*#__PURE__*/React__default.createElement(Text, {
+  }, title && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     id: titleId,
     className: `${prefix}--actionable-notification__title`
-  }, title), subtitle && /*#__PURE__*/React__default.createElement(Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--actionable-notification__subtitle`
-  }, subtitle), children)), /*#__PURE__*/React__default.createElement("div", {
+  }, subtitle), children)), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__button-wrapper`
-  }, actionButtonLabel && /*#__PURE__*/React__default.createElement(NotificationActionButton, {
+  }, actionButtonLabel && /*#__PURE__*/React.createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
     "aria-describedby": titleId,
     inline: true
@@ -816,7 +816,7 @@ const StaticNotification = props => {
     process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, '`StaticNotification` has been renamed to `Callout`.' + 'Run the following codemod to automatically update usages in your' + 'project: `npx @carbon/upgrade migrate refactor-to-callout --write`') : void 0;
     didWarnAboutDeprecation = true;
   }
-  return /*#__PURE__*/React__default.createElement(Callout, props);
+  return /*#__PURE__*/React.createElement(Callout, props);
 };
 
 export { ActionableNotification, Callout, InlineNotification, NotificationActionButton, NotificationButton, StaticNotification, ToastNotification };

package/es/components/NumberInput/NumberInput.Skeleton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -19,11 +19,11 @@ function NumberInputSkeleton(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--number ${prefix}--skeleton ${prefix}--number--${size}`
   }));
 }

package/es/components/NumberInput/NumberInput.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { Subtract, Add } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState, useRef, useEffect } from 'react';
+import React, { useContext, useState, useRef, useEffect } from 'react';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -34,7 +34,7 @@ const defaultTranslations = {
   [translationIds['increment.number']]: 'Increment number',
   [translationIds['decrement.number']]: 'Decrement number'
 };
-const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(props, forwardRef) {
+const NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(props, forwardRef) {
   const {
     allowEmpty = false,
     className: customClassName,
@@ -190,9 +190,9 @@ const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(
   };
 
   // AILabel always size `mini`
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'mini'
     });
   }
@@ -207,21 +207,21 @@ const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(
       setValue(defaultValue);
     }
   }, [defaultValue, isRevertActive, slug]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: outerElementClasses,
     onFocus: isFluid ? handleFocus : undefined,
     onBlur: isFluid ? handleFocus : undefined
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: numberInputClasses,
     "data-invalid": normalizedProps.invalid ? true : undefined
-  }, /*#__PURE__*/React__default.createElement(Label, {
+  }, /*#__PURE__*/React.createElement(Label, {
     disabled: normalizedProps.disabled,
     hideLabel: hideLabel,
     id: id,
     label: label
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
     "data-invalid": normalizedProps.invalid ? true : undefined,
     "aria-invalid": normalizedProps.invalid,
     "aria-describedby": ariaDescribedBy,
@@ -255,13 +255,13 @@ const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(
     step: step,
     type: "number",
     value: value
-  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--number__input-inner-wrapper--decorator`
-  }, normalizedDecorator) : '', Icon ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, normalizedDecorator) : '', Icon ? /*#__PURE__*/React.createElement(Icon, {
     className: iconClasses
-  }) : null, !hideSteppers && /*#__PURE__*/React__default.createElement("div", {
+  }) : null, !hideSteppers && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--number__controls`
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     "aria-label": decrementNumLabel || iconDescription,
     className: `${prefix}--number__control-btn down-icon`,
     disabled: disabled || readOnly,
@@ -269,11 +269,11 @@ const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(
     tabIndex: -1,
     title: decrementNumLabel || iconDescription,
     type: "button"
-  }, _Subtract || (_Subtract = /*#__PURE__*/React__default.createElement(Subtract, {
+  }, _Subtract || (_Subtract = /*#__PURE__*/React.createElement(Subtract, {
     className: "down-icon"
-  }))), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--number__rule-divider`
-  }), /*#__PURE__*/React__default.createElement("button", {
+  }), /*#__PURE__*/React.createElement("button", {
     "aria-label": incrementNumLabel || iconDescription,
     className: `${prefix}--number__control-btn up-icon`,
     disabled: disabled || readOnly,
@@ -281,13 +281,13 @@ const NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(
     tabIndex: -1,
     title: incrementNumLabel || iconDescription,
     type: "button"
-  }, _Add || (_Add = /*#__PURE__*/React__default.createElement(Add, {
+  }, _Add || (_Add = /*#__PURE__*/React.createElement(Add, {
     className: "up-icon"
-  }))), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--number__rule-divider`
-  }))), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }))), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--number-input__divider`
-  }), normalizedProps.validation ? normalizedProps.validation : /*#__PURE__*/React__default.createElement(HelperText, {
+  }), normalizedProps.validation ? normalizedProps.validation : /*#__PURE__*/React.createElement(HelperText, {
     id: normalizedProps.helperId,
     disabled: disabled,
     description: helperText
@@ -424,7 +424,7 @@ const Label = _ref => {
     [`${prefix}--visually-hidden`]: hideLabel
   });
   if (label) {
-    return /*#__PURE__*/React__default.createElement(Text, {
+    return /*#__PURE__*/React.createElement(Text, {
       as: "label",
       htmlFor: id,
       className: className
@@ -449,7 +449,7 @@ function HelperText(_ref2) {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
   if (description) {
-    return /*#__PURE__*/React__default.createElement(Text, {
+    return /*#__PURE__*/React.createElement(Text, {
       as: "div",
       id: id,
       className: className

package/es/components/OrderedList/OrderedList.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -26,7 +26,7 @@ function OrderedList(_ref) {
     [`${prefix}--list--nested`]: nested,
     [`${prefix}--list--expressive`]: isExpressive
   }, className);
-  return /*#__PURE__*/React__default.createElement("ol", _extends({
+  return /*#__PURE__*/React.createElement("ol", _extends({
     className: classNames
   }, other));
 }

package/es/components/OverflowMenu/OverflowMenu.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useContext, useState, useRef, useEffect, useCallback, Children, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, useContext, useState, useRef, useEffect, useCallback, Children, isValidElement, cloneElement } from 'react';
 import { OverflowMenuVertical } from '@carbon/icons-react';
 import cx from 'classnames';
 import invariant from 'invariant';
@@ -224,7 +224,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
       direction
     } = _ref3;
     const enabledIndices = Children.toArray(children).reduce((acc, curr, i) => {
-      if (/*#__PURE__*/React__default.isValidElement(curr) && !curr.props.disabled) {
+      if (/*#__PURE__*/React.isValidElement(curr) && !curr.props.disabled) {
         acc.push(i);
       }
       return acc;
@@ -301,7 +301,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
     return null;
   });
-  const menuBody = /*#__PURE__*/React__default.createElement("ul", {
+  const menuBody = /*#__PURE__*/React.createElement("ul", {
     className: overflowMenuOptionsClasses,
     tabIndex: -1,
     role: "menu",
@@ -309,7 +309,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     onKeyDown: handleKeyPress,
     id: menuBodyId
   }, childrenWithProps);
-  const wrappedMenuBody = /*#__PURE__*/React__default.createElement(FloatingMenu, {
+  const wrappedMenuBody = /*#__PURE__*/React.createElement(FloatingMenu, {
     focusTrap: focusTrap,
     triggerRef: triggerRef,
     menuDirection: direction,
@@ -323,11 +323,11 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     'data-floating-menu-direction': direction
   }));
   const combinedRef = innerRef ? mergeRefs(triggerRef, innerRef, ref) : mergeRefs(triggerRef, ref);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--overflow-menu__wrapper`,
     "aria-owns": open ? menuBodyId : undefined,
     ref: wrapperRef
-  }, /*#__PURE__*/React__default.createElement(IconButton, _extends({}, other, {
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({}, other, {
     align: align,
     type: "button",
     "aria-haspopup": true,
@@ -340,7 +340,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     size: size,
     label: iconDescription,
     kind: "ghost"
-  }), /*#__PURE__*/React__default.createElement(IconElement, {
+  }), /*#__PURE__*/React.createElement(IconElement, {
     className: overflowMenuIconClasses,
     "aria-label": iconDescription
   })), open && hasMountedTrigger && wrappedMenuBody));

package/es/components/OverflowMenu/index.js

@@ -6,16 +6,16 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { OverflowMenu as OverflowMenu$2 } from './next/index.js';
 import { OverflowMenu as OverflowMenu$1 } from './OverflowMenu.js';
 
 const OverflowMenu = /*#__PURE__*/forwardRef((props, ref) => {
   const enableV12OverflowMenu = useFeatureFlag('enable-v12-overflowmenu');
-  return enableV12OverflowMenu ? /*#__PURE__*/React__default.createElement(OverflowMenu$2, _extends({}, props, {
+  return enableV12OverflowMenu ? /*#__PURE__*/React.createElement(OverflowMenu$2, _extends({}, props, {
     ref: ref
-  })) : /*#__PURE__*/React__default.createElement(OverflowMenu$1, _extends({}, props, {
+  })) : /*#__PURE__*/React.createElement(OverflowMenu$1, _extends({}, props, {
     ref: ref
   }));
 });

package/es/components/OverflowMenu/next/index.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { OverflowMenuVertical } from '@carbon/icons-react';
@@ -23,7 +23,7 @@ import deprecateValuesWithin from '../../../prop-types/deprecateValuesWithin.js'
 import { mapPopoverAlign } from '../../../tools/mapPopoverAlign.js';
 
 const defaultSize = 'md';
-const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMenu(_ref, forwardRef) {
+const OverflowMenu = /*#__PURE__*/React.forwardRef(function OverflowMenu(_ref, forwardRef) {
   let {
     autoAlign = false,
     children,
@@ -98,11 +98,11 @@ const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMen
     [`${prefix}--overflow-menu--open`]: open
   }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
   const floatingRef = mergeRefs(triggerRef, refs.setReference);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: containerClasses,
     "aria-owns": open ? id : undefined,
     ref: forwardRef
-  }), /*#__PURE__*/React__default.createElement(IconButton, {
+  }), /*#__PURE__*/React.createElement(IconButton, {
     "aria-controls": open ? id : undefined,
     "aria-haspopup": true,
     "aria-expanded": open,
@@ -113,9 +113,9 @@ const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMen
     label: label,
     align: tooltipAlignment,
     kind: "ghost"
-  }, /*#__PURE__*/React__default.createElement(IconElement, {
+  }, /*#__PURE__*/React.createElement(IconElement, {
     className: `${prefix}--overflow-menu__icon`
-  })), /*#__PURE__*/React__default.createElement(Menu, {
+  })), /*#__PURE__*/React.createElement(Menu, {
     containerRef: triggerRef,
     ref: refs.setFloating,
     menuAlignment: menuAlignment,