@carbon/react 1.20.0 → 1.21.0

package/lib/components/IconButton/index.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var usePrefix = require('../../internal/usePrefix.js');

package/lib/components/InlineCheckbox/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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 InlineCheckbox = require('./InlineCheckbox.js');
+
+
+
+exports.InlineCheckbox = InlineCheckbox["default"];
+exports["default"] = InlineCheckbox["default"];

package/lib/components/{ExpandableSearch → Link}/index.js

@@ -9,8 +9,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ExpandableSearch = require('./ExpandableSearch.js');
+var Link = require('./Link.js');
 
 
 
-exports["default"] = ExpandableSearch["default"];
+exports.Link = Link["default"];
+exports["default"] = Link["default"];

package/lib/components/Loading/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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 Loading = require('./Loading.js');
+
+
+
+exports.Loading = Loading["default"];
+exports["default"] = Loading["default"];

package/lib/components/Menu/index.js

@@ -22,6 +22,7 @@ Menu["default"].MenuItem = MenuItem["default"];
 Menu["default"].MenuRadioGroup = MenuRadioGroup["default"];
 Menu["default"].MenuSelectableItem = MenuSelectableItem["default"];
 
+exports.Menu = Menu["default"];
 exports["default"] = Menu["default"];
 exports.MenuDivider = MenuDivider["default"];
 exports.MenuGroup = MenuGroup["default"];

package/lib/components/Modal/Modal.js

@@ -15,8 +15,8 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var toggleClass = require('../../tools/toggleClass.js');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.js');
 var wrapFocus = require('../../internal/wrapFocus.js');

package/lib/components/Modal/index.js

@@ -13,4 +13,5 @@ var Modal = require('./Modal.js');
 
 
 
+exports.Modal = Modal["default"];
 exports["default"] = Modal["default"];

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var Modal = require('../Modal/Modal.js');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var types = require('../../prop-types/types.js');
 var warning = require('../../internal/warning.js');
 

package/lib/components/MultiSelect/index.js

@@ -20,5 +20,6 @@ if (process.env.NODE_ENV !== "production") {
   deprecateFieldOnObject.deprecateFieldOnObject(MultiSelect["default"], 'Filterable', FilterableMultiSelect["default"]);
 }
 
+exports.MultiSelect = MultiSelect["default"];
 exports["default"] = MultiSelect["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];

package/lib/components/Notification/Notification.js

@@ -14,8 +14,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var keys = require('../../internal/keyboard/keys.js');

package/lib/components/OverflowMenu/index.js

@@ -14,4 +14,5 @@ var createClassWrapper = require('../../internal/createClassWrapper.js');
 
 var OverflowMenu = createClassWrapper.createClassWrapper(OverflowMenu$1.OverflowMenu);
 
+exports.OverflowMenu = OverflowMenu;
 exports["default"] = OverflowMenu;

package/lib/components/OverflowMenuItem/index.js

@@ -13,4 +13,5 @@ var OverflowMenuItem = require('./OverflowMenuItem.js');
 
 
 
+exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports["default"] = OverflowMenuItem["default"];

package/lib/components/Pagination/Pagination.Skeleton.js

@@ -55,4 +55,5 @@ PaginationSkeleton.propTypes = {
   className: PropTypes__default["default"].string
 };
 
+exports.PaginationSkeleton = PaginationSkeleton;
 exports["default"] = PaginationSkeleton;

package/lib/components/Pagination/Pagination.js

@@ -14,8 +14,8 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../Select/Select.Skeleton.js');
 var Select = require('../Select/Select.js');
+require('../Select/Select.Skeleton.js');
 var SelectItem = require('../SelectItem/SelectItem.js');
 var array = require('../../tools/array.js');
 var useId = require('../../internal/useId.js');

package/lib/components/Pagination/experimental/PageSelector.js

@@ -14,8 +14,8 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
-require('../../Select/Select.Skeleton.js');
 var Select = require('../../Select/Select.js');
+require('../../Select/Select.Skeleton.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var usePrefix = require('../../../internal/usePrefix.js');
 

package/lib/components/Pagination/experimental/Pagination.js

@@ -14,10 +14,10 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-require('../../Button/Button.Skeleton.js');
 var Button = require('../../Button/Button.js');
-require('../../Select/Select.Skeleton.js');
+require('../../Button/Button.Skeleton.js');
 var Select = require('../../Select/Select.js');
+require('../../Select/Select.Skeleton.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var index = require('../../IconButton/index.js');
 var FeatureFlags = require('@carbon/feature-flags');

package/lib/components/PaginationNav/PaginationNav.js

@@ -14,8 +14,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var index = require('../IconButton/index.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');

package/lib/components/Popover/index.js

@@ -72,6 +72,10 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
 
   var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(autoAlignment), autoAligned), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), !autoAligned), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
   useIsomorphicEffect["default"](function () {
+    if (!open) {
+      return;
+    }
+
     if (!autoAlign) {
       setAutoAligned(false);
       return;
@@ -159,7 +163,7 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
       setAutoAligned(true);
       setAutoAlignment(alignment);
     }
-  }, [autoAligned, align, autoAlign, prefix]);
+  }, [autoAligned, align, autoAlign, prefix, open]);
   return /*#__PURE__*/React__default["default"].createElement(PopoverContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/PrimaryButton/PrimaryButton.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-require('../Button/Button.Skeleton.js');
 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 }; }
 

package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -62,4 +62,5 @@ ProgressIndicatorSkeleton.propTypes = {
   vertical: PropTypes__default["default"].bool
 };
 
+exports.ProgressIndicatorSkeleton = ProgressIndicatorSkeleton;
 exports["default"] = ProgressIndicatorSkeleton;

package/lib/components/RadioButton/RadioButton.Skeleton.js

@@ -44,4 +44,5 @@ RadioButtonSkeleton.propTypes = {
   className: PropTypes__default["default"].string
 };
 
+exports.RadioButtonSkeleton = RadioButtonSkeleton;
 exports["default"] = RadioButtonSkeleton;

package/lib/components/RadioButton/index.js

@@ -13,4 +13,5 @@ var RadioButton = require('./RadioButton.js');
 
 
 
+exports.RadioButton = RadioButton["default"];
 exports["default"] = RadioButton["default"];

package/lib/components/RadioTile/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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 RadioTile = require('./RadioTile.js');
+
+
+
+exports.RadioTile = RadioTile["default"];
+exports["default"] = RadioTile["default"];

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

@@ -56,4 +56,5 @@ SearchSkeleton.defaultProps = {
   small: false
 };
 
+exports.SearchSkeleton = SearchSkeleton;
 exports["default"] = SearchSkeleton;

package/lib/components/Search/index.js

@@ -14,5 +14,6 @@ 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

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-require('../Button/Button.Skeleton.js');
 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 }; }
 

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

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

package/lib/components/Select/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 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/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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 SelectItem = require('./SelectItem.js');
+
+
+
+exports.SelectItem = SelectItem["default"];
+exports["default"] = SelectItem["default"];

package/lib/components/SkeletonText/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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 SkeletonText = require('./SkeletonText.js');
+
+
+
+exports.SkeletonText = SkeletonText["default"];
+exports["default"] = SkeletonText["default"];

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

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

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/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/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/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/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/index.js

@@ -34,4 +34,5 @@ var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 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/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/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
    */