chore(styles): deprecate topic teaser

swisspost · Dec 20, 2024 · 9d473c6 · 9d473c6
1 parent ea6e622
commit 9d473c6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/.changeset/metal-rice-eat.md 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
@@ -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} />