@carbon/react 1.52.0 → 1.53.0

package/lib/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/lib/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/lib/components/Dropdown/Dropdown.Skeleton.d.ts

@@ -8,6 +8,17 @@ import React from 'react';
 import { ListBoxSize } from '../ListBox';
 import { ReactAttr } from '../../types/common';
 export interface DropdownSkeletonProps extends ReactAttr<HTMLDivElement> {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify whether the label should be hidden, or not
+     */
+    hideLabel?: boolean;
+    /**
+     * Specify the size of the ListBox.
+     */
     size?: ListBoxSize;
 }
 declare const DropdownSkeleton: React.FC<DropdownSkeletonProps>;

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

@@ -27,25 +27,30 @@ const DropdownSkeleton = _ref => {
   let {
     className,
     size,
+    hideLabel,
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx__default["default"](className, `${prefix}--skeleton`, `${prefix}--dropdown-v2`, `${prefix}--list-box`, `${prefix}--form-item`, {
+  const wrapperClasses = cx__default["default"](className, `${prefix}--skeleton`, `${prefix}--form-item`, {
     [`${prefix}--list-box--${size}`]: size
   });
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${prefix}--list-box__field`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: `${prefix}--list-box__label`
-  })));
+  }, rest), !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: `${prefix}--label ${prefix}--skeleton`
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--skeleton ${prefix}--dropdown`
+  }));
 };
 DropdownSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel: PropTypes__default["default"].bool,
   /**
    * Specify the size of the ListBox.
    */

package/lib/components/FileUploader/FileUploaderItem.d.ts

@@ -53,7 +53,7 @@ export interface FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
      */
     uuid?: string;
 }
-declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, ...other }: FileUploaderItemProps): import("react/jsx-runtime").JSX.Element;
+declare function FileUploaderItem({ uuid, name, status, iconDescription, onDelete, invalid, errorSubject, errorBody, size, className, ...other }: FileUploaderItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderItem {
     var propTypes: {
         /**

package/lib/components/FileUploader/FileUploaderItem.js

@@ -41,6 +41,7 @@ function FileUploaderItem(_ref) {
     errorSubject,
     errorBody,
     size,
+    className,
     ...other
   } = _ref;
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
@@ -48,7 +49,7 @@ function FileUploaderItem(_ref) {
   const {
     current: id
   } = React.useRef(uuid || uniqueId["default"]());
-  const classes = cx__default["default"](`${prefix}--file__selected-file`, {
+  const classes = cx__default["default"](`${prefix}--file__selected-file`, className, {
     [`${prefix}--file__selected-file--invalid`]: invalid,
     [`${prefix}--file__selected-file--md`]: size === 'md',
     [`${prefix}--file__selected-file--sm`]: size === 'sm'

package/lib/components/Notification/Notification.d.ts

@@ -549,7 +549,7 @@ export interface StaticNotificationProps extends HTMLAttributes<HTMLDivElement>
     /**
      * Specify the subtitle
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Specify the title
      */
@@ -593,7 +593,7 @@ export declare namespace StaticNotification {
         /**
          * Specify the subtitle
          */
-        subtitle: PropTypes.Requireable<string>;
+        subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         /**
          * Specify the title
          */

package/lib/components/Notification/Notification.js

@@ -739,6 +739,7 @@ function StaticNotification(_ref8) {
     className: `${prefix}--actionable-notification__button-wrapper`
   }, actionButtonLabel && /*#__PURE__*/React__default["default"].createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
+    "aria-describedby": titleId,
     inline: true
   }, actionButtonLabel)));
 }
@@ -774,7 +775,7 @@ StaticNotification.propTypes = {
   /**
    * Specify the subtitle
    */
-  subtitle: PropTypes__default["default"].string,
+  subtitle: PropTypes__default["default"].node,
   /**
    * Specify the title
    */

package/lib/components/OverflowMenu/OverflowMenu.js

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

package/lib/components/RadioTile/RadioTile.js

@@ -19,6 +19,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var noopFn = require('../../internal/noopFn.js');
 require('../Text/index.js');
+var index = require('../FeatureFlags/index.js');
 var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -29,7 +30,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _CheckmarkFilled;
+var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
 const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function RadioTile(_ref, ref) {
   let {
     children,
@@ -52,6 +53,18 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--disabled`]: disabled
   });
+  const v12TileRadioIcons = index.useFeatureFlag('enable-v12-tile-radio-icons');
+  function icon() {
+    if (v12TileRadioIcons) {
+      if (checked) {
+        return _RadioButtonChecked || (_RadioButtonChecked = /*#__PURE__*/React__default["default"].createElement(iconsReact.RadioButtonChecked, null));
+      } else {
+        return _RadioButton || (_RadioButton = /*#__PURE__*/React__default["default"].createElement(iconsReact.RadioButton, null));
+      }
+    } else {
+      return _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, null));
+    }
+  }
   function handleOnChange(evt) {
     onChange(value, name, evt);
   }
@@ -78,7 +91,7 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     className: className
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--tile__checkmark`
-  }, _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, null))), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, icon()), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     className: `${prefix}--tile-content`
   }, children)));
 });

