@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/lib/components/EditTearsheetNarrow/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "EditTearsheetNarrow", {
     return _EditTearsheetNarrow.EditTearsheetNarrow;
   }
 });
-
 var _EditTearsheetNarrow = require("./EditTearsheetNarrow");

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -1,38 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditUpdateCards = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _settings = require("../../settings");
-
 var _ProductiveCard = require("../ProductiveCard");
-
 var _excluded = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "previewChildren", "title", "titleSize"];
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
 // import { children } from 'cheerio/lib/api/traversing';
-// Carbon and package components we use.
 
-/* TODO: @import(s) of carbon components and other package components. */
-// The block part of our conventional BEM class names (blockClass__E--M).
+// Carbon and package components we use.
+/* TODO: @import(s) of carbon components and other package components. */ // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--edit-update-cards");
-var componentName = 'EditUpdateCards'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+var componentName = 'EditUpdateCards';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
+
 // Default values can be included here and then assigned to the prop params,
 // e.g. prop = defaults.prop,
 // This gathers default values together neatly and ensures non-primitive
@@ -41,6 +40,7 @@ var componentName = 'EditUpdateCards'; // NOTE: the component SCSS is not import
 // nor for props where the component can apply undefined values reasonably.
 // Default values should be provided when the component needs to make a choice
 // or assumption when a prop is not supplied.
+
 // Default values for props
 // const defaults = {
 //   /* TODO: add defaults for relevant props if needed */
@@ -52,19 +52,21 @@ var componentName = 'EditUpdateCards'; // NOTE: the component SCSS is not import
 
 var EditUpdateCards = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
-      actionsPlacement = _ref.actionsPlacement,
-      className = _ref.className,
-      description = _ref.description,
-      editChildren = _ref.editChildren,
-      editMode = _ref.editMode,
-      label = _ref.label,
-      previewChildren = _ref.previewChildren,
-      title = _ref.title,
-      titleSize = _ref.titleSize,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    actionsPlacement = _ref.actionsPlacement,
+    className = _ref.className,
+    description = _ref.description,
+    editChildren = _ref.editChildren,
+    editMode = _ref.editMode,
+    label = _ref.label,
+    previewChildren = _ref.previewChildren,
+    title = _ref.title,
+    titleSize = _ref.titleSize,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // const [editMode, setEditMode] = useState(false);
+
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, // Apply the block class to the main HTML element
+    className: (0, _classnames.default)(blockClass,
+    // Apply the block class to the main HTML element
     className, // Apply any supplied class names to the main HTML element.
     // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
     (0, _defineProperty2.default)({}, "".concat(blockClass, "__actions-bottom"), actionsPlacement === 'bottom')),
@@ -79,17 +81,19 @@ var EditUpdateCards = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     title: title,
     titleSize: titleSize
   }, editMode === false && /*#__PURE__*/_react.default.createElement("div", null, previewChildren), editMode && /*#__PURE__*/_react.default.createElement("div", null, editChildren)));
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.EditUpdateCards = EditUpdateCards;
-exports.EditUpdateCards = EditUpdateCards = _settings.pkg.checkComponentEnabled(EditUpdateCards, componentName); // The display name of the component, used by React. Note that displayName
+exports.EditUpdateCards = EditUpdateCards = _settings.pkg.checkComponentEnabled(EditUpdateCards, componentName);
+
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+EditUpdateCards.displayName = componentName;
 
-EditUpdateCards.displayName = componentName; // The types and DocGen commentary for the component props,
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 EditUpdateCards.propTypes = {
   /**
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines
@@ -102,51 +106,41 @@ EditUpdateCards.propTypes = {
     iconDescription: _propTypes.default.string,
     href: _propTypes.default.string
   })),
-
   /**
    * Determines if the action icons are on the top or bottom of the card
    */
   actionsPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-
   /**
    * Optional label for the top of the card.
    */
   className: _propTypes.default.string,
-
   /**
    * Optional header description
    */
   description: _propTypes.default.string,
-
   /**
    * Edit mode children
    */
   editChildren: _propTypes.default.node,
-
   /**
    * Edit mode
    */
   editMode: _propTypes.default.bool,
-
   /**
    * Optional label for the top of the card
    */
   label: _propTypes.default.string,
-
   /**
    * Preview mode children
    */
   previewChildren: _propTypes.default.node,
-
   /**
    * Title that's displayed at the top of the card
    */
   title: _propTypes.default.string,
-
   /**
    * Determines title size
    */
   titleSize: _propTypes.default.oneOf(['default', 'large'])
   /* TODO: add types and DocGen for all props. */
-
 };

