@carbon/ibm-products 2.50.0 → 2.51.0-rc.0

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.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 EmptyStateContent = require('../EmptyStateContent.js');
 var UnauthorizedIllustration = require('../assets/UnauthorizedIllustration.js');
 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"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -33,7 +26,7 @@ var componentName = 'UnauthorizedEmptyState';
 /**
  * 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.UnauthorizedEmptyState = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
@@ -46,14 +39,14 @@ exports.UnauthorizedEmptyState = /*#__PURE__*/React__default["default"].forwardR
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--unauthorized")),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--unauthorized")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(UnauthorizedIllustration["default"], {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(UnauthorizedIllustration.default, {
     size: size,
     theme: illustrationTheme,
     alt: illustrationDescription || title
-  }), /*#__PURE__*/React__default["default"].createElement(EmptyStateContent.EmptyStateContent, {
+  }), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
     action: action,
     link: link,
     size: size,
@@ -76,48 +69,48 @@ exports.UnauthorizedEmptyState.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,
   /**
    * The alt text for empty state svg images. If not provided , title will be used.
    */
-  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']),
   /**
    * 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
 };

package/lib/components/EmptyStates/assets/ErrorIllustration.js

@@ -16,11 +16,6 @@ var cx = require('classnames');
 var settings = require('../../../settings.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
 var _excluded = ["theme", "size", "alt"];
 
@@ -31,196 +26,196 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4["default"]();
-  return /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  var svgId = uuidv4.default();
+  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 38.9,
     y1: 77.08,
     x2: 38.9,
     y2: 8.15,
     gradientUnits: "userSpaceOnUse"
-  }, _stop || (_stop = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop || (_stop = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#262626"
-  })), _stop2 || (_stop2 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop2 || (_stop2 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#393939"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_dark_".concat(svgId),
     x1: 12.43,
     y1: 10.8,
     x2: 76.33,
     y2: 47.7,
     gradientUnits: "userSpaceOnUse"
-  }, _stop3 || (_stop3 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop3 || (_stop3 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#525252"
-  })), _stop4 || (_stop4 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop4 || (_stop4 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.52,
     stopColor: "#393939"
-  })), _stop5 || (_stop5 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop5 || (_stop5 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.61,
     stopColor: "#393939"
-  })), _stop6 || (_stop6 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop6 || (_stop6 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.99,
     stopColor: "#161616"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_dark_".concat(svgId),
     x1: 39.38,
     y1: 31.37,
     x2: 52.04,
     y2: 9.45,
     gradientUnits: "userSpaceOnUse"
-  }, _stop7 || (_stop7 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop7 || (_stop7 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.11,
     stopColor: "#6f6f6f",
     stopOpacity: 0
-  })), _stop8 || (_stop8 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop8 || (_stop8 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.94,
     stopColor: "#6f6f6f"
-  })))), _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
+  })))), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
-  })), _path2 || (_path2 = /*#__PURE__*/React__default["default"].createElement("path", {
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     opacity: 0.25,
     d: "M59.91 78.34l-43-24.83 4.86-2.81 43 24.83-4.86 2.81z"
-  })), /*#__PURE__*/React__default["default"].createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     d: "M39 6.92c12.15 7 22 24 21.92 38S51 64.49 38.83 57.48s-22-24-21.92-38S26.83-.09 39 6.92z",
     fill: "url(#prefix__a_dark_".concat(svgId, ")")
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M42.85 4.68C36.74 1.15 31.2.82 27.2 3.15l-3.66 2.13C27.52 3.08 33 3.45 39 6.92c12.15 7 22 24 21.92 38 0 6.77-2.35 11.58-6.13 13.94h-.07c-.32.2 3.66-2.1 3.66-2.1 4-2.3 6.39-7.18 6.41-14.12C64.81 28.7 55 11.69 42.85 4.68z",
     fill: "url(#prefix__b_dark_".concat(svgId, ")")
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M29.11 3.91v.36a19.59 19.59 0 019.68 3c12 6.94 21.78 23.84 21.74 37.65 0 9.4-4.56 15.23-11.83 15.23a19.54 19.54 0 01-9.68-3C27 50.21 17.24 33.32 17.28 19.5c0-9.39 4.56-15.23 11.83-15.23v-.36m0 0c-7.21 0-12.17 5.71-12.2 15.59 0 14 9.77 31 21.92 38a20.12 20.12 0 009.87 3c7.21 0 12.17-5.71 12.2-15.6 0-13.95-9.77-30.95-21.92-38a20 20 0 00-9.87-3z",
     fill: "url(#prefix__c_dark_".concat(svgId, ")")
-  }), _path3 || (_path3 = /*#__PURE__*/React__default["default"].createElement("path", {
+  }), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
     d: "M38.93 49.79a6.9 6.9 0 01-2.66-2.51 6.11 6.11 0 01-.81-3v-1a2.26 2.26 0 01.81-2c.54-.35 1.43-.17 2.66.54a6.71 6.71 0 012.61 2.5 6.06 6.06 0 01.81 3v1a2.24 2.24 0 01-.81 2.05c-.54.29-1.41.12-2.61-.58zm-1.16-11.63L36 22.77V13l5.81 3.36v9.73l-1.64 13.46z",
     fill: "#525252"
-  }))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_".concat(svgId),
     x1: 29.96,
     y1: 45.68,
     x2: 53.15,
     y2: 85.84,
     gradientUnits: "userSpaceOnUse"
