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

package/lib/components/EditUpdateCards/EditUpdateCards.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 ProductiveCard = require('../ProductiveCard/ProductiveCard.js');
@@ -20,6 +20,7 @@ var ProductiveCard = require('../ProductiveCard/ProductiveCard.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", "className", "description", "editChildren", "editMode", "label", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
 // import { children } from 'cheerio/lib/api/traversing';
@@ -85,7 +86,7 @@ exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(func
     secondaryButtonText: secondaryButtonText
   };
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass,
+    className: cx__default["default"](blockClass,
     // Apply the block class to the main HTML element
     className, // Apply any supplied class names to the main HTML element.
     // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
@@ -117,93 +118,93 @@ exports.EditUpdateCards.propTypes = {
   /**
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines
    */
-  actionIcons: index$1["default"].arrayOf(index$1["default"].shape({
-    id: index$1["default"].string,
-    icon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
-    onKeyDown: index$1["default"].func,
-    onClick: index$1["default"].func,
-    iconDescription: index$1["default"].string,
-    href: index$1["default"].string
+  actionIcons: index["default"].arrayOf(index["default"].shape({
+    id: index["default"].string,
+    icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+    onKeyDown: index["default"].func,
+    onClick: index["default"].func,
+    iconDescription: index["default"].string,
+    href: index["default"].string
   })),
   /**
    * Determines if the action icons are on the top or bottom of the card
    */
-  actionsPlacement: index$1["default"].oneOf(['top', 'bottom']),
+  actionsPlacement: index["default"].oneOf(['top', 'bottom']),
   /**
    * Optional label for the top of the card.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Optional header description
    */
-  description: index$1["default"].string,
+  description: index["default"].string,
   /**
    * Edit mode children
    */
-  editChildren: index$1["default"].node,
+  editChildren: index["default"].node,
   /**
    * Edit mode
    */
-  editMode: index$1["default"].bool,
+  editMode: index["default"].bool,
   /**
    * Optional label for the top of the card
    */
-  label: index$1["default"].string,
+  label: index["default"].string,
   /**
    * Function that's called from the primary button or action icon
    */
-  onPrimaryButtonClick: index$1["default"].func,
+  onPrimaryButtonClick: index["default"].func,
   /**
    * Function that's called from the secondary button or action icon
    */
-  onSecondaryButtonClick: index$1["default"].func,
+  onSecondaryButtonClick: index["default"].func,
   /**
    * Preview mode children
    */
-  previewChildren: index$1["default"].node,
+  previewChildren: index["default"].node,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
-  primaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
   /**
    * Establishes the kind of button displayed for the primary button
    */
-  primaryButtonKind: index$1["default"].oneOf(['primary', 'ghost']),
+  primaryButtonKind: index["default"].oneOf(['primary', 'ghost']),
   /**
    * Determines if the primary button is on the top or bottom of the card
    */
-  primaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
+  primaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the primary button
    */
-  primaryButtonText: index$1["default"].string,
+  primaryButtonText: index["default"].string,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  secondaryButtonHref: index$1["default"].string,
+  secondaryButtonHref: index["default"].string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
-  secondaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
   /**
    * Establishes the kind of button displayed for the secondary button
    */
-  secondaryButtonKind: index$1["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
   /**
    * Determines if the secondary button is on the top or bottom of the card
    */
-  secondaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
+  secondaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the secondary button
    */
-  secondaryButtonText: index$1["default"].string,
+  secondaryButtonText: index["default"].string,
   /**
    * Title that's displayed at the top of the card
    */
-  title: index$1["default"].string,
+  title: index["default"].string,
   /**
    * Determines title size
    */
-  titleSize: index$1["default"].oneOf(['default', 'large'])
+  titleSize: index["default"].oneOf(['default', 'large'])
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/EmptyStates/EmptyState.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 devtools = require('../../global/js/utils/devtools.js');
 require('../../global/js/utils/props-helper.js');
@@ -23,6 +23,7 @@ var EmptyStateV2 = require('./EmptyStateV2.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 = ["v2"],
   _excluded2 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "subtitle", "title"];
@@ -61,12 +62,12 @@ exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(blockClass, "-type--default"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
+    className: cx__default["default"](blockClass, "".concat(blockClass, "-type--default"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), illustration && /*#__PURE__*/React__default["default"].createElement("img", {
     src: illustration,
     alt: illustrationDescription,
-    className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+    className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
   }), /*#__PURE__*/React__default["default"].createElement(EmptyStateContent.EmptyStateContent, {
     action: action,
     link: link,
@@ -82,56 +83,56 @@ exports.EmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
     onClick: react.Button.propTypes.onClick,
-    text: index$1["default"].string
+    text: index["default"].string
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
    * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
    */
-  illustration: index$1["default"].string,
+  illustration: index["default"].string,
   /**
    * The alt text for custom provided illustrations
    */
-  illustrationDescription: index$1["default"].string.isRequired.if(function (_ref2) {
+  illustrationDescription: index["default"].string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;
   }),
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state link object
    */
-  link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
-    text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
-    href: index$1["default"].string
+  link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index["default"].oneOfType([index["default"].string, index["default"].node]),
+    href: index["default"].string
   })),
   /**
    * Empty state size
    */
-  size: index$1["default"].oneOf(['lg', 'sm']),
+  size: index["default"].oneOf(['lg', 'sm']),
   /**
    * Empty state subtext
    */
-  subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
+  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
   /**
    * Empty state heading
    */
-  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired,
+  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired,
   /**
    * Designates which version of the EmptyState component is being used.
    * Refer to V2 documentation separately.
    */
-  v2: index$1["default"].bool
+  v2: index["default"].bool
 };
 exports.EmptyState.displayName = componentName;
 

package/lib/components/EmptyStates/EmptyStateContent.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/prop-types/index.js');
 var settings = require('../../settings.js');
-var index = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 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);
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
@@ -32,9 +33,9 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: index["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+    className: cx__default["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
   }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: index["default"]("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
+    className: cx__default["default"]("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
   }, subtitle), (action === null || action === void 0 ? void 0 : action.text) && (action === null || action === void 0 ? void 0 : action.onClick) && /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, action, {
     className: "".concat(blockClass, "__action-button"),
     kind: action.kind || 'tertiary',
@@ -58,32 +59,32 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state action button
    */
-  action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    iconDescription: index$1["default"].string,
-    kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    iconDescription: index["default"].string,
+    kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
     onClick: react.Button.propTypes.onClick,
-    text: index$1["default"].string
+    text: index["default"].string
   })),
   /**
    * Empty state link object
    */
-  link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
-    text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
-    href: index$1["default"].string
+  link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index["default"].oneOfType([index["default"].string, index["default"].node]),
+    href: index["default"].string
   })),
   /**
    * Empty state size
    */
-  size: index$1["default"].oneOf(['lg', 'sm']),
+  size: index["default"].oneOf(['lg', 'sm']),
   /**
    * Empty state subtitle
    */
-  subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
+  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
   /**
    * Empty state title
    */
-  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
+  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
 };
 
 exports.EmptyStateContent = EmptyStateContent;

