@carbon/react 1.82.1 → 1.83.0

package/es/components/PaginationNav/PaginationNav.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import cx from 'classnames';
 import { CaretRight, CaretLeft, OverflowMenuHorizontal } from '@carbon/icons-react';
 import { IconButton } from '../IconButton/index.js';
@@ -73,15 +73,15 @@ function DirectionButton(_ref) {
     onClick
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--pagination-nav__list-item`
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     align: "bottom",
     disabled: disabled,
     kind: "ghost",
     label: label,
     onClick: onClick
-  }, direction === 'forward' ? _CaretRight || (_CaretRight = /*#__PURE__*/React__default.createElement(CaretRight, null)) : _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default.createElement(CaretLeft, null))));
+  }, direction === 'forward' ? _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(CaretRight, null)) : _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(CaretLeft, null))));
 }
 function PaginationItem(_ref2) {
   let {
@@ -92,9 +92,9 @@ function PaginationItem(_ref2) {
   } = _ref2;
   const prefix = usePrefix();
   const itemLabel = t('carbon.pagination-nav.item');
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--pagination-nav__list-item`
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: cx(`${prefix}--pagination-nav__page`, {
       [`${prefix}--pagination-nav__page--active`]: isActive
@@ -102,7 +102,7 @@ function PaginationItem(_ref2) {
     onClick: onClick,
     "data-page": page,
     "aria-current": isActive ? 'page' : undefined
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination-nav__accessibility-label`
   }, isActive ? `${t('carbon.pagination-nav.active')}, ${itemLabel}` : itemLabel), page));
 }
@@ -119,47 +119,47 @@ function PaginationOverflow(_ref3) {
 
   //If overflow is disabled, return a select tag with no select options
   if (disableOverflow === true && count > 1) {
-    return /*#__PURE__*/React__default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: `${prefix}--pagination-nav__list-item`
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select`
-    }, /*#__PURE__*/React__default.createElement("select", {
+    }, /*#__PURE__*/React.createElement("select", {
       className: `${prefix}--pagination-nav__page ${prefix}--pagination-nav__page--select`,
       "aria-label": `Select ${t('carbon.pagination-nav.item')} number`,
       disabled: true
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select-icon-wrapper`
-    }, /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
+    }, /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
       className: `${prefix}--pagination-nav__select-icon`
     }))));
   }
   if (count > 1) {
-    return /*#__PURE__*/React__default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: `${prefix}--pagination-nav__list-item`
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select`
-    }, /*#__PURE__*/React__default.createElement("select", {
+    }, /*#__PURE__*/React.createElement("select", {
       className: `${prefix}--pagination-nav__page ${prefix}--pagination-nav__page--select`,
       "aria-label": `Select ${t('carbon.pagination-nav.item')} number`,
       onChange: e => {
         const index = Number(e.target.value);
         onSelect?.(index);
       }
-    }, _option || (_option = /*#__PURE__*/React__default.createElement("option", {
+    }, _option || (_option = /*#__PURE__*/React.createElement("option", {
       value: "",
       hidden: true
-    })), [...Array(count)].map((e, i) => /*#__PURE__*/React__default.createElement("option", {
+    })), [...Array(count)].map((e, i) => /*#__PURE__*/React.createElement("option", {
       value: (fromIndex + i).toString(),
       "data-page": fromIndex + i + 1,
       key: `overflow-${fromIndex + i}`
-    }, fromIndex + i + 1))), /*#__PURE__*/React__default.createElement("div", {
+    }, fromIndex + i + 1))), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select-icon-wrapper`
-    }, /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
+    }, /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
       className: `${prefix}--pagination-nav__select-icon`
     }))));
   }
   if (count === 1) {
-    return /*#__PURE__*/React__default.createElement(PaginationItem, {
+    return /*#__PURE__*/React.createElement(PaginationItem, {
       page: fromIndex + 1,
       translateWithId: t,
       onClick: () => {
@@ -169,7 +169,7 @@ function PaginationOverflow(_ref3) {
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React__default.forwardRef(function PaginationNav(_ref4, ref) {
+const PaginationNav = /*#__PURE__*/React.forwardRef(function PaginationNav(_ref4, ref) {
   let {
     className,
     onChange = () => {},
@@ -270,14 +270,14 @@ const PaginationNav = /*#__PURE__*/React__default.forwardRef(function Pagination
   const backwardButtonDisabled = !loop && currentPage === 0;
   const forwardButtonDisabled = !loop && currentPage === totalItems - 1;
   const startOffset = itemsDisplayedOnPage <= 4 && currentPage > 1 ? 0 : 1;
-  return /*#__PURE__*/React__default.createElement("nav", _extends({
+  return /*#__PURE__*/React.createElement("nav", _extends({
     className: classNames,
     ref: ref
   }, rest, {
     "aria-label": "pagination"
-  }), /*#__PURE__*/React__default.createElement("ul", {
+  }), /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--pagination-nav__list`
-  }, /*#__PURE__*/React__default.createElement(DirectionButton, {
+  }, /*#__PURE__*/React.createElement(DirectionButton, {
     direction: "backward",
     "aria-label": t('carbon.pagination-nav.previous'),
     label: t('carbon.pagination-nav.previous'),
@@ -286,21 +286,21 @@ const PaginationNav = /*#__PURE__*/React__default.forwardRef(function Pagination
   }),
   // render first item if at least 5 items can be displayed or
   // 4 items can be displayed and the current page is either 0 or 1
-  (itemsDisplayedOnPage >= 5 || itemsDisplayedOnPage <= 4 && currentPage <= 1) && /*#__PURE__*/React__default.createElement(PaginationItem, {
+  (itemsDisplayedOnPage >= 5 || itemsDisplayedOnPage <= 4 && currentPage <= 1) && /*#__PURE__*/React.createElement(PaginationItem, {
     page: 1,
     translateWithId: t,
     isActive: currentPage === 0,
     onClick: () => {
       jumpToItem(0);
     }
-  }), /*#__PURE__*/React__default.createElement(PaginationOverflow, {
+  }), /*#__PURE__*/React.createElement(PaginationOverflow, {
     fromIndex: startOffset,
     count: cuts.front,
     onSelect: jumpToItem,
     disableOverflow: isOverflowDisabled
   }),
   // render items between overflows
-  [...Array(totalItems)].map((e, i) => i).slice(startOffset + cuts.front, (1 + cuts.back) * -1).map(item => /*#__PURE__*/React__default.createElement(PaginationItem, {
+  [...Array(totalItems)].map((e, i) => i).slice(startOffset + cuts.front, (1 + cuts.back) * -1).map(item => /*#__PURE__*/React.createElement(PaginationItem, {
     key: `item-${item}`,
     page: item + 1,
     translateWithId: t,
@@ -308,27 +308,27 @@ const PaginationNav = /*#__PURE__*/React__default.forwardRef(function Pagination
     onClick: () => {
       jumpToItem(item);
     }
-  })), /*#__PURE__*/React__default.createElement(PaginationOverflow, {
+  })), /*#__PURE__*/React.createElement(PaginationOverflow, {
     fromIndex: totalItems - cuts.back - 1,
     count: cuts.back,
     onSelect: jumpToItem,
     disableOverflow: isOverflowDisabled
   }),
   // render last item unless there is only one in total
-  totalItems > 1 && /*#__PURE__*/React__default.createElement(PaginationItem, {
+  totalItems > 1 && /*#__PURE__*/React.createElement(PaginationItem, {
     page: totalItems,
     translateWithId: t,
     isActive: currentPage === totalItems - 1,
     onClick: () => {
       jumpToItem(totalItems - 1);
     }
-  }), /*#__PURE__*/React__default.createElement(DirectionButton, {
+  }), /*#__PURE__*/React.createElement(DirectionButton, {
     direction: "forward",
     "aria-label": t('carbon.pagination-nav.next'),
     label: t('carbon.pagination-nav.next'),
     disabled: forwardButtonDisabled,
     onClick: jumpToNext
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     "aria-live": "polite",
     "aria-atomic": "true",
     className: `${prefix}--pagination-nav__accessibility-label`

package/es/components/Popover/index.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
-import React__default, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useMemo, useEffect } from 'react';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -18,7 +18,7 @@ import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 import { useFloating, offset, flip, arrow, hide, autoUpdate } from '@floating-ui/react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 
-const PopoverContext = /*#__PURE__*/React__default.createContext({
+const PopoverContext = /*#__PURE__*/React.createContext({
   setFloating: {
     current: null
   },
@@ -33,7 +33,7 @@ const PopoverContext = /*#__PURE__*/React__default.createContext({
  * @deprecated Use NewPopoverAlignment instead.
  */
 
-const Popover = /*#__PURE__*/React__default.forwardRef(function PopoverRenderFunction(_ref,
+const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction(_ref,
 //this is a workaround, have to come back and fix this.
 forwardRef) {
   let {
@@ -77,7 +77,7 @@ forwardRef) {
   // Slug styling places a border around the popover content so the caret
   // needs to be placed 1px further outside the popover content. To do so,
   // we look to see if any of the children has a className containing "slug"
-  const initialCaretHeight = React__default.Children.toArray(children).some(x => {
+  const initialCaretHeight = React.Children.toArray(children).some(x => {
     return x?.props?.className?.includes('slug') || x?.props?.className?.includes('ai-label');
   }) ? 7 : 6;
   // These defaults match the defaults defined in packages/styles/scss/components/popover/_popover.scss
@@ -196,7 +196,7 @@ forwardRef) {
     [`${prefix}--popover--${currentAlignment}`]: true,
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);
-  const mappedChildren = React__default.Children.map(children, child => {
+  const mappedChildren = React.Children.map(children, child => {
     const item = child;
     const displayName = item?.type?.displayName;
 
@@ -210,11 +210,11 @@ forwardRef) {
     const isTriggerElement = item?.type === 'button';
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
-    if (/*#__PURE__*/React__default.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
+    if (/*#__PURE__*/React.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
       const className = item?.props?.className;
       const ref = (item?.props).ref;
       const tabTipClasses = cx(`${prefix}--popover--tab-tip__button`, className);
-      return /*#__PURE__*/React__default.cloneElement(item, {
+      return /*#__PURE__*/React.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.
         // https://react.dev/reference/react/cloneElement#parameters
@@ -246,9 +246,9 @@ forwardRef) {
     }
   });
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default.createElement(PopoverContext.Provider, {
+  return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({}, rest, {
     className: className,
     ref: ref
   }), enableFloatingStyles || isTabTip ? mappedChildren : children));
@@ -350,28 +350,28 @@ _ref3, forwardRef) {
     setFloating,
     caretRef,
     autoAlign
-  } = React__default.useContext(PopoverContext);
+  } = React.useContext(PopoverContext);
   const ref = useMergedRefs([setFloating, forwardRef]);
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
-  return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: `${prefix}--popover`
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: cx(`${prefix}--popover-content`, className),
     ref: ref
-  }, children, enableFloatingStyles && /*#__PURE__*/React__default.createElement("span", {
+  }, children, enableFloatingStyles && /*#__PURE__*/React.createElement("span", {
     className: cx({
       [`${prefix}--popover-caret`]: true,
       [`${prefix}--popover--auto-align`]: true
     }),
     ref: caretRef
-  })), !enableFloatingStyles && /*#__PURE__*/React__default.createElement("span", {
+  })), !enableFloatingStyles && /*#__PURE__*/React.createElement("span", {
     className: cx({
       [`${prefix}--popover-caret`]: true
     }),
     ref: caretRef
   }));
 }
-const PopoverContent = /*#__PURE__*/React__default.forwardRef(PopoverContentRenderFunction);
+const PopoverContent = /*#__PURE__*/React.forwardRef(PopoverContentRenderFunction);
 PopoverContent.displayName = 'PopoverContent';
 PopoverContent.propTypes = {
   /**

package/es/components/PrimaryButton/PrimaryButton.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 
-const PrimaryButton = props => /*#__PURE__*/React__default.createElement(Button, _extends({
+const PrimaryButton = props => /*#__PURE__*/React.createElement(Button, _extends({
   kind: "primary"
 }, props));
 

package/es/components/ProgressBar/ProgressBar.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef } from 'react';
+import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ErrorFilled, CheckmarkFilled } from '@carbon/icons-react';
@@ -56,15 +56,15 @@ function ProgressBar(_ref) {
   });
   let StatusIcon = null;
   if (isError) {
-    StatusIcon = /*#__PURE__*/React__default.forwardRef(function ErrorFilled16(props, ref) {
-      return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
+    StatusIcon = /*#__PURE__*/React.forwardRef(function ErrorFilled16(props, ref) {
+      return /*#__PURE__*/React.createElement(ErrorFilled, _extends({
         ref: ref,
         size: 16
       }, props));
     });
   } else if (isFinished) {
-    StatusIcon = /*#__PURE__*/React__default.forwardRef(function CheckmarkFilled16(props, ref) {
-      return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+    StatusIcon = /*#__PURE__*/React.forwardRef(function CheckmarkFilled16(props, ref) {
+      return /*#__PURE__*/React.createElement(CheckmarkFilled, _extends({
         ref: ref,
         size: 16
       }, props));
@@ -80,16 +80,16 @@ function ProgressBar(_ref) {
       }
     }
   }, [percentage, isFinished, isError]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: labelClasses,
     id: labelId
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--progress-bar__label-text`
-  }, label), StatusIcon && /*#__PURE__*/React__default.createElement(StatusIcon, {
+  }, label), StatusIcon && /*#__PURE__*/React.createElement(StatusIcon, {
     className: `${prefix}--progress-bar__status-icon`
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-bar__track`,
     role: "progressbar",
     "aria-busy": !isFinished,
@@ -99,13 +99,13 @@ function ProgressBar(_ref) {
     "aria-valuemin": !indeterminate ? 0 : undefined,
     "aria-valuemax": !indeterminate ? max : undefined,
     "aria-valuenow": !indeterminate ? cappedValue : undefined
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-bar__bar`,
     ref: ref
-  })), helperText && /*#__PURE__*/React__default.createElement("div", {
+  })), helperText && /*#__PURE__*/React.createElement("div", {
     id: helperTextId,
     className: `${prefix}--progress-bar__helper-text`
-  }, helperText, /*#__PURE__*/React__default.createElement("div", {
+  }, helperText, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--visually-hidden`,
     "aria-live": "polite",
     id: helperId

package/es/components/ProgressIndicator/ProgressIndicator.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';
 import { CircleDash } from '@carbon/icons-react';
@@ -15,13 +15,13 @@ import { CircleDash } from '@carbon/icons-react';
 var _CircleDash, _Step, _Step2, _Step3, _Step4;
 function Step() {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--progress-step ${prefix}--progress-step--incomplete`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable`
-  }, _CircleDash || (_CircleDash = /*#__PURE__*/React__default.createElement(CircleDash, null)), /*#__PURE__*/React__default.createElement("p", {
+  }, _CircleDash || (_CircleDash = /*#__PURE__*/React.createElement(CircleDash, null)), /*#__PURE__*/React.createElement("p", {
     className: `${prefix}--progress-label`
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--progress-line`
   })));
 }
@@ -32,11 +32,11 @@ function ProgressIndicatorSkeleton(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     className: cx(`${prefix}--progress`, `${prefix}--skeleton`, {
       [`${prefix}--progress--vertical`]: vertical
     }, className)
-  }, rest), _Step || (_Step = /*#__PURE__*/React__default.createElement(Step, null)), _Step2 || (_Step2 = /*#__PURE__*/React__default.createElement(Step, null)), _Step3 || (_Step3 = /*#__PURE__*/React__default.createElement(Step, null)), _Step4 || (_Step4 = /*#__PURE__*/React__default.createElement(Step, null)));
+  }, rest), _Step || (_Step = /*#__PURE__*/React.createElement(Step, null)), _Step2 || (_Step2 = /*#__PURE__*/React.createElement(Step, null)), _Step3 || (_Step3 = /*#__PURE__*/React.createElement(Step, null)), _Step4 || (_Step4 = /*#__PURE__*/React.createElement(Step, null)));
 }
 ProgressIndicatorSkeleton.propTypes = {
   /**

package/es/components/ProgressIndicator/ProgressIndicator.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, { useState } from 'react';
+import React, { useState } from 'react';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { Warning, Incomplete, CheckmarkOutline, CircleDash } from '@carbon/icons-react';
@@ -53,17 +53,17 @@ function ProgressIndicator(_ref) {
     setCurrentIndex(controlledIndex);
     setPrevControlledIndex(controlledIndex);
   }
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     className: className
-  }, rest), React__default.Children.map(children, (child, index) => {
-    if (! /*#__PURE__*/React__default.isValidElement(child)) {
+  }, rest), React.Children.map(children, (child, index) => {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
 
     // only setup click handlers if onChange event is passed
     const onClick = onChange ? () => onChange(index) : undefined;
     if (index === currentIndex) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         complete: child.props.complete,
         current: child.props.complete ? false : true,
         index,
@@ -71,14 +71,14 @@ function ProgressIndicator(_ref) {
       });
     }
     if (index < currentIndex) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         complete: true,
         index,
         onClick
       });
     }
     if (index > currentIndex) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         complete: child.props.complete || false,
         index,
         onClick
@@ -151,17 +151,17 @@ function ProgressStep(_ref2) {
       prefix
     } = _ref3;
     if (invalid) {
-      return /*#__PURE__*/React__default.createElement(Warning, {
+      return /*#__PURE__*/React.createElement(Warning, {
         className: `${prefix}--progress__warning`
-      }, /*#__PURE__*/React__default.createElement("title", null, description));
+      }, /*#__PURE__*/React.createElement("title", null, description));
     }
     if (current) {
-      return /*#__PURE__*/React__default.createElement(Incomplete, null, /*#__PURE__*/React__default.createElement("title", null, description));
+      return /*#__PURE__*/React.createElement(Incomplete, null, /*#__PURE__*/React.createElement("title", null, description));
     }
     if (complete) {
-      return /*#__PURE__*/React__default.createElement(CheckmarkOutline, null, /*#__PURE__*/React__default.createElement("title", null, description));
+      return /*#__PURE__*/React.createElement(CheckmarkOutline, null, /*#__PURE__*/React.createElement("title", null, description));
     }
-    return /*#__PURE__*/React__default.createElement(CircleDash, null, /*#__PURE__*/React__default.createElement("title", null, description));
+    return /*#__PURE__*/React.createElement(CircleDash, null, /*#__PURE__*/React.createElement("title", null, description));
   };
   let message = t('carbon.progress-step.incomplete');
   if (current) {
@@ -173,9 +173,9 @@ function ProgressStep(_ref2) {
   if (invalid) {
     message = t('carbon.progress-step.invalid');
   }
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: classes
-  }, /*#__PURE__*/React__default.createElement("button", _extends({
+  }, /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     className: cx(`${prefix}--progress-step-button`, {
       [`${prefix}--progress-step-button--unclickable`]: !onClick || current
@@ -186,23 +186,23 @@ function ProgressStep(_ref2) {
     onClick: !current ? onClick : undefined,
     onKeyDown: handleKeyDown,
     title: label
-  }, rest), /*#__PURE__*/React__default.createElement(SVGIcon, {
+  }, rest), /*#__PURE__*/React.createElement(SVGIcon, {
     complete: complete,
     current: current,
     description: description,
     invalid: invalid,
     prefix: prefix
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-text`
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: `${prefix}--progress-label`
-  }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React__default.createElement(Text, {
+  }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: `${prefix}--progress-optional`
-  }, secondaryLabel) : null), /*#__PURE__*/React__default.createElement("span", {
+  }, secondaryLabel) : null), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`
-  }, message), /*#__PURE__*/React__default.createElement("span", {
+  }, message), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--progress-line`
   })));
 }

package/es/components/RadioButton/RadioButton.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 @@ function RadioButtonSkeleton(props) {
     ...rest
   } = props;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--radio-button-wrapper`, className)
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--radio-button ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--radio-button__label ${prefix}--skeleton`
   }));
 }

package/es/components/RadioButton/RadioButton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useRef } from 'react';
+import React, { useRef } from 'react';
 import cx from 'classnames';
 import '../Text/index.js';
 import deprecate from '../../prop-types/deprecate.js';
@@ -16,7 +16,7 @@ import { useId } from '../../internal/useId.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { Text } from '../Text/Text.js';
 
-const RadioButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+const RadioButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     className,
     decorator,
@@ -47,16 +47,16 @@ const RadioButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     [`${prefix}--radio-button-wrapper--decorator`]: decorator
   });
   const inputRef = useRef(null);
-  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({}, rest, {
+  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
     type: "radio",
     className: `${prefix}--radio-button`,
     onChange: handleOnChange,
@@ -66,14 +66,14 @@ const RadioButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     value: value,
     name: name,
     required: required
-  })), /*#__PURE__*/React__default.createElement("label", {
+  })), /*#__PURE__*/React.createElement("label", {
     htmlFor: uniqueId,
     className: `${prefix}--radio-button__label`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--radio-button__appearance`
-  }), labelText && /*#__PURE__*/React__default.createElement(Text, {
+  }), labelText && /*#__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}--radio-button-wrapper-inner--decorator`
   }, normalizedDecorator) : '')));
 });