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

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
 };

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.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.NoTagsEmptyState = /*#__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--noTags")),
+    className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(NoTagsIllustration["default"], {
     theme: illustrationTheme,
@@ -76,48 +77,48 @@ exports.NoTagsEmptyState.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
 };