@carbon/react 1.83.0-rc.0 → 1.83.0

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) : '')));
 });

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import cx from 'classnames';
 import { Legend } from '../Text/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -16,7 +16,7 @@ import deprecate from '../../prop-types/deprecate.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { useId } from '../../internal/useId.js';
 
-const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+const RadioButtonGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     className,
@@ -53,7 +53,7 @@ const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) =>
     setPrevValueSelected(valueSelected);
   }
   function getRadioButtons() {
-    const mappedChildren = React__default.Children.map(children, radioButton => {
+    const mappedChildren = React.Children.map(children, radioButton => {
       if (!radioButton) {
         return;
       }
@@ -68,7 +68,7 @@ const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) =>
       if (!selected && radioButton.props.checked) {
         newProps.checked = true;
       }
-      return /*#__PURE__*/React__default.cloneElement(radioButton, newProps);
+      return /*#__PURE__*/React.cloneElement(radioButton, newProps);
     });
     return mappedChildren;
   }
@@ -96,41 +96,41 @@ const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) =>
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
   const helperId = !helperText ? undefined : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText) : null;
   const divRef = useRef(null);
 
   // AILabel is 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("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses,
     ref: mergeRefs(divRef, ref)
-  }, /*#__PURE__*/React__default.createElement("fieldset", _extends({
+  }, /*#__PURE__*/React.createElement("fieldset", _extends({
     className: fieldsetClasses,
     disabled: disabled,
     "data-invalid": invalid ? true : undefined,
     "aria-describedby": showHelper && helperText ? helperId : undefined
-  }, rest), legendText && /*#__PURE__*/React__default.createElement(Legend, {
+  }, rest), legendText && /*#__PURE__*/React.createElement(Legend, {
     className: `${prefix}--label`
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--radio-button-group-inner--decorator`
-  }, normalizedDecorator) : ''), getRadioButtons()), /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : ''), getRadioButtons()), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--radio-button__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}--radio-button__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}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });

package/es/components/RadioTile/RadioTile.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { RadioButtonChecked, RadioButton, CheckmarkFilled } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
@@ -21,7 +21,7 @@ import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { Text } from '../Text/Text.js';
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React__default.forwardRef(function RadioTile(_ref, ref) {
+const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile(_ref, ref) {
   let {
     children,
     className: customClassName,
@@ -54,12 +54,12 @@ const RadioTile = /*#__PURE__*/React__default.forwardRef(function RadioTile(_ref
   function icon() {
     if (v12TileRadioIcons) {
       if (checked) {
-        return _RadioButtonChecked || (_RadioButtonChecked = /*#__PURE__*/React__default.createElement(RadioButtonChecked, null));
+        return _RadioButtonChecked || (_RadioButtonChecked = /*#__PURE__*/React.createElement(RadioButtonChecked, null));
       } else {
-        return _RadioButton || (_RadioButton = /*#__PURE__*/React__default.createElement(RadioButton, null));
+        return _RadioButton || (_RadioButton = /*#__PURE__*/React.createElement(RadioButton, null));
       }
     } else {
-      return _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default.createElement(CheckmarkFilled, null));
+      return _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React.createElement(CheckmarkFilled, null));
     }
   }
   function handleOnChange(evt) {
@@ -73,13 +73,13 @@ const RadioTile = /*#__PURE__*/React__default.forwardRef(function RadioTile(_ref
   }
 
   // AILabel is always size `xs`
-  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: 'xs'
     });
   }
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("input", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     checked: checked,
     className: `${prefix}--tile-input`,
     disabled: disabled,
@@ -92,14 +92,14 @@ const RadioTile = /*#__PURE__*/React__default.forwardRef(function RadioTile(_ref
     value: value,
     ref: ref,
     required: required
-  }), /*#__PURE__*/React__default.createElement("label", _extends({}, rest, {
+  }), /*#__PURE__*/React.createElement("label", _extends({}, rest, {
     htmlFor: inputId,
     className: className
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tile__checkmark`
-  }, icon()), /*#__PURE__*/React__default.createElement(Text, {
+  }, icon()), /*#__PURE__*/React.createElement(Text, {
     className: `${prefix}--tile-content`
-  }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
   }, normalizedDecorator) : ''));
 });

package/es/components/Search/Search.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';
 
@@ -23,11 +23,11 @@ const SearchSkeleton = _ref => {
     [`${prefix}--search--xl`]: !small,
     [`${prefix}--search--sm`]: small
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: searchClasses
-  }, rest), /*#__PURE__*/React__default.createElement("span", {
+  }, rest), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--search-input`
   }));
 };