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

package/lib/components/GetStartedCard/GetStartedCard.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,16 +14,12 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var Card = require('../Card/Card.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var componentName = 'GetStartedCard';
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-exports.GetStartedCard = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+exports.GetStartedCard = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Card.Card, _rollupPluginBabelHelpers.extends({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     ref: ref,
     getStarted: true
   }), devtools.getDevtoolsProps(componentName)));
@@ -38,52 +32,52 @@ exports.GetStartedCard.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional if the card should be disabled
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * Provides the action icon that's displayed at the footer of the card
    */
   /**@ts-ignore */
-  footerActionIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  footerActionIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Optional label for the top of the card
    */
-  label: index["default"].oneOfType([index["default"].string, index["default"].node]),
+  label: index.default.oneOfType([index.default.string, index.default.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
-  media: index["default"].node,
+  media: index.default.node,
   /**
    * Icons that are displayed on the card showing the time and skill needed
    */
   /**@ts-ignore */
-  metadata: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-    iconDescription: index["default"].string
+  metadata: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    icon: index.default.oneOfType([index.default.func, index.default.object]),
+    iconDescription: index.default.string
   })),
   /**
    * Provides the callback for a clickable card
    */
-  onClick: index["default"].func.isRequired,
+  onClick: index.default.func.isRequired,
   /**
    * Provides the icon that's displayed at the top of the card
    */
   /**@ts-ignore */
-  pictogram: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  pictogram: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Provides number for card for tasks in a sequential order
    */
-  sequence: index["default"].number,
+  sequence: index.default.number,
   /**
    * Provides the status that's displayed at the top of the card
    */
-  status: index["default"].oneOf(['complete', 'incomplete']),
+  status: index.default.oneOf(['complete', 'incomplete']),
   /**
    * Title that's displayed at the top of the card
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].node])
+  title: index.default.oneOfType([index.default.string, index.default.node])
 };

package/lib/components/Guidebanner/Guidebanner.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
@@ -22,11 +20,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 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 _CaretLeft, _CaretRight, _Close;
 var _excluded = ["children", "className", "collapsible", "onClose", "withLeftGutter", "closeIconDescription", "collapseButtonLabel", "expandButtonLabel", "nextIconDescription", "previousIconDescription", "title"];
 
@@ -48,7 +41,7 @@ var defaults = {
  * The guide banner sits at the top of a page, or page-level tab,
  * to introduce foundational concepts related to the page's content.
  */
-exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$collapsible = _ref.collapsible,
@@ -87,17 +80,17 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
       return !prevState;
     });
   };
-  var carouselContentId = "".concat(uuidv4["default"](), "--carousel-content-id");
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  var carouselContentId = "".concat(uuidv4.default(), "--carousel-content-id");
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-owns": !isCollapsed ? carouselContentId : undefined,
-    className: cx__default["default"](blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), withLeftGutter && "".concat(blockClass, "__with-left-gutter")),
+    className: cx(blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), withLeftGutter && "".concat(blockClass, "__with-left-gutter")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(icons.Idea, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(icons.Idea, {
     size: 20,
     className: "".concat(blockClass, "__icon-idea")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__title")
-  }, title), /*#__PURE__*/React__default["default"].createElement(Carousel.Carousel, {
+  }, title), /*#__PURE__*/React.createElement(Carousel.Carousel, {
     id: carouselContentId,
     className: "".concat(blockClass, "__carousel")
     // These colors are to match the Carousel's faded edges
@@ -114,9 +107,9 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
     onScroll: function onScroll(scrollPercent) {
       setScrollPosition(scrollPercent);
     }
-  }, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]([collapsible || showNavigation ? "".concat(blockClass, "__navigation") : null])
-  }, collapsible && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: cx([collapsible || showNavigation ? "".concat(blockClass, "__navigation") : null])
+  }, collapsible && /*#__PURE__*/React.createElement(react.Button, {
     kind: "ghost",
     size: "md",
     className: "".concat(blockClass, "__toggle-button"),
@@ -124,9 +117,9 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
     ref: toggleRef,
     "aria-controls": !isCollapsed ? carouselContentId : undefined,
     "aria-expanded": !isCollapsed
-  }, isCollapsed ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: cx__default["default"]("".concat(blockClass, "__back-button"), [scrollPosition === 0 ? "".concat(blockClass, "__back-button--disabled") : null])
-  }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }, isCollapsed ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    className: cx("".concat(blockClass, "__back-button"), [scrollPosition === 0 ? "".concat(blockClass, "__back-button--disabled") : null])
+  }, /*#__PURE__*/React.createElement(react.IconButton, {
     align: "top",
     disabled: scrollPosition === 0,
     kind: "ghost",
@@ -135,11 +128,11 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
       scrollRef.current.scrollPrev();
     },
     size: "md"
-  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(icons.CaretLeft, {
+  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(icons.CaretLeft, {
     size: 16
-  })))), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: cx__default["default"]("".concat(blockClass, "__next-button"), [scrollPosition === 1 ? "".concat(blockClass, "__next-button--disabled") : null])
-  }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  })))), /*#__PURE__*/React.createElement("span", {
+    className: cx("".concat(blockClass, "__next-button"), [scrollPosition === 1 ? "".concat(blockClass, "__next-button--disabled") : null])
+  }, /*#__PURE__*/React.createElement(react.IconButton, {
     align: "top-right",
     disabled: scrollPosition === 1,
     kind: "ghost",
@@ -148,17 +141,17 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
       scrollRef.current.scrollNext();
     },
     size: "md"
-  }, _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(icons.CaretRight, {
+  }, _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(icons.CaretRight, {
     size: 16
-  })))))), onClose && /*#__PURE__*/React__default["default"].createElement("span", {
+  })))))), onClose && /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__close-button")
-  }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }, /*#__PURE__*/React.createElement(react.IconButton, {
     align: "bottom-right",
     kind: "ghost",
     label: closeIconDescription,
     onClick: onClose,
     size: "md"
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(icons.Close, {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
     size: 16
   })))));
 });
