@carbon/react 1.0.0-rc.0 → 1.0.0

package/es/components/Tile/next/Tile.js

@@ -22,8 +22,8 @@ import { Enter, Space } from '../../../internal/keyboard/keys.js';
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 
 var _excluded = ["children", "className", "light"],
-    _excluded2 = ["children", "className", "clicked", "handleClick", "handleKeyDown", "href", "light", "onClick", "onKeyDown"],
-    _excluded3 = ["children", "className", "disabled", "handleClick", "handleKeyDown", "iconDescription", "id", "light", "name", "onClick", "onChange", "onKeyDown", "selected", "tabIndex", "title", "value"],
+    _excluded2 = ["children", "className", "clicked", "href", "light", "onClick", "onKeyDown"],
+    _excluded3 = ["children", "className", "disabled", "id", "light", "name", "onClick", "onChange", "onKeyDown", "selected", "tabIndex", "title", "value"],
     _excluded4 = ["tabIndex", "className", "children", "expanded", "tileMaxHeight", "tilePadding", "onClick", "onKeyUp", "tileCollapsedIconText", "tileExpandedIconText", "tileCollapsedLabel", "tileExpandedLabel", "light"];
 var Tile = /*#__PURE__*/React__default.forwardRef(function Tile(_ref, ref) {
   var children = _ref.children,
@@ -64,11 +64,8 @@ var ClickableTile = /*#__PURE__*/React__default.forwardRef(function ClickableTil
       className = _ref2.className,
       _ref2$clicked = _ref2.clicked,
       clicked = _ref2$clicked === void 0 ? false : _ref2$clicked,
-      handleClick = _ref2.handleClick,
-      handleKeyDown = _ref2.handleKeyDown,
       href = _ref2.href,
-      _ref2$light = _ref2.light,
-      light = _ref2$light === void 0 ? false : _ref2$light,
+      light = _ref2.light,
       _ref2$onClick = _ref2.onClick,
       onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
       _ref2$onKeyDown = _ref2.onKeyDown,
@@ -81,17 +78,12 @@ var ClickableTile = /*#__PURE__*/React__default.forwardRef(function ClickableTil
   var _useState = useState(clicked),
       _useState2 = _slicedToArray(_useState, 2),
       isSelected = _useState2[0],
-      setIsSelected = _useState2[1]; // TODO: replace with onClick when handleClick prop is deprecated
-
-
-  var clickHandler = handleClick || onClick; // TODO: replace with onClick when handleClick prop is deprecated
-
-  var keyDownHandler = handleKeyDown || onKeyDown;
+      setIsSelected = _useState2[1];
 
   function handleOnClick(evt) {
     evt.persist();
     setIsSelected(!isSelected);
-    clickHandler(evt);
+    onClick(evt);
   }
 
   function handleOnKeyDown(evt) {
@@ -100,10 +92,10 @@ var ClickableTile = /*#__PURE__*/React__default.forwardRef(function ClickableTil
     if (matches(evt, [Enter, Space])) {
       evt.preventDefault();
       setIsSelected(!isSelected);
-      keyDownHandler(evt);
+      onKeyDown(evt);
     }
 
-    keyDownHandler(evt);
+    onKeyDown(evt);
   }
 
   return /*#__PURE__*/React__default.createElement(Link, _extends({
@@ -131,16 +123,6 @@ ClickableTile.propTypes = {
    */
   clicked: PropTypes.bool,
 
-  /**
-   * Deprecated in v11. Use 'onClick' instead.
-   */
-  handleClick: deprecate(PropTypes.func, 'The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release.'),
-
-  /**
-   * Specify the function to run when the ClickableTile is interacted with via a keyboard
-   */
-  handleKeyDown: deprecate(PropTypes.func, 'The handleKeyDown prop for ClickableTile has been deprecated in favor of onKeyDown. It will be removed in the next major release.'),
-
   /**
    * The href for the link.
    */
@@ -173,12 +155,8 @@ var SelectableTile = /*#__PURE__*/React__default.forwardRef(function SelectableT
   var children = _ref3.children,
       className = _ref3.className,
       disabled = _ref3.disabled,
-      handleClick = _ref3.handleClick,
-      handleKeyDown = _ref3.handleKeyDown;
-      _ref3.iconDescription;
-      var id = _ref3.id,
-      _ref3$light = _ref3.light,
-      light = _ref3$light === void 0 ? false : _ref3$light,
+      id = _ref3.id,
+      light = _ref3.light,
       name = _ref3.name,
       _ref3$onClick = _ref3.onClick,
       onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick,
@@ -196,11 +174,9 @@ var SelectableTile = /*#__PURE__*/React__default.forwardRef(function SelectableT
       value = _ref3$value === void 0 ? 'value' : _ref3$value,
       rest = _objectWithoutProperties(_ref3, _excluded3);
 
-  var prefix = usePrefix(); // TODO: replace with onClick when handleClick prop is deprecated
-
-  var clickHandler = handleClick || onClick; // TODO: replace with onKeyDown when handleKeyDown prop is deprecated
-
-  var keyDownHandler = handleKeyDown || onKeyDown;
+  var prefix = usePrefix();
+  var clickHandler = onClick;
+  var keyDownHandler = onKeyDown;
 
   var _useState3 = useState(selected),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -288,21 +264,6 @@ SelectableTile.propTypes = {
    */
   disabled: PropTypes.bool,
 
-  /**
-   * Specify the function to run when the SelectableTile is clicked
-   */
-  handleClick: deprecate(PropTypes.func, 'The `handleClick` prop for `SelectableTile` has been deprecated in favor of `onClick`. It will be removed in the next major release.'),
-
-  /**
-   * Specify the function to run when the SelectableTile is interacted with via a keyboard
-   */
-  handleKeyDown: deprecate(PropTypes.func, 'The `handleKeyDown` prop for `SelectableTile` has been deprecated in favor of `onKeyDown`. It will be removed in the next major release.'),
-
-  /**
-   * The description of the checkmark icon.
-   */
-  iconDescription: deprecate(PropTypes.string, 'The `iconDescription` prop for `SelectableTile` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
-
   /**
    * The ID of the `<input>`.
    */

package/es/components/TileGroup/index.js

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ */
+
+import { createClassWrapper } from '../../internal/createClassWrapper.js';
+import TileGroup from './TileGroup.js';
+
+var index = createClassWrapper(TileGroup);
+
+export { index as default };

package/es/components/TimePickerSelect/next/TimePickerSelect.js

@@ -11,7 +11,6 @@ import React__default from 'react';
 import cx from 'classnames';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
-import deprecate from '../../../prop-types/deprecate.js';
 
 var _excluded = ["aria-label", "children", "id", "disabled", "className"];
 var TimePickerSelect = /*#__PURE__*/React__default.forwardRef(function TimePickerSelect(_ref, ref) {
@@ -62,11 +61,6 @@ TimePickerSelect.propTypes = {
    */
   disabled: PropTypes.bool,
 
-  /**
-   * Provide a description for the twistie icon that can be read by screen readers
-   */
-  iconDescription: deprecate(PropTypes.string, 'The `iconDescription` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be moved in the next major release. Use "aria-label" instead'),
-
   /**
    * Specify a custom `id` for the `<select>`
    */

package/es/components/Tooltip/next/DefinitionTooltip.js

@@ -107,7 +107,7 @@ DefinitionTooltip.propTypes = {
   id: PropTypes.string,
 
   /**
-   * [Deprecated] Please use the `definition` prop instead.
+   * [Deprecated in v11] Please use the `definition` prop instead.
    *
    * Provide the text that will be displayed in the tooltip when it is rendered.
    */

package/es/index.js

@@ -18,7 +18,7 @@ export { default as CodeSnippetSkeleton } from './components/CodeSnippet/CodeSni
 export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet.js';
 export { default as ComboBox } from './components/ComboBox/ComboBox.js';
 export { ModalFooter, ModalHeader } from './components/ComposedModal/index.js';
-export { default as ContentSwitcher } from './components/ContentSwitcher/ContentSwitcher.js';
+export { default as ContentSwitcher } from './components/ContentSwitcher/index.js';
 export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as DangerButton } from './components/DangerButton/DangerButton.js';
@@ -74,7 +74,7 @@ export { default as TextArea } from './components/TextArea/TextArea.js';
 import './components/TextInput/index.js';
 export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent } from './components/Tile/index.js';
 export { default as RadioTile } from './components/RadioTile/RadioTile.js';
-export { default as TileGroup } from './components/TileGroup/TileGroup.js';
+export { default as TileGroup } from './components/TileGroup/index.js';
 export { default as TimePicker } from './components/TimePicker/index.js';
 export { default as TimePickerSelect } from './components/TimePickerSelect/index.js';
 export { default as Toggle } from './components/Toggle/index.js';
@@ -82,8 +82,6 @@ export { default as ToggleSmallSkeleton } from './components/ToggleSmall/ToggleS
 export { default as ToggleSmall } from './components/ToggleSmall/ToggleSmall.js';
 export { default as Toolbar, ToolbarDivider, ToolbarItem, ToolbarOption, ToolbarTitle } from './components/Toolbar/Toolbar.js';
 export { default as ToolbarSearch } from './components/ToolbarSearch/ToolbarSearch.js';
-export { default as TooltipDefinition } from './components/TooltipDefinition/TooltipDefinition.js';
-export { default as TooltipIcon } from './components/TooltipIcon/TooltipIcon.js';
 export { default as UnorderedList } from './components/UnorderedList/UnorderedList.js';
 export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
 export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
@@ -161,8 +159,8 @@ export { default as TableToolbarMenu } from './components/DataTable/TableToolbar
 export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
 export { ErrorBoundaryContext } from './components/ErrorBoundary/ErrorBoundaryContext.js';
 export { Grid } from './components/Grid/Grid.js';
-export { ColumnHang as unstable_ColumnHang } from './components/Grid/ColumnHang.js';
-export { FlexGrid as unstable_FlexGrid } from './components/Grid/FlexGrid.js';
+export { ColumnHang } from './components/Grid/ColumnHang.js';
+export { FlexGrid } from './components/Grid/FlexGrid.js';
 export { default as ControlledPasswordInput } from './components/TextInput/ControlledPasswordInput.js';
 export { default as PasswordInput } from './components/TextInput/PasswordInput.js';
 export { ProgressStep } from './components/ProgressIndicator/ProgressIndicator.js';

package/es/internal/ComponentToggle.js

@@ -18,6 +18,7 @@ function createComponentToggle(spec) {
 
   function ComponentToggle(props, ref) {
     var enabled = useFeatureFlag(flag);
+    console.log('ComponentToggle', enabled);
 
     if (enabled) {
       if (next) {

package/lib/components/Accordion/Accordion.Skeleton.js

@@ -15,7 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var SkeletonText = require('../SkeletonText/SkeletonText.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 }; }
@@ -84,12 +83,7 @@ AccordionSkeleton.propTypes = {
   /**
    * `false` to not display the first item opened
    */
-  open: PropTypes__default["default"].bool,
-
-  /**
-   * Set unique identifier to generate unique item keys
-   */
-  uid: deprecate["default"](PropTypes__default["default"].any)
+  open: PropTypes__default["default"].bool
 };
 AccordionSkeleton.defaultProps = {
   open: true,

package/lib/components/Accordion/AccordionItem.js

@@ -150,11 +150,6 @@ AccordionItem.propTypes = {
    */
   disabled: PropTypes__default["default"].bool,
 
-  /**
-   * The description of the expand icon.
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop has been deprecated as it is no longer ' + 'required. Feel free to remove this prop from <AccordionItem>. This ' + 'prop will be removed in the next major release of ' + '`carbon-components-react`'),
-
   /**
    * The handler of the massaged `click` event.
    */

package/lib/components/Button/Button.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 index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FeatureFlags = require('@carbon/feature-flags');
 
@@ -55,9 +54,8 @@ var ButtonSkeleton = function ButtonSkeleton(_ref) {
       size = _ref$size === void 0 ? FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'default' : _ref$size,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
-  var enabled = index.useFeatureFlag('enable-v11-release');
   var prefix = usePrefix.usePrefix();
-  var buttonClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--lg"), enabled ? size === 'xl' : size === 'lg'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--xl"), enabled ? size === '2xl' : size === 'xl'), _cx));
+  var buttonClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
 
   var commonProps = _rollupPluginBabelHelpers.objectSpread2({
     className: buttonClasses

package/lib/components/Button/Button.js

@@ -14,42 +14,18 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var types = require('../../prop-types/types.js');
-var deprecate = require('../../prop-types/deprecate.js');
+var index = require('../IconButton/index.js');
 var events = require('../../tools/events.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
-var toggleClass = require('../../tools/toggleClass.js');
-var index = require('../FeatureFlags/index.js');
-var FeatureFlags = require('@carbon/feature-flags');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.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 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 = ["as", "children", "className", "dangerDescription", "disabled", "hasIconOnly", "href", "iconDescription", "isExpressive", "isSelected", "kind", "onBlur", "onClick", "onFocus", "onMouseEnter", "onMouseLeave", "renderIcon", "size", "small", "tabIndex", "tooltipAlignment", "tooltipPosition", "type"];
+var _excluded = ["as", "children", "className", "dangerDescription", "disabled", "hasIconOnly", "href", "iconDescription", "isExpressive", "isSelected", "kind", "onBlur", "onClick", "onFocus", "onMouseEnter", "onMouseLeave", "renderIcon", "size", "tabIndex", "tooltipAlignment", "tooltipPosition", "type"];
 var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_ref, ref) {
   var _classNames;
 
@@ -76,8 +52,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
       onMouseLeave = _ref.onMouseLeave,
       ButtonImageElement = _ref.renderIcon,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'default' : _ref$size,
-      small = _ref.small,
+      size = _ref$size === void 0 ? 'lg' : _ref$size,
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
       _ref$tooltipAlignment = _ref.tooltipAlignment,
@@ -88,99 +63,18 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
       type = _ref$type === void 0 ? 'button' : _ref$type,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      allowTooltipVisibility = _useState2[0],
-      setAllowTooltipVisibility = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      isHovered = _useState4[0],
-      setIsHovered = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      isFocused = _useState6[0],
-      setIsFocused = _useState6[1];
-
   var tooltipRef = React.useRef(null);
-  var tooltipTimeout = React.useRef(null);
   var prefix = usePrefix.usePrefix();
 
-  var closeTooltips = function closeTooltips(evt) {
-    var _document;
-
-    var tooltipNode = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelectorAll(".".concat(prefix, "--tooltip--a11y"));
-
-    _rollupPluginBabelHelpers.toConsumableArray(tooltipNode).map(function (node) {
-      toggleClass["default"](node, "".concat(prefix, "--tooltip--hidden"), node !== evt.currentTarget);
-    });
-  };
-
-  var handleFocus = function handleFocus(evt) {
-    if (hasIconOnly) {
-      closeTooltips(evt);
-      setIsFocused(true);
-      setAllowTooltipVisibility(true);
-    }
-  };
-
-  var handleBlur = function handleBlur() {
-    if (hasIconOnly) {
-      setIsHovered(false);
-      setIsFocused(false);
-      setAllowTooltipVisibility(false);
-    }
-  };
-
-  var handleMouseEnter = function handleMouseEnter(evt) {
-    if (hasIconOnly) {
-      tooltipTimeout.current && clearTimeout(tooltipTimeout.current);
-
-      if (evt.target === tooltipRef.current) {
-        setAllowTooltipVisibility(true);
-        return;
-      }
-
-      closeTooltips(evt);
-      setAllowTooltipVisibility(true);
-    }
-  };
-
-  var handleMouseLeave = function handleMouseLeave() {
-    if (!isFocused && hasIconOnly) {
-      tooltipTimeout.current = setTimeout(function () {
-        setAllowTooltipVisibility(false);
-        setIsHovered(false);
-      }, 100);
-    }
-  };
-
   var handleClick = function handleClick(evt) {
     // Prevent clicks on the tooltip from triggering the button click event
-    setAllowTooltipVisibility(false);
-
     if (evt.target === tooltipRef.current) {
       evt.preventDefault();
       return;
     }
   };
 
-  React.useEffect(function () {
-    var handleEscKeyDown = function handleEscKeyDown(event) {
-      if (match.matches(event, [keys.Escape])) {
-        setAllowTooltipVisibility(false);
-        setIsHovered(false);
-      }
-    };
-
-    document.addEventListener('keydown', handleEscKeyDown);
-    return function () {
-      return document.removeEventListener('keydown', handleEscKeyDown);
-    };
-  }, []);
-  var enabled = index.useFeatureFlag('enable-v11-release');
-  var buttonClasses = cx__default["default"](className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--sm"), size === 'small' && !isExpressive || size === 'sm' && !isExpressive || small && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--md"), size === 'field' && !isExpressive || size === 'md' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--lg"), enabled ? size === 'xl' : size === 'lg'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--xl"), enabled ? size === '2xl' : size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--expressive"), isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--visible"), isHovered), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--hidden"), hasIconOnly && !allowTooltipVisibility), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--selected"), hasIconOnly && isSelected && kind === 'ghost'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip__trigger"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--a11y"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only--").concat(tooltipPosition), hasIconOnly && tooltipPosition), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--align-").concat(tooltipAlignment), hasIconOnly && tooltipAlignment), _classNames));
+  var buttonClasses = cx__default["default"](className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--sm"), size === 'sm' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--md"), size === 'md' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--2xl"), size === '2xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--expressive"), isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--selected"), hasIconOnly && isSelected && kind === 'ghost'), _classNames));
   var commonProps = {
     tabIndex: tabIndex,
     className: buttonClasses,
@@ -191,6 +85,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
     className: "".concat(prefix, "--btn__icon"),
     "aria-hidden": "true"
   });
+  var iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, null);
   var dangerButtonVariants = ['danger', 'danger--tertiary', 'danger--ghost'];
   var component = 'button';
   var assistiveId = useId.useId('danger-description');
@@ -205,13 +100,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
   };
   var assistiveText;
 
-  if (hasIconOnly) {
-    assistiveText = /*#__PURE__*/React__default["default"].createElement("div", {
-      ref: tooltipRef,
-      onMouseEnter: handleMouseEnter,
-      className: "".concat(prefix, "--assistive-text")
-    }, iconDescription);
-  } else if (dangerButtonVariants.includes(kind)) {
+  if (dangerButtonVariants.includes(kind)) {
     assistiveText = /*#__PURE__*/React__default["default"].createElement("span", {
       id: assistiveId,
       className: "".concat(prefix, "--visually-hidden")
@@ -228,13 +117,49 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
     otherProps = anchorProps;
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(component, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    onMouseEnter: events.composeEventHandlers([onMouseEnter, handleMouseEnter]),
-    onMouseLeave: events.composeEventHandlers([onMouseLeave, handleMouseLeave]),
-    onFocus: events.composeEventHandlers([onFocus, handleFocus]),
-    onBlur: events.composeEventHandlers([onBlur, handleBlur]),
-    onClick: events.composeEventHandlers([onClick, handleClick])
+  var Button = /*#__PURE__*/React__default["default"].createElement(component, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onClick: onClick
   }, rest), commonProps), otherProps), assistiveText, children, buttonImage);
+
+  if (hasIconOnly) {
+    var align;
+
+    if (tooltipPosition === 'top' || tooltipPosition === 'bottom') {
+      if (tooltipAlignment === 'center') {
+        align = tooltipPosition;
+      }
+
+      if (tooltipAlignment === 'end') {
+        align = "".concat(tooltipPosition, "-right");
+      }
+
+      if (tooltipAlignment === 'start') {
+        align = "".concat(tooltipPosition, "-left");
+      }
+    }
+
+    if (tooltipPosition === 'right' || tooltipPosition === 'left') {
+      align = tooltipPosition;
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
+      align: align,
+      label: iconDescription,
+      kind: kind,
+      size: size,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onClick: events.composeEventHandlers([onClick, handleClick])
+    }, rest, commonProps, otherProps), iconOnlyImage ? iconOnlyImage : children);
+  }
+
+  return Button;
 });
 Button.displayName = 'Button';
 Button.propTypes = {
@@ -345,13 +270,7 @@ Button.propTypes = {
   /**
    * Specify the size of the button, from the following list of sizes:
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']) : PropTypes__default["default"].oneOf(['default', 'field', 'small', 'sm', 'md', 'lg', 'xl', '2xl']),
-
-  /**
-   * Deprecated in v10 in favor of `size`.
-   * Specify whether the Button should be a small variant
-   */
-  small: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `small` for Button has been deprecated in favor of `size`. Please use `size=\"sm\"` instead."),
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
 
   /**
    * Optional prop to specify the tabIndex of the Button

package/lib/components/Checkbox/Checkbox.js

@@ -14,8 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 require('../Text/index.js');
-var index = require('../FeatureFlags/index.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var Text = require('../Text/Text.js');
 
@@ -25,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "id", "labelText", "onChange", "indeterminate", "hideLabel", "wrapperClassName", "title"];
+var _excluded = ["className", "id", "labelText", "onChange", "indeterminate", "hideLabel", "title"];
 var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function Checkbox(_ref, _ref2) {
   var className = _ref.className,
       id = _ref.id,
@@ -33,29 +31,23 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function Checkb
       _onChange = _ref.onChange,
       indeterminate = _ref.indeterminate,
       hideLabel = _ref.hideLabel,
-      wrapperClassName = _ref.wrapperClassName,
       _ref$title = _ref.title,
       title = _ref$title === void 0 ? '' : _ref$title,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
-  var enabled = index.useFeatureFlag('enable-v11-release');
   var prefix = usePrefix.usePrefix();
-  var labelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label"), [enabled ? null : className]);
+  var labelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label"), [className]);
   var innerLabelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [enabled ? className : wrapperClassName]);
+  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [className]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
     type: "checkbox",
     onChange: function onChange(evt) {
-      if (enabled) {
-        _onChange(evt, {
-          checked: evt.target.checked,
-          id: id
-        });
-      } else {
-        _onChange(evt.target.checked, id, evt);
-      }
+      _onChange(evt, {
+        checked: evt.target.checked,
+        id: id
+      });
     },
     className: "".concat(prefix, "--checkbox"),
     id: id,
@@ -129,12 +121,7 @@ Checkbox.propTypes = {
   /**
    * Specify a title for the <label> node for the Checkbox
    */
-  title: PropTypes__default["default"].string,
-
-  /**
-   * The CSS class name to be placed on the wrapping element
-   */
-  wrapperClassName: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `wrapperClassName` for Checkbox will be deprecated in V11 in favor of `className`. `className` will then be placed on the outer wrapper.")
+  title: PropTypes__default["default"].string
 };
 Checkbox.defaultProps = {
   onChange: function onChange() {},

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -29,7 +29,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
 
-var _excluded = ["className", "type", "children", "disabled", "feedback", "feedbackTimeout", "onClick", "ariaLabel", "copyText", "copyLabel", "copyButtonDescription", "light", "showMoreText", "showLessText", "hideCopyButton", "wrapText", "maxCollapsedNumberOfRows", "maxExpandedNumberOfRows", "minCollapsedNumberOfRows", "minExpandedNumberOfRows"];
+var _excluded = ["className", "type", "children", "disabled", "feedback", "feedbackTimeout", "onClick", "ariaLabel", "copyText", "copyButtonDescription", "light", "showMoreText", "showLessText", "hideCopyButton", "wrapText", "maxCollapsedNumberOfRows", "maxExpandedNumberOfRows", "minCollapsedNumberOfRows", "minExpandedNumberOfRows"];
 var rowHeightInPixels = 16;
 var defaultMaxCollapsedNumberOfRows = 15;
 var defaultMaxExpandedNumberOfRows = 0;
@@ -48,7 +48,6 @@ function CodeSnippet(_ref) {
       onClick = _ref.onClick,
       ariaLabel = _ref.ariaLabel,
       copyText = _ref.copyText,
-      copyLabel = _ref.copyLabel,
       copyButtonDescription = _ref.copyButtonDescription,
       light = _ref.light,
       showMoreText = _ref.showMoreText,
@@ -182,7 +181,7 @@ function CodeSnippet(_ref) {
 
     return /*#__PURE__*/React__default["default"].createElement(Copy["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
       onClick: handleCopyClick,
-      "aria-label": copyLabel || ariaLabel,
+      "aria-label": ariaLabel,
       "aria-describedby": uid,
       className: codeSnippetClasses,
       feedback: feedback,
@@ -228,7 +227,7 @@ function CodeSnippet(_ref) {
     role: type === 'single' ? 'textbox' : null,
     tabIndex: type === 'single' && !disabled ? 0 : null,
     className: "".concat(prefix, "--snippet-container"),
-    "aria-label": ariaLabel || copyLabel || 'code-snippet',
+    "aria-label": ariaLabel || 'code-snippet',
     onScroll: type === 'single' && handleScroll || null
   }, containerStyle), /*#__PURE__*/React__default["default"].createElement("pre", {
     ref: codeContentRef,
@@ -285,12 +284,6 @@ CodeSnippet.propTypes = {
    */
   copyButtonDescription: PropTypes__default["default"].string,
 
-  /**
-   * Specify a label to be read by screen readers on the containing <textbox>
-   * node
-   */
-  copyLabel: PropTypes__default["default"].string,
-
   /**
    * Optional text to copy. If not specified, the `children` node's `innerText`
    * will be used as the copy value.
@@ -373,7 +366,6 @@ CodeSnippet.propTypes = {
 };
 CodeSnippet.defaultProps = {
   ariaLabel: 'Copy to clipboard',
-  copyLabel: 'Copy to clipboard',
   type: 'single',
   showMoreText: 'Show more',
   showLessText: 'Show less',