@carbon/react 1.21.0-rc.0 → 1.22.0-rc.0

package/es/components/Select/Select.js

@@ -250,5 +250,6 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
+var Select$1 = Select;
 
-export { Select as default };
+export { Select$1 as default };

package/es/components/Select/index.js

@@ -7,4 +7,3 @@
 
 import Select from './Select.js';
 export { default as Select, default } from './Select.js';
-export { default as SelectSkeleton } from './Select.Skeleton.js';

package/es/components/SelectItem/SelectItem.js

@@ -65,5 +65,6 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
+var SelectItem$1 = SelectItem;
 
-export { SelectItem as default };
+export { SelectItem$1 as default };

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -55,5 +55,6 @@ SelectItemGroup.defaultProps = {
   disabled: false,
   label: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Provide label'
 };
+var SelectItemGroup$1 = SelectItemGroup;
 
-export { SelectItemGroup as default };
+export { SelectItemGroup$1 as default };

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -37,5 +37,6 @@ SkeletonIcon.propTypes = {
    */
   style: PropTypes.object
 };
+var SkeletonIcon$1 = SkeletonIcon;
 
-export { SkeletonIcon as default };
+export { SkeletonIcon$1 as default };

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -33,5 +33,6 @@ SkeletonPlaceholder.propTypes = {
    */
   className: PropTypes.string
 };
+var SkeletonPlaceholder$1 = SkeletonPlaceholder;
 
-export { SkeletonPlaceholder as default };
+export { SkeletonPlaceholder$1 as default };

package/es/components/SkeletonText/SkeletonText.js

@@ -110,5 +110,6 @@ SkeletonText.defaultProps = {
   heading: false,
   lineCount: 3
 };
+var SkeletonText$1 = SkeletonText;
 
-export { SkeletonText as default };
+export { SkeletonText$1 as default };

package/es/components/Slider/Slider.Skeleton.js

@@ -51,5 +51,6 @@ SliderSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
+var SliderSkeleton$1 = SliderSkeleton;
 
-export { SliderSkeleton, SliderSkeleton as default };
+export { SliderSkeleton, SliderSkeleton$1 as default };

package/es/components/Slider/Slider.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';

package/es/components/Stack/Stack.js

