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

package/lib/components/ActionBar/ActionBar.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 settings = require('../../settings.js');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 var react = require('@carbon/react');
@@ -24,6 +24,7 @@ var ActionBarOverflowItems = require('./ActionBarOverflowItems.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 = ["actions", "className", "maxVisible", "menuOptionsClass", "onWidthChange", "overflowAriaLabel", "rightAlign"],
   _excluded2 = ["key", "id"],
@@ -189,11 +190,11 @@ var ActionBar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
   useResizeObserver.useResizeObserver(sizingRef, handleResize);
   useResizeObserver.useResizeObserver(localRef, handleResize);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"]([blockClass, className]),
+    className: cx__default["default"]([blockClass, className]),
     ref: localRef
   }), hiddenSizingItems, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: refDisplayedItems,
-    className: index["default"](["".concat(blockClass, "__displayed-items"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
+    className: cx__default["default"](["".concat(blockClass, "__displayed-items"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
   }, displayedItems));
 });
 ActionBar.displayName = componentName;
@@ -213,43 +214,43 @@ ActionBar.propTypes = {
    *
    * Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
-  actions: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, [
+  actions: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Button.propTypes, [
   // props not desired from Button.propTypes
   'kind', 'size', 'tooltipPosition', 'tooltipAlignment'])), {}, {
     // Additional props
-    key: index$1["default"].string.isRequired,
+    key: index["default"].string.isRequired,
     // Redefine as form different  to Button and a key prop used by ActionBarItems
-    iconDescription: index$1["default"].string.isRequired,
-    label: index$1["default"].string.isRequired,
+    iconDescription: index["default"].string.isRequired,
+    label: index["default"].string.isRequired,
     renderIcon: react.Button.propTypes.renderIcon.isRequired,
     // We duplicate onClick here to improve DocGen in Storybook
-    onClick: index$1["default"].func
+    onClick: index["default"].func
   }))),
   // expects action bar item as array or in fragment,
   /**
    * className
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * maxVisible : Maximum action bar items visible before going into the overflow menu
    */
-  maxVisible: index$1["default"].number,
+  maxVisible: index["default"].number,
   /**
    * class name applied to the overflow options
    */
-  menuOptionsClass: index$1["default"].string,
+  menuOptionsClass: index["default"].string,
   /**
    * onItemCountChange - event reporting maxWidth
    */
-  onWidthChange: index$1["default"].func,
+  onWidthChange: index["default"].func,
   /**
    * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
    */
-  overflowAriaLabel: index$1["default"].string.isRequired,
+  overflowAriaLabel: index["default"].string.isRequired,
   /**
    * align tags to right of available space
    */
-  rightAlign: index$1["default"].bool
+  rightAlign: index["default"].bool
 };
 
 exports.ActionBar = ActionBar;

package/lib/components/ActionBar/ActionBarItem.js

@@ -11,14 +11,15 @@ 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 settings = require('../../settings.js');
 var react = require('@carbon/react');
 
 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 = ["label", "className", "renderIcon"];
 
@@ -39,7 +40,7 @@ exports.ActionBarItem = /*#__PURE__*/React__default["default"].forwardRef(functi
   var Icon = renderIcon;
   return /*#__PURE__*/React__default["default"].createElement(react.IconButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     ref: ref,
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     kind: 'ghost',
     size: 'md',
     align: 'bottom-right',
@@ -73,25 +74,25 @@ exports.ActionBarItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollu
    *
    * (inherited from Carbon Button)
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
    *
    * (inherited from Carbon Button)
    */
-  label: index$1["default"].string,
+  label: index["default"].string,
   /**
    * Optional click handler
    *
    * (inherited from Carbon Button)
    */
-  onClick: index$1["default"].func,
+  onClick: index["default"].func,
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
    *
    * (inherited from Carbon Button)
    */
-  renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object])
+  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object])
 });

package/lib/components/ActionBar/ActionBarOverflowItems.js

@@ -10,8 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
@@ -19,6 +19,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);
 
 // Copyright IBM Corp. 2020, 2023
 var blockClass = "".concat(settings.pkg.prefix, "--action-bar-overflow-items");
@@ -31,12 +32,12 @@ var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
   var internalId = React.useRef(uuidv4["default"]());
   return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
     "aria-label": overflowAriaLabel,
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     direction: "bottom",
     flipped: true,
     iconDescription: overflowAriaLabel // also needs setting to avoid a11y "Accessible name does not match or contain the visible label text"
     ,
