@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/ScrollGradient/ScrollGradient.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -18,11 +16,6 @@ var settings = require('../../settings.js');
 var lodash = require('lodash');
 var constants = require('./constants.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", "color", "onScroll", "scrollElementClassName", "getScrollElementRef", "hideStartGradient"];
 var blockClass = "".concat(settings.pkg.prefix, "--scroll-gradient");
 var componentName = 'ScrollGradient';
@@ -38,7 +31,7 @@ var defaults = {
 /**
  * TODO: A description of the component.
  */
-exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.ScrollGradient = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$color = _ref.color,
@@ -83,19 +76,19 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     yScrollable = _useIsOverflow.yScrollable;
   var gradientRight = yScrollable && scrollContainer.current && contentChildrenContainer.current ? scrollContainer.current.offsetWidth - contentChildrenContainer.current.offsetWidth : 0;
   var gradientBottom = xScrollable && scrollContainer.current && contentChildrenContainer.current ? scrollContainer.current.offsetHeight - contentChildrenContainer.current.offsetHeight : 0;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "--x-").concat(horizontalPosition.toLowerCase()), "".concat(blockClass, "--y-").concat(verticalPosition.toLowerCase()), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--x-scrollable"), xScrollable), "".concat(blockClass, "--y-scrollable"), yScrollable), className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "--x-").concat(horizontalPosition.toLowerCase()), "".concat(blockClass, "--y-").concat(verticalPosition.toLowerCase()), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--x-scrollable"), xScrollable), "".concat(blockClass, "--y-scrollable"), yScrollable), className),
     ref: ref,
     role: "presentation"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
     onScroll: scrollHandler,
     ref: setRefs,
-    className: cx__default["default"]("".concat(blockClass, "__content"), scrollElementClassName),
+    className: cx("".concat(blockClass, "__content"), scrollElementClassName),
     tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: contentChildrenContainer,
     className: "".concat(blockClass, "__content-children")
-  }, children)), !hideStartGradient && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children)), !hideStartGradient && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__start-vertical"),
     style: {
       right: gradientRight,
@@ -103,7 +96,7 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     },
     role: "presentation",
     "aria-hidden": true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__start-horizontal"),
     style: {
       backgroundImage: "linear-gradient(-90deg, transparent, ".concat(color, " 90%)"),
@@ -111,7 +104,7 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     },
     role: "presentation",
     "aria-hidden": true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__end-vertical"),
     style: {
       right: gradientRight,
@@ -120,7 +113,7 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     },
     role: "presentation",
     "aria-hidden": true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__end-horizontal"),
     style: {
       right: gradientRight,
@@ -146,19 +139,19 @@ exports.ScrollGradient.propTypes = {
   /**
    * Provide the contents of the ScrollGradient.
    */
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]),
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /** @type {string} Fade out color. Any valid CSS color value works */
-  color: index["default"].string,
+  color: index.default.string,
   /** @type {(element: HTMLElement) => {}} Optional function to get reference to scrollable DOM element */
-  getScrollElementRef: index["default"].func,
+  getScrollElementRef: index.default.func,
   /** @type {boolean} Set to true if you want to hide gradient on the start side (top or left) of scrollable element. */
-  hideStartGradient: index["default"].bool,
+  hideStartGradient: index.default.bool,
   /** @type {Function} Optional scroll handler */
-  onScroll: index["default"].func,
+  onScroll: index.default.func,
   /** @type {string} Optional classname for scroll element. */
-  scrollElementClassName: index["default"].string
+  scrollElementClassName: index.default.string
 };

package/lib/components/ScrollGradient/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 

