@carbon/ibm-products 2.54.0-canary.7 → 2.54.0-canary.71

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts

@@ -16,6 +16,8 @@ export interface EditTearsheetNarrowProps {
     className?: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -40,7 +40,9 @@ var componentName = 'EditTearsheetNarrow';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -61,6 +63,12 @@ exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, devtools.getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+exports.EditTearsheetNarrow.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
 exports.EditTearsheetNarrow = settings.pkg.checkComponentEnabled(exports.EditTearsheetNarrow, componentName);
 

package/lib/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -102,9 +102,11 @@ export interface EditUpdateCardsProps {
     titleSize?: 'default' | 'large';
 }
 /**
+ * **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
  */
 export declare let EditUpdateCards: React.ForwardRefExoticComponent<EditUpdateCardsProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -43,9 +43,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
  */
 exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
@@ -97,6 +99,12 @@ exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React.createElement("div", null, editChildren)));
 });
 
+/**@ts-ignore*/
+exports.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
 exports.EditUpdateCards = settings.pkg.checkComponentEnabled(exports.EditUpdateCards, componentName);
 

package/lib/components/EmptyStates/EmptyStateIllustration.js

@@ -61,6 +61,5 @@ var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
 EmptyStateIllustration.propTypes = {
   kind: index.default.string
 };
-var EmptyStateIllustration$1 = EmptyStateIllustration;
 
-exports.default = EmptyStateIllustration$1;
+exports.default = EmptyStateIllustration;

package/lib/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/lib/components/EmptyStates/EmptyStateV2.js

@@ -23,6 +23,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
  */
 
 exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -67,6 +68,12 @@ exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), link.text)));
 });
 
+/**@ts-ignore*/
+exports.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
 exports.EmptyStateV2 = settings.pkg.checkComponentEnabled(exports.EmptyStateV2, componentName);
 exports.EmptyStateV2.propTypes = {

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -41,7 +41,7 @@ exports.ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.default, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration.ErrorIllustration, {
     theme: illustrationTheme,
     size: size,
     alt: illustrationDescription || title

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -42,7 +42,7 @@ exports.NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.default, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration.NoDataIllustration, {
     theme: illustrationTheme,
     size: size,
     alt: illustrationDescription || title

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -41,7 +41,7 @@ exports.NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.default, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration.NoTagsIllustration, {
     theme: illustrationTheme,
     size: size,
     alt: illustrationDescription || title

package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -41,7 +41,7 @@ exports.NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notFound")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.default, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration.NotFoundIllustration, {
     theme: illustrationTheme,
     size: size,
     alt: illustrationDescription || title

package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -41,7 +41,7 @@ exports.NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref,
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notifications")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.default, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration.NotificationsIllustration, {
     size: size,
     theme: illustrationTheme,
     alt: illustrationDescription || title

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -42,7 +42,7 @@ exports.UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, r
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--unauthorized")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(UnauthorizedIllustration.default, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(UnauthorizedIllustration.UnauthorizedIllustration, {
     size: size,
     theme: illustrationTheme,
     alt: illustrationDescription || title

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

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../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"];
@@ -26,7 +25,7 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -215,7 +214,6 @@ ErrorIllustration.propTypes = {
   size: index.default.oneOf(['lg', 'sm']),
   theme: index.default.oneOf(['light', 'dark'])
 };
-var ErrorIllustration$1 = ErrorIllustration;
 
 exports.ErrorIllustration = ErrorIllustration;
-exports.default = ErrorIllustration$1;
+exports.default = ErrorIllustration;

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

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../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"];
@@ -26,7 +25,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -178,7 +177,6 @@ NoDataIllustration.propTypes = {
   size: index.default.oneOf(['lg', 'sm']),
   theme: index.default.oneOf(['light', 'dark'])
 };
-var NoDataIllustration$1 = NoDataIllustration;
 
 exports.NoDataIllustration = NoDataIllustration;
-exports.default = NoDataIllustration$1;
+exports.default = NoDataIllustration;

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

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../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"];
@@ -26,7 +25,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -485,7 +484,6 @@ NoTagsIllustration.propTypes = {
   size: index.default.oneOf(['lg', 'sm']),
   theme: index.default.oneOf(['light', 'dark'])
 };
-var NoTagsIllustration$1 = NoTagsIllustration;
 
 exports.NoTagsIllustration = NoTagsIllustration;
-exports.default = NoTagsIllustration$1;
+exports.default = NoTagsIllustration;

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

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../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"];
@@ -26,7 +25,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -362,7 +361,6 @@ NotFoundIllustration.propTypes = {
   size: index.default.oneOf(['lg', 'sm']),
   theme: index.default.oneOf(['light', 'dark'])
 };
-var NotFoundIllustration$1 = NotFoundIllustration;
 
 exports.NotFoundIllustration = NotFoundIllustration;
-exports.default = NotFoundIllustration$1;
+exports.default = NotFoundIllustration;

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

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../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"];
@@ -26,7 +25,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
@@ -332,7 +331,6 @@ NotificationsIllustration.propTypes = {
   size: index.default.oneOf(['lg', 'sm']),
   theme: index.default.oneOf(['light', 'dark'])
 };
-var NotificationsIllustration$1 = NotificationsIllustration;
 
 exports.NotificationsIllustration = NotificationsIllustration;
-exports.default = NotificationsIllustration$1;
+exports.default = NotificationsIllustration;

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

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../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"];
@@ -26,7 +25,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -306,7 +305,6 @@ UnauthorizedIllustration.propTypes = {
   size: index.default.oneOf(['lg', 'sm']),
   theme: index.default.oneOf(['light', 'dark'])
 };
-var UnauthorizedIllustration$1 = UnauthorizedIllustration;
 
 exports.UnauthorizedIllustration = UnauthorizedIllustration;
-exports.default = UnauthorizedIllustration$1;
+exports.default = UnauthorizedIllustration;

package/lib/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/lib/components/ExpressiveCard/ExpressiveCard.js

@@ -38,10 +38,6 @@ exports.ExpressiveCard.propTypes = {
     iconDescription: index.default.string,
     href: index.default.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: index.default.oneOfType([index.default.node, index.default.bool]),
   /**
    * Content that shows in the body of the card
    */
@@ -50,6 +46,10 @@ exports.ExpressiveCard.propTypes = {
    * Optional user provided class
    */
   className: index.default.string,
+  /**
+   * Optional prop that allows you to pass any component.
+   */
+  decorator: index.default.oneOfType([index.default.node, index.default.bool]),
   /**
    * Optional header description
    */
@@ -120,7 +120,7 @@ exports.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: index.default.oneOfType([index.default.node, index.default.bool]),
   /**

package/lib/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/lib/components/FilterPanel/FilterPanel.js

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

package/lib/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/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js

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

package/lib/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/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

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

package/lib/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/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js

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

package/lib/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/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js

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

package/lib/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/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js

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

package/lib/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/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js

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