From 05bbf330d70bdb18575715606626d0fef396a457 Mon Sep 17 00:00:00 2001
From: Ivar Nilsen <ivar.nilsen@fremtind.no>
Date: Mon, 26 Aug 2024 11:44:27 +0200
Subject: [PATCH] feat: force new versions

---
 packages/accordion-react/src/Accordion.tsx | 22 ++++++++++------------
 packages/accordion/accordion.scss          |  4 ++--
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/packages/accordion-react/src/Accordion.tsx b/packages/accordion-react/src/Accordion.tsx
index b37e51e4ec0..918d9aa9e98 100644
--- a/packages/accordion-react/src/Accordion.tsx
+++ b/packages/accordion-react/src/Accordion.tsx
@@ -8,15 +8,13 @@ export interface AccordionProps extends WithChildren {
     id?: string;
 }
 
-export const Accordion: FC<AccordionProps> = ({ className, density, id, ...rest }) => {
-    return (
-        <section
-            role="group"
-            data-testid="jkl-accordion"
-            className={cn("jkl-accordion", className)}
-            data-density={density}
-            id={id}
-            {...rest}
-        />
-    );
-};
+export const Accordion: FC<AccordionProps> = ({ className, density, id, ...rest }) => (
+    <section
+        role="group"
+        data-testid="jkl-accordion"
+        className={cn("jkl-accordion", className)}
+        data-density={density}
+        id={id}
+        {...rest}
+    />
+);
diff --git a/packages/accordion/accordion.scss b/packages/accordion/accordion.scss
index 61edbd5a744..2e27491cb0c 100644
--- a/packages/accordion/accordion.scss
+++ b/packages/accordion/accordion.scss
@@ -2,17 +2,17 @@
 @use "@fremtind/jkl-core/jkl";
 
 @include jkl.light-mode-variables {
-    --jkl-accordion-expanded-background: #{jkl.$color-hvit};
     --jkl-accordion-border: #{jkl.$color-svaberg};
     --jkl-accordion-focus: #{jkl.$color-focus-color};
     --jkl-accordion-hover: #{jkl.$color-stein};
+    --jkl-accordion-expanded-background: #{jkl.$color-hvit};
 }
 
 @include jkl.dark-mode-variables {
-    --jkl-accordion-expanded-background: #{jkl.$color-skifer};
     --jkl-accordion-border: #{jkl.$color-stein};
     --jkl-accordion-focus: #{jkl.$color-focus-color--darkbg};
     --jkl-accordion-hover: #{jkl.$color-svaberg};
+    --jkl-accordion-expanded-background: #{jkl.$color-skifer};
 }
 
 @include jkl.comfortable-density-variables {