package/lib/components/SearchBar/SearchBar.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
@@ -17,11 +15,6 @@ 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 = ["className", "clearButtonLabelText", "hideScopesLabel", "labelText", "onChange", "onSubmit", "placeholderText", "scopes", "scopesTypeLabel", "scopeToString", "selectedScopes", "sortItems", "submitLabel", "translateWithId", "value"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -38,7 +31,7 @@ var defaults = {
   selectedScopes: [],
   hideScopesLabel: true
 };
-exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.SearchBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     clearButtonLabelText = _ref.clearButtonLabelText,
     _ref$hideScopesLabel = _ref.hideScopesLabel,
@@ -130,18 +123,18 @@ exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (
     sortItems: sortItems,
     translateWithId: translateWithId
   };
-  return /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("form", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hide-scopes-label"), hideScopesLabel)),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hide-scopes-label"), hideScopesLabel)),
     onSubmit: handleSubmit
-  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, _rollupPluginBabelHelpers["extends"]({}, multiSelectProps, {
+  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React.createElement(react.MultiSelect, _rollupPluginBabelHelpers.extends({}, multiSelectProps, {
     id: "".concat(blockClass, "__multi-select"),
     name: "search-scopes",
     className: "".concat(blockClass, "__scopes"),
     onChange: handleSearchScopeChange,
     size: "lg"
-  })) : null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  })) : null, /*#__PURE__*/React.createElement(react.Search, {
     className: "".concat(blockClass, "__input"),
     closeButtonLabelText: clearButtonLabelText,
     labelText: labelText,
@@ -150,7 +143,7 @@ exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (
     placeholder: placeholderText,
     value: text,
     size: "lg"
-  }), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), /*#__PURE__*/React.createElement(react.Button, {
     name: "search-submit",
     kind: "primary",
     type: "submit",
@@ -173,7 +166,7 @@ var conditionalScopePropValidator = function conditionalScopePropValidator(props
   for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
     rest[_key - 3] = arguments[_key];
   }
-  return index["default"].string.apply(index["default"], [props, propName, componentName].concat(rest));
+  return index.default.string.apply(index.default, [props, propName, componentName].concat(rest));
 };
 var deprecatedProps = {
   /**
@@ -181,7 +174,7 @@ var deprecatedProps = {
    *
    * Provide accessible label text for the scopes MultiSelect.
    */
-  titleText: index["default"].string
+  titleText: index.default.string
 };
 
 // The types and DocGen commentary for the component props,
@@ -189,48 +182,48 @@ var deprecatedProps = {
 // See https://www.npmjs.com/package/prop-types#usage.
 exports.SearchBar.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /** @type {string} Optional additional class name. */
-  className: index["default"].string,
+  className: index.default.string,
   /** @type {string} The label text for the search text input. */
-  clearButtonLabelText: index["default"].string.isRequired,
+  clearButtonLabelText: index.default.string.isRequired,
   /**
    * Whether or not the scopes MultiSelect label is visually hidden.
    */
-  hideScopesLabel: index["default"].bool,
+  hideScopesLabel: index.default.bool,
   /** @type {string} The label text for the search text input. */
-  labelText: index["default"].string.isRequired,
+  labelText: index.default.string.isRequired,
   /** @type {Function} Function handler for when the user changes their query search. */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /** @type {Function} Function handler for when the user submits a search. */
-  onSubmit: index["default"].func,
+  onSubmit: index.default.func,
   /** @type {string} Placeholder text to be displayed in the search input. */
-  placeholderText: index["default"].string.isRequired,
+  placeholderText: index.default.string.isRequired,
   /** @type {Function} Function to get the text for each scope to display in dropdown. */
-  scopeToString: index["default"].func,
+  scopeToString: index.default.func,
   /** @type {Array<any>} Array of allowed search scopes. */
   /**@ts-ignore */
-  scopes: index["default"].arrayOf(index["default"].oneOfType([index["default"].string, index["default"].object])),
+  scopes: index.default.arrayOf(index.default.oneOfType([index.default.string, index.default.object])),
   /** @type {string} The name text for the search scope type. */
   // eslint-disable-next-line react/require-default-props
   scopesTypeLabel: conditionalScopePropValidator,
   /** @type {Array<any> Array of initially selected search scopes. */
   /**@ts-ignore */
-  selectedScopes: index["default"].arrayOf(index["default"].oneOfType([index["default"].string, index["default"].object])),
+  selectedScopes: index.default.arrayOf(index.default.oneOfType([index.default.string, index.default.object])),
   /**
    * Optional custom sorting algorithm for an array of scope items.
    * By default, scope items are sorted in ascending alphabetical order,
    * with "selected" items moved to the start of the scope items array.
    */
-  sortItems: index["default"].func,
+  sortItems: index.default.func,
   // eslint-disable-line react/require-default-props
 
   /** @type {string} The label text for the search submit button. */
-  submitLabel: index["default"].string.isRequired,
+  submitLabel: index.default.string.isRequired,
   /** @type {func} Callback function for translating MultiSelect's child ListBoxMenuIcon SVG title. */
-  translateWithId: index["default"].func,
+  translateWithId: index.default.func,
   // eslint-disable-line react/require-default-props
 
   /** @type {string} Search query value. */
-  value: index["default"].string
+  value: index.default.string
 }, deprecatedProps);
 
 exports.deprecatedProps = deprecatedProps;

