@carbon/react 1.0.0-rc.0 → 1.0.0

package/lib/components/IconButton/index.js

@@ -44,7 +44,6 @@ var IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Icon
     label: label,
     leaveDelayMs: leaveDelayMs
   }, /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
-    hasIconOnly: true,
     kind: kind,
     ref: ref,
     size: size

package/lib/components/InlineLoading/InlineLoading.js

@@ -14,7 +14,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-var deprecate = require('../../prop-types/deprecate.js');
 var Loading = require('../Loading/Loading.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
@@ -24,14 +23,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "success", "status", "iconDescription", "description", "onSuccess", "successDelay"];
+var _excluded = ["className", "status", "iconDescription", "description", "onSuccess", "successDelay"];
 function InlineLoading(_ref) {
   var _title, _title2;
 
   var className = _ref.className,
-      success = _ref.success,
       _ref$status = _ref.status,
-      status = _ref$status === void 0 ? success ? 'finished' : 'active' : _ref$status,
+      status = _ref$status === void 0 ? 'active' : _ref$status,
       iconDescription = _ref.iconDescription,
       description = _ref.description,
       onSuccess = _ref.onSuccess,
@@ -111,11 +109,6 @@ InlineLoading.propTypes = {
    */
   status: PropTypes__default["default"].oneOf(['inactive', 'active', 'finished', 'error']),
 
-  /**
-   * Specify whether the load was successful
-   */
-  success: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `success` for InlineLoading has been deprecated in favor of `status`. Please use `status=\"finished\"` instead."),
-
   /**
    * Provide a delay for the `setTimeout` for success
    */

package/lib/components/ListBox/ListBox.js

@@ -15,6 +15,11 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var ListBoxPropTypes = require('./ListBoxPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var ListBoxField = require('./ListBoxField.js');
+var ListBoxMenu = require('./ListBoxMenu.js');
+var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
+var ListBoxMenuItem = require('./ListBoxMenuItem.js');
+var ListBoxSelection = require('./ListBoxSelection.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -134,6 +139,11 @@ ListBox.defaultProps = {
   disabled: false,
   type: 'default'
 };
+ListBox.Field = ListBoxField["default"];
+ListBox.Menu = ListBoxMenu["default"];
+ListBox.MenuIcon = ListBoxMenuIcon["default"];
+ListBox.MenuItem = ListBoxMenuItem["default"];
+ListBox.Selection = ListBoxSelection["default"];
 var ListBox$1 = ListBox;
 
 exports["default"] = ListBox$1;

package/lib/components/Modal/next/Modal.js

@@ -17,7 +17,6 @@ var iconsReact = require('@carbon/icons-react');
 var toggleClass = require('../../../tools/toggleClass.js');
 var Button = require('../../Button/Button.js');
 var ButtonSet = require('../../ButtonSet/ButtonSet.js');
-var deprecate = require('../../../prop-types/deprecate.js');
 var requiredIfGivenPropIsTruthy = require('../../../prop-types/requiredIfGivenPropIsTruthy.js');
 var wrapFocus = require('../../../internal/wrapFocus.js');
 var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
@@ -31,10 +30,10 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Modal$propTypes;
 
-var _excluded = ["children", "className", "modalHeading", "modalLabel", "modalAriaLabel", "passiveModal", "hasForm", "secondaryButtonText", "primaryButtonText", "open", "onRequestClose", "onRequestSubmit", "onSecondarySubmit", "iconDescription", "primaryButtonDisabled", "danger", "alert", "secondaryButtons", "selectorPrimaryFocus", "selectorsFloatingMenus", "shouldSubmitOnEnter", "size", "hasScrollingContent", "closeButtonLabel", "preventCloseOnClickOutside"];
+var _excluded = ["children", "className", "modalHeading", "modalLabel", "modalAriaLabel", "passiveModal", "secondaryButtonText", "primaryButtonText", "open", "onRequestClose", "onRequestSubmit", "onSecondarySubmit", "primaryButtonDisabled", "danger", "alert", "secondaryButtons", "selectorPrimaryFocus", "selectorsFloatingMenus", "shouldSubmitOnEnter", "size", "hasScrollingContent", "closeButtonLabel", "preventCloseOnClickOutside"];
 var getInstanceId = setupGetInstanceId["default"]();
 var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_ref, ref) {
-  var _classNames, _classNames3;
+  var _classNames;
 
   var children = _ref.children,
       className = _ref.className,
@@ -42,14 +41,12 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
       modalLabel = _ref.modalLabel,
       modalAriaLabel = _ref.modalAriaLabel,
       passiveModal = _ref.passiveModal,
-      hasForm = _ref.hasForm,
       secondaryButtonText = _ref.secondaryButtonText,
       primaryButtonText = _ref.primaryButtonText,
       open = _ref.open,
       onRequestClose = _ref.onRequestClose,
       onRequestSubmit = _ref.onRequestSubmit,
       onSecondarySubmit = _ref.onSecondarySubmit,
-      iconDescription = _ref.iconDescription,
       primaryButtonDisabled = _ref.primaryButtonDisabled,
       danger = _ref.danger,
       alert = _ref.alert,
@@ -119,13 +116,13 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
   var onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
   var modalClasses = cx__default["default"]("".concat(prefix, "--modal"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--modal-tall"), !passiveModal), _rollupPluginBabelHelpers.defineProperty(_classNames, 'is-visible', open), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--modal--danger"), danger), _rollupPluginBabelHelpers.defineProperty(_classNames, className, className), _classNames));
   var containerClasses = cx__default["default"]("".concat(prefix, "--modal-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-container--").concat(size), size));