-  }, _stop9 || (_stop9 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop9 || (_stop9 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#525252",
     stopOpacity: 0.05
-  })), _stop10 || (_stop10 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop10 || (_stop10 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopOpacity: 0.1
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_".concat(svgId),
     x1: 38.9,
     y1: 52.59,
     x2: 38.9,
     y2: 3.3,
     gradientUnits: "userSpaceOnUse"
-  }, _stop11 || (_stop11 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop11 || (_stop11 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#c6c6c6"
-  })), _stop12 || (_stop12 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop12 || (_stop12 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.78,
     stopColor: "#e0e0e0"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_".concat(svgId),
     x1: 18.07,
     y1: 14.06,
     x2: 71.64,
     y2: 44.99,
     gradientUnits: "userSpaceOnUse"
-  }, _stop13 || (_stop13 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop13 || (_stop13 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#e0e0e0"
-  })), _stop14 || (_stop14 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop14 || (_stop14 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.13,
     stopColor: "#f4f4f4"
-  })), _stop15 || (_stop15 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop15 || (_stop15 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.56,
     stopColor: "#e0e0e0"
-  })), _stop16 || (_stop16 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop16 || (_stop16 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.62,
     stopColor: "#d8d8d8"
-  })), _stop17 || (_stop17 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop17 || (_stop17 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.7,
     stopColor: "#c6c6c6"
-  })), _stop18 || (_stop18 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop18 || (_stop18 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.89,
     stopColor: "#a8a8a8"
-  })), _stop19 || (_stop19 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop19 || (_stop19 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#8d8d8d"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__d_".concat(svgId),
     x1: 27.94,
     y1: 51.19,
     x2: 49.87,
     y2: 13.21,
     gradientUnits: "userSpaceOnUse"
-  }, _stop20 || (_stop20 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop20 || (_stop20 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.54,
     stopColor: "#d0d0d0",
     stopOpacity: 0
-  })), _stop21 || (_stop21 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop21 || (_stop21 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.82,
     stopColor: "#f1f1f1",
     stopOpacity: 0.7
-  })), _stop22 || (_stop22 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop22 || (_stop22 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.94,
     stopColor: "#fff"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__e_".concat(svgId),
     x1: 28.66,
     y1: 26.33,
     x2: 47.15,
     y2: 37,
     gradientUnits: "userSpaceOnUse"
-  }, _stop23 || (_stop23 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop23 || (_stop23 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#fff"
-  })), _stop24 || (_stop24 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop24 || (_stop24 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.05,
     stopColor: "#fdfdfd"
-  })), _stop25 || (_stop25 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop25 || (_stop25 = /*#__PURE__*/React.createElement("stop", {
     offset: 0.3,
     stopColor: "#f6f6f6"
-  })), _stop26 || (_stop26 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop26 || (_stop26 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#f4f4f4"
-  })))), _path4 || (_path4 = /*#__PURE__*/React__default["default"].createElement("path", {
+  })))), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
-  })), /*#__PURE__*/React__default["default"].createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__a_".concat(svgId, ")"),
     d: "M59.91 78.34l-43-24.83 4.86-2.81 43 24.83-4.86 2.81z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M39 6.92c12.15 7 22 24 21.92 38S51 64.49 38.83 57.48s-22-24-21.92-38S26.83-.09 39 6.92z",
     fill: "url(#prefix__b_".concat(svgId, ")")
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M42.85 4.68C36.74 1.15 31.2.82 27.2 3.15l-3.66 2.13C27.52 3.08 33 3.45 39 6.92c12.15 7 22 24 21.92 38 0 6.77-2.35 11.58-6.13 13.94h-.07c-.32.2 3.66-2.1 3.66-2.1 4-2.3 6.39-7.18 6.41-14.12C64.81 28.7 55 11.69 42.85 4.68z",
     fill: "url(#prefix__c_".concat(svgId, ")")
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M29.11 3.91v.36a19.59 19.59 0 019.68 3c12 6.94 21.78 23.84 21.74 37.65 0 9.4-4.56 15.23-11.83 15.23a19.54 19.54 0 01-9.68-3C27 50.21 17.24 33.32 17.28 19.5c0-9.39 4.56-15.23 11.83-15.23v-.36m0 0c-7.21 0-12.17 5.71-12.2 15.59 0 14 9.77 31 21.92 38a20.12 20.12 0 009.87 3c7.21 0 12.17-5.71 12.2-15.6 0-13.95-9.77-30.95-21.92-38a20 20 0 00-9.87-3z",
     fill: "url(#prefix__d_".concat(svgId, ")")
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M38.93 49.79a6.9 6.9 0 01-2.66-2.51 6.11 6.11 0 01-.81-3v-1a2.26 2.26 0 01.81-2c.54-.35 1.43-.17 2.66.54a6.71 6.71 0 012.61 2.5 6.06 6.06 0 01.81 3v1a2.24 2.24 0 01-.81 2.05c-.54.29-1.41.12-2.61-.58zm-1.16-11.63L36 22.77V13l5.81 3.36v9.73l-1.64 13.46z",
     fill: "url(#prefix__e_".concat(svgId, ")")
   })));
 };
 ErrorIllustration.propTypes = {
-  alt: index["default"].string.isRequired,
-  size: index["default"].oneOf(['lg', 'sm']),
-  theme: index["default"].oneOf(['light', 'dark'])
+  alt: index.default.string.isRequired,
+  size: index.default.oneOf(['lg', 'sm']),
+  theme: index.default.oneOf(['light', 'dark'])
 };
 var ErrorIllustration$1 = ErrorIllustration;
 
 exports.ErrorIllustration = ErrorIllustration;
