@carbon/ibm-products 2.27.0 → 2.28.0-alpha.4

package/lib/components/SimpleHeader/SimpleHeader.js

@@ -10,9 +10,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/prop-types/index.js');
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
 var pconsole = require('../../global/js/utils/pconsole.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
@@ -21,6 +21,7 @@ var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOv
 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 _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel"];
 var blockClass = "".concat(settings.pkg.prefix, "--simple-header");
@@ -54,45 +55,45 @@ var SimpleHeader = function SimpleHeader(_ref) {
     warnIfNoTitleOrBreadcrumbs();
   }, [title, breadcrumbs, warnIfNoTitleOrBreadcrumbs]);
   return /*#__PURE__*/React__default["default"].createElement("header", _rollupPluginBabelHelpers["extends"]({
-    className: index["default"](blockClass, className)
+    className: cx__default["default"](blockClass, className)
   }, rest), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0 && /*#__PURE__*/React__default["default"].createElement(BreadcrumbWithOverflow.BreadcrumbWithOverflow, {
     noTrailingSlash: noTrailingSlash,
-    className: index["default"]("".concat(blockClass, "__breadcrumbs")),
+    className: cx__default["default"]("".concat(blockClass, "__breadcrumbs")),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
     overflowAriaLabel: overflowAriaLabel
   }), title && /*#__PURE__*/React__default["default"].createElement("h1", {
-    className: index["default"]("".concat(blockClass, "__title"))
+    className: cx__default["default"]("".concat(blockClass, "__title"))
   }, title));
 };