package/lib/components/SidePanel/SidePanel.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var framerMotion = require('framer-motion');
 var icons = require('@carbon/react/icons');
@@ -28,11 +26,6 @@ var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMo
 var useFocus = require('../../global/js/hooks/useFocus.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.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 = ["actionToolbarButtons", "actions", "animateTitle", "children", "className", "closeIconDescription", "condensedActions", "currentStep", "id", "includeOverlay", "labelText", "navigationBackIconDescription", "onNavigationBack", "onRequestClose", "onUnmount", "open", "placement", "preventCloseOnClickOutside", "selectorPageContent", "selectorPrimaryFocus", "size", "slideIn", "slug", "subtitle", "title", "launcherButtonRef"],
   _excluded2 = ["label", "kind", "hasIconOnly", "icon", "renderIcon", "tooltipPosition", "tooltipAlignment", "leading", "disabled", "className", "onClick"];
 var blockClass = "".concat(settings.pkg.prefix, "--side-panel");
@@ -53,7 +46,7 @@ var defaults = {
 /**
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
  */
-exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actionToolbarButtons = _ref.actionToolbarButtons,
     actions = _ref.actions,
     _ref$animateTitle = _ref.animateTitle,
@@ -120,7 +113,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
     keyDownListener = _useFocus.keyDownListener;
   var panelRefValue = sidePanelRef.current;
   var previousOpen = usePreviousValue.usePreviousValue(open);
-  var shouldReduceMotion = usePrefersReducedMotion["default"]();
+  var shouldReduceMotion = usePrefersReducedMotion.default();
 
   // Title animation on scroll related state
   var _useState7 = React.useState(0),
@@ -314,7 +307,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       if (pageContentElement) {
         pageContentElement.style.inlineSize = 'auto';
       } else {
-        pconsole["default"].warn('SidePanel prop `selectorPageContent` was not provided a selector that matches any element on your page. If an element is not found, the panel will render as a slide over.');
+        pconsole.default.warn('SidePanel prop `selectorPageContent` was not provided a selector that matches any element on your page. If an element is not found, the panel will render as a slide over.');
       }
       if (placement && placement === 'right' && pageContentElement) {
         pageContentElement.style.marginInlineEnd = '0';
@@ -342,17 +335,17 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       }, 0);
     }
   }, [animationComplete, firstElement, open, selectorPrimaryFocus, sidePanelRef, slideIn]);
