@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var ProductiveCard = require('../ProductiveCard/ProductiveCard.js');
@@ -17,11 +15,6 @@ var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.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 _excluded = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
 
 // import { children } from 'cheerio/lib/api/traversing';
@@ -54,7 +47,7 @@ var componentName = 'EditUpdateCards';
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
  */
-exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
     actionsPlacement = _ref.actionsPlacement,
     className = _ref.className,
@@ -86,14 +79,14 @@ exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(func
     secondaryButtonPlacement: 'top',
     secondaryButtonText: secondaryButtonText
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(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}`,
     _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-bottom"), actionsPlacement === 'bottom')),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(ProductiveCard.ProductiveCard, _rollupPluginBabelHelpers["extends"]({
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ProductiveCard.ProductiveCard, _rollupPluginBabelHelpers.extends({
     actionIcons: actionIcons,
     actionsPlacement: actionsPlacement,
     className: className,
@@ -101,7 +94,7 @@ exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(func
     label: label,
     title: title,
     titleSize: titleSize
-  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React__default["default"].createElement("div", null, previewChildren), editMode && /*#__PURE__*/React__default["default"].createElement("div", null, editChildren)));
+  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React.createElement("div", null, editChildren)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -119,95 +112,95 @@ exports.EditUpdateCards.propTypes = {
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines
    */
   /**@ts-ignore */
-  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
+  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["default"].oneOf(['top', 'bottom']),
+  actionsPlacement: index.default.oneOf(['top', 'bottom']),
   /**
    * Optional label for the top of the card.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional header description
    */
-  description: index["default"].string,
+  description: index.default.string,
   /**
    * Edit mode children
    */
-  editChildren: index["default"].node,
+  editChildren: index.default.node,
   /**
    * Edit mode
    */
-  editMode: index["default"].bool,
+  editMode: index.default.bool,
   /**
    * Optional label for the top of the card
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Function that's called from the primary button or action icon
    */
-  onPrimaryButtonClick: index["default"].func,
+  onPrimaryButtonClick: index.default.func,
   /**
    * Function that's called from the secondary button or action icon
    */
-  onSecondaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index.default.func,
   /**
    * Preview mode children
    */
-  previewChildren: index["default"].node,
+  previewChildren: index.default.node,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the primary button
    */
-  primaryButtonKind: index["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["default"].oneOf(['top', 'bottom']),
+  primaryButtonPlacement: index.default.oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the primary button
    */
-  primaryButtonText: index["default"].string,
+  primaryButtonText: index.default.string,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  secondaryButtonHref: index["default"].string,
+  secondaryButtonHref: index.default.string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the secondary button
    */
-  secondaryButtonKind: index["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["default"].oneOf(['top', 'bottom']),
+  secondaryButtonPlacement: index.default.oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the secondary button
    */
-  secondaryButtonText: index["default"].string,
+  secondaryButtonText: index.default.string,
   /**
    * Title that's displayed at the top of the card
    */
-  title: index["default"].string,
+  title: index.default.string,
   /**
    * Determines title size
    */
-  titleSize: index["default"].oneOf(['default', 'large'])
+  titleSize: index.default.oneOf(['default', 'large'])
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/EmptyStates/EmptyState.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-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');
@@ -20,11 +18,6 @@ var settings = require('../../settings.js');
 var EmptyStateContent = require('./EmptyStateContent.js');
 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"];
 
@@ -43,13 +36,13 @@ var defaults = {
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$v = _ref.v2,
     v2 = _ref$v === void 0 ? false : _ref$v,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   // todo: deprecate v1
   if (v2) {
-    return /*#__PURE__*/React__default["default"].createElement(EmptyStateV2.EmptyStateV2, props);
+    return /*#__PURE__*/React.createElement(EmptyStateV2.EmptyStateV2, props);
   }
   var action = props.action,
     className = props.className,
@@ -63,14 +56,14 @@ exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function
     subtitle = props.subtitle,
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "-type--default"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(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", {
+  }, devtools.getDevtoolsProps(componentName)), illustration && /*#__PURE__*/React.createElement("img", {
     src: illustration,
     alt: illustrationDescription,
-    className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React__default["default"].createElement(EmptyStateContent.EmptyStateContent, {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
     action: action,
     link: link,
     size: size,
@@ -85,57 +78,57 @@ exports.EmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  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]),
+  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["default"].string
+    text: index.default.string
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["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["default"].string,
+  illustration: index.default.string,
   /**
    * The alt text for custom provided illustrations
    */
   /**@ts-ignore*/
-  illustrationDescription: index["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["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state link object
    */
-  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
+  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["default"].oneOf(['lg', 'sm']),
+  size: index.default.oneOf(['lg', 'sm']),
   /**
    * Empty state subtext
    */
-  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
+  subtitle: index.default.oneOfType([index.default.string, index.default.node]),
   /**
    * Empty state heading
    */
-  title: index["default"].oneOfType([index["default"].string, index["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["default"].bool
+  v2: index.default.bool
 };
 exports.EmptyState.displayName = componentName;
 

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-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');
@@ -16,11 +14,6 @@ var settings = require('../../settings.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");
 var componentName = 'EmptyStateContent';
@@ -30,19 +23,19 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
     size = _ref.size,
     subtitle = _ref.subtitle,
     title = _ref.title;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: cx__default["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
-    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, {
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: cx("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+  }, title), subtitle && /*#__PURE__*/React.createElement("p", {
+    className: cx("".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.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
     className: "".concat(blockClass, "__action-button"),
     kind: action.kind || 'tertiary',
     onClick: action.onClick,
     renderIcon: action.renderIcon || null,
     size: 'sm'
-  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React__default["default"].createElement(react.Link, _rollupPluginBabelHelpers["extends"]({}, link, {
+  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
     className: "".concat(blockClass, "__link"),
     href: link.href
   }), link.text));
@@ -59,32 +52,32 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state action button
    */
-  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]),
+  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["default"].string
+    text: index.default.string
   })),
   /**
    * Empty state link object
    */
-  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
+  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["default"].oneOf(['lg', 'sm']),
+  size: index.default.oneOf(['lg', 'sm']),
   /**
    * Empty state subtitle
    */
-  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
+  subtitle: index.default.oneOfType([index.default.string, index.default.node]),
   /**
    * Empty state title
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
+  title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
 };
 
 exports.EmptyStateContent = EmptyStateContent;

package/lib/components/EmptyStates/EmptyStateIllustration.js

@@ -13,10 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["kind"];
 var ErrorIllustration = /*#__PURE__*/React.lazy(function () {
   return Promise.resolve().then(function () { return require('./assets/ErrorIllustration.js'); });
@@ -60,11 +56,11 @@ var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
   var kind = _ref.kind,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var Illustration = getIllustration(kind);
-  return /*#__PURE__*/React__default["default"].createElement(React.Suspense, null, /*#__PURE__*/React__default["default"].createElement(Illustration, rest));
+  return /*#__PURE__*/React.createElement(React.Suspense, null, /*#__PURE__*/React.createElement(Illustration, rest));
 };
 EmptyStateIllustration.propTypes = {
-  kind: index["default"].string
+  kind: index.default.string
 };
 var EmptyStateIllustration$1 = EmptyStateIllustration;
 
-exports["default"] = EmptyStateIllustration$1;
+exports.default = EmptyStateIllustration$1;

package/lib/components/EmptyStates/EmptyStateV2.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-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');
@@ -19,11 +17,6 @@ require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 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");
 var componentName = 'EmptyStateV2';
@@ -32,7 +25,7 @@ var componentName = 'EmptyStateV2';
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
  */
 
-exports.EmptyStateV2 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var action = props.action,
     className = props.className,
     customIllustration = props.illustration,
@@ -53,23 +46,23 @@ exports.EmptyStateV2 = /*#__PURE__*/React__default["default"].forwardRef(functio
     title: illustrationDescription,
     kind: kind
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"]([blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-type--").concat(kind), kind)]),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx([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", {
+  }, devtools.getDevtoolsProps(componentName)), customIllustration && /*#__PURE__*/React.createElement("img", {
     src: customIllustration,
     alt: illustrationDescription,
-    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: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), !customIllustration && kind && /*#__PURE__*/React.createElement(EmptyStateIllustration.default, illustrationProps), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: cx__default["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
-    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, {
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: cx("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+  }, title), subtitle && /*#__PURE__*/React.createElement("p", {
+    className: cx("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
+  }, subtitle), action && /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
     className: "".concat(blockClass, "__action-button"),
     size: "sm"
-  }), action.text), link && /*#__PURE__*/React__default["default"].createElement(react.Link, _rollupPluginBabelHelpers["extends"]({}, link, {
+  }), action.text), link && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
     className: "".concat(blockClass, "__link")
   }), link.text)));
 });
@@ -81,54 +74,54 @@ exports.EmptyStateV2.propTypes = {
    * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
    */
   /**@ts-ignore*/
-  action: index["default"].PropTypes.shape({
-    text: index["default"].string
+  action: index.default.PropTypes.shape({
+    text: index.default.string
   }),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["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["default"].string,
+  illustration: index.default.string,
   /**
    * The alt text for the illustration
    */
-  illustrationDescription: index["default"].string,
+  illustrationDescription: index.default.string,
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: index["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["default"].oneOf(['light', 'dark']),
+  illustrationTheme: index.default.oneOf(['light', 'dark']),
   /**
    * Determines which predefined illustration will be displayed
    */
-  kind: index["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.
    */
   /**@ts-ignore*/
-  link: index["default"].shape({
-    text: index["default"].oneOfType([index["default"].string, index["default"].node])
+  link: index.default.shape({
+    text: index.default.oneOfType([index.default.string, index.default.node])
   }),
   /**
    * Empty state size
    */
-  size: index["default"].oneOf(['sm', 'lg']),
+  size: index.default.oneOf(['sm', 'lg']),
   /**
    * Empty state subtext
    */
-  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
+  subtitle: index.default.oneOfType([index.default.string, index.default.node]),
   /**
    * Empty state heading
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
+  title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
 };
 exports.EmptyStateV2.displayName = componentName;