@carbon/ibm-products 2.54.0-canary.8 → 2.54.0-canary.80

package/es/components/EditUpdateCards/EditUpdateCards.js

@@ -41,9 +41,11 @@ var componentName = 'EditUpdateCards';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  Editable cards allow a user to view, modify, and save the content contained within the card.
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
+ @deprecated
  */
 var EditUpdateCards = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
@@ -95,6 +97,12 @@ var EditUpdateCards = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
   }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React__default.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React__default.createElement("div", null, editChildren)));
 });
 
+/**@ts-ignore*/
+EditUpdateCards.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EditUpdateCards = pkg.checkComponentEnabled(EditUpdateCards, componentName);
 

package/es/components/EmptyStates/EmptyStateIllustration.js

@@ -57,6 +57,5 @@ var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
 EmptyStateIllustration.propTypes = {
   kind: PropTypes.string
 };
-var EmptyStateIllustration$1 = EmptyStateIllustration;
 
-export { EmptyStateIllustration$1 as default };
+export { EmptyStateIllustration as default };

package/es/components/EmptyStates/EmptyStateV2.d.ts

@@ -62,5 +62,6 @@ export interface EmptyStateV2Props {
 /**
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
+ * @deprecated
  */
 export declare let EmptyStateV2: React.ForwardRefExoticComponent<EmptyStateV2Props & React.RefAttributes<HTMLDivElement>>;

package/es/components/EmptyStates/EmptyStateV2.js

@@ -21,6 +21,7 @@ var componentName = 'EmptyStateV2';
 /**
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
+ * @deprecated
  */
 
 var EmptyStateV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
@@ -65,6 +66,12 @@ var EmptyStateV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref)
   }), link.text)));
 });
 
+/**@ts-ignore*/
+EmptyStateV2.deprecated = {
+  level: 'warn',
+  details: 'For more information, please refer to the Carbon docs https://carbondesignsystem.com/patterns/empty-states-pattern/'
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EmptyStateV2 = pkg.checkComponentEnabled(EmptyStateV2, componentName);
 EmptyStateV2.propTypes = {

package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -13,7 +13,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { EmptyStateContent } from '../EmptyStateContent.js';
-import ErrorIllustration from '../assets/ErrorIllustration.js';
+import { ErrorIllustration } from '../assets/ErrorIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationDescription", "illustrationTheme", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -13,7 +13,7 @@ import { Button, Link } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { EmptyStateContent } from '../EmptyStateContent.js';
-import NoDataIllustration from '../assets/NoDataIllustration.js';
+import { NoDataIllustration } from '../assets/NoDataIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -13,7 +13,7 @@ import { Button, Link } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { EmptyStateContent } from '../EmptyStateContent.js';
-import NoTagsIllustration from '../assets/NoTagsIllustration.js';
+import { NoTagsIllustration } from '../assets/NoTagsIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -13,7 +13,7 @@ import { Button, Link } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { EmptyStateContent } from '../EmptyStateContent.js';
-import NotFoundIllustration from '../assets/NotFoundIllustration.js';
+import { NotFoundIllustration } from '../assets/NotFoundIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -13,7 +13,7 @@ import { Button, Link } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { EmptyStateContent } from '../EmptyStateContent.js';
-import NotificationsIllustration from '../assets/NotificationsIllustration.js';
+import { NotificationsIllustration } from '../assets/NotificationsIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -13,7 +13,7 @@ import { Button, Link } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
 import { EmptyStateContent } from '../EmptyStateContent.js';
-import UnauthorizedIllustration from '../assets/UnauthorizedIllustration.js';
+import { UnauthorizedIllustration } from '../assets/UnauthorizedIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/assets/ErrorIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -211,6 +210,5 @@ ErrorIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
   theme: PropTypes.oneOf(['light', 'dark'])
 };
-var ErrorIllustration$1 = ErrorIllustration;
 
-export { ErrorIllustration, ErrorIllustration$1 as default };
+export { ErrorIllustration, ErrorIllustration as default };

package/es/components/EmptyStates/assets/NoDataIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -174,6 +173,5 @@ NoDataIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
   theme: PropTypes.oneOf(['light', 'dark'])
 };
-var NoDataIllustration$1 = NoDataIllustration;
 
-export { NoDataIllustration, NoDataIllustration$1 as default };
+export { NoDataIllustration, NoDataIllustration as default };

package/es/components/EmptyStates/assets/NoTagsIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -481,6 +480,5 @@ NoTagsIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
   theme: PropTypes.oneOf(['light', 'dark'])
 };
-var NoTagsIllustration$1 = NoTagsIllustration;
 
