@carbon/react 1.83.0-rc.0 → 1.83.0

package/es/components/Checkbox/Checkbox.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';
 
@@ -17,11 +17,11 @@ const CheckboxSkeleton = _ref => {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-label`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
   })));
 };

package/es/components/Checkbox/Checkbox.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 '../Text/index.js';
 import deprecate from '../../prop-types/deprecate.js';
@@ -17,7 +17,7 @@ import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
 import { Text } from '../Text/Text.js';
 
-const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
     decorator,
@@ -42,7 +42,7 @@ const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const showHelper = !invalid && !warn;
   const checkboxGroupInstanceId = useId();
   const helperId = !helperText ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: `${prefix}--form__helper-text`
   }, helperText) : null;
@@ -56,16 +56,16 @@ const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
     [`${prefix}--visually-hidden`]: hideLabel
   });
-  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') {
     const size = normalizedDecorator.props?.['kind'] === 'inline' ? 'md' : 'mini';
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size
     });
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
+  }, /*#__PURE__*/React.createElement("input", _extends({}, other, {
     type: "checkbox",
     "data-invalid": invalid ? true : undefined,
     onChange: evt => {
@@ -102,23 +102,23 @@ const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
         onClick(evt);
       }
     }
-  })), /*#__PURE__*/React__default.createElement("label", {
+  })), /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: `${prefix}--checkbox-label`,
     title: title
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     className: innerLabelClasses
-  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-wrapper-inner--decorator`
-  }, normalizedDecorator) : '')), /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : '')), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });

package/es/components/CheckboxGroup/CheckboxGroup.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 deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -36,7 +36,7 @@ const CheckboxGroup = _ref => {
   const showHelper = !invalid && !warn;
   const checkboxGroupInstanceId = useId();
   const helperId = !helperText ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: `${prefix}--form__helper-text`
   }, helperText) : null;
@@ -50,33 +50,33 @@ const CheckboxGroup = _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',
       kind: 'default'
     });
   }
