From 458adb71e8dc655215c910f54f8615690e22cba1 Mon Sep 17 00:00:00 2001
From: Barsnes <tobias.barsnes@digdir.no>
Date: Tue, 18 Jun 2024 12:23:30 +0200
Subject: [PATCH] misc fixes

---
 .../components/Previews/Components/Components.tsx      |  4 ++--
 packages/react/stories/react-usage.mdx                 | 10 +++++-----
 packages/react/stories/showcase.stories.tsx            |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/theme/components/Previews/Components/Components.tsx b/apps/theme/components/Previews/Components/Components.tsx
index 66cf4b6fbf..637371026b 100644
--- a/apps/theme/components/Previews/Components/Components.tsx
+++ b/apps/theme/components/Previews/Components/Components.tsx
@@ -494,7 +494,7 @@ export const Components = () => {
         >
           Ofte stillte spørsmål
         </Heading>
-        <Accordion
+        <Accordion.Root
           color='brand3'
           border
           className={classes.accordion}
@@ -531,7 +531,7 @@ export const Components = () => {
               registrene samtidig i Samordnet registermelding.
             </Accordion.Content>
           </Accordion.Item>
-        </Accordion>
+        </Accordion.Root>
       </div>
     </div>
   );
diff --git a/packages/react/stories/react-usage.mdx b/packages/react/stories/react-usage.mdx
index 50660e1217..ea50cbbb96 100644
--- a/packages/react/stories/react-usage.mdx
+++ b/packages/react/stories/react-usage.mdx
@@ -42,14 +42,14 @@ som ligger i en klient komponent, som `Accordion` er.
 
 <CodeSnippet language='ts'>
 {`
-import { Accordion, AccordionHeader, AccordionItem, AccordionContent } from '@digdir/designsystemet-react';
+import { AccordionRoot, AccordionHeader, AccordionItem, AccordionContent } from '@digdir/designsystemet-react';
 
-<Accordion>
+<AccordionRoot>
   <AccordionItem>
     <AccordionHeader>...</AccordionHeader>
     <AccordionContent>...</AccordionContent>
   </AccordionItem>
-</Accordion>
+</AccordionRoot>
 `}
 </CodeSnippet>
 
@@ -59,11 +59,11 @@ import { Accordion, AccordionHeader, AccordionItem, AccordionContent } from '@di
 {`
 import { Accordion } from '@digdir/designsystemet-react';
 
-<Accordion>
+<Accordion.Root>
   <Accordion.Item>
     <Accordion.Header>...</Accordion.Header>
     <Accordion.Content>...</Accordion.Content>
   </Accordion.Item>
-</Accordion>
+</Accordion.Root>
 `}
 </CodeSnippet>
diff --git a/packages/react/stories/showcase.stories.tsx b/packages/react/stories/showcase.stories.tsx
index f18b5106a9..1912efc9a5 100644
--- a/packages/react/stories/showcase.stories.tsx
+++ b/packages/react/stories/showcase.stories.tsx
@@ -428,7 +428,7 @@ export const Showcase: StoryFn = () => {
         >
           Ofte stillte spørsmål
         </Heading>
-        <Accordion
+        <Accordion.Root
           color='brand3'
           border
         >
@@ -464,7 +464,7 @@ export const Showcase: StoryFn = () => {
               registrene samtidig i Samordnet registermelding.
             </Accordion.Content>
           </Accordion.Item>
-        </Accordion>
+        </Accordion.Root>
       </div>
     </div>
   );