@carbon/react 1.82.1 → 1.83.0

package/es/components/Tag/SelectableTag.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
+import React, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -17,6 +17,7 @@ import { Tooltip } from '../Tooltip/Tooltip.js';
 import '../Text/index.js';
 import { isEllipsisActive } from './isEllipsisActive.js';
 import mergeRefs from '../../tools/mergeRefs.js';
+import { useControllableState } from '../../internal/useControllableState.js';
 import { Text } from '../Text/Text.js';
 
 const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
@@ -27,15 +28,20 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     renderIcon,
     onChange,
     onClick,
-    selected = false,
+    selected,
     size,
     text,
+    defaultSelected = false,
     ...other
   } = _ref;
   const prefix = usePrefix();
   const tagRef = useRef(null);
   const tagId = id || `tag-${useId()}`;
-  const [selectedTag, setSelectedTag] = useState(selected);
+  const [selectedTag, setSelectedTag] = useControllableState({
+    value: selected,
+    onChange: onChange,
+    defaultValue: defaultSelected
+  });
   const tagClasses = cx(`${prefix}--tag--selectable`, className, {
     [`${prefix}--tag--selectable-selected`]: selectedTag
   });
@@ -48,17 +54,16 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
   const combinedRef = mergeRefs(tagRef, forwardRef);
   const handleClick = e => {
     setSelectedTag(!selectedTag);
-    onChange?.(!selectedTag);
     onClick?.(e);
   };
   if (isEllipsisApplied) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       label: text,
       align: "bottom",
       className: tooltipClasses,
       leaveDelayMs: 0,
       onMouseEnter: () => false
-    }, /*#__PURE__*/React__default.createElement(Tag, _extends({
+    }, /*#__PURE__*/React.createElement(Tag, _extends({
       "aria-pressed": selectedTag !== false,
       ref: combinedRef,
       size: size,
@@ -67,12 +72,12 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
       className: tagClasses,
       id: tagId,
       onClick: handleClick
-    }, other), /*#__PURE__*/React__default.createElement(Text, {
+    }, other), /*#__PURE__*/React.createElement(Text, {
       title: text,
       className: `${prefix}--tag__label`
     }, text)));
   }
-  return /*#__PURE__*/React__default.createElement(Tag, _extends({
+  return /*#__PURE__*/React.createElement(Tag, _extends({
     "aria-pressed": selectedTag !== false,
     ref: combinedRef,
     size: size,
@@ -81,7 +86,7 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     className: tagClasses,
     id: tagId,
     onClick: handleClick
-  }, other), /*#__PURE__*/React__default.createElement(Text, {
+  }, other), /*#__PURE__*/React.createElement(Text, {
     title: text,
     className: `${prefix}--tag__label`
   }, text));
@@ -115,6 +120,10 @@ SelectableTag.propTypes = {
    * Specify the state of the selectable tag.
    */
   selected: PropTypes.bool,
+  /**
+   * Specify the default state of the selectable tag.
+   */
+  defaultSelected: PropTypes.bool,
   /**
    * Specify the size of the Tag. Currently supports either `sm`,
    * `md` (default) or `lg` sizes.

package/es/components/Tag/Tag.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,7 +23,7 @@ function TagSkeleton(_ref) {
     // TODO: V12 - Remove this class
     [`${prefix}--layout--size-${size}`]: size
   });
-  return /*#__PURE__*/React__default.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: tagClasses
   }, rest));
 }

