@carbon/react 1.0.0-rc.0 → 1.0.0

package/lib/components/ComboBox/ComboBox.js

@@ -18,7 +18,6 @@ require('../Text/index.js');
 var iconsReact = require('@carbon/icons-react');
 require('../ListBox/index.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');
@@ -59,8 +58,7 @@ var getInputValue = function getInputValue(_ref) {
 
   if (selectedItem) {
     return itemToString(selectedItem);
-  } // TODO: consistent `initialSelectedItem` behavior with other listbox components in v11
-
+  }
 
   if (initialSelectedItem) {
     return itemToString(initialSelectedItem);
@@ -232,7 +230,7 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
   var inputClasses = cx__default["default"]("".concat(prefix, "--text-input"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--text-input--empty"), !inputValue)); // needs to be Capitalized for react to render it correctly
 
   var ItemToElement = itemToElement;
-  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, {
     onChange: handleOnChange,
     onInputValueChange: handleOnInputValueChange,
     onStateChange: function onStateChange() {

package/lib/components/ContentSwitcher/index.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createClassWrapper = require('../../internal/createClassWrapper.js');
+var ContentSwitcher = require('./ContentSwitcher.js');
+
+var index = createClassWrapper.createClassWrapper(ContentSwitcher["default"]);
+
+exports["default"] = index;

package/lib/components/DataTable/DataTable.js

@@ -21,32 +21,12 @@ var events = require('../../tools/events.js');
 var filter = require('./tools/filter.js');
 var sorting$1 = require('./tools/sorting.js');
 var instanceId = require('./tools/instanceId.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 isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 var _excluded = ["header", "onClick", "isSortable"],
     _excluded2 = ["onClick"],
@@ -223,11 +203,10 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "getToolbarProps", function () {
       var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var size = _this.props.size; // Remove compact, short in V11
-
-      var isSmall = size === 'compact' || size === 'short' || size === 'xs' || size === 'sm';
+      var size = _this.props.size;
+      var isSmall = size === 'xs' || size === 'sm';
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
-        size: isSmall ? 'small' : 'normal'
+        size: isSmall ? 'sm' : undefined
       });
     });
 
@@ -250,7 +229,6 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
           size = _this$props.size,
           isSortable = _this$props.isSortable,
           useStaticWidth = _this$props.useStaticWidth,
-          shouldShowBorder = _this$props.shouldShowBorder,
           stickyHeader = _this$props.stickyHeader,
           overflowMenuOnHover = _this$props.overflowMenuOnHover;
       return {
@@ -258,7 +236,6 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
         size: size,
         isSortable: isSortable,
         useStaticWidth: useStaticWidth,
-        shouldShowBorder: shouldShowBorder,
         stickyHeader: stickyHeader,
         overflowMenuOnHover: overflowMenuOnHover
       };
@@ -614,15 +591,10 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "propTypes", {
     isExpanded: PropTypes__default["default"].bool
   })).isRequired,
 
-  /**
-   * `false` If true, will remove the table border
-   */
-  shouldShowBorder: PropTypes__default["default"].bool,
-
   /**
    *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']) : PropTypes__default["default"].oneOf(['compact', 'short', 'normal', 'tall', 'xs', 'sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
 
   /**
    * Optional hook to manually control sorting of the rows.
@@ -657,7 +629,7 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "defaultProps", {
   sortRow: sorting$1.defaultSortRow,
   filterRows: filter.defaultFilterRows,
   locale: 'en',
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'normal',
+  size: 'lg',
   overflowMenuOnHover: true,
   translateWithId: translateWithId
 });

package/lib/components/DataTable/Table.js

@@ -10,39 +10,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-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 FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "children", "useZebraStyles", "size", "isSortable", "useStaticWidth", "shouldShowBorder", "stickyHeader", "overflowMenuOnHover"];
+var _excluded = ["className", "children", "useZebraStyles", "size", "isSortable", "useStaticWidth", "stickyHeader", "overflowMenuOnHover"];
 var Table = function Table(_ref) {
   var _cx;
 
@@ -52,13 +31,12 @@ var Table = function Table(_ref) {
       size = _ref.size,
       isSortable = _ref.isSortable,
       useStaticWidth = _ref.useStaticWidth,
-      shouldShowBorder = _ref.shouldShowBorder,
       stickyHeader = _ref.stickyHeader,
       overflowMenuOnHover = _ref.overflowMenuOnHover,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var componentClass = cx__default["default"]("".concat(prefix, "--data-table"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sort"), isSortable), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), useZebraStyles), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--static"), useStaticWidth), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--no-border"), !shouldShowBorder), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sticky-header"), stickyHeader), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--visible-overflow-menu"), !overflowMenuOnHover), _cx));
+  var componentClass = cx__default["default"]("".concat(prefix, "--data-table"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sort"), isSortable), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), useZebraStyles), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--static"), useStaticWidth), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sticky-header"), stickyHeader), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--visible-overflow-menu"), !overflowMenuOnHover), _cx));
   var table = /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--data-table-content")
   }, /*#__PURE__*/React__default["default"].createElement("table", _rollupPluginBabelHelpers["extends"]({}, other, {
@@ -85,15 +63,10 @@ Table.propTypes = {
    */
   overflowMenuOnHover: PropTypes__default["default"].bool,
 
-  /**
-   * `false` If true, will remove the table border
-   */
-  shouldShowBorder: deprecate["default"](PropTypes__default["default"].bool, 'The `shouldShowBorder` prop has been deprecated and can be safely removed.' + 'This prop will be removed in the next major release of ' + '`carbon-components-react`'),
-
   /**
    *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']) : PropTypes__default["default"].oneOf(['compact', 'short', 'normal', 'tall', 'xs', 'sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
 
   /**
    * `false` If true, will keep the header sticky (only data rows will scroll)

package/lib/components/DataTable/TableBatchAction.js

@@ -47,7 +47,8 @@ TableBatchAction.propTypes = {
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
 TableBatchAction.defaultProps = {
-  renderIcon: iconsReact.AddFilled
+  renderIcon: iconsReact.AddFilled,
+  iconDescription: 'Add'
 };
 var TableBatchAction$1 = TableBatchAction;
 

package/lib/components/DataTable/TableExpandHeader.js

@@ -84,7 +84,7 @@ TableExpandHeader.propTypes = {
    * Specify whether this row is expanded or not. This helps coordinate data
    * attributes so that `TableExpandRow` and `TableExpandedRow` work together
    */
-  isExpanded: PropTypes__default["default"].oneOfType([requiredIfGivenPropIsTruthy["default"]('enableExpando', PropTypes__default["default"].bool), requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].bool)]),
+  isExpanded: requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].bool),
 
   /**
    * Hook for when a listener initiates a request to expand the given row

package/lib/components/DataTable/TableToolbar.js

@@ -10,7 +10,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -19,25 +18,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 
 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 FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -67,7 +47,7 @@ TableToolbar.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBa
   /**
    * `lg` Change the row height of table
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'lg']) : PropTypes__default["default"].oneOf(['small', 'sm', 'normal', 'lg'])
+  size: PropTypes__default["default"].oneOf(['sm', 'lg'])
 });
 TableToolbar.defaultProps = {
   'aria-label': 'data table toolbar'

package/lib/components/DataTable/TableToolbarSearch.js

@@ -15,7 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../Search/index.js');
 var instanceId = require('./tools/instanceId.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,7 +23,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "searchContainerClass", "onChange", "onClear", "translateWithId", "placeHolderText", "placeholder", "labelText", "expanded", "defaultExpanded", "defaultValue", "disabled", "onExpand", "persistent", "persistant", "id", "onBlur", "onFocus"];
+var _excluded = ["className", "searchContainerClass", "onChange", "onClear", "translateWithId", "placeholder", "labelText", "expanded", "defaultExpanded", "defaultValue", "disabled", "onExpand", "persistent", "id", "onBlur", "onFocus"];
 var getInstanceId = instanceId["default"]();
 var translationKeys = {
   'carbon.table.toolbar.search.label': 'Filter table',
@@ -43,7 +42,6 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
       onChangeProp = _ref.onChange,
       onClear = _ref.onClear,
       t = _ref.translateWithId,
-      placeHolderText = _ref.placeHolderText,
       placeholder = _ref.placeholder,
       labelText = _ref.labelText,
       expandedProp = _ref.expanded,
@@ -52,7 +50,6 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
       disabled = _ref.disabled,
       onExpand = _ref.onExpand,
       persistent = _ref.persistent,
-      persistant = _ref.persistant,
       id = _ref.id,
       onBlur = _ref.onBlur,
       onFocus = _ref.onFocus,
@@ -93,13 +90,13 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
     }
   }, //eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  var searchClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, searchContainerClass, searchContainerClass), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-active"), expanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-expandable"), !persistent || !persistent && !persistant), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-persistent"), persistent || persistant), _cx));
+  var searchClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, searchContainerClass, searchContainerClass), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-active"), expanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-expandable"), !persistent), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--toolbar-search-container-persistent"), persistent), _cx));
 
   var handleExpand = function handleExpand(event) {
     var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !expanded;
 
     if (!disabled) {
-      if (!controlled && (!persistent || !persistent && !persistant)) {
+      if (!controlled && !persistent) {
         setExpandedState(value);
       }
 
@@ -131,7 +128,7 @@ var TableToolbarSearch = function TableToolbarSearch(_ref) {
     value: value,
     id: typeof id !== 'undefined' ? id : uniqueId.toString(),
     labelText: labelText || t('carbon.table.toolbar.search.label'),
-    placeholder: placeHolderText || placeholder || t('carbon.table.toolbar.search.placeholder'),
+    placeholder: placeholder || t('carbon.table.toolbar.search.placeholder'),
     onChange: onChange,
     onClear: onClear,
     onFocus: onFocus ? function (event) {
@@ -209,18 +206,12 @@ TableToolbarSearch.propTypes = {
    * input as the second.
    */
   onFocus: PropTypes__default["default"].func,
-  persistant: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `persistant` for TableToolbarSearch has been deprecated in favor of `persistent`. Please use `persistent` instead."),
 
   /**
    * Whether the search should be allowed to expand
    */
   persistent: PropTypes__default["default"].bool,
 
-  /**
-   * Deprecated in favor of `placeholder`
-   */
-  placeHolderText: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `placeHolderText` for TableToolbarSearch has been deprecated in favor of `placeholder`. Please use `placeholder` instead."),
-
   /**
    * Provide an optional placeholder text for the Search component
    */

package/lib/components/DatePickerInput/next/DatePickerInput.js

@@ -15,7 +15,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../../internal/usePrefix.js');
-var deprecate = require('../../../prop-types/deprecate.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,9 +22,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["datePickerType", "disabled", "helperText", "hideLabel", "id", "invalid", "invalidText", "labelText", "onClick", "onChange", "pattern", "placeholder", "size", "type", "warn", "warnText"],
-    _excluded2 = ["openCalendar", "iconDescription"],
-    _excluded3 = ["datePickerType", "invalid", "warn"];
+var _excluded = ["datePickerType", "disabled", "helperText", "hideLabel", "id", "invalid", "invalidText", "labelText", "onClick", "onChange", "pattern", "placeholder", "size", "type", "warn", "warnText"];
 var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function DatePickerInput(props, ref) {
   var _cx, _cx2, _cx4;
 
@@ -76,18 +73,12 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
   var helperTextClasses = cx__default["default"]("".concat(prefix, "--form__helper-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), disabled));
   var inputClasses = cx__default["default"]("".concat(prefix, "--date-picker__input"), (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--date-picker__input--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--date-picker__input--invalid"), invalid), _cx4));
   var containerClasses = cx__default["default"]("".concat(prefix, "--date-picker-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--date-picker--nolabel"), !labelText));
-
-  var _rest = _rollupPluginBabelHelpers.objectSpread2({}, rest),
-      openCalendar = _rest.openCalendar,
-      iconDescription = _rest.iconDescription,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_rest, _excluded2);
-
-  var input = invalid ? /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, datePickerInputProps, {
+  var input = invalid ? /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, datePickerInputProps, {
     disabled: disabled,
     ref: ref,
     "data-invalid": true,
     className: inputClasses
-  })) : /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, datePickerInputProps, {
+  })) : /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, datePickerInputProps, {
     disabled: disabled,
     className: inputClasses,
     ref: ref
@@ -101,9 +92,7 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
     className: wrapperClasses
   }, input, /*#__PURE__*/React__default["default"].createElement(DatePickerIcon, {
     datePickerType: datePickerType,
-    iconDescription: iconDescription,
     invalid: invalid,
-    openCalendar: openCalendar,
     warn: warn
   })), invalid && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form-requirement")
@@ -138,11 +127,6 @@ DatePickerInput.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool,
 
-  /**
-   * The description of the calendar icon.
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `iconDescriptionInput` for DatePickerInput has been deprecated and is no longer used"),
-
   /**
    * Specify an id that uniquely identifies the `<input>`
    */
@@ -175,11 +159,6 @@ DatePickerInput.propTypes = {
    */
   onClick: PropTypes__default["default"].func,
 
-  /**
-   * Provide a function to be called when the input field is clicked
-   */
-  openCalendar: deprecate["default"](PropTypes__default["default"].func, "\nThe prop `openCalendar` for DatePickerInput has been deprecated and is no longer used"),
-
   /**
    * Provide a regular expression that the input value must match
    */
@@ -224,9 +203,7 @@ DatePickerInput.propTypes = {
 function DatePickerIcon(_ref) {
   var datePickerType = _ref.datePickerType,
       invalid = _ref.invalid,
-      warn = _ref.warn,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded3);
-
+      warn = _ref.warn;
   var prefix = usePrefix.usePrefix();
 
   if (datePickerType === 'simple' && !invalid && !warn) {
@@ -247,11 +224,9 @@ function DatePickerIcon(_ref) {
 
   return /*#__PURE__*/React__default["default"].createElement(iconsReact.Calendar, {
     className: "".concat(prefix, "--date-picker__icon"),
-    "aria-label": rest.iconDescription,
-    onClick: rest.openCalendar,
     role: "img",
     "aria-hidden": "true"
-  }, rest.iconDescription && /*#__PURE__*/React__default["default"].createElement("title", null, rest.iconDescription));
+  });
 }
 
 DatePickerIcon.propTypes = {

package/lib/components/Dropdown/Dropdown.Skeleton.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 
@@ -23,18 +22,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "size", "inline"];
+var _excluded = ["className", "size"];
 
 var DropdownSkeleton = function DropdownSkeleton(_ref) {
-  var _cx;
-
   var className = _ref.className,
-      size = _ref.size;
-      _ref.inline;
-      var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+      size = _ref.size,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var wrapperClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--dropdown-v2"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--form-item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _cx));
+  var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--skeleton"), "".concat(prefix, "--dropdown-v2"), "".concat(prefix, "--list-box"), "".concat(prefix, "--form-item"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--list-box--").concat(size), size));
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -50,11 +46,6 @@ DropdownSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether you want the inline version of this control
-   */
-  inline: deprecate["default"](PropTypes__default["default"].bool, "The `inline` prop has been deprecated and will\n    be removed in the next major release. To specify the inline variant of Dropdown, please use the `type` prop."),
-
   /**
    * Specify the size of the ListBox.
    */