@@ -61,11 +61,15 @@ var Stack = /*#__PURE__*/React__default.forwardRef(function Stack(props, ref) {
     style["--".concat(prefix, "-stack-gap")] = gap;
   }
 
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
-    ref: ref,
-    className: className,
-    style: style
-  }), children);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/forbid-component-props
+    React__default.createElement(BaseComponent, _extends({}, rest, {
+      ref: ref,
+      className: className,
+      style: style
+    }), children)
+  );
 });
 Stack.propTypes = {
   /**

package/es/components/StructuredList/StructuredList.Skeleton.js

@@ -77,5 +77,6 @@ StructuredListSkeleton.defaultProps = {
   rowCount: 5,
   border: false
 };
+var StructuredListSkeleton$1 = StructuredListSkeleton;
 
-export { StructuredListSkeleton as default };
+export { StructuredListSkeleton$1 as default };

package/es/components/Switch/Switch.js

@@ -118,5 +118,6 @@ Switch.defaultProps = {
   onClick: function onClick() {},
   onKeyDown: function onKeyDown() {}
 };
+var Switch$1 = Switch;
 
-export { Switch as default };
+export { Switch$1 as default };

package/es/components/Tab/Tab.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';

package/es/components/TabContent/TabContent.js

@@ -73,5 +73,6 @@ TabContent.propTypes = {
 TabContent.defaultProps = {
   selected: false
 };
+var TabContent$1 = TabContent;
 
-export { TabContent as default };
+export { TabContent$1 as default };

package/es/components/Tabs/Tabs.js

@@ -11,7 +11,6 @@ import cx from 'classnames';
 import debounce from 'lodash.debounce';
 import PropTypes from 'prop-types';
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
-import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { useEffectOnce } from '../../internal/useEffectOnce.js';
@@ -20,9 +19,9 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { ArrowRight, ArrowLeft, Home, End } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import { usePressable } from './usePressable.js';
+import { matches, match } from '../../internal/keyboard/match.js';
+import { ArrowRight, ArrowLeft, Home, End } from '../../internal/keyboard/keys.js';
 
 var _ChevronLeft, _ChevronRight;
 

package/es/components/Tag/Tag.js

@@ -142,5 +142,6 @@ Tag.propTypes = {
   type: PropTypes.oneOf(Object.keys(TYPES))
 };
 var types = Object.keys(TYPES);
+var Tag$1 = Tag;
 
-export { Tag as default, types };
+export { Tag$1 as default, types };

package/es/components/TextArea/TextArea.Skeleton.js

@@ -39,5 +39,6 @@ TextAreaSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
+var TextAreaSkeleton$1 = TextAreaSkeleton;
 
-export { TextAreaSkeleton, TextAreaSkeleton as default };
+export { TextAreaSkeleton, TextAreaSkeleton$1 as default };

package/es/components/TextArea/TextArea.js

@@ -17,9 +17,10 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useAnnouncer } from '../../internal/useAnnouncer.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
+import { useMergedRefs } from '../../internal/useMergedRefs.js';
 
 var _excluded = ["className", "id", "labelText", "hideLabel", "onChange", "onClick", "invalid", "invalidText", "helperText", "light", "placeholder", "enableCounter", "maxCount"];
-var TextArea = /*#__PURE__*/React__default.forwardRef(function TextArea(_ref, ref) {
+var TextArea = /*#__PURE__*/React__default.forwardRef(function TextArea(_ref, forwardRef) {
   var _classNames, _classNames4;
 
   var className = _ref.className,
@@ -99,6 +100,7 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function TextArea(_ref, re
   })) : null;
   var textareaClasses = cx("".concat(prefix, "--text-area"), [enabled ? null : className], (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "--text-area--light"), light), _defineProperty(_classNames4, "".concat(prefix, "--text-area--invalid"), invalid), _classNames4));
   var textareaRef = useRef();
+  var ref = useMergedRefs([forwardRef, textareaRef]);
   useIsomorphicEffect(function () {
     if (other.cols) {
       textareaRef.current.style.width = null;
@@ -113,7 +115,7 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function TextArea(_ref, re
     "aria-describedby": invalid ? errorId : null,
     disabled: other.disabled,
     readOnly: other.readOnly,
-    ref: textareaRef
+    ref: ref
   }));
   return /*#__PURE__*/React__default.createElement("div", {
     className: enabled ? cx("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
@@ -245,5 +247,6 @@ TextArea.defaultProps = {
   enableCounter: false,
   maxCount: undefined
 };
+var TextArea$1 = TextArea;
 
-export { TextArea as default };
+export { TextArea$1 as default };

package/es/components/TextArea/index.js

@@ -7,4 +7,3 @@
 
 import TextArea from './TextArea.js';
 export { default as TextArea, default } from './TextArea.js';
-export { default as TextAreaSkeleton } from './TextArea.Skeleton.js';

package/es/components/TextInput/ControlledPasswordInput.js

@@ -228,5 +228,6 @@ ControlledPasswordInput.defaultProps = {
   helperText: '',
   size: ''
 };
+var ControlledPasswordInput$1 = ControlledPasswordInput;
 
-export { ControlledPasswordInput as default };
+export { ControlledPasswordInput$1 as default };

package/es/components/TextInput/PasswordInput.js

@@ -283,5 +283,6 @@ PasswordInput.propTypes = {
    */
   warnText: PropTypes.node
 };
+var PasswordInput$1 = PasswordInput;
 
-export { PasswordInput as default };
+export { PasswordInput$1 as default };

package/es/components/TextInput/TextInput.Skeleton.js

@@ -39,5 +39,6 @@ TextInputSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
+var TextInputSkeleton$1 = TextInputSkeleton;
 
-export { TextInputSkeleton, TextInputSkeleton as default };
+export { TextInputSkeleton, TextInputSkeleton$1 as default };

package/es/components/TextInput/TextInput.js

@@ -275,5 +275,6 @@ TextInput.propTypes = {
    */
   warnText: PropTypes.node
 };
+var TextInput$1 = TextInput;
 
-export { TextInput as default };
+export { TextInput$1 as default };

package/es/components/TextInput/index.js

@@ -10,7 +10,6 @@ import ControlledPasswordInput from './ControlledPasswordInput.js';
 import PasswordInput from './PasswordInput.js';
 import TextInput from './TextInput.js';
 export { default as TextInput, default } from './TextInput.js';
-export { default as TextInputSkeleton } from './TextInput.Skeleton.js';
 
 TextInput.ControlledPasswordInput = ControlledPasswordInput;
 TextInput.PasswordInput = PasswordInput;

package/es/components/Tile/Tile.js

@@ -11,13 +11,13 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CheckboxCheckedFilled, Checkbox, ChevronDown } from '@carbon/icons-react';
 import Link from '../Link/Link.js';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 
@@ -398,10 +398,6 @@ function ExpandableTile(_ref4) {
     evt.persist();
     setIsExpanded(!isExpanded);
     setMaxHeight();
-
-    if (onClick) {
-      onClick(evt);
-    }
   }
 
   function handleKeyUp(evt) {
@@ -431,7 +427,7 @@ function ExpandableTile(_ref4) {
     var paddingBottom = parseInt(getStyle.getPropertyValue('padding-bottom'), 10);
     setIsTileMaxHeight(height);
     setIsTilePadding(paddingTop + paddingBottom);
-  }, []);
+  }, [isTileMaxHeight]);
   useIsomorphicEffect(function () {
     if (getInteractiveContent(belowTheFold.current)) {
       setInteractive(true);

package/es/components/TileGroup/TileGroup.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends, createClass as _createClass } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import RadioTile from '../RadioTile/RadioTile.js';

package/es/components/TimePicker/TimePicker.js

@@ -256,5 +256,6 @@ TimePicker.propTypes = {
    */
   value: PropTypes.string
 };
+var TimePicker$1 = TimePicker;
 
-export { TimePicker as default };
+export { TimePicker$1 as default };

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -66,5 +66,6 @@ TimePickerSelect.propTypes = {
    */
   id: PropTypes.string.isRequired
 };
+var TimePickerSelectClassic = TimePickerSelect;
 
-export { TimePickerSelect as default };
+export { TimePickerSelectClassic as default };

package/es/components/TimePickerSelect/index.js

@@ -6,8 +6,8 @@
  */
 
 import * as FeatureFlags from '@carbon/feature-flags';
-import TimePickerSelect$1 from './TimePickerSelect.js';
+import TimePickerSelectClassic from './TimePickerSelect.js';
 
-var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$1;
+var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelectClassic : TimePickerSelectClassic;
 
 export { TimePickerSelect, TimePickerSelect as default };

package/es/components/Toggle/Toggle.js

@@ -14,11 +14,12 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _path;
 
-var _excluded = ["className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "readOnly", "size", "toggled"];
+var _excluded = ["aria-labelledby", "className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "readOnly", "size", "toggled"];
 function Toggle(_ref) {
   var _classNames;
 
-  var className = _ref.className,
+  var ariaLabelledby = _ref['aria-labelledby'],
+      className = _ref.className,
       _ref$defaultToggled = _ref.defaultToggled,
       defaultToggled = _ref$defaultToggled === void 0 ? false : _ref$defaultToggled,
       _ref$disabled = _ref.disabled,
@@ -62,6 +63,8 @@ function Toggle(_ref) {
 
   var isSm = size === 'sm';
   var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
+  var renderSideLabel = !(hideLabel && ariaLabelledby);
+  var LabelComponent = ariaLabelledby ? 'div' : 'label';
   var wrapperClasses = cx("".concat(prefix, "--toggle"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--toggle--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--toggle--readonly"), readOnly), _classNames), className);
   var labelTextClasses = cx("".concat(prefix, "--toggle__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx("".concat(prefix, "--toggle__appearance"), _defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
@@ -74,12 +77,13 @@ function Toggle(_ref) {
     role: "switch",
     type: "button",
     "aria-checked": checked,
+    "aria-labelledby": ariaLabelledby,
     disabled: disabled,
     onClick: handleClick
-  })), /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id,
+  })), /*#__PURE__*/React__default.createElement(LabelComponent, {
+    htmlFor: ariaLabelledby ? null : id,
     className: "".concat(prefix, "--toggle__label")
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, labelText && /*#__PURE__*/React__default.createElement("span", {
     className: labelTextClasses
   }, labelText), /*#__PURE__*/React__default.createElement("div", {
     className: appearanceClasses
@@ -92,12 +96,17 @@ function Toggle(_ref) {
     viewBox: "0 0 6 5"
   }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
     d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-  })))), /*#__PURE__*/React__default.createElement("span", {
+  })))), renderSideLabel && /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--toggle__text"),
     "aria-hidden": "true"
   }, sideLabel))));
 }
 Toggle.propTypes = {
+  /**
+   * Specify another element's id to be used as the label for this toggle
+   */
+  'aria-labelledby': PropTypes.string,
+
   /**
    * Specify a custom className to apply to the form-item node
    */
@@ -135,9 +144,19 @@ Toggle.propTypes = {
 
   /**
    * Provide the text that will be read by a screen reader when visiting this
-   * control
+   * control. This is required unless 'aria-labelledby' is provided instead
    */
-  labelText: PropTypes.node.isRequired,
+  labelText: function labelText(props) {
+    if (!props['aria-labelledby'] && !props.labelText) {
+      return new Error('labelText property is required if no aria-labelledby is provided.');
+    }
+
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+
+    return PropTypes.node.apply(PropTypes, [props].concat(rest));
+  },
 
   /**
    * Provide an event listener that is called when the control is clicked

package/es/components/Toggletip/index.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useContext } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 /**
  * Used to render the label for a Toggletip

package/es/components/Tooltip/DefinitionTooltip.js

@@ -10,11 +10,11 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["align", "className", "children", "definition", "defaultOpen", "id", "openOnHover", "tooltipText", "triggerClassName"];
 

package/es/components/Tooltip/Tooltip.js

@@ -10,12 +10,12 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useEffect } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useDelayedState } from '../../internal/useDelayedState.js';
 import { useId } from '../../internal/useId.js';
 import { useNoInteractiveChildren, getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["align", "className", "children", "label", "description", "enterDelayMs", "leaveDelayMs", "defaultOpen"];
 

package/es/components/TreeView/TreeNode.js

@@ -10,10 +10,10 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { CaretDown } from '@carbon/icons-react';
 import cx from 'classnames';
-import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { matches, match } from '../../internal/keyboard/match.js';
+import { ArrowLeft, ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["active", "children", "className", "depth", "disabled", "isExpanded", "label", "onNodeFocusEvent", "onSelect", "onToggle", "onTreeSelect", "renderIcon", "selected", "value"];
 function TreeNode(_ref) {

package/es/components/TreeView/TreeView.js

@@ -9,10 +9,10 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import React__default, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { matches, match } from '../../internal/keyboard/match.js';
+import { ArrowUp, ArrowDown, Home, End } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["active", "children", "className", "hideLabel", "label", "multiselect", "onSelect", "selected", "size"];
 function TreeView(_ref) {

package/es/components/UIShell/Content.js

@@ -45,5 +45,6 @@ Content.propTypes = {
 Content.defaultProps = {
   tagName: 'main'
 };
+var Content$1 = Content;
 
-export { Content as default };
+export { Content$1 as default };

package/es/components/UIShell/Header.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -32,5 +32,6 @@ Header.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
    */
   className: PropTypes.string
 });
