chore(documentation): add deprecated message on accent colors (#3195)

swisspost · Jul 16, 2024 · ea56419 · ea56419
1 parent 71b9abd
commit ea56419
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/.changeset/famous-emus-appear.md b/.changeset/famous-emus-appear.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Deprecated accent colors.
diff --git a/packages/documentation/src/stories/components/button/button.docs.mdx b/packages/documentation/src/stories/components/button/button.docs.mdx
@@ -36,6 +36,11 @@ Inverted buttons don't need special classes anymore, just use any of the [backgr
 
 ### Accent colors
 
+<div className="alert alert-md alert-warning">
+  <h2 className="alert-heading">The accent colors are deprecated</h2>
+  <p>The CSS classes to apply to the buttons will be removed in the future.</p>
+</div>
+
 There are a number of accent colors that you can apply to buttons instead of the usual colors.
 
 <Canvas of={ButtonStories.AccentColors} />

diff --git a/packages/documentation/src/stories/foundation/color/color.docs.mdx b/packages/documentation/src/stories/foundation/color/color.docs.mdx
@@ -60,6 +60,12 @@ These colors are also available via the **Sass map** `$signal-background-colors`
 </section>
 
 ## Accent colors
+
+<div className="alert alert-md alert-warning">
+  <h2 className="alert-heading">The accent colors are deprecated</h2>
+  <p>Its CSS and SASS variables will be removed in the future.</p>
+</div>
+
 These colors are also available via the **Sass map** `$accent-colors`.
 
 <section className="color-swatch__section">