From 9d473c6eca863f4c6253f86aef1d5080c1315b8c Mon Sep 17 00:00:00 2001
From: leagrdv <lea.gardavaud@post.ch>
Date: Fri, 20 Dec 2024 15:33:00 +0100
Subject: [PATCH 1/2] chore(styles): deprecate topic teaser

---
 .changeset/metal-rice-eat.md                           |  5 +++++
 .../components/topic-teaser/topic-teaser.docs.mdx      | 10 +++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/metal-rice-eat.md

diff --git a/.changeset/metal-rice-eat.md b/.changeset/metal-rice-eat.md
new file mode 100644
index 0000000000..b7adb26380
--- /dev/null
+++ b/.changeset/metal-rice-eat.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Deprecated the topic teaser css component.
diff --git a/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx b/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx
index 99a15e3739..4fe1390f93 100644
--- a/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx
+++ b/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx
@@ -15,6 +15,10 @@ import './topic-teaser.styles.scss';
   </nav>
 </div>
 
+<div className="alert alert-warning">
+  The topic teaser is deprecated and will be removed in a future version.
+</div>
+
 <div className="lead">
   Topic Teaser provides a flexible and responsive content container with options to align the image,
   adding topic content and links as well as contextual background colors.
@@ -24,7 +28,11 @@ If you use multiple topic teasers on one page, each topic teaser must have a dif
 
 </div>
 
-<Canvas className="topic-teaser-full-width-storybook" sourceState="shown" of={TopicTeaserStories.Default} />
+<Canvas
+  className="topic-teaser-full-width-storybook"
+  sourceState="shown"
+  of={TopicTeaserStories.Default}
+/>
 
 <div className="hide-col-default container">
   <Controls of={TopicTeaserStories.Default} />

From 25f47c17c420774d069382d8b394d8397f2124f7 Mon Sep 17 00:00:00 2001
From: Lea <lea.gardavaud@post.ch>
Date: Mon, 30 Dec 2024 15:39:54 +0100
Subject: [PATCH 2/2] Update .changeset/metal-rice-eat.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com>
---
 .changeset/metal-rice-eat.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/metal-rice-eat.md b/.changeset/metal-rice-eat.md
index b7adb26380..331389d2a6 100644
--- a/.changeset/metal-rice-eat.md
+++ b/.changeset/metal-rice-eat.md
@@ -2,4 +2,4 @@
 '@swisspost/design-system-styles': patch
 ---
 
-Deprecated the topic teaser css component.
+Deprecated the topic teaser component.