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

package/lib/components/ExportModal/ExportModal.js

@@ -12,9 +12,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
-var index = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var icons = require('@carbon/react/icons');
-var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/prop-types/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
@@ -23,6 +23,7 @@ var usePortalTarget = require('../../global/js/hooks/usePortalTarget.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 _Loading;
 var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
@@ -126,7 +127,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onBlur: onBlurHandler
   }, 'data-modal-primary-focus', true);
   return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     "aria-label": title,
     size: "sm",
     preventCloseOnClickOutside: true
@@ -194,101 +195,101 @@ exports.ExportModal.propTypes = {
   /**
    * Body content for the modal
    */
-  body: index$1["default"].string,
+  body: index["default"].string,
   /**
    * Optional class name
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * specify if an error occurred
    */
-  error: index$1["default"].bool,
+  error: index["default"].bool,
   /**
    * messaging to display in the event of an error
    */
-  errorMessage: index$1["default"].string,
+  errorMessage: index["default"].string,
   /**
    * name of the file being exported
    */
-  filename: index$1["default"].string.isRequired,
+  filename: index["default"].string.isRequired,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
-  hidePasswordLabel: index$1["default"].string,
+  hidePasswordLabel: index["default"].string,
   /**
    * label for the text input
    */
-  inputLabel: index$1["default"].string,
+  inputLabel: index["default"].string,
   /**
    * specify the type of text input
    */
-  inputType: index$1["default"].oneOf(['text', 'password']),
+  inputType: index["default"].oneOf(['text', 'password']),
   /**
    * text for an invalid input
    */
-  invalidInputText: index$1["default"].string,
+  invalidInputText: index["default"].string,
   /**
    * specify if the modal is in a loading state
    */
-  loading: index$1["default"].bool,
+  loading: index["default"].bool,
   /**
    * message to display during the loading state
    */
-  loadingMessage: index$1["default"].string,
+  loadingMessage: index["default"].string,
   /**
    * Specify a handler for closing modal
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Specify a handler for "submitting" modal. Returns the file name
    */
-  onRequestSubmit: index$1["default"].func,
+  onRequestSubmit: index["default"].func,
   /**
    * Specify whether the Modal is currently open
    */
-  open: index$1["default"].bool,
+  open: index["default"].bool,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index$1["default"].node,
+  portalTarget: index["default"].node,
   /**
    * Array of extensions to display as radio buttons
    */
-  preformattedExtensions: index$1["default"].arrayOf(index$1["default"].shape({
-    extension: index$1["default"].string,
-    description: index$1["default"].string
+  preformattedExtensions: index["default"].arrayOf(index["default"].shape({
+    extension: index["default"].string,
+    description: index["default"].string
   })),
   /**
    * Label for the preformatted label form group
    */
-  preformattedExtensionsLabel: index$1["default"].string,
+  preformattedExtensionsLabel: index["default"].string,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: index$1["default"].string.isRequired,
+  primaryButtonText: index["default"].string.isRequired,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: index$1["default"].string.isRequired,
+  secondaryButtonText: index["default"].string.isRequired,
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
-  showPasswordLabel: index$1["default"].string,
+  showPasswordLabel: index["default"].string,
   /**
    * messaging to display if the export was successful
    */
-  successMessage: index$1["default"].string,
+  successMessage: index["default"].string,
   /**
    * specify if the export was successful
    */
-  successful: index$1["default"].bool,
+  successful: index["default"].bool,
   /**
    * The text displayed at the top of the modal
    */
-  title: index$1["default"].string.isRequired,
+  title: index["default"].string.isRequired,
   /**
    * array of valid extensions the file can have
    */
-  validExtensions: index$1["default"].array
+  validExtensions: index["default"].array
 };
 exports.ExportModal.displayName = componentName;

package/lib/components/FilterSummary/FilterSummary.js

@@ -14,8 +14,8 @@ var React = require('react');
 var react = require('@carbon/react');
 var framerMotion = require('framer-motion');
 var icons = require('@carbon/react/icons');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var motionConstants = require('../../global/js/utils/motionConstants.js');
@@ -28,6 +28,7 @@ var TagSet = require('../TagSet/TagSet.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 debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
 var _excluded = ["className", "clearFiltersText", "clearFilters", "filters", "renderLabel", "overflowType", "clearButtonInline"],
@@ -111,7 +112,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
       showAllTagsLabel: "View all tags",
       tags: tagFilters,
       overflowType: overflowType,
-      className: index["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clear-button-inline"), clearButtonInline)),
+      className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clear-button-inline"), clearButtonInline)),
       containingElementRef: localRef,
       measurementOffset: measurementOffset,
       onOverflowTagChange: function onOverflowTagChange(overflowTags) {
@@ -134,7 +135,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     id: filterSummaryId
   }, rest, {
     ref: localRef,
-    className: index["default"]([blockClass, className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
+    className: cx__default["default"]([blockClass, className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
   }), /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, {
     mode: "wait",
     exitBeforeEnter: true
@@ -155,19 +156,19 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     onClick: handleViewAll,
     size: "sm"
   }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
-    className: index["default"]("".concat(blockClass, "__view-all--chevron"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__view-all--chevron-multiline"), multiline))
+    className: cx__default["default"]("".concat(blockClass, "__view-all--chevron"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__view-all--chevron-multiline"), multiline))
   }))));
 });
 var componentName = 'FilterSummary';
 FilterSummary.displayName = componentName;
 FilterSummary.propTypes = {
-  className: index$1["default"].string,
-  clearButtonInline: index$1["default"].bool,
-  clearFilters: index$1["default"].func.isRequired,
-  clearFiltersText: index$1["default"].string,
-  filters: index$1["default"].arrayOf(index$1["default"].object).isRequired,
-  overflowType: index$1["default"].oneOf(['default', 'tag']),
-  renderLabel: index$1["default"].func
+  className: index["default"].string,
+  clearButtonInline: index["default"].bool,
+  clearFilters: index["default"].func.isRequired,
+  clearFiltersText: index["default"].string,
+  filters: index["default"].arrayOf(index["default"].object).isRequired,
+  overflowType: index["default"].oneOf(['default', 'tag']),
+  renderLabel: index["default"].func
 };
 var FilterSummary$1 = FilterSummary;
 

package/lib/components/FullPageError/FullPageError.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var ErrorGenericSVG = require('./assets/ErrorGenericSVG.js');
 var devtools = require('../../global/js/utils/devtools.js');
@@ -23,6 +23,7 @@ var Error403SVG = require('./assets/Error403SVG.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", "description", "errorLabel", "kind", "title"];
 
@@ -66,26 +67,26 @@ exports.FullPageError = /*#__PURE__*/React__default["default"].forwardRef(functi
       title: 'Access denied',
       description: 'You are not authorized to access the requested page. Please verify that you are logged in to the hosting environment and your access permissions are correct.',
       svg: /*#__PURE__*/React__default["default"].createElement(Error403SVG.Error403SVG, {
-        className: index["default"]("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-403"))
+        className: cx__default["default"]("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-403"))
       })
     },
     404: {
       title: 'Page not found',
       description: 'The page you requested has moved or is unavailable, or the specified URL is not valid. Please check the URL or search the site for the requested content.',
       svg: /*#__PURE__*/React__default["default"].createElement(Error404SVG.Error404SVG, {
-        className: index["default"]("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-404"))
+        className: cx__default["default"]("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-404"))
       })
     },
     custom: {
       title: title,
       description: description,
       svg: /*#__PURE__*/React__default["default"].createElement(ErrorGenericSVG.ErrorGenericSVG, {
-        className: index["default"]("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-custom"))
+        className: cx__default["default"]("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-custom"))
       })
     }
   };
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass,
+    className: cx__default["default"](blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -134,28 +135,28 @@ exports.FullPageError.propTypes = {
   /**
    * Provide the contents of the FullPageError.
    */
-  children: index$1["default"].node,
+  children: index["default"].node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * String that will provide the description for the error code. <br/>
    * This is optional for 403 and 404 kinds, and passing this would override their default descriptions.
    */
-  description: index$1["default"].string.isRequired,
+  description: index["default"].string.isRequired,
   /**
    * String that will describe the error that occurred
    */
-  errorLabel: index$1["default"].string.isRequired,
+  errorLabel: index["default"].string.isRequired,
   /**
    * The kind of error page to be displayed, default is custom
    */
-  kind: index$1["default"].oneOf(['custom', '403', '404']),
+  kind: index["default"].oneOf(['custom', '403', '404']),
   /**
    * This will be for the main title of the FullPageError component
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/Guidebanner/Guidebanner.js

@@ -11,9 +11,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$2 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
-var index$1 = require('../../node_modules/@carbon/colors/es/index.js');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var index = require('../../node_modules/@carbon/colors/es/index.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
@@ -23,6 +23,7 @@ var Carousel = require('../Carousel/Carousel.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"];
@@ -86,7 +87,7 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
   };
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     "aria-expanded": !isCollapsed,
-    className: index["default"](blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), withLeftGutter && "".concat(blockClass, "__with-left-gutter")),
+    className: cx__default["default"](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, {
     size: 20,
@@ -99,8 +100,8 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
     // against the Guidebanner's gradient background.
     ,
     fadedEdgeColor: {
-      left: index$1.blue90,
-      right: index$1.purple70
+      left: index.blue90,
+      right: index.purple70
     },
     ref: scrollRef,
     onChangeIsScrollable: function onChangeIsScrollable(value) {
@@ -110,7 +111,7 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
       setScrollPosition(scrollPercent);
     }
   }, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]([collapsible || showNavigation ? "".concat(blockClass, "__navigation") : null])
+    className: cx__default["default"]([collapsible || showNavigation ? "".concat(blockClass, "__navigation") : null])
   }, collapsible && /*#__PURE__*/React__default["default"].createElement(react.Button, {
     kind: "ghost",
     size: "md",
@@ -118,7 +119,7 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
     onClick: handleClickToggle,
     ref: toggleRef
   }, isCollapsed ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: index["default"]("".concat(blockClass, "__back-button"), [scrollPosition === 0 ? "".concat(blockClass, "__back-button--disabled") : null])
+    className: cx__default["default"]("".concat(blockClass, "__back-button"), [scrollPosition === 0 ? "".concat(blockClass, "__back-button--disabled") : null])
   }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
     align: "top",
     disabled: scrollPosition === 0,
@@ -131,7 +132,7 @@ exports.Guidebanner = /*#__PURE__*/React__default["default"].forwardRef(function
   }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(icons.CaretLeft, {
     size: 16
   })))), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: index["default"]("".concat(blockClass, "__next-button"), [scrollPosition === 1 ? "".concat(blockClass, "__next-button--disabled") : null])
