From 8c9b2e268a76653798080e2b57fc0f694d778708 Mon Sep 17 00:00:00 2001
From: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
Date: Fri, 29 Nov 2024 13:10:54 +0100
Subject: [PATCH] Adjust examples of Loader (#3418)

---
 aksel.nav.no/website/pages/eksempler/loader/interaction.tsx | 1 +
 aksel.nav.no/website/pages/eksempler/loader/inverted.tsx    | 1 +
 aksel.nav.no/website/pages/eksempler/loader/neutral.tsx     | 1 +
 aksel.nav.no/website/pages/eksempler/loader/size.tsx        | 2 +-
 aksel.nav.no/website/pages/eksempler/loader/transparent.tsx | 2 +-
 5 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/aksel.nav.no/website/pages/eksempler/loader/interaction.tsx b/aksel.nav.no/website/pages/eksempler/loader/interaction.tsx
index 3de30ec60d..112be3c84b 100644
--- a/aksel.nav.no/website/pages/eksempler/loader/interaction.tsx
+++ b/aksel.nav.no/website/pages/eksempler/loader/interaction.tsx
@@ -15,4 +15,5 @@ export const Demo = {
 
 export const args = {
   index: 1,
+  desc: "Interaction-varianten er ment for interaktive elementer.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx b/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
index e86897ea1b..cdb345cc18 100644
--- a/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
+++ b/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
@@ -10,4 +10,5 @@ export default withDsExample(Example, { background: "inverted" });
 
 export const args = {
   index: 2,
+  desc: "Inverted-varianten passer bedre på mørkere flater.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/loader/neutral.tsx b/aksel.nav.no/website/pages/eksempler/loader/neutral.tsx
index ce5170236e..fbf5312547 100644
--- a/aksel.nav.no/website/pages/eksempler/loader/neutral.tsx
+++ b/aksel.nav.no/website/pages/eksempler/loader/neutral.tsx
@@ -15,4 +15,5 @@ export const Demo = {
 
 export const args = {
   index: 0,
+  desc: "Neutral-varianten blir ofte brukt for innholdslasting.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/loader/size.tsx b/aksel.nav.no/website/pages/eksempler/loader/size.tsx
index ece43a944a..19e8c94090 100644
--- a/aksel.nav.no/website/pages/eksempler/loader/size.tsx
+++ b/aksel.nav.no/website/pages/eksempler/loader/size.tsx
@@ -3,7 +3,7 @@ import { withDsExample } from "@/web/examples/withDsExample";
 
 const Example = () => {
   return (
-    <HStack gap="18">
+    <HStack gap="16">
       <Loader size="3xlarge" title="Venter..." />
       <Loader size="2xlarge" title="Venter..." />
       <Loader size="xlarge" title="Venter..." />
diff --git a/aksel.nav.no/website/pages/eksempler/loader/transparent.tsx b/aksel.nav.no/website/pages/eksempler/loader/transparent.tsx
index c74f87edb0..51a1b4fc07 100644
--- a/aksel.nav.no/website/pages/eksempler/loader/transparent.tsx
+++ b/aksel.nav.no/website/pages/eksempler/loader/transparent.tsx
@@ -10,5 +10,5 @@ export default withDsExample(Example);
 
 export const args = {
   index: 3,
-  desc: "Prop-en 'transparent' fjerner bakgrunnselementet på Loader.",
+  desc: "Prop-en `transparent` skjuler bakgrunnselementet på Loader.",
 };