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

package/es/components/SearchBar/SearchBar.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { MultiSelect, Search, Button } from '@carbon/react';

package/es/components/SidePanel/SidePanel.js

@@ -9,7 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { motion, useReducedMotion, AnimatePresence } from 'framer-motion';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import { moderate02 } from '@carbon/motion';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';

package/es/components/SimpleHeader/SimpleHeader.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import React__default, { useCallback, useEffect } from 'react';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';

package/es/components/StatusIcon/StatusIcon.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -10,7 +10,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import lottie from 'lottie-web';
 import clamp from 'lodash/clamp';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 

package/es/components/StringFormatter/StringFormatter.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { DefinitionTooltip } from '@carbon/react';

package/es/components/TagSet/TagSet.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { TagSetOverflow } from './TagSetOverflow.js';
 import { TagSetModal } from './TagSetModal.js';
 import { Tag } from '@carbon/react';

package/es/components/TagSet/TagSetModal.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { ComposedModal, ModalHeader, Search, ModalBody, Tag } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';

package/es/components/TagSet/TagSetOverflow.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { Popover, Tag, PopoverContent, Link } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';

package/es/components/Tearsheet/TearsheetShell.js

@@ -9,11 +9,11 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useRef, useState, useEffect } from 'react';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { getNodeTextContent } from '../../global/js/utils/getNodeTextContent.js';
-import { usePrefix, ComposedModal, ModalHeader, Layer, ModalBody, Button } from '@carbon/react';
+import { usePrefix, ComposedModal, ModalHeader, Layer, Button } from '@carbon/react';
 import { Wrap } from '../../global/js/utils/Wrap.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import { useFocus } from '../../global/js/hooks/useFocus.js';