@@ -184,7 +177,7 @@ exports.Guidebanner.propTypes = {
     if (!prop) {
       error = new Error('`Guidebanner` requires one or more children of type `GuidebannerElement`.');
     }
-    React__default["default"].Children.forEach(prop, function (child) {
+    React.Children.forEach(prop, function (child) {
       if (child.type.displayName !== 'GuidebannerElement') {
         var _child$type, _child$type2;
         // If child element is not `GuidebannerElement`, then show:
@@ -199,47 +192,47 @@ exports.Guidebanner.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index["default"].string,
+  closeIconDescription: index.default.string,
   /**
    * Text label for the Collapse button.
    */
-  collapseButtonLabel: index["default"].string,
+  collapseButtonLabel: index.default.string,
   /**
    * When true, the Guidebanner will initialize in a collapsed state,
    * showing the title and the Expand button.
    *
    * When expanded, it will show the GuidebannerElement child components and the Collapse button.
    */
-  collapsible: index["default"].bool,
+  collapsible: index.default.bool,
   /**
    * Text label for the Expand button.
    */
-  expandButtonLabel: index["default"].string,
+  expandButtonLabel: index.default.string,
   /**
    * Tooltip text and aria label for the Next button icon.
    */
-  nextIconDescription: index["default"].string,
+  nextIconDescription: index.default.string,
   /**
    * If defined, a Close button will render in the top-right corner and a
    * callback function will be triggered when button is clicked.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Tooltip text and aria label for the Back button icon.
    */
-  previousIconDescription: index["default"].string,
+  previousIconDescription: index.default.string,
   /**
    * Title text.
    */
-  title: index["default"].string.isRequired,
+  title: index.default.string.isRequired,
   /**
    * If true, insert 1 rem of "space" on the left of the component.
    * This will allow the component's content to line up with other
    * content on the page under special circumstances.
    */
-  withLeftGutter: index["default"].bool
+  withLeftGutter: index.default.bool
 };

package/lib/components/Guidebanner/GuidebannerElement.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 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 = ["button", "className", "description", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -30,20 +23,20 @@ var componentName = 'GuidebannerElement';
  * The GuidebannerElement is a required child component of the Guidebanner,
  * and acts as a container for a CarouselItem.
  */
-exports.GuidebannerElement = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.GuidebannerElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var button = _ref.button,
     className = _ref.className,
     description = _ref.description,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React.createElement("h2", {
     className: "".concat(blockClass, "-title")
-  }, title), description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, title), description && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "-content")
-  }, description), button && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, description), button && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-buttons")
   }, button));
 });
@@ -63,18 +56,18 @@ exports.GuidebannerElement.propTypes = {
    * An optional button can be rendered below the description.
    * This can be a link, button, Coachmark button, etc.
    */
-  button: index["default"].node,
+  button: index.default.node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The description of the element.
    */
 
-  description: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired,
+  description: index.default.oneOfType([index.default.string, index.default.node]).isRequired,
   /**
    * The title of the element.
    */
-  title: index["default"].string
+  title: index.default.string
 };

package/lib/components/Guidebanner/GuidebannerElementButton.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
@@ -18,11 +16,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 _Crossroads;
 var _excluded = ["children", "className", "iconDescription", "type"];
 