-  var contentClasses = cx__default["default"]("".concat(prefix, "--modal-content"), (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--modal-content--with-form"), hasForm), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent), _classNames3));
+  var contentClasses = cx__default["default"]("".concat(prefix, "--modal-content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent));
   var footerClasses = cx__default["default"]("".concat(prefix, "--modal-footer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-footer--three-button"), Array.isArray(secondaryButtons) && secondaryButtons.length === 2));
   var modalButton = /*#__PURE__*/React__default["default"].createElement("button", {
     className: modalCloseButtonClass,
     type: "button",
     onClick: onRequestClose,
-    title: ariaLabel ? ariaLabel : iconDescription,
+    title: ariaLabel,
     "aria-label": closeButtonLabel ? closeButtonLabel : 'close',
     ref: button
   }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
@@ -253,7 +250,7 @@ Modal.propTypes = (_Modal$propTypes = {
    * Should go hand in hand with the danger prop.
    */
   alert: PropTypes__default["default"].bool
-}, _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "closeButtonLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "focusTrap", deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `focusTrap` for Modal has been deprecated, as the feature of `focusTrap` runs by default.")), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasForm", deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `hasForm` for Modal has been deprecated, as the feature of `hasForm` runs by default.")), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "iconDescription", deprecate["default"](PropTypes__default["default"].string, 'The iconDescription prop is no longer needed and can be safely removed. This prop will be removed in the next major release of Carbon.')), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "id", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalAriaLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalHeading", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalLabel", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestSubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onSecondarySubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "passiveModal", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonDisabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtons", function secondaryButtons(props, propName, componentName) {
+}, _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "closeButtonLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "id", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalAriaLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalHeading", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalLabel", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestSubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onSecondarySubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "passiveModal", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonDisabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtons", function secondaryButtons(props, propName, componentName) {
   if (props.secondaryButtons) {
     if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) {
       return new Error("".concat(propName, " needs to be an array of two button config objects"));

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -20,7 +20,6 @@ var filter = require('../ComboBox/tools/filter.js');
 var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
 require('../ListBox/index.js');
 var Selection = require('../../internal/Selection.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var itemToString = require('./tools/itemToString.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
@@ -233,7 +232,7 @@ var FilterableMultiSelect = /*#__PURE__*/function (_React$Component) {
             var selectedItems = _ref2.selectedItems,
                 onItemChange = _ref2.onItemChange,
                 _clearSelection = _ref2.clearSelection;
-            return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, createPropAdapter.mapDownshiftProps(downshiftProps), {
+            return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, downshiftProps, {
               highlightedIndex: highlightedIndex,
               id: id,
               isOpen: isOpen,

package/lib/components/MultiSelect/MultiSelect.js

@@ -22,7 +22,6 @@ var itemToString = require('./tools/itemToString.js');
 var sorting = require('./tools/sorting.js');
 var Selection = require('../../internal/Selection.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -120,7 +119,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
       onItemChange = _useSelection.onItemChange,
       clearSelection = _useSelection.clearSelection;
 
-  var _useSelect = Downshift.useSelect(createPropAdapter.mapDownshiftProps(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
+  var _useSelect = Downshift.useSelect(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
     highlightedIndex: highlightedIndex,
     isOpen: isOpen,
     itemToString: function itemToString(items) {
@@ -131,7 +130,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     onStateChange: onStateChange,
     selectedItem: controlledSelectedItems,
     items: items
-  }))),
+  })),
       getToggleButtonProps = _useSelect.getToggleButtonProps,
       getLabelProps = _useSelect.getLabelProps,
       getMenuProps = _useSelect.getMenuProps,

package/lib/components/MultiSelect/next/FilterableMultiSelect.js

@@ -20,7 +20,6 @@ var filter = require('../../ComboBox/tools/filter.js');
 var MultiSelectPropTypes = require('../MultiSelectPropTypes.js');
 require('../../ListBox/index.js');
 var Selection = require('../../../internal/Selection.js');
-var createPropAdapter = require('../../../tools/createPropAdapter.js');
 var itemToString = require('../tools/itemToString.js');
 var mergeRefs = require('../../../tools/mergeRefs.js');
 var useId = require('../../../internal/useId.js');
@@ -214,7 +213,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
       var selectedItems = _ref3.selectedItems,
           onItemChange = _ref3.onItemChange,
           _clearSelection = _ref3.clearSelection;
-      return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, createPropAdapter.mapDownshiftProps(downshiftProps), {
+      return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, downshiftProps, {
         highlightedIndex: highlightedIndex,
         id: id,
         isOpen: isOpen,

package/lib/components/Notification/next/Notification.js

@@ -30,10 +30,10 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var _iconTypes;
 
 var _excluded = ["children", "className", "onClick", "inline"],
-    _excluded2 = ["ariaLabel", "className", "iconDescription", "type", "renderIcon", "name", "notificationType"],
-    _excluded3 = ["role", "onClose", "onCloseButtonClick", "iconDescription", "statusIconDescription", "className", "children", "kind", "lowContrast", "hideCloseButton", "timeout", "title", "caption", "subtitle"],
-    _excluded4 = ["children", "title", "subtitle", "role", "onClose", "onCloseButtonClick", "iconDescription", "statusIconDescription", "className", "kind", "lowContrast", "hideCloseButton"],
-    _excluded5 = ["actionButtonLabel", "children", "role", "onActionButtonClick", "onClose", "onCloseButtonClick", "iconDescription", "statusIconDescription", "className", "inline", "kind", "lowContrast", "hideCloseButton", "hasFocus", "closeOnEscape", "title", "subtitle"];
+    _excluded2 = ["ariaLabel", "className", "type", "renderIcon", "name", "notificationType"],
+    _excluded3 = ["role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "children", "kind", "lowContrast", "hideCloseButton", "timeout", "title", "caption", "subtitle"],
+    _excluded4 = ["children", "title", "subtitle", "role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "kind", "lowContrast", "hideCloseButton"],
+    _excluded5 = ["actionButtonLabel", "ariaLabel", "children", "role", "onActionButtonClick", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "inline", "kind", "lowContrast", "hideCloseButton", "hasFocus", "closeOnEscape", "title", "subtitle"];
 /**
  * Conditionally call a callback when the escape key is pressed
  * @param {node} ref - ref of the container element to scope the functionality to
@@ -101,7 +101,6 @@ NotificationActionButton.propTypes = {
 function NotificationButton(_ref2) {
   var ariaLabel = _ref2.ariaLabel,
       className = _ref2.className,
-      iconDescription = _ref2.iconDescription,
       type = _ref2.type,
       IconTag = _ref2.renderIcon,
       name = _ref2.name,
@@ -114,11 +113,10 @@ function NotificationButton(_ref2) {
   return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
     // eslint-disable-next-line react/button-has-type
     type: type,
-    "aria-label": iconDescription,
-    title: iconDescription,
+    "aria-label": ariaLabel,
+    title: ariaLabel,
     className: buttonClassName
   }), IconTag && /*#__PURE__*/React__default["default"].createElement(IconTag, {
-    "aria-label": ariaLabel,
     className: iconClassName,
     name: name
   }));
@@ -134,11 +132,6 @@ NotificationButton.propTypes = {
    */
   className: PropTypes__default["default"].string,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify an optional icon for the Button through a string,
    * if something but regular "close" icon is desirable
@@ -163,10 +156,8 @@ NotificationButton.propTypes = {
 };
 NotificationButton.defaultProps = {
   ariaLabel: 'close notification',
-  // TODO: deprecate this prop
   notificationType: 'toast',
   type: 'button',
-  iconDescription: 'close icon',
   renderIcon: iconsReact.Close
 };
 var iconTypes = (_iconTypes = {
@@ -202,7 +193,6 @@ function ToastNotification(_ref4) {
   var role = _ref4.role,
       onClose = _ref4.onClose,
       onCloseButtonClick = _ref4.onCloseButtonClick,
-      iconDescription = _ref4.iconDescription,
       statusIconDescription = _ref4.statusIconDescription,
       className = _ref4.className,
       children = _ref4.children,
@@ -282,7 +272,6 @@ function ToastNotification(_ref4) {
   }, subtitle), caption && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--toast-notification__caption")
   }, caption), children), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    iconDescription: iconDescription,
     notificationType: "toast",
     onClick: handleCloseButtonClick,
     "aria-hidden": "true",
@@ -290,6 +279,11 @@ function ToastNotification(_ref4) {
   }));
 }
 ToastNotification.propTypes = {
+  /**
+   * Provide a description for "close" icon button that can be read by screen readers
+   */
+  ariaLabel: PropTypes__default["default"].string,
+
   /**
    * Specify the caption
    */
@@ -310,11 +304,6 @@ ToastNotification.propTypes = {
    */
   hideCloseButton: PropTypes__default["default"].bool,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify what state the notification represents
    */
@@ -364,7 +353,6 @@ ToastNotification.propTypes = {
 ToastNotification.defaultProps = {
   kind: 'error',
   role: 'status',
-  iconDescription: 'closes notification',
   onCloseButtonClick: function onCloseButtonClick() {},
   hideCloseButton: false,
   timeout: 0
@@ -378,7 +366,6 @@ function InlineNotification(_ref5) {
       role = _ref5.role,
       onClose = _ref5.onClose,
       onCloseButtonClick = _ref5.onCloseButtonClick,
-      iconDescription = _ref5.iconDescription,
       statusIconDescription = _ref5.statusIconDescription,
       className = _ref5.className,
       kind = _ref5.kind,
@@ -432,7 +419,6 @@ function InlineNotification(_ref5) {
   }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--inline-notification__subtitle")
   }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    iconDescription: iconDescription,
     notificationType: "inline",
     onClick: handleCloseButtonClick,
     "aria-hidden": "true",
@@ -455,11 +441,6 @@ InlineNotification.propTypes = {
    */
   hideCloseButton: PropTypes__default["default"].bool,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify what state the notification represents
    */
@@ -504,7 +485,6 @@ InlineNotification.propTypes = {
 InlineNotification.defaultProps = {
   kind: 'error',
   role: 'status',
-  iconDescription: 'closes notification',
   onCloseButtonClick: function onCloseButtonClick() {},
   hideCloseButton: false
 };
@@ -512,12 +492,12 @@ function ActionableNotification(_ref6) {
   var _cx6;
 
   var actionButtonLabel = _ref6.actionButtonLabel,
+      ariaLabel = _ref6.ariaLabel,
       children = _ref6.children,
       role = _ref6.role,
       onActionButtonClick = _ref6.onActionButtonClick,
       onClose = _ref6.onClose,
       onCloseButtonClick = _ref6.onCloseButtonClick,
-      iconDescription = _ref6.iconDescription,
       statusIconDescription = _ref6.statusIconDescription,
       className = _ref6.className,
       inline = _ref6.inline,
@@ -583,7 +563,7 @@ function ActionableNotification(_ref6) {
     onClick: onActionButtonClick,
     inline: inline
   }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    iconDescription: iconDescription,
+    "aria-label": ariaLabel,
     notificationType: "actionable",
     onClick: handleCloseButtonClick
   }));
@@ -594,6 +574,11 @@ ActionableNotification.propTypes = {
    */
   actionButtonLabel: PropTypes__default["default"].string.isRequired,
 
+  /**
+   * Provide a description for "close" icon button that can be read by screen readers
+   */
+  ariaLabel: PropTypes__default["default"].string,
+
   /**
    * Specify the caption
    */
@@ -624,11 +609,6 @@ ActionableNotification.propTypes = {
    */
   hideCloseButton: PropTypes__default["default"].bool,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes__default["default"].string,
-
   /*
    * Specify if the notification should have inline styling applied instead of toast
    */
@@ -683,7 +663,6 @@ ActionableNotification.propTypes = {
 ActionableNotification.defaultProps = {
   kind: 'error',
   role: 'alertdialog',
-  iconDescription: 'closes notification',
   onCloseButtonClick: function onCloseButtonClick() {},
   hideCloseButton: false,
   hasFocus: true,

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -14,7 +14,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var warning = require('../../internal/warning.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');
 var match = require('../../internal/keyboard/match.js');
@@ -45,7 +44,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["href", "className", "itemText", "hasDivider", "isDelete", "disabled", "closeMenu", "onClick", "handleOverflowMenuItemFocus", "onKeyDown", "primaryFocus", "wrapperClassName", "requireTitle", "index", "title"];
+var _excluded = ["href", "className", "itemText", "hasDivider", "isDelete", "disabled", "closeMenu", "onClick", "handleOverflowMenuItemFocus", "onKeyDown", "wrapperClassName", "requireTitle", "index", "title"];
 
 var OverflowMenuItem = /*#__PURE__*/function (_React$Component) {
   _rollupPluginBabelHelpers.inherits(OverflowMenuItem, _React$Component);
@@ -111,7 +110,6 @@ var OverflowMenuItem = /*#__PURE__*/function (_React$Component) {
           _this$props2.onClick;
           _this$props2.handleOverflowMenuItemFocus;
           var _onKeyDown = _this$props2.onKeyDown,
-          primaryFocus = _this$props2.primaryFocus,
           wrapperClassName = _this$props2.wrapperClassName,
           requireTitle = _this$props2.requireTitle,
           index = _this$props2.index,
@@ -143,7 +141,6 @@ var OverflowMenuItem = /*#__PURE__*/function (_React$Component) {
           className: overflowMenuItemClasses,
           role: "none"
         }, /*#__PURE__*/React__default["default"].createElement(TagToUse, _rollupPluginBabelHelpers["extends"]({}, other, {
-          'data-floating-menu-primary-focus': primaryFocus || null,
           role: "menuitem",
           href: href,
           className: overflowMenuBtnClasses,
@@ -217,11 +214,6 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenuItem, "propTypes", {
   onMouseLeave: PropTypes__default["default"].func,
   onMouseUp: PropTypes__default["default"].func,
 
-  /**
-   * `true` if this menu item should get focus when the menu gets open.
-   */
-  primaryFocus: deprecate["default"](PropTypes__default["default"].bool, 'The `primaryFocus` prop has been deprecated as it is no longer used. ' + 'Feel free to remove this prop from <OverflowMenuItem>. This prop will ' + 'be removed in the next major release of `carbon-components-react`. ' + 'Opt for `selectorPrimaryFocus` in `<OverflowMenu>` instead'),
-
   /**
    * `true` if this menu item has long text and requires a browser tooltip
    */

package/lib/components/RadioTile/RadioTile.js

@@ -14,10 +14,10 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var deprecate = require('../../prop-types/deprecate.js');
 var useId = require('../../internal/useId.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var deprecate = require('../../prop-types/deprecate.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -29,16 +29,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _CheckmarkFilled;
 
-var _excluded = ["children", "className", "disabled", "iconDescription", "light", "checked", "name", "value", "id", "onChange", "tabIndex"];
+var _excluded = ["children", "className", "disabled", "light", "checked", "name", "value", "id", "onChange", "tabIndex"];
 
 function RadioTile(_ref) {
   var _cx;
 
   var children = _ref.children,
       customClassName = _ref.className,
-      disabled = _ref.disabled;
-      _ref.iconDescription;
-      var light = _ref.light,
+      disabled = _ref.disabled,
+      light = _ref.light,
       checked = _ref.checked,
       name = _ref.name,
       value = _ref.value,
@@ -112,11 +111,6 @@ RadioTile.propTypes = {
    */
   disabled: PropTypes__default["default"].bool,
 
-  /**
-   * The description of the tile checkmark icon.
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop for `RadioTile` is no longer needed and has ' + 'been deprecated. It will be moved in the next major release.'),
-
   /**
    * The ID of the `<input>`.
    */
@@ -126,7 +120,7 @@ RadioTile.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
 
   /**
    * The `name` of the `<input>`.
@@ -150,8 +144,7 @@ RadioTile.propTypes = {
 };
 RadioTile.defaultProps = {
   onChange: function onChange() {},
-  tabIndex: 0,
-  light: false
+  tabIndex: 0
 };
 
 exports["default"] = RadioTile;

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

@@ -17,8 +17,9 @@ var React = require('react');
 var index = require('../../../internal/focus/index.js');
 var useId = require('../../../internal/useId.js');
 var usePrefix = require('../../../internal/usePrefix.js');
-var deprecate = require('../../../prop-types/deprecate.js');
 var events = require('../../../tools/events.js');
+var useMergedRefs = require('../../../internal/useMergedRefs.js');
+var deprecate = require('../../../prop-types/deprecate.js');
 var match = require('../../../internal/keyboard/match.js');
 var keys = require('../../../internal/keyboard/keys.js');
 
@@ -30,9 +31,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _Close;
 
-var _excluded = ["autoComplete", "className", "closeButtonLabelText", "defaultValue", "disabled", "id", "labelText", "light", "onChange", "onClear", "onKeyDown", "placeHolderText", "placeholder", "renderIcon", "role", "size", "type", "value"];
-
-function Search(_ref) {
+var _excluded = ["autoComplete", "className", "closeButtonLabelText", "defaultValue", "disabled", "id", "labelText", "light", "onChange", "onClear", "onKeyDown", "onExpand", "placeholder", "renderIcon", "role", "size", "type", "value"];
+var Search = /*#__PURE__*/React__default["default"].forwardRef(function Search(_ref, forwardRef) {
   var _cx, _cx2;
 
   var _ref$autoComplete = _ref.autoComplete,
@@ -50,7 +50,7 @@ function Search(_ref) {
       _ref$onClear = _ref.onClear,
       onClear = _ref$onClear === void 0 ? function () {} : _ref$onClear,
       onKeyDown = _ref.onKeyDown,
-      placeHolderText = _ref.placeHolderText,
+      onExpand = _ref.onExpand,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
       renderIcon = _ref.renderIcon,
@@ -64,8 +64,8 @@ function Search(_ref) {
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var input = React.useRef(null);
-  var magnifier = React.useRef(null);
+  var inputRef = React.useRef(null);
+  var ref = useMergedRefs.useMergedRefs([forwardRef, inputRef]);
   var inputId = useId.useId('search-input');
   var uniqueId = id || inputId;
   var searchId = "".concat(uniqueId, "-search");
@@ -90,7 +90,7 @@ function Search(_ref) {
 
   function clearInput(event) {
     if (!value) {
-      input.current.value = '';
+      inputRef.current.value = '';
       onChange(event);
     } else {
       var clearedEvt = Object.assign({}, event.target, {
@@ -103,7 +103,7 @@ function Search(_ref) {
 
     onClear();
     setHasContent(false);
-    index.focus(input);
+    index.focus(inputRef);
   }
 
   function handleChange(event) {
@@ -122,8 +122,13 @@ function Search(_ref) {
     "aria-labelledby": searchId,
     className: searchClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    role: onExpand ? 'button' : null,
     className: "".concat(prefix, "--search-magnifier"),
-    ref: magnifier
+    onClick: function onClick() {
+      if (onExpand) {
+        onExpand();
+      }
+    }
   }, /*#__PURE__*/React__default["default"].createElement(CustomSearchIcon, {
     icon: renderIcon
   })), /*#__PURE__*/React__default["default"].createElement("label", {
@@ -136,11 +141,11 @@ function Search(_ref) {
     defaultValue: defaultValue,
     disabled: disabled,
     role: role,
-    ref: input,
+    ref: ref,
     id: uniqueId,
     onChange: events.composeEventHandlers([onChange, handleChange]),
     onKeyDown: events.composeEventHandlers([onKeyDown, handleKeyDown]),
-    placeholder: placeHolderText || placeholder,
+    placeholder: placeholder,
     type: type,
     value: value
   })), /*#__PURE__*/React__default["default"].createElement("button", {
@@ -150,8 +155,7 @@ function Search(_ref) {
     onClick: clearInput,
     type: "button"
   }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
-}
-
+});
 Search.propTypes = {
   /**
    * Specify an optional value for the `autocomplete` property on the underlying
@@ -192,7 +196,7 @@ Search.propTypes = {
   /**
    * Specify light version or default version of this control
    */
-  light: PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Search` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
 
   /**
    * Optional callback called when the search value changes.
@@ -205,14 +209,14 @@ Search.propTypes = {
   onClear: PropTypes__default["default"].func,
 
   /**
-   * Provide a handler that is invoked on the key down event for the input
+   * Optional callback called when the magnifier icon is clicked in ExpandableSearch.
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onExpand: PropTypes__default["default"].func,
 
   /**
-   * Deprecated in favor of `placeholder`
+   * Provide a handler that is invoked on the key down event for the input
    */
-  placeHolderText: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `placeHolderText` for Search has been deprecated in favor of `placeholder`. Please use `placeholder` instead."),
+  onKeyDown: PropTypes__default["default"].func,
 
   /**
    * Provide an optional placeholder text for the Search.
@@ -269,5 +273,6 @@ CustomSearchIcon.propTypes = {
    */
   icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
+var SearchNext = Search;
 
-exports["default"] = Search;
+exports["default"] = SearchNext;