refactor: mark MD2 typography as deprecated (#4706)

lukewalczak · web-flow · commit 1004de3fdbe1 · 2025-04-30T10:58:35.000+02:00
diff --git a/src/components/Typography/v2/Caption.tsx b/src/components/Typography/v2/Caption.tsx
@@ -9,8 +9,8 @@ export type Props = React.ComponentProps<typeof Text> & {
 };
 
 // @component-group Typography
-
 /**
+ * @deprecated Deprecated in v5.x - use `<Text variant="bodySmall" />` instead.
  * Typography component for showing a caption.
  *
  * <div class="screenshots">
diff --git a/src/components/Typography/v2/Headline.tsx b/src/components/Typography/v2/Headline.tsx
@@ -11,6 +11,7 @@ export type Props = React.ComponentProps<typeof Text> & {
 // @component-group Typography
 
 /**
+ * @deprecated Deprecated in v5.x - use `<Text variant="headlineSmall" />` instead.
  * Typography component for showing a headline.
  *
  * <div class="screenshots">
diff --git a/src/components/Typography/v2/Paragraph.tsx b/src/components/Typography/v2/Paragraph.tsx
@@ -10,6 +10,7 @@ export type Props = TextProps & {
 // @component-group Typography
 
 /**
+ * @deprecated Deprecated in v5.x - use `<Text variant="bodyMedium" />` instead.
  * Typography component for showing a paragraph.
  *
  * <div class="screenshots">
diff --git a/src/components/Typography/v2/Subheading.tsx b/src/components/Typography/v2/Subheading.tsx
@@ -11,6 +11,7 @@ export type Props = React.ComponentProps<typeof Text> & {
 // @component-group Typography
 
 /**
+ * @deprecated Deprecated in v5.x - use `<Text variant="titleMedium" />` instead.
  * Typography component for showing a subheading.
  *
  * <div class="screenshots">
diff --git a/src/components/Typography/v2/Title.tsx b/src/components/Typography/v2/Title.tsx
@@ -10,6 +10,7 @@ export type Props = React.ComponentProps<typeof Text> & {
 // @component-group Typography
 
 /**
+ * @deprecated Deprecated in v5.x - use `<Text variant="titleLarge" />` instead.
  * Typography component for showing a title.
  *
  * <div class="screenshots">

Original file line number	Diff line number	Diff line change
`@@ -9,8 +9,8 @@ export type Props = React.ComponentProps<typeof Text> & {`
`9`	`9`	`};`
`10`	`10`
`11`	`11`	`// @component-group Typography`
`12`		`-`
`13`	`12`	`/**`
	`13`	+ * @deprecated Deprecated in v5.x - use `<Text variant="bodySmall" />` instead.
`14`	`14`	`* Typography component for showing a caption.`
`15`	`15`	`*`
`16`	`16`	`* <div class="screenshots">`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ export type Props = React.ComponentProps<typeof Text> & {`
`11`	`11`	`// @component-group Typography`
`12`	`12`
`13`	`13`	`/**`
	`14`	+ * @deprecated Deprecated in v5.x - use `<Text variant="headlineSmall" />` instead.
`14`	`15`	`* Typography component for showing a headline.`
`15`	`16`	`*`
`16`	`17`	`* <div class="screenshots">`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export type Props = TextProps & {`
`10`	`10`	`// @component-group Typography`
`11`	`11`
`12`	`12`	`/**`
	`13`	+ * @deprecated Deprecated in v5.x - use `<Text variant="bodyMedium" />` instead.
`13`	`14`	`* Typography component for showing a paragraph.`
`14`	`15`	`*`
`15`	`16`	`* <div class="screenshots">`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ export type Props = React.ComponentProps<typeof Text> & {`
`10`	`10`	`// @component-group Typography`
`11`	`11`
`12`	`12`	`/**`
	`13`	+ * @deprecated Deprecated in v5.x - use `<Text variant="titleLarge" />` instead.
`13`	`14`	`* Typography component for showing a title.`
`14`	`15`	`*`
`15`	`16`	`* <div class="screenshots">`