@carbon/ibm-products 2.54.0 → 2.55.0-rc.0

package/lib/components/EditTearsheet/EditTearsheet.js

@@ -40,7 +40,9 @@ var defaults = {
 // corresponding props for TearsheetNarrow and TearsheetShell components.
 
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var cancelButtonText = _ref.cancelButtonText,
@@ -173,6 +175,12 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })))));
 });
 
+/**@ts-ignore*/
+exports.EditTearsheet.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.EditTearsheet = settings.pkg.checkComponentEnabled(exports.EditTearsheet, componentName);
 

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

@@ -215,7 +215,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

@@ -178,7 +178,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

@@ -485,7 +485,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

@@ -362,7 +362,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

@@ -332,7 +332,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

@@ -306,7 +306,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/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;

package/lib/components/Nav/Nav.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This component is deprecated
+ */
 export let Nav: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 export default Nav;
 import React from 'react';

package/lib/components/Nav/Nav.js

@@ -19,6 +19,10 @@ var settings = require('../../settings.js');
 var _excluded = ["activeHref", "className", "children", "heading", "label"];
 var componentName = 'Nav';
 var blockClass = "".concat(settings.pkg.prefix, "--nav");
+
+/**
+ * @deprecated This component is deprecated
+ */
 exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var activeHref = _ref.activeHref,
     className = _ref.className,
@@ -123,6 +127,10 @@ exports.Nav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.default.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
+exports.Nav.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 exports.Nav.propTypes = {
   /**
    * Hypertext reference for active page.

package/lib/components/Nav/NavItemLink.js

@@ -29,6 +29,5 @@ NavItemLink.propTypes = {
 NavItemLink.defaultProps = {
   element: 'a'
 };
-var NavItemLink$1 = NavItemLink;
 
-exports.default = NavItemLink$1;
+exports.default = NavItemLink;

package/lib/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,5 +1,6 @@
 /**
  * A list of icon/description pairs used to show multiple states of progress.
+ * @deprecated This component is deprecated
  */
 export let StatusIndicator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -29,6 +29,7 @@ var defaults = {
 
 /**
  * A list of icon/description pairs used to show multiple states of progress.
+ * @deprecated This component is deprecated
  */
 exports.StatusIndicator = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -59,6 +60,10 @@ exports.StatusIndicator = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, retryLabel));
 });
+exports.StatusIndicator.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.StatusIndicator = settings.pkg.checkComponentEnabled(exports.StatusIndicator, componentName);

package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts

@@ -1,5 +1,6 @@
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
+ * @deprecated This component is deprecated
  */
 export let StatusIndicatorStep: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/StatusIndicator/StatusIndicatorStep.js

@@ -28,6 +28,7 @@ var defaults = {
 
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
+ * @deprecated This component is deprecated
  */
 exports.StatusIndicatorStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -56,6 +57,10 @@ exports.StatusIndicatorStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className: "".concat(blockClass, "__error-message")
   }, errorMessage));
 });
+exports.StatusIndicatorStep.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.StatusIndicatorStep = settings.pkg.checkComponentEnabled(exports.StatusIndicatorStep, componentName);

package/lib/components/Tearsheet/Tearsheet.d.ts

@@ -107,7 +107,7 @@ export interface TearsheetProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/lib/components/Tearsheet/TearsheetNarrow.d.ts

@@ -63,7 +63,7 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/lib/components/Tearsheet/TearsheetShell.d.ts

@@ -84,7 +84,7 @@ interface TearsheetShellProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/lib/components/Tearsheet/TearsheetShell.js

@@ -148,33 +148,12 @@ var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   // Callback to give the tearsheet the opportunity to claim focus
   handleStackChange.claimFocus = function () {
-    if (selectorPrimaryFocus && useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-      var _window;
-      var specifiedEl = useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-      if (specifiedEl && ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(specifiedEl)) === null || _window === void 0 ? void 0 : _window.display) !== 'none') {
-        return specifiedEl.focus();
-      }
-    }
-    setTimeout(function () {
-      return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-    }, 0);
+    useFocus.claimFocus(firstElement, modalRef, selectorPrimaryFocus);
   };
   React.useEffect(function () {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      if (selectorPrimaryFocus && useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
-        var _window2;
-        var specifiedEl = useFocus.getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
-        if (specifiedEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none') {
-          setTimeout(function () {
-            return specifiedEl.focus();
-          }, 0);
-          return;
-        }
-      }
-      setTimeout(function () {
-        return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
-      }, 0);
+      useFocus.claimFocus(firstElement, modalRef, selectorPrimaryFocus);
     }
   }, [firstElement, modalRef, open, selectorPrimaryFocus]);
   React.useEffect(function () {

package/lib/components/TooltipTrigger/TooltipTrigger.d.ts

@@ -15,4 +15,4 @@ export interface TooltipTriggerProps extends PropsWithChildren {
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;