@carbon/react 1.19.0-rc.0 → 1.20.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/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/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/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,6 @@ 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["default"] = TimePickerSelect;

package/lib/components/Toggle/Toggle.js

@@ -71,7 +71,7 @@ function Toggle(_ref) {
   }
 
   var isSm = size === 'sm';
-  var sideLabel = checked ? labelB : labelA;
+  var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
   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));

package/lib/feature-flags.js

@@ -32,5 +32,6 @@ var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 FeatureFlags__namespace.merge({
   'enable-css-custom-properties': true,
   'enable-css-grid': true,
-  'enable-v11-release': true
+  'enable-v11-release': true,
+  'enable-experimental-tile-contrast': false
 });

package/lib/index.js

@@ -163,6 +163,10 @@ var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
 var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
 var FluidMultiSelect = require('./components/FluidMultiSelect/FluidMultiSelect.js');
 var FluidMultiSelect_Skeleton = require('./components/FluidMultiSelect/FluidMultiSelect.Skeleton.js');
+var FluidNumberInput = require('./components/FluidNumberInput/FluidNumberInput.js');
+var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumberInput.Skeleton.js');
+var FluidSearch = require('./components/FluidSearch/FluidSearch.js');
+var FluidSearch_Skeleton = require('./components/FluidSearch/FluidSearch.Skeleton.js');
 var FluidSelect = require('./components/FluidSelect/FluidSelect.js');
 var FluidSelect_Skeleton = require('./components/FluidSelect/FluidSelect.Skeleton.js');
 var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
@@ -403,6 +407,10 @@ exports.unstable__FluidDropdown = FluidDropdown["default"];
 exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
 exports.unstable__FluidMultiSelect = FluidMultiSelect["default"];
 exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton["default"];
+exports.unstable__FluidNumberInput = FluidNumberInput["default"];
+exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton["default"];
+exports.unstable__FluidSearch = FluidSearch["default"];
+exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton["default"];
 exports.unstable__FluidSelect = FluidSelect["default"];
 exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton["default"];
 exports.unstable__FluidTextArea = FluidTextArea["default"];

package/lib/node_modules/flatpickr/dist/l10n/index.js

@@ -1420,8 +1420,8 @@ var index = require('../../../../_virtual/index.js');
       value: true
     });
   });
-})(index.l10n, index.l10n.exports);
+})(index.__module, index.exports);
 
-var l10n = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(index.l10n.exports);
+var l10n = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(index.exports);
 
 exports["default"] = l10n;

package/lib/node_modules/flatpickr/dist/plugins/rangePlugin.js

@@ -193,8 +193,8 @@ var rangePlugin$1 = require('../../../../_virtual/rangePlugin.js');
 
     return rangePlugin;
   });
-})(rangePlugin$1.rangePlugin);
+})(rangePlugin$1.__module);
 
-var rangePlugin = rangePlugin$1.rangePlugin.exports;
+var rangePlugin = rangePlugin$1.exports;
 
 exports["default"] = rangePlugin;

package/lib/node_modules/use-resize-observer/polyfilled.js

@@ -10,7 +10,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-require('../resize-observer-polyfill/dist/ResizeObserver.es.js');
 var ResizeObserver_es = require('../../_virtual/ResizeObserver.es.js');
 var React = require('react');
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.19.0-rc.0",
+  "version": "1.20.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -43,10 +43,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.11.0-rc.0",
-    "@carbon/icons-react": "^11.13.0-rc.0",
-    "@carbon/layout": "^11.9.0-rc.0",
-    "@carbon/styles": "^1.19.0-rc.0",
+    "@carbon/feature-flags": "^0.11.0",
+    "@carbon/icons-react": "^11.14.0",
+    "@carbon/layout": "^11.10.0",
+    "@carbon/styles": "^1.20.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -73,11 +73,11 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.26.0",
-    "@carbon/themes": "^11.14.0-rc.0",
+    "@carbon/themes": "^11.15.0",
     "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-commonjs": "^21.0.0",
+    "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-typescript": "^9.0.0",
+    "@rollup/plugin-typescript": "^10.0.0",
     "@storybook/addon-a11y": "^6.5.6",
     "@storybook/addon-actions": "^6.5.6",
     "@storybook/addon-docs": "^6.5.6",
@@ -135,5 +135,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "a9d6ab5cc79665453f218fd5821c65c399337c15"
+  "gitHead": "b115fef8c7d19ed31ed3aeeb2b7f95f8be0738b6"
 }

package/scss/components/fluid-combo-box/_fluid-combo-box.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box/fluid-combo-box';

package/scss/components/fluid-combo-box/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-combo-box';

package/scss/components/fluid-multiselect/_fluid-multiselect.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect/fluid-multiselect';

package/scss/components/fluid-multiselect/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-multiselect';

package/scss/components/fluid-number-input/_fluid-number-input.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input/fluid-number-input';

package/scss/components/fluid-number-input/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-number-input';

package/scss/components/fluid-search/_fluid-search.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-search/fluid-search';

package/scss/components/fluid-search/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-search';

package/es/components/TimePickerSelect/next/TimePickerSelect.js

@@ -1,70 +0,0 @@
-/**
- * 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 { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import cx from 'classnames';
-import { ChevronDown } from '@carbon/icons-react';
-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 };