@carbon/react 1.19.0 → 1.21.0-rc.0

package/lib/components/Slider/Slider.js

@@ -75,16 +75,12 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
   var _super = _rollupPluginBabelHelpers.createSuper(Slider);
 
-  function Slider() {
+  function Slider(props) {
     var _this;
 
     _rollupPluginBabelHelpers.classCallCheck(this, Slider);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {
       value: _this.props.value,
@@ -315,16 +311,18 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       };
     });
 
+    _this.thumbRef = /*#__PURE__*/React__default["default"].createRef();
+    _this.filledTrackRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
+  /**
+   * Sets up initial slider position and value in response to component mount.
+   */
+
 
   _rollupPluginBabelHelpers.createClass(Slider, [{
     key: "componentDidMount",
-    value:
-    /**
-     * Sets up initial slider position and value in response to component mount.
-     */
-    function componentDidMount() {
+    value: function componentDidMount() {
       if (this.element) {
         var _this$calcValue4 = this.calcValue({
           useRawValue: true
@@ -352,6 +350,9 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
     value: function componentDidUpdate(prevProps, prevState) {
       // Fire onChange event handler if present, if there's a usable value, and
       // if the value is different from the last one
+      this.thumbRef.current.style.left = "".concat(this.state.left, "%");
+      this.filledTrackRef.current.style.transform = "translate(0%, -50%) scaleX(".concat(this.state.left / 100, ")");
+
       if (this.state.value !== '' && prevState.value !== this.state.value && typeof this.props.onChange === 'function') {
         this.props.onChange({
           value: this.state.value
@@ -435,7 +436,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       delete other.invalid;
       var _this$state = this.state,
           value = _this$state.value,
-          left = _this$state.left,
           isValid = _this$state.isValid;
       var scope = this.context;
       var enabled;
@@ -450,16 +450,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
         var labelId = "".concat(id, "-label");
         var labelClasses = cx__default["default"]("".concat(prefix, "--label"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--label--disabled"), disabled));
         var sliderClasses = cx__default["default"]("".concat(prefix, "--slider"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--slider--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--slider--readonly"), readOnly), [enabled ? null : className]);
-        var inputClasses = cx__default["default"]("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-input--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-input--invalid"), isValid === false), _classNames4));
-        var filledTrackStyle = {
-          transform: "translate(0%, -50%) scaleX(".concat(left / 100, ")")
-        };
-        var thumbStyle = {
-          left: "".concat(left, "%")
-        };
-        var hiddenInputStyle = {
-          display: 'none'
-        };
+        var inputClasses = cx__default["default"]("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-input--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-input--invalid"), isValid === false), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--slider-text-input--hidden"), hideTextInput), _classNames4));
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
         }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -489,8 +480,8 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           "aria-valuemax": max,
           "aria-valuemin": min,
           "aria-valuenow": value,
-          style: thumbStyle,
-          "aria-labelledby": labelId
+          "aria-labelledby": labelId,
+          ref: _this2.thumbRef
         }), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "".concat(prefix, "--slider__track"),
           ref: function ref(node) {
@@ -498,12 +489,11 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           }
         }), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "".concat(prefix, "--slider__filled-track"),
-          style: filledTrackStyle
+          ref: _this2.filledTrackRef
         })), /*#__PURE__*/React__default["default"].createElement("span", {
           className: "".concat(prefix, "--slider__range-label")
         }, formatLabel(max, maxLabel)), /*#__PURE__*/React__default["default"].createElement("input", {
           type: hideTextInput ? 'hidden' : inputType,
-          style: hideTextInput ? hiddenInputStyle : null,
           id: "".concat(id, "-input-for-slider"),
           name: name,
           className: inputClasses,

package/lib/components/Slider/index.js

@@ -9,11 +9,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Slider = require('./Slider.js');
+var Slider$1 = require('./Slider.js');
 var createClassWrapper = require('../../internal/createClassWrapper.js');
 var Slider_Skeleton = require('./Slider.Skeleton.js');
 
-var index = createClassWrapper.createClassWrapper(Slider["default"]);
+var Slider = createClassWrapper.createClassWrapper(Slider$1["default"]);
 
 exports.SliderSkeleton = Slider_Skeleton["default"];
-exports["default"] = index;
+exports.Slider = Slider;
+exports["default"] = Slider;

package/lib/components/Tab/index.js

@@ -35,4 +35,5 @@ var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 var Tab = FeatureFlags__namespace.enabled('enable-v11-release') ? Tabs.Tab : Tab$1["default"];
 
+exports.Tab = Tab;
 exports["default"] = Tab;

package/lib/components/Tabs/Tabs.Skeleton.js

@@ -60,4 +60,5 @@ TabsSkeleton.propTypes = {
   contained: PropTypes__default["default"].bool
 };
 
+exports.TabsSkeleton = TabsSkeleton;
 exports["default"] = TabsSkeleton;

package/lib/components/Tag/Tag.Skeleton.js

@@ -47,4 +47,5 @@ TagSkeleton.propTypes = {
   size: PropTypes__default["default"].oneOf(['sm'])
 };
 
+exports.TagSkeleton = TagSkeleton;
 exports["default"] = TagSkeleton;

package/lib/components/Tag/Tag.js

@@ -151,5 +151,7 @@ Tag.propTypes = {
    */
   type: PropTypes__default["default"].oneOf(Object.keys(TYPES))
 };
+var types = Object.keys(TYPES);
 
 exports["default"] = Tag;
+exports.types = types;

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

@@ -50,4 +50,5 @@ TextAreaSkeleton.propTypes = {
   hideLabel: PropTypes__default["default"].bool
 };
 
+exports.TextAreaSkeleton = TextAreaSkeleton;
 exports["default"] = TextAreaSkeleton;

package/lib/components/TextArea/TextArea.js

@@ -20,6 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var useAnnouncer = require('../../internal/useAnnouncer.js');
+var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -107,6 +108,14 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
     className: "".concat(prefix, "--text-area__invalid-icon")
   })) : 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();
+  useIsomorphicEffect["default"](function () {
+    if (other.cols) {
+      textareaRef.current.style.width = null;
+    } else {
+      textareaRef.current.style.width = "100%";
+    }
+  }, [other.cols]);
   var input = /*#__PURE__*/React__default["default"].createElement("textarea", _rollupPluginBabelHelpers["extends"]({}, other, textareaProps, {
     placeholder: placeholder || null,
     className: textareaClasses,
@@ -114,9 +123,7 @@ var TextArea = /*#__PURE__*/React__default["default"].forwardRef(function TextAr
     "aria-describedby": invalid ? errorId : null,
     disabled: other.disabled,
     readOnly: other.readOnly,
-    style: other.cols ? {} : {
-      width: "100%"
-    }
+    ref: textareaRef
   }));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")

package/lib/components/TextArea/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+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/TextInput.Skeleton.js

@@ -50,4 +50,5 @@ TextInputSkeleton.propTypes = {
   hideLabel: PropTypes__default["default"].bool
 };
 
+exports.TextInputSkeleton = TextInputSkeleton;
 exports["default"] = TextInputSkeleton;

package/lib/components/TextInput/index.js

@@ -23,5 +23,6 @@ if (process.env.NODE_ENV !== "production") {
   deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'PasswordInput', PasswordInput["default"]);
 }
 
+exports.TextInput = TextInput["default"];
 exports["default"] = TextInput["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];

package/lib/components/Tile/Tile.js

@@ -429,9 +429,6 @@ function ExpandableTile(_ref4) {
   var classNames = cx__default["default"]("".concat(prefix, "--tile"), "".concat(prefix, "--tile--expandable"), (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--tile--is-expanded"), isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--tile--light"), light), _cx4), className);
   var interactiveClassNames = cx__default["default"]("".concat(prefix, "--tile"), "".concat(prefix, "--tile--expandable"), "".concat(prefix, "--tile--expandable--interactive"), (_cx5 = {}, _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--tile--is-expanded"), isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--tile--light"), light), _cx5), className);
   var chevronInteractiveClassNames = cx__default["default"]("".concat(prefix, "--tile__chevron"), "".concat(prefix, "--tile__chevron--interactive"));
-  var tileStyle = {
-    maxHeight: isExpanded ? null : isTileMaxHeight + isTilePadding
-  };
   var childrenAsArray = getChildren();
   useIsomorphicEffect["default"](function () {
     var getStyle = window.getComputedStyle(tile.current, null);
@@ -453,6 +450,13 @@ function ExpandableTile(_ref4) {
       setInteractive(true);
     }
   }, []);
+  useIsomorphicEffect["default"](function () {
+    if (isExpanded) {
+      tile.current.style.maxHeight = null;
+    } else {
+      tile.current.style.maxHeight = isTileMaxHeight + isTilePadding + 'px';
+    }
+  }, [isExpanded, isTileMaxHeight, isTilePadding]);
   React.useEffect(function () {
     var resizeObserver = new ResizeObserver(function (entries) {
       var _entries = _rollupPluginBabelHelpers.slicedToArray(entries, 1),
@@ -467,7 +471,6 @@ function ExpandableTile(_ref4) {
   }, []);
   return interactive ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     ref: tile,
-    style: tileStyle,
     className: interactiveClassNames,
     "aria-expanded": isExpanded
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -488,7 +491,6 @@ function ExpandableTile(_ref4) {
   }, childrenAsArray[1]))) : /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     type: "button",
     ref: tile,
-    style: tileStyle,
     className: classNames,
     "aria-expanded": isExpanded,
     title: isExpanded ? tileExpandedIconText : tileCollapsedIconText

package/lib/components/TileGroup/index.js

@@ -10,8 +10,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var createClassWrapper = require('../../internal/createClassWrapper.js');
-var TileGroup = require('./TileGroup.js');
+var TileGroup$1 = require('./TileGroup.js');
 
-var index = createClassWrapper.createClassWrapper(TileGroup["default"]);
+var TileGroup = createClassWrapper.createClassWrapper(TileGroup$1["default"]);
 
-exports["default"] = index;
+exports.TileGroup = TileGroup;
+exports["default"] = TileGroup;

package/lib/components/TimePickerSelect/TimePickerSelect.js

@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,70 +22,59 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _defineProperty2;
-
-var _excluded = ["aria-label", "children", "className", "disabled", "hideLabel", "id", "iconDescription", "labelText"];
-
-var TimePickerSelect = /*#__PURE__*/function (_Component) {
-  _rollupPluginBabelHelpers.inherits(TimePickerSelect, _Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(TimePickerSelect);
-
-  function TimePickerSelect() {
-    _rollupPluginBabelHelpers.classCallCheck(this, TimePickerSelect);
-
-    return _super.apply(this, arguments);
-  }
-
-  _rollupPluginBabelHelpers.createClass(TimePickerSelect, [{
-    key: "render",
-    value: function render() {
-      var _classNames;
-
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          _this$props$ariaLabe = _this$props['aria-label'],
-          ariaLabel = _this$props$ariaLabe === void 0 ? 'open list of options' : _this$props$ariaLabe,
-          children = _this$props.children,
-          className = _this$props.className,
-          disabled = _this$props.disabled,
-          _this$props$hideLabel = _this$props.hideLabel,
-          hideLabel = _this$props$hideLabel === void 0 ? true : _this$props$hideLabel,
-          id = _this$props.id,
-          iconDescription = _this$props.iconDescription,
-          labelText = _this$props.labelText,
-          rest = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
-
-      var selectClasses = cx__default["default"]((_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--time-picker__select"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, className, className), _classNames));
-      var labelClasses = cx__default["default"]("".concat(prefix, "--label"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-      var label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
-        htmlFor: id,
-        className: labelClasses
-      }, labelText) : null;
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: selectClasses
-      }, label, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({
-        className: "".concat(prefix, "--select-input"),
-        disabled: disabled,
-        id: id,
-        "aria-label": ariaLabel
-      }, rest), children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
-        className: "".concat(prefix, "--select__arrow"),
-        "aria-label": ariaLabel ? ariaLabel : iconDescription
-      }));
-    }
-  }]);
-
-  return TimePickerSelect;
-}(React.Component);
-
-_rollupPluginBabelHelpers.defineProperty(TimePickerSelect, "contextType", usePrefix.PrefixContext);
-
-_rollupPluginBabelHelpers.defineProperty(TimePickerSelect, "propTypes", (_defineProperty2 = {}, _rollupPluginBabelHelpers.defineProperty(_defineProperty2, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "defaultValue", PropTypes__default["default"].any), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "disabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "hideLabel", deprecate["default"](PropTypes__default["default"].bool, 'The `hideLabel` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.')), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "iconDescription", deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release. Use `aria-label` instead.')), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "id", PropTypes__default["default"].string.isRequired), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "labelText", PropTypes__default["default"].node.isRequired), _defineProperty2));
-
-_rollupPluginBabelHelpers.defineProperty(TimePickerSelect, "defaultProps", {
-  disabled: false
+var _excluded = ["aria-label", "children", "id", "disabled", "className"];
+var TimePickerSelect = /*#__PURE__*/React__default["default"].forwardRef(function TimePickerSelect(_ref, ref) {
+  var _cx;
+
+  var _ref$ariaLabel = _ref['aria-label'],
+      ariaLabel = _ref$ariaLabel === void 0 ? 'open list of options' : _ref$ariaLabel,
+      children = _ref.children,
+      id = _ref.id,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      className = _ref.className,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var selectClasses = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--select"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--time-picker__select"), true), _rollupPluginBabelHelpers.defineProperty(_cx, className, className), _cx));
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: selectClasses
+  }, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({
+    "aria-label": ariaLabel,
+    className: "".concat(prefix, "--select-input"),
+    disabled: disabled,
+    id: id,
+    ref: ref
+  }, rest), children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+    className: "".concat(prefix, "--select__arrow"),
+    "aria-hidden": "true"
+  }));
 });