-  return /*#__PURE__*/React__default.createElement("fieldset", _extends({
+  return /*#__PURE__*/React.createElement("fieldset", _extends({
     className: fieldsetClasses,
     "data-invalid": invalid ? true : undefined,
     "aria-labelledby": rest['aria-labelledby'] || legendId,
     "aria-readonly": readOnly,
     "aria-describedby": !invalid && !warn && helper ? helperId : undefined
-  }, rest), /*#__PURE__*/React__default.createElement("legend", {
+  }, rest), /*#__PURE__*/React.createElement("legend", {
     className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-group-inner--decorator`
-  }, normalizedDecorator) : ''), children, /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : ''), children, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-group__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 };

package/es/components/ClassPrefix/index.js

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { PrefixContext } from '../../internal/usePrefix.js';
 
 function ClassPrefix(_ref) {
@@ -14,7 +14,7 @@ function ClassPrefix(_ref) {
     children,
     prefix
   } = _ref;
-  return /*#__PURE__*/React__default.createElement(PrefixContext.Provider, {
+  return /*#__PURE__*/React.createElement(PrefixContext.Provider, {
     value: prefix
   }, children);
 }

package/es/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span, _span2, _span3, _span4;
@@ -26,18 +26,18 @@ function CodeSnippetSkeleton(_ref) {
     [`${prefix}--snippet--multi`]: type === 'multi'
   });
   if (type === 'single') {
-    return /*#__PURE__*/React__default.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: className
-    }, rest), /*#__PURE__*/React__default.createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
+    }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
   }
   if (type === 'multi') {
-    return /*#__PURE__*/React__default.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: className
-    }, rest), /*#__PURE__*/React__default.createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default.createElement("span", null))));
+    }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React.createElement("span", null))));
   }
 }
 CodeSnippetSkeleton.propTypes = {

package/es/components/CodeSnippet/CodeSnippet.js

@@ -7,9 +7,9 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useRef, useCallback, useEffect } from 'react';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
 import cx from 'classnames';
-import useResizeObserver from 'use-resize-observer';
+import { useResizeObserver } from '../../internal/useResizeObserver.js';
 import { ChevronDown } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
 import Button from '../Button/Button.js';
@@ -146,14 +146,14 @@ function CodeSnippet(_ref) {
   const expandCodeBtnText = expandedCode ? showLessText : showMoreText;
   if (type === 'inline') {
     if (hideCopyButton) {
-      return /*#__PURE__*/React__default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: codeSnippetClasses
-      }, /*#__PURE__*/React__default.createElement("code", {
+      }, /*#__PURE__*/React.createElement("code", {
         id: uid,
         ref: innerCodeRef
       }, children));
     }
-    return /*#__PURE__*/React__default.createElement(Copy, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(Copy, _extends({}, rest, {
       align: align,
       autoAlign: autoAlign,
       onClick: handleCopyClick,
@@ -162,7 +162,7 @@ function CodeSnippet(_ref) {
       className: codeSnippetClasses,
       feedback: feedback,
       feedbackTimeout: feedbackTimeout
-    }), /*#__PURE__*/React__default.createElement("code", {
+    }), /*#__PURE__*/React.createElement("code", {
       id: uid,
       ref: innerCodeRef
     }, children));
@@ -189,9 +189,9 @@ function CodeSnippet(_ref) {
       containerStyle.style = styles;
     }
   }
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: codeSnippetClasses
-  }), /*#__PURE__*/React__default.createElement("div", _extends({
+  }), /*#__PURE__*/React.createElement("div", _extends({
     ref: codeContainerRef,
     role: type === 'single' || type === 'multi' ? 'textbox' : undefined,
     tabIndex: (type === 'single' || type === 'multi') && !disabled ? 0 : undefined,
@@ -200,16 +200,16 @@ function CodeSnippet(_ref) {
     "aria-readonly": type === 'single' || type === 'multi' ? true : undefined,
     "aria-multiline": type === 'multi' ? true : undefined,
     onScroll: type === 'single' && handleScroll || undefined
-  }, containerStyle), /*#__PURE__*/React__default.createElement("pre", {
+  }, containerStyle), /*#__PURE__*/React.createElement("pre", {
     ref: codeContentRef,
     onScroll: type === 'multi' && handleScroll || undefined
-  }, /*#__PURE__*/React__default.createElement("code", {
+  }, /*#__PURE__*/React.createElement("code", {
     ref: innerCodeRef
-  }, children))), hasLeftOverflow && /*#__PURE__*/React__default.createElement("div", {
+  }, children))), hasLeftOverflow && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--snippet__overflow-indicator--left`
-  }), hasRightOverflow && type !== 'multi' && /*#__PURE__*/React__default.createElement("div", {
+  }), hasRightOverflow && type !== 'multi' && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--snippet__overflow-indicator--right`
-  }), !hideCopyButton && /*#__PURE__*/React__default.createElement(CopyButton, {
+  }), !hideCopyButton && /*#__PURE__*/React.createElement(CopyButton, {
     align: align,
     autoAlign: autoAlign,
     size: type === 'multi' ? 'sm' : 'md',
@@ -218,15 +218,15 @@ function CodeSnippet(_ref) {
     feedback: feedback,
     feedbackTimeout: feedbackTimeout,
     iconDescription: copyButtonDescription
-  }), shouldShowMoreLessBtn && /*#__PURE__*/React__default.createElement(Button, {
+  }), shouldShowMoreLessBtn && /*#__PURE__*/React.createElement(Button, {
     kind: "ghost",
     size: "sm",
     className: `${prefix}--snippet-btn--expand`,
     disabled: disabled,
     onClick: () => setExpandedCode(!expandedCode)
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--snippet-btn--text`
-  }, expandCodeBtnText), /*#__PURE__*/React__default.createElement(ChevronDown, {
+  }, expandCodeBtnText), /*#__PURE__*/React.createElement(ChevronDown, {
     className: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,
     name: "chevron--down",
     role: "img"

package/es/components/ComboBox/ComboBox.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import { useCombobox } from 'downshift';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useEffect, useState, useContext, useCallback, useMemo } from 'react';
+import React, { forwardRef, useRef, useEffect, useState, useContext, useCallback, useMemo } from 'react';
 import '../Text/index.js';
 import { WarningFilled, WarningAltFilled, Checkmark } from '@carbon/icons-react';
 import isEqual from 'react-fast-compare';
@@ -440,9 +440,9 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
   const ItemToElement = itemToElement;
 
   // 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'
     });
   }
