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

package/lib/components/Coachmark/CoachmarkHeader.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 _excluded = ["closeIconDescription", "onClose", "showCloseButton", "theme"];
 
@@ -50,7 +51,7 @@ exports.CoachmarkHeader = /*#__PURE__*/React__default["default"].forwardRef(func
     theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement("header", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(blockClass, "__").concat(theme)),
+    className: cx__default["default"](blockClass, "".concat(blockClass, "__").concat(theme)),
     ref: ref
     // role="main"
   }, devtools.getDevtoolsProps(componentName)), showCloseButton && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -80,17 +81,17 @@ exports.CoachmarkHeader.propTypes = {
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index$1["default"].string,
+  closeIconDescription: index["default"].string,
   /**
    * Function to call when the close button is clicked.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Show/hide the "X" close button.
    */
-  showCloseButton: index$1["default"].bool,
+  showCloseButton: index["default"].bool,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf(['light', 'dark'])
+  theme: index["default"].oneOf(['light', 'dark'])
 };

package/lib/components/Coachmark/CoachmarkOverlay.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
-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');
 var CoachmarkDragbar = require('./CoachmarkDragbar.js');
@@ -25,6 +25,7 @@ var enums = require('./utils/enums.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", "onClose", "fixedIsVisible", "className", "kind", "theme"];
 
@@ -145,7 +146,7 @@ exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }
   var contentId = uuidv4["default"]();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(blockClass, "--").concat(kind), "".concat(blockClass, "__").concat(theme), (isBeacon || isDraggable) && "".concat(blockClass, "--").concat(coachmark.align), fixedIsVisible && "".concat(blockClass, "--is-visible"), a11yDragMode && "".concat(blockClass, "--is-dragmode"), className),
+    className: cx__default["default"](blockClass, "".concat(blockClass, "--").concat(kind), "".concat(blockClass, "__").concat(theme), (isBeacon || isDraggable) && "".concat(blockClass, "--").concat(coachmark.align), fixedIsVisible && "".concat(blockClass, "--is-visible"), a11yDragMode && "".concat(blockClass, "--is-dragmode"), className),
     ref: overlayRef,
     style: styledTune,
     "aria-labelledby": contentId,
@@ -213,26 +214,26 @@ exports.CoachmarkOverlay.propTypes = {
    * The CoachmarkOverlayElements child components.
    * Validation is handled in the parent Coachmark component.
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The visibility of CoachmarkOverlay is
    * managed in the parent Coachmark component.
    */
-  fixedIsVisible: index$1["default"].bool.isRequired,
+  fixedIsVisible: index["default"].bool.isRequired,
   /**
    * What kind or style of Coachmark to render.
    */
-  kind: index$1["default"].oneOf(Object.values(enums.COACHMARK_OVERLAY_KIND)),
+  kind: index["default"].oneOf(Object.values(enums.COACHMARK_OVERLAY_KIND)),
   /**
    * Function to call when the Coachmark closes.
    */
-  onClose: index$1["default"].func.isRequired,
+  onClose: index["default"].func.isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf(['light', 'dark'])
+  theme: index["default"].oneOf(['light', 'dark'])
 };

package/lib/components/Coachmark/CoachmarkTagline.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 context = require('./utils/context.js');
@@ -22,6 +22,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 _Idea;
 var _excluded = ["closeIconDescription", "onClose", "theme", "title"];