-export { NoTagsIllustration, NoTagsIllustration$1 as default };
+export { NoTagsIllustration, NoTagsIllustration as default };

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -358,6 +357,5 @@ NotFoundIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
   theme: PropTypes.oneOf(['light', 'dark'])
 };
-var NotFoundIllustration$1 = NotFoundIllustration;
 
-export { NotFoundIllustration, NotFoundIllustration$1 as default };
+export { NotFoundIllustration, NotFoundIllustration as default };

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -328,6 +327,5 @@ NotificationsIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
   theme: PropTypes.oneOf(['light', 'dark'])
 };
-var NotificationsIllustration$1 = NotificationsIllustration;
 
-export { NotificationsIllustration, NotificationsIllustration$1 as default };
+export { NotificationsIllustration, NotificationsIllustration as default };

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -302,6 +301,5 @@ UnauthorizedIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),
   theme: PropTypes.oneOf(['light', 'dark'])
 };
-var UnauthorizedIllustration$1 = UnauthorizedIllustration;
 
-export { UnauthorizedIllustration, UnauthorizedIllustration$1 as default };
+export { UnauthorizedIllustration, UnauthorizedIllustration as default };

package/es/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -13,10 +13,6 @@ export interface ExpressiveCardProps extends PropsWithChildren {
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */
     actionIcons?: ActionIcon[];
-    /**
-     * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
-     */
-    aiLabel?: ReactNode | boolean;
     /**
      * Content that shows in the body of the card
      */
@@ -24,6 +20,10 @@ export interface ExpressiveCardProps extends PropsWithChildren {
      * Optional user provided class
      */
     className?: string;
+    /**
+     * Optional prop that allows you to pass any component.
+     */
+    decorator?: ReactNode | boolean;
     /**
      * Optional header description
      */
@@ -91,7 +91,7 @@ export interface ExpressiveCardProps extends PropsWithChildren {
     /**
      * **Experimental:** For all cases a `Slug` component can be provided.
      * Clickable tiles only accept a boolean value of true and display a hollow slug.
-     * @deprecated please use the `aiLabel` prop
+     * @deprecated please use the `decorator` prop
      */
     slug?: ReactNode | boolean;
     /**

package/es/components/ExpressiveCard/ExpressiveCard.js

@@ -36,10 +36,6 @@ ExpressiveCard.propTypes = {
     iconDescription: PropTypes.string,
     href: PropTypes.string
   })),
-  /**
-   * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
-   */
-  aiLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
   /**
    * Content that shows in the body of the card
    */
@@ -48,6 +44,10 @@ ExpressiveCard.propTypes = {
    * Optional user provided class
    */
   className: PropTypes.string,
+  /**
+   * Optional prop that allows you to pass any component.
+   */
+  decorator: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
   /**
    * Optional header description
    */
@@ -118,7 +118,7 @@ ExpressiveCard.propTypes = {
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
-   * @deprecated please use the `aiLabel` prop
+   * @deprecated please use the `decorator` prop
    */
   slug: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
   /**

package/es/components/FilterPanel/FilterPanel.d.ts

@@ -1,5 +1,6 @@
 /**
  * The container for filter panel subcomponents.
+ * @deprecated This component is deprecated
  */
 export let FilterPanel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanel.js

@@ -20,7 +20,9 @@ var componentName = 'FilterPanel';
 
 /**
  * The container for filter panel subcomponents.
+ * @deprecated This component is deprecated
  */
+
 var FilterPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -33,6 +35,10 @@ var FilterPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__title")
   }, title), children);
 });
+FilterPanel.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanel = pkg.checkComponentEnabled(FilterPanel, componentName);

package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts

@@ -1,5 +1,6 @@
 /**
  * A container with a label and optional count.
+ * @deprecated This component is deprecated
  */
 export let FilterPanelAccordion: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js

@@ -26,6 +26,7 @@ var defaults = {
 
 /**
  * A container with a label and optional count.
+ * @deprecated This component is deprecated
  */
 var FilterPanelAccordion = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$accordionProps = _ref.accordionProps,
@@ -49,6 +50,10 @@ var FilterPanelAccordion = /*#__PURE__*/React__default.forwardRef(function (_ref
     className: "".concat(blockClass, "__list")
   }), children));
 });
+FilterPanelAccordion.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelAccordion = pkg.checkComponentEnabled(FilterPanelAccordion, componentName);

package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts

@@ -1,5 +1,6 @@
 /**
  * A container with a label and optional count.
+ * @deprecated This component is deprecated
  */
 export let FilterPanelAccordionItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -27,6 +27,7 @@ var defaults = {
 
 /**
  * A container with a label and optional count.
+ * @deprecated This component is deprecated
  */
 var FilterPanelAccordionItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$accordionItemPro = _ref.accordionItemProps,
@@ -56,7 +57,10 @@ var FilterPanelAccordionItem = /*#__PURE__*/React__default.forwardRef(function (
     }, child);
   })));
 });
