@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

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';
@@ -14,18 +14,17 @@ import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 
-function ProgressBar(_ref) {
-  let {
-    className,
-    helperText,
-    hideLabel,
-    label,
-    max = 100,
-    size = 'big',
-    status = 'active',
-    type = 'default',
-    value
-  } = _ref;
+function ProgressBar({
+  className,
+  helperText,
+  hideLabel,
+  label,
+  max = 100,
+  size = 'big',
+  status = 'active',
+  type = 'default',
+  value
+}) {
   const labelId = useId('progress-bar');
   const helperId = useId('progress-bar-helper');
   const helperTextId = useId('progress-bar-helper-text');
@@ -56,15 +55,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 +79,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 +98,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,28 +15,27 @@ 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`
   })));
 }
-function ProgressIndicatorSkeleton(_ref) {
-  let {
-    className,
-    vertical,
-    ...rest
-  } = _ref;
+function ProgressIndicatorSkeleton({
+  className,
+  vertical,
+  ...rest
+}) {
   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';
@@ -30,16 +30,15 @@ const defaultTranslations = {
 function translateWithId(messageId) {
   return defaultTranslations[messageId];
 }
-function ProgressIndicator(_ref) {
-  let {
-    children,
-    className: customClassName,
-    currentIndex: controlledIndex = 0,
-    onChange,
-    spaceEqually,
-    vertical,
-    ...rest
-  } = _ref;
+function ProgressIndicator({
+  children,
+  className: customClassName,
+  currentIndex: controlledIndex = 0,
+  onChange,
+  spaceEqually,
+  vertical,
+  ...rest
+}) {
   const prefix = usePrefix();
   const [currentIndex, setCurrentIndex] = useState(controlledIndex);
   const [prevControlledIndex, setPrevControlledIndex] = useState(controlledIndex);
@@ -53,17 +52,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 +70,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
@@ -114,20 +113,19 @@ ProgressIndicator.propTypes = {
    */
   vertical: PropTypes.bool
 };
-function ProgressStep(_ref2) {
-  let {
-    label,
-    description,
-    className,
-    current,
-    complete,
-    invalid,
-    secondaryLabel,
-    disabled,
-    onClick,
-    translateWithId: t = translateWithId,
-    ...rest
-  } = _ref2;
+function ProgressStep({
+  label,
+  description,
+  className,
+  current,
+  complete,
+  invalid,
+  secondaryLabel,
+  disabled,
+  onClick,
+  translateWithId: t = translateWithId,
+  ...rest
+}) {
   const prefix = usePrefix();
   const classes = cx({
     [`${prefix}--progress-step`]: true,
@@ -142,26 +140,25 @@ function ProgressStep(_ref2) {
       onClick(e);
     }
   };
-  const SVGIcon = _ref3 => {
-    let {
-      complete,
-      current,
-      description,
-      invalid,
-      prefix
-    } = _ref3;
+  const SVGIcon = ({
+    complete,
+    current,
+    description,
+    invalid,
+    prefix
+  }) => {
     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 +170,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 +183,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,24 +21,23 @@ 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) {
-  let {
-    children,
-    className: customClassName,
-    decorator,
-    disabled,
-    light,
-    checked,
-    name,
-    value,
-    id,
-    onChange = noopFn,
-    tabIndex = 0,
-    hasRoundedCorners,
-    slug,
-    required,
-    ...rest
-  } = _ref;
+const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
+  children,
+  className: customClassName,
+  decorator,
+  disabled,
+  light,
+  checked,
+  name,
+  value,
+  id,
+  onChange = noopFn,
+  tabIndex = 0,
+  hasRoundedCorners,
+  slug,
+  required,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const inputId = useFallbackId(id);
   const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {
@@ -54,12 +53,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 +72,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 +91,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,27 +7,26 @@
 
 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';
 
-const SearchSkeleton = _ref => {
-  let {
-    small = false,
-    className,
-    ...rest
-  } = _ref;
+const SearchSkeleton = ({
+  small = false,
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const searchClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
     [`${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`
   }));
 };