-exports["default"] = ErrorIllustration$1;
+exports.default = ErrorIllustration$1;

package/lib/components/EmptyStates/assets/NoDataIllustration.js

@@ -16,11 +16,6 @@ var cx = require('classnames');
 var settings = require('../../../settings.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7;
 var _excluded = ["theme", "size", "alt"];
 
@@ -31,159 +26,159 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4["default"]();
-  return /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  var svgId = uuidv4.default();
+  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 11.12,
     y1: 43.34,
     x2: 40,
     y2: 43.34,
     gradientUnits: "userSpaceOnUse"
-  }, _stop || (_stop = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop || (_stop = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#393939"
-  })), _stop2 || (_stop2 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop2 || (_stop2 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#262626"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_dark_".concat(svgId),
     x1: 40,
     y1: 43.34,
     x2: 68.88,
     y2: 43.34,
     gradientUnits: "userSpaceOnUse"
-  }, _stop3 || (_stop3 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop3 || (_stop3 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#161616"
-  })), _stop4 || (_stop4 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop4 || (_stop4 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#262626"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_dark_".concat(svgId),
     x1: 32.78,
     y1: 30.83,
     x2: 47.22,
     y2: 5.83,
     gradientUnits: "userSpaceOnUse"
-  }, _stop5 || (_stop5 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop5 || (_stop5 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#525252"
-  })), _stop6 || (_stop6 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop6 || (_stop6 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#393939"
-  })))), _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
+  })))), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
-  })), _path2 || (_path2 = /*#__PURE__*/React__default["default"].createElement("path", {
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     opacity: 0.25,
     d: "M40 78.34L11.13 61.67 40 45.01l28.86 16.66L40 78.34z"
-  })), /*#__PURE__*/React__default["default"].createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__a_dark_".concat(svgId, ")"),
     d: "M40 68.35L11.12 51.68l.01-33.35L40 34.99v33.36z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__b_dark_".concat(svgId, ")"),
     d: "M68.88 51.68L40 68.35V34.99l28.87-16.66.01 33.35z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__c_dark_".concat(svgId, ")"),
     d: "M40 34.99L11.13 18.33 40 1.66l28.87 16.67L40 34.99z"