package/lib/components/Tag/DismissibleTag.d.ts

@@ -0,0 +1,104 @@
+/**
+ * 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, { ReactNodeLike } from 'prop-types';
+import React from 'react';
+import { PolymorphicProps } from '../../types/common';
+import { SIZES, TYPES } from './Tag';
+export interface DismissibleTagBaseProps {
+    /**
+     * Provide content to be rendered inside of a `DismissibleTag`
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide a custom className that is applied to the containing <span>
+     */
+    className?: string;
+    /**
+     * Specify if the `DismissibleTag` is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the id for the selectabletag.
+     */
+    id?: string;
+    /**
+     * Click handler for filter tag close button.
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Optional prop to render a custom icon.
+     * Can be a React component class
+     */
+    renderIcon?: React.ElementType;
+    /**
+     * Specify the size of the Tag. Currently supports either `sm`,
+     * `md` (default) or `lg` sizes.
+     */
+    size?: keyof typeof SIZES;
+    /**
+     * **Experimental:** Provide a `Slug` component to be rendered inside the `DismissibleTag` component
+     */
+    slug?: ReactNodeLike;
+    /**
+     * Text to show on clear filters
+     */
+    title?: string;
+    /**
+     * Specify the type of the `Tag`
+     */
+    type?: keyof typeof TYPES;
+}
+export type DismissibleTagProps<T extends React.ElementType> = PolymorphicProps<T, DismissibleTagBaseProps>;
+declare const DismissibleTag: {
+    <T extends React.ElementType<any>>({ children, className, disabled, id, renderIcon, title, onClose, slug, size, type, ...other }: DismissibleTagProps<T>): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Provide content to be rendered inside of a `DismissibleTag`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className that is applied to the containing <span>
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if the `DismissibleTag` is disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the id for the tag.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Click handler for filter tag close button.
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Optional prop to render a custom icon.
+         * Can be a React component class
+         */
+        renderIcon: PropTypes.Requireable<object>;
+        /**
+         * Specify the size of the Tag. Currently supports either `sm`,
+         * `md` (default) or `lg` sizes.
+         */
+        size: PropTypes.Requireable<string>;
+        /**
+         * **Experimental:** Provide a `Slug` component to be rendered inside the `DismissibleTag` component
+         */
+        slug: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Text to show on clear filters
+         */
+        title: PropTypes.Requireable<string>;
+        /**
+         * Specify the type of the `Tag`
+         */
+        type: PropTypes.Requireable<string>;
+    };
+};
+export declare const types: string[];
+export default DismissibleTag;

package/lib/components/Tag/OperationalTag.d.ts

@@ -0,0 +1,101 @@
+/**
+ * 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, { ReactNodeLike } from 'prop-types';
+import React, { MouseEventHandler } from 'react';
+import { PolymorphicProps } from '../../types/common';
+import { SIZES } from './Tag';
+declare const TYPES: {
+    red: string;
+    magenta: string;
+    purple: string;
+    blue: string;
+    cyan: string;
+    teal: string;
+    green: string;
+    gray: string;
+    'cool-gray': string;
+    'warm-gray': string;
+};
+export interface OperationalTagBaseProps {
+    /**
+     * Provide content to be rendered inside of a `OperationalTag`
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide a custom className that is applied to the containing <span>
+     */
+    className?: string;
+    /**
+     * Specify if the `OperationalTag` is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the id for the OperationalTag.
+     */
+    id?: string;
+    /**
+     * Optional prop to render a custom icon.
+     * Can be a React component class
+     */
+    renderIcon?: React.ElementType;
+    onClick?: MouseEventHandler;
+    /**
+     * Specify the size of the Tag. Currently supports either `sm`,
+     * `md` (default) or `lg` sizes.
+     */
+    size?: keyof typeof SIZES;
+    /**
+     * **Experimental:** Provide a `Slug` component to be rendered inside the `OperationalTag` component
+     */
+    slug?: ReactNodeLike;
+    /**
+     * Specify the type of the `Tag`
+     */
+    type?: keyof typeof TYPES;
+}
+export type OperationalTagProps<T extends React.ElementType> = PolymorphicProps<T, OperationalTagBaseProps>;
+declare const OperationalTag: {
+    <T extends React.ElementType<any>>({ children, className, disabled, id, renderIcon, slug, size, type, ...other }: OperationalTagProps<T>): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Provide content to be rendered inside of a `OperationalTag`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className that is applied to the containing <span>
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if the `OperationalTag` is disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the id for the tag.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Optional prop to render a custom icon.
+         * Can be a React component class
+         */
+        renderIcon: PropTypes.Requireable<object>;
+        /**
+         * Specify the size of the Tag. Currently supports either `sm`,
+         * `md` (default) or `lg` sizes.
+         */
+        size: PropTypes.Requireable<string>;
+        /**
+         * **Experimental:** Provide a `Slug` component to be rendered inside the `OperationalTag` component
+         */
+        slug: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify the type of the `Tag`
+         */
+        type: PropTypes.Requireable<string>;
+    };
+};
+export declare const types: string[];
+export default OperationalTag;

