@carbon/react 1.0.0-rc.0 → 1.0.2

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;

package/lib/components/Select/Select.js

@@ -17,34 +17,14 @@ var iconsReact = require('@carbon/icons-react');
 var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var FeatureFlags = require('@carbon/feature-flags');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["className", "id", "inline", "labelText", "disabled", "children", "noLabel", "iconDescription", "hideLabel", "invalid", "invalidText", "helperText", "light", "size", "warn", "warnText"];
+var _excluded = ["className", "id", "inline", "labelText", "disabled", "children", "noLabel", "hideLabel", "invalid", "invalidText", "helperText", "light", "size", "warn", "warnText"];
 var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_ref, ref) {
   var _classNames, _classNames2, _classNames3;
 
@@ -54,9 +34,8 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_
       labelText = _ref.labelText,
       disabled = _ref.disabled,
       children = _ref.children,
-      noLabel = _ref.noLabel;
-      _ref.iconDescription;
-      var hideLabel = _ref.hideLabel,
+      noLabel = _ref.noLabel,
+      hideLabel = _ref.hideLabel,
       invalid = _ref.invalid,
       invalidText = _ref.invalidText,
       helperText = _ref.helperText,
@@ -162,11 +141,6 @@ Select.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool,
 
-  /**
-   * Provide a description for the twistie icon that can be read by screen readers
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop for `Select` is no longer needed and has ' + 'been deprecated. It will be moved in the next major release.'),
-
   /**
    * Specify a custom `id` for the `<select>`
    */
@@ -197,7 +171,7 @@ Select.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 `Select` 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.'),
 
   /**
    * Reserved for use with <Pagination> component. Will not render a label for the
@@ -214,7 +188,7 @@ Select.propTypes = {
   /**
    * Specify the size of the Select Input.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify whether the control is currently in warning state
@@ -232,8 +206,7 @@ Select.defaultProps = {
   inline: false,
   invalid: false,
   invalidText: '',
-  helperText: '',
-  light: false
+  helperText: ''
 };
 var Select$1 = Select;
 

package/lib/components/Slider/Slider.js

@@ -47,7 +47,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["ariaLabelInput", "className", "hideTextInput", "id", "min", "minLabel", "max", "maxLabel", "formatLabel", "labelText", "step", "stepMuliplier", "stepMultiplier", "inputType", "required", "disabled", "name", "light"];
+var _excluded = ["ariaLabelInput", "className", "hideTextInput", "id", "min", "minLabel", "max", "maxLabel", "formatLabel", "labelText", "step", "stepMultiplier", "inputType", "required", "disabled", "name", "light"];
 
 var defaultFormatLabel = function defaultFormatLabel(value, label) {
   return typeof label === 'function' ? label(value) : "".concat(value).concat(label);
@@ -188,7 +188,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
 
       if (evt.shiftKey) {
-        var stepMultiplier = _this.props.stepMultiplier || _this.props.stepMuliplier;
+        var stepMultiplier = _this.props.stepMultiplier;
         delta *= stepMultiplier;
       }
 
@@ -347,7 +347,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       // Fire onChange event handler if present, if there's a usable value, and
       // if the value is different from the last one
       if (this.state.value !== '' && prevState.value !== this.state.value && typeof this.props.onChange === 'function') {
-        // TODO: pass event object as first param (breaking change/feat for v11)
         this.props.onChange({
           value: this.state.value
         });
@@ -355,7 +354,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
 
       if (this.state.needsOnRelease && typeof this.props.onRelease === 'function') {
-        // TODO: pass event object as first param (breaking change/feat for v11)
         this.props.onRelease({
           value: this.state.value
         }); // Reset the flag
@@ -418,7 +416,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           formatLabel = _this$props$formatLab === void 0 ? defaultFormatLabel : _this$props$formatLab,
           labelText = _this$props.labelText,
           step = _this$props.step;
-          _this$props.stepMuliplier;
           _this$props.stepMultiplier;
           var inputType = _this$props.inputType,
           required = _this$props.required,
@@ -597,7 +594,7 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "propTypes", {
   /**
    * `true` to use the light version.
    */
-  light: PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Slider` 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 maximum value.
@@ -644,12 +641,6 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "propTypes", {
    */
   step: PropTypes__default["default"].number,
 
-  /**
-   * A value determining how much the value should increase/decrease by Shift+arrow keys,
-   * which will be `(max - min) / stepMuliplier`.
-   */
-  stepMuliplier: deprecate["default"](PropTypes__default["default"].number, ' The `stepMuliplier` prop has been deprecated in favor of `stepMultiplier`. It will be removed in the next major release.'),
-
   /**
    * A value determining how much the value should increase/decrease by Shift+arrow keys,
    * which will be `(max - min) / stepMultiplier`.
@@ -670,8 +661,7 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "defaultProps", {
   minLabel: '',
   maxLabel: '',
   inputType: 'number',
-  ariaLabelInput: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Slider number input',
-  light: false
+  ariaLabelInput: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Slider number input'
 });
 
 _rollupPluginBabelHelpers.defineProperty(Slider, "contextType", index.FeatureFlagContext);

package/lib/components/StructuredList/next/StructuredList.js

@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "selection", "className", "ariaLabel", "border"],
+var _excluded = ["children", "selection", "className", "ariaLabel"],
     _excluded2 = ["children", "className"],
     _excluded3 = ["children", "className"],
     _excluded4 = ["onKeyDown", "children", "className", "head"],
@@ -35,9 +35,8 @@ function StructuredListWrapper(props) {
   var children = props.children,
       selection = props.selection,
       className = props.className,
-      ariaLabel = props.ariaLabel;
-      props.border;
-      var other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+      ariaLabel = props.ariaLabel,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix.usePrefix();
   var classes = cx__default["default"]("".concat(prefix, "--structured-list"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--structured-list--selection"), selection));
@@ -64,11 +63,6 @@ StructuredListWrapper.propTypes = {
    */
   ariaLabel: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether a border should be added to your StructuredListWrapper
-   */
-  border: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `border` will be removed in the next major version of Carbon."),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
@@ -220,6 +214,8 @@ StructuredListRow.defaultProps = {
   onKeyDown: function onKeyDown() {}
 };
 function StructuredListInput(props) {
+  var _row$id;
+
   var defaultId = useId.useId('structureListInput');
 
   var className = props.className,
@@ -238,11 +234,11 @@ function StructuredListInput(props) {
     type: "radio",
     tabIndex: 0,
     checked: row && row.id === selectedRow,
-    value: row ? row.id : '',
+    value: (_row$id = row === null || row === void 0 ? void 0 : row.id) !== null && _row$id !== void 0 ? _row$id : '',
     onChange: function onChange(event) {
       setSelectedRow(event.target.value);
     },
-    id: !id && defaultId,
+    id: id !== null && id !== void 0 ? id : defaultId,
     className: classes,
     name: name,
     title: title

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -207,9 +207,9 @@ ControlledPasswordInput.propTypes = {
   showPasswordLabel: PropTypes__default["default"].string,
 
   /**
-   * Specify the size of the Text Input. Currently supports either `small` or `large` as an option. If omitted, defaults to standard size
+   * Specify the size of the Text Input.
    */
-  size: PropTypes__default["default"].string,
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify the alignment of the tooltip to the icon-only button.