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

package/lib/components/HTTPErrors/HTTPError404/HTTPError404.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 HTTPErrorSvg404 = require('../assets/HTTPErrorSvg404.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.HTTPError404 = /*#__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.HTTPError404.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
 };

package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.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 HTTPErrorSvgOther = require('../assets/HTTPErrorSvgOther.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.HTTPErrorOther = /*#__PURE__*/React__default["default"].forwardRef(funct
     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.HTTPErrorOther.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
 };

package/lib/components/ImportModal/ImportModal.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/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 devtools = require('../../global/js/utils/devtools.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
@@ -23,6 +23,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 = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "portalTarget", "primaryButtonText", "secondaryButtonText", "title"];
 var componentName = 'ImportModal';
@@ -204,7 +205,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), {
     "aria-label": title,
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     size: "sm",
     preventCloseOnClickOutside: true,
     onClose: onCloseHandler
@@ -285,114 +286,114 @@ exports.ImportModal.propTypes = {
   /**
    * Specifies the file types that are valid for importing
    */
-  accept: index$1["default"].array,
+  accept: index["default"].array,
   /**
    * Optional class name
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The default message shown for an import error
    */
-  defaultErrorBody: index$1["default"].string.isRequired,
+  defaultErrorBody: index["default"].string.isRequired,
   /**
    * The default header that is displayed to show an error message
    */
-  defaultErrorHeader: index$1["default"].string.isRequired,
+  defaultErrorHeader: index["default"].string.isRequired,
   /**
    * Content that is displayed inside the modal
    */
-  description: index$1["default"].string,
+  description: index["default"].string,
   /**
    * Optional error body to display specifically for a fetch error
    */
-  fetchErrorBody: index$1["default"].string,
+  fetchErrorBody: index["default"].string,
   /**
    * Optional error header to display specifically for a fetch error
    */
-  fetchErrorHeader: index$1["default"].string,
+  fetchErrorHeader: index["default"].string,
   /**
    * Header for the drag and drop box
    */
-  fileDropHeader: index$1["default"].string,
+  fileDropHeader: index["default"].string,
   /**
    * Label for the drag and drop box
    */
-  fileDropLabel: index$1["default"].string,
+  fileDropLabel: index["default"].string,
   /**
    * Label that appears when a file is uploaded to show number of files (1 / 1)
    */
-  fileUploadLabel: index$1["default"].string,
+  fileUploadLabel: index["default"].string,
   /**
    * Button icon for import by url button
    */
-  inputButtonIcon: index$1["default"].bool,
+  inputButtonIcon: index["default"].bool,
   /**
    * Button text for import by url button
    */
-  inputButtonText: index$1["default"].string.isRequired,
+  inputButtonText: index["default"].string.isRequired,
   /**
    * ID for text input
    */
-  inputId: index$1["default"].string,
+  inputId: index["default"].string,
   /**
    * Header to display above import by url
    */
-  inputLabel: index$1["default"].string,
+  inputLabel: index["default"].string,
   /**
    * Placeholder for text input
    */
-  inputPlaceholder: index$1["default"].string,
+  inputPlaceholder: index["default"].string,
   /**
    * Optional error message to display specifically for a invalid file type error
    */
-  invalidFileTypeErrorBody: index$1["default"].string,
+  invalidFileTypeErrorBody: index["default"].string,
   /**
    * Optional error header to display specifically for a invalid file type error
    */
-  invalidFileTypeErrorHeader: index$1["default"].string,
+  invalidFileTypeErrorHeader: index["default"].string,
   /**
    * Description for delete file icon
    */
-  invalidIconDescription: index$1["default"].string,
+  invalidIconDescription: index["default"].string,
   /**
    * File size limit in bytes
    */
-  maxFileSize: index$1["default"].number,
+  maxFileSize: index["default"].number,
   /**
    * Optional error message to display specifically for a max file size error
    */
-  maxFileSizeErrorBody: index$1["default"].string,
+  maxFileSizeErrorBody: index["default"].string,
   /**
    * Optional error header to display specifically for a max file size error
    */
-  maxFileSizeErrorHeader: index$1["default"].string,
+  maxFileSizeErrorHeader: index["default"].string,
   /**
    * Specify a handler for closing modal
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Specify a handler for "submitting" modal. Access the imported file via `file => {}`
    */
-  onRequestSubmit: index$1["default"].func.isRequired,
+  onRequestSubmit: index["default"].func.isRequired,
   /**
    * Specify whether the Modal is currently open
    */
-  open: index$1["default"].bool.isRequired,
+  open: index["default"].bool.isRequired,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index$1["default"].node,
+  portalTarget: index["default"].node,
   /**
    * 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,
   /**
    * The text displayed at the top of the modal
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 };
 exports.ImportModal.displayName = componentName;

package/lib/components/InlineTip/InlineTip.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/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 utils = require('./utils.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
@@ -24,6 +24,7 @@ var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia
 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 _Close, _Idea, _Crossroads;
 var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "media", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
@@ -95,7 +96,7 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
   }, [collapsible]);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     "aria-labelledby": labelId,
-    className: index["default"](blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), media && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
+    className: cx__default["default"](blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), media && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
     ref: ref,
     role: "complementary"
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -158,36 +159,36 @@ exports.InlineTip.propTypes = {
    * directly below the content. This component comes with pre-styled
    * elements available to use: `InlineTipLink` and `InlineTipButton`.
    */
-  action: index$1["default"].node,
+  action: index["default"].node,
   /**
    * Provide the contents of the InlineTip.
    */
-  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,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index$1["default"].string,
+  closeIconDescription: index["default"].string,
   /**
    * The label for the collapse button.
    * This button is not visible if `media` is specified.
    */
-  collapseButtonLabel: index$1["default"].string,
+  collapseButtonLabel: index["default"].string,
   /**
    * If set to `true`, it will truncate the body text to
    * one line and expose an expand/collapse button toggle.
    *
    * This feature is disabled if `media` is specified.
    */
-  collapsible: index$1["default"].bool,
+  collapsible: index["default"].bool,
   /**
    * The label for the expand button.
    * This button is not visible if `media` is specified.
    */
-  expandButtonLabel: index$1["default"].string,
+  expandButtonLabel: index["default"].string,
   /**
    * The object describing an image in one of two shapes.
    * - If a single media element is required, use `{render}`.
@@ -195,33 +196,33 @@ exports.InlineTip.propTypes = {
    *
    * Enabling `media` disables the `collapsible` feature.
    */
-  media: index$1["default"].oneOfType([index$1["default"].shape({
-    render: index$1["default"].func
-  }), index$1["default"].shape({
-    filePaths: index$1["default"].string
+  media: index["default"].oneOfType([index["default"].shape({
+    render: index["default"].func
+  }), index["default"].shape({
+    filePaths: index["default"].string
   })]),
   /**
    * Set to `true` to arrange the information in a format
    * that is easier to read in a limited space.
    */
-  narrow: index$1["default"].bool,
+  narrow: index["default"].bool,
   /**
    * Function to call when the tertiary button is clicked.
    */
-  onClick: index$1["default"].func,
+  onClick: index["default"].func,
   /**
    * Function to call when the InlineTip is closed via the "X" button.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Defining the label will show a the tertiary button with the crossroads icon.
    * You will still need to define the `onClose` method to trigger a callback.
    */
-  tertiaryButtonLabel: index$1["default"].string,
+  tertiaryButtonLabel: index["default"].string,
   /**
    * The title of the InlineTip.
    */
-  title: index$1["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
@@ -229,5 +230,5 @@ exports.InlineTip.propTypes = {
    *
    * This will only be applied when `narrow` is false.
    */
-  withLeftGutter: index$1["default"].bool
+  withLeftGutter: index["default"].bool
 };

package/lib/components/InlineTip/InlineTipButton.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"];
 
@@ -37,7 +38,7 @@ exports.InlineTipButton = /*#__PURE__*/React__default["default"].forwardRef(func
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className),
+    className: cx__default["default"](blockClass, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
     size: "md",
@@ -50,11 +51,11 @@ exports.InlineTipButton.propTypes = {
   /**
    * Provide the contents of the InlineTipButton.
    */
-  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
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/InlineTip/InlineTipLink.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 icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 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 _Launch;
 var _excluded = ["children", "className"];
@@ -39,7 +40,7 @@ exports.InlineTipLink = /*#__PURE__*/React__default["default"].forwardRef(functi
     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),
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
     renderIcon: function renderIcon() {
@@ -55,11 +56,11 @@ exports.InlineTipLink.propTypes = {
   /**
    * Provide the contents of the InlineTipLink.
    */
-  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
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -12,7 +12,7 @@ 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 index$1 = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var lodash = require('lodash');
@@ -24,6 +24,7 @@ var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia
 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", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "media", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
 
@@ -186,7 +187,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
   var renderModal = function renderModal(childElements) {
     return /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
       preventCloseOnClickOutside: true,
-      className: index$1["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.
       ),
@@ -196,7 +197,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       ref: _forwardedRef,
       "aria-label": interstitialAriaLabel
     }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
-      className: index$1["default"](headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName),
+      className: cx__default["default"](headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName),
       iconDescription: closeIconDescription,
       buttonOnClick: handleClose
     }, headerTitle && (_h || (_h = /*#__PURE__*/React__default["default"].createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -215,7 +216,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
   };
   var renderFullScreen = function renderFullScreen(childElements) {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: index$1["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.
@@ -223,11 +224,11 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       "aria-label": interstitialAriaLabel,
       ref: ref
     }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: index$1["default"]([_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--container"), isFullScreen)])
+      className: cx__default["default"]([_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--container"), isFullScreen)])
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(blockClass, "--header")
     }, domainName, domainProductDelimiter, _strong || (_strong = /*#__PURE__*/React__default["default"].createElement("strong", null, productName))), /*#__PURE__*/React__default["default"].createElement("header", {
-      className: index$1["default"](headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName)
+      className: cx__default["default"](headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName)
     }, headerTitle && (_h2 || (_h2 = /*#__PURE__*/React__default["default"].createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(blockClass, "--progress")
     }, /*#__PURE__*/React__default["default"].createElement(react.ProgressIndicator, {
@@ -242,20 +243,20 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
   };
   var renderBody = function renderBody() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: index$1["default"]("".concat(blockClass, "--body")),
+      className: cx__default["default"]("".concat(blockClass, "--body")),
       ref: bodyScrollRef
     }, mediaIsDefined ? /*#__PURE__*/React__default["default"].createElement(react.FlexGrid, {
       fullWidth: true,
-      className: index$1["default"]("".concat(blockClass, "--body-grid"))
+      className: cx__default["default"]("".concat(blockClass, "--body-grid"))
     }, /*#__PURE__*/React__default["default"].createElement(react.Row, {
-      className: index$1["default"]("".concat(blockClass, "--body-row"))
+      className: cx__default["default"]("".concat(blockClass, "--body-row"))
     }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
       xlg: contentBreakpoints.xlg,
       lg: contentBreakpoints.lg,
       md: contentBreakpoints.md,
       sm: contentBreakpoints.sm
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: index$1["default"]("".concat(blockClass, "--content"))
+      className: cx__default["default"]("".concat(blockClass, "--content"))
     }, isMultiStep ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(blockClass, "__carousel")
     }, /*#__PURE__*/React__default["default"].createElement(Carousel.Carousel, {
@@ -266,7 +267,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       lg: mediaBreakpoints.lg,
       md: mediaBreakpoints.md,
       sm: mediaBreakpoints.sm,
-      className: index$1["default"]("".concat(blockClass, "--media-container"))
+      className: cx__default["default"]("".concat(blockClass, "--media-container"))
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(blockClass, "--media")
     }, media.render ? media.render() : /*#__PURE__*/React__default["default"].createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
@@ -274,7 +275,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       filePaths: media.filePaths,
       playStep: progStep
     }))))) : /*#__PURE__*/React__default["default"].createElement("div", {
-      className: index$1["default"]("".concat(blockClass, "--content"))
+      className: cx__default["default"]("".concat(blockClass, "--content"))
     }, isMultiStep ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(blockClass, "__carousel")
     }, /*#__PURE__*/React__default["default"].createElement(Carousel.Carousel, {