-    menuOptionsClass: index["default"]("".concat(blockClass, "__options"), menuOptionsClass)
+    menuOptionsClass: cx__default["default"]("".concat(blockClass, "__options"), menuOptionsClass)
   }, React__default["default"].Children.map(overflowItems, function (item, index) {
     // This uses a copy of a menu item option
     // NOTE: Cannot use a real Tooltip icon below as it uses a <button /> the
@@ -61,19 +62,19 @@ ActionBarOverflowItems.propTypes = {
   /**
    * className
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * class name applied to the overflow options
    */
-  menuOptionsClass: index$1["default"].string,
+  menuOptionsClass: index["default"].string,
   /**
    * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
    */
-  overflowAriaLabel: index$1["default"].string,
+  overflowAriaLabel: index["default"].string,
   /**
    * overflowItems: items to bre shown in the ActionBar overflow menu
    */
-  overflowItems: index$1["default"].arrayOf(index$1["default"].element)
+  overflowItems: index["default"].arrayOf(index["default"].element)
 };
 
 exports.ActionBarOverflowItems = ActionBarOverflowItems;

package/lib/components/ActionSet/ActionSet.js

@@ -12,7 +12,7 @@ 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');
-var index$1 = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var react = require('@carbon/react');
@@ -20,6 +20,7 @@ var react = require('@carbon/react');
 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 _InlineLoading;
 var _excluded = ["className", "disabled", "kind", "label", "loading", "isExpressive"],
@@ -40,7 +41,7 @@ var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
     isExpressive: isExpressive,
-    className: index$1["default"](className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
+    className: cx__default["default"](className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
     disabled: disabled || loading || false,
     kind: kind,
     ref: ref
@@ -105,7 +106,7 @@ var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
     return (buttonOrder(action1.kind || defaultKind) - buttonOrder(action2.kind || defaultKind)) * (stacking ? -1 : 1);
   });
   return /*#__PURE__*/React__default["default"].createElement(react.ButtonSet, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index$1["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
+    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
     ref: ref,
     role: "presentation",
     stacked: stacking

package/lib/components/AddSelect/AddSelectBody.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 AddSelectSidebar = require('./AddSelectSidebar.js');
 var AddSelectBreadcrumbs = require('./AddSelectBreadcrumbs.js');
@@ -32,6 +32,7 @@ var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.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", "clearFiltersText", "closeIconDescription", "columnInputPlaceholder", "defaultModifiers", "description", "filterByLabel", "globalFilterOpts", "globalFiltersLabel", "globalFiltersIconDescription", "globalFiltersPlaceholderText", "globalFiltersPrimaryButtonText", "globalFiltersSecondaryButtonText", "globalSearchLabel", "globalSearchPlaceholder", "globalSortBy", "illustrationTheme", "influencerTitle", "items", "itemsLabel", "metaIconDescription", "metaPanelTitle", "multi", "navIconDescription", "noResultsDescription", "noResultsTitle", "noSelectionDescription", "noSelectionTitle", "normalizedItems", "onClose", "onCloseButtonText", "onSubmit", "onSubmitButtonText", "open", "portalTarget", "searchResultsTitle", "sortByLabel", "title", "useNormalizedItems"];
 var blockClass = "".concat(settings.pkg.prefix, "--add-select");
@@ -132,7 +133,7 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     resetState();
     onClose();
   };
-  var tearsheetClassnames = index["default"](className, blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__single"), !multi), "".concat(blockClass, "__multi"), multi));
+  var tearsheetClassnames = cx__default["default"](className, blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__single"), !multi), "".concat(blockClass, "__multi"), multi));
   var globalFilterKeys = Object.keys(appliedGlobalFilters);
   var globalFiltersApplied = globalFilterKeys.length > 0;
 
@@ -252,7 +253,7 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     hasFiltersApplied: globalFiltersApplied,
     clearFiltersText: clearFiltersText
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "__sub-header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__sub-header-multi"), multi))
+    className: cx__default["default"]("".concat(blockClass, "__sub-header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__sub-header-multi"), multi))
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__tags")
   }, showBreadsCrumbs ? /*#__PURE__*/React__default["default"].createElement(AddSelectBreadcrumbs.AddSelectBreadcrumbs, {
@@ -303,72 +304,72 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React__default["default"].createElement(TearsheetNarrow.TearsheetNarrow, commonTearsheetProps, body);
 });
 AddSelectBody.propTypes = {
-  className: index$1["default"].string,
-  clearFiltersText: index$1["default"].string,
-  closeIconDescription: index$1["default"].string,
-  columnInputPlaceholder: index$1["default"].string,
-  defaultModifiers: index$1["default"].array,
-  description: index$1["default"].string,
-  filterByLabel: index$1["default"].string,
-  globalFilterOpts: index$1["default"].array,
-  globalFiltersIconDescription: index$1["default"].string,
-  globalFiltersLabel: index$1["default"].string,
-  globalFiltersPlaceholderText: index$1["default"].string,
-  globalFiltersPrimaryButtonText: index$1["default"].string,
-  globalFiltersSecondaryButtonText: index$1["default"].string,
-  globalSearchLabel: index$1["default"].string.isRequired,
-  globalSearchPlaceholder: index$1["default"].string,
-  globalSortBy: index$1["default"].array,
-  illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
-  influencerTitle: index$1["default"].string,
-  items: index$1["default"].shape({
-    modifiers: index$1["default"].shape({
-      id: index$1["default"].string,
-      label: index$1["default"].string,
-      options: index$1["default"].array
+  className: index["default"].string,
+  clearFiltersText: index["default"].string,
+  closeIconDescription: index["default"].string,
+  columnInputPlaceholder: index["default"].string,
+  defaultModifiers: index["default"].array,
+  description: index["default"].string,
+  filterByLabel: index["default"].string,
+  globalFilterOpts: index["default"].array,
+  globalFiltersIconDescription: index["default"].string,
+  globalFiltersLabel: index["default"].string,
+  globalFiltersPlaceholderText: index["default"].string,
+  globalFiltersPrimaryButtonText: index["default"].string,
+  globalFiltersSecondaryButtonText: index["default"].string,
+  globalSearchLabel: index["default"].string.isRequired,
+  globalSearchPlaceholder: index["default"].string,
+  globalSortBy: index["default"].array,
+  illustrationTheme: index["default"].oneOf(['light', 'dark']),
+  influencerTitle: index["default"].string,
+  items: index["default"].shape({
+    modifiers: index["default"].shape({
+      id: index["default"].string,
+      label: index["default"].string,
+      options: index["default"].array
     }),
-    sortBy: index$1["default"].array,
-    filterBy: index$1["default"].array,
-    entries: index$1["default"].arrayOf(index$1["default"].shape({
-      avatar: index$1["default"].shape({
-        alt: index$1["default"].string,
-        icon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-        src: index$1["default"].string,
-        theme: index$1["default"].oneOf(['light', 'dark'])
+    sortBy: index["default"].array,
+    filterBy: index["default"].array,
+    entries: index["default"].arrayOf(index["default"].shape({
+      avatar: index["default"].shape({
+        alt: index["default"].string,
+        icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+        src: index["default"].string,
+        theme: index["default"].oneOf(['light', 'dark'])
       }),
-      children: index$1["default"].object,
-      icon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-      id: index$1["default"].string.isRequired,
-      meta: index$1["default"].oneOfType([index$1["default"].arrayOf(index$1["default"].shape({
-        id: index$1["default"].string,
-        title: index$1["default"].string,
-        value: index$1["default"].string
-      })), index$1["default"].node]),
-      subtitle: index$1["default"].string,
-      title: index$1["default"].string.isRequired,
-      value: index$1["default"].string.isRequired
+      children: index["default"].object,
+      icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+      id: index["default"].string.isRequired,
+      meta: index["default"].oneOfType([index["default"].arrayOf(index["default"].shape({
+        id: index["default"].string,
+        title: index["default"].string,
+        value: index["default"].string
+      })), index["default"].node]),
+      subtitle: index["default"].string,
+      title: index["default"].string.isRequired,
+      value: index["default"].string.isRequired
     }))
   }),
-  itemsLabel: index$1["default"].string,
-  metaIconDescription: index$1["default"].string,
-  metaPanelTitle: index$1["default"].string,
-  multi: index$1["default"].bool,
-  navIconDescription: index$1["default"].string,
-  noResultsDescription: index$1["default"].string,
-  noResultsTitle: index$1["default"].string,
-  noSelectionDescription: index$1["default"].string,
-  noSelectionTitle: index$1["default"].string,
-  normalizedItems: index$1["default"].object,
-  onClose: index$1["default"].func,
-  onCloseButtonText: index$1["default"].string,
-  onSubmit: index$1["default"].func,
-  onSubmitButtonText: index$1["default"].string,
-  open: index$1["default"].bool,
-  portalTarget: index$1["default"].node,
-  searchResultsTitle: index$1["default"].string,
-  sortByLabel: index$1["default"].string,
-  title: index$1["default"].string,
-  useNormalizedItems: index$1["default"].bool
+  itemsLabel: index["default"].string,
+  metaIconDescription: index["default"].string,
+  metaPanelTitle: index["default"].string,
+  multi: index["default"].bool,
+  navIconDescription: index["default"].string,
+  noResultsDescription: index["default"].string,
+  noResultsTitle: index["default"].string,
+  noSelectionDescription: index["default"].string,
+  noSelectionTitle: index["default"].string,
+  normalizedItems: index["default"].object,
+  onClose: index["default"].func,
+  onCloseButtonText: index["default"].string,
+  onSubmit: index["default"].func,
+  onSubmitButtonText: index["default"].string,
+  open: index["default"].bool,
+  portalTarget: index["default"].node,
+  searchResultsTitle: index["default"].string,
+  sortByLabel: index["default"].string,
+  title: index["default"].string,
+  useNormalizedItems: index["default"].bool
 };
 AddSelectBreadcrumbs.AddSelectBreadcrumbs.displayName = componentName;
 

package/lib/components/AddSelect/AddSelectBreadcrumbs.js

@@ -12,13 +12,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/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 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 blockClass = "".concat(settings.pkg.prefix, "--add-select__breadcrumbs");
 var componentName = 'AddSelectBreadcrumbs';
@@ -30,7 +31,7 @@ var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
     e.preventDefault();
     onClick(idx);
   };
-  var classNames = index["default"](blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-multi"), multi));
+  var classNames = cx__default["default"](blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-multi"), multi));
   return /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, {
     noTrailingSlash: true,
     className: classNames
@@ -47,9 +48,9 @@ var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
   }));
 };
 AddSelectBreadcrumbs.propTypes = {
-  multi: index$1["default"].bool,
-  onClick: index$1["default"].func,
-  path: index$1["default"].array
+  multi: index["default"].bool,
+  onClick: index["default"].func,
+  path: index["default"].array
 };
 AddSelectBreadcrumbs.displayName = componentName;
 

package/lib/components/AddSelect/AddSelectFilter.js

@@ -12,14 +12,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
-var index = require('../../node_modules/classnames/index.js');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var index = require('../../node_modules/prop-types/index.js');
 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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var blockClass = "".concat(settings.pkg.prefix, "--add-select__global-filter");
 var componentName = 'AddSelectFilter';
@@ -83,7 +84,7 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
     return filters[id] || '';
   };
   var showFilter = multi && (filterOpts === null || filterOpts === void 0 ? void 0 : filterOpts.length) > 0;
-  var filterBtnClassnames = index["default"]("".concat(blockClass, "-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-toggle--open"), open));
+  var filterBtnClassnames = cx__default["default"]("".concat(blockClass, "-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-toggle--open"), open));
   var dirtyInput = Object.keys(filters).length > 0;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "-search")
@@ -158,21 +159,21 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
   }, clearFiltersText)));
 };
 AddSelectFilter.propTypes = {
-  appliedFilters: index$1["default"].object,
-  clearFiltersText: index$1["default"].string,
-  filterOpts: index$1["default"].array,
-  filtersLabel: index$1["default"].string,
-  handleFilter: index$1["default"].func,
-  handleSearch: index$1["default"].func,
-  hasFiltersApplied: index$1["default"].bool,
-  iconDescription: index$1["default"].string,
-  inputLabel: index$1["default"].string.isRequired,
-  inputPlaceholder: index$1["default"].string,
-  multi: index$1["default"].bool,
-  placeholder: index$1["default"].string,
-  primaryButtonText: index$1["default"].string,
-  searchTerm: index$1["default"].string,
-  secondaryButtonText: index$1["default"].string
+  appliedFilters: index["default"].object,
+  clearFiltersText: index["default"].string,
+  filterOpts: index["default"].array,
+  filtersLabel: index["default"].string,
+  handleFilter: index["default"].func,
+  handleSearch: index["default"].func,
+  hasFiltersApplied: index["default"].bool,
+  iconDescription: index["default"].string,
+  inputLabel: index["default"].string.isRequired,
+  inputPlaceholder: index["default"].string,
+  multi: index["default"].bool,
+  placeholder: index["default"].string,
+  primaryButtonText: index["default"].string,
+  searchTerm: index["default"].string,
+  secondaryButtonText: index["default"].string
 };
 AddSelectFilter.displayName = componentName;
 