+    className: cx__default["default"]("".concat(blockClass, "__next-button"), [scrollPosition === 1 ? "".concat(blockClass, "__next-button--disabled") : null])
   }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
     align: "top-right",
     disabled: scrollPosition === 1,
@@ -191,47 +192,47 @@ exports.Guidebanner.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$2["default"].string,
+  className: index$1["default"].string,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index$2["default"].string,
+  closeIconDescription: index$1["default"].string,
   /**
    * Text label for the Collapse button.
    */
-  collapseButtonLabel: index$2["default"].string,
+  collapseButtonLabel: index$1["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$2["default"].bool,
+  collapsible: index$1["default"].bool,
   /**
    * Text label for the Expand button.
    */
-  expandButtonLabel: index$2["default"].string,
+  expandButtonLabel: index$1["default"].string,
   /**
    * Tooltip text and aria label for the Next button icon.
    */
-  nextIconDescription: index$2["default"].string,
+  nextIconDescription: index$1["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$2["default"].func,
+  onClose: index$1["default"].func,
   /**
    * Tooltip text and aria label for the Back button icon.
    */
-  previousIconDescription: index$2["default"].string,
+  previousIconDescription: index$1["default"].string,
   /**
    * Title text.
    */
-  title: index$2["default"].string.isRequired,
+  title: index$1["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$2["default"].bool
+  withLeftGutter: index$1["default"].bool
 };

package/lib/components/Guidebanner/GuidebannerElement.js

@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+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"];
 
@@ -37,7 +38,7 @@ exports.GuidebannerElement = function GuidebannerElement(_ref) {
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className)
+    className: cx__default["default"](blockClass, className)
   }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default["default"].createElement("h2", {
     className: "".concat(blockClass, "-title")
   }, title), description && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -62,18 +63,18 @@ exports.GuidebannerElement.propTypes = {
    * An optional button can be rendered below the description.
    * This can be a link, button, Coachmark button, etc.
    */
-  button: index$1["default"].node,
+  button: index["default"].node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The description of the element.
    */
 
-  description: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired,
+  description: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired,
   /**
    * The title of the element.
    */
-  title: index$1["default"].string
+  title: index["default"].string
 };

package/lib/components/Guidebanner/GuidebannerElementButton.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var devtools = require('../../global/js/utils/devtools.js');
@@ -21,6 +21,7 @@ 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", "type"];
@@ -39,7 +40,7 @@ exports.GuidebannerElementButton = function GuidebannerElementButton(_ref) {
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   if (type === 'primary') {
     return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: index["default"](blockClass, className),
+      className: cx__default["default"](blockClass, className),
       iconDescription: 'Crossroads',
       kind: "tertiary",
       renderIcon: function renderIcon() {
@@ -52,7 +53,7 @@ exports.GuidebannerElementButton = function GuidebannerElementButton(_ref) {
     }, devtools.getDevtoolsProps(componentName)), children);
   }
   return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     kind: "ghost",
     role: "button",
     size: "md"
@@ -73,16 +74,16 @@ exports.GuidebannerElementButton.propTypes = {
   /**
    * Provide the contents of the GuidebannerElementButton.
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["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$1["default"].string
+  type: index["default"].string
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/Guidebanner/GuidebannerElementLink.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
@@ -20,6 +20,7 @@ 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"];
 
@@ -35,7 +36,7 @@ exports.GuidebannerElementLink = function GuidebannerElementLink(_ref) {
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement(react.Link, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     kind: "ghost",
     role: "link",
     size: "md"
@@ -56,9 +57,9 @@ exports.GuidebannerElementLink.propTypes = {
   /**
    * Provide the contents of the GuidebannerElementLink.
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string
+  className: index["default"].string
 };

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

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/classnames/index.js');
-var index$1 = require('../../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var index = require('../../../node_modules/prop-types/index.js');
 var HTTPErrorSvg403 = require('../assets/HTTPErrorSvg403.js');
 var HTTPErrorContent = require('../HTTPErrorContent.js');
 var devtools = require('../../../global/js/utils/devtools.js');
@@ -21,6 +21,7 @@ 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"];
 
@@ -41,7 +42,7 @@ exports.HTTPError403 = /*#__PURE__*/React__default["default"].forwardRef(functio
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(HTTPErrorContent.HTTPErrorContent, {
     description: description,
@@ -67,30 +68,30 @@ exports.HTTPError403.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node
    */
-  className: index$1.propTypesExports.string,
+  className: index.propTypesExports.string,
   /**
    * String that will provide the description for the HTTP error code
    */
-  description: index$1.propTypesExports.string.isRequired,
+  description: index.propTypesExports.string.isRequired,
   /**
    * String that will describe the error that occurred
    */
-  errorCodeLabel: index$1.propTypesExports.string.isRequired,
+  errorCodeLabel: index.propTypesExports.string.isRequired,
   /**
    * Links that will display for extra context when receiving particular errors
    */
-  links: index$1.propTypesExports.arrayOf(index$1.propTypesExports.shape({
+  links: index.propTypesExports.arrayOf(index.propTypesExports.shape({
     /**
      * The text to display for the link
      */
-    text: index$1.propTypesExports.string.isRequired,
+    text: index.propTypesExports.string.isRequired,
     /**
      * The link's destination
      */
-    href: index$1.propTypesExports.string.isRequired
+    href: index.propTypesExports.string.isRequired
   })),
   /**
    * This will be for the main title of the HTTP error component
    */
-  title: index$1.propTypesExports.string.isRequired
+  title: index.propTypesExports.string.isRequired
 };