package/lib/components/EditUpdateCards/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "EditUpdateCards", {
     return _EditUpdateCards.EditUpdateCards;
   }
 });
-
 var _EditUpdateCards = require("./EditUpdateCards");

package/lib/components/EmptyStates/EmptyState.js

@@ -1,82 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaults = exports.EmptyState = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react2 = require("@carbon/react");
-
 var _devtools = require("../../global/js/utils/devtools");
-
 require("../../global/js/utils/props-helper");
-
 var _settings = require("../../settings");
-
 var _EmptyStateContent = require("./EmptyStateContent");
-
-var _excluded = ["action", "className", "illustration", "illustrationDescription", "link", "size", "subtitle", "title"];
-
+var _excluded = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "subtitle", "title"];
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
-var componentName = 'EmptyState'; // Default values for props
+var componentName = 'EmptyState';
 
+// Default values for props
 var defaults = {
+  position: 'top',
   size: 'lg'
 };
 exports.defaults = defaults;
-
 var EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var action = _ref.action,
-      className = _ref.className,
-      illustration = _ref.illustration,
-      illustrationDescription = _ref.illustrationDescription,
-      link = _ref.link,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? defaults.size : _ref$size,
-      subtitle = _ref.subtitle,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var renderIllustration = function renderIllustration() {
-    return /*#__PURE__*/_react.default.createElement("img", {
-      src: illustration,
-      alt: illustrationDescription,
-      className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-    });
-  };
-
+    className = _ref.className,
+    illustration = _ref.illustration,
+    illustrationDescription = _ref.illustrationDescription,
+    _ref$illustrationPosi = _ref.illustrationPosition,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
+    link = _ref.link,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaults.size : _ref$size,
+    subtitle = _ref.subtitle,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className),
+    className: (0, _classnames.default)(blockClass, className, (0, _defineProperty2.default)({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
     ref: ref
-  }, (0, _devtools.getDevtoolsProps)(componentName)), illustration && renderIllustration(), /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
+  }, (0, _devtools.getDevtoolsProps)(componentName)), illustration && /*#__PURE__*/_react.default.createElement("img", {
+    src: illustration,
+    alt: illustrationDescription,
+    className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
     action: action,
     link: link,
     size: size,
     subtitle: subtitle,
     title: title
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.EmptyState = EmptyState;
 exports.EmptyState = EmptyState = _settings.pkg.checkComponentEnabled(EmptyState, componentName);
 EmptyState.propTypes = {
@@ -89,18 +79,15 @@ EmptyState.propTypes = {
     onClick: _react2.Button.propTypes.onClick,
     text: _propTypes.default.string
   })),
-
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: _propTypes.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: _propTypes.default.string,
-
   /**
    * The alt text for custom provided illustrations
    */
@@ -108,7 +95,10 @@ EmptyState.propTypes = {
     var illustration = _ref2.illustration;
     return illustration;
   }),
-
+  /**
+   * Designates the position of the illustration relative to the content
+   */
+  illustrationPosition: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state link object
    */
@@ -116,17 +106,14 @@ EmptyState.propTypes = {
     text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
     href: _propTypes.default.string
   })),
-
   /**
    * Empty state size
    */
   size: _propTypes.default.oneOf(['lg', 'sm']),
-
   /**
    * Empty state subtext
    */
   subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * Empty state heading
    */

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -1,41 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyStateContent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _settings = require("../../settings");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react2 = require("@carbon/react");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Copyright IBM Corp. 2020, 2021
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * This source code is licensed under the Apache-2.0 license found in the
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * LICENSE file in the root directory of this source tree.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */ // Import portions of React that are needed.
+// Other standard imports.
+// Carbon and package components we use.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyStateContent';
-
 var EmptyStateContent = function EmptyStateContent(_ref) {
   var action = _ref.action,
-      link = _ref.link,
-      size = _ref.size,
-      subtitle = _ref.subtitle,
-      title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
+    link = _ref.link,
+    size = _ref.size,
+    subtitle = _ref.subtitle,
+    title = _ref.title;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(blockClass, "__content")
+  }, /*#__PURE__*/_react.default.createElement("h3", {
     className: (0, _classnames.default)("".concat(blockClass, "__header"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__header--small"), size === 'sm'))
   }, title), subtitle && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _classnames.default)("".concat(blockClass, "__subtitle"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
@@ -49,15 +46,16 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
     className: "".concat(blockClass, "__link"),
     href: link.href
   }), link.text));