package/lib/components/AddSelect/AddSelectList.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 settings = require('../../settings.js');
 var AddSelectRow = require('./AddSelectRow.js');
 var useFocus = require('./hooks/useFocus.js');
@@ -20,6 +20,7 @@ var useFocus = require('./hooks/useFocus.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 = ["filteredItems", "multi"];
 var blockClass = "".concat(settings.pkg.prefix, "--add-select__selections");
@@ -34,7 +35,7 @@ var AddSelectList = function AddSelectList(_ref) {
     setFocus = _useFocus2[1];
   return /*#__PURE__*/React__default["default"].createElement("div", {
     id: "add-select-focus",
-    className: index["default"]("".concat(blockClass, "-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-wrapper-multi"), multi))
+    className: cx__default["default"]("".concat(blockClass, "-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-wrapper-multi"), multi))
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -54,9 +55,9 @@ var AddSelectList = function AddSelectList(_ref) {
   }))));
 };
 AddSelectList.propTypes = {
-  filteredItems: index$1["default"].array,
-  focus: index$1["default"].oneOfType([index$1["default"].number, index$1["default"].string]),
-  multi: index$1["default"].bool
+  filteredItems: index["default"].array,
+  focus: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  multi: index["default"].bool
 };
 AddSelectList.displayName = componentName;