-var overflowAriaLabel_required_if_breadcrumbs_exist = propsHelper.isRequiredIf(index$1["default"].string, function (props) {
+var overflowAriaLabel_required_if_breadcrumbs_exist = propsHelper.isRequiredIf(index["default"].string, function (props) {
   var _props$breadcrumbs;
   return ((_props$breadcrumbs = props.breadcrumbs) === null || _props$breadcrumbs === void 0 ? void 0 : _props$breadcrumbs.length) > 0;
 });
 SimpleHeader.propTypes = {
   /** Header breadcrumbs */
-  breadcrumbs: index$1["default"].arrayOf(index$1["default"].shape({
+  breadcrumbs: index["default"].arrayOf(index["default"].shape({
     /** breadcrumb item key */
-    key: index$1["default"].string.isRequired,
+    key: index["default"].string.isRequired,
     /** breadcrumb item label */
-    label: index$1["default"].string.isRequired,
+    label: index["default"].string.isRequired,
     /** breadcrumb item link */
-    href: index$1["default"].string,
+    href: index["default"].string,
     /** breadcrumb item title tooltip */
-    title: index$1["default"].string,
+    title: index["default"].string,
     /** Provide if this breadcrumb item represents the current page */
-    isCurrentPage: index$1["default"].bool
+    isCurrentPage: index["default"].bool
   })),
   /** Header classname */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**	Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
-  maxVisible: index$1["default"].number,
+  maxVisible: index["default"].number,
   /** A prop to omit the trailing slash for the breadcrumbs */
-  noTrailingSlash: index$1["default"].bool,
+  noTrailingSlash: index["default"].bool,
   /** Label for open/close overflow button used for breadcrumb items that do not fit */
   overflowAriaLabel: overflowAriaLabel_required_if_breadcrumbs_exist,
   /** Header title */
-  title: index$1["default"].string
+  title: index["default"].string
 };
 SimpleHeader.defaultProps = {
   noTrailingSlash: true

package/lib/components/StatusIcon/StatusIcon.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var icons = require('@carbon/react/icons');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
@@ -20,6 +20,7 @@ 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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["kind", "theme", "size", "className", "iconDescription"];
 var blockClass = "".concat(settings.pkg.prefix, "--status-icon");
@@ -331,7 +332,7 @@ exports.StatusIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
   var IconComponent = (_icons$kind = icons$1[kind]) === null || _icons$kind === void 0 ? void 0 : _icons$kind[size];
-  var classNames = index["default"](className, blockClass, "".concat(blockClass, "--").concat(theme), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--").concat(theme, "-").concat(kind), kind));
+  var classNames = cx__default["default"](className, blockClass, "".concat(blockClass, "--").concat(theme), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--").concat(theme, "-").concat(kind), kind));
   return IconComponent && /*#__PURE__*/React__default["default"].createElement(IconComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: classNames,
     ref: ref
@@ -343,21 +344,21 @@ exports.StatusIcon.propTypes = {
   /**
    * Provide an optional class to be applied to the modal root node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * A required prop that provides a title element and tooltip for the icon for accessibility purposes
    */
-  iconDescription: index$1["default"].string.isRequired,
+  iconDescription: index["default"].string.isRequired,
   /**
    * A required prop that displays the respective icon associated with the status
    */
-  kind: index$1["default"].oneOf(['fatal', 'critical', 'major-warning', 'minor-warning', 'undefined', 'unknown', 'normal', 'info', 'in-progress', 'running', 'pending']).isRequired,
+  kind: index["default"].oneOf(['fatal', 'critical', 'major-warning', 'minor-warning', 'undefined', 'unknown', 'normal', 'info', 'in-progress', 'running', 'pending']).isRequired,
   /**
    * A required prop that displays the size of the icon associate with the status
    */
-  size: index$1["default"].oneOf(['sm', 'md', 'lg', 'xl']).isRequired,
+  size: index["default"].oneOf(['sm', 'md', 'lg', 'xl']).isRequired,
   /**
    * A required prop that displays the theme of the icon associated with the status
    */
-  theme: index$1["default"].oneOf(['light', 'dark']).isRequired
+  theme: index["default"].oneOf(['light', 'dark']).isRequired
 };

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var lottie = require('lottie-web');
 var clamp = require('lodash/clamp');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
@@ -23,6 +23,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
 var clamp__default = /*#__PURE__*/_interopDefaultLegacy(clamp);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "playStep", "filePaths"];
 
@@ -123,7 +124,7 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(fun
     return null;
   }
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     role: "img",
     ref: localRef
   }, devtools.getDevtoolsProps(componentName)));
@@ -133,15 +134,15 @@ SteppedAnimatedMedia.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The file path(s) to json formatted Lottie animation files.
    */
-  filePaths: index$1["default"].arrayOf(index$1["default"].string).isRequired,
+  filePaths: index["default"].arrayOf(index["default"].string).isRequired,
   /**
    * Which animation step from the filePaths array to play.
    */
-  playStep: index$1["default"].number
+  playStep: index["default"].number
 };
 
 exports.SteppedAnimatedMedia = SteppedAnimatedMedia;

package/lib/components/StringFormatter/StringFormatter.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
@@ -21,6 +21,7 @@ var enums = require('./utils/enums.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 _excluded = ["className", "lines", "tooltipDirection", "truncate", "width", "value"];
 var blockClass = "".concat(settings.pkg.prefix, "--string-formatter");
@@ -49,14 +50,14 @@ exports.StringFormatter = /*#__PURE__*/React__default["default"].forwardRef(func
     value = _ref.value,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var stringFormatterContent = /*#__PURE__*/React__default["default"].createElement("span", {
-    className: index["default"]("".concat(blockClass, "--content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--truncate"), truncate)),
+    className: cx__default["default"]("".concat(blockClass, "--content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--truncate"), truncate)),
     style: {
       maxWidth: width,
       WebkitLineClamp: lines
     }
   }, value);
   return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), truncate ? /*#__PURE__*/React__default["default"].createElement(react.DefinitionTooltip, {
     className: "".concat(blockClass, "__tooltip"),
@@ -71,15 +72,15 @@ exports.StringFormatter.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /** Number of lines to clamp value. */
-  lines: index$1["default"].number,
+  lines: index["default"].number,
   /** Specify the direction of the tooltip. Can be either top or bottom. */
-  tooltipDirection: index$1["default"].oneOf(Object.values(enums.StringFormatterAlignment)),
+  tooltipDirection: index["default"].oneOf(Object.values(enums.StringFormatterAlignment)),
   /** Whether or not the value should be truncated. */
-  truncate: index$1["default"].bool,
+  truncate: index["default"].bool,
   /** Value to format. */
-  value: index$1["default"].string.isRequired,
+  value: index["default"].string.isRequired,
   /** Maximum width of value which should include */
-  width: index$1["default"].string
+  width: index["default"].string
 };

package/lib/components/TagSet/TagSet.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var TagSetOverflow = require('./TagSetOverflow.js');
 var TagSetModal = require('./TagSetModal.js');
 var react = require('@carbon/react');
@@ -24,6 +24,7 @@ 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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
   _excluded2 = ["label", "id"],
@@ -220,16 +221,16 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   var resizeOption = containingElementRef ? containingElementRef : tagSetRef;
   useResizeObserver.useResizeObserver(resizeOption, handleResize);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"]([blockClass, className]),
+    className: cx__default["default"]([blockClass, className]),
     ref: tagSetRef
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
+    className: cx__default["default"](["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__tag-container ").concat(blockClass, "__tag-container--hidden"),
     "aria-hidden": true,
     ref: sizingContainerRef
   }, hiddenSizingTags), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
+    className: cx__default["default"](["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
     ref: displayedArea
   }, displayedTags)), /*#__PURE__*/React__default["default"].createElement(TagSetModal.TagSetModal, {
     allTags: tags,
@@ -249,7 +250,7 @@ exports.TagSet = settings.pkg.checkComponentEnabled(exports.TagSet, componentNam
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems
  */
-var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index$1["default"].string, function (_ref4) {
+var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index["default"].string, function (_ref4) {
   var tags = _ref4.tags;
   return tags && tags.length > allTagsModalSearchThreshold;
 });
@@ -275,7 +276,7 @@ exports.TagSet.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
    */
-  align: index$1["default"].oneOf(['start', 'center', 'end']),
+  align: index["default"].oneOf(['start', 'center', 'end']),
   /**
    * label text for the show all search. **Note: Required if more than 10 tags**
    */
@@ -287,7 +288,7 @@ exports.TagSet.propTypes = {
   /**
    * portal target for the all tags modal
    */
-  allTagsModalTarget: index$1["default"].node,
+  allTagsModalTarget: index["default"].node,
   /**
    * title for the show all modal. **Note: Required if more than 10 tags**
    */
@@ -295,41 +296,41 @@ exports.TagSet.propTypes = {
   /**
    * className
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Optional ref for custom resize container to measure available space
    * Default will measure the available space of the TagSet container itself.
    */
-  containingElementRef: index$1["default"].object,
+  containingElementRef: index["default"].object,
   /**
    * maximum visible tags
    */
-  maxVisible: index$1["default"].number,
+  maxVisible: index["default"].number,
   /**
    * Specify offset amount for measure available space, only used when `containingElementSelector`
    * is also provided
    */
-  measurementOffset: index$1["default"].number,
+  measurementOffset: index["default"].number,
   /**
    * display tags in multiple lines
    */
-  multiline: index$1["default"].bool,
+  multiline: index["default"].bool,
   /**
    * Handler to get overflow tags
    */
-  onOverflowTagChange: index$1["default"].func,
+  onOverflowTagChange: index["default"].func,
   /**
    * overflowAlign from the standard tooltip. Default center.
    */
-  overflowAlign: index$1["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
   /**
    * overflowClassName for the tooltip popup
    */
-  overflowClassName: index$1["default"].string,
+  overflowClassName: index["default"].string,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: index$1["default"].oneOf(['default', 'tag']),
+  overflowType: index["default"].oneOf(['default', 'tag']),
   /**
    * label for the overflow show all tags link.
    *
@@ -344,10 +345,10 @@ exports.TagSet.propTypes = {
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
    */
-  tags: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Tag.propTypes), {}, {
-    label: index$1["default"].string.isRequired,
+  tags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Tag.propTypes), {}, {
+    label: index["default"].string.isRequired,
     // we duplicate this prop to improve the DocGen
-    type: index$1["default"].oneOf(tagTypes)
+    type: index["default"].oneOf(tagTypes)
   })))
 };
 exports.TagSet.displayName = componentName;

package/lib/components/TagSet/TagSetModal.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
@@ -21,6 +21,7 @@ var usePortalTarget = require('../../global/js/hooks/usePortalTarget.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 _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
   _excluded2 = ["label"];
@@ -76,7 +77,7 @@ var TagSetModal = function TagSetModal(_ref) {
   };
   return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
-    className: index["default"](className, "".concat(blockClass)),
+    className: cx__default["default"](className, "".concat(blockClass)),
     size: "sm",
     open: open,
     onClose: onClose
@@ -106,16 +107,16 @@ var TagSetModal = function TagSetModal(_ref) {
   })));
 };
 TagSetModal.propTypes = {
-  allTags: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
-    label: index$1["default"].string.isRequired
+  allTags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
+    label: index["default"].string.isRequired
   }))),
