From 84e0c3d7d35d4f27fc82443edb45795ad3cd424f Mon Sep 17 00:00:00 2001
From: Dag Frode Solberg <dag.solberg@sparebank1.no>
Date: Tue, 21 Jan 2025 09:21:07 +0100
Subject: [PATCH 1/2] fix(ffe-core): Oppdater accent klassenavnet

---
 packages/ffe-core/scripts/generate-semantic-colors.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ffe-core/scripts/generate-semantic-colors.js b/packages/ffe-core/scripts/generate-semantic-colors.js
index fb830c429a..f600d9b1c2 100755
--- a/packages/ffe-core/scripts/generate-semantic-colors.js
+++ b/packages/ffe-core/scripts/generate-semantic-colors.js
@@ -138,7 +138,7 @@ function filePath(filename) {
 
 function generateSemanticColors() {
     let cssContent = '// Generated from Figma tokens';
-    cssContent += `\n\n// Context accent \n.accent {\n${convertContextJsonToCss(filePath(files.contextAccent)).join('\n')}}\n`;
+    cssContent += `\n\n// Context accent \n.ffe-accent-mode {\n${convertContextJsonToCss(filePath(files.contextAccent)).join('\n')}}\n`;
     cssContent += `\n\n// Context \n:root,\n:host {\n${convertContextJsonToCss(filePath(files.context)).join('\n')}}\n`;
     cssContent += `\n\n${convertSemanticJsonToCss(filePath(files.semanticLight))}`;
     cssContent += `\n\n${convertSemanticJsonToCss(filePath(files.semanticDark), filePath(files.context), filePath(files.contextAccent))}`;

From 88388c4270eec527a20970ad3b793c701d5a2a45 Mon Sep 17 00:00:00 2001
From: Dag Frode Solberg <dag.solberg@sparebank1.no>
Date: Tue, 21 Jan 2025 09:21:36 +0100
Subject: [PATCH 2/2] chore: oppdater storybook preview med nytt accent navn

---
 .storybook/preview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index b8c7113d4b..e4765553ad 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -65,7 +65,7 @@ const preview: Preview = {
                         )}
                     {(scheme === 'both' || scheme === 'light') &&
                         (accent === 'both' || accent === 'accent') && (
-                            <div className="ffe-docs-content-container accent">
+                            <div className="ffe-docs-content-container ffe-accent-mode">
                                 <Story />
                             </div>
                         )}
@@ -77,7 +77,7 @@ const preview: Preview = {
                         )}
                     {(scheme === 'both' || scheme === 'dark') &&
                         (accent === 'both' || accent === 'accent') && (
-                            <div className="ffe-docs-content-container dark-mode regard-color-scheme-preference accent">
+                            <div className="ffe-docs-content-container dark-mode regard-color-scheme-preference ffe-accent-mode">
                                 <Story />
                             </div>
                         )}