@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Accordion/Accordion.Skeleton.js

@@ -17,12 +17,6 @@ var iconsReact = require('@carbon/icons-react');
 var SkeletonText = require('../SkeletonText/SkeletonText.js');
 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);
-
 var _SkeletonText, _SkeletonText2, _SkeletonText3;
 function AccordionSkeleton({
   align = 'end',
@@ -34,33 +28,33 @@ function AccordionSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--accordion`, `${prefix}--skeleton`, className, {
+  const classes = cx(`${prefix}--accordion`, `${prefix}--skeleton`, className, {
     [`${prefix}--accordion--${align}`]: align,
     [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
   });
   const numSkeletonItems = open ? count - 1 : count;
   const ListTag = ordered ? 'ol' : 'ul';
-  return /*#__PURE__*/React__default["default"].createElement(ListTag, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(ListTag, _rollupPluginBabelHelpers.extends({
     className: classes
-  }, rest), open && /*#__PURE__*/React__default["default"].createElement("li", {
+  }, rest), open && /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--accordion__heading`
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
+  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
     className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  }), /*#__PURE__*/React.createElement(SkeletonText.default, {
     className: `${prefix}--accordion__title`
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--accordion__content`
-  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "90%"
-  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "80%"
-  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText.default, {
     width: "95%"
   })))), Array.from({
     length: numSkeletonItems
-  }).map((_, i) => /*#__PURE__*/React__default["default"].createElement(AccordionSkeletonItem, {
+  }).map((_, i) => /*#__PURE__*/React.createElement(AccordionSkeletonItem, {
     key: i
   })));
 }
@@ -68,36 +62,36 @@ AccordionSkeleton.propTypes = {
   /**
    * Specify the alignment of the accordion heading title and chevron.
    */
-  align: PropTypes__default["default"].oneOf(['start', 'end']),
+  align: PropTypes.oneOf(['start', 'end']),
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Set number of items to render
    */
-  count: PropTypes__default["default"].number,
+  count: PropTypes.number,
   /**
    * Specify whether an individual AccordionItem should be flush, default is false
    */
-  isFlush: PropTypes__default["default"].bool,
+  isFlush: PropTypes.bool,
   /**
    * `false` to not display the first item opened
    */
-  open: PropTypes__default["default"].bool
+  open: PropTypes.bool
 };
 function AccordionSkeletonItem() {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--accordion__item`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--accordion__heading`
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
+  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
     className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
+  }), /*#__PURE__*/React.createElement(SkeletonText.default, {
     className: `${prefix}--accordion__title`
   })));
 }
 
 exports.AccordionSkeleton = AccordionSkeleton;
-exports["default"] = AccordionSkeleton;
+exports.default = AccordionSkeleton;

package/lib/components/Accordion/Accordion.js

@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var AccordionProvider = require('./AccordionProvider.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function Accordion({
   align = 'end',
   children,
@@ -33,7 +27,7 @@ function Accordion({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--accordion`, customClassName, {
+  const className = cx(`${prefix}--accordion`, customClassName, {
     [`${prefix}--accordion--${align}`]: align,
     [`${prefix}--accordion--${size}`]: size,
     // TODO: V12 - Remove this class
@@ -41,9 +35,9 @@ function Accordion({
     [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
   });
   const ListTag = ordered ? 'ol' : 'ul';
-  return /*#__PURE__*/React__default["default"].createElement(AccordionProvider.AccordionProvider, {
+  return /*#__PURE__*/React.createElement(AccordionProvider.AccordionProvider, {
     disabled: disabled
-  }, /*#__PURE__*/React__default["default"].createElement(ListTag, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(ListTag, _rollupPluginBabelHelpers.extends({
     className: className
   }, rest), children));
 }
@@ -51,32 +45,32 @@ Accordion.propTypes = {
   /**
    * Specify the alignment of the accordion heading title and chevron.
    */
-  align: PropTypes__default["default"].oneOf(['start', 'end']),
+  align: PropTypes.oneOf(['start', 'end']),
   /**
    * Pass in the children that will be rendered within the Accordion
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether an individual AccordionItem should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether Accordion text should be flush, default is false, does not work with align="start"
    */
-  isFlush: PropTypes__default["default"].bool,
+  isFlush: PropTypes.bool,
   /**
    * Specify if the Accordion should be an ordered list,
    * default is `false`
    */
-  ordered: PropTypes__default["default"].bool,
+  ordered: PropTypes.bool,
   /**
    * Specify the size of the Accordion. Currently supports the following:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };
 
-exports["default"] = Accordion;
+exports.default = Accordion;

package/lib/components/Accordion/AccordionItem.js

@@ -23,13 +23,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var AccordionProvider = require('./AccordionProvider.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const defaultRenderToggle = props => /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+const defaultRenderToggle = props => /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
   type: "button"
 }, props));
 function AccordionItem({
@@ -52,7 +46,7 @@ function AccordionItem({
   const disabled = disabledIsControlled ? controlledDisabled : accordionState.disabled;
   const id = useId.useId('accordion-item');
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--accordion__item`]: true,
     [`${prefix}--accordion__item--active`]: isOpen && !disabled,
     [`${prefix}--accordion__item--disabled`]: disabled,
@@ -60,7 +54,7 @@ function AccordionItem({
   });
   const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
 
-  const content = React__default["default"].useCallback(node => {
+  const content = React.useCallback(node => {
     if (!node) {
       return;
     }
@@ -100,9 +94,9 @@ function AccordionItem({
       handleAnimationEnd(event);
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
     className: className
-  }, rest), /*#__PURE__*/React__default["default"].createElement(Toggle, {
+  }, rest), /*#__PURE__*/React.createElement(Toggle, {
     disabled: disabled,
     "aria-controls": id,
     "aria-expanded": isOpen,
@@ -110,16 +104,16 @@ function AccordionItem({
     onClick: onClick,
     onKeyDown: onKeyDown,
     type: "button"
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
+  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
     className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }), /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--accordion__title`
-  }, title)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, title)), /*#__PURE__*/React.createElement("div", {
     ref: content,
     className: `${prefix}--accordion__wrapper`,
     onTransitionEnd: onAnimationEnd
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: id,
     className: `${prefix}--accordion__content`
   }, children)));
@@ -128,41 +122,41 @@ AccordionItem.propTypes = {
   /**
    * Provide the contents of your AccordionItem
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether an individual AccordionItem should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * The handler of the massaged `click` event.
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * The handler of the massaged `click` event on the heading.
    */
-  onHeadingClick: PropTypes__default["default"].func,
+  onHeadingClick: PropTypes.func,
   /**
    * `true` to open the expand.
    */
-  open: PropTypes__default["default"].bool,
+  open: PropTypes.bool,
   /**
    * The callback function to render the expand button.
    * Can be a React component class.
    */
-  renderExpando: deprecate.deprecate(PropTypes__default["default"].func, 'The `renderExpando` prop has been deprecated and will be removed in the next major release of Carbon. Use the `renderToggle` prop instead.'),
+  renderExpando: deprecate.deprecate(PropTypes.func, 'The `renderExpando` prop has been deprecated and will be removed in the next major release of Carbon. Use the `renderToggle` prop instead.'),
   /**
    * The callback function to render the expand button.
    * Can be a React component class.
    */
-  renderToggle: PropTypes__default["default"].func,
+  renderToggle: PropTypes.func,
   /**
    * The accordion title.
    */
-  title: PropTypes__default["default"].node
+  title: PropTypes.node
 };
 
-exports["default"] = AccordionItem;
+exports.default = AccordionItem;

package/lib/components/Accordion/AccordionProvider.js

@@ -7,14 +7,8 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const AccordionContext = /*#__PURE__*/React.createContext({
   disabled: false
 });
@@ -22,7 +16,7 @@ const AccordionProvider = ({
   disabled,
   children
 }) => {
-  return /*#__PURE__*/React__default["default"].createElement(AccordionContext.Provider, {
+  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
     value: {
       disabled
     }

package/lib/components/AspectRatio/AspectRatio.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /**
  * The AspectRatio component provides a `ratio` prop that will be used to
  * specify the aspect ratio that the children you provide will be displayed in.
@@ -35,8 +29,8 @@ const AspectRatio = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     className: className
   }, rest), children);
 };
@@ -50,20 +44,20 @@ AspectRatio.propTypes = {
    * <AspectRatio as="article">My content</AspectRatio>
    * ```
    */
-  as: PropTypes__default["default"].elementType,
+  as: PropTypes.elementType,
   /**
    * Specify the content that will be placed in the aspect ratio
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a class name for the outermost node of the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the ratio to be used by the aspect ratio container. This will
    * determine what aspect ratio your content will be displayed in.
    */
-  ratio: PropTypes__default["default"].oneOf(['16x9', '9x16', '2x1', '1x2', '4x3', '3x4', '3x2', '2x3', '1x1'])
+  ratio: PropTypes.oneOf(['16x9', '9x16', '2x1', '1x2', '4x3', '3x4', '3x2', '2x3', '1x1'])
 };
 
-exports["default"] = AspectRatio;
+exports.default = AspectRatio;

package/lib/components/BadgeIndicator/index.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 BadgeIndicator = /*#__PURE__*/React__default["default"].forwardRef(function BadgeIndicatorContent({
+const BadgeIndicator = /*#__PURE__*/React.forwardRef(function BadgeIndicatorContent({
   className: customClassName,
   count,
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--badge-indicator`, customClassName, {
+  const classNames = cx(`${prefix}--badge-indicator`, customClassName, {
     [`${prefix}--badge-indicator--count`]: count
   });
   const displayCount = count && count > 999 ? '999+' : count;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
   }, rest), displayCount);
@@ -40,16 +34,16 @@ BadgeIndicator.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Count of badge indicator
    */
-  count: PropTypes__default["default"].number,
+  count: PropTypes.number,
   /**
    * Provide an `id` to uniquely identify the BadgeIndidcator
    */
-  id: PropTypes__default["default"].string
+  id: PropTypes.string
 };
 
 exports.BadgeIndicator = BadgeIndicator;
-exports["default"] = BadgeIndicator;
+exports.default = BadgeIndicator;

package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -15,18 +15,12 @@ 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);
-
 var _Item, _Item2, _Item3;
 function Item() {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--breadcrumb-item`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--link`
   }, "\xA0"));
 }
@@ -35,17 +29,17 @@ function BreadcrumbSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const classes = cx(`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classes
-  }, rest), _Item || (_Item = /*#__PURE__*/React__default["default"].createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React__default["default"].createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React__default["default"].createElement(Item, null)));
+  }, rest), _Item || (_Item = /*#__PURE__*/React.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React.createElement(Item, null)));
 }
 BreadcrumbSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.BreadcrumbSkeleton = BreadcrumbSkeleton;
-exports["default"] = BreadcrumbSkeleton;
+exports.default = BreadcrumbSkeleton;

package/lib/components/Breadcrumb/Breadcrumb.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 Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     'aria-label': ariaLabel,
@@ -31,16 +25,16 @@ const Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--breadcrumb`]: true,
     [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
     [`${prefix}--breadcrumb--sm`]: size === 'sm'
   });
-  return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
     className: customClassNameNav,
     "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',
     ref: ref
-  }, rest), /*#__PURE__*/React__default["default"].createElement("ol", {
+  }, rest), /*#__PURE__*/React.createElement("ol", {
     className: className
   }, children));
 });
@@ -49,23 +43,23 @@ Breadcrumb.propTypes = {
   /**
    * Specify the label for the breadcrumb container
    */
-  'aria-label': PropTypes__default["default"].string,
+  'aria-label': PropTypes.string,
   /**
    * Pass in the BreadcrumbItem's for your Breadcrumb
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optional prop to omit the trailing slash for the breadcrumbs
    */
-  noTrailingSlash: PropTypes__default["default"].bool,
+  noTrailingSlash: PropTypes.bool,
   /**
    * Specify the size of the Breadcrumb. Currently supports the following:
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md'])
+  size: PropTypes.oneOf(['sm', 'md'])
 };
 
-exports["default"] = Breadcrumb;
+exports.default = Breadcrumb;

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -19,12 +19,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../Text/index.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 frFn = React.forwardRef;
 const BreadcrumbItem = frFn((props, ref) => {
   const {
@@ -36,7 +30,7 @@ const BreadcrumbItem = frFn((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--breadcrumb-item`]: true,
     // We set the current class only if `isCurrentPage` is passed in and we do
     // not have an `aria-current="page"` set for the breadcrumb item
@@ -45,12 +39,12 @@ const BreadcrumbItem = frFn((props, ref) => {
   });
   const child = children;
   if (child.type && child.type.displayName !== undefined && child.type.displayName.includes('OverflowMenu')) {
-    const horizontalOverflowIcon = /*#__PURE__*/React__default["default"].createElement(iconsReact.OverflowMenuHorizontal, {
+    const horizontalOverflowIcon = /*#__PURE__*/React.createElement(iconsReact.OverflowMenuHorizontal, {
       className: `${prefix}--overflow-menu__icon`
     });
-    return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
       className: className
-    }, rest), /*#__PURE__*/React__default["default"].cloneElement(child, {
+    }, rest), /*#__PURE__*/React.cloneElement(child, {
       menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
       menuOffset: {
         top: 10,
@@ -60,44 +54,44 @@ const BreadcrumbItem = frFn((props, ref) => {
     }));
   }
   if (typeof children === 'string') {
-    return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
       className: className,
       ref: ref
-    }, rest), href ? /*#__PURE__*/React__default["default"].createElement(Link["default"], {
+    }, rest), href ? /*#__PURE__*/React.createElement(Link.default, {
       href: href,
       "aria-current": ariaCurrent || isCurrentPage
-    }, children) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, children) : /*#__PURE__*/React.createElement(Text.Text, {
       "aria-current": ariaCurrent || isCurrentPage,
       className: `${prefix}--link`
     }, children));
   }
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
-  }, rest), /*#__PURE__*/React__default["default"].cloneElement(child, {
+  }, rest), /*#__PURE__*/React.cloneElement(child, {
     'aria-current': ariaCurrent,
-    className: cx__default["default"](`${prefix}--link`, child.props.className)
+    className: cx(`${prefix}--link`, child.props.className)
   }));
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 BreadcrumbItem.propTypes = {
-  'aria-current': PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['false', 'true', 'page', 'step', 'location', 'date', 'time'])]),
+  'aria-current': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['false', 'true', 'page', 'step', 'location', 'date', 'time'])]),
   /**
    * Pass in content that will be inside of the BreadcrumbItem
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optional string representing the link location for the BreadcrumbItem
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Provide if this breadcrumb item represents the current page
    */
-  isCurrentPage: PropTypes__default["default"].bool
+  isCurrentPage: PropTypes.bool
 };
 
-exports["default"] = BreadcrumbItem;
+exports.default = BreadcrumbItem;