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

package/lib/components/Search/Search.Skeleton.js

@@ -55,6 +55,7 @@ SearchSkeleton.propTypes = {
 SearchSkeleton.defaultProps = {
   small: false
 };
+var SearchSkeleton$1 = SearchSkeleton;
 
 exports.SearchSkeleton = SearchSkeleton;
-exports["default"] = SearchSkeleton;
+exports["default"] = SearchSkeleton$1;

package/lib/components/Search/Search.js

@@ -15,8 +15,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../../internal/focus/index.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var events = require('../../tools/events.js');
@@ -24,6 +22,8 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -277,5 +277,6 @@ CustomSearchIcon.propTypes = {
    */
   icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
+var Search$1 = Search;
 
-exports["default"] = Search;
+exports["default"] = Search$1;

package/lib/components/Search/index.js

@@ -10,10 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Search = require('./Search.js');
-var Search_Skeleton = require('./Search.Skeleton.js');
 
 
 
 exports.Search = Search["default"];
 exports["default"] = Search["default"];
-exports.SearchSkeleton = Search_Skeleton["default"];

package/lib/components/SecondaryButton/SecondaryButton.js

@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,4 +23,6 @@ var SecondaryButton = function SecondaryButton(props) {
   }, props));
 };
 
-exports["default"] = SecondaryButton;
+var SecondaryButton$1 = SecondaryButton;
+
+exports["default"] = SecondaryButton$1;

package/lib/components/Select/Select.Skeleton.js

@@ -51,6 +51,7 @@ SelectSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
+var SelectSkeleton$1 = SelectSkeleton;
 
 exports.SelectSkeleton = SelectSkeleton;
-exports["default"] = SelectSkeleton;
+exports["default"] = SelectSkeleton$1;

package/lib/components/Select/Select.js

@@ -260,5 +260,6 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
+var Select$1 = Select;
 
-exports["default"] = Select;
+exports["default"] = Select$1;

package/lib/components/Select/index.js

@@ -10,10 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Select = require('./Select.js');
-var Select_Skeleton = require('./Select.Skeleton.js');
 
 
 
 exports.Select = Select["default"];
 exports["default"] = Select["default"];
-exports.SelectSkeleton = Select_Skeleton["default"];

package/lib/components/SelectItem/SelectItem.js

@@ -75,5 +75,6 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
+var SelectItem$1 = SelectItem;
 
-exports["default"] = SelectItem;
+exports["default"] = SelectItem$1;

package/lib/components/SelectItemGroup/SelectItemGroup.js

@@ -84,5 +84,6 @@ SelectItemGroup.defaultProps = {
   disabled: false,
   label: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Provide label'
 };
+var SelectItemGroup$1 = SelectItemGroup;
 
-exports["default"] = SelectItemGroup;
+exports["default"] = SelectItemGroup$1;

package/lib/components/SkeletonIcon/SkeletonIcon.js

@@ -47,5 +47,6 @@ SkeletonIcon.propTypes = {
    */
   style: PropTypes__default["default"].object
 };
+var SkeletonIcon$1 = SkeletonIcon;
 
-exports["default"] = SkeletonIcon;
+exports["default"] = SkeletonIcon$1;

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -43,5 +43,6 @@ SkeletonPlaceholder.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+var SkeletonPlaceholder$1 = SkeletonPlaceholder;
 
-exports["default"] = SkeletonPlaceholder;
+exports["default"] = SkeletonPlaceholder$1;

package/lib/components/SkeletonText/SkeletonText.js

@@ -120,5 +120,6 @@ SkeletonText.defaultProps = {
   heading: false,
   lineCount: 3
 };
+var SkeletonText$1 = SkeletonText;
 
-exports["default"] = SkeletonText;
+exports["default"] = SkeletonText$1;

package/lib/components/Slider/Slider.Skeleton.js

@@ -61,6 +61,7 @@ SliderSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
+var SliderSkeleton$1 = SliderSkeleton;
 
 exports.SliderSkeleton = SliderSkeleton;