@@ -50,7 +51,7 @@ exports.CoachmarkTagline = /*#__PURE__*/React__default["default"].forwardRef(fun
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var coachmark = context.useCoachmark();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(blockClass, "__").concat(theme), coachmark.isOpen && "".concat(blockClass, "--is-open")),
+    className: cx__default["default"](blockClass, "".concat(blockClass, "__").concat(theme), coachmark.isOpen && "".concat(blockClass, "--is-open")),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     // {...rest}
@@ -87,17 +88,17 @@ exports.CoachmarkTagline.propTypes = {
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index$1["default"].string,
+  closeIconDescription: index["default"].string,
   /**
    * Function to call when the close button is clicked.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf(['light', 'dark']),
+  theme: index["default"].oneOf(['light', 'dark']),
   /**
    * The title of the tagline.
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 };

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.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 devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var context = require('../Coachmark/utils/context.js');
@@ -20,6 +20,7 @@ var context = require('../Coachmark/utils/context.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 _div, _circle;
 var _excluded = ["label", "className", "kind"];
@@ -50,7 +51,7 @@ exports.CoachmarkBeacon = /*#__PURE__*/React__default["default"].forwardRef(func
     left: (_coachmark$positionTu3 = (_coachmark$positionTu4 = coachmark.positionTune) === null || _coachmark$positionTu4 === void 0 ? void 0 : _coachmark$positionTu4.x) !== null && _coachmark$positionTu3 !== void 0 ? _coachmark$positionTu3 : 0
   };
   return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(blockClass, "-").concat(kind), className),
+    className: cx__default["default"](blockClass, "".concat(blockClass, "-").concat(kind), className),
     ref: ref,
     style: overlayPositionStyle
   }, devtools.getDevtoolsProps(componentName), {
@@ -85,15 +86,15 @@ exports.CoachmarkBeacon.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * What style of beacon.
    * BEACON_KIND is an exported enum from the Coachmark and can be used for this value.
    * @see {@link BEACON_KIND}
    */
-  kind: index$1["default"].oneOf(['default']),
+  kind: index["default"].oneOf(['default']),
   /**
    * The aria label.
    */
-  label: index$1["default"].string.isRequired
+  label: index["default"].string.isRequired
 };

package/lib/components/CoachmarkButton/CoachmarkButton.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 devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
@@ -21,6 +21,7 @@ var context = require('../Coachmark/utils/context.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 _div;
 var _excluded = ["className", "label"];
@@ -59,7 +60,7 @@ exports.CoachmarkButton = /*#__PURE__*/React__default["default"].forwardRef(func
     return _div || (_div = /*#__PURE__*/React__default["default"].createElement("div", null, "CoachmarkButton is to be use exclusively within the target prop of Coachmark"));
   }
   return /*#__PURE__*/React__default["default"].createElement(react.Button, _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.
@@ -88,9 +89,9 @@ exports.CoachmarkButton.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The aria label.
    */
-  label: index$1["default"].string.isRequired
+  label: index["default"].string.isRequired
 };

package/lib/components/CoachmarkFixed/CoachmarkFixed.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 devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var reactDom = require('react-dom');
@@ -24,6 +24,7 @@ var enums = require('../Coachmark/utils/enums.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", "onClose", "portalTarget", "tagline", "theme"];
 // Carbon and package components we use.
@@ -165,7 +166,7 @@ exports.CoachmarkFixed = /*#__PURE__*/React__default["default"].forwardRef(funct
   return /*#__PURE__*/React__default["default"].createElement(context.CoachmarkContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, // Apply the block class to the main HTML element
+    className: cx__default["default"](blockClass, // Apply the block class to the main HTML element
     "".concat(blockClass, "__").concat(theme), className // Apply any supplied class names to the main HTML element.
     ),
     ref: ref
@@ -179,7 +180,7 @@ exports.CoachmarkFixed = /*#__PURE__*/React__default["default"].forwardRef(funct
     onClose: handleClose,
     onTransitionEnd: handleTransitionEnd,
     theme: theme,
-    className: index["default"](fixedIsVisible && "".concat(overlayBlockClass, "--is-visible"), overlayBlockClass)
+    className: cx__default["default"](fixedIsVisible && "".concat(overlayBlockClass, "--is-visible"), overlayBlockClass)
   }, children), portalNode)));
 });
 
@@ -198,15 +199,15 @@ exports.CoachmarkFixed.propTypes = {
   /**
    * CoachmarkFixed should use a single CoachmarkOverlayElements component as a child.
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * Function to call when the Coachmark closes.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * By default, the Coachmark will be appended to the end of `document.body`.
    * The Coachmark will remain persistent as the user navigates the app until
@@ -217,13 +218,13 @@ exports.CoachmarkFixed.propTypes = {
    * remain visible as long as that element remains visible or mounted. When the
    * element is hidden or component is unmounted, the Coachmark will disappear.
    */
-  portalTarget: index$1["default"].string,
+  portalTarget: index["default"].string,
   /**
    * The tagline title which will be fixed to the bottom right of the window and will serve as the display trigger.
    */
-  tagline: index$1["default"].string.isRequired,
+  tagline: index["default"].string.isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf(['light', 'dark'])
+  theme: index["default"].oneOf(['light', 'dark'])
 };