+TimePickerSelect.propTypes = {
+  /**
+   * Provide the contents of your TimePickerSelect
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify an optional className to be applied to the node containing the label and the select box
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Optionally provide the default value of the `<select>`
+   */
+  defaultValue: PropTypes__default["default"].any,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify a custom `id` for the `<select>`
+   */
+  id: PropTypes__default["default"].string.isRequired
+};
 
 exports["default"] = TimePickerSelect;

package/lib/components/TimePickerSelect/index.js

@@ -10,8 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var FeatureFlags = require('@carbon/feature-flags');
-var TimePickerSelect$1 = require('./next/TimePickerSelect.js');
-var TimePickerSelect$2 = require('./TimePickerSelect.js');
+var TimePickerSelect$1 = require('./TimePickerSelect.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -33,6 +32,7 @@ function _interopNamespace(e) {
 
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var TimePickerSelect = FeatureFlags__namespace.enabled('enable-v11-release') ? TimePickerSelect$1["default"] : TimePickerSelect$2["default"];
+var TimePickerSelect = FeatureFlags__namespace.enabled('enable-v11-release') ? TimePickerSelect$1["default"] : TimePickerSelect$1["default"];
 
+exports.TimePickerSelect = TimePickerSelect;
 exports["default"] = TimePickerSelect;

package/lib/components/Toggle/Toggle.Skeleton.js

@@ -81,4 +81,5 @@ _rollupPluginBabelHelpers.defineProperty(ToggleSkeleton, "propTypes", (_definePr
 
 _rollupPluginBabelHelpers.defineProperty(ToggleSkeleton, "defaultProps", (_defineProperty3 = {}, _rollupPluginBabelHelpers.defineProperty(_defineProperty3, 'aria-label', 'Toggle is loading'), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "size", 'md'), _defineProperty3));
 
+exports.ToggleSkeleton = ToggleSkeleton;
 exports["default"] = ToggleSkeleton;

package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -78,4 +78,5 @@ _rollupPluginBabelHelpers.defineProperty(ToggleSmallSkeleton, "propTypes", (_def
 
 _rollupPluginBabelHelpers.defineProperty(ToggleSmallSkeleton, "defaultProps", _rollupPluginBabelHelpers.defineProperty({}, 'aria-label', 'Toggle is loading'));
 
+exports.ToggleSmallSkeleton = ToggleSmallSkeleton;
 exports["default"] = ToggleSmallSkeleton;

package/lib/components/TreeView/index.js

@@ -14,5 +14,6 @@ var TreeNode = require('./TreeNode.js');
 
 TreeView["default"].TreeNode = TreeNode["default"];
 
+exports.TreeView = TreeView["default"];
 exports["default"] = TreeView["default"];
 exports.TreeNode = TreeNode["default"];

package/lib/components/UIShell/HeaderGlobalAction.js

@@ -14,8 +14,8 @@ var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
-require('../Button/Button.Skeleton.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 }; }

package/lib/components/UIShell/HeaderNavigation.js

@@ -60,3 +60,4 @@ HeaderNavigation.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPlug
 });
 
 exports.HeaderNavigation = HeaderNavigation;
+exports["default"] = HeaderNavigation;

package/lib/components/UIShell/SideNavLink.js

@@ -60,6 +60,11 @@ SideNavLink.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBab
    */
   className: PropTypes__default["default"].string,
 
+  /**
+   * Specify whether the link is the current page
+   */
+  isActive: PropTypes__default["default"].bool,
+
   /**
    * Specify if this is a large variation of the SideNavLink
    */

package/lib/components/UIShell/SideNavMenu.js

@@ -169,3 +169,4 @@ function hasActiveChild(children) {
 }
 
 exports.SideNavMenu = SideNavMenu;
+exports["default"] = SideNavMenu;