@carbon/react 1.0.0-rc.0 → 1.0.0

package/es/components/Notification/next/Notification.js

@@ -20,10 +20,10 @@ import { Escape } from '../../../internal/keyboard/keys.js';
 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
@@ -91,7 +91,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,
@@ -104,11 +103,10 @@ function NotificationButton(_ref2) {
   return /*#__PURE__*/React__default.createElement("button", _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.createElement(IconTag, {
-    "aria-label": ariaLabel,
     className: iconClassName,
     name: name
   }));
@@ -124,11 +122,6 @@ NotificationButton.propTypes = {
    */
   className: PropTypes.string,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes.string,
-
   /**
    * Specify an optional icon for the Button through a string,
    * if something but regular "close" icon is desirable
@@ -153,10 +146,8 @@ NotificationButton.propTypes = {
 };
 NotificationButton.defaultProps = {
   ariaLabel: 'close notification',
-  // TODO: deprecate this prop
   notificationType: 'toast',
   type: 'button',
-  iconDescription: 'close icon',
   renderIcon: Close
 };
 var iconTypes = (_iconTypes = {
@@ -192,7 +183,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,
@@ -272,7 +262,6 @@ function ToastNotification(_ref4) {
   }, subtitle), caption && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--toast-notification__caption")
   }, caption), children), !hideCloseButton && /*#__PURE__*/React__default.createElement(NotificationButton, {
-    iconDescription: iconDescription,
     notificationType: "toast",
     onClick: handleCloseButtonClick,
     "aria-hidden": "true",
@@ -280,6 +269,11 @@ function ToastNotification(_ref4) {
   }));
 }
 ToastNotification.propTypes = {
+  /**
+   * Provide a description for "close" icon button that can be read by screen readers
+   */
+  ariaLabel: PropTypes.string,
+
   /**
    * Specify the caption
    */
@@ -300,11 +294,6 @@ ToastNotification.propTypes = {
    */
   hideCloseButton: PropTypes.bool,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes.string,
-
   /**
    * Specify what state the notification represents
    */
@@ -354,7 +343,6 @@ ToastNotification.propTypes = {
 ToastNotification.defaultProps = {
   kind: 'error',
   role: 'status',
-  iconDescription: 'closes notification',
   onCloseButtonClick: function onCloseButtonClick() {},
   hideCloseButton: false,
   timeout: 0
@@ -368,7 +356,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,
@@ -422,7 +409,6 @@ function InlineNotification(_ref5) {
   }, title), subtitle && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--inline-notification__subtitle")
   }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React__default.createElement(NotificationButton, {
-    iconDescription: iconDescription,
     notificationType: "inline",
     onClick: handleCloseButtonClick,
     "aria-hidden": "true",
@@ -445,11 +431,6 @@ InlineNotification.propTypes = {
    */
   hideCloseButton: PropTypes.bool,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes.string,
-
   /**
    * Specify what state the notification represents
    */
@@ -494,7 +475,6 @@ InlineNotification.propTypes = {
 InlineNotification.defaultProps = {
   kind: 'error',
   role: 'status',
-  iconDescription: 'closes notification',
   onCloseButtonClick: function onCloseButtonClick() {},
   hideCloseButton: false
 };
@@ -502,12 +482,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,
@@ -573,7 +553,7 @@ function ActionableNotification(_ref6) {
     onClick: onActionButtonClick,
     inline: inline
   }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React__default.createElement(NotificationButton, {
-    iconDescription: iconDescription,
+    "aria-label": ariaLabel,
     notificationType: "actionable",
     onClick: handleCloseButtonClick
   }));
@@ -584,6 +564,11 @@ ActionableNotification.propTypes = {
    */
   actionButtonLabel: PropTypes.string.isRequired,
 
+  /**
+   * Provide a description for "close" icon button that can be read by screen readers
+   */
+  ariaLabel: PropTypes.string,
+
   /**
    * Specify the caption
    */
@@ -614,11 +599,6 @@ ActionableNotification.propTypes = {
    */
   hideCloseButton: PropTypes.bool,
 
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes.string,
-
   /*
    * Specify if the notification should have inline styling applied instead of toast
    */
@@ -673,7 +653,6 @@ ActionableNotification.propTypes = {
 ActionableNotification.defaultProps = {
   kind: 'error',
   role: 'alertdialog',
-  iconDescription: 'closes notification',
   onCloseButtonClick: function onCloseButtonClick() {},
   hideCloseButton: false,
   hasFocus: true,

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -10,13 +10,12 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { warning } from '../../internal/warning.js';
-import deprecate from '../../prop-types/deprecate.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import { PrefixContext } from '../../internal/usePrefix.js';
 import { match } from '../../internal/keyboard/match.js';
 import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
 
-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) {
   _inherits(OverflowMenuItem, _React$Component);
@@ -82,7 +81,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,
@@ -114,7 +112,6 @@ var OverflowMenuItem = /*#__PURE__*/function (_React$Component) {
           className: overflowMenuItemClasses,
           role: "none"
         }, /*#__PURE__*/React__default.createElement(TagToUse, _extends({}, other, {
-          'data-floating-menu-primary-focus': primaryFocus || null,
           role: "menuitem",
           href: href,
           className: overflowMenuBtnClasses,
@@ -188,11 +185,6 @@ _defineProperty(OverflowMenuItem, "propTypes", {
   onMouseLeave: PropTypes.func,
   onMouseUp: PropTypes.func,
 
-  /**
-   * `true` if this menu item should get focus when the menu gets open.
-   */
-  primaryFocus: deprecate(PropTypes.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/es/components/RadioTile/RadioTile.js

@@ -10,25 +10,24 @@ import { CheckmarkFilled } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import deprecate from '../../prop-types/deprecate.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import deprecate from '../../prop-types/deprecate.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 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,
@@ -102,11 +101,6 @@ RadioTile.propTypes = {
    */
   disabled: PropTypes.bool,
 
-  /**
-   * The description of the tile checkmark icon.
-   */
-  iconDescription: deprecate(PropTypes.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>`.
    */
@@ -116,7 +110,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.bool,
+  light: deprecate(PropTypes.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>`.
@@ -140,8 +134,7 @@ RadioTile.propTypes = {
 };
 RadioTile.defaultProps = {
   onChange: function onChange() {},
-  tabIndex: 0,
-  light: false
+  tabIndex: 0
 };
 
 export { RadioTile as default };

package/es/components/Search/index.js

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

package/es/components/Search/next/Search.js

@@ -13,16 +13,16 @@ import React__default, { useRef, useState } from 'react';
 import { focus } from '../../../internal/focus/index.js';
 import { useId } from '../../../internal/useId.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
-import deprecate from '../../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../../tools/events.js';
+import { useMergedRefs } from '../../../internal/useMergedRefs.js';
+import deprecate from '../../../prop-types/deprecate.js';
 import { match } from '../../../internal/keyboard/match.js';
 import { Escape } from '../../../internal/keyboard/keys.js';
 
 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.forwardRef(function Search(_ref, forwardRef) {
   var _cx, _cx2;
 
   var _ref$autoComplete = _ref.autoComplete,
@@ -40,7 +40,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,
@@ -54,8 +54,8 @@ function Search(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var input = useRef(null);
-  var magnifier = useRef(null);
+  var inputRef = useRef(null);
+  var ref = useMergedRefs([forwardRef, inputRef]);
   var inputId = useId('search-input');
   var uniqueId = id || inputId;
   var searchId = "".concat(uniqueId, "-search");
@@ -80,7 +80,7 @@ function Search(_ref) {
 
   function clearInput(event) {
     if (!value) {
-      input.current.value = '';
+      inputRef.current.value = '';
       onChange(event);
     } else {
       var clearedEvt = Object.assign({}, event.target, {
@@ -93,7 +93,7 @@ function Search(_ref) {
 
     onClear();
     setHasContent(false);
-    focus(input);
+    focus(inputRef);
   }
 
   function handleChange(event) {
@@ -112,8 +112,13 @@ function Search(_ref) {
     "aria-labelledby": searchId,
     className: searchClasses
   }, /*#__PURE__*/React__default.createElement("div", {
+    role: onExpand ? 'button' : null,
     className: "".concat(prefix, "--search-magnifier"),
-    ref: magnifier
+    onClick: function onClick() {
+      if (onExpand) {
+        onExpand();
+      }
+    }
   }, /*#__PURE__*/React__default.createElement(CustomSearchIcon, {
     icon: renderIcon
   })), /*#__PURE__*/React__default.createElement("label", {
@@ -126,11 +131,11 @@ function Search(_ref) {
     defaultValue: defaultValue,
     disabled: disabled,
     role: role,
-    ref: input,
+    ref: ref,
     id: uniqueId,
     onChange: composeEventHandlers([onChange, handleChange]),
     onKeyDown: composeEventHandlers([onKeyDown, handleKeyDown]),
-    placeholder: placeHolderText || placeholder,
+    placeholder: placeholder,
     type: type,
     value: value
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -140,8 +145,7 @@ function Search(_ref) {
     onClick: clearInput,
     type: "button"
   }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
-}
-
+});
 Search.propTypes = {
   /**
    * Specify an optional value for the `autocomplete` property on the underlying
@@ -182,7 +186,7 @@ Search.propTypes = {
   /**
    * Specify light version or default version of this control
    */
-  light: PropTypes.bool,
+  light: deprecate(PropTypes.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.
@@ -195,14 +199,14 @@ Search.propTypes = {
   onClear: PropTypes.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.func,
+  onExpand: PropTypes.func,
 
   /**
-   * Deprecated in favor of `placeholder`
+   * Provide a handler that is invoked on the key down event for the input
    */
-  placeHolderText: deprecate(PropTypes.string, "\nThe prop `placeHolderText` for Search has been deprecated in favor of `placeholder`. Please use `placeholder` instead."),
+  onKeyDown: PropTypes.func,
 
   /**
    * Provide an optional placeholder text for the Search.
@@ -259,5 +263,6 @@ CustomSearchIcon.propTypes = {
    */
   icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
+var SearchNext = Search;
 
-export { Search as default };
+export { SearchNext as default };

package/es/components/Select/Select.js

@@ -13,9 +13,8 @@ import { ChevronDown, WarningFilled, WarningAltFilled } from '@carbon/icons-reac
 import deprecate from '../../prop-types/deprecate.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import * as FeatureFlags from '@carbon/feature-flags';
 
-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.forwardRef(function Select(_ref, ref) {
   var _classNames, _classNames2, _classNames3;
 
@@ -25,9 +24,8 @@ var Select = /*#__PURE__*/React__default.forwardRef(function Select(_ref, ref) {
       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,
@@ -133,11 +131,6 @@ Select.propTypes = {
    */
   hideLabel: PropTypes.bool,
 
-  /**
-   * Provide a description for the twistie icon that can be read by screen readers
-   */
-  iconDescription: deprecate(PropTypes.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>`
    */
@@ -168,7 +161,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.bool,
+  light: deprecate(PropTypes.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
@@ -185,7 +178,7 @@ Select.propTypes = {
   /**
    * Specify the size of the Select Input.
    */
-  size: FeatureFlags.enabled('enable-v11-release') ? PropTypes.oneOf(['sm', 'md', 'lg']) : PropTypes.oneOf(['sm', 'md', 'lg', 'xl']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify whether the control is currently in warning state
@@ -203,8 +196,7 @@ Select.defaultProps = {
   inline: false,
   invalid: false,
   invalidText: '',
-  helperText: '',
-  light: false
+  helperText: ''
 };
 var Select$1 = Select;
 

package/es/components/Slider/Slider.js

@@ -17,7 +17,7 @@ import { PrefixContext } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { FeatureFlagContext } from '../FeatureFlags/index.js';
 
-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);
@@ -158,7 +158,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
 
       if (evt.shiftKey) {
-        var stepMultiplier = _this.props.stepMultiplier || _this.props.stepMuliplier;
+        var stepMultiplier = _this.props.stepMultiplier;
         delta *= stepMultiplier;
       }
 
@@ -317,7 +317,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
         });
@@ -325,7 +324,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
@@ -388,7 +386,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,
@@ -567,7 +564,7 @@ _defineProperty(Slider, "propTypes", {
   /**
    * `true` to use the light version.
    */
-  light: PropTypes.bool,
+  light: deprecate(PropTypes.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.
@@ -614,12 +611,6 @@ _defineProperty(Slider, "propTypes", {
    */
   step: PropTypes.number,
 
-  /**
-   * A value determining how much the value should increase/decrease by Shift+arrow keys,
-   * which will be `(max - min) / stepMuliplier`.
-   */
-  stepMuliplier: deprecate(PropTypes.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`.
@@ -640,8 +631,7 @@ _defineProperty(Slider, "defaultProps", {
   minLabel: '',
   maxLabel: '',
   inputType: 'number',
-  ariaLabelInput: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Slider number input',
-  light: false
+  ariaLabelInput: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Slider number input'
 });
 
 _defineProperty(Slider, "contextType", FeatureFlagContext);

package/es/components/StructuredList/next/StructuredList.js

@@ -13,7 +13,7 @@ import { useId } from '../../../internal/useId.js';
 import deprecate from '../../../prop-types/deprecate.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
 
-var _excluded = ["children", "selection", "className", "ariaLabel", "border"],
+var _excluded = ["children", "selection", "className", "ariaLabel"],
     _excluded2 = ["children", "className"],
     _excluded3 = ["children", "className"],
     _excluded4 = ["onKeyDown", "children", "className", "head"],
@@ -25,9 +25,8 @@ function StructuredListWrapper(props) {
   var children = props.children,
       selection = props.selection,
       className = props.className,
-      ariaLabel = props.ariaLabel;
-      props.border;
-      var other = _objectWithoutProperties(props, _excluded);
+      ariaLabel = props.ariaLabel,
+      other = _objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix();
   var classes = cx("".concat(prefix, "--structured-list"), className, _defineProperty({}, "".concat(prefix, "--structured-list--selection"), selection));
@@ -54,11 +53,6 @@ StructuredListWrapper.propTypes = {
    */
   ariaLabel: PropTypes.string,
 
-  /**
-   * Specify whether a border should be added to your StructuredListWrapper
-   */
-  border: deprecate(PropTypes.bool, "\nThe prop `border` will be removed in the next major version of Carbon."),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
@@ -210,6 +204,8 @@ StructuredListRow.defaultProps = {
   onKeyDown: function onKeyDown() {}
 };
 function StructuredListInput(props) {
+  var _row$id;
+
   var defaultId = useId('structureListInput');
 
   var className = props.className,
@@ -228,11 +224,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/es/components/TextInput/ControlledPasswordInput.js

@@ -197,9 +197,9 @@ ControlledPasswordInput.propTypes = {
   showPasswordLabel: PropTypes.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.string,
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify the alignment of the tooltip to the icon-only button.