@@ -230,8 +230,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       className: "".concat(bc, "__header-navigation")
     }, navigation)), /*#__PURE__*/React__default.createElement(Wrap, {
       ref: modalBodyRef,
-      element: ModalBody,
-      className: "".concat(bc, "__body")
+      className: "".concat(carbonPrefix, "--modal-content ").concat(bc, "__body")
     }, /*#__PURE__*/React__default.createElement(Wrap, {
       className: cx(_defineProperty(_defineProperty({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
       neverRender: influencerPosition === 'right'
@@ -397,7 +396,7 @@ TearsheetShell.propTypes = _objectSpread2({
    */
   size: PropTypes.oneOf(['narrow', 'wide']).isRequired,
   /**
-   *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
+   *  **Experimental:** Provide a `Slug` component to be rendered inside the `Tearsheet` component
    */
   slug: PropTypes.node,
   /**

package/es/components/Toolbar/Toolbar.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef, useRef, useCallback, useState, useEffect, createContext } from 'react';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';

package/es/components/Toolbar/ToolbarButton.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '@carbon/react';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { pkg } from '../../settings.js';

package/es/components/Toolbar/ToolbarGroup.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef } from 'react';
 import { pkg } from '../../settings.js';

package/es/components/TooltipTrigger/TooltipTrigger.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 
 var _excluded = ["children", "className"];

package/es/components/TruncatedList/TruncatedList.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { Children, useState, useRef, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg, carbon } from '../../settings.js';
 import { Button } from '@carbon/react';

package/es/components/UserAvatar/UserAvatar.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { usePrefix, Tooltip } from '@carbon/react';

package/es/components/UserProfileImage/UserProfileImage.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';

package/es/components/WebTerminal/WebTerminal.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useMemo, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { Help, Close } from '@carbon/react/icons';
 import { OverflowMenu, OverflowMenuItem, Button, Theme } from '@carbon/react';

package/es/components/WebTerminal/WebTerminalContentWrapper.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { useWebTerminal } from './hooks/index.js';
 

package/es/components/_Canary/Canary.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import pkg from '../../global/js/package-settings.js';
 import { CodeSnippet } from '@carbon/react';
 

package/es/node_modules/prop-types/index.js

@@ -6,7 +6,7 @@
  */
 
 import { getDefaultExportFromCjs } from '../../_virtual/_commonjsHelpers.js';
-import { __module as propTypes } from '../../_virtual/index2.js';
+import { __module as propTypes } from '../../_virtual/index.js';
 import require$$0 from 'react-is';
 import { __require as requireFactoryWithTypeCheckers } from './factoryWithTypeCheckers.js';
 import { __require as requireFactoryWithThrowingShims } from './factoryWithThrowingShims.js';

package/lib/_virtual/index.js

@@ -9,6 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classnames = {exports: {}};
+var propTypes = {exports: {}};
 
-exports.__module = classnames;
+exports.__module = propTypes;

package/lib/components/APIKeyModal/APIKeyModal.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 APIKeyDownloader = require('./APIKeyDownloader.js');
@@ -25,6 +25,7 @@ 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 _ErrorFilled, _InformationFilled;
 var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "editButtonText", "editSuccess", "editSuccessTitle", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "showAPIKeyLabel"];
@@ -237,7 +238,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     open: open,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), {
-    className: index["default"](className, blockClass),
+    className: cx__default["default"](className, blockClass),
     onClose: onCloseHandler,
     size: "sm",
     "aria-label": modalLabel,
@@ -335,190 +336,190 @@ exports.APIKeyModal.propTypes = {
   /**
    * the api key that's displayed to the user when a request to create is fulfilled.
    */
-  apiKey: index$1["default"].string,
+  apiKey: index["default"].string,
   /**
    * label for the text input that holds the api key.
    */
-  apiKeyLabel: index$1["default"].string,
+  apiKeyLabel: index["default"].string,
   /**
    * the name of the api key. should only be supplied in edit mode.
    */
-  apiKeyName: index$1["default"].string,
+  apiKeyName: index["default"].string,
   /**
    * 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,
   /**
    * text for the close button
    */
-  closeButtonText: index$1["default"].string,
+  closeButtonText: index["default"].string,
   /**
    * text for the copy button
    */
-  copyButtonText: index$1["default"].string,
+  copyButtonText: index["default"].string,
   /**
    * Error message for when the copy function fails
    */
-  copyErrorText: index$1["default"].string,
+  copyErrorText: index["default"].string,
   /**
    * text description for the copy button icon
    */
-  copyIconDescription: index$1["default"].string,
+  copyIconDescription: index["default"].string,
   /**
    * if you need more options for key creation beyond just the name use custom steps to obtain whatever data is required.
    */
-  customSteps: index$1["default"].arrayOf(index$1["default"].shape({
+  customSteps: index["default"].arrayOf(index["default"].shape({
     /**
      * designates if the step has passed whatever validation rules are in place.
      */
-    valid: index$1["default"].bool,
+    valid: index["default"].bool,
     /**
      * designates content is the JSX that holds whatever inputs you need
      */
-    content: index$1["default"].node,
+    content: index["default"].node,
     /**
      * designates the title that's displayed at the top of the modal for each step
      */
-    title: index$1["default"].string
+    title: index["default"].string
   })),
   /**
    * the content that appears that indicates the key is downloadable
    */
-  downloadBodyText: downloadRequiredProps(index$1["default"].string),
+  downloadBodyText: downloadRequiredProps(index["default"].string),
   /**
    * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
    */
-  downloadFileName: downloadRequiredProps(index$1["default"].string),
+  downloadFileName: downloadRequiredProps(index["default"].string),
   /**
    * designates the file type for the downloadable key
    */
-  downloadFileType: downloadRequiredProps(index$1["default"].oneOf(['txt', 'json'])),
+  downloadFileType: downloadRequiredProps(index["default"].oneOf(['txt', 'json'])),
   /**
    * anchor text for the download link
    */
-  downloadLinkText: downloadRequiredProps(index$1["default"].string),
+  downloadLinkText: downloadRequiredProps(index["default"].string),
   /**
    * text for the edit button
    */
-  editButtonText: editRequiredProps(index$1["default"].string),
+  editButtonText: editRequiredProps(index["default"].string),
   /**
    * designates if the edit request was successful
    */
-  editSuccess: editRequiredProps(index$1["default"].bool),
+  editSuccess: editRequiredProps(index["default"].bool),
   /**
    * title for a successful edit
    */
-  editSuccessTitle: editRequiredProps(index$1["default"].string),
+  editSuccessTitle: editRequiredProps(index["default"].string),
   /**
    * designates if the modal is in the edit mode
    */
-  editing: index$1["default"].bool,
+  editing: index["default"].bool,
   /**
    * designates if an error has occurred in a request
    */
-  error: index$1["default"].bool,
+  error: index["default"].bool,
   /**
    * text to display if an error has occurred
    */
-  errorText: index$1["default"].string,
+  errorText: index["default"].string,
   /**
    * default primary button text for modal in assumed default mode create or generate.
    * in create mode this is the button text prior to supplying an api key, which then
    * uses copyButtonText
    */
-  generateButtonText: index$1["default"].string,
+  generateButtonText: index["default"].string,
   /**
    * content to display if generate request was successful
    */
-  generateSuccessBody: index$1["default"].node,
+  generateSuccessBody: index["default"].node,
   /**
    * title for a successful key generation
    */
-  generateSuccessTitle: index$1["default"].string,
+  generateSuccessTitle: index["default"].string,
   /**
    * default title for the modal in generate key mode
    */
-  generateTitle: index$1["default"].string,
+  generateTitle: index["default"].string,
   /**
    * designates if the api input has the visibility toggle enabled
    */
-  hasAPIKeyVisibilityToggle: index$1["default"].bool,
+  hasAPIKeyVisibilityToggle: index["default"].bool,
   /**
    * designates if user is able to download the api key
    */
-  hasDownloadLink: index$1["default"].bool,
+  hasDownloadLink: index["default"].bool,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
-  hideAPIKeyLabel: index$1["default"].string,
+  hideAPIKeyLabel: index["default"].string,
   /**
    * designates if the modal is in a loading state via a request or some other in progress operation
    */
-  loading: index$1["default"].bool,
+  loading: index["default"].bool,
   /**
    * text that displays while modal is in the loading state
    */
-  loadingText: index$1["default"].string,
+  loadingText: index["default"].string,
   /**
    * general label text for modal
    */
-  modalLabel: index$1["default"].string,
+  modalLabel: index["default"].string,
   /**
    * helper text for name input
    */
-  nameHelperText: index$1["default"].string,
+  nameHelperText: index["default"].string,
   /**
    * label for api key name input
    */
-  nameLabel: index$1["default"].string,
+  nameLabel: index["default"].string,
   /**
    * placeholder text for api key name input
    */
-  namePlaceholder: index$1["default"].string,
+  namePlaceholder: index["default"].string,
   /**
    * designates if a name is required or not for key generation. NOTE- if using custom steps set this to false since you will be using your own validation
    */
-  nameRequired: index$1["default"].bool,
+  nameRequired: index["default"].bool,
   /**
    * text that displays in the primary button when using custom steps to indicate to the user that there is a next step
    */
-  nextStepButtonText: customStepsRequiredProps(index$1["default"].string),
+  nextStepButtonText: customStepsRequiredProps(index["default"].string),
   /**
    * handler for on modal close
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Optional callback if you want to use your own copy function instead of the build in one
    * onCopy(apiKey)
    */
-  onCopy: index$1["default"].func,
+  onCopy: index["default"].func,
   /**
    * handler for api key edit
    */
-  onRequestEdit: index$1["default"].func,
+  onRequestEdit: index["default"].func,
   /**
    * handler for api key generation
    */
-  onRequestGenerate: index$1["default"].func,
+  onRequestGenerate: index["default"].func,
   /**
    * designates if modal is open or closed
    */
-  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,
   /**
    * text that displays in the secondary button when using custom steps to indicate to the user that there is a previous step
    */
-  previousStepButtonText: customStepsRequiredProps(index$1["default"].string),
+  previousStepButtonText: customStepsRequiredProps(index["default"].string),
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
-  showAPIKeyLabel: index$1["default"].string
+  showAPIKeyLabel: index["default"].string
 };
 exports.APIKeyModal.displayName = componentName;

package/lib/components/AboutModal/AboutModal.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.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 settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var devtools = require('../../global/js/utils/devtools.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 _excluded = ["additionalInfo", "className", "closeIconDescription", "copyrightText", "content", "links", "logo", "modalAriaLabel", "onClose", "open", "portalTarget", "title", "version"];
 
@@ -79,7 +80,7 @@ exports.AboutModal = /*#__PURE__*/React__default["default"].forwardRef(function
   // Detect resize of the ModalBody to recalculate whether scrolling is enabled
   useResizeObserver.useResizeObserver(bodyRef, handleResize);
   return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _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.
     ),
@@ -137,61 +138,61 @@ exports.AboutModal.propTypes = {
    * to build your product you can provide this in the additionalInfo.
    * Additional information will be displayed in the footer.
    */
-  additionalInfo: index$1["default"].node,
+  additionalInfo: index["default"].node,
   /**
    * Provide an optional class to be applied to the modal root node.
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * The accessibility title for the close icon.
    */
-  closeIconDescription: index$1["default"].string.isRequired,
+  closeIconDescription: index["default"].string.isRequired,
   /**
    * Subhead text providing any relevant product disclaimers including
    * legal information (optional)
    */
-  content: index$1["default"].node,
+  content: index["default"].node,
   /**
    * Trademark and copyright information. Displays first year of
    * product release to current year.
    */
-  copyrightText: index$1["default"].string.isRequired,
+  copyrightText: index["default"].string.isRequired,
   /**
    * An array of Carbon `Link` component if there are additional information
    * to call out within the card. The about modal should be used to display
    * the product information and not where users go to find help (optional)
    */
-  links: index$1["default"].arrayOf(index$1["default"].element),
+  links: index["default"].arrayOf(index["default"].element),
   /**
    * A visual symbol used to represent the product.
    */
-  logo: index$1["default"].node.isRequired,
+  logo: index["default"].node.isRequired,
   /**
    * Specifies aria label for AboutModal
    */
-  modalAriaLabel: index$1["default"].string,
+  modalAriaLabel: index["default"].string,
   /**
    * Specifies an optional handler which is called when the AboutModal
    * is closed. Returning `false` prevents the AboutModal from closing.
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Specifies whether the AboutModal is open or not.
    */
-  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,
   /**
    * Header text that provides the product name. The IBM Services logo
    * consists of two discrete, but required, elements: the iconic
    * IBM 8-bar logo represented alongside the IBM Services logotype.
    * Please follow these guidelines to ensure proper execution.
    */
-  title: index$1["default"].node.isRequired,
+  title: index["default"].node.isRequired,
   /**
    * Text that provides information on the version number of your product.
    */
-  version: index$1["default"].string.isRequired
+  version: index["default"].string.isRequired
 };