@carbon/react 1.53.0-rc.0 → 1.53.1

package/es/components/AiSkeleton/AiSkeletonIcon.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import cx from 'classnames';
+import { usePrefix } from '../../internal/usePrefix.js';
+import SkeletonIcon from '../SkeletonIcon/SkeletonIcon.js';
+
+const AiSkeletonIcon = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const AiSkeletonIconClasses = cx(className, {
+    [`${prefix}--skeleton__icon--ai`]: true
+  });
+  return /*#__PURE__*/React__default.createElement(SkeletonIcon, _extends({
+    className: AiSkeletonIconClasses
+  }, rest));
+};
+AiSkeletonIcon.propTypes = {
+  /**
+   * Specify an optional className to add.
+   */
+  className: PropTypes.string,
+  /**
+   * The CSS styles.
+   */
+  style: PropTypes.object
+};
+
+export { AiSkeletonIcon as default };

package/es/components/AiSkeleton/AiSkeletonPlaceholder.js

@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { usePrefix } from '../../internal/usePrefix.js';
+import SkeletonPlaceholder from '../SkeletonPlaceholder/SkeletonPlaceholder.js';
+
+const AiSkeletonPlaceholder = _ref => {
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const AiSkeletonPlaceholderClasses = cx({
+    className,
+    [`${prefix}--skeleton__placeholder--ai`]: true
+  }, className);
+  return /*#__PURE__*/React__default.createElement(SkeletonPlaceholder, _extends({
+    className: AiSkeletonPlaceholderClasses
+  }, other));
+};
+AiSkeletonPlaceholder.propTypes = {
+  /**
+   * Add a custom class to the component
+   * to set the height and width
+   */
+  className: PropTypes.string
+};
+
+export { AiSkeletonPlaceholder as default };

package/es/components/AiSkeleton/AiSkeletonText.js

@@ -0,0 +1,51 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import cx from 'classnames';
+import { usePrefix } from '../../internal/usePrefix.js';
+import SkeletonText from '../SkeletonText/SkeletonText.js';
+
+const AiSkeletonText = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const aiSkeletonTextClasses = cx(className, {
+    [`${prefix}--skeleton__text--ai`]: true
+  });
+  return /*#__PURE__*/React__default.createElement(SkeletonText, _extends({
+    className: aiSkeletonTextClasses
+  }, rest));
+};
+AiSkeletonText.propTypes = {
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes.string,
+  /**
+   * generates skeleton text at a larger size
+   */
+  heading: PropTypes.bool,
+  /**
+   * the number of lines shown if paragraph is true
+   */
+  lineCount: PropTypes.number,
+  /**
+   * will generate multiple lines of text
+   */
+  paragraph: PropTypes.bool,
+  /**
+   * width (in px or %) of single line of text or max-width of paragraph lines
+   */
+  width: PropTypes.string
+};
+
+export { AiSkeletonText as default };

