@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -20,13 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
 var noopFn = require('../../internal/noopFn.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-const ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function ControlledPasswordInput({
+const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function ControlledPasswordInput({
   labelText,
   className,
   id,
@@ -53,7 +47,7 @@ const ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRe
   const prefix = usePrefix.usePrefix();
   const controlledPasswordInstanceId = useId.useId();
   const errorId = id + '-error-msg';
-  const textInputClasses = cx__default["default"](`${prefix}--text-input`, `${prefix}--password-input`, className, {
+  const textInputClasses = cx(`${prefix}--text-input`, `${prefix}--password-input`, className, {
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--text-input--invalid`]: invalid,
     [`${prefix}--text-input--${size}`]: size
@@ -76,33 +70,33 @@ const ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRe
     className: textInputClasses,
     ...other
   };
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled
   });
-  const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
+  const label = labelText ? /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const error = invalid ? /*#__PURE__*/React__default["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["default"].createElement(iconsReact.ViewOff, {
+  const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React.createElement(iconsReact.ViewOff, {
     className: `${prefix}--icon-visibility-off`
-  }) : /*#__PURE__*/React__default["default"].createElement(iconsReact.View, {
+  }) : /*#__PURE__*/React.createElement(iconsReact.View, {
     className: `${prefix}--icon-visibility-on`
   });
-  const passwordVisibilityToggleClasses = cx__default["default"](`${prefix}--text-input--password__visibility__toggle`, `${prefix}--btn`, `${prefix}--btn--icon-only`, `${prefix}--tooltip__trigger`, `${prefix}--tooltip--a11y`, {
+  const passwordVisibilityToggleClasses = cx(`${prefix}--text-input--password__visibility__toggle`, `${prefix}--btn`, `${prefix}--btn--icon-only`, `${prefix}--tooltip__trigger`, `${prefix}--tooltip--a11y`, {
     [`${prefix}--tooltip--${tooltipPosition}`]: tooltipPosition,
     [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
   });
   const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
-  const input = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, util.textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.textInputProps({
     invalid,
     sharedTextInputProps,
     invalidId: errorId,
@@ -110,23 +104,23 @@ const ControlledPasswordInput = /*#__PURE__*/React__default["default"].forwardRe
     helperId
   }), {
     "data-toggle-password-visibility": type === 'password'
-  })), /*#__PURE__*/React__default["default"].createElement("button", {
+  })), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: passwordVisibilityToggleClasses,
     onClick: togglePasswordVisibility
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`
   }, passwordIsVisible ? hidePasswordLabel : showPasswordLabel), passwordVisibilityIcon));
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperTextClasses
   }, helperText) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-item ${prefix}--text-input-wrapper ${prefix}--password-input-wrapper`
-  }, label, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__field-wrapper`,
     "data-invalid": invalid || null
-  }, invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--text-input__invalid-icon`
   }), input), error ? error : helper);
 });
@@ -136,85 +130,85 @@ ControlledPasswordInput.propTypes = {
    * Provide a custom className that is applied directly to the underlying
    * `<input>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally provide the default value of the `<input>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide text that is used alongside the control label for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether or not the underlying label is visually hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * "Hide password" tooltip text on password visibility toggle
    */
-  hidePasswordLabel: PropTypes__default["default"].string,
+  hidePasswordLabel: PropTypes.string,
   /**
    * Provide a unique identifier for the input field
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the control is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `ControlledPasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ControlledPasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<input>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * "Show password" tooltip text on password visibility toggle
    */
-  showPasswordLabel: PropTypes__default["default"].string,
+  showPasswordLabel: PropTypes.string,
   /**
    * Specify the size of the Text Input.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
-  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end']),
   /**
    * Specify the direction of the tooltip for icon-only buttons.
    * Can be either top, right, bottom, or left.
    */
-  tooltipPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  tooltipPosition: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Provide the current value of the `<input>`
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-exports["default"] = ControlledPasswordInput;
+exports.default = ControlledPasswordInput;

package/lib/components/TextInput/PasswordInput.js

@@ -23,13 +23,7 @@ var Tooltip = require('../Tooltip/Tooltip.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function PasswordInput({
+const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   className,
   disabled = false,
   helperText,
@@ -73,7 +67,7 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
     setInputType(inputType === 'password' ? 'text' : 'password');
     onTogglePasswordVisibility && onTogglePasswordVisibility(event);
   };