package/es/components/Tag/Tag.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useRef, useState, useLayoutEffect } from 'react';
+import React, { useRef, useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import { useId } from '../../internal/useId.js';
@@ -40,7 +40,7 @@ const SIZES = {
   md: 'md',
   lg: 'lg'
 };
-const TagBase = /*#__PURE__*/React__default.forwardRef((_ref, forwardRef) => {
+const TagBase = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
   let {
     children,
     className,
@@ -95,55 +95,55 @@ const TagBase = /*#__PURE__*/React__default.forwardRef((_ref, forwardRef) => {
   };
 
   // AILabel is always size `sm` and `inline`
-  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' && !isInteractiveTag) {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'sm',
       kind: 'inline'
     });
   }
   if (filter) {
     const ComponentTag = BaseComponent ?? 'div';
-    return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
+    return /*#__PURE__*/React.createElement(ComponentTag, _extends({
       className: tagClasses,
       id: tagId
-    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default.createElement("div", {
+    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--tag__custom-icon`
-    }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React.createElement(Text, {
       title: typeof children === 'string' ? children : undefined,
       className: `${prefix}--tag__label`
-    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React__default.createElement("button", {
+    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: `${prefix}--tag__close-icon`,
       onClick: handleClose,
       disabled: disabled,
       "aria-label": title,
       title: title
-    }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
   }
   const ComponentTag = BaseComponent ?? (other.onClick || className?.includes(`${prefix}--tag--operational`) ? 'button' : 'div');
   const labelClasses = cx({
     [`${prefix}--tag__label`]: !isInteractiveTag
   });
-  return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
+  return /*#__PURE__*/React.createElement(ComponentTag, _extends({
     ref: ref,
     disabled: disabled,
     className: tagClasses,
     id: tagId,
     type: ComponentTag === 'button' ? 'button' : undefined
-  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default.createElement("div", {
+  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__custom-icon`
-  }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React__default.createElement(DefinitionTooltip, {
+  }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React.createElement(DefinitionTooltip, {
     openOnHover: false,
     definition: children !== null && children !== undefined ? children : typeText,
     className: `${prefix}--definition--tooltip--tag`
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React__default.createElement(Text, {
+  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React.createElement(Text, {
     title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__decorator`
   }, normalizedDecorator) : '');
 });

package/es/components/Text/Text.js

@@ -7,11 +7,11 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext, Children } from 'react';
+import React, { useContext, Children } from 'react';
 import './index.js';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
-const TextBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const TextBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     as,
     children,
@@ -48,9 +48,9 @@ const TextBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       textProps.dir = dir;
     }
   }
-  return /*#__PURE__*/React__default.createElement(TextDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TextDirectionContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({
     ref: ref
   }, rest, textProps), children));
 });

package/es/components/Text/TextDirection.js

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useMemo, useEffect } from 'react';
 import './index.js';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
@@ -28,7 +28,7 @@ const TextDirection = _ref => {
     // TODO: Is this `useEffect` supposed to have a dependency on
     // `getTextDirection`?
   });
-  return /*#__PURE__*/React__default.createElement(TextDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TextDirectionContext.Provider, {
     value: value
   }, children);
 };

package/es/components/Text/createTextComponent.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import './index.js';
 import { Text } from './Text.js';
 
@@ -18,7 +18,7 @@ import { Text } from './Text.js';
  */
 const createTextComponent = (element, displayName) => {
   const TextWrapper = props => {
-    return /*#__PURE__*/React__default.createElement(Text, _extends({
+    return /*#__PURE__*/React.createElement(Text, _extends({
       as: element
     }, props));
   };

package/es/components/TextArea/TextArea.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';
 
@@ -18,11 +18,11 @@ const TextAreaSkeleton = props => {
     ...rest
   } = props;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-area`
   }));
 };

package/es/components/TextArea/TextArea.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useRef, useState, useEffect, forwardRef } from 'react';
+import React, { useContext, useRef, useState, useEffect, forwardRef } from 'react';
 import cx from 'classnames';
 import deprecate from '../../prop-types/deprecate.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
@@ -175,35 +175,35 @@ const TextArea = frFn((props, forwardRef) => {
   const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React__default.createElement(Text, {
+  const label = labelText ? /*#__PURE__*/React.createElement(Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const counter = enableCounter && maxCount && (counterMode === 'character' || counterMode === 'word') ? /*#__PURE__*/React__default.createElement(Text, {
+  const counter = enableCounter && maxCount && (counterMode === 'character' || counterMode === 'word') ? /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: counterClasses
   }, `${textCount}/${maxCount}`) : null;
   const helperId = !helperText ? undefined : `text-area-helper-text-${textAreaInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement(Text, {
+  const helper = helperText ? /*#__PURE__*/React.createElement(Text, {
     as: "div",
     id: helperId,
     className: helperTextClasses
   }, helperText) : null;
   const errorId = id + '-error-msg';
-  const error = invalid ? /*#__PURE__*/React__default.createElement(Text, {
+  const error = invalid ? /*#__PURE__*/React.createElement(Text, {
     as: "div",
     role: "alert",
     className: `${prefix}--form-requirement`,
     id: errorId
-  }, invalidText, isFluid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalidText, isFluid && /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--text-area__invalid-icon`
   })) : null;
-  const warning = warn ? /*#__PURE__*/React__default.createElement(Text, {
+  const warning = warn ? /*#__PURE__*/React.createElement(Text, {
     as: "div",
     role: "alert",
     className: `${prefix}--form-requirement`
-  }, warnText, isFluid && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }, warnText, isFluid && /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--text-area__invalid-icon ${prefix}--text-area__invalid-icon--warning`
   })) : null;
   let ariaDescribedBy;
@@ -245,7 +245,7 @@ const TextArea = frFn((props, forwardRef) => {
       }
     }
   }, [ariaAnnouncement, prevAnnouncement, counterMode]);
-  const input = /*#__PURE__*/React__default.createElement("textarea", _extends({}, other, textareaProps, {
+  const input = /*#__PURE__*/React.createElement("textarea", _extends({}, other, textareaProps, {
     placeholder: placeholder,
     "aria-readonly": other.readOnly ? true : false,
     className: textareaClasses,
@@ -258,32 +258,32 @@ const TextArea = frFn((props, forwardRef) => {
   }));
 
   // 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'
     });
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: formItemClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-area__label-wrapper`
-  }, label, counter), /*#__PURE__*/React__default.createElement("div", {
+  }, label, counter), /*#__PURE__*/React.createElement("div", {
     className: textAreaWrapperClasses,
     "data-invalid": invalid || null
-  }, invalid && !isFluid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalid && !isFluid && /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--text-area__invalid-icon`
-  }), warn && !invalid && !isFluid && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }), warn && !invalid && !isFluid && /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--text-area__invalid-icon ${prefix}--text-area__invalid-icon--warning`
-  }), input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }), input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-area__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default.createElement("span", {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--text-area__counter-alert`,
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true",
     ref: announcerRef
-  }, ariaAnnouncement), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }, ariaAnnouncement), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--text-area__divider`
   }), isFluid && invalid ? error : null, isFluid && warn && !invalid ? warning : null), !invalid && !warn && !isFluid ? helper : null, invalid && !isFluid ? error : null, warn && !invalid && !isFluid ? warning : null);
 });

package/es/components/TextInput/ControlledPasswordInput.d.ts

@@ -4,9 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface ControlledPasswordInputProps extends ReactAttr<HTMLInputElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface ControlledPasswordInputProps extends HTMLAttributes<HTMLInputElement> {
     /**
      * Provide a custom className that is applied directly to the underlying
      * `<input>` node

package/es/components/TextInput/ControlledPasswordInput.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { WarningFilled, ViewOff, View } from '@carbon/icons-react';
@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-const ControlledPasswordInput = /*#__PURE__*/React__default.forwardRef(function ControlledPasswordInput(_ref, ref) {
+const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function ControlledPasswordInput(_ref, ref) {
   let {
     labelText,
     className,
@@ -74,18 +74,18 @@ const ControlledPasswordInput = /*#__PURE__*/React__default.forwardRef(function
   const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React__default.createElement("label", {
+  const label = labelText ? /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const error = invalid ? /*#__PURE__*/React__default.createElement("div", {
+  const error = invalid ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: errorId
   }, invalidText) : null;
   const passwordIsVisible = type === 'text';
-  const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React__default.createElement(ViewOff, {
+  const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React.createElement(ViewOff, {
     className: `${prefix}--icon-visibility-off`
-  }) : /*#__PURE__*/React__default.createElement(View, {
+  }) : /*#__PURE__*/React.createElement(View, {
     className: `${prefix}--icon-visibility-on`
   });
   const passwordVisibilityToggleClasses = cx(`${prefix}--text-input--password__visibility__toggle`, `${prefix}--btn`, `${prefix}--btn--icon-only`, `${prefix}--tooltip__trigger`, `${prefix}--tooltip--a11y`, {
@@ -93,7 +93,7 @@ const ControlledPasswordInput = /*#__PURE__*/React__default.forwardRef(function
     [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
   });
   const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
-  const input = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", _extends({}, textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, textInputProps({
     invalid,
     sharedTextInputProps,
     invalidId: errorId,
@@ -101,23 +101,23 @@ const ControlledPasswordInput = /*#__PURE__*/React__default.forwardRef(function
     helperId
   }), {
     "data-toggle-password-visibility": type === 'password'
-  })), /*#__PURE__*/React__default.createElement("button", {
+  })), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: passwordVisibilityToggleClasses,
     onClick: togglePasswordVisibility
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`
   }, passwordIsVisible ? hidePasswordLabel : showPasswordLabel), passwordVisibilityIcon));
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperTextClasses
   }, helperText) : null;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-item ${prefix}--text-input-wrapper ${prefix}--password-input-wrapper`
-  }, label, /*#__PURE__*/React__default.createElement("div", {
+  }, label, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__field-wrapper`,
     "data-invalid": invalid || null
-  }, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--text-input__invalid-icon`
   }), input), error ? error : helper);
 });

package/es/components/TextInput/PasswordInput.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useContext, useEffect } from 'react';
+import React, { useState, useContext, useEffect } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { ViewOff, View } from '@carbon/icons-react';
@@ -19,7 +19,7 @@ import { Tooltip } from '../Tooltip/Tooltip.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const PasswordInput = /*#__PURE__*/React__default.forwardRef(function PasswordInput(_ref, ref) {
+const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput(_ref, ref) {
   let {
     className,
     disabled = false,
@@ -117,18 +117,18 @@ const PasswordInput = /*#__PURE__*/React__default.forwardRef(function PasswordIn
     [`${prefix}--text-input__invalid-icon`]: normalizedProps.invalid || normalizedProps.warn,
     [`${prefix}--text-input__invalid-icon--warning`]: normalizedProps.warn
   });
-  const label = labelText ? /*#__PURE__*/React__default.createElement("label", {
+  const label = labelText ? /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: normalizedProps.helperId,
     className: helperTextClasses
   }, helperText) : null;
   const passwordIsVisible = inputType === 'text';
-  const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React__default.createElement(ViewOff, {
+  const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React.createElement(ViewOff, {
     className: `${prefix}--icon-visibility-off`
-  }) : /*#__PURE__*/React__default.createElement(View, {
+  }) : /*#__PURE__*/React.createElement(View, {
     className: `${prefix}--icon-visibility-on`
   });
   const passwordVisibilityToggleClasses = cx(`${prefix}--text-input--password__visibility__toggle`, `${prefix}--btn`, `${prefix}--tooltip__trigger`, `${prefix}--tooltip--a11y`, {
@@ -155,7 +155,7 @@ const PasswordInput = /*#__PURE__*/React__default.forwardRef(function PasswordIn
   } else if (!showPasswordLabel || showPasswordLabel.trim() === '') {
     console.warn('Warning: The "showPasswordLabel" should not be blank.');
   }
-  const input = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", _extends({}, textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, textInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,
@@ -166,13 +166,13 @@ const PasswordInput = /*#__PURE__*/React__default.forwardRef(function PasswordIn
   }), {
     disabled: disabled,
     "data-toggle-password-visibility": inputType === 'password'
-  })), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  })), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--text-input__divider`
-  }), /*#__PURE__*/React__default.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     align: align,
     className: `${prefix}--toggle-password-tooltip`,
     label: passwordIsVisible ? hidePasswordLabel : showPasswordLabel
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: passwordVisibilityToggleClasses,
     disabled: disabled || readOnly,
@@ -182,16 +182,16 @@ const PasswordInput = /*#__PURE__*/React__default.forwardRef(function PasswordIn
     setInputType(type);
   }, [type]);
   const Icon = normalizedProps.icon;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses
-  }, !inline ? label : /*#__PURE__*/React__default.createElement("div", {
+  }, !inline ? label : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__label-helper-wrapper`
-  }, label, !isFluid && helper), /*#__PURE__*/React__default.createElement("div", {
+  }, label, !isFluid && helper), /*#__PURE__*/React.createElement("div", {
     className: fieldOuterWrapperClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: fieldWrapperClasses,
     "data-invalid": normalizedProps.invalid || null
-  }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
     className: iconClasses
   }), input, isFluid && !inline && normalizedProps.validation), !isFluid && !inline && (normalizedProps.validation || helper)));
 });

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