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

package/lib/components/AddSelect/AddSelectRow.js

@@ -13,14 +13,15 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
-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 AddSelectFormControl = require('./AddSelectFormControl.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__selections");
 var componentName = 'AddSelectList';
@@ -28,7 +29,7 @@ var AddSelectRow = function AddSelectRow(_ref) {
   var _modifiers$options;
   var appliedModifiers = _ref.appliedModifiers,
     displayMetalPanel = _ref.displayMetalPanel,
-    index$1 = _ref.index,
+    index = _ref.index,
     focus = _ref.focus,
     item = _ref.item,
     metaIconDescription = _ref.metaIconDescription,
@@ -48,10 +49,10 @@ var AddSelectRow = function AddSelectRow(_ref) {
     singleSelection = _ref.singleSelection;
   var ref = React.useRef(null);
   React.useEffect(function () {
-    if (focus === index$1) {
+    if (focus === index) {
       ref.current.focus();
     }
-  }, [focus, index$1]);
+  }, [focus, index]);
   var isSelected = function isSelected() {
     if (multi) {
       return multiSelection.includes(item.id);
@@ -60,12 +61,12 @@ var AddSelectRow = function AddSelectRow(_ref) {
   };
   var getTabIndex = function getTabIndex() {
     // on initial load make the first item tabbable
-    if (index$1 === 0 && focus === '') {
+    if (index === 0 && focus === '') {
       return 0;
     }
 
     // make it so only the last focused item is tabbable
-    if (focus === index$1 && focus !== '') {
+    if (focus === index && focus !== '') {
       return 0;
     }
 
@@ -73,8 +74,8 @@ var AddSelectRow = function AddSelectRow(_ref) {
     return -1;
   };
   var focusHandler = React.useCallback(function (reset) {
-    setFocus(reset ? '' : index$1);
-  }, [setFocus, index$1]);
+    setFocus(reset ? '' : index);
+  }, [setFocus, index]);
   var handleSingleSelection = function handleSingleSelection() {
     setSingleSelection(item.id);
   };
@@ -129,13 +130,13 @@ var AddSelectRow = function AddSelectRow(_ref) {
   var selected = isSelected();
   var expanded = parentSelected === item.id;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-row--selected"), isSelected()), "".concat(blockClass, "-row-meta--selected"), isInMetaPanel(item.id)), "".concat(blockClass, "-row--active"), expanded)),
+    className: cx__default["default"]("".concat(blockClass, "-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-row--selected"), isSelected()), "".concat(blockClass, "-row-meta--selected"), isInMetaPanel(item.id)), "".concat(blockClass, "-row--active"), expanded)),
     onKeyDown: onSelectKeyDown,
     tabIndex: tabIndex,
     ref: ref,
     role: "row",
     "aria-selected": selected,
-    "aria-posinset": index$1 + 1 // a11y aria-posinset must be >= 1, index is zero based
+    "aria-posinset": index + 1 // a11y aria-posinset must be >= 1, index is zero based
     ,
     "aria-setsize": setSize,
     "aria-expanded": expanded
@@ -200,27 +201,27 @@ var AddSelectRow = function AddSelectRow(_ref) {
   }))));
 };
 AddSelectRow.propTypes = {
-  appliedModifiers: index$1["default"].array,
-  displayMetalPanel: index$1["default"].object,
-  filteredItems: index$1["default"].array,
-  focus: index$1["default"].oneOfType([index$1["default"].number, index$1["default"].string]),
-  index: index$1["default"].number,
-  item: index$1["default"].object,
-  metaIconDescription: index$1["default"].string,
-  modifiers: index$1["default"].object,
-  multi: index$1["default"].bool,
-  multiSelection: index$1["default"].array,
-  navIconDescription: index$1["default"].string,
-  parentId: index$1["default"].string,
-  parentSelected: index$1["default"].string,
-  setAppliedModifiers: index$1["default"].func,
-  setDisplayMetaPanel: index$1["default"].func,
-  setFocus: index$1["default"].func,
-  setMultiSelection: index$1["default"].func,
-  setParentSelected: index$1["default"].func,
-  setSingleSelection: index$1["default"].func,
-  setSize: index$1["default"].number,
-  singleSelection: index$1["default"].string
+  appliedModifiers: index["default"].array,
+  displayMetalPanel: index["default"].object,
+  filteredItems: index["default"].array,
+  focus: index["default"].oneOfType([index["default"].number, index["default"].string]),
+  index: index["default"].number,
+  item: index["default"].object,
+  metaIconDescription: index["default"].string,
+  modifiers: index["default"].object,
+  multi: index["default"].bool,
+  multiSelection: index["default"].array,
+  navIconDescription: index["default"].string,
+  parentId: index["default"].string,
+  parentSelected: index["default"].string,
+  setAppliedModifiers: index["default"].func,
+  setDisplayMetaPanel: index["default"].func,
+  setFocus: index["default"].func,
+  setMultiSelection: index["default"].func,
+  setParentSelected: index["default"].func,
+  setSingleSelection: index["default"].func,
+  setSize: index["default"].number,
+  singleSelection: index["default"].string
 };
 AddSelectRow.displayName = componentName;
 