-}; // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
+};
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 exports.EmptyStateContent = EmptyStateContent;
-EmptyStateContent.displayName = componentName; // The types and DocGen commentary for the component props,
+EmptyStateContent.displayName = componentName;
+
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 EmptyStateContent.propTypes = {
   /**
    * Empty state action button
@@ -69,7 +67,6 @@ EmptyStateContent.propTypes = {
     onClick: _react2.Button.propTypes.onClick,
     text: _propTypes.default.string
   })),
-
   /**
    * Empty state link object
    */
@@ -77,17 +74,14 @@ EmptyStateContent.propTypes = {
     text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
     href: _propTypes.default.string
   })),
-
   /**
    * Empty state size
    */
   size: _propTypes.default.oneOf(['lg', 'sm']),
-
   /**
    * Empty state subtitle
    */
   subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * Empty state title
    */

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

@@ -1,58 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorEmptyState = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react2 = require("@carbon/react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _devtools = require("../../../global/js/utils/devtools");
-
 var _settings = require("../../../settings");
-
 var _EmptyStateContent = require("../EmptyStateContent");
-
 var _ErrorIllustration = require("../assets/ErrorIllustration");
-
 var _EmptyState = require("../EmptyState");
-
-var _excluded = ["action", "className", "illustrationTheme", "link", "size", "subtitle", "title"];
-
+var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
 var componentName = 'ErrorEmptyState';
-
 var ErrorEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var action = _ref.action,
-      className = _ref.className,
-      illustrationTheme = _ref.illustrationTheme,
-      link = _ref.link,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
-      subtitle = _ref.subtitle,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    _ref$illustrationPosi = _ref.illustrationPosition,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? _EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationTheme = _ref.illustrationTheme,
+    link = _ref.link,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
+    subtitle = _ref.subtitle,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className),
+    className: (0, _classnames.default)(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition)),
     ref: ref
   }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement(_ErrorIllustration.ErrorIllustration, {
     theme: illustrationTheme,
@@ -64,17 +56,19 @@ var ErrorEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     subtitle: subtitle,
     title: title
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.ErrorEmptyState = ErrorEmptyState;
-exports.ErrorEmptyState = ErrorEmptyState = _settings.pkg.checkComponentEnabled(ErrorEmptyState, componentName); // The display name of the component, used by React. Note that displayName
+exports.ErrorEmptyState = ErrorEmptyState = _settings.pkg.checkComponentEnabled(ErrorEmptyState, componentName);
+
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+ErrorEmptyState.displayName = componentName;
 
-ErrorEmptyState.displayName = componentName; // The types and DocGen commentary for the component props,
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 ErrorEmptyState.propTypes = {
   /**
    * Empty state action button
@@ -85,12 +79,14 @@ ErrorEmptyState.propTypes = {
     onClick: _react2.Button.propTypes.onClick,
     text: _propTypes.default.string
   })),
-
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: _propTypes.default.string,
-
+  /**
+   * Designates the position of the illustration relative to the content
+   */
+  illustrationPosition: _propTypes.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
@@ -98,7 +94,6 @@ ErrorEmptyState.propTypes = {
    * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
    */
   illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
-
   /**
    * Empty state link object
    */
@@ -106,17 +101,14 @@ ErrorEmptyState.propTypes = {
     text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
     href: _propTypes.default.string
   })),
-
   /**
    * Empty state size
    */
   size: _propTypes.default.oneOf(['lg', 'sm']),
-
   /**
    * Empty state subtitle
    */
   subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * Empty state title
    */

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "ErrorEmptyState", {
     return _ErrorEmptyState.ErrorEmptyState;
   }
 });
-
 var _ErrorEmptyState = require("./ErrorEmptyState");