-  var primaryActionContainerClassNames = cx__default["default"](["".concat(blockClass, "__actions-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
-  var mainPanelClassNames = cx__default["default"]([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
+  var primaryActionContainerClassNames = cx(["".concat(blockClass, "__actions-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
+  var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
   var renderTitle = function renderTitle() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "__title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--no-label"), !labelTextRef.current)),
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "__title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__title--no-label"), !labelTextRef.current)),
       ref: titleRef
-    }, /*#__PURE__*/React__default["default"].createElement("h2", {
+    }, /*#__PURE__*/React.createElement("h2", {
       className: "".concat(blockClass, "__title-text"),
       title: title,
       "aria-hidden": false
-    }, title), doAnimateTitle && !shouldReduceMotion && /*#__PURE__*/React__default["default"].createElement("h2", {
+    }, title), doAnimateTitle && !shouldReduceMotion && /*#__PURE__*/React.createElement("h2", {
       className: "".concat(blockClass, "__collapsed-title-text"),
       title: title,
       "aria-hidden": true
@@ -363,32 +356,32 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
     var slugCloseSize = actions && actions.length && /l/.test(size) ? 'md' : 'sm';
     var normalizedSlug;
     if (slug && ((_slug$type = slug['type']) === null || _slug$type === void 0 ? void 0 : _slug$type.displayName) === 'Slug') {
-      normalizedSlug = /*#__PURE__*/React__default["default"].cloneElement(slug, {
+      normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
         // slug size is sm unless actions and size > md
         size: slugCloseSize
       });
     }
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--on-detail-step"), currentStep > 0), "".concat(blockClass, "__header--no-title-animation"), !animateTitle), "".concat(blockClass, "__header--reduced-motion"), shouldReduceMotion), "".concat(blockClass, "__header--has-title"), title)),
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--on-detail-step"), currentStep > 0), "".concat(blockClass, "__header--no-title-animation"), !animateTitle), "".concat(blockClass, "__header--reduced-motion"), shouldReduceMotion), "".concat(blockClass, "__header--has-title"), title)),
       ref: headerRef
-    }, currentStep > 0 && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    }, currentStep > 0 && /*#__PURE__*/React.createElement(react.Button, {
       kind: "ghost",
       size: slugCloseSize,
       disabled: false,
       renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.ArrowLeft, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.ArrowLeft, _rollupPluginBabelHelpers.extends({
           size: 20
         }, props));
       },
       iconDescription: navigationBackIconDescription,
       className: "".concat(blockClass, "__navigation-back-button"),
       onClick: onNavigationBack
-    }), title && title.length && labelText && labelText.length && /*#__PURE__*/React__default["default"].createElement("p", {
+    }), title && title.length && labelText && labelText.length && /*#__PURE__*/React.createElement("p", {
       className: "".concat(blockClass, "__label-text"),
       ref: labelTextRef
-    }, labelText), title && title.length && renderTitle(), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, labelText), title && title.length && renderTitle(), /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__slug-and-close")
-    }, normalizedSlug, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+    }, normalizedSlug, /*#__PURE__*/React.createElement(react.IconButton, {
       className: "".concat(blockClass, "__close-button"),
       label: closeIconDescription,
       onClick: onRequestClose,
@@ -397,15 +390,15 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       "aria-label": closeIconDescription,
       ref: closeRef,
       align: "left"
-    }, /*#__PURE__*/React__default["default"].createElement(icons.Close, {
+    }, /*#__PURE__*/React.createElement(icons.Close, {
       size: 20,
       "aria-hidden": "true",
       tabIndex: "-1",
       className: "".concat(blockClass, "--btn__icon")
-    }))), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
-      className: cx__default["default"]("".concat(blockClass, "__subtitle-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle-text-no-animation-no-action-toolbar"), !doAnimateTitle && (!actionToolbarButtons || !actionToolbarButtons.length))),
+    }))), subtitle && /*#__PURE__*/React.createElement("p", {
+      className: cx("".concat(blockClass, "__subtitle-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle-text-no-animation-no-action-toolbar"), !doAnimateTitle && (!actionToolbarButtons || !actionToolbarButtons.length))),
       ref: subtitleRef
-    }, subtitle), actionToolbarButtons && actionToolbarButtons.length && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, subtitle), actionToolbarButtons && actionToolbarButtons.length && /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__action-toolbar")
     }, actionToolbarButtons.map(function (_ref4) {
       var label = _ref4.label,
@@ -421,7 +414,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
         className = _ref4.className,
         onClick = _ref4.onClick,
         rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded2);
-      return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
+      return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
         key: label,
         kind: kind || 'ghost',
         size: "sm",
@@ -433,16 +426,16 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       }, {
         hasIconOnly: hasIconOnly,
         disabled: disabled,
-        className: cx__default["default"](["".concat(blockClass, "__action-toolbar-button"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-toolbar-leading-button"), leading)]),
+        className: cx(["".concat(blockClass, "__action-toolbar-button"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-toolbar-leading-button"), leading)]),
         onClick: onClick
       }), leading && label);
     })));
   };
   var renderMain = function renderMain() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: innerContentRef,
       onScroll: handleScroll,
