carbon-addons-iot-react 2.70.0 → 2.72.0

package/es/node_modules/carbon-components-react/es/components/UIShell/Content.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -20,7 +20,7 @@ var Content = function Content(_ref) {
       tagName = _ref.tagName,
       rest = _objectWithoutProperties(_ref, ["className", "children", "tagName"]);
 
-  var className = cx("".concat(prefix, "--content"), customClassName);
+  var className = classnames("".concat(prefix, "--content"), customClassName);
   return React.createElement(tagName, _objectSpread({}, rest, {
     className: className
   }), children);

package/es/node_modules/carbon-components-react/es/components/UIShell/Header.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
@@ -22,7 +22,7 @@ var Header = function Header(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["className", "children"]);
 
-  var className = cx("".concat(prefix, "--header"), customClassName);
+  var className = classnames("".concat(prefix, "--header"), customClassName);
   return React.createElement("header", _extends({}, rest, {
     className: className
   }), children);

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
@@ -36,7 +36,7 @@ var HeaderGlobalAction = React.forwardRef(function HeaderGlobalAction(_ref, ref)
       isActive = _ref.isActive,
       rest = _objectWithoutProperties(_ref, ["aria-label", "aria-labelledby", "children", "className", "onClick", "isActive"]);
 
-  var className = cx((_cx = {}, _defineProperty(_cx, customClassName, !!customClassName), _defineProperty(_cx, "".concat(prefix, "--header__action"), true), _defineProperty(_cx, "".concat(prefix, "--header__action--active"), isActive), _cx));
+  var className = classnames((_cx = {}, _defineProperty(_cx, customClassName, !!customClassName), _defineProperty(_cx, "".concat(prefix, "--header__action"), true), _defineProperty(_cx, "".concat(prefix, "--header__action--active"), isActive), _cx));
   var accessibilityLabel = {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { ChevronDown16 } from '@carbon/icons-react';
+import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import '../../internal/keyboard/navigation.js';
-import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -180,7 +180,7 @@ function (_React$Component) {
         'aria-label': ariaLabel,
         'aria-labelledby': ariaLabelledBy
       };
-      var className = cx("".concat(prefix, "--header__submenu"), customClassName); // Notes on eslint comments and based on the examples in:
+      var className = classnames("".concat(prefix, "--header__submenu"), customClassName); // Notes on eslint comments and based on the examples in:
       // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html#
       // - The focus is handled by the <a> menuitem, onMouseOver is for mouse
       // users

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { Close20, Menu20 } from '@carbon/icons-react';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
@@ -29,7 +29,7 @@ var HeaderMenuButton = function HeaderMenuButton(_ref) {
       isCollapsible = _ref.isCollapsible,
       rest = _objectWithoutProperties(_ref, ["aria-label", "aria-labelledby", "className", "onClick", "isActive", "isCollapsible"]);
 
-  var className = cx((_cx = {}, _defineProperty(_cx, customClassName, !!customClassName), _defineProperty(_cx, "".concat(prefix, "--header__action"), true), _defineProperty(_cx, "".concat(prefix, "--header__menu-trigger"), true), _defineProperty(_cx, "".concat(prefix, "--header__action--active"), isActive), _defineProperty(_cx, "".concat(prefix, "--header__menu-toggle"), true), _defineProperty(_cx, "".concat(prefix, "--header__menu-toggle__hidden"), !isCollapsible), _cx));
+  var className = classnames((_cx = {}, _defineProperty(_cx, customClassName, !!customClassName), _defineProperty(_cx, "".concat(prefix, "--header__action"), true), _defineProperty(_cx, "".concat(prefix, "--header__menu-trigger"), true), _defineProperty(_cx, "".concat(prefix, "--header__action--active"), isActive), _defineProperty(_cx, "".concat(prefix, "--header__menu-toggle"), true), _defineProperty(_cx, "".concat(prefix, "--header__menu-toggle__hidden"), !isCollapsible), _cx));
   var accessibilityLabel = {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderName.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import Link, { LinkPropTypes } from './Link.js';
 
@@ -24,7 +24,7 @@ var HeaderName = function HeaderName(_ref) {
       href = _ref.href,
       rest = _objectWithoutProperties(_ref, ["children", "className", "prefix", "href"]);
 
-  var className = cx("".concat(selectorPrefix, "--header__name"), customClassName);
+  var className = classnames("".concat(selectorPrefix, "--header__name"), customClassName);
   return React.createElement(Link, _extends({}, rest, {
     className: className,
     href: href

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderNavigation.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
@@ -83,7 +83,7 @@ function (_React$Component) {
           customClassName = _this$props.className,
           rest = _objectWithoutProperties(_this$props, ["aria-label", "aria-labelledby", "children", "className"]);
 
-      var className = cx("".concat(prefix, "--header__nav"), customClassName); // Assign both label strategies in this option, only one should be defined
+      var className = classnames("".concat(prefix, "--header__nav"), customClassName); // Assign both label strategies in this option, only one should be defined
       // so when we spread that should be the one that is applied to the node
 
       var accessibilityLabel = {

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderPanel.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
@@ -30,7 +30,7 @@ var HeaderPanel = React.forwardRef(function HeaderPanel(_ref, ref) {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy
   };
-  var className = cx("".concat(prefix, "--header-panel"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--header-panel--expanded"), expanded), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  var className = classnames("".concat(prefix, "--header-panel"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--header-panel--expanded"), expanded), _defineProperty(_cx, customClassName, !!customClassName), _cx));
   return React.createElement("div", _extends({}, other, {
     className: className
   }, accessibilityLabel, {

package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderSideNavItems.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -12,7 +12,7 @@ var HeaderSideNavItems = function HeaderSideNavItems(_ref) {
   var customClassName = _ref.className,
       children = _ref.children,
       hasDivider = _ref.hasDivider;
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__header-navigation"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__header-divider"), hasDivider), _cx), customClassName);
+  var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__header-navigation"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__header-divider"), hasDivider), _cx), customClassName);
   return React.createElement("div", {
     className: className
   }, children);

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNav.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { useRef, useState } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
@@ -78,8 +78,8 @@ var SideNav = React.forwardRef(function SideNav(props, ref) {
   //   ? t('carbon.sidenav.state.open')
   //   : t('carbon.sidenav.state.closed');
 
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav--expanded"), expanded || expandedViaHoverState), _defineProperty(_cx, "".concat(prefix, "--side-nav--collapsed"), !expanded && isFixedNav), _defineProperty(_cx, "".concat(prefix, "--side-nav--rail"), isRail), _defineProperty(_cx, customClassName, !!customClassName), _defineProperty(_cx, "".concat(prefix, "--side-nav--ux"), isChildOfHeader), _defineProperty(_cx, "".concat(prefix, "--side-nav--hidden"), !isPersistent), _cx));
-  var overlayClassName = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--side-nav__overlay"), true), _defineProperty(_cx2, "".concat(prefix, "--side-nav__overlay-active"), expanded), _cx2));
+  var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav--expanded"), expanded || expandedViaHoverState), _defineProperty(_cx, "".concat(prefix, "--side-nav--collapsed"), !expanded && isFixedNav), _defineProperty(_cx, "".concat(prefix, "--side-nav--rail"), isRail), _defineProperty(_cx, customClassName, !!customClassName), _defineProperty(_cx, "".concat(prefix, "--side-nav--ux"), isChildOfHeader), _defineProperty(_cx, "".concat(prefix, "--side-nav--hidden"), !isPersistent), _cx));
+  var overlayClassName = classnames((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--side-nav__overlay"), true), _defineProperty(_cx2, "".concat(prefix, "--side-nav__overlay-active"), expanded), _cx2));
   var childrenToRender = children; // if a rail, pass the expansion state as a prop, so children can update themselves to match
 
   if (isRail) {

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavDetails.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 /**
@@ -15,7 +15,7 @@ var SideNavDetails = function SideNavDetails(_ref) {
   var children = _ref.children,
       customClassName = _ref.className,
       title = _ref.title;
-  var className = cx("".concat(prefix, "--side-nav__details"), customClassName);
+  var className = classnames("".concat(prefix, "--side-nav__details"), customClassName);
   return React.createElement("div", {
     className: className
   }, React.createElement("h2", {

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavFooter.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { Close20, ChevronRight20 } from '@carbon/icons-react';
 
@@ -22,7 +22,7 @@ var SideNavFooter = function SideNavFooter(_ref) {
       customClassName = _ref.className,
       expanded = _ref.expanded,
       onToggle = _ref.onToggle;
-  var className = cx("".concat(prefix, "--side-nav__footer"), customClassName);
+  var className = classnames("".concat(prefix, "--side-nav__footer"), customClassName);
   return React.createElement("footer", {
     className: className
   }, React.createElement("button", {

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavHeader.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import SideNavIcon from './SideNavIcon.js';
 
@@ -16,7 +16,7 @@ var SideNavHeader = function SideNavHeader(_ref) {
   var customClassName = _ref.className,
       children = _ref.children,
       IconElement = _ref.renderIcon;
-  var className = cx("".concat(prefix, "--side-nav__header"), customClassName);
+  var className = classnames("".concat(prefix, "--side-nav__header"), customClassName);
   return React.createElement("header", {
     className: className
   }, React.createElement(SideNavIcon, null, React.createElement(IconElement, null)), children);

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavIcon.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -12,7 +12,7 @@ var SideNavIcon = function SideNavIcon(_ref) {
   var children = _ref.children,
       customClassName = _ref.className,
       small = _ref.small;
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__icon"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__icon--small"), small), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__icon"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__icon--small"), small), _defineProperty(_cx, customClassName, !!customClassName), _cx));
   return React.createElement("div", {
     className: className
   }, children);

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavItem.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -13,7 +13,7 @@ var SideNavItem = function SideNavItem(_ref) {
       children = _ref.children,
       _ref$large = _ref.large,
       large = _ref$large === void 0 ? false : _ref$large;
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
   return React.createElement("li", {
     className: className
   }, children);

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavItems.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 /**
@@ -15,7 +15,7 @@ var SideNavItems = function SideNavItems(_ref) {
   var customClassName = _ref.className,
       children = _ref.children,
       isSideNavExpanded = _ref.isSideNavExpanded;
-  var className = cx(["".concat(prefix, "--side-nav__items")], customClassName);
+  var className = classnames(["".concat(prefix, "--side-nav__items")], customClassName);
   var childrenWithExpandedState = React.Children.map(children, function (child) {
     if (React.isValidElement(child)) {
       return React.cloneElement(child, {

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavLink.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import Link, { LinkPropTypes } from './Link.js';
 import SideNavIcon from './SideNavIcon.js';
@@ -31,7 +31,7 @@ var SideNavLink = function SideNavLink(_ref) {
       isSideNavExpanded = _ref.isSideNavExpanded,
       rest = _objectWithoutProperties(_ref, ["className", "children", "renderIcon", "isActive", "large", "isSideNavExpanded"]);
 
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _defineProperty(_cx, customClassName, !!customClassName), _cx));
   return React.createElement(SideNavItem, {
     large: large
   }, React.createElement(Link, _extends({}, rest, {

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavLinkText.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -15,7 +15,7 @@ var SideNavLinkText = function SideNavLinkText(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["className", "children"]);
 
-  var className = cx("".concat(prefix, "--side-nav__link-text"), customClassName);
+  var className = classnames("".concat(prefix, "--side-nav__link-text"), customClassName);
   return React.createElement("span", _extends({}, rest, {
     className: className
   }), children);

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { ChevronDown20 } from '@carbon/icons-react';
 import { Escape } from '../../internal/keyboard/keys.js';
@@ -94,7 +94,7 @@ function (_React$Component) {
         }) : children.props && (children.props.isActive === true || children.props['aria-current']);
       }
 
-      var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild && !isExpanded), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+      var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild && !isExpanded), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
       return (// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
         React.createElement("li", {
           className: className,

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import Link from './Link.js';
 import SideNavLinkText from './SideNavLinkText.js';
@@ -21,8 +21,8 @@ var SideNavMenuItem = React.forwardRef(function SideNavMenuItem(props, ref) {
       isActive = props.isActive,
       rest = _objectWithoutProperties(props, ["children", "className", "isActive"]);
 
-  var className = cx("".concat(prefix, "--side-nav__menu-item"), customClassName);
-  var linkClassName = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _cx));
+  var className = classnames("".concat(prefix, "--side-nav__menu-item"), customClassName);
+  var linkClassName = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _cx));
   return React.createElement("li", {
     className: className,
     role: "none"

package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { ChevronDown20 } from '@carbon/icons-react';
 
@@ -16,7 +16,7 @@ var SideNavSwitcher = React.forwardRef(function SideNavSwitcher(props, ref) {
       labelText = props.labelText,
       onChange = props.onChange,
       options = props.options;
-  var className = cx("".concat(prefix, "--side-nav__switcher"), customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
+  var className = classnames("".concat(prefix, "--side-nav__switcher"), customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
 
   return React.createElement("div", {
     className: className

package/es/node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -17,7 +17,7 @@ var SkipToContent = function SkipToContent(_ref) {
       tabIndex = _ref.tabIndex,
       rest = _objectWithoutProperties(_ref, ["children", "className", "href", "tabIndex"]);
 
-  var className = cx("".concat(prefix, "--skip-to-content"), customClassName);
+  var className = classnames("".concat(prefix, "--skip-to-content"), customClassName);
   return React.createElement("a", _extends({}, rest, {
     className: className,
     href: href,

package/es/node_modules/carbon-components-react/es/components/UIShell/Switcher.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 
@@ -21,7 +21,7 @@ var Switcher = React.forwardRef(function Switcher(props, ref) {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy
   };
-  var className = cx("".concat(prefix, "--switcher"), _defineProperty({}, customClassName, !!customClassName));
+  var className = classnames("".concat(prefix, "--switcher"), _defineProperty({}, customClassName, !!customClassName));
   return React.createElement("ul", _extends({
     ref: ref,
     className: className

package/es/node_modules/carbon-components-react/es/components/UIShell/SwitcherDivider.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -16,7 +16,7 @@ var SwitcherDivider = function SwitcherDivider(_ref) {
   var customClassName = _ref.className,
       other = _objectWithoutProperties(_ref, ["className"]);
 
-  var className = cx("".concat(prefix, "--switcher__item--divider"), _defineProperty({}, customClassName, !!customClassName));
+  var className = classnames("".concat(prefix, "--switcher__item--divider"), _defineProperty({}, customClassName, !!customClassName));
   return React.createElement("hr", _extends({}, other, {
     className: className
   }));

package/es/node_modules/carbon-components-react/es/components/UIShell/SwitcherItem.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from 'carbon-components';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import Link from './Link.js';
@@ -25,12 +25,12 @@ var SwitcherItem = React.forwardRef(function SwitcherItem(props, ref) {
       isSelected = props.isSelected,
       rest = _objectWithoutProperties(props, ["aria-label", "aria-labelledby", "className", "children", "isSelected"]);
 
-  var className = cx("".concat(prefix, "--switcher__item"), _defineProperty({}, customClassName, !!customClassName));
+  var className = classnames("".concat(prefix, "--switcher__item"), _defineProperty({}, customClassName, !!customClassName));
   var accessibilityLabel = {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy
   };
-  var linkClassName = cx("".concat(prefix, "--switcher__item-link"), _defineProperty({}, "".concat(prefix, "--switcher__item-link--selected"), isSelected));
+  var linkClassName = classnames("".concat(prefix, "--switcher__item-link"), _defineProperty({}, "".concat(prefix, "--switcher__item-link--selected"), isSelected));
   return React.createElement("li", {
     className: className
   }, React.createElement(Link, _extends({}, rest, {

package/es/node_modules/carbon-components-react/es/tools/wrapComponent.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -21,7 +21,7 @@ var wrapComponent = function wrapComponent(_ref) {
     var baseClassName = _ref2.className,
         other = _objectWithoutProperties(_ref2, ["className"]);
 
-    var componentClass = cx(className, baseClassName);
+    var componentClass = classnames(className, baseClassName);
     return React.createElement(type, _objectSpread({}, other, {
       // Prevent Weird quirk where `cx` will evaluate to an empty string, '',
       // and so we have empty `class` attributes in the resulting markup

package/es/src/components/Accordion/AccordionItemDefer.jsx

@@ -0,0 +1,52 @@
+import { AccordionItem } from 'carbon-components-react';
+import React, { useState, useEffect } from 'react';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+var AccordionItemDefer = function AccordionItemDefer(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, ["children"]);
+
+  var open = props.open;
+
+  var _useState = useState(open),
+      _useState2 = _slicedToArray(_useState, 2),
+      openState = _useState2[0],
+      setOpenState = _useState2[1];
+
+  var _useState3 = useState(open),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasEverBeenOpened = _useState4[0],
+      setHasEverBeenOpened = _useState4[1];
+
+  useEffect(function () {
+    setOpenState(open);
+  }, [open]);
+
+  var handleToggle = function handleToggle(event) {
+    if (props.onHeadingClick) {
+      props.onHeadingClick(event);
+    }
+
+    setOpenState(!openState);
+    setHasEverBeenOpened(true);
+  };
+
+  return /*#__PURE__*/React.createElement(AccordionItem, _extends({
+    "data-testid": "accordion-item-deferred"
+  }, props, {
+    onHeadingClick: handleToggle
+  }), openState && children || hasEverBeenOpened && children);
+};
+
+AccordionItemDefer.propTypes = AccordionItem.propTypes;
+AccordionItemDefer.defaultProps = AccordionItem.defaultProps;
+AccordionItemDefer.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "AccordionItemDefer",
+  "composes": ["carbon-components-react"]
+};
+
+export default AccordionItemDefer;

package/es/src/components/AddCard/AddCard.jsx

@@ -1,7 +1,7 @@
 import { ClickableTile } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { g10 } from '@carbon/themes';
 import Add from '../../../node_modules/@carbon/icons-react/es/add/20.js';
 import { settings } from '../../constants/Settings.js';
@@ -23,7 +23,7 @@ var AddCard = function AddCard(_ref) {
       title = _ref.title,
       className = _ref.className;
   return /*#__PURE__*/React.createElement(ClickableTile, {
-    className: cx("".concat(iotPrefix, "-add-card"), className),
+    className: classnames("".concat(iotPrefix, "-add-card"), className),
     handleClick: onClick
   }, /*#__PURE__*/React.createElement("p", {
     className: "".concat(iotPrefix, "-addcard-title")

package/es/src/components/BarChartCard/BarChartCard.jsx

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import 'core-js/modules/es.symbol';
 import 'core-js/modules/es.array.filter';
 import 'core-js/modules/es.array.for-each';
@@ -155,7 +155,7 @@ var BarChartCard = function BarChartCard(_ref) {
     isEmpty: isAllValuesEmpty,
     isLazyLoading: isLazyLoading
   }), !others.isLoading && !isAllValuesEmpty ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cx("".concat(iotPrefix, "--bar-chart-container"), className)
+    className: classnames("".concat(iotPrefix, "--bar-chart-container"), className)
   }, /*#__PURE__*/React.createElement(ChartComponent, {
     data: chartData,
     options: {

package/es/src/components/Breadcrumb/Breadcrumb.jsx

@@ -1,17 +1,17 @@
 import { Breadcrumb, OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React, { Children, useRef, useState, useEffect } from 'react';
-import cx from 'classnames';
-import { OverflowMenuHorizontal20 } from '@carbon/icons-react';
-import warning from 'warning';
+import classnames from 'classnames';
 import _extends from '@babel/runtime/helpers/extends';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'core-js/modules/es.array.concat';
 import 'core-js/modules/es.array.map';
 import 'core-js/modules/es.array.slice';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import useResizeObserver from 'use-resize-observer';
+import { OverflowMenuHorizontal20 } from '@carbon/icons-react';
+import warning from 'warning';
 import { browserSupports } from '../../utils/componentUtilityFunctions.js';
 import '../../index.js';
 
@@ -122,7 +122,7 @@ var Breadcrumb$1 = function Breadcrumb$$1(_ref) {
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [(_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 ? void 0 : _breadcrumbRef$curren.clientWidth, (_breadcrumbRef$curren2 = breadcrumbRef.current) === null || _breadcrumbRef$curren2 === void 0 ? void 0 : _breadcrumbRef$curren2.scrollWidth, prevChildren]);
   return /*#__PURE__*/React.createElement("div", {
-    className: cx('breadcrumb--container', {
+    className: classnames('breadcrumb--container', {
       'breadcrumb--container__overflowfull': afterOverflowItems.length === 1
     }),
     ref: browserSupportsResizeObserver ? breadcrumbRef : null,

package/es/src/components/Button/Button.jsx

@@ -1,7 +1,7 @@
 import { Button, Loading } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import cx from 'classnames';
+import classnames from 'classnames';
 import { settings } from '../../constants/Settings.js';
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -47,7 +47,7 @@ var Button$1 = function Button$$1(props) {
 
   return /*#__PURE__*/React.createElement(Button, _extends({}, other, {
     onClick: onClick,
-    className: cx(className, "".concat(iotPrefix, "--btn")),
+    className: classnames(className, "".concat(iotPrefix, "--btn")),
     disabled: disabled || loading !== undefined && loading !== false
   }), loading ? /*#__PURE__*/React.createElement(Loading, {
     small: true,