package/es/components/Copy/Copy.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import React, { AnimationEventHandler, MouseEventHandler, PropsWithChildren } from 'react';
+interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Specify an optional `onAnimationEnd` handler that is called when the underlying
+     * animation ends
+     */
+    onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function Copy({ align, children, className, feedback, feedbackTimeout, onAnimationEnd, onClick, ...other }: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Copy {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Pass in content to be rendered in the underlying `<button>`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Specify an optional `onAnimationEnd` handler that is called when the underlying
+         * animation ends
+         */
+        onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default Copy;

package/es/components/Copy/Copy.js

@@ -57,7 +57,7 @@ function Copy(_ref) {
     onClick: composeEventHandlers([onClick, handleClick]),
     onAnimationEnd: composeEventHandlers([onAnimationEnd, handleAnimationEnd])
   }, other, {
-    "aria-label": !children && (animation ? feedback : other['aria-label']) || null
+    "aria-label": !children && (animation ? feedback : other['aria-label']) || undefined
   }), children);
 }
 Copy.propTypes = {

package/es/components/Copy/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 Copy from './Copy';
+export default Copy;
+export { Copy };

package/es/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import { MouseEventHandler } from 'react';
+import { ButtonProps } from '../Button';
+export interface CopyButtonProps extends ButtonProps<'button'> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Provide a description for the icon representing the copy action that can
+     * be read by screen readers
+     */
+    iconDescription?: string;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function CopyButton({ align, feedback, feedbackTimeout, iconDescription, className, onClick, ...other }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CopyButton {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Provide a description for the icon representing the copy action that can
+         * be read by screen readers
+         */
+        iconDescription: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default CopyButton;

package/es/components/CopyButton/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 CopyButton from './CopyButton';
+export default CopyButton;
+export { CopyButton };

package/es/components/OverflowMenu/OverflowMenu.js

@@ -118,6 +118,9 @@ class OverflowMenu extends Component {
       const {
         onClick = noopFn
       } = this.props;
+      this.setState({
+        click: true
+      });
       evt.stopPropagation();
       if (!this._menuBody || !this._menuBody.contains(evt.target)) {
         this.setState({
@@ -127,6 +130,15 @@ class OverflowMenu extends Component {
       }
     });
     _defineProperty(this, "closeMenuAndFocus", () => {
+      let wasClicked = this.state.click;
+      let wasOpen = this.state.open;
+      this.closeMenu(() => {
+        if (wasOpen && !wasClicked) {
+          this.focusMenuEl();
+        }
+      });
+    });
+    _defineProperty(this, "closeMenuOnEscape", () => {
       let wasOpen = this.state.open;
       this.closeMenu(() => {
         if (wasOpen) {
@@ -141,7 +153,7 @@ class OverflowMenu extends Component {
 
       // Close the overflow menu on escape
       if (matches(evt, [Escape])) {
-        this.closeMenuAndFocus();
+        this.closeMenuOnEscape();
 
         // Stop the esc keypress from bubbling out and closing something it shouldn't
         evt.stopPropagation();

package/es/components/Slug/index.js

@@ -76,7 +76,6 @@ const Slug = /*#__PURE__*/React__default.forwardRef(function Slug(_ref3, ref) {
     autoAlign = true,
     children,
     className,
-    dotType,
     kind = 'default',
     onRevertClick,
     revertActive,
@@ -89,11 +88,6 @@ const Slug = /*#__PURE__*/React__default.forwardRef(function Slug(_ref3, ref) {
   const id = useId('slug');
   const slugClasses = cx(className, {
     [`${prefix}--slug`]: true,
-    [`${prefix}--slug--hollow`]: kind === 'hollow' || dotType === 'hollow',
-    // Need to come up with a better name; explainable?
-    // Need to be able to target the non-hollow variant another way
-    // other than using `:not` all over the styles
-    [`${prefix}--slug--enabled`]: kind !== 'hollow' && dotType !== 'hollow',
     [`${prefix}--slug--revert`]: revertActive
   });
   const slugButtonClasses = cx({
@@ -155,14 +149,10 @@ Slug.propTypes = {
    * Specify an optional className to be added to the AI slug
    */
   className: PropTypes.string,
-  /**
-   * Specify the type of dot that should be rendered in front of the inline variant
-   */
-  dotType: PropTypes.oneOf(['default', 'hollow']),
   /**
    * Specify the type of Slug, from the following list of types:
    */
-  kind: PropTypes.oneOf(['default', 'hollow', 'inline']),
+  kind: PropTypes.oneOf(['default', 'inline']),
   /**
    * Callback function that fires when the revert button is clicked
    */

package/es/index.d.ts

@@ -116,6 +116,7 @@ export * from './components/Popover';
 export * from './components/ProgressBar';
 export { Slug as unstable__Slug, SlugContent as unstable__SlugContent, SlugActions as unstable__SlugActions, } from './components/Slug';
 export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
+export { AiSkeletonText as unstable__AiSkeletonText, AiSkeletonIcon as unstable__AiSkeletonIcon, AiSkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AiSkeleton';
 export * from './components/Stack';
 export * from './components/Tooltip';
 export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';

package/es/index.js

@@ -25,6 +25,8 @@ export { default as ComposedModal, ModalBody } from './components/ComposedModal/
 export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
 export { ModalFooter } from './components/ComposedModal/ModalFooter.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';
 import './components/DataTable/index.js';
 export { default as DataTableSkeleton } from './components/DataTableSkeleton/DataTableSkeleton.js';
@@ -149,6 +151,9 @@ export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/Overflow
 export { Popover, PopoverContent } from './components/Popover/index.js';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { Slug as unstable__Slug, SlugActions as unstable__SlugActions, SlugContent as unstable__SlugContent } from './components/Slug/index.js';
+export { default as unstable__AiSkeletonPlaceholder } from './components/AiSkeleton/AiSkeletonPlaceholder.js';
+export { default as unstable__AiSkeletonIcon } from './components/AiSkeleton/AiSkeletonIcon.js';
+export { default as unstable__AiSkeletonText } from './components/AiSkeleton/AiSkeletonText.js';
 export { HStack, VStack } from './components/Stack/index.js';
 export { DefinitionTooltip } from './components/Tooltip/DefinitionTooltip.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
@@ -169,8 +174,6 @@ export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet.js'
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';
 export { default as ContainedList } from './components/ContainedList/ContainedList.js';
 export { default as useContextMenu } from './components/ContextMenu/useContextMenu.js';
-export { default as Copy } from './components/Copy/Copy.js';
-export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
 export { default as TextInput } from './components/TextInput/TextInput.js';

package/lib/components/AiSkeleton/AiSkeletonIcon.js

@@ -0,0 +1,49 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+var SkeletonIcon = require('../SkeletonIcon/SkeletonIcon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const AiSkeletonIcon = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const AiSkeletonIconClasses = cx__default["default"](className, {
+    [`${prefix}--skeleton__icon--ai`]: true
+  });
+  return /*#__PURE__*/React__default["default"].createElement(SkeletonIcon["default"], _rollupPluginBabelHelpers["extends"]({
+    className: AiSkeletonIconClasses
+  }, rest));
+};
+AiSkeletonIcon.propTypes = {
+  /**
+   * Specify an optional className to add.
+   */
+  className: PropTypes__default["default"].string,
+  /**
+   * The CSS styles.
+   */
+  style: PropTypes__default["default"].object
+};
+
+exports["default"] = AiSkeletonIcon;

package/lib/components/AiSkeleton/AiSkeletonPlaceholder.js

@@ -0,0 +1,47 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+var SkeletonPlaceholder = require('../SkeletonPlaceholder/SkeletonPlaceholder.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const AiSkeletonPlaceholder = _ref => {
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const AiSkeletonPlaceholderClasses = cx__default["default"]({
+    className,
+    [`${prefix}--skeleton__placeholder--ai`]: true
+  }, className);
+  return /*#__PURE__*/React__default["default"].createElement(SkeletonPlaceholder["default"], _rollupPluginBabelHelpers["extends"]({
+    className: AiSkeletonPlaceholderClasses
+  }, other));
+};
+AiSkeletonPlaceholder.propTypes = {
+  /**
+   * Add a custom class to the component
+   * to set the height and width
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = AiSkeletonPlaceholder;

package/lib/components/AiSkeleton/AiSkeletonText.js

@@ -0,0 +1,61 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+var SkeletonText = require('../SkeletonText/SkeletonText.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const AiSkeletonText = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const aiSkeletonTextClasses = cx__default["default"](className, {
+    [`${prefix}--skeleton__text--ai`]: true
+  });
+  return /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], _rollupPluginBabelHelpers["extends"]({
+    className: aiSkeletonTextClasses
+  }, rest));
+};
+AiSkeletonText.propTypes = {
+  /**
+   * Specify an optional className to be applied to the container node
+   */
+  className: PropTypes__default["default"].string,
+  /**
+   * generates skeleton text at a larger size
+   */
+  heading: PropTypes__default["default"].bool,
+  /**
+   * the number of lines shown if paragraph is true
+   */
+  lineCount: PropTypes__default["default"].number,
+  /**
+   * will generate multiple lines of text
+   */
+  paragraph: PropTypes__default["default"].bool,
+  /**
+   * width (in px or %) of single line of text or max-width of paragraph lines
+   */
+  width: PropTypes__default["default"].string
+};
+
+exports["default"] = AiSkeletonText;

package/lib/components/Copy/Copy.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 PropTypes from 'prop-types';
+import React, { AnimationEventHandler, MouseEventHandler, PropsWithChildren } from 'react';
+interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specify how the trigger should align with the tooltip
+     */
+    align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * Specify an optional className to be applied to the underlying `<button>`
+     */
+    className?: string;
+    /**
+     * Specify the string that is displayed when the button is clicked and the
+     * content is copied
+     */
+    feedback?: string;
+    /**
+     * Specify the time it takes for the feedback message to timeout
+     */
+    feedbackTimeout?: number;
+    /**
+     * Specify an optional `onAnimationEnd` handler that is called when the underlying
+     * animation ends
+     */
+    onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>;
+    /**
+     * Specify an optional `onClick` handler that is called when the underlying
+     * `<button>` is clicked
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare function Copy({ align, children, className, feedback, feedbackTimeout, onAnimationEnd, onClick, ...other }: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Copy {
+    var propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Pass in content to be rendered in the underlying `<button>`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the underlying `<button>`
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the string that is displayed when the button is clicked and the
+         * content is copied
+         */
+        feedback: PropTypes.Requireable<string>;
+        /**
+         * Specify the time it takes for the feedback message to timeout
+         */
+        feedbackTimeout: PropTypes.Requireable<number>;
+        /**
+         * Specify an optional `onAnimationEnd` handler that is called when the underlying
+         * animation ends
+         */
+        onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Specify an optional `onClick` handler that is called when the underlying
+         * `<button>` is clicked
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default Copy;

package/lib/components/Copy/Copy.js

@@ -68,7 +68,7 @@ function Copy(_ref) {
     onClick: events.composeEventHandlers([onClick, handleClick]),
     onAnimationEnd: events.composeEventHandlers([onAnimationEnd, handleAnimationEnd])
   }, other, {
-    "aria-label": !children && (animation ? feedback : other['aria-label']) || null
+    "aria-label": !children && (animation ? feedback : other['aria-label']) || undefined
   }), children);
 }
 Copy.propTypes = {

package/lib/components/Copy/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 Copy from './Copy';
+export default Copy;
+export { Copy };