-  }), _path3 || (_path3 = /*#__PURE__*/React__default["default"].createElement("path", {
+  }), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
     fill: "#262626",
     d: "M25.97 26.67l28.67-16.55-.42-.24-28.68 16.56.43.23z"
-  })), _path4 || (_path4 = /*#__PURE__*/React__default["default"].createElement("path", {
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
     fill: "#6f6f6f",
     d: "M40 35.24L11.13 18.57v-.24l.21-.12 28.87 16.67-.21.11v.25z"
-  })), _path5 || (_path5 = /*#__PURE__*/React__default["default"].createElement("path", {
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
     fill: "#525252",
     d: "M21.49 33.33l-8.2-4.73.01-5.69 8.19 4.74v5.68z"
-  }))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_".concat(svgId),
     x1: 18.35,
     y1: 74.17,
     x2: 61.65,
     y2: 49.17,
     gradientUnits: "userSpaceOnUse"
-  }, _stop7 || (_stop7 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop7 || (_stop7 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#525252",
     stopOpacity: 0.05
-  })), _stop8 || (_stop8 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop8 || (_stop8 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopOpacity: 0.1
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_".concat(svgId),
     x1: 15.16,
     y1: 43.34,
     x2: 40.31,
     y2: 43.34,
     gradientUnits: "userSpaceOnUse"
-  }, _stop9 || (_stop9 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop9 || (_stop9 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#e0e0e0"
-  })), _stop10 || (_stop10 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop10 || (_stop10 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#c6c6c6"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_".concat(svgId),
     x1: 40,
     y1: 43.34,
     x2: 68.88,
     y2: 43.34,
     gradientUnits: "userSpaceOnUse"
-  }, _stop11 || (_stop11 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop11 || (_stop11 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#a8a8a8"
-  })), _stop12 || (_stop12 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop12 || (_stop12 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#c6c6c6"
-  }))), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
+  }))), /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__d_".concat(svgId),
     x1: 18.35,
     y1: 30.83,
     x2: 61.65,
     y2: 5.83,
     gradientUnits: "userSpaceOnUse"
-  }, _stop13 || (_stop13 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  }, _stop13 || (_stop13 = /*#__PURE__*/React.createElement("stop", {
     offset: 0,
     stopColor: "#f4f4f4"
-  })), _stop14 || (_stop14 = /*#__PURE__*/React__default["default"].createElement("stop", {
+  })), _stop14 || (_stop14 = /*#__PURE__*/React.createElement("stop", {
     offset: 1,
     stopColor: "#e0e0e0"
-  }))), /*#__PURE__*/React__default["default"].createElement("style", null, ".prefix__g_".concat(svgId, "{fill:#fff}"))), _path6 || (_path6 = /*#__PURE__*/React__default["default"].createElement("path", {
+  }))), /*#__PURE__*/React.createElement("style", null, ".prefix__g_".concat(svgId, "{fill:#fff}"))), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
-  })), /*#__PURE__*/React__default["default"].createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__a_".concat(svgId, ")"),
     d: "M40 78.34L11.13 61.67 40 45.01l28.86 16.66L40 78.34z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__b_".concat(svgId, ")"),
     d: "M40 68.35L11.12 51.68l.01-33.35L40 34.99v33.36z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__c_".concat(svgId, ")"),
     d: "M68.88 51.68L40 68.35V34.99l28.87-16.66.01 33.35z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fill: "url(#prefix__d_".concat(svgId, ")"),
     d: "M40 34.99L11.13 18.33 40 1.66l28.87 16.67L40 34.99z"
-  }), _path7 || (_path7 = /*#__PURE__*/React__default["default"].createElement("path", {
+  }), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
     fill: "#c6c6c6",
     d: "M25.97 26.67l28.67-16.55-.42-.24-28.68 16.56.43.23z"
-  })), /*#__PURE__*/React__default["default"].createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     className: "prefix__g_".concat(svgId),
     d: "M40 35.24L11.13 18.57v-.24l.21-.12 28.87 16.67-.21.11v.25zM21.49 33.33l-8.2-4.73.01-5.69 8.19 4.74v5.68z"
   })));
 };
 NoDataIllustration.propTypes = {
-  alt: index["default"].string.isRequired,
-  size: index["default"].oneOf(['lg', 'sm']),
-  theme: index["default"].oneOf(['light', 'dark'])
+  alt: index.default.string.isRequired,
+  size: index.default.oneOf(['lg', 'sm']),
+  theme: index.default.oneOf(['light', 'dark'])
 };
 var NoDataIllustration$1 = NoDataIllustration;
 
 exports.NoDataIllustration = NoDataIllustration;
-exports["default"] = NoDataIllustration$1;
+exports.default = NoDataIllustration$1;