@@ -594,12 +594,12 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   }, [inputValue, typeaheadText]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, titleText && /*#__PURE__*/React__default.createElement(Text, _extends({
+  }, titleText && /*#__PURE__*/React.createElement(Text, _extends({
     as: "label",
     className: titleClasses
-  }, getLabelProps()), titleText), /*#__PURE__*/React__default.createElement(ListBox, {
+  }, getLabelProps()), titleText), /*#__PURE__*/React.createElement(ListBox, {
     onFocus: handleFocus,
     onBlur: handleFocus,
     className: className,
@@ -614,9 +614,9 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     ref: enableFloatingStyles ? refs.setReference : null,
     warnText: warnText,
     warnTextId: warnTextId
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
+  }, /*#__PURE__*/React.createElement("input", _extends({
     disabled: disabled,
     className: inputClasses,
     type: "text",
@@ -700,11 +700,11 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
   }), rest, readOnlyEventHandlers, {
     readOnly: readOnly,
     "aria-describedby": ariaDescribedBy
-  })), 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`
-  }), inputValue && /*#__PURE__*/React__default.createElement(ListBoxSelection, {
+  }), inputValue && /*#__PURE__*/React.createElement(ListBoxSelection, {
     clearSelection: () => {
       setIsClearing(true); // This updates the state which syncs to the ref
       setInputValue('');
@@ -718,12 +718,12 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     disabled: disabled || readOnly,
     onClearSelection: handleSelectionClear,
     selectionCount: 0
-  }), /*#__PURE__*/React__default.createElement(ListBoxTrigger, _extends({}, buttonProps, {
+  }), /*#__PURE__*/React.createElement(ListBoxTrigger, _extends({}, buttonProps, {
     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 ? filterItems(items, itemToString, inputValue).map((item, index) => {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(ListBox.Menu, menuProps, isOpen ? filterItems(items, itemToString, inputValue).map((item, index) => {
     const isObject = item !== null && typeof item === 'object';
     const title = isObject && 'text' in item && itemToElement ? item.text?.toString() : itemToString(item);
     const itemProps = getItemProps({
@@ -741,18 +741,18 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
       // eslint-disable-line @typescript-eslint/no-unused-vars
       ...modifiedItemProps
     } = itemProps;
-    return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
+    return /*#__PURE__*/React.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: disabled
-    }, modifiedItemProps), ItemToElement ? /*#__PURE__*/React__default.createElement(ItemToElement, _extends({
+    }, modifiedItemProps), ItemToElement ? /*#__PURE__*/React.createElement(ItemToElement, _extends({
       key: itemProps.id
-    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React__default.createElement(Checkmark, {
+    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
-  }) : null)), helperText && !invalid && !warn && !isFluid && /*#__PURE__*/React__default.createElement(Text, {
+  }) : null)), helperText && !invalid && !warn && !isFluid && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     id: helperTextId,
     className: helperClasses

package/es/components/ComboButton/index.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useLayoutEffect } from 'react';
+import React, { useRef, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ChevronDown } from '@carbon/icons-react';
@@ -36,7 +36,7 @@ const defaultTranslations = {
 function defaultTranslateWithId(messageId) {
   return defaultTranslations[messageId];
 }
-const ComboButton = /*#__PURE__*/React__default.forwardRef(function ComboButton(_ref, forwardRef) {
+const ComboButton = /*#__PURE__*/React.forwardRef(function ComboButton(_ref, forwardRef) {
   let {
     children,
     className,
@@ -124,18 +124,18 @@ const ComboButton = /*#__PURE__*/React__default.forwardRef(function ComboButton(
   const menuClasses = cx(`${prefix}--combo-button__${menuAlignment}`);
   const primaryActionClasses = cx(`${prefix}--combo-button__primary-action`);
   const triggerClasses = cx(`${prefix}--combo-button__trigger`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: containerClasses,
     ref: ref,
     "aria-owns": open ? id : undefined
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: primaryActionClasses
-  }, /*#__PURE__*/React__default.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     title: label,
     size: size$1,
     disabled: disabled,
     onClick: handlePrimaryActionClick
-  }, label)), /*#__PURE__*/React__default.createElement(IconButton, {
+  }, label)), /*#__PURE__*/React.createElement(IconButton, {
     ref: refs.setReference,
     className: triggerClasses,
     label: t('carbon.combo-button.additional-actions'),
@@ -147,7 +147,7 @@ const ComboButton = /*#__PURE__*/React__default.forwardRef(function ComboButton(
     onClick: handleTriggerClick,
     onMouseDown: handleTriggerMousedown,
     "aria-controls": open ? id : undefined
-  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, null))), /*#__PURE__*/React__default.createElement(Menu, {
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, null))), /*#__PURE__*/React.createElement(Menu, {
     containerRef: containerRef,
     menuAlignment: menuAlignment,
     className: menuClasses,

package/es/components/ComposedModal/ComposedModal.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { isElement } from 'react-is';
 import PropTypes from 'prop-types';
 import { Layer } from '../Layer/index.js';
@@ -28,7 +28,7 @@ import { unstable__Dialog } from '../Dialog/index.js';
 import { warning } from '../../internal/warning.js';
 import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js';
 
-const ModalBody = /*#__PURE__*/React__default.forwardRef(function ModalBody(_ref, ref) {
+const ModalBody = /*#__PURE__*/React.forwardRef(function ModalBody(_ref, ref) {
   let {
     className: customClassName,
     children,
@@ -64,7 +64,7 @@ const ModalBody = /*#__PURE__*/React__default.forwardRef(function ModalBody(_ref
     tabIndex: 0,
     role: 'region'
   } : {};
-  return /*#__PURE__*/React__default.createElement(Layer, _extends({
+  return /*#__PURE__*/React.createElement(Layer, _extends({
     className: contentClass
   }, hasScrollingContentProps, rest, {
     ref: mergeRefs(contentRef, ref)
@@ -93,7 +93,7 @@ ModalBody.propTypes = {
    */
   hasScrollingContent: PropTypes.bool
 };
-const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedModal(_ref2, ref) {
+const ComposedModal = /*#__PURE__*/React.forwardRef(function ComposedModal(_ref2, ref) {
   let {
     ['aria-labelledby']: ariaLabelledBy,
     ['aria-label']: ariaLabel,
@@ -214,20 +214,20 @@ const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedMo
 
   // Generate aria-label based on Modal Header label if one is not provided (L253)
   let generatedAriaLabel;
-  const childrenWithProps = React__default.Children.toArray(children).map(child => {
+  const childrenWithProps = React.Children.toArray(children).map(child => {
     switch (true) {
-      case isElement(child) && child.type === React__default.createElement(ModalHeader).type:
+      case isElement(child) && child.type === React.createElement(ModalHeader).type:
         {
           const el = child;
           generatedAriaLabel = el.props.label;
-          return /*#__PURE__*/React__default.cloneElement(el, {
+          return /*#__PURE__*/React.cloneElement(el, {
             closeModal
           });
         }
-      case isElement(child) && child.type === React__default.createElement(ModalFooter).type:
+      case isElement(child) && child.type === React.createElement(ModalFooter).type:
         {
           const el = child;
-          return /*#__PURE__*/React__default.cloneElement(el, {
+          return /*#__PURE__*/React.cloneElement(el, {
             closeModal,
             inputref: button,
             danger
@@ -270,44 +270,44 @@ const ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedMo
   }, [open, selectorPrimaryFocus, isOpen]);
 
   // AILabel is always size `sm`
-  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: 'sm'
     });
   }
-  const modalBody = enableDialogElement ? /*#__PURE__*/React__default.createElement(unstable__Dialog, {
+  const modalBody = enableDialogElement ? /*#__PURE__*/React.createElement(unstable__Dialog, {
     open: open,
     modal: true,
     className: containerClass,
     "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
     "aria-labelledby": ariaLabelledBy
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: innerModal,
     className: `${prefix}--modal-container-body`
-  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal--inner__decorator`
-  }, normalizedDecorator) : '', childrenWithProps)) : /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : '', childrenWithProps)) : /*#__PURE__*/React.createElement("div", {
     className: containerClass,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
     "aria-labelledby": ariaLabelledBy
-  }, !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("button", {
+  }, !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("button", {
     type: "button",
     ref: startSentinel,
     className: `${prefix}--visually-hidden`
-  }, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
+  }, "Focus sentinel"), /*#__PURE__*/React.createElement("div", {
     ref: innerModal,
     className: `${prefix}--modal-container-body`
-  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal--inner__decorator`
-  }, normalizedDecorator) : '', childrenWithProps), !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("button", {
+  }, normalizedDecorator) : '', childrenWithProps), !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("button", {
     type: "button",
     ref: endSentinel,
     className: `${prefix}--visually-hidden`
   }, "Focus sentinel"));
-  return /*#__PURE__*/React__default.createElement(Layer, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Layer, _extends({}, rest, {
     level: 0,
     role: "presentation",
     ref: ref,