From 019aac1b979d0131440353cff7622b3e2601253b Mon Sep 17 00:00:00 2001
From: Lea <lea.gardavaud@post.ch>
Date: Tue, 17 Dec 2024 13:28:26 +0100
Subject: [PATCH] chore(documentation): add palette scss file import
 documentation (#4127)

---
 .changeset/four-beers-leave.md                               | 5 +++++
 .../src/stories/foundations/palettes/palettes.docs.mdx       | 3 +++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/four-beers-leave.md

diff --git a/.changeset/four-beers-leave.md b/.changeset/four-beers-leave.md
new file mode 100644
index 0000000000..7b61eca6d8
--- /dev/null
+++ b/.changeset/four-beers-leave.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added scss file import documentation to palette.
diff --git a/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx b/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx
index 83a3402eaf..dfb95071a9 100644
--- a/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx
+++ b/packages/documentation/src/stories/foundations/palettes/palettes.docs.mdx
@@ -1,5 +1,6 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks';
 import * as paletteStories from './palettes.stories';
+import StylesPackageImport from '@/shared/styles-package-import.mdx';
 
 <Meta of={paletteStories} />
 
@@ -25,3 +26,5 @@ You can apply this text color to any element by using the `.palette-text` class.
 <div className="hide-col-default">
   <Controls of={paletteStories.Default} />
 </div>
+
+<StylesPackageImport components={['post-palettes']} />