@carbon/react 1.86.0 → 1.87.0

package/lib/components/Select/Select.Skeleton.js

@@ -15,25 +15,19 @@ 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 SelectSkeleton = ({
   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}--select ${prefix}--skeleton`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--select-input`
   })));
 };
@@ -41,12 +35,12 @@ SelectSkeleton.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.SelectSkeleton = SelectSkeleton;
-exports["default"] = SelectSkeleton;
+exports.default = SelectSkeleton;

package/lib/components/Select/Select.js

@@ -25,13 +25,7 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.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 Select = /*#__PURE__*/React__default["default"].forwardRef(function Select({
+const Select = /*#__PURE__*/React.forwardRef(function Select({
   className,
   decorator,
   id,
@@ -62,7 +56,7 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
   const [isFocused, setIsFocused] = React.useState(false);
   const selectInstanceId = useId.useId();
   // Convert children to an array of valid elements once using type narrowing
-  const validChildren = React__default["default"].Children.toArray(children).filter(child => /*#__PURE__*/React__default["default"].isValidElement(child));
+  const validChildren = React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
 
   // Find the default option based on the specified defaultValue
   const defaultOption = validChildren.find(child => child.props?.value === other?.defaultValue);
@@ -70,7 +64,7 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
   // Use the default option's text if available; otherwise, fallback to the first option's text
   const initialTitle = defaultOption?.props?.text || validChildren[0]?.props?.text || '';
   const [title, setTitle] = React.useState(initialTitle);
-  const selectClasses = cx__default["default"]({
+  const selectClasses = cx({
     [`${prefix}--select`]: true,
     [`${prefix}--select--inline`]: inline,
     [`${prefix}--select--light`]: light,
@@ -83,11 +77,11 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     [`${prefix}--select--slug`]: slug,
     [`${prefix}--select--decorator`]: decorator
   });
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled
   });
-  const inputClasses = cx__default["default"]({
+  const inputClasses = cx({
     [`${prefix}--select-input`]: true,
     [`${prefix}--select-input--${size}`]: size
   });
@@ -100,16 +94,16 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
       return warnText;
     }
   })();
-  const error = invalid || warn ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const error = invalid || warn ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--form-requirement`,
     id: errorId
   }, errorText) : null;
-  const helperTextClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
   const helperId = !helperText ? undefined : `select-helper-text-${selectInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  const helper = helperText ? /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: helperId,
     className: helperTextClasses
@@ -152,7 +146,7 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     size: 'mini'
   }) : null;
   const input = (() => {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({}, other, ariaProps, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", _rollupPluginBabelHelpers.extends({}, other, ariaProps, {
       id: id,
       className: inputClasses,
       disabled: disabled || undefined,
@@ -162,35 +156,35 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
       onChange: events.composeEventHandlers([onChange, handleChange])
     }, readOnlyEventHandlers, {
       ref: ref
-    }), children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+    }), children), /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
       className: `${prefix}--select__arrow`
-    }), invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+    }), invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
       className: `${prefix}--select__invalid-icon`
-    }), !invalid && warn && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+    }), !invalid && warn && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
       className: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`
     }));
   })();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(`${prefix}--form-item`, className)
+  }, /*#__PURE__*/React.createElement("div", {
     className: selectClasses
-  }, !noLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, !noLabel && /*#__PURE__*/React.createElement(Text.Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
-  }, labelText), inline && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, labelText), inline && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--select-input--inline__wrapper`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--select-input__wrapper`,
     "data-invalid": invalid || null
-  }, input), error), !inline && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, input), error), !inline && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--select-input__wrapper`,
     "data-invalid": invalid || null,
     onFocus: handleFocus,
     onBlur: handleFocus
-  }, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--select__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--select__divider`
   }), isFluid && error ? error : null), !inline && !isFluid && error ? error : helper));
 });
@@ -199,84 +193,84 @@ Select.propTypes = {
   /**
    * Provide the contents of your Select
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node containing the label and the select box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `Select` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Optionally provide the default value of the `<select>`
    */
-  defaultValue: PropTypes__default["default"].any,
+  defaultValue: PropTypes.any,
   /**
    * 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 the label should be hidden, or not
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Specify a custom `id` for the `<select>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether you want the inline version of this control
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * Specify if the currently value is invalid.
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Message which is displayed if the value is invalid.
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide label text to be read by screen readers when interacting with the
    * control
    */
-  labelText: PropTypes__default["default"].node,
+  labelText: PropTypes.node,
   /**
    * `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 `Select` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `Select` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * Reserved for use with Pagination component. Will not render a label for the
    * select since Pagination renders one for us.
    */
