@carbon/ibm-products 2.43.2-canary.255 → 2.43.2-canary.260

package/lib/components/AddSelect/AddSelectSort.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -16,10 +14,6 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _ArrowUp, _ArrowDown;
 var blockClass = "".concat(settings.pkg.prefix, "--add-select-sort");
 var componentName = 'AddSelectSort';
@@ -31,14 +25,14 @@ var AddSelectSort = function AddSelectSort(_ref) {
   var sortByOpts = sortBy ? sortBy === null || sortBy === void 0 ? void 0 : sortBy.reduce(function (acc, cur) {
     var opts = [{
       id: "".concat(cur, "-asc"),
-      itemText: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, _ArrowUp || (_ArrowUp = /*#__PURE__*/React__default["default"].createElement(icons.ArrowUp, {
+      itemText: /*#__PURE__*/React.createElement(React.Fragment, null, _ArrowUp || (_ArrowUp = /*#__PURE__*/React.createElement(icons.ArrowUp, {
         size: 16
       })), cur),
       direction: 'asc',
       attribute: cur
     }, {
       id: "".concat(cur, "-desc"),
-      itemText: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, _ArrowDown || (_ArrowDown = /*#__PURE__*/React__default["default"].createElement(icons.ArrowDown, {
+      itemText: /*#__PURE__*/React.createElement(React.Fragment, null, _ArrowDown || (_ArrowDown = /*#__PURE__*/React.createElement(icons.ArrowDown, {
         size: 16
       })), cur),
       direction: 'desc',
@@ -54,11 +48,11 @@ var AddSelectSort = function AddSelectSort(_ref) {
     setSortAttribute === null || setSortAttribute === void 0 || setSortAttribute(attribute);
     setSortDirection === null || setSortDirection === void 0 || setSortDirection(direction);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: blockClass
-  }, sortByOpts.length > 0 && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+  }, sortByOpts.length > 0 && /*#__PURE__*/React.createElement(react.OverflowMenu, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.ArrowsVertical, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.ArrowsVertical, _rollupPluginBabelHelpers.extends({
         size: 32
       }, props));
     },
@@ -67,7 +61,7 @@ var AddSelectSort = function AddSelectSort(_ref) {
     "aria-label": sortByLabel,
     iconDescription: sortByLabel
   }, sortByOpts.map(function (opt) {
-    return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
+    return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
       className: "".concat(blockClass, "_overflow-item"),
       key: opt === null || opt === void 0 ? void 0 : opt.id,
       itemText: opt === null || opt === void 0 ? void 0 : opt.itemText,
@@ -78,10 +72,10 @@ var AddSelectSort = function AddSelectSort(_ref) {
   })));
 };
 AddSelectSort.propTypes = {
-  setSortAttribute: index["default"].func,
-  setSortDirection: index["default"].func,
-  sortBy: index["default"].array,
-  sortByLabel: index["default"].string
+  setSortAttribute: index.default.func,
+  setSortDirection: index.default.func,
+  sortBy: index.default.array,
+  sortByLabel: index.default.string
 };
 AddSelectSort.displayName = componentName;
 

package/lib/components/AddSelect/add-select-utils.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 
 var _excluded = ["children"];

package/lib/components/AddSelect/hooks/useFocus.js

@@ -42,4 +42,4 @@ var useFocus = function useFocus(size) {
 };
 var useFocus$1 = useFocus;
 
-exports["default"] = useFocus$1;
+exports.default = useFocus$1;

package/lib/components/AddSelect/hooks/useItemSort.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 

package/lib/components/AddSelect/hooks/useParentSelect.js

@@ -24,4 +24,4 @@ var useParentSelect = function useParentSelect() {
 };
 var useParentSelect$1 = useParentSelect;
 
-exports["default"] = useParentSelect$1;
+exports.default = useParentSelect$1;

package/lib/components/AddSelect/hooks/usePath.js

@@ -72,4 +72,4 @@ var usePath = function usePath() {
 };
 var usePath$1 = usePath;
 
-exports["default"] = usePath$1;
+exports.default = usePath$1;

package/lib/components/BigNumbers/BigNumbers.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -20,11 +18,6 @@ var react = require('@carbon/react');
 var constants = require('./constants.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.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 _Information;
 var _excluded = ["className", "forceShowTotal", "fractionDigits", "iconButton", "loading", "label", "locale", "percentage", "size", "tooltipDescription", "total", "trending", "truncate", "value"],
   _excluded2 = ["className", "size"];
@@ -59,7 +52,7 @@ var defaults = {
  * of a button as well as tool tip functionality.
  * The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
  */
-exports.BigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.BigNumbers = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _formatValue, _formatValue2;
   var className = _ref.className,
     _ref$forceShowTotal = _ref.forceShowTotal,
@@ -86,48 +79,48 @@ exports.BigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? defaults.value : _ref$value,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var BigNumbersClasses = cx__default["default"](className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+  var BigNumbersClasses = cx(className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
   var supportedLocale = constants.getSupportedLocale(locale);
   var truncatedValue = (_formatValue = constants.formatValue(supportedLocale, value, fractionDigits, truncate)) !== null && _formatValue !== void 0 ? _formatValue : constants.Characters.Dash;
   var truncatedTotal = (_formatValue2 = constants.formatValue(supportedLocale, total, fractionDigits, truncate)) !== null && _formatValue2 !== void 0 ? _formatValue2 : 'Unknown';
   var shouldDisplayDenominator = !percentage && total > value && truncatedValue !== truncatedTotal || forceShowTotal && total > 0;
   if (loading) {
-    return /*#__PURE__*/React__default["default"].createElement(SkeletonBigNumbers, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement(SkeletonBigNumbers, _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref,
       className: className,
       size: size
     }, devtools.getDevtoolsProps(componentName)));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, BigNumbersClasses, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, BigNumbersClasses, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__row")
-  }, /*#__PURE__*/React__default["default"].createElement("h4", {
+  }, /*#__PURE__*/React.createElement("h4", {
     className: "".concat(blockClass, "__label")
-  }, label), tooltipDescription && /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+  }, label), tooltipDescription && /*#__PURE__*/React.createElement(react.Tooltip, {
     description: tooltipDescription,
     align: "right",
     className: "".concat(blockClass, "__info")
-  }, /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, {
+  }, /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, {
     className: "".concat(blockClass, "__tooltip-trigger")
-  }, _Information || (_Information = /*#__PURE__*/React__default["default"].createElement(icons.Information, {
+  }, _Information || (_Information = /*#__PURE__*/React.createElement(icons.Information, {
     size: 16
-  }))))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }))))), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__row"),
     role: "math"
-  }, trending && /*#__PURE__*/React__default["default"].createElement(icons.ArrowUp, {
+  }, trending && /*#__PURE__*/React.createElement(icons.ArrowUp, {
     className: "".concat(blockClass, "__trend"),
     size: constants.getIconSize(size)
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__value")
-  }, percentage ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, percentage ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__percentage")
-  }, truncatedValue, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, truncatedValue, /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__percentage-mark")
-  }, "%")) : truncatedValue), shouldDisplayDenominator && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "%")) : truncatedValue), shouldDisplayDenominator && /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__total")
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, constants.Characters.Slash, truncatedTotal)), iconButton));
+  }, /*#__PURE__*/React.createElement("span", null, constants.Characters.Slash, truncatedTotal)), iconButton));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -145,69 +138,69 @@ exports.BigNumbers.propTypes = {
    * Optional class name.
    * @type number
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Display the `total` even when the `value` is equal to
    * the `total` when `forceShowTotal` prop is true on the
    * condition that the `total` is greater than 0.
    * @type bool
    */
-  forceShowTotal: index["default"].bool,
+  forceShowTotal: index.default.bool,
   /**
    * Optional value to control the maximum fraction digits
    * used when truncating the value and total.
    * @type number
    */
-  fractionDigits: index["default"].number,
+  fractionDigits: index.default.number,
   /** Displays an iconButton next to the BigNumbers value
    * @type node
    */
-  iconButton: index["default"].node,
+  iconButton: index.default.node,
   /**
    * Text label for BigNumbers.
    * @type string
    */
-  label: index["default"].string.isRequired,
+  label: index.default.string.isRequired,
   /** Specify if the BigNumbers is in a loading state
    * @type bool
    */
-  loading: index["default"].bool,
+  loading: index.default.bool,
   /**
    * Locale value to determine approach to formatting numbers.
    * @type string
    */
-  locale: index["default"].string,
+  locale: index.default.string,
   /**
    * Format number to percentage when `percentage` prop is true.
    * @type bool
    */
-  percentage: index["default"].bool,
+  percentage: index.default.bool,
   /** The size of the BigNumbers.
    * @type string
    */
-  size: index["default"].oneOf(Object.values(constants.BigNumbersSize)),
+  size: index.default.oneOf(Object.values(constants.BigNumbersSize)),
   /** Label applied to a Tooltip - marked with the Information icon.
    * @type string
    */
-  tooltipDescription: index["default"].string,
+  tooltipDescription: index.default.string,
   /**
    * Total value that the main BigNumbers value is a subset of.
    * @type number
    */
-  total: index["default"].number,
+  total: index.default.number,
   /** Display trending icon.
    * @type boolean
    */
-  trending: index["default"].bool,
+  trending: index.default.bool,
   /** Specify whether or not the values should be truncated.
    * @type boolean
    */
-  truncate: index["default"].bool,
+  truncate: index.default.bool,
   /**
    * The main BigNumbers value to display
    * @type number
    */
-  value: index["default"].number
+  value: index.default.number
 };
 
 /**
@@ -216,17 +209,17 @@ exports.BigNumbers.propTypes = {
  *
  * Note: This component is only used within BigNumbers.
  */
