@carbon/react 1.29.1 → 1.30.0

package/es/components/Copy/Copy.js

@@ -13,7 +13,6 @@ import cx from 'classnames';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { IconButton } from '../IconButton/index.js';
-import * as FeatureFlags from '@carbon/feature-flags';
 
 function Copy(_ref) {
   let {
@@ -30,8 +29,8 @@ function Copy(_ref) {
   const classNames = cx(className, `${prefix}--copy`, {
     [`${prefix}--copy-btn--animating`]: animation,
     [`${prefix}--copy-btn--${animation}`]: animation
-  }); // eslint-disable-next-line react-hooks/exhaustive-deps
-
+  });
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const handleFadeOut = useCallback(debounce(() => {
     setAnimation('fade-out');
   }, feedbackTimeout), [feedbackTimeout]);
@@ -39,71 +38,49 @@ function Copy(_ref) {
     setAnimation('fade-in');
     handleFadeOut();
   }, [handleFadeOut]);
-
   const handleAnimationEnd = event => {
     if (event.animationName === 'hide-feedback') {
       setAnimation('');
     }
   };
-
   useEffect(() => () => {
     handleFadeOut.cancel();
   }, [handleFadeOut]);
-
-  if (FeatureFlags.enabled('enable-v11-release')) {
-    return /*#__PURE__*/React__default.createElement(IconButton, _extends({
-      closeOnActivation: false,
-      align: "bottom",
-      className: classNames,
-      label: animation ? feedback : other['aria-label'],
-      onClick: composeEventHandlers([onClick, handleClick]),
-      onAnimationEnd: composeEventHandlers([onAnimationEnd, handleAnimationEnd])
-    }, other, {
-      "aria-label": !children && (animation ? feedback : other['aria-label']) || null
-    }), children);
-  }
-
-  return /*#__PURE__*/React__default.createElement("button", _extends({
-    type: "button",
+  const initialLabel = other['aria-label'] ?? '';
+  return /*#__PURE__*/React__default.createElement(IconButton, _extends({
+    closeOnActivation: false,
+    align: "bottom",
     className: classNames,
+    label: animation ? feedback : initialLabel,
     onClick: composeEventHandlers([onClick, handleClick]),
     onAnimationEnd: composeEventHandlers([onAnimationEnd, handleAnimationEnd])
   }, other, {
-    "aria-live": "polite",
     "aria-label": !children && (animation ? feedback : other['aria-label']) || null
-  }), children, animation ? feedback : other['aria-label'], /*#__PURE__*/React__default.createElement("span", {
-    "aria-hidden": "true",
-    className: `${prefix}--assistive-text ${prefix}--copy-btn__feedback`
-  }, feedback));
+  }), children);
 }
 Copy.propTypes = {
   /**
    * Pass in content to be rendered in the underlying `<button>`
    */
   children: PropTypes.node,
-
   /**
    * Specify an optional className to be applied to the underlying `<button>`
    */
   className: PropTypes.string,
-
   /**
    * Specify the string that is displayed when the button is clicked and the
    * content is copied
    */
   feedback: PropTypes.string,
-
   /**
    * Specify the time it takes for the feedback message to timeout
    */
   feedbackTimeout: PropTypes.number,
-
   /**
    * Specify an optional `onAnimationEnd` handler that is called when the underlying
    * animation ends
    */
   onAnimationEnd: PropTypes.func,
-
   /**
    * Specify an optional `onClick` handler that is called when the underlying
    * `<button>` is clicked

package/es/components/CopyButton/CopyButton.js

@@ -32,24 +32,20 @@ CopyButton.propTypes = {
    * Specify an optional className to be applied to the underlying `<button>`
    */
   className: PropTypes.string,
-
   /**
    * Specify the string that is displayed when the button is clicked and the
    * content is copied
    */
   feedback: PropTypes.string,
-
   /**
    * Specify the time it takes for the feedback message to timeout
    */
   feedbackTimeout: PropTypes.number,
-
   /**
    * Provide a description for the icon representing the copy action that can
    * be read by screen readers
    */
   iconDescription: PropTypes.string,
-
   /**
    * Specify an optional `onClick` handler that is called when the underlying
    * `<button>` is clicked

package/es/components/DangerButton/DangerButton.js

@@ -12,7 +12,6 @@ import Button from '../Button/Button.js';
 const DangerButton = props => /*#__PURE__*/React__default.createElement(Button, _extends({
   kind: "danger"
 }, props));
-
 var DangerButton$1 = DangerButton;
 
 export { DangerButton$1 as default };