-  const textInputClasses = cx__default["default"](`${prefix}--text-input`, `${prefix}--password-input`, className, {
+  const textInputClasses = cx(`${prefix}--text-input`, `${prefix}--password-input`, className, {
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--text-input--invalid`]: normalizedProps.invalid,
     [`${prefix}--text-input--warning`]: normalizedProps.warn,
@@ -100,47 +94,47 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
     ref,
     ...rest
   };
-  const inputWrapperClasses = cx__default["default"](`${prefix}--form-item`, `${prefix}--text-input-wrapper`, `${prefix}--password-input-wrapper`, {
+  const inputWrapperClasses = cx(`${prefix}--form-item`, `${prefix}--text-input-wrapper`, `${prefix}--password-input-wrapper`, {
     [`${prefix}--text-input-wrapper--readonly`]: readOnly,
     [`${prefix}--text-input-wrapper--light`]: light,
     [`${prefix}--text-input-wrapper--inline`]: inline,
     [`${prefix}--text-input--fluid`]: isFluid
   });
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled,
     [`${prefix}--label--inline`]: inline,
     [`${prefix}--label--inline--${size}`]: inline && !!size
   });
-  const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled,
     [`${prefix}--form__helper-text--inline`]: inline
   });
-  const fieldOuterWrapperClasses = cx__default["default"](`${prefix}--text-input__field-outer-wrapper`, {
+  const fieldOuterWrapperClasses = cx(`${prefix}--text-input__field-outer-wrapper`, {
     [`${prefix}--text-input__field-outer-wrapper--inline`]: inline
   });
-  const fieldWrapperClasses = cx__default["default"](`${prefix}--text-input__field-wrapper`, {
+  const fieldWrapperClasses = cx(`${prefix}--text-input__field-wrapper`, {
     [`${prefix}--text-input__field-wrapper--warning`]: normalizedProps.warn
   });
-  const iconClasses = cx__default["default"]({
+  const iconClasses = cx({
     [`${prefix}--text-input__invalid-icon`]: normalizedProps.invalid || normalizedProps.warn,
     [`${prefix}--text-input__invalid-icon--warning`]: normalizedProps.warn
   });
-  const label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
+  const label = labelText ? /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const helper = helperText ? /*#__PURE__*/React__default["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["default"].createElement(iconsReact.ViewOff, {
+  const passwordVisibilityIcon = passwordIsVisible ? /*#__PURE__*/React.createElement(iconsReact.ViewOff, {
     className: `${prefix}--icon-visibility-off`
-  }) : /*#__PURE__*/React__default["default"].createElement(iconsReact.View, {
+  }) : /*#__PURE__*/React.createElement(iconsReact.View, {
     className: `${prefix}--icon-visibility-on`
   });
-  const passwordVisibilityToggleClasses = cx__default["default"](`${prefix}--text-input--password__visibility__toggle`, `${prefix}--btn`, `${prefix}--tooltip__trigger`, `${prefix}--tooltip--a11y`, {
+  const passwordVisibilityToggleClasses = cx(`${prefix}--text-input--password__visibility__toggle`, `${prefix}--btn`, `${prefix}--tooltip__trigger`, `${prefix}--tooltip--a11y`, {
     [`${prefix}--tooltip--${tooltipPosition}`]: tooltipPosition,
     [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
   });
@@ -164,7 +158,7 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
   } else if (!showPasswordLabel || showPasswordLabel.trim() === '') {
     console.warn('Warning: The "showPasswordLabel" should not be blank.');
   }
-  const input = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, util.textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.textInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,
@@ -175,13 +169,13 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
   }), {
     disabled: disabled,
     "data-toggle-password-visibility": inputType === 'password'
-  })), isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+  })), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--text-input__divider`
-  }), /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
     align: align,
     className: `${prefix}--toggle-password-tooltip`,
     label: passwordIsVisible ? hidePasswordLabel : showPasswordLabel
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: passwordVisibilityToggleClasses,
     disabled: disabled || readOnly,
@@ -191,16 +185,16 @@ const PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function
     setInputType(type);
   }, [type]);
   const Icon = normalizedProps.icon;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses
-  }, !inline ? label : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !inline ? label : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--text-input__label-helper-wrapper`
-  }, label, !isFluid && helper), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label, !isFluid && helper), /*#__PURE__*/React.createElement("div", {
     className: fieldOuterWrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: fieldWrapperClasses,
     "data-invalid": normalizedProps.invalid || null
-  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
     className: iconClasses
   }), input, isFluid && !inline && normalizedProps.validation), !isFluid && !inline && (normalizedProps.validation || helper)));
 });
@@ -210,110 +204,110 @@ PasswordInput.propTypes = {
    * Provide a custom className that is applied directly to the underlying
    * `<input>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally provide the default value of the `<input>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide text that is used alongside the control label for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether or not the underlying label is visually hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * "Hide password" tooltip text on password visibility toggle
    */
-  hidePasswordLabel: PropTypes__default["default"].string,
+  hidePasswordLabel: PropTypes.string,
   /**
    * Provide a unique identifier for the input field
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * `true` to use the inline version.
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * Specify whether the control is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Whether the PasswordInput should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `PasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `PasswordInput` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Callback function that is called whenever the toggle password visibility
    * button is clicked
    */
-  onTogglePasswordVisibility: PropTypes__default["default"].func,
+  onTogglePasswordVisibility: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<input>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * "Show password" tooltip text on password visibility toggle
    */
-  showPasswordLabel: PropTypes__default["default"].string,
+  showPasswordLabel: PropTypes.string,
   /**
    * Specify the size of the Text Input. Supports `sm`, `md`, or `lg`.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
-  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end']),
   /**
    * Specify the direction of the tooltip for icon-only buttons.
    * Can be either top, right, bottom, or left.
    */
-  tooltipPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  tooltipPosition: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * The input type, either password or text
    */
-  type: PropTypes__default["default"].oneOf(['password', 'text']),
+  type: PropTypes.oneOf(['password', 'text']),
   /**
    * Provide the current value of the `<input>`
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the control is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in warning state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 
-exports["default"] = PasswordInput;
+exports.default = PasswordInput;

package/lib/components/TextInput/TextInput.Skeleton.js

@@ -15,23 +15,17 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const TextInputSkeleton = ({
   hideLabel,
   className,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item`, className)
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   }));
 };
@@ -39,12 +33,12 @@ TextInputSkeleton.propTypes = {
   /**
    * Specify an optional className to add to the form item wrapper.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the label should be hidden, or not
    */
-  hideLabel: PropTypes__default["default"].bool
+  hideLabel: PropTypes.bool
 };
 
 exports.TextInputSkeleton = TextInputSkeleton;
-exports["default"] = TextInputSkeleton;
+exports.default = TextInputSkeleton;