package/lib/components/BigNumbers/BigNumbers.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 icons = require('@carbon/react/icons');
@@ -23,6 +23,7 @@ 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"],
@@ -85,7 +86,7 @@ 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 = index["default"](className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+  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 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';
@@ -98,7 +99,7 @@ exports.BigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function
     }, devtools.getDevtoolsProps(componentName)));
   }
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, BigNumbersClasses, className),
+    className: cx__default["default"](blockClass, BigNumbersClasses, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(blockClass, "__row")
@@ -144,69 +145,69 @@ exports.BigNumbers.propTypes = {
    * Optional class name.
    * @type number
    */
-  className: index$1["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$1["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$1["default"].number,
+  fractionDigits: index["default"].number,
   /** Displays an iconButton next to the BigNumbers value
    * @type node
    */
-  iconButton: index$1["default"].node,
+  iconButton: index["default"].node,
   /**
    * Text label for BigNumbers.
    * @type string
    */
-  label: index$1["default"].string.isRequired,
+  label: index["default"].string.isRequired,
   /** Specify if the BigNumbers is in a loading state
    * @type bool
    */
-  loading: index$1["default"].bool,
+  loading: index["default"].bool,
   /**
    * Locale value to determine approach to formatting numbers.
    * @type string
    */
-  locale: index$1["default"].string,
+  locale: index["default"].string,
   /**
    * Format number to percentage when `percentage` prop is true.
    * @type bool
    */
-  percentage: index$1["default"].bool,
+  percentage: index["default"].bool,
   /** The size of the BigNumbers.
    * @type string
    */
-  size: index$1["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$1["default"].string,
+  tooltipDescription: index["default"].string,
   /**
    * Total value that the main BigNumbers value is a subset of.
    * @type number
    */
-  total: index$1["default"].number,
+  total: index["default"].number,
   /** Display trending icon.
    * @type boolean
    */
-  trending: index$1["default"].bool,
+  trending: index["default"].bool,
   /** Specify whether or not the values should be truncated.
    * @type boolean
    */
-  truncate: index$1["default"].bool,
+  truncate: index["default"].bool,
   /**
    * The main BigNumbers value to display
    * @type number
    */
-  value: index$1["default"].number
+  value: index["default"].number
 };
 
 /**
@@ -219,9 +220,9 @@ var SkeletonBigNumbers = /*#__PURE__*/React__default["default"].forwardRef(funct
   var className = _ref2.className,
     size = _ref2.size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-  var BigNumbersSkeletonClasses = index["default"](className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(skeletonBlockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(skeletonBlockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+  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: index["default"](className, skeletonBlockClass, BigNumbersSkeletonClasses),
+    className: cx__default["default"](className, skeletonBlockClass, BigNumbersSkeletonClasses),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, {
     className: "".concat(skeletonBlockClass, "__label")
@@ -236,9 +237,9 @@ SkeletonBigNumbers.propTypes = {
    * Optional class name.
    * @type number
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /** The size of the BigNumbers.
    * @type string
    */
-  size: index$1["default"].oneOf(Object.values(constants.BigNumbersSize))
+  size: index["default"].oneOf(Object.values(constants.BigNumbersSize))
 };

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.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 useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
@@ -24,6 +24,7 @@ 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"],
@@ -130,7 +131,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
       setDisplayedBreadcrumbItems([]);
       return;
     }
-    var newDisplayedBreadcrumbItems = breadcrumbs.map(function (_ref4, index$1) {
+    var newDisplayedBreadcrumbItems = breadcrumbs.map(function (_ref4, index) {
       var className = _ref4.className,
         key = _ref4.key,
         label = _ref4.label,
@@ -138,8 +139,8 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded3);
       return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers["extends"]({
         key: key,
-        className: index$1 > 0 || displayCount > 1 ? index["default"]([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
-        title: index$1 + 1 === breadcrumbs.length ? title : null
+        className: index > 0 || displayCount > 1 ? cx__default["default"]([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
+        title: index + 1 === breadcrumbs.length ? title : null
       }, rest), label);
     });
 
@@ -258,15 +259,15 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   // item resize
   useResizeObserver.useResizeObserver(breadcrumbItemWithOverflow, handleResize);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),
+    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),
     ref: breadcrumbItemWithOverflow
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](["".concat(blockClass, "__space")])
+    className: cx__default["default"](["".concat(blockClass, "__space")])
   }, hiddenSizingItems, /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, _rollupPluginBabelHelpers["extends"]({
-    className: index["default"]("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
+    className: cx__default["default"]("".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: index["default"]("".concat(blockClass, "__breadcrumb-back"))
+    className: cx__default["default"]("".concat(blockClass, "__breadcrumb-back"))
   }, /*#__PURE__*/React__default["default"].createElement(react.Link, {
     href: backItem.href,
     renderIcon: function renderIcon() {
@@ -284,27 +285,27 @@ 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$1["default"].arrayOf(index$1["default"].shape({
+  breadcrumbs: index["default"].arrayOf(index["default"].shape({
     /**
      * Optional string representing the link location for the BreadcrumbItem
      */
-    href: index$1["default"].string,
+    href: index["default"].string,
     /**
      * Provide if this breadcrumb item represents the current page
      */
-    isCurrentPage: index$1["default"].bool,
+    isCurrentPage: index["default"].bool,
     /**
      * Key required to render array efficiently
      */
-    key: index$1["default"].string.isRequired,
+    key: index["default"].string.isRequired,
     /**
      * Pass in content that will be inside of the BreadcrumbItem
      */
-    label: index$1["default"].node,
+    label: index["default"].node,
     /**
      * A string based alternative to the children, required only if children is not of type string.
      */
-    title: index$1["default"].string.isRequired.if(function (_ref5) {
+    title: index["default"].string.isRequired.if(function (_ref5) {
       var label = _ref5.label;
       return typeof label !== 'string';
     })
@@ -312,19 +313,19 @@ exports.BreadcrumbWithOverflow.propTypes = {
   /**
    * className
    */
-  className: index$1["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$1["default"].number,
+  maxVisible: index["default"].number,
   /**
    * noTrailing slash - same as for Carbon
    */
-  noTrailingSlash: index$1["default"].bool,
+  noTrailingSlash: index["default"].bool,
   /**
    * overflowAriaLabel label for open close button overflow used for breadcrumb items that do not fit.
    */
-  overflowAriaLabel: index$1["default"].string.isRequired.if(function (_ref6) {
+  overflowAriaLabel: index["default"].string.isRequired.if(function (_ref6) {
     var breadcrumbs = _ref6.breadcrumbs;
     return breadcrumbs.length > 1;
   })

package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.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 useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
@@ -21,6 +21,7 @@ var propsHelper = require('../../global/js/utils/props-helper.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 = ["isHidden", "buttons"],
   _excluded2 = ["label", "key", "kind", "id"],
@@ -149,7 +150,7 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
   useResizeObserver.useResizeObserver(sizingContainerRefCombo, checkFullyVisibleItems);
   useResizeObserver.useResizeObserver(spaceAvailableRef, checkFullyVisibleItems);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index$1["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right"), rightAlign)]),
+    className: cx__default["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right"), rightAlign)]),
     ref: spaceAvailableRef
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__button-container ").concat(blockClass, "__button-container--hidden")

package/lib/components/Card/Card.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var index = require('../../node_modules/prop-types/index.js');
 var CardHeader = require('./CardHeader.js');
@@ -21,6 +21,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 = ["actionIcons", "actionsPlacement", "children", "className", "clickZone", "description", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "title", "titleSize"],
   _excluded2 = ["id"],
@@ -165,7 +166,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var clickable = hasClickEvent && !productive || hasClickEvent && productive && clickZone === 'one';
     var cardProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
       ref: ref,
-      className: index$1["default"](blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), className)
+      className: cx__default["default"](blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), className)
     }, clickable && clickableProps);
     return cardProps;
   };
@@ -174,7 +175,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var getHeaderBodyProps = function getHeaderBodyProps() {
     var clickable = hasClickEvent && clickZone === 'two';
     var headerBodyProps = _rollupPluginBabelHelpers.objectSpread2({
-      className: index$1["default"]("".concat(blockClass, "__header-body-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
+      className: cx__default["default"]("".concat(blockClass, "__header-body-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
     }, clickable && clickableProps);
     return headerBodyProps;
   };
@@ -206,7 +207,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var getBodyProps = function getBodyProps() {
     var clickable = hasClickEvent && clickZone === 'three';
     var bodyProps = _rollupPluginBabelHelpers.objectSpread2({
-      className: index$1["default"]("".concat(blockClass, "__body"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
+      className: cx__default["default"]("".concat(blockClass, "__body"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
     }, clickable && clickableProps);
     return bodyProps;
   };

package/lib/components/Card/CardFooter.js

@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/prop-types/index.js');
 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 componentName = 'CardFooter';
 var defaults = {
@@ -52,7 +53,7 @@ var CardFooter = function CardFooter(_ref) {
     secondaryButtonText = _ref.secondaryButtonText;
   var blockClass = "".concat(settings.pkg.prefix, "--card");
   var footerClass = "".concat(settings.pkg.prefix, "--card__footer");
-  var footerClasses = index["default"](footerClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(footerClass, "-no-button"), !hasButton));
+  var footerClasses = cx__default["default"](footerClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(footerClass, "-no-button"), !hasButton));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: footerClasses
   }, secondaryButtonText && secondaryButtonPlacement === 'bottom' && /*#__PURE__*/React__default["default"].createElement(react.Button, {
@@ -74,24 +75,24 @@ var CardFooter = function CardFooter(_ref) {
   }, actions));
 };
 CardFooter.propTypes = {
-  actions: index$1["default"].oneOfType([index$1["default"].array, index$1["default"].node]),
-  hasActions: index$1["default"].bool,
-  hasButton: index$1["default"].bool,
-  onPrimaryButtonClick: index$1["default"].func,
-  onSecondaryButtonClick: index$1["default"].func,
-  primaryButtonDisabled: index$1["default"].bool,
-  primaryButtonHref: index$1["default"].string,
-  primaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-  primaryButtonKind: index$1["default"].oneOf(['primary', 'ghost']),
-  primaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
-  primaryButtonText: index$1["default"].string,
-  productive: index$1["default"].bool,
-  secondaryButtonDisabled: index$1["default"].bool,
-  secondaryButtonHref: index$1["default"].string,
-  secondaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-  secondaryButtonKind: index$1["default"].oneOf(['secondary', 'ghost']),
-  secondaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
-  secondaryButtonText: index$1["default"].string
+  actions: index["default"].oneOfType([index["default"].array, index["default"].node]),
+  hasActions: index["default"].bool,
+  hasButton: index["default"].bool,
+  onPrimaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index["default"].func,
+  primaryButtonDisabled: index["default"].bool,
+  primaryButtonHref: index["default"].string,
+  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonKind: index["default"].oneOf(['primary', 'ghost']),
+  primaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  primaryButtonText: index["default"].string,
+  productive: index["default"].bool,
+  secondaryButtonDisabled: index["default"].bool,
+  secondaryButtonHref: index["default"].string,
+  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  secondaryButtonText: index["default"].string
 };
 CardFooter.displayName = componentName;
 

package/lib/components/Card/CardHeader.js

@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('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 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 _rect, _path;
 var componentName = 'CardHeader';
@@ -52,9 +53,9 @@ var CardHeader = function CardHeader(_ref) {
   var carbonPrefix = react.usePrefix();
   var blockClass = "".concat(settings.pkg.prefix, "--card");
   var headerClass = "".concat(blockClass, "__header");
-  var headerClasses = index["default"](headerClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-label-only"), label && !title && !description), "".concat(headerClass, "-has-label"), !!label), "".concat(blockClass, "__title-lg"), titleSize === 'large'));
+  var headerClasses = cx__default["default"](headerClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-label-only"), label && !title && !description), "".concat(headerClass, "-has-label"), !!label), "".concat(blockClass, "__title-lg"), titleSize === 'large'));
   var actionGhostButton = "".concat(blockClass, "__actions-header-ghost-button");
-  var actionGhostButtonClass = index["default"](actionGhostButton, _rollupPluginBabelHelpers.defineProperty({}, "".concat(actionGhostButton, "--only"), noActionIcons));
+  var actionGhostButtonClass = cx__default["default"](actionGhostButton, _rollupPluginBabelHelpers.defineProperty({}, "".concat(actionGhostButton, "--only"), noActionIcons));
   var hollowSlugIcon = /*#__PURE__*/React__default["default"].createElement("svg", {
     className: "".concat(carbonPrefix, "--slug ").concat(carbonPrefix, "--slug-icon"),
     width: "24",
@@ -84,7 +85,7 @@ var CardHeader = function CardHeader(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: headerClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](["".concat(headerClass, "-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-slug"), !!slug), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-actions"), !!hasActions), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--large-tile-or-label"), title && (label || titleSize === 'large'))])
+    className: cx__default["default"](["".concat(headerClass, "-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-slug"), !!slug), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-actions"), !!hasActions), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--large-tile-or-label"), title && (label || titleSize === 'large'))])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__title-container")
   }, label && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -113,34 +114,34 @@ var CardHeader = function CardHeader(_ref) {
   }, primaryButtonText)), normalizedSlug));
 };
 CardHeader.propTypes = {
-  actions: index$1["default"].oneOfType([index$1["default"].array, index$1["default"].node]),
-  description: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].object, index$1["default"].node]),
-  hasActions: index$1["default"].bool,
+  actions: index["default"].oneOfType([index["default"].array, index["default"].node]),
+  description: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  hasActions: index["default"].bool,
   /**
    * is the host card clickable
    */
-  inClickableCard: index$1["default"].bool,
-  label: index$1["default"].string,
-  noActionIcons: index$1["default"].bool,
-  onPrimaryButtonClick: index$1["default"].func,
-  onSecondaryButtonClick: index$1["default"].func,
-  primaryButtonDisabled: index$1["default"].bool,
-  primaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-  primaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
-  primaryButtonText: index$1["default"].string,
-  secondaryButtonDisabled: index$1["default"].bool,
-  secondaryButtonHref: index$1["default"].string,
-  secondaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-  secondaryButtonKind: index$1["default"].oneOf(['secondary', 'ghost']),
-  secondaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
-  secondaryButtonText: index$1["default"].string,
+  inClickableCard: index["default"].bool,
+  label: index["default"].string,
+  noActionIcons: index["default"].bool,
+  onPrimaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index["default"].func,
+  primaryButtonDisabled: index["default"].bool,
+  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  primaryButtonText: index["default"].string,
+  secondaryButtonDisabled: index["default"].bool,
+  secondaryButtonHref: index["default"].string,
+  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  secondaryButtonText: index["default"].string,
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
    */
-  slug: index$1["default"].oneOfType([index$1["default"].node, index$1["default"].bool]),
-  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].object, index$1["default"].node]),
-  titleSize: index$1["default"].oneOf(['default', 'large'])
+  slug: index["default"].oneOfType([index["default"].node, index["default"].bool]),
+  title: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  titleSize: index["default"].oneOf(['default', 'large'])
 };
 CardHeader.displayName = componentName;