+var Header$1 = Header;
 
-export { Header as default };
+export { Header$1 as default };

package/es/components/UIShell/HeaderContainer.js

@@ -39,5 +39,6 @@ HeaderContainer.propTypes = {
 HeaderContainer.defaultProps = {
   isSideNavExpanded: false
 };
+var HeaderContainer$1 = HeaderContainer;
 
-export { HeaderContainer as default };
+export { HeaderContainer$1 as default };

package/es/components/UIShell/HeaderGlobalAction.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["aria-label", "aria-labelledby", "children", "className", "onClick", "isActive", "tooltipAlignment"];
@@ -83,5 +82,6 @@ HeaderGlobalAction.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropTy
   tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end'])
 });
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
+var HeaderGlobalAction$1 = HeaderGlobalAction;
 
-export { HeaderGlobalAction as default };
+export { HeaderGlobalAction$1 as default };

package/es/components/UIShell/HeaderMenu.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["isCurrentPage", "aria-label", "aria-labelledby", "className", "children", "renderMenuContent", "menuLinkName", "focusRef"];
 /**
@@ -246,5 +246,6 @@ var HeaderMenuForwardRef = /*#__PURE__*/React__default.forwardRef(function (prop
   }));
 });
 HeaderMenuForwardRef.displayName = 'HeaderMenu';
+var HeaderMenuForwardRef$1 = HeaderMenuForwardRef;
 
-export { HeaderMenu, HeaderMenuForwardRef as default };
+export { HeaderMenu, HeaderMenuForwardRef$1 as default };

package/es/components/UIShell/HeaderMenuButton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Menu, Close } from '@carbon/icons-react';
 import cx from 'classnames';
 import React__default from 'react';

package/es/components/UIShell/HeaderMenuItem.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -68,5 +68,6 @@ HeaderMenuItem.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {},
    */
   tabIndex: PropTypes.number
 });
+var HeaderMenuItem$1 = HeaderMenuItem;
 
-export { HeaderMenuItem as default };
+export { HeaderMenuItem$1 as default };

package/es/components/UIShell/HeaderName.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';