-  className: index$1["default"].string,
-  onClose: index$1["default"].func,
-  open: index$1["default"].bool,
-  portalTarget: index$1["default"].node,
-  searchLabel: index$1["default"].string,
-  searchPlaceholder: index$1["default"].string,
-  title: index$1["default"].string
+  className: index["default"].string,
+  onClose: index["default"].func,
+  open: index["default"].bool,
+  portalTarget: index["default"].node,
+  searchLabel: index["default"].string,
+  searchPlaceholder: index["default"].string,
+  title: index["default"].string
 };
 TagSetModal.displayName = componentName;
 

package/lib/components/TagSet/TagSetOverflow.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
@@ -20,6 +20,7 @@ var useClickOutside = require('../../global/js/hooks/useClickOutside.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 _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"];
 var componentName = 'TagSetOverflow';
@@ -64,11 +65,11 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
   };
   return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
     "aria-hidden": overflowTags.length === 0,
-    className: index["default"]("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
+    className: cx__default["default"]("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
     ref: ref || localRef
   }), /*#__PURE__*/React__default["default"].createElement(react.Popover, {
     align: overflowAlign,
-    className: index["default"](className, "".concat(blockClass, "__tagset-popover")),
+    className: cx__default["default"](className, "".concat(blockClass, "__tagset-popover")),
     dropShadow: true,
     highContrast: true,
     onKeyDown: handleEscKeyPress,
@@ -77,7 +78,7 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     onClick: function onClick() {
       return setPopoverOpen(!popoverOpen);
     },
-    className: index["default"]("".concat(blockClass, "__popover-trigger"))
+    className: cx__default["default"]("".concat(blockClass, "__popover-trigger"))
   }, "+", overflowTags.length), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