package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.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"];
 
@@ -38,7 +39,7 @@ exports.CoachmarkOverlayElement = /*#__PURE__*/React__default["default"].forward
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   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.
@@ -75,17 +76,17 @@ exports.CoachmarkOverlayElement.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,
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The description of the Coachmark.
    */
-  description: index$1["default"].node.isRequired,
+  description: index["default"].node.isRequired,
   /**
    * The title of the Coachmark.
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 };

package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.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 devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
@@ -25,6 +25,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 _excluded = ["className", "children", "isVisible", "media", "nextButtonText", "previousButtonLabel", "closeButtonLabel"];
 
@@ -107,7 +108,7 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React__default["default"].forwar
     return pconsole["default"].warn("The ".concat(componentName, " is a composable container element which should be used only within the scope of a Coachmark or a CoachmarkFixed component."));
   }
   return /*#__PURE__*/React__default["default"].createElement("section", _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.
@@ -123,7 +124,7 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React__default["default"].forwar
     filePaths: media.filePaths,
     playStep: currentProgStep
   })), numProgSteps === 1 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children, closeButtonLabel && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "__footer"), 'coachmark-carousel-controls')
+    className: cx__default["default"]("".concat(blockClass, "__footer"), 'coachmark-carousel-controls')
   }, /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({
     size: "sm"
   }, coachmark.closeButtonProps, {
@@ -135,7 +136,7 @@ exports.CoachmarkOverlayElements = /*#__PURE__*/React__default["default"].forwar
       setScrollPosition(scrollPercent);
     }
   }, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "__footer"))