-var SkeletonBigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+var SkeletonBigNumbers = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     size = _ref2.size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-  var BigNumbersSkeletonClasses = cx__default["default"](className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(skeletonBlockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(skeletonBlockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](className, skeletonBlockClass, BigNumbersSkeletonClasses),
+  var BigNumbersSkeletonClasses = cx(className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(skeletonBlockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(skeletonBlockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(className, skeletonBlockClass, BigNumbersSkeletonClasses),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.SkeletonText, {
     className: "".concat(skeletonBlockClass, "__label")
-  }), /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, {
+  }), /*#__PURE__*/React.createElement(react.SkeletonText, {
     heading: true,
     className: "".concat(skeletonBlockClass, "__value"),
     width: "80%"
@@ -237,9 +230,9 @@ SkeletonBigNumbers.propTypes = {
    * Optional class name.
    * @type number
    */
-  className: index["default"].string,
+  className: index.default.string,
   /** The size of the BigNumbers.
    * @type string
    */
-  size: index["default"].oneOf(Object.values(constants.BigNumbersSize))
+  size: index.default.oneOf(Object.values(constants.BigNumbersSize))
 };

package/lib/components/BigNumbers/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /* **************************** | CONSTANTS | ***************************** */
 
 var BigNumbersSize = {

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -21,11 +19,6 @@ var uuidv4 = require('../../global/js/utils/uuidv4.js');
 require('../../global/js/utils/props-helper.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.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 _TooltipTrigger;
 var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
   _excluded2 = ["label", "key", "title", "id", "shortTitle"],
@@ -60,7 +53,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     setDisplayedBreadcrumbItems = _useState4[1];
   var breadcrumbItemWithOverflow = React.useRef(null);
   var sizingContainerRef = React.useRef(null);
-  var internalId = React.useRef(uuidv4["default"]());
+  var internalId = React.useRef(uuidv4.default());
   var _useState5 = React.useState([]),
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     hiddenSizingItems = _useState6[0],
@@ -69,15 +62,15 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   // eslint-disable-next-line react/prop-types
   var BreadcrumbOverflowMenu = function BreadcrumbOverflowMenu(_ref2) {
     var overflowItems = _ref2.overflowItems;
-    return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
+    return /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
       key: "breadcrumb-overflow-".concat(internalId.current)
-    }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+    }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
       align: overflowTooltipAlign,
       "aria-label": overflowAriaLabel,
       iconDescription: overflowAriaLabel // also needs setting to avoid a11y "Accessible name does not match or contain the visible label text"
       ,
       renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers.extends({
           size: 32
         }, props));
       },
@@ -86,7 +79,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     },
     // eslint-disable-next-line react/prop-types
     overflowItems.map(function (item, index) {
-      return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
+      return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
         key: "breadcrumb-overflow-menu-item-".concat(internalId.current, "-").concat(index),
         href: item.props.href,
         onClick: item.props.onClick,
@@ -98,16 +91,16 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   // create hidden sizing items
   React.useEffect(function () {
     // Hidden action bar and items used to calculate sizes
-    setHiddenSizingItems( /*#__PURE__*/React__default["default"].createElement("div", {
+    setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
       "aria-hidden": true,
       ref: sizingContainerRef
-    }, /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, null, /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
+    }, /*#__PURE__*/React.createElement(react.Breadcrumb, null, /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
       key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
-    }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+    }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
       "aria-label": overflowAriaLabel,
       renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers.extends({
           size: 32
         }, props));
       }
@@ -118,7 +111,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         id = _ref3.id;
         _ref3.shortTitle;
         var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded2);
-      return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers.extends({
         key: key
       }, rest, {
         // ensure id is not duplicated
@@ -141,9 +134,9 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         shortTitle = _ref4.shortTitle,
         title = _ref4.title,
         rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded3);
-      return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers.extends({
         key: key,
-        className: index > 0 || displayCount > 1 ? cx__default["default"]([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
+        className: index > 0 || displayCount > 1 ? cx([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
         title: index + 1 === breadcrumbs.length ? title : null
       }, rest), shortTitle || label);
     });
@@ -159,7 +152,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
     // if needed add overflow menu
     if (newOverflowBreadcrumbItems.length) {
-      newDisplayedBreadcrumbItems.splice(overflowPosition, 0, /*#__PURE__*/React__default["default"].createElement(BreadcrumbOverflowMenu, {
+      newDisplayedBreadcrumbItems.splice(overflowPosition, 0, /*#__PURE__*/React.createElement(BreadcrumbOverflowMenu, {
         overflowItems: newOverflowBreadcrumbItems,
         key: "displayed-breadcrumb-".concat(internalId, "-overflow")
       }));
@@ -262,24 +255,24 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   useResizeObserver.useResizeObserver(sizingContainerRef, handleResize);
   // item resize
   useResizeObserver.useResizeObserver(breadcrumbItemWithOverflow, handleResize);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),
     ref: breadcrumbItemWithOverflow
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(blockClass, "__space")])
-  }, hiddenSizingItems, /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(blockClass, "__space")])
+  }, hiddenSizingItems, /*#__PURE__*/React.createElement(react.Breadcrumb, _rollupPluginBabelHelpers.extends({
+    className: cx("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
     noTrailingSlash: noTrailingSlash
-  }, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
-    className: cx__default["default"]("".concat(blockClass, "__breadcrumb-back"))
-  }, /*#__PURE__*/React__default["default"].createElement(react.Link, {
+  }, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
+    className: cx("".concat(blockClass, "__breadcrumb-back"))
+  }, /*#__PURE__*/React.createElement(react.Link, {
     href: backItem.href,
     renderIcon: function renderIcon() {
-      return /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+      return /*#__PURE__*/React.createElement(react.Tooltip, {
         align: "right",
         label: backItem.title || backItem.label,
         className: "".concat(blockClass, "__back__button ").concat(carbonPrefix, "--icon-tooltip")
-      }, _TooltipTrigger || (_TooltipTrigger = /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React__default["default"].createElement(icons.ArrowLeft, {
+      }, _TooltipTrigger || (_TooltipTrigger = /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React.createElement(icons.ArrowLeft, {
         size: 16
       }))));
     }
@@ -289,31 +282,31 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 // Return a placeholder if not released and not enabled by feature flag
 exports.BreadcrumbWithOverflow = settings.pkg.checkComponentEnabled(exports.BreadcrumbWithOverflow, componentName);
 exports.BreadcrumbWithOverflow.propTypes = {
-  breadcrumbs: index["default"].arrayOf(index["default"].shape({
+  breadcrumbs: index.default.arrayOf(index.default.shape({
     /**
      * Optional string representing the link location for the BreadcrumbItem
      */
-    href: index["default"].string,
+    href: index.default.string,
     /**
      * Provide if this breadcrumb item represents the current page
      */
-    isCurrentPage: index["default"].bool,
+    isCurrentPage: index.default.bool,
     /**
      * Key required to render array efficiently
      */
-    key: index["default"].string.isRequired,
+    key: index.default.string.isRequired,
     /**
      * Pass in content that will be inside of the BreadcrumbItem
      */
-    label: index["default"].node,
+    label: index.default.node,
     /**
      * An optional title label for extra long breadcrumb
      */
-    shortTitle: index["default"].string,
+    shortTitle: index.default.string,
     /**
      * A string based alternative to the children, required only if children is not of type string
      */
-    title: index["default"].string.isRequired.if(function (_ref5) {
+    title: index.default.string.isRequired.if(function (_ref5) {
       var label = _ref5.label;
       return typeof label !== 'string';
     })
@@ -321,19 +314,19 @@ exports.BreadcrumbWithOverflow.propTypes = {
   /**
    * className
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * maxVisible: maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1)
    */
-  maxVisible: index["default"].number,
+  maxVisible: index.default.number,
   /**
    * noTrailing slash - same as for Carbon
    */
-  noTrailingSlash: index["default"].bool,
+  noTrailingSlash: index.default.bool,
   /**
    * overflowAriaLabel label for open close button overflow used for breadcrumb items that do not fit.
    */
-  overflowAriaLabel: index["default"].string.isRequired.if(function (_ref6) {
+  overflowAriaLabel: index.default.string.isRequired.if(function (_ref6) {
     var breadcrumbs = _ref6.breadcrumbs;
     return breadcrumbs.length > 1;
   }),