package/lib/components/Tag/SelectableTag.d.ts

@@ -0,0 +1,87 @@
+/**
+ * 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, { ReactNodeLike } from 'prop-types';
+import React from 'react';
+import { PolymorphicProps } from '../../types/common';
+import { SIZES } from './Tag';
+export interface SelectableTagBaseProps {
+    /**
+     * Provide content to be rendered inside of a `SelectableTag`
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide a custom className that is applied to the containing <span>
+     */
+    className?: string;
+    /**
+     * Specify if the `SelectableTag` is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the id for the selectabletag.
+     */
+    id?: string;
+    /**
+     * Optional prop to render a custom icon.
+     * Can be a React component class
+     */
+    renderIcon?: React.ElementType;
+    /**
+     * Specify the state of the selectable tag.
+     */
+    selected?: boolean;
+    /**
+     * Specify the size of the Tag. Currently supports either `sm`,
+     * `md` (default) or `lg` sizes.
+     */
+    size?: keyof typeof SIZES;
+    /**
+     * **Experimental:** Provide a `Slug` component to be rendered inside the `SelectableTag` component
+     */
+    slug?: ReactNodeLike;
+}
+export type SelectableTagProps<T extends React.ElementType> = PolymorphicProps<T, SelectableTagBaseProps>;
+declare const SelectableTag: {
+    <T extends React.ElementType<any>>({ children, className, disabled, id, renderIcon, selected, slug, size, ...other }: SelectableTagProps<T>): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Provide content to be rendered inside of a `SelectableTag`
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className that is applied to the containing <span>
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if the `SelectableTag` is disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the id for the tag.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Optional prop to render a custom icon.
+         * Can be a React component class
+         */
+        renderIcon: PropTypes.Requireable<object>;
+        /**
+         * Specify the state of the selectable tag.
+         */
+        selected: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the size of the Tag. Currently supports either `sm`,
+         * `md` (default) or `lg` sizes.
+         */
+        size: PropTypes.Requireable<string>;
+        /**
+         * **Experimental:** Provide a `Slug` component to be rendered inside the `SelectableTag` component
+         */
+        slug: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export default SelectableTag;

package/lib/components/Tag/Tag.d.ts

@@ -7,7 +7,7 @@
 import PropTypes, { ReactNodeLike } from 'prop-types';
 import React from 'react';
 import { PolymorphicProps } from '../../types/common';
-declare const TYPES: {
+export declare const TYPES: {
     red: string;
     magenta: string;
     purple: string;
@@ -21,6 +21,11 @@ declare const TYPES: {
     'high-contrast': string;
     outline: string;
 };
+export declare const SIZES: {
+    sm: string;
+    md: string;
+    lg: string;
+};
 export interface TagBaseProps {
     /**
      * Provide content to be rendered inside of a `Tag`
@@ -35,7 +40,7 @@ export interface TagBaseProps {
      */
     disabled?: boolean;
     /**
-     * Determine if `Tag` is a filter/chip
+     * @deprecated This property is deprecated and will be removed in the next major version. Use DismissibleTag instead.
      */
     filter?: boolean;
     /**
@@ -43,7 +48,7 @@ export interface TagBaseProps {
      */
     id?: string;
     /**
-     * Click handler for filter tag close button.
+     * @deprecated This property is deprecated and will be removed in the next major version. Use DismissibleTag instead.
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
@@ -52,16 +57,16 @@ export interface TagBaseProps {
      */
     renderIcon?: React.ElementType;
     /**
-     * Specify the size of the Tag. Currently supports either `sm` or
-     * 'md' (default) sizes.
+     * Specify the size of the Tag. Currently supports either `sm`,
+     * `md` (default) or `lg` sizes.
      */
-    size?: 'sm' | 'md';
+    size?: keyof typeof SIZES;
     /**
      * **Experimental:** Provide a `Slug` component to be rendered inside the `Tag` component
      */
     slug?: ReactNodeLike;
     /**
-     * Text to show on clear filters
+     * @deprecated This property is deprecated and will be removed in the next major version. Use DismissibleTag instead.
      */
     title?: string;
     /**
@@ -93,7 +98,7 @@ declare const Tag: {
         /**
          * Determine if `Tag` is a filter/chip
          */
-        filter: PropTypes.Requireable<boolean>;
+        filter: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Specify the id for the tag.
          */
@@ -101,15 +106,15 @@ declare const Tag: {
         /**
          * Click handler for filter tag close button.
          */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Optional prop to render a custom icon.
          * Can be a React component class
          */
         renderIcon: PropTypes.Requireable<object>;
         /**
-         * Specify the size of the Tag. Currently supports either `sm` or
-         * 'md' (default) sizes.
+         * Specify the size of the Tag. Currently supports either `sm`,
+         * `md` (default) or `lg` sizes.
          */
         size: PropTypes.Requireable<string>;
         /**
@@ -119,7 +124,7 @@ declare const Tag: {
         /**
          * Text to show on clear filters
          */
-        title: PropTypes.Requireable<string>;
+        title: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Specify the type of the `Tag`
          */