@@ -36,7 +29,7 @@ var defaults = {
 /**
  * One of two buttons styled specifically for the GuidebannerElement.
  */
-exports.GuidebannerElementButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.GuidebannerElementButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$iconDescription = _ref.iconDescription,
@@ -44,13 +37,13 @@ exports.GuidebannerElementButton = /*#__PURE__*/React__default["default"].forwar
     type = _ref.type,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   if (type === 'primary') {
-    return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: cx__default["default"](blockClass, className),
+    return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
+      className: cx(blockClass, className),
       iconDescription: iconDescription,
       kind: "tertiary",
       ref: ref,
       renderIcon: function renderIcon() {
-        return _Crossroads || (_Crossroads = /*#__PURE__*/React__default["default"].createElement(icons.Crossroads, {
+        return _Crossroads || (_Crossroads = /*#__PURE__*/React.createElement(icons.Crossroads, {
           size: 16
         }));
       },
@@ -58,8 +51,8 @@ exports.GuidebannerElementButton = /*#__PURE__*/React__default["default"].forwar
       size: "md"
     }, devtools.getDevtoolsProps(componentName)), children);
   }
-  return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     kind: "ghost",
     role: "button",
     size: "md"
@@ -80,16 +73,16 @@ exports.GuidebannerElementButton.propTypes = {
   /**
    * Provide the contents of the GuidebannerElementButton.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * If type is "primary", then return a tertiary button with the "crossroads" icon,
    * else return a ghost button.
    */
-  type: index["default"].string
+  type: index.default.string
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/Guidebanner/GuidebannerElementLink.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
@@ -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 = ["children", "className"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -30,12 +23,12 @@ var componentName = 'GuidebannerElementLink';
 /**
  * A link styled specifically for the GuidebannerElement.
  */
-exports.GuidebannerElementLink = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.GuidebannerElementLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.Link, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     kind: "ghost",
     ref: ref,
     role: "link",
@@ -57,9 +50,9 @@ exports.GuidebannerElementLink.propTypes = {
   /**
    * Provide the contents of the GuidebannerElementLink.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string
+  className: index.default.string
 };

package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
@@ -18,11 +16,6 @@ var HTTPErrorContent = require('../HTTPErrorContent.js');
 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 = ["className", "description", "errorCodeLabel", "links", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -33,22 +26,22 @@ var componentName = 'HTTPError403';
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-exports.HTTPError403 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.HTTPError403 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     description = _ref.description,
     errorCodeLabel = _ref.errorCodeLabel,
     links = _ref.links,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(HTTPErrorContent.HTTPErrorContent, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(HTTPErrorContent.HTTPErrorContent, {
     description: description,
     errorCodeLabel: errorCodeLabel,
     title: title,
     links: links
-  }), /*#__PURE__*/React__default["default"].createElement(HTTPErrorSvg403.HTTPErrorSvg403, {
+  }), /*#__PURE__*/React.createElement(HTTPErrorSvg403.HTTPErrorSvg403, {
     className: "".concat(blockClass, "__image"),
     title: title
   }));

package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
@@ -18,11 +16,6 @@ var HTTPErrorContent = require('../HTTPErrorContent.js');
 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 = ["className", "description", "errorCodeLabel", "links", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -33,22 +26,22 @@ var componentName = 'HTTPError404';
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-exports.HTTPError404 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.HTTPError404 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     description = _ref.description,
     errorCodeLabel = _ref.errorCodeLabel,
     links = _ref.links,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(HTTPErrorContent.HTTPErrorContent, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(HTTPErrorContent.HTTPErrorContent, {
     description: description,
     errorCodeLabel: errorCodeLabel,
     title: title,
     links: links
-  }), /*#__PURE__*/React__default["default"].createElement(HTTPErrorSvg404.HTTPErrorSvg404, {
+  }), /*#__PURE__*/React.createElement(HTTPErrorSvg404.HTTPErrorSvg404, {
     className: "".concat(blockClass, "__image"),
     title: title
   }));

package/lib/components/HTTPErrors/HTTPErrorContent.js

@@ -7,18 +7,12 @@
 
 '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');
 var settings = require('../../settings.js');
 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);
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--http-errors");
 var componentName = 'HTTPErrorContent';
@@ -27,16 +21,16 @@ var HTTPErrorContent = function HTTPErrorContent(_ref) {
     errorCodeLabel = _ref.errorCodeLabel,
     title = _ref.title,
     links = _ref.links;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, errorCodeLabel && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, errorCodeLabel && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__error-code-label")
-  }, errorCodeLabel), title && /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, errorCodeLabel), title && /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "__title")
-  }, title), description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, title), description && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__description")
   }, description), links && links.length && links.map(function (link) {
-    return /*#__PURE__*/React__default["default"].createElement(react.Link, _rollupPluginBabelHelpers["extends"]({}, link, {
+    return /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
       role: "link",
       href: link.href,
       key: link.text,