-exports["default"] = SliderSkeleton;
+exports["default"] = SliderSkeleton$1;

package/lib/components/Stack/Stack.js

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

package/lib/components/StructuredList/StructuredList.Skeleton.js

@@ -87,5 +87,6 @@ StructuredListSkeleton.defaultProps = {
   rowCount: 5,
   border: false
 };
+var StructuredListSkeleton$1 = StructuredListSkeleton;
 
-exports["default"] = StructuredListSkeleton;
+exports["default"] = StructuredListSkeleton$1;

package/lib/components/Switch/Switch.js

@@ -128,5 +128,6 @@ Switch.defaultProps = {
   onClick: function onClick() {},
   onKeyDown: function onKeyDown() {}
 };
+var Switch$1 = Switch;
 
-exports["default"] = Switch;
+exports["default"] = Switch$1;

package/lib/components/TabContent/TabContent.js

@@ -83,5 +83,6 @@ TabContent.propTypes = {
 TabContent.defaultProps = {
   selected: false
 };
+var TabContent$1 = TabContent;
 
-exports["default"] = TabContent;
+exports["default"] = TabContent$1;

package/lib/components/Tabs/Tabs.js

@@ -15,7 +15,6 @@ var cx = require('classnames');
 var debounce = require('lodash.debounce');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var useEffectOnce = require('../../internal/useEffectOnce.js');
@@ -24,9 +23,9 @@ var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePressable = require('./usePressable.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tag/Tag.js

@@ -152,6 +152,7 @@ Tag.propTypes = {
   type: PropTypes__default["default"].oneOf(Object.keys(TYPES))
 };
 var types = Object.keys(TYPES);
+var Tag$1 = Tag;
 
-exports["default"] = Tag;
+exports["default"] = Tag$1;
 exports.types = types;

package/lib/components/TextArea/TextArea.Skeleton.js

@@ -49,6 +49,7 @@ TextAreaSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
+var TextAreaSkeleton$1 = TextAreaSkeleton;
 
 exports.TextAreaSkeleton = TextAreaSkeleton;
-exports["default"] = TextAreaSkeleton;
+exports["default"] = TextAreaSkeleton$1;

package/lib/components/TextArea/TextArea.js

@@ -21,6 +21,7 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var useAnnouncer = require('../../internal/useAnnouncer.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
+var useMergedRefs = require('../../internal/useMergedRefs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +30,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "id", "labelText", "hideLabel", "onChange", "onClick", "invalid", "invalidText", "helperText", "light", "placeholder", "enableCounter", "maxCount"];
-var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextArea(_ref, ref) {
+var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextArea(_ref, forwardRef) {
   var _classNames, _classNames4;
 
   var className = _ref.className,
@@ -109,6 +110,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
   })) : null;
   var textareaClasses = cx__default["default"]("".concat(prefix, "--text-area"), [enabled ? null : className], (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-area--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-area--invalid"), invalid), _classNames4));
   var textareaRef = React.useRef();
+  var ref = useMergedRefs.useMergedRefs([forwardRef, textareaRef]);
   useIsomorphicEffect["default"](function () {
     if (other.cols) {
       textareaRef.current.style.width = null;
@@ -123,7 +125,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
     "aria-describedby": invalid ? errorId : null,
     disabled: other.disabled,
     readOnly: other.readOnly,
-    ref: textareaRef
+    ref: ref
   }));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
@@ -255,5 +257,6 @@ TextArea.defaultProps = {
   enableCounter: false,
   maxCount: undefined
 };
+var TextArea$1 = TextArea;
 
-exports["default"] = TextArea;
+exports["default"] = TextArea$1;

package/lib/components/TextArea/index.js

@@ -10,10 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var TextArea = require('./TextArea.js');
-var TextArea_Skeleton = require('./TextArea.Skeleton.js');
 
 
 
 exports.TextArea = TextArea["default"];
 exports["default"] = TextArea["default"];
-exports.TextAreaSkeleton = TextArea_Skeleton["default"];

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -238,5 +238,6 @@ ControlledPasswordInput.defaultProps = {
   helperText: '',
   size: ''
 };
+var ControlledPasswordInput$1 = ControlledPasswordInput;
 
-exports["default"] = ControlledPasswordInput;
+exports["default"] = ControlledPasswordInput$1;

package/lib/components/TextInput/PasswordInput.js

@@ -312,5 +312,6 @@ PasswordInput.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var PasswordInput$1 = PasswordInput;
 
-exports["default"] = PasswordInput;
+exports["default"] = PasswordInput$1;

package/lib/components/TextInput/TextInput.Skeleton.js

@@ -49,6 +49,7 @@ TextInputSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
+var TextInputSkeleton$1 = TextInputSkeleton;
 
 exports.TextInputSkeleton = TextInputSkeleton;
-exports["default"] = TextInputSkeleton;
+exports["default"] = TextInputSkeleton$1;

package/lib/components/TextInput/TextInput.js

@@ -304,5 +304,6 @@ TextInput.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var TextInput$1 = TextInput;
 
-exports["default"] = TextInput;
+exports["default"] = TextInput$1;

package/lib/components/TextInput/index.js

@@ -13,7 +13,6 @@ var deprecateFieldOnObject = require('../../internal/deprecateFieldOnObject.js')
 var ControlledPasswordInput = require('./ControlledPasswordInput.js');
 var PasswordInput = require('./PasswordInput.js');
 var TextInput = require('./TextInput.js');
-var TextInput_Skeleton = require('./TextInput.Skeleton.js');
 
 TextInput["default"].ControlledPasswordInput = ControlledPasswordInput["default"];
 TextInput["default"].PasswordInput = PasswordInput["default"];
@@ -25,4 +24,3 @@ if (process.env.NODE_ENV !== "production") {
 
 exports.TextInput = TextInput["default"];
 exports["default"] = TextInput["default"];
-exports.TextInputSkeleton = TextInput_Skeleton["default"];

package/lib/components/Tile/Tile.js

@@ -15,13 +15,13 @@ var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Link = require('../Link/Link.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var events = require('../../tools/events.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -408,10 +408,6 @@ function ExpandableTile(_ref4) {
     evt.persist();
     setIsExpanded(!isExpanded);
     setMaxHeight();
-
-    if (onClick) {
-      onClick(evt);
-    }
   }
 
   function handleKeyUp(evt) {
@@ -441,7 +437,7 @@ function ExpandableTile(_ref4) {
     var paddingBottom = parseInt(getStyle.getPropertyValue('padding-bottom'), 10);
     setIsTileMaxHeight(height);
     setIsTilePadding(paddingTop + paddingBottom);
-  }, []);
+  }, [isTileMaxHeight]);
   useIsomorphicEffect["default"](function () {
     if (useNoInteractiveChildren.getInteractiveContent(belowTheFold.current)) {
       setInteractive(true);

package/lib/components/TimePicker/TimePicker.js

@@ -266,5 +266,6 @@ TimePicker.propTypes = {
    */
   value: PropTypes__default["default"].string
 };
+var TimePicker$1 = TimePicker;
 
-exports["default"] = TimePicker;
+exports["default"] = TimePicker$1;

package/lib/components/TimePickerSelect/TimePickerSelect.js

@@ -76,5 +76,6 @@ TimePickerSelect.propTypes = {
    */
   id: PropTypes__default["default"].string.isRequired
 };
+var TimePickerSelectClassic = TimePickerSelect;
 
-exports["default"] = TimePickerSelect;
+exports["default"] = TimePickerSelectClassic;

package/lib/components/Toggle/Toggle.js

@@ -24,11 +24,12 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 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,
@@ -72,6 +73,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__default["default"]("".concat(prefix, "--toggle"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--toggle--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--toggle--readonly"), readOnly), _classNames), className);
   var labelTextClasses = cx__default["default"]("".concat(prefix, "--toggle__label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx__default["default"]("".concat(prefix, "--toggle__appearance"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
@@ -84,12 +87,13 @@ function Toggle(_ref) {
     role: "switch",
     type: "button",
     "aria-checked": checked,
+    "aria-labelledby": ariaLabelledby,
     disabled: disabled,
     onClick: handleClick
-  })), /*#__PURE__*/React__default["default"].createElement("label", {
-    htmlFor: id,
+  })), /*#__PURE__*/React__default["default"].createElement(LabelComponent, {
+    htmlFor: ariaLabelledby ? null : id,
     className: "".concat(prefix, "--toggle__label")
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, labelText && /*#__PURE__*/React__default["default"].createElement("span", {
     className: labelTextClasses
   }, labelText), /*#__PURE__*/React__default["default"].createElement("div", {
     className: appearanceClasses
@@ -102,12 +106,17 @@ function Toggle(_ref) {
     viewBox: "0 0 6 5"
   }, _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-  })))), /*#__PURE__*/React__default["default"].createElement("span", {
+  })))), renderSideLabel && /*#__PURE__*/React__default["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__default["default"].string,
+
   /**
    * Specify a custom className to apply to the form-item node
    */
@@ -145,9 +154,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__default["default"].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__default["default"].node.apply(PropTypes__default["default"], [props].concat(rest));
+  },
 
   /**
    * Provide an event listener that is called when the control is clicked

package/lib/components/Toggletip/index.js

@@ -14,11 +14,11 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var useEvent = require('../../internal/useEvent.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tooltip/DefinitionTooltip.js

@@ -14,11 +14,11 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tooltip/Tooltip.js

@@ -14,12 +14,12 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Popover/index.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var useDelayedState = require('../../internal/useDelayedState.js');
 var useId = require('../../internal/useId.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/TreeView/TreeNode.js

@@ -14,10 +14,10 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/TreeView/TreeView.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/UIShell/Content.js

@@ -55,5 +55,6 @@ Content.propTypes = {
 Content.defaultProps = {
   tagName: 'main'
 };
+var Content$1 = Content;
 
-exports["default"] = Content;
+exports["default"] = Content$1;

package/lib/components/UIShell/Header.js

@@ -42,5 +42,6 @@ Header.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHel
    */
   className: PropTypes__default["default"].string
 });
+var Header$1 = Header;
 
-exports["default"] = Header;
+exports["default"] = Header$1;

package/lib/components/UIShell/HeaderContainer.js

@@ -48,5 +48,6 @@ HeaderContainer.propTypes = {
 HeaderContainer.defaultProps = {
   isSideNavExpanded: false
 };
+var HeaderContainer$1 = HeaderContainer;
 
-exports["default"] = HeaderContainer;
+exports["default"] = HeaderContainer$1;

package/lib/components/UIShell/HeaderGlobalAction.js

@@ -15,7 +15,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -93,5 +92,6 @@ HeaderGlobalAction.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPl
   tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end'])
 });
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
+var HeaderGlobalAction$1 = HeaderGlobalAction;
 
-exports["default"] = HeaderGlobalAction;
+exports["default"] = HeaderGlobalAction$1;

package/lib/components/UIShell/HeaderMenu.js

@@ -14,10 +14,10 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -256,6 +256,7 @@ var HeaderMenuForwardRef = /*#__PURE__*/React__default["default"].forwardRef(fun
   }));
 });
 HeaderMenuForwardRef.displayName = 'HeaderMenu';
+var HeaderMenuForwardRef$1 = HeaderMenuForwardRef;
 
 exports.HeaderMenu = HeaderMenu;
-exports["default"] = HeaderMenuForwardRef;
+exports["default"] = HeaderMenuForwardRef$1;

package/lib/components/UIShell/HeaderMenuItem.js

@@ -78,5 +78,6 @@ HeaderMenuItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPlugin
    */
   tabIndex: PropTypes__default["default"].number
 });
+var HeaderMenuItem$1 = HeaderMenuItem;
 
-exports["default"] = HeaderMenuItem;
+exports["default"] = HeaderMenuItem$1;