@@ -85,7 +86,7 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     className: "".concat(blockClass, "__tag-list")
   }, overflowTags.filter(function (_, index) {
     return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
-  }).map(function (tag, index$1) {
+  }).map(function (tag, index) {
     var tagProps = {};
     if (overflowType === 'tag') {
       tagProps.type = 'high-contrast';
@@ -94,8 +95,8 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
       tagProps.filter = false;
     }
     return /*#__PURE__*/React__default["default"].createElement("li", {
-      className: index["default"]("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
-      key: index$1
+      className: cx__default["default"]("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
+      key: index
     }, /*#__PURE__*/React__default["default"].cloneElement(tag, tagProps));
   })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React__default["default"].createElement(react.Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
@@ -109,39 +110,39 @@ TagSetOverflow.propTypes = {
   /**
    * count of overflowTags over which a modal is offered
    */
-  allTagsModalSearchThreshold: index$1["default"].number,
+  allTagsModalSearchThreshold: index["default"].number,
   /**
    * className
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * function to execute on clicking show all
    */
-  onShowAllClick: index$1["default"].func.isRequired,
+  onShowAllClick: index["default"].func.isRequired,
   /**
    * overflowAlign from the standard tooltip
    */
-  overflowAlign: index$1["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
   /**
    * tags shown in overflow
    */
-  overflowTags: index$1["default"].arrayOf(index$1["default"].object).isRequired,
+  overflowTags: index["default"].arrayOf(index["default"].object).isRequired,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: index$1["default"].oneOf(['default', 'tag']),
+  overflowType: index["default"].oneOf(['default', 'tag']),
   /**
    * Open state of the popover
    */
-  popoverOpen: index$1["default"].bool,
+  popoverOpen: index["default"].bool,
   /**
    * Setter function for the popoverOpen state value
    */
-  setPopoverOpen: index$1["default"].func,
+  setPopoverOpen: index["default"].func,
   /**
    * label for the overflow show all tags link
    */
-  showAllTagsLabel: index$1["default"].string
+  showAllTagsLabel: index["default"].string
 };
 
 exports.TagSetOverflow = TagSetOverflow;