docs: add @deprecate to already deprecated components

packages/core/src/Box/Box.tsx

@@ -25,6 +25,7 @@ const sxFn = (sx: HvBoxProps["sx"]) => {
  * Customizable layout component that can be used to wrap other components.
  * It can be used to add styles to the wrapped components.
  * It can also be used to create a layout using the flexbox properties.
+ * @deprecated use native elements instead (e.g. `div`)
  */
 export const HvBox = fixedForwardRef(function HvBox<
   C extends React.ElementType = "div",

packages/core/src/Focus/Focus.tsx

@@ -52,6 +52,7 @@ interface Focuses {
   jump: Element;
 }
 
+/** @deprecated internal use only. this component has navigation issues. */
 export const HvFocus = ({
   classes: classesProp,
   children,

packages/core/src/Kpi/Kpi.tsx

@@ -60,6 +60,7 @@ export interface HvKpiProps extends HvBaseProps<HTMLDivElement, "children"> {
  * Key Performance Indicator is a type of performance measurement. It monitors a business indicator
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
  * Communicates simple, immediate and vital information for operational decision making.
+ * @deprecated build KPIs with `HvCard`, or with your custom layouts
  */
 export const HvKpi = (props: HvKpiProps) => {
   const {

packages/core/src/Link/Link.tsx

@@ -19,6 +19,7 @@ export interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
   classes?: HvLinkClasses;
 }
 
+/** @deprecated use `<HvTypography link component="a" />` instead */
 export const HvLink = (props: HvLinkProps) => {
   const {
     onClick,

packages/core/src/List/List.tsx

@@ -92,6 +92,7 @@ const DEFAULT_LABELS = {
 
 /**
  * Component used to show a set of related data to the user.
+ * @deprecated use `HvListContainer` + `HvListItem` instead
  */
 export const HvList = (props: HvListProps) => {
   const {

packages/core/src/hocs/withTooltip.tsx

@@ -11,6 +11,7 @@ const styles: { truncate: React.CSSProperties } = {
   },
 };
 
+/** @deprecated wrap your component with `HvTooltip` */
 export const withTooltip =
   (
     Component: React.FunctionComponent,