package/lib/components/EmptyStates/EmptyStateV2.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 devtools = require('../../global/js/utils/devtools.js');
 require('../../global/js/utils/props-helper.js');
@@ -22,6 +22,7 @@ var EmptyStateIllustration = require('./EmptyStateIllustration.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 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "illustrationTheme", "kind", "link", "size", "subtitle", "title"];
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
@@ -54,18 +55,18 @@ exports.EmptyStateV2 = /*#__PURE__*/React__default["default"].forwardRef(functio
     kind: kind
   };
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"]([blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-type--").concat(kind), kind)]),
+    className: cx__default["default"]([blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-type--").concat(kind), kind)]),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), customIllustration && /*#__PURE__*/React__default["default"].createElement("img", {
     src: customIllustration,
     alt: illustrationDescription,
-    className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+    className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
   }), !customIllustration && kind && /*#__PURE__*/React__default["default"].createElement(EmptyStateIllustration["default"], illustrationProps), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: index["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+    className: cx__default["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
   }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: index["default"]("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
+    className: cx__default["default"]("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
   }, subtitle), action && /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, action, {
     className: "".concat(blockClass, "__action-button"),
     size: "sm"
@@ -80,53 +81,53 @@ exports.EmptyStateV2.propTypes = {
   /**
    * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
    */
-  action: index$1["default"].PropTypes.shape({
-    text: index$1["default"].string
+  action: index["default"].PropTypes.shape({
+    text: index["default"].string
   }),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Source for the illustration image if you choose to use your own custom image. Passing an illustration prop will supersede the kind option.
    */
-  illustration: index$1["default"].string,
+  illustration: index["default"].string,
   /**
    * The alt text for the illustration
    */
-  illustrationDescription: index$1["default"].string,
+  illustrationDescription: index["default"].string,
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state illustration theme variations.
    * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
    * based on your app's current theme value. Example:
    * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
    */
-  illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
+  illustrationTheme: index["default"].oneOf(['light', 'dark']),
   /**
    * Determines which predefined illustration will be displayed
    */
-  kind: index$1["default"].oneOf(['error', 'noData', 'noTags', 'notFound', 'notifications', 'unauthorized']),
+  kind: index["default"].oneOf(['error', 'noData', 'noTags', 'notFound', 'notifications', 'unauthorized']),
   /**
    * Props for the link. Refer to the Carbon Components link documentation for full list of props.
    */
-  link: index$1["default"].shape({
-    text: index$1["default"].string
+  link: index["default"].shape({
+    text: index["default"].string
   }),
   /**
    * Empty state size
    */
-  size: index$1["default"].oneOf(['sm', 'lg']),
+  size: index["default"].oneOf(['sm', 'lg']),
   /**
    * Empty state subtext
    */
-  subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
+  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
   /**
    * Empty state heading
    */
-  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
+  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
 };
 exports.EmptyStateV2.displayName = componentName;

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -11,9 +11,9 @@ 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/prop-types/index.js');
 var react = require('@carbon/react');
-var index = require('../../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
 var EmptyStateContent = require('../EmptyStateContent.js');
@@ -23,6 +23,7 @@ var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationDescription", "illustrationTheme", "link", "size", "subtitle", "title"];
 
@@ -47,7 +48,7 @@ exports.ErrorEmptyState = /*#__PURE__*/React__default["default"].forwardRef(func
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
+    className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(ErrorIllustration["default"], {
     theme: illustrationTheme,
@@ -76,48 +77,48 @@ exports.ErrorEmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
     onClick: react.Button.propTypes.onClick,
-    text: index$1["default"].string
+    text: index["default"].string
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The alt text for empty state svg images. If not provided , title will be used.
    */
-  illustrationDescription: index$1["default"].string,
+  illustrationDescription: index["default"].string,
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state illustration theme variations.
    * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
    * based on your app's current theme value. Example:
    * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
    */
-  illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
+  illustrationTheme: index["default"].oneOf(['light', 'dark']),
   /**
    * Empty state link object
    */
-  link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
-    text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
-    href: index$1["default"].string
+  link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index["default"].oneOfType([index["default"].string, index["default"].node]),
+    href: index["default"].string
   })),
   /**
    * Empty state size
    */
-  size: index$1["default"].oneOf(['lg', 'sm']),
+  size: index["default"].oneOf(['lg', 'sm']),
   /**
    * Empty state subtitle
    */
-  subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
+  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
   /**
    * Empty state title
    */
-  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
+  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
 };

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.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 devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
@@ -23,6 +23,7 @@ var EmptyState = require('../EmptyState.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 = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
 
@@ -47,7 +48,7 @@ exports.NoDataEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
+    className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(NoDataIllustration["default"], {
     theme: illustrationTheme,
@@ -76,48 +77,48 @@ exports.NoDataEmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+  action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
     onClick: react.Button.propTypes.onClick,
-    text: index$1["default"].string
+    text: index["default"].string
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The alt text for empty state svg images. If not provided , title will be used.
    */
-  illustrationDescription: index$1["default"].string,
+  illustrationDescription: index["default"].string,
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state illustration theme variations.
    * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
    * based on your app's current theme value. Example:
    * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
    */
-  illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
+  illustrationTheme: index["default"].oneOf(['light', 'dark']),
   /**
    * Empty state link object
    */
-  link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
-    text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
-    href: index$1["default"].string
+  link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index["default"].oneOfType([index["default"].string, index["default"].node]),
+    href: index["default"].string
   })),
   /**
    * Empty state size
    */
-  size: index$1["default"].oneOf(['lg', 'sm']),
+  size: index["default"].oneOf(['lg', 'sm']),
   /**
    * Empty state subtitle
    */
-  subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
+  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
   /**
    * Empty state title
    */
-  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
+  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
 };