@carbon/react 1.14.0 → 1.15.0-rc.0

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -0,0 +1,150 @@
+/**
+ * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var Dropdown = require('../Dropdown/Dropdown.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var FormContext = require('../FluidForm/FormContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["className", "isCondensed"];
+var FluidDropdown = /*#__PURE__*/React__default["default"].forwardRef(function FluidDropdown(_ref, ref) {
+  var className = _ref.className,
+      isCondensed = _ref.isCondensed,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var classNames = cx__default["default"]("".concat(prefix, "--list-box__wrapper--fluid"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--list-box__wrapper--fluid--condensed"), isCondensed));
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown["default"], _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    className: classNames
+  }, other)));
+});
+FluidDropdown.propTypes = {
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify the direction of the dropdown. Can be either top or bottom.
+   */
+  direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
+
+  /**
+   * Specify whether the `<input>` should be disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify a custom `id` for the `<input>`
+   */
+  id: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
+   * from their collection that are pre-selected
+   */
+  initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
+
+  /**
+   * Specify if the currently selected value is invalid.
+   */
+  invalid: PropTypes__default["default"].bool,
+
+  /**
+   * Provide the text that is displayed when the control is in an invalid state
+   */
+  invalidText: PropTypes__default["default"].node,
+
+  /**
+   * Specify if the `FluidDropdown` should render its menu items in condensed mode
+   */
+  isCondensed: PropTypes__default["default"].bool,
+
+  /**
+   * Function to render items as custom components instead of strings.
+   * Defaults to null and is overridden by a getter
+   */
+  itemToElement: PropTypes__default["default"].func,
+
+  /**
+   * Helper function passed to downshift that allows the library to render a
+   * given item to a string label. By default, it extracts the `label` field
+   * from a given item to serve as the item label in the list.
+   */
+  itemToString: PropTypes__default["default"].func,
+
+  /**
+   * We try to stay as generic as possible here to allow individuals to pass
+   * in a collection of whatever kind of data structure they prefer
+   */
+  items: PropTypes__default["default"].array.isRequired,
+
+  /**
+   * Generic `label` that will be used as the textual representation of what
+   * this field is for
+   */
+  label: PropTypes__default["default"].node.isRequired,
+
+  /**
+   * `onChange` is a utility for this controlled component to communicate to a
+   * consuming component what kind of internal state changes are occurring.
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * An optional callback to render the currently selected item as a react element instead of only
+   * as a string.
+   */
+  renderSelectedItem: PropTypes__default["default"].func,
+
+  /**
+   * In the case you want to control the dropdown selection entirely.
+   */
+  selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
+
+  /**
+   * Provide the title text that will be read by a screen reader when
+   * visiting this control
+   */
+  titleText: PropTypes__default["default"].node,
+
+  /**
+   * Callback function for translating ListBoxMenuIcon SVG title
+   */
+  translateWithId: PropTypes__default["default"].func,
+
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes__default["default"].bool,
+
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes__default["default"].node
+};
+var FluidDropdown$1 = FluidDropdown;
+
+exports["default"] = FluidDropdown$1;

package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js

@@ -0,0 +1,52 @@
+/**
+ * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+var FormContext = require('../FluidForm/FormContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["className"];
+
+function FluidTextAreaSkeleton(_ref) {
+  var className = _ref.className,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"]("".concat(prefix, "--form-item ").concat(prefix, "--text-area--fluid__skeleton"), className)
+  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-area")
+  })));
+}
+
+FluidTextAreaSkeleton.propTypes = {
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = FluidTextAreaSkeleton;

package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js

@@ -0,0 +1,52 @@
+/**
+ * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+var FormContext = require('../FluidForm/FormContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["className"];
+
+function FluidTextInputSkeleton(_ref) {
+  var className = _ref.className,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"]("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
+  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
+  })));
+}
+
+FluidTextInputSkeleton.propTypes = {
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = FluidTextInputSkeleton;

package/lib/components/ListBox/ListBox.js

@@ -20,6 +20,7 @@ var ListBoxMenu = require('./ListBoxMenu.js');
 var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
 var ListBoxMenuItem = require('./ListBoxMenuItem.js');
 var ListBoxSelection = require('./ListBoxSelection.js');
+var FormContext = require('../FluidForm/FormContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,15 +63,21 @@ var ListBox = /*#__PURE__*/React__default["default"].forwardRef(function ListBox
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
+
+  var _useContext = React.useContext(FormContext.FormContext),
+      isFluid = _useContext.isFluid;
+
   var showWarning = !invalid && warn;
-  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, containerClassName, !!containerClassName), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--inline"), type === 'inline'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--expanded"), isOpen), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--warning"), showWarning), _cx));
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, containerClassName, !!containerClassName), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--inline"), type === 'inline'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--expanded"), isOpen), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--warning"), showWarning), _cx));
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: className,
     ref: ref,
     onKeyDown: handleOnKeyDown,
     onClick: handleClick,
     "data-invalid": invalid || undefined