-
+FilterPanelAccordionItem.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelAccordionItem = pkg.checkComponentEnabled(FilterPanelAccordionItem, componentName);
 FilterPanelAccordionItem.displayName = componentName;

package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts

@@ -5,6 +5,7 @@
  *
  * All of Carbon Checkbox's props are directly available
  * through "...rest", including id, onClick, etc.
+ * @deprecated This component is deprecated
  */
 export let FilterPanelCheckbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js

@@ -27,6 +27,7 @@ var componentName = 'FilterPanelCheckbox';
  *
  * All of Carbon Checkbox's props are directly available
  * through "...rest", including id, onClick, etc.
+ * @deprecated This component is deprecated
  */
 var FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -46,6 +47,10 @@ var FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref,
     ref: ref
   }, getDevtoolsProps(componentName)));
 });
+FilterPanelCheckbox.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelCheckbox = pkg.checkComponentEnabled(FilterPanelCheckbox, componentName);

package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts

@@ -5,6 +5,7 @@
  * just like FilterPanelCheckbox.
  *
  * Use `overflowMenuProps` for properties specific to the OverflowMenu.
+ * @deprecated This component is deprecated
  */
 export let FilterPanelCheckboxWithOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js

@@ -30,6 +30,7 @@ var defaults = {
  * just like FilterPanelCheckbox.
  *
  * Use `overflowMenuProps` for properties specific to the OverflowMenu.
+ * @deprecated This component is deprecated
  */
 var FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -115,6 +116,10 @@ var FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default.forwardRef(fun
     }, other), children))
   );
 });
+FilterPanelCheckboxWithOverflow.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelCheckboxWithOverflow = pkg.checkComponentEnabled(FilterPanelCheckboxWithOverflow, componentName);

package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts

@@ -1,5 +1,6 @@
 /**
  * A container with a label and optional count.
+ * @deprecated This component is deprecated
  */
 export let FilterPanelGroup: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js

@@ -21,6 +21,7 @@ var componentName = 'FilterPanelGroup';
 
 /**
  * A container with a label and optional count.
+ * @deprecated This component is deprecated
  */
 var FilterPanelGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -42,6 +43,10 @@ var FilterPanelGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     className: "".concat(blockClass, "__content")
   }, children));
 });
+FilterPanelGroup.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelGroup = pkg.checkComponentEnabled(FilterPanelGroup, componentName);

package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts

@@ -1,5 +1,6 @@
 /**
  * An input field and container to show search results.
+ * @deprecated This component is deprecated
  */
 export let FilterPanelSearch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js

@@ -24,6 +24,7 @@ var defaults = {
 
 /**
  * An input field and container to show search results.
+ * @deprecated This component is deprecated
  */
 var FilterPanelSearch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -67,7 +68,10 @@ var FilterPanelSearch = /*#__PURE__*/React__default.forwardRef(function (_ref, r
     className: "".concat(blockClass, "__results")
   }, children));
 });
-
+FilterPanelSearch.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 // Return a placeholder if not released and not enabled by feature flag
 FilterPanelSearch = pkg.checkComponentEnabled(FilterPanelSearch, componentName);
 FilterPanelSearch.displayName = componentName;

package/es/components/FilterSummary/FilterSummary.js

@@ -126,7 +126,7 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     ref: localRef,
     className: cx([blockClass, className], _defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
   }), /*#__PURE__*/React__default.createElement(AnimatePresence, {
-    exitBeforeEnter: true
+    mode: "wait"
   }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React__default.createElement(Button, {
     kind: "ghost",
     size: "sm",

package/es/components/FullPageError/FullPageError.js

@@ -16,6 +16,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
+var _span;
 var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -42,20 +43,17 @@ var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   var errorData = {
     403: {
       svg: /*#__PURE__*/React__default.createElement(Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
       })
     },
     404: {
       svg: /*#__PURE__*/React__default.createElement(Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
       })
     },
     custom: {
       svg: /*#__PURE__*/React__default.createElement(ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
       })
     }
   };
@@ -76,7 +74,9 @@ var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     className: "".concat(blockClass, "__title")
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(blockClass, "__label")
-  }, "\u21B3 ", label), /*#__PURE__*/React__default.createElement("span", null, title)), /*#__PURE__*/React__default.createElement("p", {
+  }, _span || (_span = /*#__PURE__*/React__default.createElement("span", {
+    "aria-hidden": "true"
+  }, "\u21B3 ")), label), /*#__PURE__*/React__default.createElement("span", null, title)), /*#__PURE__*/React__default.createElement("p", {
     className: "".concat(blockClass, "__description")
   }, description), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__body")