package/lib/components/Dropdown/Dropdown.js

@@ -16,9 +16,7 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 require('../ListBox/index.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var ListBox = require('../ListBox/ListBox.js');
@@ -71,14 +69,16 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var selectProps = createPropAdapter.mapDownshiftProps(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
+
+  var selectProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, downshiftProps), {}, {
     items: items,
     itemToString: itemToString,
     initialSelectedItem: initialSelectedItem,
     onSelectedItemChange: onSelectedItemChange
-  })); // only set selectedItem if the prop is defined. Setting if it is undefined
+  }); // only set selectedItem if the prop is defined. Setting if it is undefined
   // will overwrite default selected items from useSelect
 
+
   if (controlledSelectedItem !== undefined) {
     selectProps.selectedItem = controlledSelectedItem;
   }
@@ -229,11 +229,6 @@ Dropdown.propTypes = {
    */
   initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
 
-  /**
-   * Specify whether you want the inline version of this control
-   */
-  inline: deprecate["default"](PropTypes__default["default"].bool, "The `inline` prop has been deprecated and will\n    be removed in the next major release. To specify the inline variant of Dropdown, please use the `type` prop."),
-
   /**
    * Specify if the currently selected value is invalid.
    */

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -26,6 +26,11 @@ function ExpandableSearch(props) {
       expanded = _useState2[0],
       setExpanded = _useState2[1];
 
+  var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      hasContent = _useState4[0],
+      setHasContent = _useState4[1];
+
   var searchRef = React.useRef(null);
   var prefix = usePrefix.usePrefix();
 
@@ -38,36 +43,25 @@ function ExpandableSearch(props) {
   function handleBlur(evt) {
     var relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains("".concat(prefix, "--search-close"));
 
-    if (expanded && !relatedTargetIsAllowed && !searchRef.current.state.hasContent) {
+    if (expanded && !relatedTargetIsAllowed && !hasContent) {
       setExpanded(false);
     }
   }
 
-  React.useEffect(function () {
-    var _searchRef$current2;
-
-    function focusInput() {
-      var _searchRef$current;
-
-      if (!expanded && (_searchRef$current = searchRef.current) !== null && _searchRef$current !== void 0 && _searchRef$current.input) {
-        searchRef.current.input.focus();
-      }
-    }
-
-    if ((_searchRef$current2 = searchRef.current) !== null && _searchRef$current2 !== void 0 && _searchRef$current2.magnifier) {
-      var magnifier = searchRef.current.magnifier;
-      magnifier.addEventListener('click', focusInput);
-      return function () {
-        magnifier.removeEventListener('click', focusInput);
-      };
-    }
-  }, [expanded, searchRef]);
   var classes = cx__default["default"]("".concat(prefix, "--search--expandable"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--search--expanded"), expanded), props.className);
   return /*#__PURE__*/React__default["default"].createElement(index["default"], _rollupPluginBabelHelpers["extends"]({}, props, {
     ref: searchRef,
     className: classes,
     onFocus: handleFocus,
-    onBlur: handleBlur
+    onBlur: handleBlur,
+    onChange: function onChange(event) {
+      setHasContent(event.target.value !== '');
+    },
+    onExpand: function onExpand() {
+      var _searchRef$current$fo, _searchRef$current;
+
+      (_searchRef$current$fo = (_searchRef$current = searchRef.current).focus) === null || _searchRef$current$fo === void 0 ? void 0 : _searchRef$current$fo.call(_searchRef$current);
+    }
   }));
 }
 

package/lib/components/FormGroup/FormGroup.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,7 +21,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["legendId", "legendText", "invalid", "children", "className", "message", "messageText", "hasMargin"];
+var _excluded = ["legendId", "legendText", "invalid", "children", "className", "message", "messageText"];
 
 var FormGroup = function FormGroup(_ref) {
   var legendId = _ref.legendId,
@@ -32,14 +31,10 @@ var FormGroup = function FormGroup(_ref) {
       className = _ref.className,
       message = _ref.message,
       messageText = _ref.messageText,
-      hasMargin = _ref.hasMargin,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var enabled = index.useFeatureFlag('enable-v11-release');
-  var classNamesLegend = cx__default["default"]("".concat(prefix, "--label"), [enabled ? null : className]); // TODO - remove `fieldset--no-margin` in v11
-
-  var classNamesFieldset = cx__default["default"]("".concat(prefix, "--fieldset"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--fieldset--no-margin"), !hasMargin));
+  var classNamesFieldset = cx__default["default"]("".concat(prefix, "--fieldset"), className);
   return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({}, invalid && {
     'data-invalid': ''
   }, {
@@ -47,7 +42,7 @@ var FormGroup = function FormGroup(_ref) {
   }, other, {
     "aria-labelledby": other['aria-labelledby'] || legendId
   }), /*#__PURE__*/React__default["default"].createElement("legend", {
-    className: classNamesLegend,
+    className: "".concat(prefix, "--label"),
     id: legendId || other['aria-labelledby']
   }, legendText), children, message ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form__requirements")
@@ -65,11 +60,6 @@ FormGroup.propTypes = {
    */
   className: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether or not the FormGroup should provide bottom margin
-   */
-  hasMargin: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the <FormGroup> is invalid
    */