+    className: cx__default["default"]("".concat(blockClass, "__footer"))
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "--controls-progress")
   }, "".concat(currentProgStep + 1, " / ").concat(numProgSteps)), scrollPosition > 0 && /*#__PURE__*/React__default["default"].createElement(react.Button, {
@@ -181,36 +182,36 @@ exports.CoachmarkOverlayElements.propTypes = {
    * CoachmarkOverlayElements should be used with one or many CoachmarkOverlayElement components as children.
    * @see CoachmarkOverlayElement
    */
-  children: index$1["default"].node.isRequired,
+  children: index["default"].node.isRequired,
   /**
    * Optional class name for this component.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The label for the Close button.
    */
-  closeButtonLabel: index$1["default"].string,
+  closeButtonLabel: index["default"].string,
   /**
    * The visibility of CoachmarkOverlayElements is
    * managed in the parent component.
    */
-  isVisible: index$1["default"].bool,
+  isVisible: index["default"].bool,
   /**
    * The object describing an image in one of two shapes.
    * If a single media element is required, use `{render}`.
    * If a stepped animation is required, use `{filePaths}`.
    */
-  media: index$1["default"].oneOfType([index$1["default"].shape({
-    render: index$1["default"].func
-  }), index$1["default"].shape({
-    filePaths: index$1["default"].arrayOf(index$1["default"].string)
+  media: index["default"].oneOfType([index["default"].shape({
+    render: index["default"].func
+  }), index["default"].shape({
+    filePaths: index["default"].arrayOf(index["default"].string)
   })]),
   /**
    * The label for the Next button.
    */
-  nextButtonText: index$1["default"].string,
+  nextButtonText: index["default"].string,
   /**
    * The label for the Previous button.
    */
-  previousButtonLabel: index$1["default"].string
+  previousButtonLabel: index["default"].string
 };

package/lib/components/CoachmarkStack/CoachmarkStack.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactDom = require('react-dom');
-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');
 var CoachmarkOverlay = require('../Coachmark/CoachmarkOverlay.js');
@@ -25,6 +25,7 @@ var enums = require('../Coachmark/utils/enums.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", "onClose", "description", "media", "navLinkLabels", "portalTarget", "closeButtonLabel", "tagline", "theme", "title"];
 
@@ -189,20 +190,20 @@ exports.CoachmarkStack = /*#__PURE__*/React__default["default"].forwardRef(funct
       },
       theme: theme,
       fixedIsVisible: false,
-      className: index["default"](elementBlockClass, mountedClass, idx === selectedItemNumber - 1 && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted"))
+      className: cx__default["default"](elementBlockClass, mountedClass, idx === selectedItemNumber - 1 && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted"))
     }, child);
   });
   return /*#__PURE__*/React__default["default"].createElement(context.CoachmarkContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, "".concat(settings.pkg.prefix, "--coachmark-overlay--stack"), className),
+    className: cx__default["default"](blockClass, "".concat(settings.pkg.prefix, "--coachmark-overlay--stack"), className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(CoachmarkTagline.CoachmarkTagline, {
     title: tagline,
     onClose: onClose
   }), /*#__PURE__*/React__default["default"].createElement(CoachmarkStackHome.CoachmarkStackHome, {
     ref: stackHomeRef,
-    className: index["default"]("".concat(settings.pkg.prefix, "--coachmark-overlay"), "".concat(settings.pkg.prefix, "--coachmark-overlay__").concat(theme), elementBlockClass, selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked"), selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked__").concat(theme), isOpen && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted")),
+    className: cx__default["default"]("".concat(settings.pkg.prefix, "--coachmark-overlay"), "".concat(settings.pkg.prefix, "--coachmark-overlay__").concat(theme), elementBlockClass, selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked"), selectedItemNumber > 0 && "".concat(elementBlockClass, "--is-stacked__").concat(theme), isOpen && "".concat(elementBlockClass, "--is-visible"), mountedRef.current && "".concat(elementBlockClass, "--is-mounted")),
     isOpen: isOpen && selectedItemNumber < 1,
     description: description,
     media: media,
@@ -231,20 +232,20 @@ exports.CoachmarkStack.propTypes = {
   /**
    * CoachmarkStack should use a single CoachmarkOverlayElements component as a child.
    */
-  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,
   /**
    * The label for the button that will close the Stack
    */
-  closeButtonLabel: index$1["default"].string,
+  closeButtonLabel: index["default"].string,
   // Pass through to CoachmarkStackHome
   /**
    * The description of the Coachmark.
    */
-  description: index$1["default"].node.isRequired,
+  description: index["default"].node.isRequired,
   /**
    * The object describing an image in one of two shapes.
    *
@@ -254,34 +255,34 @@ exports.CoachmarkStack.propTypes = {
    *
    * @see {@link MEDIA_PROP_TYPE}.
    */
-  media: index$1["default"].oneOfType([index$1["default"].shape({
-    render: index$1["default"].func
-  }), index$1["default"].shape({
-    filePaths: index$1["default"].arrayOf(index$1["default"].string)
+  media: index["default"].oneOfType([index["default"].shape({
+    render: index["default"].func
+  }), index["default"].shape({
+    filePaths: index["default"].arrayOf(index["default"].string)
   })]),
   /**
    * The labels used to link to the stackable Coachmarks.
    */
-  navLinkLabels: index$1["default"].arrayOf(index$1["default"].string).isRequired,
+  navLinkLabels: index["default"].arrayOf(index["default"].string).isRequired,
   /**
    * Function to call when the CoachmarkStack closes.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Where in the DOM to render the stack.
    * The default is `document.body`.
    */
-  portalTarget: index$1["default"].string,
+  portalTarget: index["default"].string,
   /**
    * The tagline title which will be fixed to the bottom right of the window and will serve as the display trigger.
    */
-  tagline: index$1["default"].string.isRequired,
+  tagline: index["default"].string.isRequired,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1["default"].oneOf(['light', 'dark']),
+  theme: index["default"].oneOf(['light', 'dark']),
   /**
    * The title of the Coachmark.
    */
-  title: index$1["default"].string.isRequired
+  title: index["default"].string.isRequired
 };