-      className: cx__default["default"]("".concat(blockClass, "__inner-content"), "".concat(blockClass, "--scrolls"), "".concat(!doAnimateTitle ? "".concat(blockClass, "__inner-content--no-animated-title") : ''))
+      className: cx("".concat(blockClass, "__inner-content"), "".concat(blockClass, "--scrolls"), "".concat(!doAnimateTitle ? "".concat(blockClass, "__inner-content--no-animated-title") : ''))
     }, children);
   };
   var handleKeyDown = function handleKeyDown(event) {
@@ -451,7 +444,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       keyDownListener(event);
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, null, open && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, _rollupPluginBabelHelpers["extends"]({}, devtools.getDevtoolsProps(componentName), rest, {
+  return /*#__PURE__*/React.createElement(framerMotion.AnimatePresence, null, open && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), rest, {
     id: id,
     className: mainPanelClassNames,
     ref: sidePanelRef,
@@ -468,13 +461,13 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       shouldReduceMotion: shouldReduceMotion
     },
     onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React.createElement(MotionActionSet, {
     actions: actions !== null && actions !== void 0 ? actions : [],
     className: primaryActionContainerClassNames,
     size: size === 'xs' ? 'sm' : size,
     custom: shouldReduceMotion,
     variants: variants.actionSetVariants
-  })), /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, null, includeOverlay && /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
+  })), /*#__PURE__*/React.createElement(framerMotion.AnimatePresence, null, includeOverlay && /*#__PURE__*/React.createElement(framerMotion.motion.div, {
     variants: variants.overlayVariants,
     initial: "hidden",
     animate: "visible",
@@ -491,14 +484,14 @@ exports.SidePanel.propTypes = {
    * Sets the action toolbar buttons
    */
   /**@ts-ignore */
-  actionToolbarButtons: index["default"].arrayOf(index["default"].shape({
-    label: index["default"].string,
-    leading: index["default"].bool,
-    icon: index["default"].oneOfType([index["default"].object, index["default"].func]),
-    onClick: index["default"].func,
-    kind: index["default"].oneOf(['ghost', 'tertiary', 'secondary', 'primary']),
-    tooltipAlignment: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
-    tooltipPosition: index["default"].oneOf(['start', 'center', 'end'])
+  actionToolbarButtons: index.default.arrayOf(index.default.shape({
+    label: index.default.string,
+    leading: index.default.bool,
+    icon: index.default.oneOfType([index.default.object, index.default.func]),
+    onClick: index.default.func,
+    kind: index.default.oneOf(['ghost', 'tertiary', 'secondary', 'primary']),
+    tooltipAlignment: index.default.oneOf(['top', 'right', 'bottom', 'left']),
+    tooltipPosition: index.default.oneOf(['start', 'center', 'end'])
   })),
   /**
    * The primary actions to be shown in the side panel. Each action is
@@ -517,12 +510,12 @@ exports.SidePanel.propTypes = {
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
   actions: propsHelper.allPropTypes([/**@ts-ignore*/
-  ActionSet.ActionSet.validateActions(), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    tooltipPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
-    tooltipAlignment: index["default"].oneOf(['start', 'center', 'end']),
-    label: index["default"].string,
-    loading: index["default"].bool,
+  ActionSet.ActionSet.validateActions(), index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    tooltipPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
+    tooltipAlignment: index.default.oneOf(['start', 'center', 'end']),
+    label: index.default.string,
+    loading: index.default.bool,
     // we duplicate this Button prop to improve the DocGen here
     /**@ts-ignore */
     onClick: react.Button.propTypes.onClick
@@ -530,80 +523,80 @@ exports.SidePanel.propTypes = {
   /**
    * Determines if the title will animate on scroll
    */
-  animateTitle: index["default"].bool,
+  animateTitle: index.default.bool,
   /**
    * Sets the body content of the side panel
    */
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
   /**
    * Sets an optional className to be added to the side panel outermost element
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Sets the close button icon description
    */
-  closeIconDescription: index["default"].string,
+  closeIconDescription: index.default.string,
   /**
    * Determines whether the side panel should render the condensed version (affects action buttons primarily)
    */
-  condensedActions: index["default"].bool,
+  condensedActions: index.default.bool,
   /**
    * Sets the current step of the side panel
    */
-  currentStep: index["default"].number,
+  currentStep: index.default.number,
   /**
    * Unique identifier
    */
-  id: index["default"].string,
+  id: index.default.string,
   /**
    * Determines whether the side panel should render with an overlay
    */
-  includeOverlay: index["default"].bool,
+  includeOverlay: index.default.bool,
   /**
    * Sets the label text which will display above the title text
    */
-  labelText: index["default"].string,
+  labelText: index.default.string,
   /**
    * Provide a ref to return focus to once the modal is closed.
    */
   /**@ts-ignore */
-  launcherButtonRef: index["default"].any,
+  launcherButtonRef: index.default.any,
   /**
    * Sets the icon description for the navigation back icon button
    */
-  navigationBackIconDescription: index["default"].string,
+  navigationBackIconDescription: index.default.string,
   /**
    * Changes the current side panel page to the previous page
    */
-  onNavigationBack: index["default"].func,
+  onNavigationBack: index.default.func,
   /**
    * Specify a handler for closing the side panel.
    * This handler closes the modal, e.g. changing `open` prop.
    */
-  onRequestClose: index["default"].func,
+  onRequestClose: index.default.func,
   /**
    * Optional function called when the side panel exit animation is complete.
    * This handler can be used for any state cleanup needed before the panel is removed from the DOM.
    */
-  onUnmount: index["default"].func,
+  onUnmount: index.default.func,
   /**
    * Determines whether the side panel should render or not
    */
-  open: index["default"].bool.isRequired,
+  open: index.default.bool.isRequired,
   /**
    * Determines if the side panel is on the right or left
    */
-  placement: index["default"].oneOf(['left', 'right']),
+  placement: index.default.oneOf(['left', 'right']),
   /**
    * Prevent closing on click outside of the panel
    */
-  preventCloseOnClickOutside: index["default"].bool,
+  preventCloseOnClickOutside: index.default.bool,
   /**
    * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
    * This prop is required when using the `slideIn` variant of the side panel.
    */
   /**@ts-ignore*/
-  selectorPageContent: index["default"].string.isRequired.if(function (_ref6) {
+  selectorPageContent: index.default.string.isRequired.if(function (_ref6) {
     var slideIn = _ref6.slideIn;
     return slideIn;
   }),
@@ -612,30 +605,30 @@ exports.SidePanel.propTypes = {
    * be focused when the side panel opens
    */
   /**@ts-ignore*/
-  selectorPrimaryFocus: index["default"].string,
+  selectorPrimaryFocus: index.default.string,
   /**
    * Sets the size of the side panel
    */
   /**@ts-ignore*/
-  size: index["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl', '2xl']),
+  size: index.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', '2xl']),
   /**
    * Determines if this panel slides in
    */
   /**@ts-ignore*/
-  slideIn: index["default"].bool,
+  slideIn: index.default.bool,
   /**
    *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
    */
-  slug: index["default"].node,
+  slug: index.default.node,
   /**
    * Sets the subtitle text
    */
-  subtitle: index["default"].node,
+  subtitle: index.default.node,
   /**
    * Sets the title text
    */
   /**@ts-ignore*/
-  title: index["default"].string.isRequired.if(function (_ref7) {
+  title: index.default.string.isRequired.if(function (_ref7) {
     var labelText = _ref7.labelText;
     return labelText;
   })