@carbon/react 1.19.0 → 1.21.0-rc.0

package/es/components/SkeletonText/SkeletonText.js

@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React__default, { useRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
+import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 
 var _excluded = ["paragraph", "lineCount", "width", "heading", "className"];
 var randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
@@ -33,48 +34,48 @@ var SkeletonText = function SkeletonText(_ref) {
   var widthNum = parseInt(width, 10);
   var widthPx = width.includes('px');
   var widthPercent = width.includes('%');
+  var lineCountNumber;
 
-  if (widthPercent && paragraph) {
-    var lines = [];
-
-    for (var i = 0; i < lineCount; i++) {
-      var randomWidth = getRandomInt(0, 75, i) + 'px';
-      lines.push( /*#__PURE__*/React__default.createElement("p", _extends({
-        className: skeletonTextClasses,
-        style: {
-          width: "calc(".concat(width, " - ").concat(randomWidth, ")")
-        },
-        key: i
-      }, other)));
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", null, lines);
+  if (!paragraph) {
+    lineCountNumber = '1';
+  } else {
+    lineCountNumber = lineCount;
   }
 
-  if (widthPx && paragraph) {
-    var _lines = [];
-
-    for (var j = 0; j < lineCount; j++) {
-      var _randomWidth = getRandomInt(widthNum - 75, widthNum, j) + 'px';
-
-      _lines.push( /*#__PURE__*/React__default.createElement("p", _extends({
-        className: skeletonTextClasses,
-        style: {
-          width: _randomWidth
-        },
-        key: j
-      }, other)));
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", null, _lines);
+  var refs = useRef([]);
+  useIsomorphicEffect(function () {
+    refs.current.map(function (item, j) {
+      var randomPercentWidth = getRandomInt(0, 75, j) + 'px';
+      var randomPxWidth = getRandomInt(widthNum - 75, widthNum, j) + 'px';
+
+      if (item) {
+        if (widthPercent && paragraph) {
+          item.style.width = "calc(".concat(width, " - ").concat(randomPercentWidth, ")");
+        } else if (widthPx && paragraph) {
+          item.style.width = randomPxWidth;
+        } else {
+          item.style.width = width;
+        }
+      }
+    });
+  }, [lineCountNumber, paragraph, refs, width, widthNum, widthPercent, widthPx]);
+  var lines = [];
+
+  for (var i = 0; i < lineCountNumber; i++) {
+    lines.push( /*#__PURE__*/React__default.createElement("p", _extends({
+      className: skeletonTextClasses,
+      key: i,
+      ref: function ref(el) {
+        return refs.current = [].concat(_toConsumableArray(refs.current), [el]);
+      }
+    }, other)));
   }
 
-  return /*#__PURE__*/React__default.createElement("p", _extends({
-    className: skeletonTextClasses,
-    style: {
-      width: width
-    }
-  }, other));
+  if (lineCountNumber !== '1') {
+    return /*#__PURE__*/React__default.createElement("div", null, lines);
+  } else {
+    return lines;
+  }
 };
 
 SkeletonText.propTypes = {

package/es/components/SkeletonText/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+
+import SkeletonText from './SkeletonText.js';
+export { default as SkeletonText, default } from './SkeletonText.js';

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

@@ -52,4 +52,4 @@ SliderSkeleton.propTypes = {
   hideLabel: PropTypes.bool
 };
 
-export { SliderSkeleton as default };
+export { SliderSkeleton, SliderSkeleton as default };

package/es/components/Slider/Slider.js

@@ -45,16 +45,12 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
   var _super = _createSuper(Slider);
 
-  function Slider() {
+  function Slider(props) {
     var _this;
 
     _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);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       value: _this.props.value,
@@ -285,16 +281,18 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       };
     });
 
+    _this.thumbRef = /*#__PURE__*/React__default.createRef();
+    _this.filledTrackRef = /*#__PURE__*/React__default.createRef();
     return _this;
   }
+  /**
+   * Sets up initial slider position and value in response to component mount.
+   */
+
 
   _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
@@ -322,6 +320,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
@@ -405,7 +406,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;
@@ -420,16 +420,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
         var labelId = "".concat(id, "-label");
         var labelClasses = cx("".concat(prefix, "--label"), _defineProperty({}, "".concat(prefix, "--label--disabled"), disabled));
         var sliderClasses = cx("".concat(prefix, "--slider"), _defineProperty({}, "".concat(prefix, "--slider--disabled"), disabled), _defineProperty({}, "".concat(prefix, "--slider--readonly"), readOnly), [enabled ? null : className]);
-        var inputClasses = cx("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "--text-input--light"), light), _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("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "--text-input--light"), light), _defineProperty(_classNames4, "".concat(prefix, "--text-input--invalid"), isValid === false), _defineProperty(_classNames4, "".concat(prefix, "--slider-text-input--hidden"), hideTextInput), _classNames4));
         return /*#__PURE__*/React__default.createElement("div", {
           className: enabled ? cx("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
         }, /*#__PURE__*/React__default.createElement("label", {
@@ -459,8 +450,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.createElement("div", {
           className: "".concat(prefix, "--slider__track"),
           ref: function ref(node) {
@@ -468,12 +459,11 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           }
         }), /*#__PURE__*/React__default.createElement("div", {
           className: "".concat(prefix, "--slider__filled-track"),
-          style: filledTrackStyle
+          ref: _this2.filledTrackRef
         })), /*#__PURE__*/React__default.createElement("span", {
           className: "".concat(prefix, "--slider__range-label")
         }, formatLabel(max, maxLabel)), /*#__PURE__*/React__default.createElement("input", {
           type: hideTextInput ? 'hidden' : inputType,
-          style: hideTextInput ? hiddenInputStyle : null,
           id: "".concat(id, "-input-for-slider"),
           name: name,
           className: inputClasses,

package/es/components/Slider/index.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Slider from './Slider.js';
+import Slider$1 from './Slider.js';
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
 export { default as SliderSkeleton } from './Slider.Skeleton.js';
 
-var index = createClassWrapper(Slider);
+var Slider = createClassWrapper(Slider$1);
 
-export { index as default };
+export { Slider, Slider as default };

package/es/components/Tab/index.js

@@ -11,4 +11,4 @@ import Tab$2 from './Tab.js';
 
 var Tab = FeatureFlags.enabled('enable-v11-release') ? Tab$1 : Tab$2;
 
-export { Tab as default };
+export { Tab, Tab as default };

package/es/components/Tabs/Tabs.Skeleton.js

@@ -50,4 +50,4 @@ TabsSkeleton.propTypes = {
   contained: PropTypes.bool
 };
 
-export { TabsSkeleton as default };
+export { TabsSkeleton, TabsSkeleton as default };

package/es/components/Tag/Tag.Skeleton.js

@@ -37,4 +37,4 @@ TagSkeleton.propTypes = {
   size: PropTypes.oneOf(['sm'])
 };
 
-export { TagSkeleton as default };
+export { TagSkeleton, TagSkeleton as default };

package/es/components/Tag/Tag.js

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

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

@@ -40,4 +40,4 @@ TextAreaSkeleton.propTypes = {
   hideLabel: PropTypes.bool
 };
 
-export { TextAreaSkeleton as default };
+export { TextAreaSkeleton, TextAreaSkeleton as default };

package/es/components/TextArea/TextArea.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState } from 'react';
+import React__default, { useContext, useState, useRef } from 'react';
 import cx from 'classnames';
 import deprecate from '../../prop-types/deprecate.js';
 import { WarningFilled } from '@carbon/icons-react';
@@ -16,6 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useAnnouncer } from '../../internal/useAnnouncer.js';
+import useIsomorphicEffect from '../../internal/useIsomorphicEffect.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) {
@@ -97,6 +98,14 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function TextArea(_ref, re
     className: "".concat(prefix, "--text-area__invalid-icon")
   })) : 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();
+  useIsomorphicEffect(function () {
+    if (other.cols) {
+      textareaRef.current.style.width = null;
+    } else {
+      textareaRef.current.style.width = "100%";
+    }
+  }, [other.cols]);
   var input = /*#__PURE__*/React__default.createElement("textarea", _extends({}, other, textareaProps, {
     placeholder: placeholder || null,
     className: textareaClasses,
@@ -104,9 +113,7 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function TextArea(_ref, re
     "aria-describedby": invalid ? errorId : null,
     disabled: other.disabled,
     readOnly: other.readOnly,
-    style: other.cols ? {} : {
-      width: "100%"
-    }
+    ref: textareaRef
   }));
   return /*#__PURE__*/React__default.createElement("div", {
     className: enabled ? cx("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")

package/es/components/TextArea/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+
+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/TextInput.Skeleton.js

@@ -40,4 +40,4 @@ TextInputSkeleton.propTypes = {
   hideLabel: PropTypes.bool
 };
 
-export { TextInputSkeleton as default };
+export { TextInputSkeleton, TextInputSkeleton as default };

package/es/components/TextInput/index.js

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

package/es/components/Tile/Tile.js

@@ -419,9 +419,6 @@ function ExpandableTile(_ref4) {
   var classNames = cx("".concat(prefix, "--tile"), "".concat(prefix, "--tile--expandable"), (_cx4 = {}, _defineProperty(_cx4, "".concat(prefix, "--tile--is-expanded"), isExpanded), _defineProperty(_cx4, "".concat(prefix, "--tile--light"), light), _cx4), className);
   var interactiveClassNames = cx("".concat(prefix, "--tile"), "".concat(prefix, "--tile--expandable"), "".concat(prefix, "--tile--expandable--interactive"), (_cx5 = {}, _defineProperty(_cx5, "".concat(prefix, "--tile--is-expanded"), isExpanded), _defineProperty(_cx5, "".concat(prefix, "--tile--light"), light), _cx5), className);
   var chevronInteractiveClassNames = cx("".concat(prefix, "--tile__chevron"), "".concat(prefix, "--tile__chevron--interactive"));
-  var tileStyle = {
-    maxHeight: isExpanded ? null : isTileMaxHeight + isTilePadding
-  };
   var childrenAsArray = getChildren();
   useIsomorphicEffect(function () {
     var getStyle = window.getComputedStyle(tile.current, null);
@@ -443,6 +440,13 @@ function ExpandableTile(_ref4) {
       setInteractive(true);
     }
   }, []);
+  useIsomorphicEffect(function () {
+    if (isExpanded) {
+      tile.current.style.maxHeight = null;
+    } else {
+      tile.current.style.maxHeight = isTileMaxHeight + isTilePadding + 'px';
+    }
+  }, [isExpanded, isTileMaxHeight, isTilePadding]);
   useEffect(function () {
     var resizeObserver = new ResizeObserver(function (entries) {
       var _entries = _slicedToArray(entries, 1),
@@ -457,7 +461,6 @@ function ExpandableTile(_ref4) {
   }, []);
   return interactive ? /*#__PURE__*/React__default.createElement("div", _extends({
     ref: tile,
-    style: tileStyle,
     className: interactiveClassNames,
     "aria-expanded": isExpanded
   }, rest), /*#__PURE__*/React__default.createElement("div", {
@@ -478,7 +481,6 @@ function ExpandableTile(_ref4) {
   }, childrenAsArray[1]))) : /*#__PURE__*/React__default.createElement("button", _extends({
     type: "button",
     ref: tile,
-    style: tileStyle,
     className: classNames,
     "aria-expanded": isExpanded,
     title: isExpanded ? tileExpandedIconText : tileCollapsedIconText

package/es/components/TileGroup/index.js

@@ -6,8 +6,8 @@
  */
 
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
-import TileGroup from './TileGroup.js';
+import TileGroup$1 from './TileGroup.js';
 
-var index = createClassWrapper(TileGroup);
+var TileGroup = createClassWrapper(TileGroup$1);
 
-export { index as default };
+export { TileGroup, TileGroup as default };

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -5,78 +5,66 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { Component } from 'react';
+import React__default from 'react';
 import cx from 'classnames';
 import { ChevronDown } from '@carbon/icons-react';
-import deprecate from '../../prop-types/deprecate.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
-
-var _defineProperty2;
-
-var _excluded = ["aria-label", "children", "className", "disabled", "hideLabel", "id", "iconDescription", "labelText"];
-
-var TimePickerSelect = /*#__PURE__*/function (_Component) {
-  _inherits(TimePickerSelect, _Component);
-
-  var _super = _createSuper(TimePickerSelect);
-
-  function TimePickerSelect() {
-    _classCallCheck(this, TimePickerSelect);
-
-    return _super.apply(this, arguments);
-  }
-
-  _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 = _objectWithoutProperties(_this$props, _excluded);
-
-      var selectClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--select"), true), _defineProperty(_classNames, "".concat(prefix, "--time-picker__select"), true), _defineProperty(_classNames, className, className), _classNames));
-      var labelClasses = cx("".concat(prefix, "--label"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-      var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
-        htmlFor: id,
-        className: labelClasses
-      }, labelText) : null;
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: selectClasses
-      }, label, /*#__PURE__*/React__default.createElement("select", _extends({
-        className: "".concat(prefix, "--select-input"),
-        disabled: disabled,
-        id: id,
-        "aria-label": ariaLabel
-      }, rest), children), /*#__PURE__*/React__default.createElement(ChevronDown, {
-        className: "".concat(prefix, "--select__arrow"),
-        "aria-label": ariaLabel ? ariaLabel : iconDescription
-      }));
-    }
-  }]);
-
-  return TimePickerSelect;
-}(Component);
-
-_defineProperty(TimePickerSelect, "contextType", PrefixContext);
-
-_defineProperty(TimePickerSelect, "propTypes", (_defineProperty2 = {}, _defineProperty(_defineProperty2, 'aria-label', PropTypes.string), _defineProperty(_defineProperty2, "children", PropTypes.node), _defineProperty(_defineProperty2, "className", PropTypes.string), _defineProperty(_defineProperty2, "defaultValue", PropTypes.any), _defineProperty(_defineProperty2, "disabled", PropTypes.bool), _defineProperty(_defineProperty2, "hideLabel", deprecate(PropTypes.bool, 'The `hideLabel` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.')), _defineProperty(_defineProperty2, "iconDescription", deprecate(PropTypes.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.')), _defineProperty(_defineProperty2, "id", PropTypes.string.isRequired), _defineProperty(_defineProperty2, "labelText", PropTypes.node.isRequired), _defineProperty2));
-
-_defineProperty(TimePickerSelect, "defaultProps", {
-  disabled: false
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["aria-label", "children", "id", "disabled", "className"];
+var TimePickerSelect = /*#__PURE__*/React__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 = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var selectClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--select"), true), _defineProperty(_cx, "".concat(prefix, "--time-picker__select"), true), _defineProperty(_cx, className, className), _cx));
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: selectClasses
+  }, /*#__PURE__*/React__default.createElement("select", _extends({
+    "aria-label": ariaLabel,
+    className: "".concat(prefix, "--select-input"),
+    disabled: disabled,
+    id: id,
+    ref: ref
+  }, rest), children), /*#__PURE__*/React__default.createElement(ChevronDown, {
+    className: "".concat(prefix, "--select__arrow"),
+    "aria-hidden": "true"
+  }));
 });
+TimePickerSelect.propTypes = {
+  /**
+   * Provide the contents of your TimePickerSelect
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify an optional className to be applied to the node containing the label and the select box
+   */
+  className: PropTypes.string,
+
+  /**
+   * Optionally provide the default value of the `<select>`
+   */
+  defaultValue: PropTypes.any,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Specify a custom `id` for the `<select>`
+   */
+  id: PropTypes.string.isRequired
+};
 
 export { TimePickerSelect as default };

package/es/components/TimePickerSelect/index.js

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

package/es/components/Toggle/Toggle.Skeleton.js

@@ -71,4 +71,4 @@ _defineProperty(ToggleSkeleton, "propTypes", (_defineProperty2 = {}, _defineProp
 
 _defineProperty(ToggleSkeleton, "defaultProps", (_defineProperty3 = {}, _defineProperty(_defineProperty3, 'aria-label', 'Toggle is loading'), _defineProperty(_defineProperty3, "size", 'md'), _defineProperty3));
 
-export { ToggleSkeleton as default };
+export { ToggleSkeleton, ToggleSkeleton as default };

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -68,4 +68,4 @@ _defineProperty(ToggleSmallSkeleton, "propTypes", (_defineProperty2 = {}, _defin
 
 _defineProperty(ToggleSmallSkeleton, "defaultProps", _defineProperty({}, 'aria-label', 'Toggle is loading'));
 
-export { ToggleSmallSkeleton as default };
+export { ToggleSmallSkeleton, ToggleSmallSkeleton as default };

package/es/components/TreeView/index.js

@@ -6,7 +6,7 @@
  */
 
 import TreeView from './TreeView.js';
-export { default } from './TreeView.js';
+export { default as TreeView, default } from './TreeView.js';
 import TreeNode from './TreeNode.js';
 export { default as TreeNode } from './TreeNode.js';
 

package/es/components/UIShell/HeaderGlobalAction.js

@@ -10,8 +10,8 @@ import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
-import '../Button/Button.Skeleton.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"];

package/es/components/UIShell/HeaderNavigation.js

@@ -49,4 +49,4 @@ HeaderNavigation.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType
   className: PropTypes.string
 });
 
-export { HeaderNavigation };
+export { HeaderNavigation, HeaderNavigation as default };

package/es/components/UIShell/SideNavLink.js

@@ -50,6 +50,11 @@ SideNavLink.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
    */
   className: PropTypes.string,
 
+  /**
+   * Specify whether the link is the current page
+   */
+  isActive: PropTypes.bool,
+
   /**
    * Specify if this is a large variation of the SideNavLink
    */

package/es/components/UIShell/SideNavMenu.js

@@ -158,4 +158,4 @@ function hasActiveChild(children) {
   return false;
 }
 
-export { SideNavMenu };
+export { SideNavMenu, SideNavMenu as default };

package/es/es/components/Checkbox/Checkbox.Skeleton.d.ts

@@ -16,3 +16,4 @@ declare const CheckboxSkeleton: {
     };
 };
 export default CheckboxSkeleton;
+export { CheckboxSkeleton };

package/es/es/components/Checkbox/Checkbox.d.ts

@@ -6,7 +6,7 @@
  */
 import { ReactNodeLike } from 'prop-types';
 import React from 'react';
-declare type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type';
+type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type';
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
     /**
      * Provide an `id` to uniquely identify the Checkbox input