-  }), children), invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }), children), isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "".concat(prefix, "--list-box__divider")
+  }), invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form-requirement")
   }, invalidText) : null, showWarning ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form-requirement")

package/lib/components/Loading/Loading.js

@@ -27,11 +27,15 @@ var _excluded = ["active", "className", "withOverlay", "small", "description"];
 function Loading(_ref) {
   var _cx, _cx2;
 
-  var active = _ref.active,
+  var _ref$active = _ref.active,
+      active = _ref$active === void 0 ? true : _ref$active,
       customClassName = _ref.className,
-      withOverlay = _ref.withOverlay,
-      small = _ref.small,
-      description = _ref.description,
+      _ref$withOverlay = _ref.withOverlay,
+      withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
+      _ref$small = _ref.small,
+      small = _ref$small === void 0 ? false : _ref$small,
+      _ref$description = _ref.description,
+      description = _ref$description === void 0 ? 'loading' : _ref$description,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
@@ -91,11 +95,5 @@ Loading.propTypes = {
    */
   withOverlay: PropTypes__default["default"].bool
 };
-Loading.defaultProps = {
-  active: true,
-  withOverlay: true,
-  small: false,
-  description: 'loading'
-};
 
 exports["default"] = Loading;

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -292,6 +292,10 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
             if (match.match(event, keys.Space)) {
               event.stopPropagation();
             }
+
+            if (match.match(event, keys.Tab)) {
+              handleOnMenuChange(false);
+            }
           },
           onFocus: function onFocus() {
             setInputFocused(true);

package/lib/components/Search/Search.js

@@ -29,7 +29,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Close;
 
-var _excluded = ["className", "type", "id", "placeHolderText", "placeholder", "labelText", "closeButtonLabelText", "small", "size", "light", "disabled", "onChange", "onKeyDown", "renderIcon", "onClear"];
+var _excluded = ["className", "type", "id", "placeHolderText", "placeholder", "labelText", "closeButtonLabelText", "small", "size", "light", "disabled", "onChange", "onKeyDown", "renderIcon", "onClear", "onExpand"];
 
 var Search = /*#__PURE__*/function (_Component) {
   _rollupPluginBabelHelpers.inherits(Search, _Component);
@@ -114,6 +114,7 @@ var Search = /*#__PURE__*/function (_Component) {
           onKeyDown = _this$props.onKeyDown,
           renderIcon = _this$props.renderIcon;
           _this$props.onClear;
+          _this$props.onExpand;
           var other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
 
       var hasContent = this.state.hasContent;

package/lib/components/Search/next/Search.js

@@ -88,19 +88,19 @@ var Search = /*#__PURE__*/React__default["default"].forwardRef(function Search(_
     setPrevValue(value);
   }
 
-  function clearInput(event) {
+  function clearInput() {
     if (!value) {
       inputRef.current.value = '';
-      onChange(event);
-    } else {
-      var clearedEvt = Object.assign({}, event.target, {
-        target: {
-          value: ''
-        }
-      });
-      onChange(clearedEvt);
     }
 
+    var inputTarget = Object.assign({}, inputRef.current, {
+      value: ''
+    });
+    var clearedEvt = {
+      target: inputTarget,
+      type: 'change'
+    };
+    onChange(clearedEvt);
     onClear();
     setHasContent(false);
     index.focus(inputRef);
@@ -113,7 +113,7 @@ var Search = /*#__PURE__*/React__default["default"].forwardRef(function Search(_
   function handleKeyDown(event) {
     if (match.match(event, keys.Escape)) {
       event.stopPropagation();
-      clearInput(event);
+      clearInput();
     }
   }
 
@@ -124,11 +124,7 @@ var Search = /*#__PURE__*/React__default["default"].forwardRef(function Search(_
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     role: onExpand ? 'button' : null,
     className: "".concat(prefix, "--search-magnifier"),
-    onClick: function onClick() {
-      if (onExpand) {
-        onExpand();
-      }
-    }
+    onClick: onExpand
   }, /*#__PURE__*/React__default["default"].createElement(CustomSearchIcon, {
     icon: renderIcon
   })), /*#__PURE__*/React__default["default"].createElement("label", {

package/lib/components/Slider/Slider.js

@@ -236,13 +236,14 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
         _this.setState({
           value: value,
-          left: left,
-          needsOnRelease: true
+          left: left
         });
       }
     });
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onBlur", function (evt) {
+      var _this$props$onBlur, _this$props;
+
       // Do nothing if we have no valid event, target, or value
       if (!evt || !('target' in evt) || typeof evt.target.value !== 'string') {
         return;
@@ -256,7 +257,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
         isValid: validity
       });
 
-      _this.props.onBlur({
+      (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, {
         value: value
       });
     });
@@ -407,27 +408,27 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props = this.props,
-          ariaLabelInput = _this$props.ariaLabelInput,
-          className = _this$props.className,
-          hideTextInput = _this$props.hideTextInput,
-          _this$props$id = _this$props.id,
-          id = _this$props$id === void 0 ? this.inputId = this.inputId || "__carbon-slider_".concat(Math.random().toString(36).substr(2)) : _this$props$id,
-          min = _this$props.min,
-          minLabel = _this$props.minLabel,
-          max = _this$props.max,
-          maxLabel = _this$props.maxLabel,
-          _this$props$formatLab = _this$props.formatLabel,
-          formatLabel = _this$props$formatLab === void 0 ? defaultFormatLabel : _this$props$formatLab,
-          labelText = _this$props.labelText,
-          step = _this$props.step;
-          _this$props.stepMultiplier;
-          var inputType = _this$props.inputType,
-          required = _this$props.required,
-          disabled = _this$props.disabled,
-          name = _this$props.name,
-          light = _this$props.light,
-          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
+      var _this$props2 = this.props,
+          ariaLabelInput = _this$props2.ariaLabelInput,
+          className = _this$props2.className,
+          hideTextInput = _this$props2.hideTextInput,
+          _this$props2$id = _this$props2.id,
+          id = _this$props2$id === void 0 ? this.inputId = this.inputId || "__carbon-slider_".concat(Math.random().toString(36).substr(2)) : _this$props2$id,
+          min = _this$props2.min,
+          minLabel = _this$props2.minLabel,
+          max = _this$props2.max,
+          maxLabel = _this$props2.maxLabel,
+          _this$props2$formatLa = _this$props2.formatLabel,
+          formatLabel = _this$props2$formatLa === void 0 ? defaultFormatLabel : _this$props2$formatLa,
+          labelText = _this$props2.labelText,
+          step = _this$props2.step;
+          _this$props2.stepMultiplier;
+          var inputType = _this$props2.inputType,
+          required = _this$props2.required,
+          disabled = _this$props2.disabled,
+          name = _this$props2.name,
+          light = _this$props2.light,
+          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props2, _excluded);
 
       delete other.onRelease;
       delete other.invalid;

package/lib/components/TextInput/TextInput.js

@@ -248,7 +248,7 @@ TextInput.propTypes = {
   light: PropTypes__default["default"].bool,
 
   /**
-   * Max character count allowed for the textarea. This is needed in order for enableCounter to display
+   * Max character count allowed for the input. This is needed in order for enableCounter to display
    */
   maxCount: PropTypes__default["default"].number,
 

package/lib/index.js

@@ -96,6 +96,7 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
+require('./components/ContainedList/index.js');
 var index$i = require('./components/FeatureFlags/index.js');
 var index$j = require('./components/Heading/index.js');
 var index$k = require('./components/IconButton/index.js');
@@ -124,9 +125,12 @@ var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
 var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
 var SideNavItem = require('./components/UIShell/SideNavItem.js');
 var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
+var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
-var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
 var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
+var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
+var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
+var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
 var MenuDivider = require('./components/Menu/MenuDivider.js');
 var MenuGroup = require('./components/Menu/MenuGroup.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
@@ -138,6 +142,7 @@ var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var TextInput = require('./components/TextInput/TextInput.js');
 var TreeView = require('./components/TreeView/TreeView.js');
+var ContainedList = require('./components/ContainedList/ContainedList.js');
 var Menu = require('./components/Menu/Menu.js');
 var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
 var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
@@ -198,6 +203,8 @@ var SideNavLink = require('./components/UIShell/SideNavLink.js');
 var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
 var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
 var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
+var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
+var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
 var LayoutDirection = require('./components/Layout/LayoutDirection.js');
 var useLayoutDirection = require('./components/Layout/useLayoutDirection.js');
 var Stack = require('./components/Stack/Stack.js');
@@ -339,9 +346,12 @@ exports.SideNavFooter = SideNavFooter["default"];
 exports.SideNavIcon = SideNavIcon["default"];
 exports.SideNavItem = SideNavItem["default"];
 exports.SideNavLinkText = SideNavLinkText["default"];
+exports.unstable_ContainedListItem = ContainedListItem["default"];
 exports.unstable_useContextMenu = useContextMenu["default"];
-exports.unstable__FluidTextInput = FluidTextInput["default"];
 exports.unstable__FluidTextArea = FluidTextArea["default"];
+exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
+exports.unstable__FluidTextInput = FluidTextInput["default"];
+exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable_MenuDivider = MenuDivider["default"];
 exports.unstable_MenuGroup = MenuGroup["default"];
 exports.unstable_MenuItem = MenuItem["default"];
@@ -353,6 +363,7 @@ exports.ProgressBar = ProgressBar["default"];
 exports.MultiSelect = MultiSelect["default"];
 exports.TextInput = TextInput["default"];
 exports.TreeView = TreeView["default"];
+exports.unstable_ContainedList = ContainedList["default"];
 exports.unstable_Menu = Menu["default"];
 exports.Breadcrumb = Breadcrumb["default"];
 exports.BreadcrumbItem = BreadcrumbItem["default"];
@@ -422,6 +433,8 @@ exports.SideNavLink = SideNavLink["default"];
 exports.SideNavMenu = SideNavMenu.SideNavMenu;
 exports.SideNavMenuItem = SideNavMenuItem["default"];
 exports.SideNavSwitcher = SideNavSwitcher["default"];
+exports.unstable__FluidDropdown = FluidDropdown["default"];
+exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
 exports.Stack = Stack.Stack;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.14.0",
+  "version": "1.15.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.9.0",
-    "@carbon/icons-react": "^11.9.0",
+    "@carbon/icons-react": "^11.10.0-rc.0",
     "@carbon/layout": "^11.7.0",
-    "@carbon/styles": "^1.14.0",
+    "@carbon/styles": "^1.15.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "dcf802a75caf0201ac831826f611d24dbe508859"
+  "gitHead": "79b7a1a788658d921f399232fea33e3c40eb939f"
 }

package/scss/components/fluid-dropdown/_fluid-dropdown.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-dropdown/fluid-dropdown';

package/scss/components/fluid-dropdown/_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-dropdown';

package/scss/components/fluid-list-box/_fluid-list-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-list-box/fluid-list-box';

package/scss/components/fluid-list-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-list-box';

package/scss/components/fluid-text-area/_fluid-text-area.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-text-area/fluid-text-area';

package/scss/components/fluid-text-area/_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-text-area';