-  noLabel: PropTypes__default["default"].bool,
+  noLabel: PropTypes.bool,
   /**
    * Provide an optional `onChange` hook that is called each time the value of
    * the underlying `<input>` changes
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Whether the select should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify the size of the Select Input.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * 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"] = Select;
+exports.default = Select;

package/lib/components/Select/index.js

@@ -14,6 +14,6 @@ var Select_Skeleton = require('./Select.Skeleton.js');
 
 
 
-exports.Select = Select["default"];
-exports["default"] = Select["default"];
-exports.SelectSkeleton = Select_Skeleton["default"];
+exports.Select = Select.default;
+exports.default = Select.default;
+exports.SelectSkeleton = Select_Skeleton.default;

package/lib/components/SelectItem/SelectItem.js

@@ -15,12 +15,6 @@ 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 SelectItem = ({
   className,
   value = '',
@@ -30,13 +24,13 @@ const SelectItem = ({
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const selectItemClasses = cx__default["default"]({
+  const selectItemClasses = cx({
     [`${prefix}--select-option`]: true,
     ...(className && {
       [className]: className
     })
   });
-  return /*#__PURE__*/React__default["default"].createElement("option", _rollupPluginBabelHelpers["extends"]({}, other, {
+  return /*#__PURE__*/React.createElement("option", _rollupPluginBabelHelpers.extends({}, other, {
     className: selectItemClasses,
     value: value,
     disabled: disabled,
@@ -47,23 +41,23 @@ SelectItem.propTypes = {
   /**
    * Specify an optional className to be applied to the node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the <SelectItem> should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether the <SelectItem> is hidden
    */
-  hidden: PropTypes__default["default"].bool,
+  hidden: PropTypes.bool,
   /**
    * Provide the contents of your <SelectItem>
    */
-  text: PropTypes__default["default"].string.isRequired,
+  text: PropTypes.string.isRequired,
   /**
    * Specify the value of the <SelectItem>
    */
-  value: PropTypes__default["default"].any.isRequired
+  value: PropTypes.any.isRequired
 };
 
-exports["default"] = SelectItem;
+exports.default = SelectItem;

package/lib/components/SelectItem/index.js

@@ -13,5 +13,5 @@ var SelectItem = require('./SelectItem.js');
 
 
 
-exports.SelectItem = SelectItem["default"];
-exports["default"] = SelectItem["default"];
+exports.SelectItem = SelectItem.default;
+exports.default = SelectItem.default;

package/lib/components/SelectItemGroup/SelectItemGroup.js

@@ -15,12 +15,6 @@ 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 SelectItemGroup = ({
   children,
   className,
@@ -29,8 +23,8 @@ const SelectItemGroup = ({
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--select-optgroup`, className);
-  return /*#__PURE__*/React__default["default"].createElement("optgroup", _rollupPluginBabelHelpers["extends"]({
+  const classNames = cx(`${prefix}--select-optgroup`, className);
+  return /*#__PURE__*/React.createElement("optgroup", _rollupPluginBabelHelpers.extends({
     className: classNames,
     label: label,
     disabled: disabled
@@ -40,19 +34,19 @@ SelectItemGroup.propTypes = {
   /**
    * Provide the contents of your <SelectItemGroup>
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the <SelectItemGroup> should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the label to be displayed
    */
-  label: PropTypes__default["default"].string.isRequired
+  label: PropTypes.string.isRequired
 };
 
-exports["default"] = SelectItemGroup;
+exports.default = SelectItemGroup;

package/lib/components/ShapeIndicator/index.js

@@ -16,30 +16,24 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@carbon/icons-react');
 
-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);
-
 var _path;
 const ShapeIndicatorKinds = ['failed', 'critical', 'high', 'medium', 'low', 'cautious', 'undefined', 'stable', 'informative', 'incomplete', 'draft'];
 
 // TODO: update to import '@carbon/icons-react'
-const incompleteIcon = props => /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({
+const incompleteIcon = props => /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: 16,
   height: 16,
   fill: "none",
   "aria-hidden": "true"
-}, props), /*#__PURE__*/React__default["default"].createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   fill: "#fff",
   fillOpacity: 0.01,
   d: "M0 0h16v16H0z",
   style: {
     mixBlendMode: 'multiply'
   }
-}), _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
+}), _path || (_path = /*#__PURE__*/React.createElement("path", {
   fill: "#161616",
   d: "M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z"
 })));
@@ -56,7 +50,7 @@ const shapeTypes = {
   incomplete: incompleteIcon,
   draft: iconsReact.CircleStroke
 };
-const ShapeIndicator = /*#__PURE__*/React__default["default"].forwardRef(function ShapeIndicatorContent({
+const ShapeIndicator = /*#__PURE__*/React.forwardRef(function ShapeIndicatorContent({
   className: customClassName,
   kind,
   label,
@@ -64,17 +58,17 @@ const ShapeIndicator = /*#__PURE__*/React__default["default"].forwardRef(functio
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--shape-indicator`, customClassName, {
+  const classNames = cx(`${prefix}--shape-indicator`, customClassName, {
     [`${prefix}--shape-indicator--14`]: textSize == 14
   });
   const ShapeForKind = shapeTypes[kind];
   if (!ShapeForKind) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames,
     ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement(ShapeForKind, {
+  }, /*#__PURE__*/React.createElement(ShapeForKind, {
     size: 16,
     className: `${prefix}--shape-indicator--${kind}`
   }), label);
@@ -83,21 +77,21 @@ ShapeIndicator.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the kind of the Shape Indicator
    */
-  kind: PropTypes__default["default"].oneOf(ShapeIndicatorKinds).isRequired,
+  kind: PropTypes.oneOf(ShapeIndicatorKinds).isRequired,
   /**
    * Label next to the shape.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Specify the text size of the Shape Indicator. Defaults to 12.
    */
-  textSize: PropTypes__default["default"].oneOf([12, 14])
+  textSize: PropTypes.oneOf([12, 14])
 };
 
 exports.ShapeIndicator = ShapeIndicator;
 exports.ShapeIndicatorKinds = ShapeIndicatorKinds;
-exports["default"] = ShapeIndicator;
+exports.default = ShapeIndicator;

package/lib/components/SkeletonIcon/SkeletonIcon.js

@@ -15,21 +15,15 @@ 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 SkeletonIcon = ({
   className,
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const skeletonIconClasses = cx__default["default"](className, {
+  const skeletonIconClasses = cx(className, {
     [`${prefix}--icon--skeleton`]: true
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: skeletonIconClasses
   }, other));
 };
@@ -37,7 +31,7 @@ SkeletonIcon.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = SkeletonIcon;
+exports.default = SkeletonIcon;

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -15,21 +15,15 @@ var PropTypes = require('prop-types');
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const SkeletonPlaceholder = ({
   className,
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const skeletonPlaceholderClasses = cx__default["default"]({
+  const skeletonPlaceholderClasses = cx({
     [`${prefix}--skeleton__placeholder`]: true
   }, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: skeletonPlaceholderClasses
   }, other));
 };
@@ -38,7 +32,7 @@ SkeletonPlaceholder.propTypes = {
    * Add a custom class to the component
    * to set the height and width
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = SkeletonPlaceholder;
+exports.default = SkeletonPlaceholder;

package/lib/components/SkeletonText/SkeletonText.js

@@ -16,12 +16,6 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.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 randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
 function getRandomInt(min, max, n) {
   return Math.floor(randoms[n % 3] * (max - min + 1)) + min;
@@ -35,7 +29,7 @@ const SkeletonText = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const skeletonTextClasses = cx__default["default"]({
+  const skeletonTextClasses = cx({
     [`${prefix}--skeleton__text`]: true,
     [`${prefix}--skeleton__heading`]: heading,
     [className]: className
@@ -48,7 +42,7 @@ const SkeletonText = ({
     lineCountNumber = lineCount;
   }
   const refs = React.useRef([]);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     refs.current.map((item, j) => {
       const randomPercentWidth = getRandomInt(0, 75, j) + 'px';
       const randomPxWidth = getRandomInt(Math.max(widthNum - 75, 0), widthNum, j) + 'px';
@@ -65,7 +59,7 @@ const SkeletonText = ({
   }, [lineCountNumber, paragraph, refs, width, widthNum, widthPercent, widthPx]);
   const lines = [];
   for (let i = 0; i < lineCountNumber; i++) {
-    lines.push(/*#__PURE__*/React__default["default"].createElement("p", _rollupPluginBabelHelpers["extends"]({
+    lines.push(/*#__PURE__*/React.createElement("p", _rollupPluginBabelHelpers.extends({
       className: skeletonTextClasses,
       key: i,
       ref: el => {
@@ -74,33 +68,33 @@ const SkeletonText = ({
     }, rest)));
   }
   if (lineCountNumber !== 1) {
-    return /*#__PURE__*/React__default["default"].createElement("div", null, lines);
+    return /*#__PURE__*/React.createElement("div", null, lines);
   }
 
   // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, lines);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, lines);
 };
 SkeletonText.propTypes = {
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * generates skeleton text at a larger size
    */
-  heading: PropTypes__default["default"].bool,
+  heading: PropTypes.bool,
   /**
    * the number of lines shown if paragraph is true
    */
-  lineCount: PropTypes__default["default"].number,
+  lineCount: PropTypes.number,
   /**
    * will generate multiple lines of text
    */
-  paragraph: PropTypes__default["default"].bool,
+  paragraph: PropTypes.bool,
   /**
    * width (in px or %) of single line of text or max-width of paragraph lines
    */
-  width: PropTypes__default["default"].string
+  width: PropTypes.string
 };
 
-exports["default"] = SkeletonText;
+exports.default = SkeletonText;

package/lib/components/SkeletonText/index.js

@@ -13,5 +13,5 @@ var SkeletonText = require('./SkeletonText.js');
 
 
 
-exports.SkeletonText = SkeletonText["default"];
-exports["default"] = SkeletonText["default"];
+exports.SkeletonText = SkeletonText.default;
+exports.default = SkeletonText.default;