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

package/README.md

@@ -31,7 +31,7 @@ links:
 For info on how to configure Sass for your project, here are some common
 framework's documentation worth reviewing:
 
-- [Next.js with Sass](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support)
+- [Next.js with Sass](https://nextjs.org/docs/app/guides/sass)
 - [Remix with Sass](https://remix.run/docs/en/1.18.0/guides/styling#css-preprocessors)
 - [Gatsby with Sass](https://www.gatsbyjs.com/docs/how-to/styling/sass/)
 

package/es/components/AILabel/index.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { ToggletipContent, ToggletipActions, Toggletip, ToggletipButton } from '../Toggletip/index.js';
 import { IconButton } from '../IconButton/index.js';
@@ -19,14 +19,13 @@ import { useId } from '../../internal/useId.js';
 import deprecate from '../../prop-types/deprecate.js';
 
 var _Undo;
-const AILabelContent = /*#__PURE__*/React__default.forwardRef(function AILabelContent(_ref, ref) {
-  let {
-    className,
-    children,
-    ...rest
-  } = _ref;
+const AILabelContent = /*#__PURE__*/React.forwardRef(function AILabelContent({
+  className,
+  children,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
-  const hasAILabelActions = React__default.Children.toArray(children).some(child => {
+  const hasAILabelActions = React.Children.toArray(children).some(child => {
     const item = child;
     item.type?.displayName === 'AILabelActions';
   });
@@ -34,7 +33,7 @@ const AILabelContent = /*#__PURE__*/React__default.forwardRef(function AILabelCo
     [`${prefix}--ai-label-content`]: true,
     [`${prefix}--ai-label-content--with-actions`]: hasAILabelActions
   });
-  return /*#__PURE__*/React__default.createElement(ToggletipContent, {
+  return /*#__PURE__*/React.createElement(ToggletipContent, {
     className: aiLabelContentClasses
   }, children);
 });
@@ -49,17 +48,16 @@ AILabelContent.propTypes = {
    */
   className: PropTypes.string
 };
-const AILabelActions = /*#__PURE__*/React__default.forwardRef(function AILabelActions(_ref2, ref) {
-  let {
-    className,
-    children,
-    ...rest
-  } = _ref2;
+const AILabelActions = /*#__PURE__*/React.forwardRef(function AILabelActions({
+  className,
+  children,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const aiLabelActionsClasses = cx(className, {
     [`${prefix}--ai-label-actions`]: true
   });
-  return /*#__PURE__*/React__default.createElement(ToggletipActions, {
+  return /*#__PURE__*/React.createElement(ToggletipActions, {
     className: aiLabelActionsClasses
   }, children);
 });
@@ -80,24 +78,23 @@ AILabelActions.propTypes = {
  * @deprecated Use NewPopoverAlignment instead.
  */
 
-const AILabel = /*#__PURE__*/React__default.forwardRef(function AILabel(_ref3, ref) {
-  let {
-    aiText = 'AI',
-    aiTextLabel,
-    textLabel,
-    align,
-    autoAlign = true,
-    children,
-    className,
-    kind = 'default',
-    onRevertClick,
-    revertActive,
-    revertLabel = 'Revert to AI input',
-    slugLabel = 'Show information',
-    ['aria-label']: ariaLabel = 'Show information',
-    size = 'xs',
-    ...rest
-  } = _ref3;
+const AILabel = /*#__PURE__*/React.forwardRef(function AILabel({
+  aiText = 'AI',
+  aiTextLabel,
+  textLabel,
+  align,
+  autoAlign = true,
+  children,
+  className,
+  kind = 'default',
+  onRevertClick,
+  revertActive,
+  revertLabel = 'Revert to AI input',
+  slugLabel = 'Show information',
+  ['aria-label']: ariaLabel = 'Show information',
+  size = 'xs',
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const id = useId('AILabel');
   const aiLabelClasses = cx(className, {
@@ -117,25 +114,25 @@ const AILabel = /*#__PURE__*/React__default.forwardRef(function AILabel(_ref3, r
   };
   const ariaLabelText = !aiTextLabel && !textLabel ? `${aiText} ${slugLabel || ariaLabel}` : `${aiText} ${aiTextLabel || textLabel}`;
   const isSmallIcon = ['xs', '2xs', 'mini'].includes(size);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: aiLabelClasses,
     ref: ref,
     id: id
-  }, revertActive ? /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  }, revertActive ? /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: handleOnRevertClick,
     kind: "ghost",
     size: "sm",
     label: revertLabel
-  }, rest), _Undo || (_Undo = /*#__PURE__*/React__default.createElement(Undo, null))) : /*#__PURE__*/React__default.createElement(Toggletip, _extends({
+  }, rest), _Undo || (_Undo = /*#__PURE__*/React.createElement(Undo, null))) : /*#__PURE__*/React.createElement(Toggletip, _extends({
     align: align,
     autoAlign: autoAlign,
     alignmentAxisOffset: isSmallIcon ? -24 : 0
-  }, rest), /*#__PURE__*/React__default.createElement(ToggletipButton, {
+  }, rest), /*#__PURE__*/React.createElement(ToggletipButton, {
     className: aiLabelButtonClasses,
     label: kind === 'inline' ? '' : ariaLabelText
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--ai-label__text`
-  }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React__default.createElement("span", {
+  }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--ai-label__additional-text`
   }, aiTextLabel || textLabel)), children));
 });

package/es/components/AISkeleton/AISkeletonIcon.js

@@ -7,21 +7,20 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import SkeletonIcon from '../SkeletonIcon/SkeletonIcon.js';
 
-const AISkeletonIcon = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const AISkeletonIcon = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const AISkeletonIconClasses = cx(className, {
     [`${prefix}--skeleton__icon--ai`]: true
   });
-  return /*#__PURE__*/React__default.createElement(SkeletonIcon, _extends({
+  return /*#__PURE__*/React.createElement(SkeletonIcon, _extends({
     className: AISkeletonIconClasses
   }, rest));
 };

package/es/components/AISkeleton/AISkeletonPlaceholder.js

@@ -6,23 +6,22 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import SkeletonPlaceholder from '../SkeletonPlaceholder/SkeletonPlaceholder.js';
 
-const AISkeletonPlaceholder = _ref => {
-  let {
-    className,
-    ...other
-  } = _ref;
+const AISkeletonPlaceholder = ({
+  className,
+  ...other
+}) => {
   const prefix = usePrefix();
   const AISkeletonPlaceholderClasses = cx({
     className,
     [`${prefix}--skeleton__placeholder--ai`]: true
   }, className);
-  return /*#__PURE__*/React__default.createElement(SkeletonPlaceholder, _extends({
+  return /*#__PURE__*/React.createElement(SkeletonPlaceholder, _extends({
     className: AISkeletonPlaceholderClasses
   }, other));
 };

package/es/components/AISkeleton/AISkeletonText.js

@@ -7,21 +7,20 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import SkeletonText from '../SkeletonText/SkeletonText.js';
 
-const AISkeletonText = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const AISkeletonText = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const aiSkeletonTextClasses = cx(className, {
     [`${prefix}--skeleton__text--ai`]: true
   });
-  return /*#__PURE__*/React__default.createElement(SkeletonText, _extends({
+  return /*#__PURE__*/React.createElement(SkeletonText, _extends({
     className: aiSkeletonTextClasses
   }, rest));
 };

package/es/components/Accordion/Accordion.Skeleton.js

@@ -7,23 +7,22 @@
 
 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 { ChevronRight } from '@carbon/icons-react';
 import SkeletonText from '../SkeletonText/SkeletonText.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _SkeletonText, _SkeletonText2, _SkeletonText3;
-function AccordionSkeleton(_ref) {
-  let {
-    align = 'end',
-    className,
-    count = 4,
-    isFlush,
-    open = true,
-    ordered = false,
-    ...rest
-  } = _ref;
+function AccordionSkeleton({
+  align = 'end',
+  className,
+  count = 4,
+  isFlush,
+  open = true,
+  ordered = false,
+  ...rest
+}) {
   const prefix = usePrefix();
   const classes = cx(`${prefix}--accordion`, `${prefix}--skeleton`, className, {
     [`${prefix}--accordion--${align}`]: align,
@@ -31,27 +30,27 @@ function AccordionSkeleton(_ref) {
   });
   const numSkeletonItems = open ? count - 1 : count;
   const ListTag = ordered ? 'ol' : 'ul';
-  return /*#__PURE__*/React__default.createElement(ListTag, _extends({
+  return /*#__PURE__*/React.createElement(ListTag, _extends({
     className: classes
-  }, rest), open && /*#__PURE__*/React__default.createElement("li", {
+  }, rest), open && /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--accordion__heading`
-  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }), /*#__PURE__*/React.createElement(SkeletonText, {
     className: `${prefix}--accordion__title`
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--accordion__content`
-  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "90%"
-  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "80%"
-  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "95%"
   })))), Array.from({
     length: numSkeletonItems
-  }).map((_, i) => /*#__PURE__*/React__default.createElement(AccordionSkeletonItem, {
+  }).map((_, i) => /*#__PURE__*/React.createElement(AccordionSkeletonItem, {
     key: i
   })));
 }
@@ -79,13 +78,13 @@ AccordionSkeleton.propTypes = {
 };
 function AccordionSkeletonItem() {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--accordion__item`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--accordion__heading`
-  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }), /*#__PURE__*/React.createElement(SkeletonText, {
     className: `${prefix}--accordion__title`
   })));
 }

package/es/components/Accordion/Accordion.js

@@ -9,20 +9,19 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { AccordionProvider } from './AccordionProvider.js';
 
-function Accordion(_ref) {
-  let {
-    align = 'end',
-    children,
-    className: customClassName,
-    disabled = false,
-    isFlush = false,
-    ordered = false,
-    size,
-    ...rest
-  } = _ref;
+function Accordion({
+  align = 'end',
+  children,
+  className: customClassName,
+  disabled = false,
+  isFlush = false,
+  ordered = false,
+  size,
+  ...rest
+}) {
   const prefix = usePrefix();
   const className = cx(`${prefix}--accordion`, customClassName, {
     [`${prefix}--accordion--${align}`]: align,
@@ -32,9 +31,9 @@ function Accordion(_ref) {
     [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
   });
   const ListTag = ordered ? 'ol' : 'ul';
-  return /*#__PURE__*/React__default.createElement(AccordionProvider, {
+  return /*#__PURE__*/React.createElement(AccordionProvider, {
     disabled: disabled
-  }, /*#__PURE__*/React__default.createElement(ListTag, _extends({
+  }, /*#__PURE__*/React.createElement(ListTag, _extends({
     className: className
   }, rest), children));
 }

package/es/components/Accordion/AccordionItem.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { ChevronRight } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useState, useContext } from 'react';
+import React, { useState, useContext } from 'react';
 import '../Text/index.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -19,23 +19,22 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { AccordionContext } from './AccordionProvider.js';
 import { Text } from '../Text/Text.js';
 
-const defaultRenderToggle = props => /*#__PURE__*/React__default.createElement("button", _extends({
+const defaultRenderToggle = props => /*#__PURE__*/React.createElement("button", _extends({
   type: "button"
 }, props));
-function AccordionItem(_ref) {
-  let {
-    children,
-    className: customClassName = '',
-    open = false,
-    onHeadingClick,
-    renderExpando = defaultRenderToggle,
-    // remove renderExpando in next major release
-    renderToggle,
-    title = 'title',
-    disabled: controlledDisabled,
-    handleAnimationEnd,
-    ...rest
-  } = _ref;
+function AccordionItem({
+  children,
+  className: customClassName = '',
+  open = false,
+  onHeadingClick,
+  renderExpando = defaultRenderToggle,
+  // remove renderExpando in next major release
+  renderToggle,
+  title = 'title',
+  disabled: controlledDisabled,
+  handleAnimationEnd,
+  ...rest
+}) {
   const [isOpen, setIsOpen] = useState(open);
   const [prevIsOpen, setPrevIsOpen] = useState(open);
   const accordionState = useContext(AccordionContext);
@@ -51,7 +50,7 @@ function AccordionItem(_ref) {
   });
   const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
 
-  const content = React__default.useCallback(node => {
+  const content = React.useCallback(node => {
     if (!node) {
       return;
     }
@@ -91,9 +90,9 @@ function AccordionItem(_ref) {
       handleAnimationEnd(event);
     }
   }
-  return /*#__PURE__*/React__default.createElement("li", _extends({
+  return /*#__PURE__*/React.createElement("li", _extends({
     className: className
-  }, rest), /*#__PURE__*/React__default.createElement(Toggle, {
+  }, rest), /*#__PURE__*/React.createElement(Toggle, {
     disabled: disabled,
     "aria-controls": id,
     "aria-expanded": isOpen,
@@ -101,16 +100,16 @@ function AccordionItem(_ref) {
     onClick: onClick,
     onKeyDown: onKeyDown,
     type: "button"
-  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--accordion__title`
-  }, title)), /*#__PURE__*/React__default.createElement("div", {
+  }, title)), /*#__PURE__*/React.createElement("div", {
     ref: content,
     className: `${prefix}--accordion__wrapper`,
     onTransitionEnd: onAnimationEnd
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: id,
     className: `${prefix}--accordion__content`
   }, children)));

package/es/components/Accordion/AccordionProvider.js

@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default, { createContext } from 'react';
+import React, { createContext } from 'react';
 
 const AccordionContext = /*#__PURE__*/createContext({
   disabled: false
 });
-const AccordionProvider = _ref => {
-  let {
-    disabled,
-    children
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement(AccordionContext.Provider, {
+const AccordionProvider = ({
+  disabled,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
     value: {
       disabled
     }

package/es/components/AspectRatio/AspectRatio.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 /**
@@ -17,17 +17,16 @@ import { usePrefix } from '../../internal/usePrefix.js';
  * This is often useful alongside our grid components, or for media assets like
  * images or videos.
  */
-const AspectRatio = _ref => {
-  let {
-    as: BaseComponent = 'div',
-    className: containerClassName,
-    children,
-    ratio = '1x1',
-    ...rest
-  } = _ref;
+const AspectRatio = ({
+  as: BaseComponent = 'div',
+  className: containerClassName,
+  children,
+  ratio = '1x1',
+  ...rest
+}) => {
   const prefix = usePrefix();
   const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
+  return /*#__PURE__*/React.createElement(BaseComponent, _extends({
     className: className
   }, rest), children);
 };

package/es/components/BadgeIndicator/index.js

@@ -7,22 +7,21 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const BadgeIndicator = /*#__PURE__*/React__default.forwardRef(function BadgeIndicatorContent(_ref, ref) {
-  let {
-    className: customClassName,
-    count,
-    ...rest
-  } = _ref;
+const BadgeIndicator = /*#__PURE__*/React.forwardRef(function BadgeIndicatorContent({
+  className: customClassName,
+  count,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--badge-indicator`, customClassName, {
     [`${prefix}--badge-indicator--count`]: count
   });
   const displayCount = count && count > 999 ? '999+' : count;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames,
     ref: ref
   }, rest), displayCount);

package/es/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -7,29 +7,28 @@
 
 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';
 
 var _Item, _Item2, _Item3;
 function Item() {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--breadcrumb-item`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--link`
   }, "\xA0"));
 }
-function BreadcrumbSkeleton(_ref) {
-  let {
-    className,
-    ...rest
-  } = _ref;
+function BreadcrumbSkeleton({
+  className,
+  ...rest
+}) {
   const prefix = usePrefix();
   const classes = cx(`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes
-  }, rest), _Item || (_Item = /*#__PURE__*/React__default.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React__default.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React__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 = {
   /**

package/es/components/Breadcrumb/Breadcrumb.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -26,11 +26,11 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, ref) => {
     [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
     [`${prefix}--breadcrumb--sm`]: size === 'sm'
   });
-  return /*#__PURE__*/React__default.createElement("nav", _extends({
+  return /*#__PURE__*/React.createElement("nav", _extends({
     className: customClassNameNav,
     "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',
     ref: ref
-  }, rest), /*#__PURE__*/React__default.createElement("ol", {
+  }, rest), /*#__PURE__*/React.createElement("ol", {
     className: className
   }, children));
 });