From 3d3e9076088c5e72ed89fb97109b75dcf6e09d96 Mon Sep 17 00:00:00 2001
From: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
Date: Tue, 17 Oct 2023 09:13:39 +0200
Subject: [PATCH 01/14] =?UTF-8?q?Ny=20spacing=20token=20p=C3=A5=200.375rem?=
 =?UTF-8?q?=20(#2370)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/silent-impalas-laugh.md            |  6 ++
 @navikt/core/css/chips.css                    |  4 +-
 @navikt/core/css/copybutton.css               |  2 +-
 @navikt/core/css/form/radio-checkbox.css      |  6 +-
 @navikt/core/css/form/select.css              |  2 +-
 @navikt/core/css/form/textarea.css            |  2 +-
 @navikt/core/css/pagination.css               |  3 +-
 @navikt/core/css/tabs.css                     |  4 +-
 @navikt/core/css/tag.css                      |  2 +-
 .../core/react/src/chips/chips.stories.tsx    | 28 +++++----
 .../src/form/stories/textarea.stories.tsx     | 58 +++++++------------
 .../core/react/src/layout/utilities/css.ts    |  1 +
 @navikt/core/tokens/docs.json                 |  1 +
 @navikt/core/tokens/src/spacing.json          |  3 +
 .../core/tokens/stories/spacing.stories.tsx   | 19 ++----
 15 files changed, 62 insertions(+), 79 deletions(-)
 create mode 100644 .changeset/silent-impalas-laugh.md

diff --git a/.changeset/silent-impalas-laugh.md b/.changeset/silent-impalas-laugh.md
new file mode 100644
index 0000000000..09eae255a9
--- /dev/null
+++ b/.changeset/silent-impalas-laugh.md
@@ -0,0 +1,6 @@
+---
+"@navikt/ds-tokens": patch
+"@navikt/ds-css": patch
+---
+
+Ny spacing token på 0.375rem
diff --git a/@navikt/core/css/chips.css b/@navikt/core/css/chips.css
index b3a7142c8e..51b98098e7 100644
--- a/@navikt/core/css/chips.css
+++ b/@navikt/core/css/chips.css
@@ -160,11 +160,11 @@
 }
 
 .navds-chips--icon-left {
-  padding-left: 0.375rem;
+  padding-left: var(--a-spacing-1-alt);
 }
 
 .navds-chips--icon-right {
-  padding-right: 0.375rem;
+  padding-right: var(--a-spacing-1-alt);
 }
 
 .navds-chips--small .navds-chips--icon-right {
diff --git a/@navikt/core/css/copybutton.css b/@navikt/core/css/copybutton.css
index 9a88188fda..03ca04c1ad 100644
--- a/@navikt/core/css/copybutton.css
+++ b/@navikt/core/css/copybutton.css
@@ -175,7 +175,7 @@
 }
 
 .navds-copybutton--small > .navds-copybutton__content {
-  gap: 0.375rem;
+  gap: var(--a-spacing-1-alt);
 }
 
 .navds-copybutton--xsmall > .navds-copybutton__content {
diff --git a/@navikt/core/css/form/radio-checkbox.css b/@navikt/core/css/form/radio-checkbox.css
index 957b17f317..e95b21259d 100644
--- a/@navikt/core/css/form/radio-checkbox.css
+++ b/@navikt/core/css/form/radio-checkbox.css
@@ -59,7 +59,7 @@
 
 .navds-checkbox--small > .navds-checkbox__label,
 .navds-radio--small > .navds-radio__label {
-  padding: 0.375rem 0;
+  padding: var(--a-spacing-1-alt) 0;
 }
 
 .navds-checkbox--small > .navds-checkbox__label::before,
@@ -101,7 +101,7 @@
   content: "";
   position: absolute;
   top: 50%;
-  transform: translate(0.375rem, -50%);
+  transform: translate(var(--a-spacing-1-alt), -50%);
   background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
   width: 0.75rem;
   height: 0.25rem;
@@ -126,7 +126,7 @@
   color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
   position: absolute;
   height: 1.5rem;
-  transform: translate(0.375rem);
+  transform: translate(var(--a-spacing-1-alt));
   pointer-events: none;
 }
 
diff --git a/@navikt/core/css/form/select.css b/@navikt/core/css/form/select.css
index 834c8d3c99..429e4eb727 100644
--- a/@navikt/core/css/form/select.css
+++ b/@navikt/core/css/form/select.css
@@ -51,7 +51,7 @@
 }
 
 .navds-form-field--small .navds-select__chevron {
-  right: 0.375rem;
+  right: var(--a-spacing-1-alt);
 }
 
 /**
diff --git a/@navikt/core/css/form/textarea.css b/@navikt/core/css/form/textarea.css
index a613808518..7e0b8761e6 100644
--- a/@navikt/core/css/form/textarea.css
+++ b/@navikt/core/css/form/textarea.css
@@ -62,7 +62,7 @@
 }
 
 .navds-form-field--small .navds-textarea__input {
-  padding: 0.375rem;
+  padding: var(--a-spacing-1-alt);
 }
 
 .navds-form-field--small .navds-textarea--counter.navds-textarea__input {
diff --git a/@navikt/core/css/pagination.css b/@navikt/core/css/pagination.css
index e540f2c48a..dc1317f684 100644
--- a/@navikt/core/css/pagination.css
+++ b/@navikt/core/css/pagination.css
@@ -52,8 +52,7 @@
 }
 
 .navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
+  padding-inline: var(--a-spacing-1-alt);
 }
 
 .navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
diff --git a/@navikt/core/css/tabs.css b/@navikt/core/css/tabs.css
index 97aa9492bd..9aac4d0ce8 100644
--- a/@navikt/core/css/tabs.css
+++ b/@navikt/core/css/tabs.css
@@ -37,7 +37,7 @@
 }
 
 .navds-tabs--small .navds-tabs__scroll-button {
-  padding: 0.375rem var(--a-spacing-4);
+  padding: var(--a-spacing-1-alt) var(--a-spacing-4);
   width: 2rem;
 }
 
@@ -93,7 +93,7 @@
 
 .navds-tabs__tab--small {
   min-height: 2rem;
-  padding: 0.375rem var(--a-spacing-4);
+  padding: var(--a-spacing-1-alt) var(--a-spacing-4);
 }
 
 .navds-tabs__tab-icon--top,
diff --git a/@navikt/core/css/tag.css b/@navikt/core/css/tag.css
index 3854e74d8f..4a843f8135 100644
--- a/@navikt/core/css/tag.css
+++ b/@navikt/core/css/tag.css
@@ -11,7 +11,7 @@
 
 .navds-tag--small {
   min-height: 1.5rem;
-  padding: 0 0.375rem;
+  padding: 0 var(--a-spacing-1-alt);
 }
 
 .navds-tag--xsmall {
diff --git a/@navikt/core/react/src/chips/chips.stories.tsx b/@navikt/core/react/src/chips/chips.stories.tsx
index a2e5dac6d7..4ce53cffbd 100644
--- a/@navikt/core/react/src/chips/chips.stories.tsx
+++ b/@navikt/core/react/src/chips/chips.stories.tsx
@@ -1,24 +1,12 @@
+import { Meta } from "@storybook/react";
 import React, { useState } from "react";
 import { Chips } from ".";
 
-export default {
+const meta: Meta<typeof Chips> = {
   title: "ds-react/Chips",
   component: Chips,
-  argTypes: {
-    type: {
-      control: {
-        type: "radio",
-        options: ["toggle", "removable"],
-      },
-    },
-    size: {
-      control: {
-        type: "radio",
-        options: ["medium", "small"],
-      },
-    },
-  },
 };
+export default meta;
 
 const options = ["Norsk", "Dansk", "Svensk", "Tysk", "Spansk"];
 
@@ -61,6 +49,16 @@ export const Default = (props) => {
     </Chips>
   );
 };
+Default.argTypes = {
+  type: {
+    control: { type: "radio" },
+    options: ["toggle", "removable"],
+  },
+  size: {
+    control: { type: "radio" },
+    options: ["medium", "small"],
+  },
+};
 
 export const Toggle = () => {
   const [selected, setSelected] = useState<number[]>([2, 4]);
diff --git a/@navikt/core/react/src/form/stories/textarea.stories.tsx b/@navikt/core/react/src/form/stories/textarea.stories.tsx
index 1cd7a84332..9e848e64b2 100644
--- a/@navikt/core/react/src/form/stories/textarea.stories.tsx
+++ b/@navikt/core/react/src/form/stories/textarea.stories.tsx
@@ -1,52 +1,36 @@
-import { Meta } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import React from "react";
 import { Textarea } from "../index";
-export default {
+
+const meta: Meta<typeof Textarea> = {
   title: "ds-react/Textarea",
   component: Textarea,
-  argTypes: {
-    size: {
-      control: {
-        type: "radio",
-        options: ["medium", "small"],
-      },
-    },
-    description: {
-      type: "string",
-    },
-    error: {
-      type: "string",
-    },
-    hideLabel: {
-      type: "boolean",
-    },
-    disabled: {
-      type: "boolean",
-    },
-    maxRows: {
-      type: "number",
-    },
-    minRows: {
-      type: "number",
-    },
-  },
-} as Meta;
+};
+export default meta;
 
-export const Default = {
+export const Default: StoryObj<typeof Textarea> = {
   render: (props) => {
-    return (
-      <Textarea
-        {...props}
-        maxLength={props?.maxLength ?? 100}
-        label="Ipsum enim quis culpa"
-      />
-    );
+    return <Textarea {...props} />;
   },
 
   args: {
     maxLength: 100,
+    label: "Ipsum enim quis culpa",
     resize: false,
   },
+
+  argTypes: {
+    size: {
+      control: { type: "radio" },
+      options: ["medium", "small"],
+    },
+    description: { type: "string" },
+    error: { type: "string" },
+    hideLabel: { type: "boolean" },
+    disabled: { type: "boolean" },
+    maxRows: { type: "number" },
+    minRows: { type: "number" },
+  },
 };
 
 export const Small = () => {
diff --git a/@navikt/core/react/src/layout/utilities/css.ts b/@navikt/core/react/src/layout/utilities/css.ts
index f8369192a8..63bf7e8c0e 100644
--- a/@navikt/core/react/src/layout/utilities/css.ts
+++ b/@navikt/core/react/src/layout/utilities/css.ts
@@ -4,6 +4,7 @@ export type SpacingScale =
   | "0"
   | "05"
   | "1"
+  | "1-alt"
   | "2"
   | "3"
   | "4"
diff --git a/@navikt/core/tokens/docs.json b/@navikt/core/tokens/docs.json
index f15caf570b..1ffd22b29f 100644
--- a/@navikt/core/tokens/docs.json
+++ b/@navikt/core/tokens/docs.json
@@ -508,6 +508,7 @@
     { "name": "--a-spacing-0", "value": "0" },
     { "name": "--a-spacing-05", "value": "0.125rem" },
     { "name": "--a-spacing-1", "value": "0.25rem" },
+    { "name": "--a-spacing-1-alt", "value": "0.375rem" },
     { "name": "--a-spacing-2", "value": "0.5rem" },
     { "name": "--a-spacing-3", "value": "0.75rem" },
     { "name": "--a-spacing-4", "value": "1rem" },
diff --git a/@navikt/core/tokens/src/spacing.json b/@navikt/core/tokens/src/spacing.json
index e885dbc91f..2d3ed6dea1 100644
--- a/@navikt/core/tokens/src/spacing.json
+++ b/@navikt/core/tokens/src/spacing.json
@@ -10,6 +10,9 @@
       "1": {
         "value": "0.25rem"
       },
+      "1-alt": {
+        "value": "0.375rem"
+      },
       "2": {
         "value": "0.5rem"
       },
diff --git a/@navikt/core/tokens/stories/spacing.stories.tsx b/@navikt/core/tokens/stories/spacing.stories.tsx
index bfd2b94e50..b0549b8845 100644
--- a/@navikt/core/tokens/stories/spacing.stories.tsx
+++ b/@navikt/core/tokens/stories/spacing.stories.tsx
@@ -1,7 +1,7 @@
-import React from "react";
+import { Tooltip } from "@navikt/ds-react";
 import { Meta } from "@storybook/react";
+import React from "react";
 import * as tokens from "../dist/tokens.js";
-import { Tooltip } from "@navikt/ds-react";
 
 export default {
   title: "ds-tokens/Spacing",
@@ -14,24 +14,15 @@ export const Spacing = () => {
     {}
   );
 
-  const sortObject = Object.fromEntries(
-    Object.entries(allSpacing).sort((a, b) => {
-      if (a[0].endsWith("05"))
-        return 0.5 - Number(b[0].replace("ASpacing", ""));
-      if (b[0].endsWith("05"))
-        return Number(a[0].replace("ASpacing", "")) - 0.5;
-      return (
-        Number(a[0].replace("ASpacing", "")) -
-        Number(b[0].replace("ASpacing", ""))
-      );
-    })
+  const sorted = Object.entries(allSpacing).sort(
+    (a, b) => Number(a[1].replace("rem", "")) - Number(b[1].replace("rem", ""))
   );
 
   const fontSize = 16;
 
   return (
     <div className="colgap">
-      {Object.entries(sortObject).map(([key, val]) => (
+      {sorted.map(([key, val]) => (
         <div
           key={key}
           style={{

From 3a3a53f823827893d24cc28dfc7d4235a5dbdea8 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Tue, 17 Oct 2023 13:09:02 +0200
Subject: [PATCH 02/14] [Aksel.nav.no] Nextjs logging av getStaticProps (#2384)

* :art: Caching in dev

* :art: Logging getstaticprops

* :bug: Endret tilbake til gammel caching

* Update aksel.nav.no/website/pages/komponenter/index.tsx

Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>

---------

Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
---
 .../website/pages/grunnleggende/index.tsx     |   6 +
 .../website/pages/komponenter/index.tsx       |   8 +-
 yarn.lock                                     | 292 +++++++++---------
 3 files changed, 159 insertions(+), 147 deletions(-)

diff --git a/aksel.nav.no/website/pages/grunnleggende/index.tsx b/aksel.nav.no/website/pages/grunnleggende/index.tsx
index e9881b5a75..a042e7ea81 100644
--- a/aksel.nav.no/website/pages/grunnleggende/index.tsx
+++ b/aksel.nav.no/website/pages/grunnleggende/index.tsx
@@ -14,6 +14,7 @@ import Footer from "components/layout/footer/Footer";
 import { Header } from "components/layout/header/Header";
 import ComponentOverview from "components/sanity-modules/ComponentOverview";
 import { SEO } from "components/website-modules/seo/SEO";
+import { logger } from "logger";
 import { GetStaticProps } from "next/types";
 import { Suspense, lazy } from "react";
 import { grunnleggendeKategorier } from "../../sanity/config";
@@ -35,6 +36,11 @@ export const getStaticProps: GetStaticProps = async ({
     type: "ds_artikkel",
   });
 
+  logger.info(
+    { sidebar: !!sidebar, page: !!page, links: !!links },
+    "getStaticProps in /grunnleggende"
+  );
+
   return {
     props: {
       page,
diff --git a/aksel.nav.no/website/pages/komponenter/index.tsx b/aksel.nav.no/website/pages/komponenter/index.tsx
index ff41e51f05..832651603c 100644
--- a/aksel.nav.no/website/pages/komponenter/index.tsx
+++ b/aksel.nav.no/website/pages/komponenter/index.tsx
@@ -24,9 +24,10 @@ import { Header } from "components/layout/header/Header";
 import ComponentOverview from "components/sanity-modules/ComponentOverview";
 import { IntroCards } from "components/website-modules/IntroCards";
 import { SEO } from "components/website-modules/seo/SEO";
+import { logger } from "logger";
+import { GetStaticProps } from "next/types";
 import { Suspense, lazy } from "react";
 import { komponentKategorier } from "../../sanity/config";
-import { GetStaticProps } from "next/types";
 
 type PageProps = NextPageT<{
   page: AkselLandingPageDocT;
@@ -47,6 +48,11 @@ export const getStaticProps: GetStaticProps = async ({
     type: "komponent_artikkel",
   });
 
+  logger.info(
+    { sidebar: !!sidebar, page: !!page, links: !!links },
+    "getStaticProps in /komponenter"
+  );
+
   return {
     props: {
       page,
diff --git a/yarn.lock b/yarn.lock
index b8d77b7f54..6f9a298626 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2428,9 +2428,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/android-arm64@npm:0.19.4"
+"@esbuild/android-arm64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/android-arm64@npm:0.19.5"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
@@ -2442,9 +2442,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/android-arm@npm:0.19.4"
+"@esbuild/android-arm@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/android-arm@npm:0.19.5"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
@@ -2456,9 +2456,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/android-x64@npm:0.19.4"
+"@esbuild/android-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/android-x64@npm:0.19.5"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
@@ -2470,9 +2470,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/darwin-arm64@npm:0.19.4"
+"@esbuild/darwin-arm64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/darwin-arm64@npm:0.19.5"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -2484,9 +2484,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/darwin-x64@npm:0.19.4"
+"@esbuild/darwin-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/darwin-x64@npm:0.19.5"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -2498,9 +2498,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/freebsd-arm64@npm:0.19.4"
+"@esbuild/freebsd-arm64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/freebsd-arm64@npm:0.19.5"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
@@ -2512,9 +2512,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/freebsd-x64@npm:0.19.4"
+"@esbuild/freebsd-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/freebsd-x64@npm:0.19.5"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
@@ -2526,9 +2526,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-arm64@npm:0.19.4"
+"@esbuild/linux-arm64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-arm64@npm:0.19.5"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
@@ -2540,9 +2540,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-arm@npm:0.19.4"
+"@esbuild/linux-arm@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-arm@npm:0.19.5"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
@@ -2554,9 +2554,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-ia32@npm:0.19.4"
+"@esbuild/linux-ia32@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-ia32@npm:0.19.5"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
@@ -2568,9 +2568,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-loong64@npm:0.19.4"
+"@esbuild/linux-loong64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-loong64@npm:0.19.5"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
@@ -2582,9 +2582,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-mips64el@npm:0.19.4"
+"@esbuild/linux-mips64el@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-mips64el@npm:0.19.5"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
@@ -2596,9 +2596,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-ppc64@npm:0.19.4"
+"@esbuild/linux-ppc64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-ppc64@npm:0.19.5"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
@@ -2610,9 +2610,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-riscv64@npm:0.19.4"
+"@esbuild/linux-riscv64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-riscv64@npm:0.19.5"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
@@ -2624,9 +2624,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-s390x@npm:0.19.4"
+"@esbuild/linux-s390x@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-s390x@npm:0.19.5"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
@@ -2638,9 +2638,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/linux-x64@npm:0.19.4"
+"@esbuild/linux-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/linux-x64@npm:0.19.5"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
@@ -2652,9 +2652,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/netbsd-x64@npm:0.19.4"
+"@esbuild/netbsd-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/netbsd-x64@npm:0.19.5"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -2666,9 +2666,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/openbsd-x64@npm:0.19.4"
+"@esbuild/openbsd-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/openbsd-x64@npm:0.19.5"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -2680,9 +2680,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/sunos-x64@npm:0.19.4"
+"@esbuild/sunos-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/sunos-x64@npm:0.19.5"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
@@ -2694,9 +2694,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/win32-arm64@npm:0.19.4"
+"@esbuild/win32-arm64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/win32-arm64@npm:0.19.5"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -2708,9 +2708,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/win32-ia32@npm:0.19.4"
+"@esbuild/win32-ia32@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/win32-ia32@npm:0.19.5"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -2722,9 +2722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.19.4":
-  version: 0.19.4
-  resolution: "@esbuild/win32-x64@npm:0.19.4"
+"@esbuild/win32-x64@npm:0.19.5":
+  version: 0.19.5
+  resolution: "@esbuild/win32-x64@npm:0.19.5"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -7610,14 +7610,14 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/eslint-plugin@npm:^6.7.3":
-  version: 6.7.5
-  resolution: "@typescript-eslint/eslint-plugin@npm:6.7.5"
+  version: 6.8.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:6.8.0"
   dependencies:
     "@eslint-community/regexpp": ^4.5.1
-    "@typescript-eslint/scope-manager": 6.7.5
-    "@typescript-eslint/type-utils": 6.7.5
-    "@typescript-eslint/utils": 6.7.5
-    "@typescript-eslint/visitor-keys": 6.7.5
+    "@typescript-eslint/scope-manager": 6.8.0
+    "@typescript-eslint/type-utils": 6.8.0
+    "@typescript-eslint/utils": 6.8.0
+    "@typescript-eslint/visitor-keys": 6.8.0
     debug: ^4.3.4
     graphemer: ^1.4.0
     ignore: ^5.2.4
@@ -7630,25 +7630,25 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: c37edf5a703db4ff9227d67c2d2cf817e65c9afc94cc0e650fa3d2b05ac55201ef887ce9dadb9ca13779f4025bf4367e132b013e3559e777006a2332079bb180
+  checksum: c36ccf606ebcaff8263c4ffa3b4cda58c6f93474b9eea9906e51be2fef8596977a245cc13770b21c6bfd38ccf45a3cf3613d5f4499429f62ec80afe15ae345bd
   languageName: node
   linkType: hard
 
 "@typescript-eslint/parser@npm:^6.7.3":
-  version: 6.7.5
-  resolution: "@typescript-eslint/parser@npm:6.7.5"
+  version: 6.8.0
+  resolution: "@typescript-eslint/parser@npm:6.8.0"
   dependencies:
-    "@typescript-eslint/scope-manager": 6.7.5
-    "@typescript-eslint/types": 6.7.5
-    "@typescript-eslint/typescript-estree": 6.7.5
-    "@typescript-eslint/visitor-keys": 6.7.5
+    "@typescript-eslint/scope-manager": 6.8.0
+    "@typescript-eslint/types": 6.8.0
+    "@typescript-eslint/typescript-estree": 6.8.0
+    "@typescript-eslint/visitor-keys": 6.8.0
     debug: ^4.3.4
   peerDependencies:
     eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 63f988c1c87697bd20487933be952b97f7a5f2a9977f505af671c7d49367fc01ca508817576646caa937c15cc0a0ef1e86adff9111eb19df8b489e7436d10620
+  checksum: 10d7a3ae383fee5a5cba9541c72e23d6ab01cca6b414a62b44dacb5ebc15c80b80aa6c105b6469d3795f2f8514ae2499c069cd2d9dcac61f3db9ef6c7a75e080
   languageName: node
   linkType: hard
 
@@ -7662,22 +7662,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:6.7.5":
-  version: 6.7.5
-  resolution: "@typescript-eslint/scope-manager@npm:6.7.5"
+"@typescript-eslint/scope-manager@npm:6.8.0":
+  version: 6.8.0
+  resolution: "@typescript-eslint/scope-manager@npm:6.8.0"
   dependencies:
-    "@typescript-eslint/types": 6.7.5
-    "@typescript-eslint/visitor-keys": 6.7.5
-  checksum: f21858ed78f81ab2d9879139f69657fda2a7b901078f79df64d1262d80f84ef66c56525ed0bb5e393fa5ca5474ad97f2225b7f713977c2d0f79cda31b2744af9
+    "@typescript-eslint/types": 6.8.0
+    "@typescript-eslint/visitor-keys": 6.8.0
+  checksum: b6cf2803531d1c14b56c30fd3cd807b80e17fe48d0da8e5aa9ae50915407ed732c7e2a7ac8030b7cf8ed07b8e481a1138d76bf05b727837a0e016280c2f6873b
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:6.7.5":
-  version: 6.7.5
-  resolution: "@typescript-eslint/type-utils@npm:6.7.5"
+"@typescript-eslint/type-utils@npm:6.8.0":
+  version: 6.8.0
+  resolution: "@typescript-eslint/type-utils@npm:6.8.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": 6.7.5
-    "@typescript-eslint/utils": 6.7.5
+    "@typescript-eslint/typescript-estree": 6.8.0
+    "@typescript-eslint/utils": 6.8.0
     debug: ^4.3.4
     ts-api-utils: ^1.0.1
   peerDependencies:
@@ -7685,7 +7685,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 8023d8ddcfbf4a0411b192016711068e9e6787c5811aee3a25ac40025ade0d063a1a3d7b38469e1a534bb31fa9dbeec08ab53b7a6d7b3128358294ac5b219d9a
+  checksum: 9b7d56904dc1a5719ef79eb1b7989d6fad10c71fb07ec3e66cf69b8c8dc5383d644ab122d4701bc4960fb7c99cc08aee4e645db3e4675d488d5779197e15dfda
   languageName: node
   linkType: hard
 
@@ -7703,10 +7703,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:6.7.5":
-  version: 6.7.5
-  resolution: "@typescript-eslint/types@npm:6.7.5"
-  checksum: f21e5726b60f13feb3a920c92515fbc1205ba0e9bba9959b2e42c02c282a0ab4fb0e5ae84f3807b9b1cf95036027e9033d92a911fa88e6c243a87621d8dd7a01
+"@typescript-eslint/types@npm:6.8.0":
+  version: 6.8.0
+  resolution: "@typescript-eslint/types@npm:6.8.0"
+  checksum: 1fcd85f6d575116d51c6ee757ed37610ae5e7e4296a29f93c9c6949f6cd16d24550eb7fc5bae7a43119cc08e13836f69a7ae7c54ebba6c95aef96b34d3bfb7f7
   languageName: node
   linkType: hard
 
@@ -7746,12 +7746,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:6.7.5":
-  version: 6.7.5
-  resolution: "@typescript-eslint/typescript-estree@npm:6.7.5"
+"@typescript-eslint/typescript-estree@npm:6.8.0":
+  version: 6.8.0
+  resolution: "@typescript-eslint/typescript-estree@npm:6.8.0"
   dependencies:
-    "@typescript-eslint/types": 6.7.5
-    "@typescript-eslint/visitor-keys": 6.7.5
+    "@typescript-eslint/types": 6.8.0
+    "@typescript-eslint/visitor-keys": 6.8.0
     debug: ^4.3.4
     globby: ^11.1.0
     is-glob: ^4.0.3
@@ -7760,24 +7760,24 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 17685e8321edce1d1ec4278d84e63c0f41ccb19e9308f21c37450943ad0c33328755ac52b966e7855af17e01d22bc83d1fcda79c279fabe7d3460c8f315a7265
+  checksum: 388db7f33ef1bc0e7b960c0bce9c744c2e32c66c7ab8dfae73d8533958202ad6f31663b0010f79c45b5ff93159c67f45b00693d73b9da2472b17156dfd26b4a8
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:6.7.5":
-  version: 6.7.5
-  resolution: "@typescript-eslint/utils@npm:6.7.5"
+"@typescript-eslint/utils@npm:6.8.0":
+  version: 6.8.0
+  resolution: "@typescript-eslint/utils@npm:6.8.0"
   dependencies:
     "@eslint-community/eslint-utils": ^4.4.0
     "@types/json-schema": ^7.0.12
     "@types/semver": ^7.5.0
-    "@typescript-eslint/scope-manager": 6.7.5
-    "@typescript-eslint/types": 6.7.5
-    "@typescript-eslint/typescript-estree": 6.7.5
+    "@typescript-eslint/scope-manager": 6.8.0
+    "@typescript-eslint/types": 6.8.0
+    "@typescript-eslint/typescript-estree": 6.8.0
     semver: ^7.5.4
   peerDependencies:
     eslint: ^7.0.0 || ^8.0.0
-  checksum: f365c654241f927e7784640079627d60a296aa3d575552b07594a69cfc419832eb5fa4adc87acb1988bea9741ae9cc4a5277dab168990310caef5de125255752
+  checksum: 6d9f90db504502a9aa10e834830c3ffa25483757414670acc6141a3ebef9171a57688a3a179febf35a0e1e0b322f37228d9537bf1b279f1af7fc97888b873bc3
   languageName: node
   linkType: hard
 
@@ -7819,13 +7819,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:6.7.5":
-  version: 6.7.5
-  resolution: "@typescript-eslint/visitor-keys@npm:6.7.5"
+"@typescript-eslint/visitor-keys@npm:6.8.0":
+  version: 6.8.0
+  resolution: "@typescript-eslint/visitor-keys@npm:6.8.0"
   dependencies:
-    "@typescript-eslint/types": 6.7.5
+    "@typescript-eslint/types": 6.8.0
     eslint-visitor-keys: ^3.4.1
-  checksum: 2df996742f63d89fa339b0e8ff3a3a289d36b3f584f7538a7626bed3869e9ae27f8f56ab31748519d25a63de2ae22a43dd8413610b00436ff342b0a17eb85289
+  checksum: 710d9067b85d7715a400ae625c083c41733abb891d7b35108de083913980f9642e79d27689599fa39915f0fecae16dbfc30367007fccc838ccd917943660de22
   languageName: node
   linkType: hard
 
@@ -12315,9 +12315,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.4.535":
-  version: 1.4.554
-  resolution: "electron-to-chromium@npm:1.4.554"
-  checksum: cbac43c50b43777327f4a7bf149ee3088c1da8b91bbcd80f78d2cc77bc52763f6d0941574499239d9caefd3430d3093f865e5f1093371418f7d6b70301eeae9b
+  version: 1.4.556
+  resolution: "electron-to-chromium@npm:1.4.556"
+  checksum: 8c9aa48776d80c23d8709dcd4342f1b18ca5b63bdb233fb6913f0db7b382d69afa84d5f08ead84bde6378a6a7ab3d1127f7cb6f4d0642fa625e96de6559dc1d7
   languageName: node
   linkType: hard
 
@@ -12732,31 +12732,31 @@ __metadata:
   linkType: hard
 
 "esbuild@npm:^0.19.0":
-  version: 0.19.4
-  resolution: "esbuild@npm:0.19.4"
-  dependencies:
-    "@esbuild/android-arm": 0.19.4
-    "@esbuild/android-arm64": 0.19.4
-    "@esbuild/android-x64": 0.19.4
-    "@esbuild/darwin-arm64": 0.19.4
-    "@esbuild/darwin-x64": 0.19.4
-    "@esbuild/freebsd-arm64": 0.19.4
-    "@esbuild/freebsd-x64": 0.19.4
-    "@esbuild/linux-arm": 0.19.4
-    "@esbuild/linux-arm64": 0.19.4
-    "@esbuild/linux-ia32": 0.19.4
-    "@esbuild/linux-loong64": 0.19.4
-    "@esbuild/linux-mips64el": 0.19.4
-    "@esbuild/linux-ppc64": 0.19.4
-    "@esbuild/linux-riscv64": 0.19.4
-    "@esbuild/linux-s390x": 0.19.4
-    "@esbuild/linux-x64": 0.19.4
-    "@esbuild/netbsd-x64": 0.19.4
-    "@esbuild/openbsd-x64": 0.19.4
-    "@esbuild/sunos-x64": 0.19.4
-    "@esbuild/win32-arm64": 0.19.4
-    "@esbuild/win32-ia32": 0.19.4
-    "@esbuild/win32-x64": 0.19.4
+  version: 0.19.5
+  resolution: "esbuild@npm:0.19.5"
+  dependencies:
+    "@esbuild/android-arm": 0.19.5
+    "@esbuild/android-arm64": 0.19.5
+    "@esbuild/android-x64": 0.19.5
+    "@esbuild/darwin-arm64": 0.19.5
+    "@esbuild/darwin-x64": 0.19.5
+    "@esbuild/freebsd-arm64": 0.19.5
+    "@esbuild/freebsd-x64": 0.19.5
+    "@esbuild/linux-arm": 0.19.5
+    "@esbuild/linux-arm64": 0.19.5
+    "@esbuild/linux-ia32": 0.19.5
+    "@esbuild/linux-loong64": 0.19.5
+    "@esbuild/linux-mips64el": 0.19.5
+    "@esbuild/linux-ppc64": 0.19.5
+    "@esbuild/linux-riscv64": 0.19.5
+    "@esbuild/linux-s390x": 0.19.5
+    "@esbuild/linux-x64": 0.19.5
+    "@esbuild/netbsd-x64": 0.19.5
+    "@esbuild/openbsd-x64": 0.19.5
+    "@esbuild/sunos-x64": 0.19.5
+    "@esbuild/win32-arm64": 0.19.5
+    "@esbuild/win32-ia32": 0.19.5
+    "@esbuild/win32-x64": 0.19.5
   dependenciesMeta:
     "@esbuild/android-arm":
       optional: true
@@ -12804,7 +12804,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 024309a16365b020815a30e9a3a9354894a391cf1adbfad7f44a975cf161ab5e961619b30e1ec8ea02994631d71e6b38831119be69f8ccb610c32bbe21addc79
+  checksum: 5a0227cf6ffffa3076714d88230af1dfdd2fc363d91bd712a81fb91230c315a395e2c9b7588eee62986aeebf4999804b9b1b59eeab8e2457184eb0056bfe20c8
   languageName: node
   linkType: hard
 
@@ -19008,11 +19008,11 @@ __metadata:
   linkType: hard
 
 "node-abi@npm:^3.3.0":
-  version: 3.50.0
-  resolution: "node-abi@npm:3.50.0"
+  version: 3.51.0
+  resolution: "node-abi@npm:3.51.0"
   dependencies:
     semver: ^7.3.5
-  checksum: d86b659bdc0c1ce095613352c496de43d231eec863e8fe178fa90f831920c7fef7bcf6dca3affb3e963aa124f5a9363950d6d89f37f18aef48e0ffa2051e19da
+  checksum: 3fabc9d58f0478767157560249f79c4a9e95082b96700cd8cc470f517bd566dbab82a37c862db3f78d3187be9f19f5cd9822b6f1b7ac7a3254fa70c3e3b38a83
   languageName: node
   linkType: hard
 

From d8a4097c82ceee95bd216b36e1dc8eb99e75d7ee Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Tue, 17 Oct 2023 14:55:53 +0200
Subject: [PATCH 03/14] =?UTF-8?q?:lipstick:=20Endring=20av=20tekstfarge=20?=
 =?UTF-8?q?endrer=20ogs=C3=A5=20chevron=20n=C3=A5=20(#2383)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/strong-laws-approve.md | 5 +++++
 @navikt/core/css/form/select.css  | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/strong-laws-approve.md

diff --git a/.changeset/strong-laws-approve.md b/.changeset/strong-laws-approve.md
new file mode 100644
index 0000000000..3b034b7515
--- /dev/null
+++ b/.changeset/strong-laws-approve.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-css": patch
+---
+
+Select: Tokenstøtte for å endre chevronfarge sammen med tekst
diff --git a/@navikt/core/css/form/select.css b/@navikt/core/css/form/select.css
index 429e4eb727..1e8a65a5ba 100644
--- a/@navikt/core/css/form/select.css
+++ b/@navikt/core/css/form/select.css
@@ -43,6 +43,7 @@
   right: var(--a-spacing-2);
   pointer-events: none;
   align-self: center;
+  color: var(--ac-select-text, var(--a-text-default));
 }
 
 .navds-form-field--small .navds-select__input {

From ec205fbc5fe63c1a43355e8404ffd044bb80d092 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20S=2E=20M=C3=BCller?=
 <85442404+Mathiamu@users.noreply.github.com>
Date: Tue, 17 Oct 2023 15:11:41 +0200
Subject: [PATCH 04/14] =?UTF-8?q?=F0=9F=90=9B=20Fiks=20skrivefeil=20p?=
 =?UTF-8?q?=C3=A5=20size-klasse=20p=C3=A5=20form-komponenter=20(#2372)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fiks skrivefeil på size-klasse på select-komponent

* Fiks skrivefeil på size-klasse på form-komponenter

* :memo: changeset

---------

Co-authored-by: Ken <ken.aleksander@gmail.com>
---
 .changeset/chilly-pigs-lay.md                        | 5 +++++
 @navikt/core/react/src/form/Select.tsx               | 2 +-
 @navikt/core/react/src/form/TextField.tsx            | 2 +-
 @navikt/core/react/src/form/Textarea.tsx             | 2 +-
 @navikt/core/react/src/form/combobox/Input/Input.tsx | 2 +-
 @navikt/core/react/src/form/search/Search.tsx        | 2 +-
 6 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/chilly-pigs-lay.md

diff --git a/.changeset/chilly-pigs-lay.md b/.changeset/chilly-pigs-lay.md
new file mode 100644
index 0000000000..ac12166a0e
--- /dev/null
+++ b/.changeset/chilly-pigs-lay.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": patch
+---
+
+Forms: Fikset bug der size='small' ikke oppdaterte typografi.
diff --git a/@navikt/core/react/src/form/Select.tsx b/@navikt/core/react/src/form/Select.tsx
index b3bcc21733..d5e71c9e45 100644
--- a/@navikt/core/react/src/form/Select.tsx
+++ b/@navikt/core/react/src/form/Select.tsx
@@ -136,7 +136,7 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>(
             className={cl(
               "navds-select__input",
               "navds-body-short",
-              `navds-body--${size ?? "medium"}`
+              `navds-body-short--${size ?? "medium"}`
             )}
             size={htmlSize}
           >
diff --git a/@navikt/core/react/src/form/TextField.tsx b/@navikt/core/react/src/form/TextField.tsx
index 3be335c850..676c00636b 100644
--- a/@navikt/core/react/src/form/TextField.tsx
+++ b/@navikt/core/react/src/form/TextField.tsx
@@ -116,7 +116,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           className={cl(
             "navds-text-field__input",
             "navds-body-short",
-            `navds-body-${size ?? "medium"}`
+            `navds-body-short--${size ?? "medium"}`
           )}
           size={htmlSize}
         />
diff --git a/@navikt/core/react/src/form/Textarea.tsx b/@navikt/core/react/src/form/Textarea.tsx
index c4fc768aee..a6988151d7 100644
--- a/@navikt/core/react/src/form/Textarea.tsx
+++ b/@navikt/core/react/src/form/Textarea.tsx
@@ -162,7 +162,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
             className={cl(
               "navds-textarea__input",
               "navds-body-short",
-              `navds-body-${size ?? "medium"}`,
+              `navds-body-short--${size ?? "medium"}`,
               {
                 "navds-textarea--counter": hasMaxLength,
               }
diff --git a/@navikt/core/react/src/form/combobox/Input/Input.tsx b/@navikt/core/react/src/form/combobox/Input/Input.tsx
index 0f69c24c6e..4a8639567a 100644
--- a/@navikt/core/react/src/form/combobox/Input/Input.tsx
+++ b/@navikt/core/react/src/form/combobox/Input/Input.tsx
@@ -176,7 +176,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
           inputClassName,
           "navds-combobox__input",
           "navds-body-short",
-          `navds-body-${size}`
+          `navds-body-short--${size}`
         )}
       />
     );
diff --git a/@navikt/core/react/src/form/search/Search.tsx b/@navikt/core/react/src/form/search/Search.tsx
index 64132b3038..03d1b6d254 100644
--- a/@navikt/core/react/src/form/search/Search.tsx
+++ b/@navikt/core/react/src/form/search/Search.tsx
@@ -212,7 +212,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(
                 `navds-search__input--${variant}`,
                 "navds-text-field__input",
                 "navds-body-short",
-                `navds-body-${size}`
+                `navds-body-short--${size}`
               )}
               {...(htmlSize ? { size: Number(htmlSize) } : {})}
             />

From 3e54bd4f438e55b69841373150b18b2f1ce7d11b Mon Sep 17 00:00:00 2001
From: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
Date: Tue, 17 Oct 2023 16:05:22 +0200
Subject: [PATCH 05/14] Ny eslint-regel no-shadow (#2377)

---
 .eslintrc.js                                  |  1 +
 .../rules/aksel-design-token-exists/index.ts  | 10 ++--
 @navikt/aksel-stylelint/src/utils.ts          | 15 ++----
 @navikt/aksel/src/codemod/migrations.ts       |  4 +-
 .../v1.0.0/pagination/pagination.ts           | 10 ++--
 .../update-js-tokens/update-js-tokens.ts      | 10 ++--
 .../react/src/date/datepicker/DatePicker.tsx  | 12 ++---
 .../date/datepicker/DatePickerStandalone.tsx  |  8 +--
 .../react/src/date/hooks/useDatepicker.tsx    |  9 ++--
 .../react/src/date/hooks/useMonthPicker.tsx   |  7 +--
 .../src/date/hooks/useRangeDatepicker.tsx     |  6 +--
 .../src/date/monthpicker/MonthCaption.tsx     | 18 +++----
 .../utils/__tests__/get-month-weeks.test.ts   | 17 +++---
 .../core/react/src/date/utils/navigation.ts   | 12 ++---
 .../src/form/combobox/Input/inputContext.tsx  |  8 +--
 .../selectedOptionsContext.tsx                | 10 ++--
 .../core/react/src/table/ExpandableRow.tsx    |  4 +-
 .../src/table/stories/table-async.stories.tsx |  8 +--
 .../stories/table-expandable.stories.tsx      | 52 +++++++++----------
 .../react/src/table/stories/table.stories.tsx |  8 +--
 @navikt/core/react/src/tabs/TabList.tsx       |  8 +--
 @navikt/core/react/src/timeline/Timeline.tsx  | 16 +++---
 .../src/timeline/hooks/useTimelineRows.ts     |  3 +-
 @navikt/core/react/src/util/omit.ts           |  4 +-
 .../layout/header/search/HitCollection.tsx    |  5 +-
 .../token-view/categories/Zindex.tsx          | 24 +++++----
 .../website-modules/ErrorBoundary.tsx         | 16 +++---
 .../components/website-modules/toc/useToc.ts  | 14 ++---
 .../combobox/multi-select-controlled.tsx      |  4 +-
 .../pages/eksempler/radio/controlled.tsx      |  6 +--
 .../pages/eksempler/table/sortable.tsx        | 24 ++++-----
 .../pages/god-praksis/artikler/index.tsx      |  4 +-
 aksel.nav.no/website/pages/index.tsx          | 11 ++--
 aksel.nav.no/website/scripts/changelog.ts     |  8 +--
 .../website/scripts/update-tokens.tsx         |  8 +--
 scripts/clean.js                              |  2 +-
 scripts/deno/createMainChangelog.ts           | 24 ++++-----
 37 files changed, 201 insertions(+), 209 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index e74d923c60..1ff46b63bb 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -39,6 +39,7 @@ module.exports = {
       files: ["**/*.ts?(x)"],
       extends: ["plugin:@typescript-eslint/recommended"],
       rules: {
+        "@typescript-eslint/no-shadow": ["error", { hoist: "all" }], // TODO: Consider { builtinGlobals: true }
         "@typescript-eslint/no-explicit-any": "off", // Temporary
       },
     },
diff --git a/@navikt/aksel-stylelint/src/rules/aksel-design-token-exists/index.ts b/@navikt/aksel-stylelint/src/rules/aksel-design-token-exists/index.ts
index dd2b8ce527..970b52e124 100644
--- a/@navikt/aksel-stylelint/src/rules/aksel-design-token-exists/index.ts
+++ b/@navikt/aksel-stylelint/src/rules/aksel-design-token-exists/index.ts
@@ -1,7 +1,7 @@
-import stylelint from "stylelint";
-import valueParser from "postcss-value-parser";
 import { readFileSync } from "node:fs";
 import { Node as PostCSSNode } from "postcss";
+import valueParser from "postcss-value-parser";
+import stylelint from "stylelint";
 
 import { isCustomProperty, tokenExists } from "../../utils";
 
@@ -34,7 +34,6 @@ export const messages = stylelint.utils.ruleMessages(ruleName, {
 });
 
 const checkDeclValue = (
-  controlledPrefixes: string[],
   value: string,
   postcssResult: stylelint.PostcssResult,
   rootNode: PostCSSNode
@@ -58,7 +57,6 @@ const checkDeclValue = (
 };
 
 const checkDeclProp = (
-  controlledPrefixes: string[],
   prop: string,
   postcssResult: stylelint.PostcssResult,
   rootNode: PostCSSNode
@@ -81,8 +79,8 @@ const checkDeclProp = (
 const ruleFunction: stylelint.Rule = () => {
   return (postcssRoot, postcssResult) => {
     postcssRoot.walkDecls((node) => {
-      checkDeclValue(controlledPrefixes, node.value, postcssResult, node);
-      checkDeclProp(controlledPrefixes, node.prop, postcssResult, node);
+      checkDeclValue(node.value, postcssResult, node);
+      checkDeclProp(node.prop, postcssResult, node);
     });
   };
 };
diff --git a/@navikt/aksel-stylelint/src/utils.ts b/@navikt/aksel-stylelint/src/utils.ts
index e39c67548c..67458e8a27 100644
--- a/@navikt/aksel-stylelint/src/utils.ts
+++ b/@navikt/aksel-stylelint/src/utils.ts
@@ -92,16 +92,6 @@ const tokenJsonFile = "./tokens.json";
 
 const allowedTokenNames = [];
 
-export const addTokens = (
-  tokenJSONFile: string,
-  allowedTokenNames: string[]
-) => {
-  const jsonFileBuffer = readFileSync(`${__dirname}/${tokenJSONFile}`);
-  const fileString = jsonFileBuffer.toString();
-  const flattened = flattenObject(JSON.parse(fileString));
-  flattened.forEach((token) => allowedTokenNames.push(token));
-};
-
 export const tokenExists = (
   controlledPrefixes: string[],
   inputToken: string
@@ -110,7 +100,6 @@ export const tokenExists = (
   if (!allowedTokenNames.length) {
     const cssFileBuffer = readFileSync(`${__dirname}/${tokenCSSFile}`);
     const cssFileString = cssFileBuffer.toString();
-
     valueParser(cssFileString).walk((node) => {
       if (
         node.type === "word" &&
@@ -121,7 +110,9 @@ export const tokenExists = (
       }
     });
 
-    addTokens(tokenJsonFile, allowedTokenNames);
+    const jsonFileBuffer = readFileSync(`${__dirname}/${tokenJsonFile}`);
+    const flattened = flattenObject(JSON.parse(jsonFileBuffer.toString()));
+    flattened.forEach((token) => allowedTokenNames.push(token));
   }
 
   return allowedTokenNames.includes(inputToken);
diff --git a/@navikt/aksel/src/codemod/migrations.ts b/@navikt/aksel/src/codemod/migrations.ts
index 50874dc1af..15eafd6519 100644
--- a/@navikt/aksel/src/codemod/migrations.ts
+++ b/@navikt/aksel/src/codemod/migrations.ts
@@ -111,9 +111,9 @@ export function getMigrationNames() {
 export function getMigrationString() {
   let str = "";
 
-  Object.entries(migrations).forEach(([version, migrations]) => {
+  Object.entries(migrations).forEach(([version, vMigrations]) => {
     str += `\n${chalk.underline(version)}\n`;
-    migrations.forEach((migration) => {
+    vMigrations.forEach((migration) => {
       str += `${chalk.blue(migration.value)}: ${migration.description}\n`;
     });
   });
diff --git a/@navikt/aksel/src/codemod/transforms/v1.0.0/pagination/pagination.ts b/@navikt/aksel/src/codemod/transforms/v1.0.0/pagination/pagination.ts
index bead84719b..3a63f7a26a 100644
--- a/@navikt/aksel/src/codemod/transforms/v1.0.0/pagination/pagination.ts
+++ b/@navikt/aksel/src/codemod/transforms/v1.0.0/pagination/pagination.ts
@@ -13,10 +13,10 @@ export default function transformer(file, api) {
   function addMigrationTag(node) {
     const attributes = node.openingElement.attributes;
     const isMigrated = attributes.find(
-      (node) =>
-        node.type === "JSXAttribute" &&
-        node.name.name === "data-version" &&
-        node.value.value === "v1"
+      (attr) =>
+        attr.type === "JSXAttribute" &&
+        attr.name.name === "data-version" &&
+        attr.value.value === "v1"
     );
 
     if (!isMigrated) {
@@ -30,7 +30,7 @@ export default function transformer(file, api) {
   function addExplicitStandardProp(node) {
     const attributes = node.openingElement.attributes;
     const variant = attributes.find(
-      (node) => node.type === "JSXAttribute" && node.name.name === "size"
+      (attr) => attr.type === "JSXAttribute" && attr.name.name === "size"
     );
 
     if (!variant) {
diff --git a/@navikt/aksel/src/codemod/transforms/v2.0.0/update-js-tokens/update-js-tokens.ts b/@navikt/aksel/src/codemod/transforms/v2.0.0/update-js-tokens/update-js-tokens.ts
index 9d020bc15e..bd038dca9a 100644
--- a/@navikt/aksel/src/codemod/transforms/v2.0.0/update-js-tokens/update-js-tokens.ts
+++ b/@navikt/aksel/src/codemod/transforms/v2.0.0/update-js-tokens/update-js-tokens.ts
@@ -1,12 +1,12 @@
 import type { JSCodeshift } from "jscodeshift";
+import { tokens } from "../../../tokens-map.mjs";
 import {
   getImportSpecifier,
   getImportSpecifierName,
   renameImportSpecifier,
 } from "../../../utils/imports";
-import { translateToken } from "../../../utils/translate-token";
-import { tokens } from "../../../tokens-map.mjs";
 import { getLineTerminator } from "../../../utils/lineterminator";
+import { translateToken } from "../../../utils/translate-token";
 
 /**
  * @param {import('jscodeshift').FileInfo} file
@@ -29,9 +29,9 @@ export default function transformer(file: JSCodeshift, api) {
     return src;
   }
 
-  tokens.forEach((x) => {
-    const name = translateToken(x[0], "js");
-    const out = translateToken(x[1], "js");
+  tokens.forEach((token) => {
+    const name = translateToken(token[0], "js");
+    const out = translateToken(token[1], "js");
 
     let foundName: string = "";
 
diff --git a/@navikt/core/react/src/date/datepicker/DatePicker.tsx b/@navikt/core/react/src/date/datepicker/DatePicker.tsx
index cce82ccd2c..04673fd7b4 100644
--- a/@navikt/core/react/src/date/datepicker/DatePicker.tsx
+++ b/@navikt/core/react/src/date/datepicker/DatePicker.tsx
@@ -97,17 +97,17 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
     const mode = rest.mode ?? ("single" as any);
 
     /**
-     * @param selected Date | Date[] | DateRange | undefined
+     * @param newSelected Date | Date[] | DateRange | undefined
      */
-    const handleSelect = (selected) => {
-      setSelectedDates(selected);
+    const handleSelect = (newSelected) => {
+      setSelectedDates(newSelected);
 
       if (rest.mode === "single") {
-        selected && (onClose?.() ?? setOpen(false));
+        newSelected && (onClose?.() ?? setOpen(false));
       } else if (rest.mode === "range") {
-        selected?.from && selected?.to && (onClose?.() ?? setOpen(false));
+        newSelected?.from && newSelected?.to && (onClose?.() ?? setOpen(false));
       }
-      rest?.onSelect?.(selected);
+      rest?.onSelect?.(newSelected);
     };
 
     return (
diff --git a/@navikt/core/react/src/date/datepicker/DatePickerStandalone.tsx b/@navikt/core/react/src/date/datepicker/DatePickerStandalone.tsx
index 1be16599c2..e458eea4c2 100644
--- a/@navikt/core/react/src/date/datepicker/DatePickerStandalone.tsx
+++ b/@navikt/core/react/src/date/datepicker/DatePickerStandalone.tsx
@@ -71,11 +71,11 @@ export const DatePickerStandalone: DatePickerStandaloneType = forwardRef<
     const mode = rest.mode ?? ("single" as any);
 
     /**
-     * @param selected Date | Date[] | DateRange | undefined
+     * @param newSelected Date | Date[] | DateRange | undefined
      */
-    const handleSelect = (selected) => {
-      setSelectedDates(selected);
-      onSelect?.(selected);
+    const handleSelect = (newSelected) => {
+      setSelectedDates(newSelected);
+      onSelect?.(newSelected);
     };
 
     return (
diff --git a/@navikt/core/react/src/date/hooks/useDatepicker.tsx b/@navikt/core/react/src/date/hooks/useDatepicker.tsx
index 3887776ff7..b2041499bc 100644
--- a/@navikt/core/react/src/date/hooks/useDatepicker.tsx
+++ b/@navikt/core/react/src/date/hooks/useDatepicker.tsx
@@ -164,9 +164,10 @@ export const useDatepicker = (
   const [inputValue, setInputValue] = useState(defaultInputValue);
 
   const handleOpen = useCallback(
-    (open: boolean) => {
-      setOpen(open);
-      open && setMonth(selectedDay ?? defaultSelected ?? defaultMonth ?? today);
+    (newOpen: boolean) => {
+      setOpen(newOpen);
+      newOpen &&
+        setMonth(selectedDay ?? defaultSelected ?? defaultMonth ?? today);
     },
     [defaultMonth, defaultSelected, selectedDay, today]
   );
@@ -310,7 +311,7 @@ export const useDatepicker = (
 
   const datepickerProps = {
     month,
-    onMonthChange: (month) => setMonth(month),
+    onMonthChange: setMonth,
     onDayClick: handleDayClick,
     selected: selectedDay ?? new Date("Invalid date"),
     locale: _locale,
diff --git a/@navikt/core/react/src/date/hooks/useMonthPicker.tsx b/@navikt/core/react/src/date/hooks/useMonthPicker.tsx
index fb69c0c3e6..39b74badc5 100644
--- a/@navikt/core/react/src/date/hooks/useMonthPicker.tsx
+++ b/@navikt/core/react/src/date/hooks/useMonthPicker.tsx
@@ -161,9 +161,10 @@ export const useMonthpicker = (
   const [inputValue, setInputValue] = useState(defaultInputValue);
 
   const handleOpen = useCallback(
-    (open: boolean) => {
-      setOpen(open);
-      open && setYear(selectedMonth ?? defaultSelected ?? defaultYear ?? today);
+    (newOpen: boolean) => {
+      setOpen(newOpen);
+      newOpen &&
+        setYear(selectedMonth ?? defaultSelected ?? defaultYear ?? today);
     },
     [defaultSelected, defaultYear, selectedMonth, today]
   );
diff --git a/@navikt/core/react/src/date/hooks/useRangeDatepicker.tsx b/@navikt/core/react/src/date/hooks/useRangeDatepicker.tsx
index 704a03b1cb..394dcd2e43 100644
--- a/@navikt/core/react/src/date/hooks/useRangeDatepicker.tsx
+++ b/@navikt/core/react/src/date/hooks/useRangeDatepicker.tsx
@@ -1,5 +1,5 @@
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
-import isBefore from "date-fns/isBefore";
+import checkIsBefore from "date-fns/isBefore";
 import isWeekend from "date-fns/isWeekend";
 import React, { useRef, useState } from "react";
 import { DateRange, isMatch } from "react-day-picker";
@@ -382,7 +382,7 @@ export const useRangeDatepicker = (
     const prevToRange =
       !selectedRange?.from && selectedRange?.to ? selectedRange?.to : range?.to;
 
-    const resetTo = isBefore(prevToRange, range?.from);
+    const resetTo = checkIsBefore(prevToRange, range?.from);
 
     range?.from
       ? setFromInputValue(
@@ -535,7 +535,7 @@ export const useRangeDatepicker = (
 
   const datepickerProps = {
     month,
-    onMonthChange: (month) => setMonth(month),
+    onMonthChange: setMonth,
     onSelect: handleSelect,
     selected: selectedRange,
     locale: _locale,
diff --git a/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx b/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
index 7a98a67639..63e4ab99b0 100644
--- a/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
+++ b/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
@@ -1,14 +1,14 @@
 import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
+import { isAfter, isBefore } from "date-fns";
 import setYear from "date-fns/setYear";
 import startOfMonth from "date-fns/startOfMonth";
 import startOfYear from "date-fns/startOfYear";
 import React from "react";
 import { useDayPicker } from "react-day-picker";
-import { useSharedMonthContext } from "../context";
-import { labelNextYear, labelPrevYear } from "../utils";
-import { isAfter, isBefore } from "date-fns";
 import { Button } from "../../button";
 import { Select } from "../../form/Select";
+import { useSharedMonthContext } from "../context";
+import { labelNextYear, labelPrevYear } from "../utils";
 
 export const MonthCaption = () => {
   const {
@@ -24,9 +24,9 @@ export const MonthCaption = () => {
 
   if (hasDropdown && fromDate && toDate) {
     const fromYear = fromDate.getFullYear();
-    const toYear = toDate.getFullYear();
-    for (let year = fromYear; year <= toYear; year++) {
-      years.push(setYear(startOfYear(new Date()), year));
+    const toDateYear = toDate.getFullYear();
+    for (let currYear = fromYear; currYear <= toDateYear; currYear++) {
+      years.push(setYear(startOfYear(new Date()), currYear));
     }
 
     if (!years.map((x) => x.getFullYear()).includes(year.getFullYear())) {
@@ -75,9 +75,9 @@ export const MonthCaption = () => {
           onChange={handleYearChange}
           className="navds-date__caption__year"
         >
-          {years.map((year) => (
-            <option key={year.getFullYear()} value={year.getFullYear()}>
-              {formatYearCaption(year, { locale })}
+          {years.map((yearOpt) => (
+            <option key={yearOpt.getFullYear()} value={yearOpt.getFullYear()}>
+              {formatYearCaption(yearOpt, { locale })}
             </option>
           ))}
         </Select>
diff --git a/@navikt/core/react/src/date/utils/__tests__/get-month-weeks.test.ts b/@navikt/core/react/src/date/utils/__tests__/get-month-weeks.test.ts
index 1a8332819e..4607685b1f 100644
--- a/@navikt/core/react/src/date/utils/__tests__/get-month-weeks.test.ts
+++ b/@navikt/core/react/src/date/utils/__tests__/get-month-weeks.test.ts
@@ -1,13 +1,12 @@
 /* https://github.com/gpbl/react-day-picker/blob/main/src/components/Table/utils/getMonthWeeks.test.ts */
-import { nb, enGB } from "date-fns/locale";
+import { enGB, nb } from "date-fns/locale";
 
 import { getMonthWeeks } from "../get-month-weeks";
 
 describe('when using the "nB" locale', () => {
   const locale = nb;
   describe("when getting the weeks for January 2022", () => {
-    const date = new Date(2022, 0);
-    const weeks = getMonthWeeks(date, { locale });
+    const weeks = getMonthWeeks(new Date(2022, 0), { locale });
     test("the first week should be the last of the previous year", () => {
       const weekNumbers = weeks.map((week) => week.weekNumber);
       expect(weekNumbers[0]).toEqual(52);
@@ -29,8 +28,10 @@ describe('when using the "enGB" locale', () => {
   describe("when using fixed weeks", () => {
     const useFixedWeeks = true;
     describe("when getting the weeks for December 2022", () => {
-      const date = new Date(2022, 11);
-      const weeks = getMonthWeeks(date, { useFixedWeeks, locale });
+      const weeks = getMonthWeeks(new Date(2022, 11), {
+        useFixedWeeks,
+        locale,
+      });
       test("should return 48 - 1 week numbers", () => {
         const weekNumbers = weeks.map((week) => week.weekNumber);
         const expectedResult = [48, 49, 50, 51, 52, 1];
@@ -67,8 +68,10 @@ describe('when using the "nb" locale', () => {
   describe("when using fixed weeks", () => {
     const useFixedWeeks = true;
     describe("when getting the weeks for December 2022", () => {
-      const date = new Date(2022, 11);
-      const weeks = getMonthWeeks(date, { useFixedWeeks, locale });
+      const weeks = getMonthWeeks(new Date(2022, 11), {
+        useFixedWeeks,
+        locale,
+      });
       test("should return 48 - 1 week numbers", () => {
         const weekNumbers = weeks.map((week) => week.weekNumber);
         const expectedResult = [48, 49, 50, 51, 52, 1];
diff --git a/@navikt/core/react/src/date/utils/navigation.ts b/@navikt/core/react/src/date/utils/navigation.ts
index 5005a7e90b..b296793d29 100644
--- a/@navikt/core/react/src/date/utils/navigation.ts
+++ b/@navikt/core/react/src/date/utils/navigation.ts
@@ -15,27 +15,27 @@ export const nextEnabled = (
   const currentIndex = currentMonth.getMonth();
 
   if (key === "Home") {
-    const nextEnabled = nextOnRow(
+    const nextDate = nextOnRow(
       currentIndex,
       months,
       yearState,
       disabled,
       "home"
     );
-    if (nextEnabled) {
-      return nextEnabled;
+    if (nextDate) {
+      return nextDate;
     }
   }
   if (key === "End") {
-    const nextEnabled = nextOnRow(
+    const nextDate = nextOnRow(
       currentIndex,
       months,
       yearState,
       disabled,
       "end"
     );
-    if (nextEnabled) {
-      return nextEnabled;
+    if (nextDate) {
+      return nextDate;
     }
   }
   if (key === "PageUp") {
diff --git a/@navikt/core/react/src/form/combobox/Input/inputContext.tsx b/@navikt/core/react/src/form/combobox/Input/inputContext.tsx
index 8ee0080043..40a8e6a176 100644
--- a/@navikt/core/react/src/form/combobox/Input/inputContext.tsx
+++ b/@navikt/core/react/src/form/combobox/Input/inputContext.tsx
@@ -8,8 +8,8 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { useFormField, FormFieldType } from "../../useFormField";
 import { useClientLayoutEffect } from "../../../util";
+import { FormFieldType, useFormField } from "../../useFormField";
 
 interface InputContextType extends FormFieldType {
   clearInput: (event: React.PointerEvent | React.KeyboardEvent) => void;
@@ -63,10 +63,10 @@ export const InputContextProvider = ({ children, value: props }) => {
 
   const onChange = useCallback(
     (event: ChangeEvent<HTMLInputElement>) => {
-      const value = event.currentTarget.value;
-      externalValue ?? setInternalValue(value);
+      const newValue = event.currentTarget.value;
+      externalValue ?? setInternalValue(newValue);
       externalOnChange?.(event);
-      setSearchTerm(value);
+      setSearchTerm(newValue);
     },
     [externalValue, externalOnChange]
   );
diff --git a/@navikt/core/react/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx b/@navikt/core/react/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx
index 576d957318..8435bb08cb 100644
--- a/@navikt/core/react/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx
+++ b/@navikt/core/react/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx
@@ -7,8 +7,8 @@ import React, {
 } from "react";
 import usePrevious from "../../../util/usePrevious";
 import { useInputContext } from "../Input/inputContext";
-import { ComboboxProps } from "../types";
 import { useCustomOptionsContext } from "../customOptionsContext";
+import { ComboboxProps } from "../types";
 
 type SelectedOptionsContextType = {
   addSelectedOption: (option: string) => void;
@@ -71,8 +71,8 @@ export const SelectedOptionsProvider = ({
         allowNewValues && addCustomOption(option);
         !isMultiSelect && setSelectedOptions([]);
       } else if (isMultiSelect) {
-        setSelectedOptions((prevSelectedOptions) => [
-          ...prevSelectedOptions,
+        setSelectedOptions((oldSelectedOptions) => [
+          ...oldSelectedOptions,
           option,
         ]);
       } else {
@@ -97,8 +97,8 @@ export const SelectedOptionsProvider = ({
       if (isCustomOption) {
         removeCustomOption(option);
       } else {
-        setSelectedOptions((prevSelectedOptions) =>
-          prevSelectedOptions.filter(
+        setSelectedOptions((oldSelectedOptions) =>
+          oldSelectedOptions.filter(
             (selectedOption) => selectedOption !== option
           )
         );
diff --git a/@navikt/core/react/src/table/ExpandableRow.tsx b/@navikt/core/react/src/table/ExpandableRow.tsx
index f95236d65f..440fc4f8d6 100644
--- a/@navikt/core/react/src/table/ExpandableRow.tsx
+++ b/@navikt/core/react/src/table/ExpandableRow.tsx
@@ -1,10 +1,10 @@
+import { ChevronDownIcon } from "@navikt/aksel-icons";
 import cl from "clsx";
 import React, { forwardRef, useState } from "react";
 import { useId } from "../util";
 import AnimateHeight from "../util/AnimateHeight";
 import DataCell from "./DataCell";
 import Row, { RowProps } from "./Row";
-import { ChevronDownIcon } from "@navikt/aksel-icons";
 
 export interface ExpandableRowProps extends Omit<RowProps, "content"> {
   /**
@@ -76,7 +76,7 @@ export const ExpandableRow: ExpandableRowType = forwardRef(
     const expansionHandler = (e) => {
       onOpenChange?.(!isOpen);
       if (open === undefined) {
-        setInternalOpen((open) => !open);
+        setInternalOpen((oldOpen) => !oldOpen);
       }
       e.stopPropagation();
     };
diff --git a/@navikt/core/react/src/table/stories/table-async.stories.tsx b/@navikt/core/react/src/table/stories/table-async.stories.tsx
index 33c8b84b59..2a3ad28be0 100644
--- a/@navikt/core/react/src/table/stories/table-async.stories.tsx
+++ b/@navikt/core/react/src/table/stories/table-async.stories.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import useSWR from "swr";
-import people from "./people.json";
-import { Table } from "../index";
 import { Loader, Pagination, SortState } from "../..";
+import { Table } from "../index";
+import peopleJson from "./people.json";
 
 export default {
   title: "ds-react/Table",
@@ -44,8 +44,8 @@ const updateData = async (url: string) => {
   );
 
   return {
-    count: people.length,
-    results: people
+    count: peopleJson.length,
+    results: peopleJson
       .slice()
       .sort((a, b) => {
         if (sort) {
diff --git a/@navikt/core/react/src/table/stories/table-expandable.stories.tsx b/@navikt/core/react/src/table/stories/table-expandable.stories.tsx
index 9cd83456fd..7f450008b8 100644
--- a/@navikt/core/react/src/table/stories/table-expandable.stories.tsx
+++ b/@navikt/core/react/src/table/stories/table-expandable.stories.tsx
@@ -19,15 +19,15 @@ export const Expandable = () => {
         </Table.Row>
       </Table.Header>
       <Table.Body>
-        {data.map((data) => (
+        {data.map((row) => (
           <Table.ExpandableRow
-            expansionDisabled={data.animal === "Sel"}
-            content={data.content}
-            key={data.name}
+            expansionDisabled={row.animal === "Sel"}
+            content={row.content}
+            key={row.name}
             togglePlacement="right"
           >
             {columns.map(({ key }) => (
-              <Table.DataCell key={key}>{data[key]}</Table.DataCell>
+              <Table.DataCell key={key}>{row[key]}</Table.DataCell>
             ))}
           </Table.ExpandableRow>
         ))}
@@ -49,22 +49,22 @@ export const ExpandableLarge = () => {
         </Table.Row>
       </Table.Header>
       <Table.Body>
-        {data.slice(0, 1).map((data) => (
-          <Table.ExpandableRow content={data.content} key={data.name}>
+        {data.slice(0, 1).map((row) => (
+          <Table.ExpandableRow content={row.content} key={row.name}>
             {columns.map(({ key }) => (
-              <Table.DataCell key={key}>{data[key]}</Table.DataCell>
+              <Table.DataCell key={key}>{row[key]}</Table.DataCell>
             ))}
           </Table.ExpandableRow>
         ))}
-        {data.slice(1, 2).map((data) => (
+        {data.slice(1, 2).map((row) => (
           <Table.ExpandableRow
-            content={data.content}
-            key={data.name}
+            content={row.content}
+            key={row.name}
             open={open}
-            onOpenChange={(open) => setOpen(open)}
+            onOpenChange={setOpen}
           >
             {columns.map(({ key }) => (
-              <Table.DataCell key={key}>{data[key]}</Table.DataCell>
+              <Table.DataCell key={key}>{row[key]}</Table.DataCell>
             ))}
           </Table.ExpandableRow>
         ))}
@@ -86,22 +86,22 @@ export const ExpandableSmall = () => {
         </Table.Row>
       </Table.Header>
       <Table.Body>
-        {data.slice(0, 1).map((data) => (
-          <Table.ExpandableRow content={data.content} key={data.name}>
+        {data.slice(0, 1).map((row) => (
+          <Table.ExpandableRow content={row.content} key={row.name}>
             {columns.map(({ key }) => (
-              <Table.DataCell key={key}>{data[key]}</Table.DataCell>
+              <Table.DataCell key={key}>{row[key]}</Table.DataCell>
             ))}
           </Table.ExpandableRow>
         ))}
-        {data.slice(1, 2).map((data) => (
+        {data.slice(1, 2).map((row) => (
           <Table.ExpandableRow
-            content={data.content}
-            key={data.name}
+            content={row.content}
+            key={row.name}
             open={open}
-            onOpenChange={(open) => setOpen(open)}
+            onOpenChange={setOpen}
           >
             {columns.map(({ key }) => (
-              <Table.DataCell key={key}>{data[key]}</Table.DataCell>
+              <Table.DataCell key={key}>{row[key]}</Table.DataCell>
             ))}
           </Table.ExpandableRow>
         ))}
@@ -247,16 +247,16 @@ export const ExpandableOpen = () => {
         </Table.Row>
       </Table.Header>
       <Table.Body>
-        {data.map((data) => (
+        {data.map((row) => (
           <Table.ExpandableRow
-            expansionDisabled={data.animal === "Sel"}
-            content={data.content}
-            key={data.name}
+            expansionDisabled={row.animal === "Sel"}
+            content={row.content}
+            key={row.name}
             togglePlacement="right"
             defaultOpen
           >
             {columns.map(({ key }) => (
-              <Table.DataCell key={key}>{data[key]}</Table.DataCell>
+              <Table.DataCell key={key}>{row[key]}</Table.DataCell>
             ))}
           </Table.ExpandableRow>
         ))}
diff --git a/@navikt/core/react/src/table/stories/table.stories.tsx b/@navikt/core/react/src/table/stories/table.stories.tsx
index 774941235b..d166806426 100644
--- a/@navikt/core/react/src/table/stories/table.stories.tsx
+++ b/@navikt/core/react/src/table/stories/table.stories.tsx
@@ -161,10 +161,10 @@ const SelectionTable = ({ size = "medium" }: { size?: "small" | "medium" }) => {
     return [
       list,
       (value) =>
-        setList((list) =>
-          list.includes(value)
-            ? list.filter((id) => id !== value)
-            : [...list, value]
+        setList((oldList) =>
+          oldList.includes(value)
+            ? oldList.filter((id) => id !== value)
+            : [...oldList, value]
         ),
     ];
   };
diff --git a/@navikt/core/react/src/tabs/TabList.tsx b/@navikt/core/react/src/tabs/TabList.tsx
index a806b3f844..ff5fe7a761 100644
--- a/@navikt/core/react/src/tabs/TabList.tsx
+++ b/@navikt/core/react/src/tabs/TabList.tsx
@@ -39,10 +39,10 @@ export const TabList = forwardRef<HTMLDivElement, TabListProps>(
           const showStartScroll = scrollLeft > 1;
           const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
 
-          setDisplayScroll((displayScroll) =>
-            showStartScroll === displayScroll.start &&
-            showEndScroll === displayScroll.end
-              ? displayScroll
+          setDisplayScroll((oldDisplayScroll) =>
+            showStartScroll === oldDisplayScroll.start &&
+            showEndScroll === oldDisplayScroll.end
+              ? oldDisplayScroll
               : { start: showStartScroll, end: showEndScroll }
           );
         }),
diff --git a/@navikt/core/react/src/timeline/Timeline.tsx b/@navikt/core/react/src/timeline/Timeline.tsx
index f9446335a8..2dea252164 100644
--- a/@navikt/core/react/src/timeline/Timeline.tsx
+++ b/@navikt/core/react/src/timeline/Timeline.tsx
@@ -1,6 +1,8 @@
 import { endOfDay, isSameDay, startOfDay } from "date-fns";
 import React, { forwardRef, useMemo, useRef, useState } from "react";
 import { AxisLabels } from "./AxisLabels";
+import Pin, { PinType } from "./Pin";
+import TimelineRow, { TimelineRowType } from "./TimelineRow";
 import { RowContext } from "./hooks/useRowContext";
 import { TimelineContext } from "./hooks/useTimelineContext";
 import {
@@ -9,11 +11,9 @@ import {
   useTimelineRows,
 } from "./hooks/useTimelineRows";
 import Period, { PeriodType } from "./period";
-import Pin, { PinType } from "./Pin";
-import TimelineRow, { TimelineRowType } from "./TimelineRow";
 import { parseRows } from "./utils/timeline";
-import Zoom, { ZoomType } from "./zoom";
 import { AxisLabelTemplates } from "./utils/types.external";
+import Zoom, { ZoomType } from "./zoom";
 
 export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
@@ -187,10 +187,10 @@ export const Timeline = forwardRef<HTMLDivElement, TimelineProps>(
       }
     };
 
-    const addFocusable = (ref: HTMLButtonElement | null, id: number) => {
+    const addFocusable = (btnRef: HTMLButtonElement | null, id: number) => {
       let items = firstFocusabled.current;
       items = items.filter((x) => x.id !== id);
-      items.push({ ref, id });
+      items.push({ ref: btnRef, id });
       firstFocusabled.current = items;
     };
 
@@ -212,8 +212,8 @@ export const Timeline = forwardRef<HTMLDivElement, TimelineProps>(
           <div className="navds-timeline">
             <AxisLabels templates={axisLabelTemplates} />
 
-            {pins.map((Pin, i) => (
-              <Pin key={`pin-${i}`} />
+            {pins.map((PinChild, i) => (
+              <PinChild key={`pin-${i}`} />
             ))}
 
             {processedRows.map((row, i) => {
@@ -238,7 +238,7 @@ export const Timeline = forwardRef<HTMLDivElement, TimelineProps>(
               );
             })}
           </div>
-          {zoomComponent && zoomComponent}
+          {zoomComponent}
         </div>
       </TimelineContext.Provider>
     );
diff --git a/@navikt/core/react/src/timeline/hooks/useTimelineRows.ts b/@navikt/core/react/src/timeline/hooks/useTimelineRows.ts
index f4421bd554..d31ea4c479 100644
--- a/@navikt/core/react/src/timeline/hooks/useTimelineRows.ts
+++ b/@navikt/core/react/src/timeline/hooks/useTimelineRows.ts
@@ -101,8 +101,7 @@ export const useTimelineRows = (
 ): InternalSimpleTimeline[] =>
   useMemo(
     () =>
-      rows.map((periods: InternalSimpleTimeline, i: number) => {
-        const rowIndex = i;
+      rows.map((periods: InternalSimpleTimeline, rowIndex: number) => {
         const timelinePeriods = periods.periods
           .sort((a: Period, b: Period) => a.start.valueOf() - b.start.valueOf())
           .map((period: Period & { restProps?: any; ref?: any }, i) => ({
diff --git a/@navikt/core/react/src/util/omit.ts b/@navikt/core/react/src/util/omit.ts
index 67b9425abe..38afd1d46d 100644
--- a/@navikt/core/react/src/util/omit.ts
+++ b/@navikt/core/react/src/util/omit.ts
@@ -2,8 +2,8 @@ export const omit = (obj: object, props: string[]) =>
   Object.entries(obj)
     .filter(([key]) => !props.includes(key))
     .reduce(
-      (obj, [key, value]) => ({
-        ...obj,
+      (prevObj, [key, value]) => ({
+        ...prevObj,
         [key]: value,
       }),
       {}
diff --git a/aksel.nav.no/website/components/layout/header/search/HitCollection.tsx b/aksel.nav.no/website/components/layout/header/search/HitCollection.tsx
index 48a3a44a8e..b533b9b737 100644
--- a/aksel.nav.no/website/components/layout/header/search/HitCollection.tsx
+++ b/aksel.nav.no/website/components/layout/header/search/HitCollection.tsx
@@ -1,9 +1,9 @@
 import { GroupedHitsT, SearchHitT, searchOptions } from "@/types";
 import { Heading } from "@navikt/ds-react";
+import cl from "clsx";
 import { Tag } from "components/sanity-modules/frontpage-blocks/Tag";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { Hit } from "./Hit";
-import cl from "clsx";
 
 export function CollectionMapper({
   groups,
@@ -28,7 +28,8 @@ export function CollectionMapper({
           ) => {
             const prev = arr.slice(0, index);
             const total =
-              prev.reduce((prev, cur) => prev + cur[1].length, 0) + startIndex;
+              prev.reduce((prev2, cur) => prev2 + cur[1].length, 0) +
+              startIndex;
 
             return (
               <Collection
diff --git a/aksel.nav.no/website/components/sanity-modules/token-view/categories/Zindex.tsx b/aksel.nav.no/website/components/sanity-modules/token-view/categories/Zindex.tsx
index e15a0af047..8a24b946f0 100644
--- a/aksel.nav.no/website/components/sanity-modules/token-view/categories/Zindex.tsx
+++ b/aksel.nav.no/website/components/sanity-modules/token-view/categories/Zindex.tsx
@@ -5,26 +5,30 @@ import { Grid } from "../Grid";
 import { sanitizeName } from "../utilities";
 
 export const ZindexView = ({ cat }: { cat: string }) => {
-  const zindex = docs[cat];
+  const zindex = docs[cat] as { name: string; value: number }[];
 
   return (
     <Grid>
-      {zindex.map((x, y) => {
+      {zindex.map((token, index) => {
         return (
-          <div key={x.name} id={x.name} className="flex w-fit items-center">
+          <div
+            key={token.name}
+            id={token.name}
+            className="flex w-fit items-center"
+          >
             <div
               style={{ boxShadow: `inset 0 2px 4px 0 rgba(0,0,0,0.06)` }}
               className="bg-surface-subtle mr-3 flex h-16 w-16 flex-col-reverse justify-between overflow-hidden rounded-lg text-4xl leading-none"
             >
-              {zindex.map((x, xi) => (
+              {zindex.map((token2, index2) => (
                 <div
                   aria-hidden
-                  key={x.value}
+                  key={token2.value}
                   className={cl(
                     "h-3 w-16 group-hover:opacity-10 peer-focus-visible:opacity-10",
                     {
-                      "bg-surface-alt-3-strong": y === xi,
-                      "bg-surface-neutral-subtle": y !== xi,
+                      "bg-surface-alt-3-strong": index === index2,
+                      "bg-surface-neutral-subtle": index !== index2,
                     }
                   )}
                 />
@@ -33,12 +37,12 @@ export const ZindexView = ({ cat }: { cat: string }) => {
             <dl className="grid h-full">
               <dt className="inline-flex items-center gap-2">
                 <Copy
-                  text={sanitizeName(x.name.replace("z-index-", ""))}
-                  copyText={x.name}
+                  text={sanitizeName(token.name.replace("z-index-", ""))}
+                  copyText={token.name}
                 />
               </dt>
               <dd className="text-text-subtle text-medium mt-auto">
-                {x.value}
+                {token.value}
               </dd>
             </dl>
           </div>
diff --git a/aksel.nav.no/website/components/website-modules/ErrorBoundary.tsx b/aksel.nav.no/website/components/website-modules/ErrorBoundary.tsx
index 740fce5a3c..7c4a224273 100644
--- a/aksel.nav.no/website/components/website-modules/ErrorBoundary.tsx
+++ b/aksel.nav.no/website/components/website-modules/ErrorBoundary.tsx
@@ -34,15 +34,13 @@ class ErrorBoundary extends React.Component<Props, State> {
   }
 }
 
-export function withErrorBoundary<Props>(
-  Component: React.ComponentType<Props>,
+export function withErrorBoundary<T>(
+  Component: React.ComponentType<T>,
   boundaryName: string
 ) {
-  return (props: Props): any => {
-    return (
-      <ErrorBoundary boundaryName={boundaryName}>
-        <Component {...props} />
-      </ErrorBoundary>
-    );
-  };
+  return (props: T) => (
+    <ErrorBoundary boundaryName={boundaryName}>
+      <Component {...props} />
+    </ErrorBoundary>
+  );
 }
diff --git a/aksel.nav.no/website/components/website-modules/toc/useToc.ts b/aksel.nav.no/website/components/website-modules/toc/useToc.ts
index c855b319d1..7e7616874e 100644
--- a/aksel.nav.no/website/components/website-modules/toc/useToc.ts
+++ b/aksel.nav.no/website/components/website-modules/toc/useToc.ts
@@ -1,6 +1,6 @@
 import { useClientLayoutEffect } from "@navikt/ds-react";
 import throttle from "lodash/throttle";
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 
 export const useToc = ({ changedState }: { changedState: any }) => {
   const [toc, setToc] = useState<
@@ -35,7 +35,7 @@ export const useToc = ({ changedState }: { changedState: any }) => {
             y.contains(x)
           )
       );
-      const toc: {
+      const newToc: {
         heading: string;
         id: string;
         lvl3: { heading: string; id: string }[];
@@ -43,17 +43,17 @@ export const useToc = ({ changedState }: { changedState: any }) => {
       for (const x in filtered) {
         if (!filtered[x]?.id) continue;
         filtered[x].tagName === "H2"
-          ? toc.push({
+          ? newToc.push({
               heading: filtered[x].textContent,
               id: decodeURI(filtered[x].id),
               lvl3: [],
             })
-          : toc[toc.length - 1].lvl3.push({
+          : newToc[newToc.length - 1].lvl3.push({
               heading: filtered[x].textContent,
               id: decodeURI(filtered[x].id),
             });
       }
-      setToc([...toc]);
+      setToc([...newToc]);
     }, 150);
 
     return () => clearTimeout(time);
@@ -77,8 +77,8 @@ export const useToc = ({ changedState }: { changedState: any }) => {
         }
         if (x?.lvl3) {
           for (const y of x.lvl3) {
-            const el = document.getElementById(y.id);
-            if (validPick(el)) {
+            const el2 = document.getElementById(y.id);
+            if (validPick(el2)) {
               activeSub = y.id;
             }
           }
diff --git a/aksel.nav.no/website/pages/eksempler/combobox/multi-select-controlled.tsx b/aksel.nav.no/website/pages/eksempler/combobox/multi-select-controlled.tsx
index 59c0e12e61..2a800495df 100644
--- a/aksel.nav.no/website/pages/eksempler/combobox/multi-select-controlled.tsx
+++ b/aksel.nav.no/website/pages/eksempler/combobox/multi-select-controlled.tsx
@@ -23,8 +23,8 @@ const initialSelectedOptions = ["Norge"];
 
 export const Example = () => {
   const [value, setValue] = useState("");
-  const mockPersistUserAddedValues = (value, isSelected) => {
-    console.log("custom option", { value, isSelected });
+  const mockPersistUserAddedValues = (option, isSelected) => {
+    console.log("custom option", { option, isSelected });
   };
 
   const [selectedOptions, setSelectedOptions] = useState(
diff --git a/aksel.nav.no/website/pages/eksempler/radio/controlled.tsx b/aksel.nav.no/website/pages/eksempler/radio/controlled.tsx
index 11ab00a653..b3a200e972 100644
--- a/aksel.nav.no/website/pages/eksempler/radio/controlled.tsx
+++ b/aksel.nav.no/website/pages/eksempler/radio/controlled.tsx
@@ -6,11 +6,7 @@ const Example = () => {
   const [val, setVal] = useState("20");
 
   return (
-    <RadioGroup
-      legend="Velg din aldersgruppe."
-      onChange={(val: any) => setVal(val)}
-      value={val}
-    >
+    <RadioGroup legend="Velg din aldersgruppe." onChange={setVal} value={val}>
       <Radio value="10">10-20 år</Radio>
       <Radio value="20">21-45 år</Radio>
       <Radio value="40">46-80 år</Radio>
diff --git a/aksel.nav.no/website/pages/eksempler/table/sortable.tsx b/aksel.nav.no/website/pages/eksempler/table/sortable.tsx
index 811d406f2d..05dc672734 100644
--- a/aksel.nav.no/website/pages/eksempler/table/sortable.tsx
+++ b/aksel.nav.no/website/pages/eksempler/table/sortable.tsx
@@ -20,20 +20,18 @@ const Example = () => {
     );
   };
 
-  let sortData = data;
+  const comparator = (a, b, orderBy) => {
+    if (b[orderBy] < a[orderBy] || b[orderBy] === undefined) {
+      return -1;
+    }
+    if (b[orderBy] > a[orderBy]) {
+      return 1;
+    }
+    return 0;
+  };
 
-  sortData = sortData.slice().sort((a, b) => {
+  const sortedData = data.slice().sort((a, b) => {
     if (sort) {
-      const comparator = (a, b, orderBy) => {
-        if (b[orderBy] < a[orderBy] || b[orderBy] === undefined) {
-          return -1;
-        }
-        if (b[orderBy] > a[orderBy]) {
-          return 1;
-        }
-        return 0;
-      };
-
       return sort.direction === "ascending"
         ? comparator(b, a, sort.orderBy)
         : comparator(a, b, sort.orderBy);
@@ -56,7 +54,7 @@ const Example = () => {
           </Table.Row>
         </Table.Header>
         <Table.Body>
-          {sortData.map(({ name, fnr, start }, i) => {
+          {sortedData.map(({ name, fnr, start }, i) => {
             return (
               <Table.Row key={i + fnr}>
                 <Table.HeaderCell scope="row">{name}</Table.HeaderCell>
diff --git a/aksel.nav.no/website/pages/god-praksis/artikler/index.tsx b/aksel.nav.no/website/pages/god-praksis/artikler/index.tsx
index 9482cc2cbe..dc0debda92 100644
--- a/aksel.nav.no/website/pages/god-praksis/artikler/index.tsx
+++ b/aksel.nav.no/website/pages/god-praksis/artikler/index.tsx
@@ -26,7 +26,7 @@ type PageProps = NextPageT<{
   articles: Array<ArticleT>;
 }>;
 
-export const query = (boundry = "") => {
+const getQuery = (boundry = "") => {
   return `{
     "articles": *[_type == "aksel_artikkel" && defined(publishedAt)] | order(publishedAt desc)${boundry} {
       _id,
@@ -50,7 +50,7 @@ export const getStaticProps: GetStaticProps = async ({
 }: {
   preview?: boolean;
 }): Promise<PageProps> => {
-  const { articles } = await getClient().fetch(query("[0..21]"));
+  const { articles } = await getClient().fetch(getQuery("[0..21]"));
 
   return {
     props: {
diff --git a/aksel.nav.no/website/pages/index.tsx b/aksel.nav.no/website/pages/index.tsx
index 73c3bfacbf..f0c8efee0c 100644
--- a/aksel.nav.no/website/pages/index.tsx
+++ b/aksel.nav.no/website/pages/index.tsx
@@ -135,14 +135,15 @@ const Forside = ({ page, tema, blocks }: PageProps["props"]) => {
   }, []);
 
   const validatedTema = tema
-    .filter((t) => {
-      return (
+    .filter(
+      (t) =>
         t?.title &&
         t?.slug &&
         t?.pictogram &&
-        t?.seksjoner.find((s) => !!s?.sider.find((s: any) => s?._ref))
-      );
-    })
+        t?.seksjoner.some((seksjon) =>
+          seksjon?.sider.some((side: any) => side?._ref)
+        )
+    )
     .sort((a, b) => a.title.localeCompare(b.title));
 
   return (
diff --git a/aksel.nav.no/website/scripts/changelog.ts b/aksel.nav.no/website/scripts/changelog.ts
index 617f3f8b5f..0c7a3bb077 100644
--- a/aksel.nav.no/website/scripts/changelog.ts
+++ b/aksel.nav.no/website/scripts/changelog.ts
@@ -1,9 +1,9 @@
-import fs from "fs";
-import { JSDOM } from "jsdom";
 import { htmlToBlocks } from "@sanity/block-tools";
 import { Schema } from "@sanity/schema";
-import showdown from "showdown";
 import dotenv from "dotenv";
+import fs from "fs";
+import { JSDOM } from "jsdom";
+import showdown from "showdown";
 
 import { noCdnClient } from "../sanity/interface/client.server";
 
@@ -44,7 +44,7 @@ export async function main() {
     .fields.find((field) => field.name === "body").type;
 
   const blocks = htmlToBlocks(html, blockContentType, {
-    parseHtml: (html) => new JSDOM(html).window.document,
+    parseHtml: (htmlStr) => new JSDOM(htmlStr).window.document,
   });
   blocks.shift();
 
diff --git a/aksel.nav.no/website/scripts/update-tokens.tsx b/aksel.nav.no/website/scripts/update-tokens.tsx
index e8e4681933..186a3c7289 100644
--- a/aksel.nav.no/website/scripts/update-tokens.tsx
+++ b/aksel.nav.no/website/scripts/update-tokens.tsx
@@ -1,7 +1,7 @@
 import dotenv from "dotenv";
 
-import tokens from "@navikt/ds-tokens/docs.json";
 import core from "@navikt/ds-css/tokens.json";
+import tokens from "@navikt/ds-tokens/docs.json";
 import { noCdnClient } from "../sanity/interface/client.server";
 
 dotenv.config();
@@ -12,14 +12,14 @@ const allTokens: { title: string; kategori: string }[] = [
 ];
 
 export const updateTokens = async () => {
-  const token = process.env.SANITY_WRITE_KEY;
+  const writeKey = process.env.SANITY_WRITE_KEY;
 
   // this is our transactional client, it won't push anything until we say .commit() later
-  const transactionClient = noCdnClient(token).transaction();
+  const transactionClient = noCdnClient(writeKey).transaction();
 
   // first let's fetch the current state from sanity,
   // So that we can delete old/changed tokens
-  const remoteTokens = await noCdnClient(token).fetch(
+  const remoteTokens = await noCdnClient(writeKey).fetch(
     `*[_type == "token_kategori"]`
   );
 
diff --git a/scripts/clean.js b/scripts/clean.js
index ec894a6e3b..6d48f80078 100644
--- a/scripts/clean.js
+++ b/scripts/clean.js
@@ -44,7 +44,7 @@ Promise.all([
     ...esmvnext,
     ...cjsvnext,
     ...akselIconsSrc,
-  ].filter((path) => !path.includes("node_modules"));
+  ].filter((folder) => !folder.includes("node_modules"));
 
   folders.forEach((folder) => {
     console.log(`Deleting folder ${folder}`);
diff --git a/scripts/deno/createMainChangelog.ts b/scripts/deno/createMainChangelog.ts
index 6f46d50c37..e1b750f489 100644
--- a/scripts/deno/createMainChangelog.ts
+++ b/scripts/deno/createMainChangelog.ts
@@ -65,18 +65,18 @@ const processNode = (node: Root) => {
       const parent = ancestors.findLast(
         (ancestor) => ancestor.type === "paragraph"
       ) as Paragraph;
-      visit(parent, (node, index, parent) => {
+      visit(parent, (node2, index, parent2) => {
         if (
-          node.type === "link" ||
-          (node.type === "text" && node.value === " Thanks ")
+          node2.type === "link" ||
+          (node2.type === "text" && node2.value === " Thanks ")
         ) {
-          if (parent && index !== null) {
-            parent.children.splice(index, 1);
+          if (parent2 && index !== null) {
+            parent2.children.splice(index, 1);
             return [CONTINUE, index];
           }
         }
-        if (node.type === "text" && node.value.startsWith("! -")) {
-          node.value = node.value.replace(/! (- )+/, "");
+        if (node2.type === "text" && node2.value.startsWith("! -")) {
+          node2.value = node2.value.replace(/! (- )+/, "");
           return;
         }
       });
@@ -113,10 +113,10 @@ const parseMarkdownFiles = async (filePaths: string[]): Promise<Changelog> => {
         const indexWithinList = parent.children.findIndex((child: ListItem) => {
           return child.children.some((grandchild) => {
             let found = false;
-            visit(grandchild, (node) => {
+            visit(grandchild, (node2) => {
               if (
-                node.type === "text" &&
-                node.value.startsWith("Updated dependencies")
+                node2.type === "text" &&
+                node2.value.startsWith("Updated dependencies")
               ) {
                 found = true;
                 return EXIT;
@@ -229,6 +229,6 @@ const createMainChangelog = async (changelog: Changelog): Promise<string> => {
 const changelogFiles = getChangelogs("./@navikt");
 console.log("processing the following markdown files:", changelogFiles);
 const changelogJSON = await parseMarkdownFiles(changelogFiles);
-const changelog = await createMainChangelog(changelogJSON);
-writeFileSync("CHANGELOG.md", changelog);
+const changelogStr = await createMainChangelog(changelogJSON);
+writeFileSync("CHANGELOG.md", changelogStr);
 console.log("wrote to CHANGELOG.md");

From a6b67338612b7944dc4e6b3d541244f521e94500 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Tue, 17 Oct 2023 16:23:14 +0200
Subject: [PATCH 06/14] :art: Mindre Helptext variant (#2376)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* :art: Mindre Helptext variant

* :art: small-variant er nå default helptext

* :lipstick: Larger helptext circle stroke-width

* Update .changeset/wild-rice-arrive.md
---
 .changeset/wild-rice-arrive.md                    | 6 ++++++
 @navikt/core/css/help-text.css                    | 9 +++++----
 @navikt/core/react/src/help-text/HelpText.tsx     | 1 +
 @navikt/core/react/src/help-text/HelpTextIcon.tsx | 2 +-
 4 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/wild-rice-arrive.md

diff --git a/.changeset/wild-rice-arrive.md b/.changeset/wild-rice-arrive.md
new file mode 100644
index 0000000000..6ffa5481ac
--- /dev/null
+++ b/.changeset/wild-rice-arrive.md
@@ -0,0 +1,6 @@
+---
+"@navikt/ds-react": patch
+"@navikt/ds-css": patch
+---
+
+HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px
diff --git a/@navikt/core/css/help-text.css b/@navikt/core/css/help-text.css
index e31a01a408..4ed9d3c826 100644
--- a/@navikt/core/css/help-text.css
+++ b/@navikt/core/css/help-text.css
@@ -1,6 +1,5 @@
 .navds-help-text__button {
   margin: 0;
-  padding: 0;
   border: 0;
   cursor: pointer;
   background-color: transparent;
@@ -9,17 +8,19 @@
   justify-content: center;
   align-items: center;
   color: var(--ac-help-text-button-color, var(--a-surface-action));
-  font-size: 1.5rem;
+  font-size: 1.25rem;
+  padding: calc(var(--a-spacing-1) / 2);
 }
 
 .navds-help-text__button:focus-visible {
-  box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+  outline: none;
+  box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
 }
 
 @supports not selector(:focus-visible) {
   .navds-help-text__button:focus {
     outline: none;
-    box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+    box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
   }
 }
 
diff --git a/@navikt/core/react/src/help-text/HelpText.tsx b/@navikt/core/react/src/help-text/HelpText.tsx
index 75d1dda0cc..4e312d441c 100644
--- a/@navikt/core/react/src/help-text/HelpText.tsx
+++ b/@navikt/core/react/src/help-text/HelpText.tsx
@@ -90,6 +90,7 @@ export const HelpText = forwardRef<HTMLButtonElement, HelpTextProps>(
           anchorEl={buttonRef.current}
           placement={placement}
           strategy={strategy}
+          offset={12}
         >
           <Popover.Content className="navds-body-short">
             {children}
diff --git a/@navikt/core/react/src/help-text/HelpTextIcon.tsx b/@navikt/core/react/src/help-text/HelpTextIcon.tsx
index f9770a614b..75e8035802 100644
--- a/@navikt/core/react/src/help-text/HelpTextIcon.tsx
+++ b/@navikt/core/react/src/help-text/HelpTextIcon.tsx
@@ -30,7 +30,7 @@ export const HelpTextIcon = ({
         cx="12"
         cy="12"
         r="11"
-        strokeWidth="2"
+        strokeWidth="1.5"
         stroke="currentColor"
         fill={filled ? "currentColor" : "transparent"}
       />

From 6c29fa83dd3274979fcafa8b0a501248f0f408bc Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 17 Oct 2023 16:30:38 +0200
Subject: [PATCH 07/14] Version Packages (#2381)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/chilly-pigs-lay.md        |  5 -----
 .changeset/silent-impalas-laugh.md   |  6 ------
 .changeset/strong-laws-approve.md    |  5 -----
 .changeset/wild-rice-arrive.md       |  6 ------
 @navikt/aksel-icons/CHANGELOG.md     |  2 ++
 @navikt/aksel-icons/package.json     |  2 +-
 @navikt/aksel-stylelint/CHANGELOG.md |  2 ++
 @navikt/aksel-stylelint/package.json |  6 +++---
 @navikt/aksel/CHANGELOG.md           |  7 +++++++
 @navikt/aksel/package.json           |  4 ++--
 @navikt/core/css/CHANGELOG.md        | 10 ++++++++++
 @navikt/core/css/package.json        |  4 ++--
 @navikt/core/react/CHANGELOG.md      | 12 ++++++++++++
 @navikt/core/react/package.json      |  6 +++---
 @navikt/core/tailwind/CHANGELOG.md   |  2 ++
 @navikt/core/tailwind/package.json   |  4 ++--
 @navikt/core/tokens/CHANGELOG.md     |  6 ++++++
 @navikt/core/tokens/package.json     |  2 +-
 CHANGELOG.md                         | 20 ++++++++++++++++++++
 aksel.nav.no/package.json            | 10 +++++-----
 20 files changed, 80 insertions(+), 41 deletions(-)
 delete mode 100644 .changeset/chilly-pigs-lay.md
 delete mode 100644 .changeset/silent-impalas-laugh.md
 delete mode 100644 .changeset/strong-laws-approve.md
 delete mode 100644 .changeset/wild-rice-arrive.md

diff --git a/.changeset/chilly-pigs-lay.md b/.changeset/chilly-pigs-lay.md
deleted file mode 100644
index ac12166a0e..0000000000
--- a/.changeset/chilly-pigs-lay.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@navikt/ds-react": patch
----
-
-Forms: Fikset bug der size='small' ikke oppdaterte typografi.
diff --git a/.changeset/silent-impalas-laugh.md b/.changeset/silent-impalas-laugh.md
deleted file mode 100644
index 09eae255a9..0000000000
--- a/.changeset/silent-impalas-laugh.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"@navikt/ds-tokens": patch
-"@navikt/ds-css": patch
----
-
-Ny spacing token på 0.375rem
diff --git a/.changeset/strong-laws-approve.md b/.changeset/strong-laws-approve.md
deleted file mode 100644
index 3b034b7515..0000000000
--- a/.changeset/strong-laws-approve.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@navikt/ds-css": patch
----
-
-Select: Tokenstøtte for å endre chevronfarge sammen med tekst
diff --git a/.changeset/wild-rice-arrive.md b/.changeset/wild-rice-arrive.md
deleted file mode 100644
index 6ffa5481ac..0000000000
--- a/.changeset/wild-rice-arrive.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"@navikt/ds-react": patch
-"@navikt/ds-css": patch
----
-
-HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px
diff --git a/@navikt/aksel-icons/CHANGELOG.md b/@navikt/aksel-icons/CHANGELOG.md
index 41542f0512..26a0a2df9d 100644
--- a/@navikt/aksel-icons/CHANGELOG.md
+++ b/@navikt/aksel-icons/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/aksel-icons
 
+## 5.7.3
+
 ## 5.7.2
 
 ## 5.7.1
diff --git a/@navikt/aksel-icons/package.json b/@navikt/aksel-icons/package.json
index 83bc7e2760..c6729c02ba 100644
--- a/@navikt/aksel-icons/package.json
+++ b/@navikt/aksel-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-icons",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/ikoner",
   "repository": {
diff --git a/@navikt/aksel-stylelint/CHANGELOG.md b/@navikt/aksel-stylelint/CHANGELOG.md
index 18656360a9..5c4365c732 100644
--- a/@navikt/aksel-stylelint/CHANGELOG.md
+++ b/@navikt/aksel-stylelint/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/aksel-stylelint
 
+## 5.7.3
+
 ## 5.7.2
 
 ## 5.7.1
diff --git a/@navikt/aksel-stylelint/package.json b/@navikt/aksel-stylelint/package.json
index 2214776a1b..062a9cb7d9 100644
--- a/@navikt/aksel-stylelint/package.json
+++ b/@navikt/aksel-stylelint/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^5.7.2",
-    "@navikt/ds-tokens": "^5.7.2",
+    "@navikt/ds-css": "^5.7.3",
+    "@navikt/ds-tokens": "^5.7.3",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",
diff --git a/@navikt/aksel/CHANGELOG.md b/@navikt/aksel/CHANGELOG.md
index 2ab5a164bd..0b72282aef 100644
--- a/@navikt/aksel/CHANGELOG.md
+++ b/@navikt/aksel/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @navikt/aksel
 
+## 5.7.3
+
+### Patch Changes
+
+- Updated dependencies [[`3d3e90760`](https://github.com/navikt/aksel/commit/3d3e9076088c5e72ed89fb97109b75dcf6e09d96), [`d8a4097c8`](https://github.com/navikt/aksel/commit/d8a4097c82ceee95bd216b36e1dc8eb99e75d7ee), [`a6b673386`](https://github.com/navikt/aksel/commit/a6b67338612b7944dc4e6b3d541244f521e94500)]:
+  - @navikt/ds-css@5.7.3
+
 ## 5.7.2
 
 ### Patch Changes
diff --git a/@navikt/aksel/package.json b/@navikt/aksel/package.json
index b866e51712..bd9204cc47 100644
--- a/@navikt/aksel/package.json
+++ b/@navikt/aksel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "description": "Aksel command line interface. Handles css-imports, codemods and more",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -29,7 +29,7 @@
   },
   "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
   "dependencies": {
-    "@navikt/ds-css": "5.7.2",
+    "@navikt/ds-css": "5.7.3",
     "axios": "1.3.6",
     "chalk": "4.1.0",
     "clipboardy": "^2.3.0",
diff --git a/@navikt/core/css/CHANGELOG.md b/@navikt/core/css/CHANGELOG.md
index 049d7baf3f..f3f7b42ead 100644
--- a/@navikt/core/css/CHANGELOG.md
+++ b/@navikt/core/css/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @navikt/ds-css
 
+## 5.7.3
+
+### Patch Changes
+
+- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
+
+- Select: Tokenstøtte for å endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383))
+
+- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+
 ## 5.7.2
 
 ## 5.7.1
diff --git a/@navikt/core/css/package.json b/@navikt/core/css/package.json
index 40a5ae4531..41444b1ca5 100644
--- a/@navikt/core/css/package.json
+++ b/@navikt/core/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "description": "CSS for NAV Designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -27,7 +27,7 @@
     "css:get-version": "node config/get-version.js"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^5.7.2",
+    "@navikt/ds-tokens": "^5.7.3",
     "cssnano": "6.0.0",
     "fast-glob": "3.2.11",
     "lodash": "4.17.21",
diff --git a/@navikt/core/react/CHANGELOG.md b/@navikt/core/react/CHANGELOG.md
index b1195575c4..85a8acf78d 100644
--- a/@navikt/core/react/CHANGELOG.md
+++ b/@navikt/core/react/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @navikt/ds-react
 
+## 5.7.3
+
+### Patch Changes
+
+- Forms: Fikset bug der size='small' ikke oppdaterte typografi. ([#2372](https://github.com/navikt/aksel/pull/2372))
+
+- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+
+- Updated dependencies [[`3d3e90760`](https://github.com/navikt/aksel/commit/3d3e9076088c5e72ed89fb97109b75dcf6e09d96)]:
+  - @navikt/ds-tokens@5.7.3
+  - @navikt/aksel-icons@5.7.3
+
 ## 5.7.2
 
 ### Patch Changes
diff --git a/@navikt/core/react/package.json b/@navikt/core/react/package.json
index 1603252f04..9471411e09 100644
--- a/@navikt/core/react/package.json
+++ b/@navikt/core/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -38,8 +38,8 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.25.4",
-    "@navikt/aksel-icons": "^5.7.2",
-    "@navikt/ds-tokens": "^5.7.2",
+    "@navikt/aksel-icons": "^5.7.3",
+    "@navikt/ds-tokens": "^5.7.3",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",
diff --git a/@navikt/core/tailwind/CHANGELOG.md b/@navikt/core/tailwind/CHANGELOG.md
index 812a012a2c..0d03ecbea0 100644
--- a/@navikt/core/tailwind/CHANGELOG.md
+++ b/@navikt/core/tailwind/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind
 
+## 5.7.3
+
 ## 5.7.2
 
 ## 5.7.1
diff --git a/@navikt/core/tailwind/package.json b/@navikt/core/tailwind/package.json
index c44fc36bc7..88689999bb 100644
--- a/@navikt/core/tailwind/package.json
+++ b/@navikt/core/tailwind/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "description": "Tailwind config based on @navikt/ds-tokens",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -22,7 +22,7 @@
     "directory": "@navikt/core/tailwind"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^5.7.2",
+    "@navikt/ds-tokens": "^5.7.3",
     "@types/jest": "^29.0.0",
     "color": "4.2.3",
     "jest": "^29.0.0",
diff --git a/@navikt/core/tokens/CHANGELOG.md b/@navikt/core/tokens/CHANGELOG.md
index 031fb9204a..395dc97f2b 100644
--- a/@navikt/core/tokens/CHANGELOG.md
+++ b/@navikt/core/tokens/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @navikt/ds-tokens
 
+## 5.7.3
+
+### Patch Changes
+
+- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
+
 ## 5.7.2
 
 ## 5.7.1
diff --git a/@navikt/core/tokens/package.json b/@navikt/core/tokens/package.json
index 712fc37180..f669f9116c 100644
--- a/@navikt/core/tokens/package.json
+++ b/@navikt/core/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 75fd148b62..501c987090 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,25 @@
 # Changelog
 
+## 5.7.3
+
+### @navikt/ds-react
+
+- Forms: Fikset bug der size='small' ikke oppdaterte typografi. ([#2372](https://github.com/navikt/aksel/pull/2372))
+
+- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+
+### @navikt/ds-css
+
+- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
+
+- Select: Tokenstøtte for å endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383))
+
+- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+
+### @navikt/ds-tokens
+
+- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
+
 ## 5.7.2
 
 ### @navikt/ds-react
diff --git a/aksel.nav.no/package.json b/aksel.nav.no/package.json
index a5e53592d8..3d2cbea7a3 100644
--- a/aksel.nav.no/package.json
+++ b/aksel.nav.no/package.json
@@ -15,11 +15,11 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/aksel-icons": "^5.7.2",
-    "@navikt/ds-css": "^5.7.2",
-    "@navikt/ds-react": "^5.7.2",
-    "@navikt/ds-tailwind": "^5.7.2",
-    "@navikt/ds-tokens": "^5.7.2"
+    "@navikt/aksel-icons": "^5.7.3",
+    "@navikt/ds-css": "^5.7.3",
+    "@navikt/ds-react": "^5.7.3",
+    "@navikt/ds-tailwind": "^5.7.3",
+    "@navikt/ds-tokens": "^5.7.3"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.2.3"

From 4d6ae1ae4249069090c5857f3e8f66adabc5b4f0 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Wed, 18 Oct 2023 11:11:52 +0200
Subject: [PATCH 08/14] [aksel.nav.no] :bug: Fikset next error ved redeploy av
 app (#2387)

* :bug: Fikset next error ved redeploy av app

* :art: synket next-versjoner
---
 aksel.nav.no/website/package.json             |  10 +-
 .../website/pages/grunnleggende/index.tsx     |   6 -
 .../website/pages/komponenter/index.tsx       |   6 -
 yarn.lock                                     | 155 ++++++++++--------
 4 files changed, 92 insertions(+), 85 deletions(-)

diff --git a/aksel.nav.no/website/package.json b/aksel.nav.no/website/package.json
index c63caa8366..e9d17246c3 100644
--- a/aksel.nav.no/website/package.json
+++ b/aksel.nav.no/website/package.json
@@ -42,9 +42,9 @@
     "date-fns": "2.29.3",
     "fuse.js": "^6.6.2",
     "lodash": "^4.17.21",
-    "next": "^13.5.0",
-    "next-logger": "^3.0.2",
-    "next-sanity": "^5.5.8",
+    "next": "13.4.19",
+    "next-logger": "3.0.2",
+    "next-sanity": "5.5.8",
     "pino": "^8.14.1",
     "prism-react-renderer": "^2.0.0",
     "react": "^18.0.0",
@@ -63,8 +63,8 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.5.2",
     "@babel/core": "^7.19.0",
-    "@next/bundle-analyzer": "^13.5.0",
-    "@next/eslint-plugin-next": "^12.2.0",
+    "@next/bundle-analyzer": "13.4.19",
+    "@next/eslint-plugin-next": "13.4.19",
     "@playwright/test": "1.35.1",
     "@sanity/block-tools": "^3.18.0",
     "@sanity/schema": "^3.18.0",
diff --git a/aksel.nav.no/website/pages/grunnleggende/index.tsx b/aksel.nav.no/website/pages/grunnleggende/index.tsx
index a042e7ea81..e9881b5a75 100644
--- a/aksel.nav.no/website/pages/grunnleggende/index.tsx
+++ b/aksel.nav.no/website/pages/grunnleggende/index.tsx
@@ -14,7 +14,6 @@ import Footer from "components/layout/footer/Footer";
 import { Header } from "components/layout/header/Header";
 import ComponentOverview from "components/sanity-modules/ComponentOverview";
 import { SEO } from "components/website-modules/seo/SEO";
-import { logger } from "logger";
 import { GetStaticProps } from "next/types";
 import { Suspense, lazy } from "react";
 import { grunnleggendeKategorier } from "../../sanity/config";
@@ -36,11 +35,6 @@ export const getStaticProps: GetStaticProps = async ({
     type: "ds_artikkel",
   });
 
-  logger.info(
-    { sidebar: !!sidebar, page: !!page, links: !!links },
-    "getStaticProps in /grunnleggende"
-  );
-
   return {
     props: {
       page,
diff --git a/aksel.nav.no/website/pages/komponenter/index.tsx b/aksel.nav.no/website/pages/komponenter/index.tsx
index 832651603c..ffb9a79ca1 100644
--- a/aksel.nav.no/website/pages/komponenter/index.tsx
+++ b/aksel.nav.no/website/pages/komponenter/index.tsx
@@ -24,7 +24,6 @@ import { Header } from "components/layout/header/Header";
 import ComponentOverview from "components/sanity-modules/ComponentOverview";
 import { IntroCards } from "components/website-modules/IntroCards";
 import { SEO } from "components/website-modules/seo/SEO";
-import { logger } from "logger";
 import { GetStaticProps } from "next/types";
 import { Suspense, lazy } from "react";
 import { komponentKategorier } from "../../sanity/config";
@@ -48,11 +47,6 @@ export const getStaticProps: GetStaticProps = async ({
     type: "komponent_artikkel",
   });
 
-  logger.info(
-    { sidebar: !!sidebar, page: !!page, links: !!links },
-    "getStaticProps in /komponenter"
-  );
-
   return {
     props: {
       page,
diff --git a/yarn.lock b/yarn.lock
index 6f9a298626..b0d932faef 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3584,90 +3584,90 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/bundle-analyzer@npm:^13.5.0":
-  version: 13.5.5
-  resolution: "@next/bundle-analyzer@npm:13.5.5"
+"@next/bundle-analyzer@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/bundle-analyzer@npm:13.4.19"
   dependencies:
     webpack-bundle-analyzer: 4.7.0
-  checksum: b28f8880bf7867dab53fa6001658d4ba57949febc7a71e1dc45e05f7a55e0c106672662699c930fa5fad534946fed9611f8f60564109feaed0cb2b6e3631c4e4
+  checksum: 562ff4c21ae0b2a8061b7a5faac282319e8d197678138442151ab0de4af5a6e27b0900b5779d24df5758a9da45c5d5445e1ba3a35ea7507288965fa9fdcec53b
   languageName: node
   linkType: hard
 
-"@next/env@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/env@npm:13.5.5"
-  checksum: 4e3a92f2bd60189d81eb0437bf8141de26dec371edc125553c2d93b1de4c40ce99e8c81f60d8450961fab5c8880a6bcfccd23d9ef9c86aceab2f5380776def9f
+"@next/env@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/env@npm:13.4.19"
+  checksum: ace4f82890954ade0164fbe2b7ff988268d2b99b2e80caa6707c51fa4cbfaaa31e48fbbcecd4fd142af3503c544e1b4c91e8185d4af253c8fb46550e9e70ad7e
   languageName: node
   linkType: hard
 
-"@next/eslint-plugin-next@npm:^12.2.0":
-  version: 12.3.4
-  resolution: "@next/eslint-plugin-next@npm:12.3.4"
+"@next/eslint-plugin-next@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/eslint-plugin-next@npm:13.4.19"
   dependencies:
     glob: 7.1.7
-  checksum: e4ae97062f3efe8f70904cf0da296ab501a2924423273352d01b18d8ffff1eb2e9a65c47dd6f9cfa0d696eada272486a3f519b2786918d0a9ab735b93f5ce4b3
+  checksum: d60c136e4a8d156b50d4b248eef9918bbf4bd7da293487cdf1f7bc172b07beeae4a2822798942d2f87999af86c53d871ebea592f3d6099ae23a0746d2abf7c73
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-darwin-arm64@npm:13.5.5"
+"@next/swc-darwin-arm64@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-darwin-arm64@npm:13.4.19"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-darwin-x64@npm:13.5.5"
+"@next/swc-darwin-x64@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-darwin-x64@npm:13.4.19"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-linux-arm64-gnu@npm:13.5.5"
+"@next/swc-linux-arm64-gnu@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-linux-arm64-gnu@npm:13.4.19"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-linux-arm64-musl@npm:13.5.5"
+"@next/swc-linux-arm64-musl@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-linux-arm64-musl@npm:13.4.19"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-linux-x64-gnu@npm:13.5.5"
+"@next/swc-linux-x64-gnu@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-linux-x64-gnu@npm:13.4.19"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-linux-x64-musl@npm:13.5.5"
+"@next/swc-linux-x64-musl@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-linux-x64-musl@npm:13.4.19"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-win32-arm64-msvc@npm:13.5.5"
+"@next/swc-win32-arm64-msvc@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-win32-arm64-msvc@npm:13.4.19"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-win32-ia32-msvc@npm:13.5.5"
+"@next/swc-win32-ia32-msvc@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-win32-ia32-msvc@npm:13.4.19"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:13.5.5":
-  version: 13.5.5
-  resolution: "@next/swc-win32-x64-msvc@npm:13.5.5"
+"@next/swc-win32-x64-msvc@npm:13.4.19":
+  version: 13.4.19
+  resolution: "@next/swc-win32-x64-msvc@npm:13.4.19"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -6663,12 +6663,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.5.2":
-  version: 0.5.2
-  resolution: "@swc/helpers@npm:0.5.2"
+"@swc/helpers@npm:0.5.1":
+  version: 0.5.1
+  resolution: "@swc/helpers@npm:0.5.1"
   dependencies:
     tslib: ^2.4.0
-  checksum: 51d7e3d8bd56818c49d6bfbd715f0dbeedc13cf723af41166e45c03e37f109336bbcb57a1f2020f4015957721aeb21e1a7fff281233d797ff7d3dd1f447fa258
+  checksum: 71e0e27234590435e4c62b97ef5e796f88e786841a38c7116a5e27a3eafa7b9ead7cdec5249b32165902076de78446945311c973e59bddf77c1e24f33a8f272a
   languageName: node
   linkType: hard
 
@@ -18846,7 +18846,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^3.1.12, nanoid@npm:^3.1.30, nanoid@npm:^3.3.3, nanoid@npm:^3.3.6":
+"nanoid@npm:^3.1.12, nanoid@npm:^3.1.30, nanoid@npm:^3.3.3, nanoid@npm:^3.3.4, nanoid@npm:^3.3.6":
   version: 3.3.6
   resolution: "nanoid@npm:3.3.6"
   bin:
@@ -18902,7 +18902,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next-logger@npm:^3.0.2":
+"next-logger@npm:3.0.2":
   version: 3.0.2
   resolution: "next-logger@npm:3.0.2"
   dependencies:
@@ -18914,7 +18914,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next-sanity@npm:^5.5.8":
+"next-sanity@npm:5.5.8":
   version: 5.5.8
   resolution: "next-sanity@npm:5.5.8"
   dependencies:
@@ -18935,26 +18935,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:^13.5.0":
-  version: 13.5.5
-  resolution: "next@npm:13.5.5"
+"next@npm:13.4.19":
+  version: 13.4.19
+  resolution: "next@npm:13.4.19"
   dependencies:
-    "@next/env": 13.5.5
-    "@next/swc-darwin-arm64": 13.5.5
-    "@next/swc-darwin-x64": 13.5.5
-    "@next/swc-linux-arm64-gnu": 13.5.5
-    "@next/swc-linux-arm64-musl": 13.5.5
-    "@next/swc-linux-x64-gnu": 13.5.5
-    "@next/swc-linux-x64-musl": 13.5.5
-    "@next/swc-win32-arm64-msvc": 13.5.5
-    "@next/swc-win32-ia32-msvc": 13.5.5
-    "@next/swc-win32-x64-msvc": 13.5.5
-    "@swc/helpers": 0.5.2
+    "@next/env": 13.4.19
+    "@next/swc-darwin-arm64": 13.4.19
+    "@next/swc-darwin-x64": 13.4.19
+    "@next/swc-linux-arm64-gnu": 13.4.19
+    "@next/swc-linux-arm64-musl": 13.4.19
+    "@next/swc-linux-x64-gnu": 13.4.19
+    "@next/swc-linux-x64-musl": 13.4.19
+    "@next/swc-win32-arm64-msvc": 13.4.19
+    "@next/swc-win32-ia32-msvc": 13.4.19
+    "@next/swc-win32-x64-msvc": 13.4.19
+    "@swc/helpers": 0.5.1
     busboy: 1.6.0
     caniuse-lite: ^1.0.30001406
-    postcss: 8.4.31
+    postcss: 8.4.14
     styled-jsx: 5.1.1
     watchpack: 2.4.0
+    zod: 3.21.4
   peerDependencies:
     "@opentelemetry/api": ^1.1.0
     react: ^18.2.0
@@ -18986,7 +18987,7 @@ __metadata:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: 034a52cf9a5df79912ad67467e00ab98e6505a7544514a12d6310d67fea760764f6b04ade344d457aadecb6170dd50eb0709346fd97a9e6659fcabd5e510fb97
+  checksum: f4873dab8888ed4dae14d36d7cf8dc54cd042695cf7ee41d05e8757f463d11952a594eb066143cc2f7253ea1d41c6efe681cdc3ab8c2fa6eb0815fa5a94de3dc
   languageName: node
   linkType: hard
 
@@ -20927,7 +20928,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:8.4.31, postcss@npm:^8.0.0, postcss@npm:^8.2.14, postcss@npm:^8.4.19, postcss@npm:^8.4.21, postcss@npm:^8.4.23, postcss@npm:^8.4.27, postcss@npm:^8.4.31":
+"postcss@npm:8.4.14":
+  version: 8.4.14
+  resolution: "postcss@npm:8.4.14"
+  dependencies:
+    nanoid: ^3.3.4
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.2
+  checksum: fe58766ff32e4becf65a7d57678995cfd239df6deed2fe0557f038b47c94e4132e7e5f68b5aa820c13adfec32e523b693efaeb65798efb995ce49ccd83953816
+  languageName: node
+  linkType: hard
+
+"postcss@npm:^8.0.0, postcss@npm:^8.2.14, postcss@npm:^8.4.19, postcss@npm:^8.4.21, postcss@npm:^8.4.23, postcss@npm:^8.4.27, postcss@npm:^8.4.31":
   version: 8.4.31
   resolution: "postcss@npm:8.4.31"
   dependencies:
@@ -26473,8 +26485,8 @@ __metadata:
     "@amplitude/analytics-browser": ^2.2.3
     "@axe-core/playwright": ^4.5.2
     "@babel/core": ^7.19.0
-    "@next/bundle-analyzer": ^13.5.0
-    "@next/eslint-plugin-next": ^12.2.0
+    "@next/bundle-analyzer": 13.4.19
+    "@next/eslint-plugin-next": 13.4.19
     "@playwright/test": 1.35.1
     "@portabletext/react": ^3.0.7
     "@sanity/block-tools": ^3.18.0
@@ -26504,9 +26516,9 @@ __metadata:
     jsdom: ^22.1.0
     json5: 2.2.1
     lodash: ^4.17.21
-    next: ^13.5.0
-    next-logger: ^3.0.2
-    next-sanity: ^5.5.8
+    next: 13.4.19
+    next-logger: 3.0.2
+    next-sanity: 5.5.8
     pino: ^8.14.1
     pino-pretty: ^10.0.0
     postcss: ^8.4.31
@@ -27045,6 +27057,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"zod@npm:3.21.4":
+  version: 3.21.4
+  resolution: "zod@npm:3.21.4"
+  checksum: f185ba87342ff16f7a06686767c2b2a7af41110c7edf7c1974095d8db7a73792696bcb4a00853de0d2edeb34a5b2ea6a55871bc864227dace682a0a28de33e1f
+  languageName: node
+  linkType: hard
+
 "zod@npm:^3.21.4":
   version: 3.22.4
   resolution: "zod@npm:3.22.4"

From 6b3932b172e058eccdda65aea20305acf58fe0f8 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Wed, 18 Oct 2023 12:50:12 +0200
Subject: [PATCH 09/14] [aksel.nav.no] :memo: Oppdatert eksempler for Bleed og
 show/hide (#2385)

* :memo: Oppdatert eksempler for Bleed og show/hide

* :recycle: Refactor wrapper rundt bleed-eksempler
---
 .../eksempler/primitive-bleed/as-child.tsx    |  60 +++------
 .../eksempler/primitive-bleed/breakpoints.tsx |  92 -------------
 .../eksempler/primitive-bleed/default.tsx     |  55 +++-----
 .../eksempler/primitive-bleed/directions.tsx  |  60 +++++++++
 .../pages/eksempler/primitive-bleed/full.tsx  |  51 +++----
 .../primitive-bleed/optical-alignment.tsx     |  49 +++++++
 .../pages/eksempler/primitive-bleed/px.tsx    |  54 --------
 .../primitive-bleed/reflective-padding.tsx    | 124 ++++--------------
 .../eksempler/primitive-bleed/responsive.tsx  |  45 +++++++
 .../eksempler/primitive-hide/as-child.tsx     |   6 +-
 .../eksempler/primitive-show/as-child.tsx     |   6 +-
 11 files changed, 239 insertions(+), 363 deletions(-)
 delete mode 100644 aksel.nav.no/website/pages/eksempler/primitive-bleed/breakpoints.tsx
 create mode 100644 aksel.nav.no/website/pages/eksempler/primitive-bleed/directions.tsx
 create mode 100644 aksel.nav.no/website/pages/eksempler/primitive-bleed/optical-alignment.tsx
 delete mode 100644 aksel.nav.no/website/pages/eksempler/primitive-bleed/px.tsx
 create mode 100644 aksel.nav.no/website/pages/eksempler/primitive-bleed/responsive.tsx

diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/as-child.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/as-child.tsx
index 40091cf835..9e256c7838 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-bleed/as-child.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/as-child.tsx
@@ -1,51 +1,28 @@
-import { Bleed, BodyLong, Box, VStack } from "@navikt/ds-react";
+import { Bleed, Box, HStack } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
   return (
-    <>
-      <VStack gap="2">
-        <Box background="surface-alt-1-subtle" padding="5">
-          <Box background="surface-alt-2-subtle" padding="5">
-            <Bleed marginInline="10 0" asChild>
-              <Box padding="3" background="surface-success-subtle">
-                <BodyLong>marginInline=&quot;10 0&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
+    <DemoWrapper>
+      <Bleed marginInline="10" asChild>
+        <Box padding="3" className="p" background="surface-alt-3-subtle">
+          <HStack justify="center">Med asChild</HStack>
         </Box>
-        <Box background="surface-alt-1-subtle" padding="5">
-          <Box background="surface-alt-2-subtle" padding="5">
-            <Bleed marginInline="0 10" asChild>
-              <Box padding="3" background="surface-success-subtle">
-                <BodyLong>marginInline=&quot;0 10&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-        <Box background="surface-alt-1-subtle" padding="5">
-          <Box background="surface-alt-2-subtle" padding="5">
-            <Bleed marginBlock="10 0" asChild>
-              <Box padding="3" background="surface-success-subtle">
-                <BodyLong>marginBlock=&quot;10 0&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-        <Box background="surface-alt-1-subtle" padding="5">
-          <Box background="surface-alt-2-subtle" padding="5">
-            <Bleed marginBlock="0 10" asChild>
-              <Box padding="3" background="surface-success-subtle">
-                <BodyLong>marginBlock=&quot;0 10&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-      </VStack>
-    </>
+      </Bleed>
+    </DemoWrapper>
   );
 };
 
+function DemoWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Box background="surface-alt-3" padding="5" borderRadius="large">
+      <Box background="surface-subtle" padding="5" borderRadius="medium">
+        {children}
+      </Box>
+    </Box>
+  );
+}
+
 export default withDsExample(Example, {
   showBreakpoints: true,
 });
@@ -56,5 +33,6 @@ export const Demo = {
 };
 
 export const args = {
-  index: 0,
+  index: 4,
+  desc: "Vi anbefaler å bruke 'asChild'-prop der mulig. Dette reduserer dom-noder og forenkler output. For at Bleed + child-komponent skal fungere må child kunne ta inn 'className' og 'style' som prop.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/breakpoints.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/breakpoints.tsx
deleted file mode 100644
index 43951bb5b7..0000000000
--- a/aksel.nav.no/website/pages/eksempler/primitive-bleed/breakpoints.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { Bleed, BodyLong, Box, VStack } from "@navikt/ds-react";
-import { withDsExample } from "components/website-modules/examples/withDsExample";
-
-const Example = () => {
-  return (
-    <>
-      <VStack gap="2">
-        <Box background="surface-alt-1-subtle" padding={{ xs: "5", md: "10" }}>
-          <Box
-            background="surface-alt-2-subtle"
-            padding={{ xs: "5", md: "10" }}
-          >
-            <Bleed marginInline={{ xs: "10 0", md: "20 0" }}>
-              <Box
-                padding={{ xs: "3", md: "7" }}
-                background="surface-success-subtle"
-              >
-                <BodyLong>
-                  {'marginInline={{ xs: "10 0", md: "20 0" }}'}
-                </BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-        <Box background="surface-alt-1-subtle" padding={{ xs: "5", md: "10" }}>
-          <Box
-            background="surface-alt-2-subtle"
-            padding={{ xs: "5", md: "10" }}
-          >
-            <Bleed marginInline={{ xs: "0 10", md: "0 20" }}>
-              <Box
-                padding={{ xs: "3", md: "7" }}
-                background="surface-success-subtle"
-              >
-                <BodyLong>
-                  {'marginInline={{ xs: "0 10", md: "0 20" }}'}
-                </BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-        <Box background="surface-alt-1-subtle" padding={{ xs: "5", md: "10" }}>
-          <Box
-            background="surface-alt-2-subtle"
-            padding={{ xs: "5", md: "10" }}
-          >
-            <Bleed marginBlock={{ xs: "10 0", md: "20 0" }}>
-              <Box
-                padding={{ xs: "3", md: "7" }}
-                background="surface-success-subtle"
-              >
-                <BodyLong>
-                  {'marginBlock={{ xs: "10 0", md: "20 0" }}'}
-                </BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-        <Box background="surface-alt-1-subtle" padding={{ xs: "5", md: "10" }}>
-          <Box
-            background="surface-alt-2-subtle"
-            padding={{ xs: "5", md: "10" }}
-          >
-            <Bleed marginBlock={{ xs: "0 10", md: "0 20" }}>
-              <Box
-                padding={{ xs: "3", md: "7" }}
-                background="surface-success-subtle"
-              >
-                <BodyLong>
-                  {'marginBlock={{ xs: "0 10", md: "0 20" }}'}
-                </BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-      </VStack>
-    </>
-  );
-};
-
-export default withDsExample(Example, {
-  showBreakpoints: true,
-});
-
-/* Storybook story */
-export const Demo = {
-  render: Example,
-};
-
-export const args = {
-  index: 0,
-};
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/default.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/default.tsx
index 0bd96f1787..d1fa615550 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-bleed/default.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/default.tsx
@@ -1,49 +1,28 @@
-import { Bleed, BodyLong, Box, VStack } from "@navikt/ds-react";
+import { Bleed, Box, HStack } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
   return (
-    <VStack gap="2">
-      <Box background="surface-alt-1-subtle" padding="5">
-        <Box background="surface-alt-2-subtle" padding="5">
-          <Bleed marginInline="10 0">
-            <Box padding="3" className="p" background="surface-success-subtle">
-              <BodyLong>marginInline=&quot;10 0&quot;</BodyLong>
-            </Box>
-          </Bleed>
+    <DemoWrapper>
+      <Bleed marginInline="10" asChild>
+        <Box padding="3" className="p" background="surface-alt-3-subtle">
+          <HStack justify="center">marginInline</HStack>
         </Box>
-      </Box>
-      <Box background="surface-alt-1-subtle" padding="5">
-        <Box background="surface-alt-2-subtle" padding="5">
-          <Bleed marginInline="0 10">
-            <Box padding="3" className="p" background="surface-success-subtle">
-              <BodyLong>marginInline=&quot;0 10&quot;</BodyLong>
-            </Box>
-          </Bleed>
-        </Box>
-      </Box>
-      <Box background="surface-alt-1-subtle" padding="5">
-        <Box background="surface-alt-2-subtle" padding="5">
-          <Bleed marginBlock="10 0">
-            <Box padding="3" className="p" background="surface-success-subtle">
-              <BodyLong>marginBlock=&quot;10 0&quot;</BodyLong>
-            </Box>
-          </Bleed>
-        </Box>
-      </Box>
-      <Box background="surface-alt-1-subtle" padding="5">
-        <Box background="surface-alt-2-subtle" padding="5">
-          <Bleed marginBlock="0 10">
-            <Box padding="3" className="p" background="surface-success-subtle">
-              <BodyLong>marginBlock=&quot;0 10&quot;</BodyLong>
-            </Box>
-          </Bleed>
-        </Box>
-      </Box>
-    </VStack>
+      </Bleed>
+    </DemoWrapper>
   );
 };
 
+function DemoWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Box background="surface-alt-3" padding="5" borderRadius="large">
+      <Box background="surface-subtle" padding="5" borderRadius="medium">
+        {children}
+      </Box>
+    </Box>
+  );
+}
+
 export default withDsExample(Example, {
   showBreakpoints: true,
 });
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/directions.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/directions.tsx
new file mode 100644
index 0000000000..7cfc3501ae
--- /dev/null
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/directions.tsx
@@ -0,0 +1,60 @@
+import { Bleed, Box, HStack, VStack } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return (
+    <VStack gap="4">
+      <DemoWrapper>
+        <Bleed marginInline="10 0" asChild>
+          <Box padding="3" className="p" background="surface-alt-3-subtle">
+            <HStack justify="center">marginInline start</HStack>
+          </Box>
+        </Bleed>
+      </DemoWrapper>
+      <DemoWrapper>
+        <Bleed marginInline="0 10" asChild>
+          <Box padding="3" className="p" background="surface-alt-3-subtle">
+            <HStack justify="center">marginInline end</HStack>
+          </Box>
+        </Bleed>
+      </DemoWrapper>
+      <DemoWrapper>
+        <Bleed marginBlock="10 0" asChild>
+          <Box padding="3" className="p" background="surface-alt-3-subtle">
+            <HStack justify="center">marginBlock start</HStack>
+          </Box>
+        </Bleed>
+      </DemoWrapper>
+      <DemoWrapper>
+        <Bleed marginBlock="0 10" asChild>
+          <Box padding="3" className="p" background="surface-alt-3-subtle">
+            <HStack justify="center">marginBlock end</HStack>
+          </Box>
+        </Bleed>
+      </DemoWrapper>
+    </VStack>
+  );
+};
+
+function DemoWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Box background="surface-alt-3" padding="5" borderRadius="large">
+      <Box background="surface-subtle" padding="5" borderRadius="medium">
+        {children}
+      </Box>
+    </Box>
+  );
+}
+
+export default withDsExample(Example, {
+  showBreakpoints: true,
+});
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 1,
+};
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/full.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/full.tsx
index 587537eec8..0ac5c9b23c 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-bleed/full.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/full.tsx
@@ -1,42 +1,28 @@
-import { Bleed, BodyLong, Box, VStack } from "@navikt/ds-react";
+import { Bleed, Box, HStack } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
   return (
-    <>
-      <VStack gap="2" align="center">
-        <Box background="surface-alt-1-subtle" padding="10">
-          <Box background="surface-alt-2-subtle" padding="10">
-            <Bleed marginInline="full">
-              <Box background="surface-success-subtle">
-                <BodyLong>marginInline=&quot;full&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
+    <DemoWrapper>
+      <Bleed marginInline="full" asChild>
+        <Box padding="3" className="p" background="surface-alt-3-subtle">
+          <HStack justify="center">Full</HStack>
         </Box>
-        <Box background="surface-alt-1-subtle" padding="10">
-          <Box background="surface-alt-2-subtle" padding="10">
-            <Bleed marginInline="full 0">
-              <Box background="surface-success-subtle">
-                <BodyLong>marginInline=&quot;full 0&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-        <Box background="surface-alt-1-subtle" padding="10">
-          <Box background="surface-alt-2-subtle" padding="10">
-            <Bleed marginInline="0 full">
-              <Box background="surface-success-subtle">
-                <BodyLong>marginInline=&quot;0 full&quot;</BodyLong>
-              </Box>
-            </Bleed>
-          </Box>
-        </Box>
-      </VStack>
-    </>
+      </Bleed>
+    </DemoWrapper>
   );
 };
 
+function DemoWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Box background="surface-alt-3" padding="5" borderRadius="large">
+      <Box background="surface-subtle" padding="5" borderRadius="medium">
+        {children}
+      </Box>
+    </Box>
+  );
+}
+
 export default withDsExample(Example, {
   showBreakpoints: true,
 });
@@ -47,5 +33,6 @@ export const Demo = {
 };
 
 export const args = {
-  index: 0,
+  index: 3,
+  desc: "Full lar Bleed bryte ut av parent og dekke hele skjermbredden. Dette kan være nyttig for 'Heroes' eller lignende elementer som ønsker å bryte ut av parent-layout",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/optical-alignment.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/optical-alignment.tsx
new file mode 100644
index 0000000000..1c2497dde2
--- /dev/null
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/optical-alignment.tsx
@@ -0,0 +1,49 @@
+import { MagnifyingGlassIcon } from "@navikt/aksel-icons";
+import { Bleed, Box, HStack, VStack } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return (
+    <VStack gap="6" align="start">
+      <HStack gap="2" align="center">
+        Med
+        <Box
+          paddingBlock="1"
+          paddingInline="2"
+          background="surface-alt-3-subtle"
+          borderRadius="full"
+        >
+          <Bleed marginBlock="px 0" asChild>
+            <MagnifyingGlassIcon aria-hidden fontSize="1.25rem" />
+          </Bleed>
+        </Box>
+      </HStack>
+
+      <HStack gap="2" align="center">
+        Uten
+        <Box
+          paddingBlock="1"
+          paddingInline="2"
+          background="surface-alt-3-subtle"
+          borderRadius="full"
+        >
+          <MagnifyingGlassIcon aria-hidden fontSize="1.25rem" />
+        </Box>
+      </HStack>
+    </VStack>
+  );
+};
+
+export default withDsExample(Example, {
+  showBreakpoints: true,
+});
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 5,
+  desc: "Noen ganger er det den ene pixelen som skal til for å optisk sentrere elementer.",
+};
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/px.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/px.tsx
deleted file mode 100644
index 85e5df2048..0000000000
--- a/aksel.nav.no/website/pages/eksempler/primitive-bleed/px.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Bleed, Box, HStack } from "@navikt/ds-react";
-import { withDsExample } from "components/website-modules/examples/withDsExample";
-
-const Example = () => {
-  return (
-    <>
-      <style>
-        {`
-        .circle {
-          width: 24px;
-          height: 24px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-        .scale {
-          transform: scale(5);
-        }
-        `}
-      </style>
-      <Box padding="32">
-        <HStack className="" gap="32">
-          <Box
-            className="circle scale"
-            background="surface-success-subtle"
-            borderRadius="full"
-          >
-            L
-          </Box>
-          <Box
-            className="circle scale"
-            background="surface-success-subtle"
-            borderRadius="full"
-          >
-            <Bleed marginInline="0 px">L</Bleed>
-          </Box>
-        </HStack>
-      </Box>
-    </>
-  );
-};
-
-export default withDsExample(Example, {
-  showBreakpoints: true,
-});
-
-/* Storybook story */
-export const Demo = {
-  render: Example,
-};
-
-export const args = {
-  index: 0,
-};
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/reflective-padding.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/reflective-padding.tsx
index f51734e6ba..a1a0fb1518 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-bleed/reflective-padding.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/reflective-padding.tsx
@@ -1,109 +1,33 @@
-import { Bleed, BodyLong, Box, HStack, VStack } from "@navikt/ds-react";
+import { Bleed, Box, VStack } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
   return (
-    <>
-      <style>
-        {`
-      .navds-bleed {
-        background-color: var(--a-surface-success-subtle);
-        width: fit-content;
-      }
-      `}
-      </style>
-      <HStack gap="3">
-        <VStack gap="2">
-          <p>CSS string</p>
-          <Box background="surface-alt-1-subtle" padding="5">
-            <Box background="surface-alt-2-subtle" padding="5">
-              <Bleed asChild>
-                <BodyLong>before Bleed</BodyLong>
-              </Bleed>
-            </Box>
-          </Box>
-          <Box background="surface-alt-1-subtle" padding="5">
-            <Box background="surface-alt-2-subtle" padding="5">
-              <Bleed marginInline="10 0" asChild>
-                <BodyLong>without reflectivePadding</BodyLong>
-              </Bleed>
-            </Box>
-          </Box>
-          <Box background="surface-alt-1-subtle" padding="5">
-            <Box background="surface-alt-2-subtle" padding="5">
-              <Bleed marginInline="10 0" reflectivePadding asChild>
-                <BodyLong>with reflectivePadding</BodyLong>
-              </Bleed>
-            </Box>
-          </Box>
-        </VStack>
-
-        <VStack gap="2">
-          <p>breakpoints</p>
-          <Box
-            background="surface-alt-1-subtle"
-            padding={{ xs: "2", sm: "4", md: "6", lg: "8", xl: "10" }}
-          >
-            <Box
-              background="surface-alt-2-subtle"
-              padding={{ xs: "2", sm: "4", md: "6", lg: "8", xl: "10" }}
-            >
-              <Bleed asChild>
-                <BodyLong>before Bleed</BodyLong>
-              </Bleed>
-            </Box>
-          </Box>
-          <Box
-            background="surface-alt-1-subtle"
-            padding={{ xs: "2", sm: "4", md: "6", lg: "8", xl: "10" }}
-          >
-            <Box
-              background="surface-alt-2-subtle"
-              padding={{ xs: "2", sm: "4", md: "6", lg: "8", xl: "10" }}
-            >
-              <Bleed
-                marginInline={{
-                  xs: "4 0",
-                  sm: "8 0",
-                  md: "12 0",
-                  lg: "16 0",
-                  xl: "20 0",
-                }}
-                asChild
-              >
-                <BodyLong>without reflectivePadding</BodyLong>
-              </Bleed>
-            </Box>
-          </Box>
-          <Box
-            background="surface-alt-1-subtle"
-            padding={{ xs: "2", sm: "4", md: "6", lg: "8", xl: "10" }}
-          >
-            <Box
-              background="surface-alt-2-subtle"
-              padding={{ xs: "2", sm: "4", md: "6", lg: "8", xl: "10" }}
-            >
-              <Bleed
-                marginInline={{
-                  xs: "4 0",
-                  sm: "8 0",
-                  md: "12 0",
-                  lg: "16 0",
-                  xl: "20 0",
-                }}
-                reflectivePadding
-                asChild
-              >
-                <BodyLong>with reflectivePadding</BodyLong>
-              </Bleed>
-            </Box>
-          </Box>
-        </VStack>
-      </HStack>
-    </>
+    <DemoWrapper>
+      <Bleed marginInline="10" asChild reflectivePadding>
+        <Box className="p" background="surface-alt-3-subtle">
+          reflectivePadding lar innhold forbli der det ville vært uten Bleed
+        </Box>
+      </Bleed>
+      <Bleed marginInline="10" asChild>
+        <Box className="p" background="surface-alt-3-subtle">
+          Uten reflectivePadding
+        </Box>
+      </Bleed>
+    </DemoWrapper>
   );
 };
 
+function DemoWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Box background="surface-alt-3" padding="5" borderRadius="large">
+      <Box background="surface-subtle" padding="5" borderRadius="medium">
+        <VStack gap="4">{children}</VStack>
+      </Box>
+    </Box>
+  );
+}
+
 export default withDsExample(Example, {
   showBreakpoints: true,
 });
@@ -114,5 +38,5 @@ export const Demo = {
 };
 
 export const args = {
-  index: 0,
+  index: 2,
 };
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-bleed/responsive.tsx b/aksel.nav.no/website/pages/eksempler/primitive-bleed/responsive.tsx
new file mode 100644
index 0000000000..cb097cebe0
--- /dev/null
+++ b/aksel.nav.no/website/pages/eksempler/primitive-bleed/responsive.tsx
@@ -0,0 +1,45 @@
+import { Bleed, BodyLong, Box, HStack } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return (
+    <DemoWrapper>
+      <Bleed marginInline={{ xs: "8", md: "12", lg: "16" }} asChild>
+        <Box padding="3" className="p" background="surface-alt-3-subtle">
+          <HStack justify="center">
+            <BodyLong>xs: 8, md: 12, lg: 16</BodyLong>
+          </HStack>
+        </Box>
+      </Bleed>
+    </DemoWrapper>
+  );
+};
+
+function DemoWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <Box
+      background="surface-alt-3"
+      paddingBlock="4"
+      paddingInline={{ xs: "4", md: "8", lg: "12" }}
+      borderRadius="large"
+    >
+      <Box background="surface-subtle" padding="4" borderRadius="medium">
+        {children}
+      </Box>
+    </Box>
+  );
+}
+
+export default withDsExample(Example, {
+  showBreakpoints: true,
+});
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 1,
+  desc: "Margin block/inline er begge reponsive, som lar deg endre negativ margin dynamiskt basert på brekkpunkter.",
+};
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-hide/as-child.tsx b/aksel.nav.no/website/pages/eksempler/primitive-hide/as-child.tsx
index 43bc58e6b5..705437bf03 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-hide/as-child.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-hide/as-child.tsx
@@ -1,6 +1,6 @@
-import { Hide, HGrid } from "@navikt/ds-react";
-import { withDsExample } from "components/website-modules/examples/withDsExample";
+import { HGrid, Hide } from "@navikt/ds-react";
 import cl from "clsx";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
   return (
@@ -22,7 +22,7 @@ export const Demo = {
 
 export const args = {
   index: 0,
-  desc: "Vi anbefaler å bruke 'asChild'-prop der mulig. Dette reduserer dom-noder og forenkler output. For at Hide + child-komponent skal fungere må child kunne ta inn 'className' som prop.",
+  desc: "Vi anbefaler å bruke 'asChild'-prop der mulig. Dette reduserer dom-noder og forenkler output. For at Hide + child-komponent skal fungere må child kunne ta inn 'className' og 'style' som prop.",
 };
 
 const Placeholder = ({
diff --git a/aksel.nav.no/website/pages/eksempler/primitive-show/as-child.tsx b/aksel.nav.no/website/pages/eksempler/primitive-show/as-child.tsx
index 7f83844172..beecc1eafe 100644
--- a/aksel.nav.no/website/pages/eksempler/primitive-show/as-child.tsx
+++ b/aksel.nav.no/website/pages/eksempler/primitive-show/as-child.tsx
@@ -1,6 +1,6 @@
-import { Show, HGrid } from "@navikt/ds-react";
-import { withDsExample } from "components/website-modules/examples/withDsExample";
+import { HGrid, Show } from "@navikt/ds-react";
 import cl from "clsx";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
   return (
@@ -22,7 +22,7 @@ export const Demo = {
 
 export const args = {
   index: 0,
-  desc: "Vi anbefaler å bruke 'asChild'-prop der mulig. Dette reduserer dom-noder og forenkler output. For at Show + child-komponent skal fungere må child kunne ta inn 'className' som prop.",
+  desc: "Vi anbefaler å bruke 'asChild'-prop der mulig. Dette reduserer dom-noder og forenkler output. For at Show + child-komponent skal fungere må child kunne ta inn 'className' og 'style' som prop.",
 };
 
 const Placeholder = ({

From 1d635e1dbd7c445e9919a48c308fee2609a4c6c5 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Wed, 18 Oct 2023 15:57:07 +0200
Subject: [PATCH 10/14] :arrow_down: reverted til gammel nextjs-versjon (#2393)

---
 aksel.nav.no/website/package.json |   6 +-
 yarn.lock                         | 181 +++++++++++++-----------------
 2 files changed, 84 insertions(+), 103 deletions(-)

diff --git a/aksel.nav.no/website/package.json b/aksel.nav.no/website/package.json
index e9d17246c3..06153a5378 100644
--- a/aksel.nav.no/website/package.json
+++ b/aksel.nav.no/website/package.json
@@ -42,7 +42,7 @@
     "date-fns": "2.29.3",
     "fuse.js": "^6.6.2",
     "lodash": "^4.17.21",
-    "next": "13.4.19",
+    "next": "^13.2.1",
     "next-logger": "3.0.2",
     "next-sanity": "5.5.8",
     "pino": "^8.14.1",
@@ -63,8 +63,8 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.5.2",
     "@babel/core": "^7.19.0",
-    "@next/bundle-analyzer": "13.4.19",
-    "@next/eslint-plugin-next": "13.4.19",
+    "@next/bundle-analyzer": "^13.2.1",
+    "@next/eslint-plugin-next": "^13.2.1",
     "@playwright/test": "1.35.1",
     "@sanity/block-tools": "^3.18.0",
     "@sanity/schema": "^3.18.0",
diff --git a/yarn.lock b/yarn.lock
index b0d932faef..42996b2c2f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3415,7 +3415,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@navikt/aksel-icons@^5.7.2, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
+"@navikt/aksel-icons@^5.7.3, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
   version: 0.0.0-use.local
   resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons"
   dependencies:
@@ -3442,8 +3442,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@navikt/aksel-stylelint@workspace:@navikt/aksel-stylelint"
   dependencies:
-    "@navikt/ds-css": ^5.7.2
-    "@navikt/ds-tokens": ^5.7.2
+    "@navikt/ds-css": ^5.7.3
+    "@navikt/ds-tokens": ^5.7.3
     "@types/jest": ^29.0.0
     concurrently: 7.2.1
     copyfiles: 2.4.1
@@ -3461,7 +3461,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@navikt/aksel@workspace:@navikt/aksel"
   dependencies:
-    "@navikt/ds-css": 5.7.2
+    "@navikt/ds-css": 5.7.3
     "@types/inquirer": ^9.0.3
     "@types/jest": ^29.0.0
     axios: 1.3.6
@@ -3485,11 +3485,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css@*, @navikt/ds-css@5.7.2, @navikt/ds-css@^5.7.2, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@*, @navikt/ds-css@5.7.3, @navikt/ds-css@^5.7.3, @navikt/ds-css@workspace:@navikt/core/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css@workspace:@navikt/core/css"
   dependencies:
-    "@navikt/ds-tokens": ^5.7.2
+    "@navikt/ds-tokens": ^5.7.3
     cssnano: 6.0.0
     fast-glob: 3.2.11
     lodash: 4.17.21
@@ -3502,13 +3502,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@*, @navikt/ds-react@^5.7.2, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@*, @navikt/ds-react@^5.7.3, @navikt/ds-react@workspace:@navikt/core/react":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-react@workspace:@navikt/core/react"
   dependencies:
     "@floating-ui/react": 0.25.4
-    "@navikt/aksel-icons": ^5.7.2
-    "@navikt/ds-tokens": ^5.7.2
+    "@navikt/aksel-icons": ^5.7.3
+    "@navikt/ds-tokens": ^5.7.3
     "@radix-ui/react-tabs": 1.0.0
     "@radix-ui/react-toggle-group": 1.0.0
     "@testing-library/dom": 8.13.0
@@ -3542,11 +3542,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tailwind@^5.7.2, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^5.7.3, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind"
   dependencies:
-    "@navikt/ds-tokens": ^5.7.2
+    "@navikt/ds-tokens": ^5.7.3
     "@types/jest": ^29.0.0
     color: 4.2.3
     jest: ^29.0.0
@@ -3557,7 +3557,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tokens@^5.7.2, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^5.7.3, @navikt/ds-tokens@workspace:@navikt/core/tokens":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
   dependencies:
@@ -3584,90 +3584,90 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/bundle-analyzer@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/bundle-analyzer@npm:13.4.19"
+"@next/bundle-analyzer@npm:^13.2.1":
+  version: 13.5.5
+  resolution: "@next/bundle-analyzer@npm:13.5.5"
   dependencies:
     webpack-bundle-analyzer: 4.7.0
-  checksum: 562ff4c21ae0b2a8061b7a5faac282319e8d197678138442151ab0de4af5a6e27b0900b5779d24df5758a9da45c5d5445e1ba3a35ea7507288965fa9fdcec53b
+  checksum: b28f8880bf7867dab53fa6001658d4ba57949febc7a71e1dc45e05f7a55e0c106672662699c930fa5fad534946fed9611f8f60564109feaed0cb2b6e3631c4e4
   languageName: node
   linkType: hard
 
-"@next/env@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/env@npm:13.4.19"
-  checksum: ace4f82890954ade0164fbe2b7ff988268d2b99b2e80caa6707c51fa4cbfaaa31e48fbbcecd4fd142af3503c544e1b4c91e8185d4af253c8fb46550e9e70ad7e
+"@next/env@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/env@npm:13.5.5"
+  checksum: 4e3a92f2bd60189d81eb0437bf8141de26dec371edc125553c2d93b1de4c40ce99e8c81f60d8450961fab5c8880a6bcfccd23d9ef9c86aceab2f5380776def9f
   languageName: node
   linkType: hard
 
-"@next/eslint-plugin-next@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/eslint-plugin-next@npm:13.4.19"
+"@next/eslint-plugin-next@npm:^13.2.1":
+  version: 13.5.5
+  resolution: "@next/eslint-plugin-next@npm:13.5.5"
   dependencies:
     glob: 7.1.7
-  checksum: d60c136e4a8d156b50d4b248eef9918bbf4bd7da293487cdf1f7bc172b07beeae4a2822798942d2f87999af86c53d871ebea592f3d6099ae23a0746d2abf7c73
+  checksum: 760747343864e9edfefbed686dba2b06319a62c327f5357c44b8f66f558f4a6696712e5ce88166cc6f637b2ed5cae3b7f8261f53c074776c778308912979db88
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-darwin-arm64@npm:13.4.19"
+"@next/swc-darwin-arm64@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-darwin-arm64@npm:13.5.5"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-darwin-x64@npm:13.4.19"
+"@next/swc-darwin-x64@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-darwin-x64@npm:13.5.5"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-linux-arm64-gnu@npm:13.4.19"
+"@next/swc-linux-arm64-gnu@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-linux-arm64-gnu@npm:13.5.5"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-linux-arm64-musl@npm:13.4.19"
+"@next/swc-linux-arm64-musl@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-linux-arm64-musl@npm:13.5.5"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-linux-x64-gnu@npm:13.4.19"
+"@next/swc-linux-x64-gnu@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-linux-x64-gnu@npm:13.5.5"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-linux-x64-musl@npm:13.4.19"
+"@next/swc-linux-x64-musl@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-linux-x64-musl@npm:13.5.5"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-win32-arm64-msvc@npm:13.4.19"
+"@next/swc-win32-arm64-msvc@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-win32-arm64-msvc@npm:13.5.5"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-win32-ia32-msvc@npm:13.4.19"
+"@next/swc-win32-ia32-msvc@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-win32-ia32-msvc@npm:13.5.5"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:13.4.19":
-  version: 13.4.19
-  resolution: "@next/swc-win32-x64-msvc@npm:13.4.19"
+"@next/swc-win32-x64-msvc@npm:13.5.5":
+  version: 13.5.5
+  resolution: "@next/swc-win32-x64-msvc@npm:13.5.5"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -6663,12 +6663,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.5.1":
-  version: 0.5.1
-  resolution: "@swc/helpers@npm:0.5.1"
+"@swc/helpers@npm:0.5.2":
+  version: 0.5.2
+  resolution: "@swc/helpers@npm:0.5.2"
   dependencies:
     tslib: ^2.4.0
-  checksum: 71e0e27234590435e4c62b97ef5e796f88e786841a38c7116a5e27a3eafa7b9ead7cdec5249b32165902076de78446945311c973e59bddf77c1e24f33a8f272a
+  checksum: 51d7e3d8bd56818c49d6bfbd715f0dbeedc13cf723af41166e45c03e37f109336bbcb57a1f2020f4015957721aeb21e1a7fff281233d797ff7d3dd1f447fa258
   languageName: node
   linkType: hard
 
@@ -8410,11 +8410,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "aksel.nav.no@workspace:aksel.nav.no"
   dependencies:
-    "@navikt/aksel-icons": ^5.7.2
-    "@navikt/ds-css": ^5.7.2
-    "@navikt/ds-react": ^5.7.2
-    "@navikt/ds-tailwind": ^5.7.2
-    "@navikt/ds-tokens": ^5.7.2
+    "@navikt/aksel-icons": ^5.7.3
+    "@navikt/ds-css": ^5.7.3
+    "@navikt/ds-react": ^5.7.3
+    "@navikt/ds-tailwind": ^5.7.3
+    "@navikt/ds-tokens": ^5.7.3
     prettier-plugin-tailwindcss: ^0.2.3
   languageName: unknown
   linkType: soft
@@ -18846,7 +18846,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^3.1.12, nanoid@npm:^3.1.30, nanoid@npm:^3.3.3, nanoid@npm:^3.3.4, nanoid@npm:^3.3.6":
+"nanoid@npm:^3.1.12, nanoid@npm:^3.1.30, nanoid@npm:^3.3.3, nanoid@npm:^3.3.6":
   version: 3.3.6
   resolution: "nanoid@npm:3.3.6"
   bin:
@@ -18935,27 +18935,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:13.4.19":
-  version: 13.4.19
-  resolution: "next@npm:13.4.19"
+"next@npm:^13.2.1":
+  version: 13.5.5
+  resolution: "next@npm:13.5.5"
   dependencies:
-    "@next/env": 13.4.19
-    "@next/swc-darwin-arm64": 13.4.19
-    "@next/swc-darwin-x64": 13.4.19
-    "@next/swc-linux-arm64-gnu": 13.4.19
-    "@next/swc-linux-arm64-musl": 13.4.19
-    "@next/swc-linux-x64-gnu": 13.4.19
-    "@next/swc-linux-x64-musl": 13.4.19
-    "@next/swc-win32-arm64-msvc": 13.4.19
-    "@next/swc-win32-ia32-msvc": 13.4.19
-    "@next/swc-win32-x64-msvc": 13.4.19
-    "@swc/helpers": 0.5.1
+    "@next/env": 13.5.5
+    "@next/swc-darwin-arm64": 13.5.5
+    "@next/swc-darwin-x64": 13.5.5
+    "@next/swc-linux-arm64-gnu": 13.5.5
+    "@next/swc-linux-arm64-musl": 13.5.5
+    "@next/swc-linux-x64-gnu": 13.5.5
+    "@next/swc-linux-x64-musl": 13.5.5
+    "@next/swc-win32-arm64-msvc": 13.5.5
+    "@next/swc-win32-ia32-msvc": 13.5.5
+    "@next/swc-win32-x64-msvc": 13.5.5
+    "@swc/helpers": 0.5.2
     busboy: 1.6.0
     caniuse-lite: ^1.0.30001406
-    postcss: 8.4.14
+    postcss: 8.4.31
     styled-jsx: 5.1.1
     watchpack: 2.4.0
-    zod: 3.21.4
   peerDependencies:
     "@opentelemetry/api": ^1.1.0
     react: ^18.2.0
@@ -18987,7 +18986,7 @@ __metadata:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: f4873dab8888ed4dae14d36d7cf8dc54cd042695cf7ee41d05e8757f463d11952a594eb066143cc2f7253ea1d41c6efe681cdc3ab8c2fa6eb0815fa5a94de3dc
+  checksum: 034a52cf9a5df79912ad67467e00ab98e6505a7544514a12d6310d67fea760764f6b04ade344d457aadecb6170dd50eb0709346fd97a9e6659fcabd5e510fb97
   languageName: node
   linkType: hard
 
@@ -20928,18 +20927,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:8.4.14":
-  version: 8.4.14
-  resolution: "postcss@npm:8.4.14"
-  dependencies:
-    nanoid: ^3.3.4
-    picocolors: ^1.0.0
-    source-map-js: ^1.0.2
-  checksum: fe58766ff32e4becf65a7d57678995cfd239df6deed2fe0557f038b47c94e4132e7e5f68b5aa820c13adfec32e523b693efaeb65798efb995ce49ccd83953816
-  languageName: node
-  linkType: hard
-
-"postcss@npm:^8.0.0, postcss@npm:^8.2.14, postcss@npm:^8.4.19, postcss@npm:^8.4.21, postcss@npm:^8.4.23, postcss@npm:^8.4.27, postcss@npm:^8.4.31":
+"postcss@npm:8.4.31, postcss@npm:^8.0.0, postcss@npm:^8.2.14, postcss@npm:^8.4.19, postcss@npm:^8.4.21, postcss@npm:^8.4.23, postcss@npm:^8.4.27, postcss@npm:^8.4.31":
   version: 8.4.31
   resolution: "postcss@npm:8.4.31"
   dependencies:
@@ -26485,8 +26473,8 @@ __metadata:
     "@amplitude/analytics-browser": ^2.2.3
     "@axe-core/playwright": ^4.5.2
     "@babel/core": ^7.19.0
-    "@next/bundle-analyzer": 13.4.19
-    "@next/eslint-plugin-next": 13.4.19
+    "@next/bundle-analyzer": ^13.2.1
+    "@next/eslint-plugin-next": ^13.2.1
     "@playwright/test": 1.35.1
     "@portabletext/react": ^3.0.7
     "@sanity/block-tools": ^3.18.0
@@ -26516,7 +26504,7 @@ __metadata:
     jsdom: ^22.1.0
     json5: 2.2.1
     lodash: ^4.17.21
-    next: 13.4.19
+    next: ^13.2.1
     next-logger: 3.0.2
     next-sanity: 5.5.8
     pino: ^8.14.1
@@ -27057,13 +27045,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod@npm:3.21.4":
-  version: 3.21.4
-  resolution: "zod@npm:3.21.4"
-  checksum: f185ba87342ff16f7a06686767c2b2a7af41110c7edf7c1974095d8db7a73792696bcb4a00853de0d2edeb34a5b2ea6a55871bc864227dace682a0a28de33e1f
-  languageName: node
-  linkType: hard
-
 "zod@npm:^3.21.4":
   version: 3.22.4
   resolution: "zod@npm:3.22.4"

From d5d88986597714a28e6c127b6b7799716ffeee37 Mon Sep 17 00:00:00 2001
From: Ken <ken.aleksander@gmail.com>
Date: Thu, 19 Oct 2023 18:28:24 +0200
Subject: [PATCH 11/14] :bug: Riktig CSP for hotjar

---
 aksel.nav.no/website/next.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aksel.nav.no/website/next.config.js b/aksel.nav.no/website/next.config.js
index c45700b0a9..4d3a589eec 100644
--- a/aksel.nav.no/website/next.config.js
+++ b/aksel.nav.no/website/next.config.js
@@ -13,7 +13,7 @@ const ContentSecurityPolicy = `
   img-src 'self' cdn.sanity.io https://avatars.githubusercontent.com data: ${cdnUrl} ${hotjarUrl};
   script-src 'self' ${cdnUrl} ${hotjarUrl} https://in2.taskanalytics.com/tm.js 'nonce-4e1aa203a32e' 'unsafe-eval';
   style-src 'self' ${cdnUrl} ${hotjarUrl} 'unsafe-inline';
-  connect-src 'self' ${cdnUrl} ${hotjarUrl} https://raw.githubusercontent.com/navikt/ https://hnbe3yhs.apicdn.sanity.io wss://hnbe3yhs.api.sanity.io cdn.sanity.io *.api.sanity.io https://amplitude.nav.no https://in2.taskanalytics.com/03346;
+  connect-src 'self' ${cdnUrl} ${hotjarUrl} https://*.hotjar.io wss://*.hotjar.com https://raw.githubusercontent.com/navikt/ https://hnbe3yhs.apicdn.sanity.io wss://hnbe3yhs.api.sanity.io cdn.sanity.io *.api.sanity.io https://amplitude.nav.no https://in2.taskanalytics.com/03346;
   frame-ancestors 'self' localhost:3000;
   media-src 'self' ${cdnUrl} cdn.sanity.io;
   frame-src 'self' https://web.microsoftstream.com localhost:3000 https://aksel.ekstern.dev.nav.no;

From 8524346044c057797497eead5b32b9e2b6e4d733 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Thu, 19 Oct 2023 19:52:06 +0200
Subject: [PATCH 12/14] =?UTF-8?q?=F0=9F=90=9B=20Modal=20+=20=20Popover=20f?=
 =?UTF-8?q?ix=20(#2400)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* :test_tube: SB-demo

* :bug: Datepicker-popover vises ikke ritkig i Modal

* :memo: Modal + datepicker demo
---
 .changeset/ninety-taxis-peel.md               |  5 +++
 .../date/datepicker/datepicker.stories.tsx    | 44 ++++++++++++++++++-
 @navikt/core/react/src/popover/Popover.tsx    |  4 +-
 .../pages/eksempler/datepicker/modal.tsx      | 40 +++++++----------
 4 files changed, 66 insertions(+), 27 deletions(-)
 create mode 100644 .changeset/ninety-taxis-peel.md

diff --git a/.changeset/ninety-taxis-peel.md b/.changeset/ninety-taxis-peel.md
new file mode 100644
index 0000000000..2ac4d45b19
--- /dev/null
+++ b/.changeset/ninety-taxis-peel.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": patch
+---
+
+Datepicker: Fungerer nå bedre i Modal
diff --git a/@navikt/core/react/src/date/datepicker/datepicker.stories.tsx b/@navikt/core/react/src/date/datepicker/datepicker.stories.tsx
index 707ce2490d..241962b6cf 100644
--- a/@navikt/core/react/src/date/datepicker/datepicker.stories.tsx
+++ b/@navikt/core/react/src/date/datepicker/datepicker.stories.tsx
@@ -1,10 +1,11 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import { Meta, StoryObj } from "@storybook/react";
+import isSameDay from "date-fns/isSameDay";
 import React, { useId, useState } from "react";
 import { useDatepicker, useRangeDatepicker } from "..";
-import { Button, HGrid, VStack } from "../..";
+import { BodyLong, Button, HGrid, HStack, Modal, VStack } from "../..";
+
 import DatePicker, { DatePickerProps } from "./DatePicker";
-import isSameDay from "date-fns/isSameDay";
 
 const disabledDays = [
   new Date("Oct 10 2022"),
@@ -432,3 +433,42 @@ export const WeekDayClick = () => {
     </VStack>
   );
 };
+
+export const ModalDemo = () => {
+  const { datepickerProps, inputProps } = useDatepicker({
+    fromDate: new Date("Aug 23 2019"),
+    toDate: new Date("Feb 23 2024"),
+    onDateChange: console.log,
+  });
+
+  return (
+    <Modal open header={{ heading: "Modal-demo" }} width="1024px">
+      <Modal.Body style={{ position: "relative" }}>
+        <BodyLong>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maiores nisi
+          incidunt ipsum cupiditate nostrum nesciunt, corrupti nihil at atque
+          animi ab aut. Quam iusto harum eligendi magnam nulla repudiandae
+          molestias.
+        </BodyLong>
+
+        <HGrid gap="6" columns={{ xs: 1, lg: 2 }}>
+          <HStack justify="center" align="start">
+            <DatePicker.Standalone
+              fromDate={new Date("Aug 23 2019")}
+              toDate={new Date("Feb 23 2024")}
+            />
+          </HStack>
+          <DatePicker {...datepickerProps} dropdownCaption>
+            <DatePicker.Input {...inputProps} label="Velg dato" />
+          </DatePicker>
+          <HStack justify="center">
+            <DatePicker.Standalone
+              fromDate={new Date("Aug 23 2019")}
+              toDate={new Date("Feb 23 2024")}
+            />
+          </HStack>
+        </HGrid>
+      </Modal.Body>
+    </Modal>
+  );
+};
diff --git a/@navikt/core/react/src/popover/Popover.tsx b/@navikt/core/react/src/popover/Popover.tsx
index c434fa11cb..599ce37c06 100644
--- a/@navikt/core/react/src/popover/Popover.tsx
+++ b/@navikt/core/react/src/popover/Popover.tsx
@@ -133,6 +133,7 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
     const arrowRef = useRef<HTMLDivElement | null>(null);
     const isInModal = useContext(ModalContext) !== null;
     const chosenStrategy = userStrategy ?? (isInModal ? "fixed" : "absolute");
+    const chosenFlip = isInModal ? true : _flip;
 
     const {
       x,
@@ -150,7 +151,8 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
       onOpenChange: () => onClose(),
       middleware: [
         flOffset(offset ?? (arrow ? 16 : 4)),
-        _flip && flip({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
+        chosenFlip &&
+          flip({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
         shift({ padding: 12 }),
         flArrow({ element: arrowRef, padding: 8 }),
       ],
diff --git a/aksel.nav.no/website/pages/eksempler/datepicker/modal.tsx b/aksel.nav.no/website/pages/eksempler/datepicker/modal.tsx
index 2da1cfccf1..386ab31d05 100644
--- a/aksel.nav.no/website/pages/eksempler/datepicker/modal.tsx
+++ b/aksel.nav.no/website/pages/eksempler/datepicker/modal.tsx
@@ -1,35 +1,27 @@
-import { DatePicker, useDatepicker, Button, Modal } from "@navikt/ds-react";
+import { DatePicker, Modal } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
-import { useRef } from "react";
 import format from "date-fns/format";
 import nbLocale from "date-fns/locale/nb";
+import { useState } from "react";
 
 const Example = () => {
-  const ref = useRef<HTMLDialogElement>(null);
-
-  const { datepickerProps, inputProps, selectedDay } = useDatepicker({
-    fromDate: new Date("Aug 23 2019"),
-    onDateChange: console.log,
-  });
+  const [date, setDate] = useState(null);
 
   return (
-    <>
-      <Button onClick={() => ref.current?.showModal()}>Åpne modal</Button>
-
-      <Modal ref={ref} header={{ heading: "Heading" }}>
-        <Modal.Body>
-          <div className="min-h-96 min-w-96 max-w-full">
-            <DatePicker {...datepickerProps}>
-              <DatePicker.Input {...inputProps} label="Velg dato" />
-            </DatePicker>
-            <div className="pt-4">
-              {selectedDay &&
-                format(selectedDay, "dd.MM.yyyy", { locale: nbLocale })}
-            </div>
+    <Modal open header={{ heading: "Heading" }}>
+      <Modal.Body>
+        <div className="min-h-96 min-w-96 max-w-full">
+          <DatePicker.Standalone
+            onSelect={setDate}
+            fromDate={new Date("Aug 23 2019")}
+            fixedWeeks
+          />
+          <div className="pt-4">
+            {date && format(date, "dd.MM.yyyy", { locale: nbLocale })}
           </div>
-        </Modal.Body>
-      </Modal>
-    </>
+        </div>
+      </Modal.Body>
+    </Modal>
   );
 };
 

From 7007d3c58ec9d3e8cc7251da0370f39da181532f Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 19 Oct 2023 19:56:13 +0200
Subject: [PATCH 13/14] Version Packages (#2401)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .changeset/ninety-taxis-peel.md      |   5 -
 @navikt/aksel-icons/CHANGELOG.md     |   2 +
 @navikt/aksel-icons/package.json     |   2 +-
 @navikt/aksel-stylelint/CHANGELOG.md |   2 +
 @navikt/aksel-stylelint/package.json |   6 +-
 @navikt/aksel/CHANGELOG.md           |   7 +
 @navikt/aksel/package.json           |   4 +-
 @navikt/core/css/CHANGELOG.md        |   2 +
 @navikt/core/css/package.json        |   4 +-
 @navikt/core/react/CHANGELOG.md      |  10 +
 @navikt/core/react/package.json      |   6 +-
 @navikt/core/tailwind/CHANGELOG.md   |   2 +
 @navikt/core/tailwind/package.json   |   4 +-
 @navikt/core/tokens/CHANGELOG.md     |   2 +
 @navikt/core/tokens/package.json     |   2 +-
 CHANGELOG.md                         | 400 ++++++++++++++-------------
 aksel.nav.no/package.json            |  10 +-
 17 files changed, 249 insertions(+), 221 deletions(-)
 delete mode 100644 .changeset/ninety-taxis-peel.md

diff --git a/.changeset/ninety-taxis-peel.md b/.changeset/ninety-taxis-peel.md
deleted file mode 100644
index 2ac4d45b19..0000000000
--- a/.changeset/ninety-taxis-peel.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@navikt/ds-react": patch
----
-
-Datepicker: Fungerer nå bedre i Modal
diff --git a/@navikt/aksel-icons/CHANGELOG.md b/@navikt/aksel-icons/CHANGELOG.md
index 26a0a2df9d..7e855ad24e 100644
--- a/@navikt/aksel-icons/CHANGELOG.md
+++ b/@navikt/aksel-icons/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/aksel-icons
 
+## 5.7.4
+
 ## 5.7.3
 
 ## 5.7.2
diff --git a/@navikt/aksel-icons/package.json b/@navikt/aksel-icons/package.json
index c6729c02ba..359338e866 100644
--- a/@navikt/aksel-icons/package.json
+++ b/@navikt/aksel-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-icons",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/ikoner",
   "repository": {
diff --git a/@navikt/aksel-stylelint/CHANGELOG.md b/@navikt/aksel-stylelint/CHANGELOG.md
index 5c4365c732..e10cc260eb 100644
--- a/@navikt/aksel-stylelint/CHANGELOG.md
+++ b/@navikt/aksel-stylelint/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/aksel-stylelint
 
+## 5.7.4
+
 ## 5.7.3
 
 ## 5.7.2
diff --git a/@navikt/aksel-stylelint/package.json b/@navikt/aksel-stylelint/package.json
index 062a9cb7d9..72e7b75e60 100644
--- a/@navikt/aksel-stylelint/package.json
+++ b/@navikt/aksel-stylelint/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^5.7.3",
-    "@navikt/ds-tokens": "^5.7.3",
+    "@navikt/ds-css": "^5.7.4",
+    "@navikt/ds-tokens": "^5.7.4",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",
diff --git a/@navikt/aksel/CHANGELOG.md b/@navikt/aksel/CHANGELOG.md
index 0b72282aef..0c1ec2534c 100644
--- a/@navikt/aksel/CHANGELOG.md
+++ b/@navikt/aksel/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @navikt/aksel
 
+## 5.7.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.7.4
+
 ## 5.7.3
 
 ### Patch Changes
diff --git a/@navikt/aksel/package.json b/@navikt/aksel/package.json
index bd9204cc47..0989b9e902 100644
--- a/@navikt/aksel/package.json
+++ b/@navikt/aksel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "Aksel command line interface. Handles css-imports, codemods and more",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -29,7 +29,7 @@
   },
   "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
   "dependencies": {
-    "@navikt/ds-css": "5.7.3",
+    "@navikt/ds-css": "5.7.4",
     "axios": "1.3.6",
     "chalk": "4.1.0",
     "clipboardy": "^2.3.0",
diff --git a/@navikt/core/css/CHANGELOG.md b/@navikt/core/css/CHANGELOG.md
index f3f7b42ead..29a9acaeec 100644
--- a/@navikt/core/css/CHANGELOG.md
+++ b/@navikt/core/css/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/ds-css
 
+## 5.7.4
+
 ## 5.7.3
 
 ### Patch Changes
diff --git a/@navikt/core/css/package.json b/@navikt/core/css/package.json
index 41444b1ca5..4200425eb1 100644
--- a/@navikt/core/css/package.json
+++ b/@navikt/core/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "CSS for NAV Designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -27,7 +27,7 @@
     "css:get-version": "node config/get-version.js"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^5.7.3",
+    "@navikt/ds-tokens": "^5.7.4",
     "cssnano": "6.0.0",
     "fast-glob": "3.2.11",
     "lodash": "4.17.21",
diff --git a/@navikt/core/react/CHANGELOG.md b/@navikt/core/react/CHANGELOG.md
index 85a8acf78d..f4aa18bf7b 100644
--- a/@navikt/core/react/CHANGELOG.md
+++ b/@navikt/core/react/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @navikt/ds-react
 
+## 5.7.4
+
+### Patch Changes
+
+- Datepicker: Fungerer nå bedre i Modal ([#2400](https://github.com/navikt/aksel/pull/2400))
+
+- Updated dependencies []:
+  - @navikt/ds-tokens@5.7.4
+  - @navikt/aksel-icons@5.7.4
+
 ## 5.7.3
 
 ### Patch Changes
diff --git a/@navikt/core/react/package.json b/@navikt/core/react/package.json
index 9471411e09..86b1e9e215 100644
--- a/@navikt/core/react/package.json
+++ b/@navikt/core/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -38,8 +38,8 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.25.4",
-    "@navikt/aksel-icons": "^5.7.3",
-    "@navikt/ds-tokens": "^5.7.3",
+    "@navikt/aksel-icons": "^5.7.4",
+    "@navikt/ds-tokens": "^5.7.4",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",
diff --git a/@navikt/core/tailwind/CHANGELOG.md b/@navikt/core/tailwind/CHANGELOG.md
index 0d03ecbea0..750e96f768 100644
--- a/@navikt/core/tailwind/CHANGELOG.md
+++ b/@navikt/core/tailwind/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind
 
+## 5.7.4
+
 ## 5.7.3
 
 ## 5.7.2
diff --git a/@navikt/core/tailwind/package.json b/@navikt/core/tailwind/package.json
index 88689999bb..eae6cc04f2 100644
--- a/@navikt/core/tailwind/package.json
+++ b/@navikt/core/tailwind/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "Tailwind config based on @navikt/ds-tokens",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -22,7 +22,7 @@
     "directory": "@navikt/core/tailwind"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^5.7.3",
+    "@navikt/ds-tokens": "^5.7.4",
     "@types/jest": "^29.0.0",
     "color": "4.2.3",
     "jest": "^29.0.0",
diff --git a/@navikt/core/tokens/CHANGELOG.md b/@navikt/core/tokens/CHANGELOG.md
index 395dc97f2b..b08c2253b1 100644
--- a/@navikt/core/tokens/CHANGELOG.md
+++ b/@navikt/core/tokens/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @navikt/ds-tokens
 
+## 5.7.4
+
 ## 5.7.3
 
 ### Patch Changes
diff --git a/@navikt/core/tokens/package.json b/@navikt/core/tokens/package.json
index f669f9116c..30f66d6b72 100644
--- a/@navikt/core/tokens/package.json
+++ b/@navikt/core/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 501c987090..7d09325938 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,12 +1,12 @@
 # Changelog
 
-## 5.7.3
+## 5.7.4
 
 ### @navikt/ds-react
 
-- Forms: Fikset bug der size='small' ikke oppdaterte typografi. ([#2372](https://github.com/navikt/aksel/pull/2372))
+- Datepicker: Fungerer nå bedre i Modal ([#2400](https://github.com/navikt/aksel/pull/2400))
 
-- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+## 5.7.3
 
 ### @navikt/ds-css
 
@@ -16,6 +16,12 @@
 
 - HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
 
+### @navikt/ds-react
+
+- Forms: Fikset bug der size='small' ikke oppdaterte typografi. ([#2372](https://github.com/navikt/aksel/pull/2372))
+
+- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376))
+
 ### @navikt/ds-tokens
 
 - Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370))
@@ -28,11 +34,11 @@
 
 ## 5.7.1
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Radio: readonly håndterer nå hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Radio: readonly håndterer nå hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363))
 
@@ -42,13 +48,13 @@
 
 - Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365))
 
-### @navikt/ds-react
-
-- Chores: Ryddet opp i sirkulære depdendencies ([#2366](https://github.com/navikt/aksel/pull/2366))
+### @navikt/ds-css
 
 - :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355))
 
-### @navikt/ds-css
+### @navikt/ds-react
+
+- Chores: Ryddet opp i sirkulære depdendencies ([#2366](https://github.com/navikt/aksel/pull/2366))
 
 - :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355))
 
@@ -92,53 +98,53 @@
 
 * Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307))
 
-### @navikt/ds-react
+### @navikt/ds-css
 
-- :recycle: Refaktorering og småfikser ([#2265](https://github.com/navikt/aksel/pull/2265))
+- Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278))
 
-  - Refaktorering som følge av nye ESLint-regler
-  - AccordionItem/ToggleGroup: Støtte for 'id'-prop
-  - MonthPicker: Mer presis type for 'onMonthSelect' prop
+* :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279))
 
-- Datepicker: Tilbyr nå muligheten til å bruke `onWeekNumberClick`. ([#2311](https://github.com/navikt/aksel/pull/2311))
+* Accordion: Har nå 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310))
 
-- Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278))
+* Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293))
 
-* Accordion: Console.error når Accordion blir brukt feil. ([#2310](https://github.com/navikt/aksel/pull/2310))
+* :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329))
 
 * Stack: Kan nå endre direction, justify og align ved brekkpunkt. `Stack` er også nå en egen komponent sammen med `HStack` og `VStack`. ([#2286](https://github.com/navikt/aksel/pull/2286))
 
-* Primitives: Show/Hide støtter nå `asChild`-api ([#2312](https://github.com/navikt/aksel/pull/2312))
+* Datepicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311))
 
-* Remove tabIndex="-1" on Popover to fix VoiceOver navigation issue inside Popover ([#2303](https://github.com/navikt/aksel/pull/2303))
+* MonthPicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
-- Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278))
+- :recycle: Refaktorering og småfikser ([#2265](https://github.com/navikt/aksel/pull/2265))
 
-* :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279))
+  - Refaktorering som følge av nye ESLint-regler
+  - AccordionItem/ToggleGroup: Støtte for 'id'-prop
+  - MonthPicker: Mer presis type for 'onMonthSelect' prop
 
-* Accordion: Har nå 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310))
+- Datepicker: Tilbyr nå muligheten til å bruke `onWeekNumberClick`. ([#2311](https://github.com/navikt/aksel/pull/2311))
 
-* Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293))
+- Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278))
 
-* :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329))
+* Accordion: Console.error når Accordion blir brukt feil. ([#2310](https://github.com/navikt/aksel/pull/2310))
 
 * Stack: Kan nå endre direction, justify og align ved brekkpunkt. `Stack` er også nå en egen komponent sammen med `HStack` og `VStack`. ([#2286](https://github.com/navikt/aksel/pull/2286))
 
-* Datepicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311))
+* Primitives: Show/Hide støtter nå `asChild`-api ([#2312](https://github.com/navikt/aksel/pull/2312))
 
-* MonthPicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311))
+* Remove tabIndex="-1" on Popover to fix VoiceOver navigation issue inside Popover ([#2303](https://github.com/navikt/aksel/pull/2303))
 
 ## 5.5.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195))
 
 * Skeleton: Width fungerer nå med inline-variant av Skeleton ([#2273](https://github.com/navikt/aksel/pull/2273))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195))
 
@@ -156,17 +162,17 @@
 
 ## 5.4.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222))
 
-* Search: Kjører nå bare preventDefault ved Escape når `input` inneholder tekst ([#2245](https://github.com/navikt/aksel/pull/2245))
+* ErrorSummary: Har nå 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222))
 
-* ErrorSummary: Har nå 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256))
+* Search: Kjører nå bare preventDefault ved Escape når `input` inneholder tekst ([#2245](https://github.com/navikt/aksel/pull/2245))
 
 ### @navikt/ds-tokens
 
@@ -190,26 +196,32 @@
 
 ## 5.3.3
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - HGrid: Har nå `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - HGrid: Har nå `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242))
 
 ## 5.3.2
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239))
 
 ## 5.3.1
 
+### @navikt/ds-css
+
+- :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229))
+
+- :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227))
+
 ### @navikt/ds-react
 
 - Fix bug in monthpicker, only compare year and month for equality on date object ([#2231](https://github.com/navikt/aksel/pull/2231))
@@ -218,13 +230,11 @@
 
 - :bug: DatePicker: Riktig skriftstørrelse på small input ([#2232](https://github.com/navikt/aksel/pull/2232))
 
-### @navikt/ds-css
-
-- :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229))
+## 5.3.0
 
-- :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227))
+### @navikt/ds-css
 
-## 5.3.0
+- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211))
 
 ### @navikt/ds-react
 
@@ -236,10 +246,6 @@
 
 * :wheelchair: Textarea: Skjermleser-spesifikk tekst leses opp sammenhengende ([#2216](https://github.com/navikt/aksel/pull/2216))
 
-### @navikt/ds-css
-
-- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211))
-
 ## 5.2.1
 
 ### @navikt/ds-css
@@ -252,6 +258,12 @@
 
 - Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197))
 
+### @navikt/ds-css
+
+- CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219))
+
+- Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering ([#2193](https://github.com/navikt/aksel/pull/2193))
+
 ### @navikt/ds-react
 
 - Button: Ved bruk av `as`-prop vil `role="button"` nå bli lagt til. Native `onKeyUp` for `Space` er også implementert slik at standard `button`-interaksjon vil være likere uansett html-tag. ([#2154](https://github.com/navikt/aksel/pull/2154))
@@ -260,13 +272,13 @@
 
 - Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering ([#2193](https://github.com/navikt/aksel/pull/2193))
 
-### @navikt/ds-css
+## 5.1.0
 
-- CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219))
+### @navikt/ds-css
 
-- Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering ([#2193](https://github.com/navikt/aksel/pull/2193))
+- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210))
 
-## 5.1.0
+- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204))
 
 ### @navikt/ds-react
 
@@ -276,24 +288,18 @@
 
 * Datepicker: Input setter ikke nå aria-controls før popover åpnes ([#2213](https://github.com/navikt/aksel/pull/2213))
 
-### @navikt/ds-css
-
-- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210))
-
-- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204))
-
 ## 5.0.3
 
-### @navikt/ds-react
-
-- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
-
 ### @navikt/ds-css
 
 - ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
 
 - Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss ([#2199](https://github.com/navikt/aksel/pull/2199))
 
+### @navikt/ds-react
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
 ### @navikt/ds-tokens
 
 - ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
@@ -314,28 +320,28 @@
 
 ## 5.0.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135))
 
   - :sparkles: Støtte for header og footer
   - :boom: Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
-  - :boom: Provider: `appElement` er fjernet
 
 * Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178))
 
-* Table: Har lagt til ny size: 'large'. ([#2178](https://github.com/navikt/aksel/pull/2178))
+* Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). ([#2178](https://github.com/navikt/aksel/pull/2178))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135))
 
   - :sparkles: Støtte for header og footer
   - :boom: Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
+  - :boom: Provider: `appElement` er fjernet
 
 * Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178))
 
-* Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). ([#2178](https://github.com/navikt/aksel/pull/2178))
+* Table: Har lagt til ny size: 'large'. ([#2178](https://github.com/navikt/aksel/pull/2178))
 
 ### @navikt/ds-tokens
 
@@ -345,16 +351,26 @@
 
 ## 4.12.1
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184))
 
 ## 4.12.0
 
+### @navikt/ds-css
+
+- CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173))
+
+* List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168))
+
+* Checkbox: Checkmark er nå SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171))
+
+* Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179))
+
 ### @navikt/ds-react
 
 - Combobox: La til støtte for feilmeldinger i Combobox ([#2182](https://github.com/navikt/aksel/pull/2182))
@@ -373,16 +389,6 @@
 
 * Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect ([#2177](https://github.com/navikt/aksel/pull/2177))
 
-### @navikt/ds-css
-
-- CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173))
-
-* List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168))
-
-* Checkbox: Checkmark er nå SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171))
-
-* Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179))
-
 ## 4.11.2
 
 ### @navikt/ds-css
@@ -397,21 +403,21 @@
 
 ## 4.11.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/core/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838))
 
-* Fixes bug where combobox list could not be closed after clicking a chip ([#2155](https://github.com/navikt/aksel/pull/2155))
+* List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149))
 
-* Grid: Markert som deprecated. Bruk nye 'HGrid' ([#2153](https://github.com/navikt/aksel/pull/2153))
+* Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/core/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838))
 
-* List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149))
+* Fixes bug where combobox list could not be closed after clicking a chip ([#2155](https://github.com/navikt/aksel/pull/2155))
 
-* Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150))
+* Grid: Markert som deprecated. Bruk nye 'HGrid' ([#2153](https://github.com/navikt/aksel/pull/2153))
 
 ## 4.10.2
 
@@ -421,56 +427,56 @@
 
 ## 4.10.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093))
 
 ## 4.9.1
 
-### @navikt/ds-react
-
-- Button: Fikset aria-live bug der knapp alltid ble lest opp av skjermleser ved render ([#2143](https://github.com/navikt/aksel/pull/2143))
+### @navikt/ds-css
 
 - Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144))
 
-### @navikt/ds-css
+### @navikt/ds-react
+
+- Button: Fikset aria-live bug der knapp alltid ble lest opp av skjermleser ved render ([#2143](https://github.com/navikt/aksel/pull/2143))
 
 - Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144))
 
 ## 4.9.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127))
 
 ## 4.8.0
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040))
 
 ## 4.7.4
 
-### @navikt/ds-react
-
-- Textfield: La til type 'time' som tilgjengelig option ([#2137](https://github.com/navikt/aksel/pull/2137))
-
 ### @navikt/ds-css
 
 - Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser ([#2126](https://github.com/navikt/aksel/pull/2126))
 
+### @navikt/ds-react
+
+- Textfield: La til type 'time' som tilgjengelig option ([#2137](https://github.com/navikt/aksel/pull/2137))
+
 ## 4.7.3
 
 ### @navikt/ds-react
@@ -479,11 +485,11 @@
 
 ## 4.7.2
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Stepper: Fikset `hotizontal`-bug når step var `completed` ([#2116](https://github.com/navikt/aksel/pull/2116))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Stepper: Fikset `hotizontal`-bug når step var `completed` ([#2116](https://github.com/navikt/aksel/pull/2116))
 
@@ -495,6 +501,10 @@
 
 ## 4.7.0
 
+### @navikt/ds-css
+
+- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868))
+
 ### @navikt/ds-react
 
 - Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868))
@@ -503,35 +513,27 @@
 
 * Combobox post-release tweaks ([#2112](https://github.com/navikt/aksel/pull/2112))
 
-### @navikt/ds-css
-
-- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868))
-
 ## 4.6.1
 
-### @navikt/ds-react
+### @navikt/ds-css
 
 - Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089))
 
-### @navikt/ds-css
+### @navikt/ds-react
 
 - Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089))
 
 ## 4.6.0
 
-### @navikt/ds-react
-
-- Skjema: De fleste skjemakomponenter støtter nå `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080))
-
 ### @navikt/ds-css
 
 - Skjema: De fleste skjemakomponenter har nå styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080))
 
-## 4.5.0
-
 ### @navikt/ds-react
 
-- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079))
+- Skjema: De fleste skjemakomponenter støtter nå `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080))
+
+## 4.5.0
 
 ### @navikt/ds-css
 
@@ -539,6 +541,10 @@
 
 * - Button: Fikset outline-bug i tertiary-variant ved `:active`-state ([#2079](https://github.com/navikt/aksel/pull/2079))
 
+### @navikt/ds-react
+
+- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079))
+
 ## 4.4.2
 
 ### @navikt/ds-react
@@ -553,29 +559,25 @@
 
 ## 4.4.0
 
-### @navikt/ds-tailwind
-
-- Shadow-tokens er oppdatert ([PR](https://github.com/navikt/aksel/pull/2041))
+### @navikt/ds-css
 
-- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))
+- Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041))
 
 ### @navikt/ds-react
 
 - Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041))
 
-### @navikt/ds-css
-
-- Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041))
-
 ### @navikt/ds-tokens
 
 - Shadow-tokens er oppdatert til mer tydeligere varianter ([PR](https://github.com/navikt/aksel/pull/2041))
 
-## 4.3.0
+### @navikt/ds-tailwind
 
-### @navikt/ds-react
+- Shadow-tokens er oppdatert ([PR](https://github.com/navikt/aksel/pull/2041))
 
-- Popover og Helptext har nå luft mot siden av skjerm på mindre flater ([PR](https://github.com/navikt/aksel/pull/2069))
+- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))
+
+## 4.3.0
 
 ### @navikt/ds-css
 
@@ -583,16 +585,20 @@
 
 * ExpansionCard: Ved nesting av komponetene fikk man styling fra parent ([PR](https://github.com/navikt/aksel/pull/2067))
 
-## 4.2.0
-
 ### @navikt/ds-react
 
-- Oppdatert Chat: `size` og `variant`-prop, optional `avatar`, uu og ui-forbedringer ([PR](https://github.com/navikt/aksel/pull/2048))
+- Popover og Helptext har nå luft mot siden av skjerm på mindre flater ([PR](https://github.com/navikt/aksel/pull/2069))
+
+## 4.2.0
 
 ### @navikt/ds-css
 
 - Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048))
 
+### @navikt/ds-react
+
+- Oppdatert Chat: `size` og `variant`-prop, optional `avatar`, uu og ui-forbedringer ([PR](https://github.com/navikt/aksel/pull/2048))
+
 ## 4.1.7
 
 ### @navikt/ds-react
@@ -645,13 +651,11 @@
 
 ## 4.1.0
 
-### @navikt/aksel-stylelint
-
-- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035))
+### @navikt/ds-css
 
-### @navikt/ds-tailwind
+- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035))
 
-- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
+- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036))
 
 ### @navikt/ds-react
 
@@ -663,17 +667,19 @@
 
 * Accordion: La til `indent`-prop ([PR](https://github.com/navikt/aksel/pull/2027))
 
-### @navikt/ds-css
+### @navikt/ds-tokens
 
-- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035))
+- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
 
-- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036))
+- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))
 
-### @navikt/ds-tokens
+### @navikt/ds-tailwind
 
 - :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
 
-- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))
+### @navikt/aksel-stylelint
+
+- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035))
 
 ## 4.0.0
 
@@ -683,12 +689,6 @@
 
 - Codemods for migrering fra `@navikt/ds-react-internal` til `@navikt/ds-react` [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))
 
-### @navikt/ds-react
-
-- Datepicker og Monthpicker er ute av beta. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h4ef68ae743b0) ([PR](https://github.com/navikt/aksel/pull/2026))
-
-- Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))
-
 ### @navikt/ds-css
 
 - All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([PR](https://github.com/navikt/aksel/pull/2026))
@@ -699,6 +699,12 @@
 
 - Styling for flyttede komponenter finnes nå på CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import)
 
+### @navikt/ds-react
+
+- Datepicker og Monthpicker er ute av beta. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h4ef68ae743b0) ([PR](https://github.com/navikt/aksel/pull/2026))
+
+- Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))
+
 ## 3.4.2
 
 ### @navikt/aksel-stylelint
@@ -713,17 +719,17 @@
 
 ## 3.4.0
 
-### @navikt/aksel-stylelint
+### @navikt/ds-css
 
-- Stylelint-pakke for Aksel ([PR](https://github.com/navikt/aksel/pull/1973))
+- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))
 
 ### @navikt/ds-react
 
 - Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))
 
-### @navikt/ds-css
+### @navikt/aksel-stylelint
 
-- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))
+- Stylelint-pakke for Aksel ([PR](https://github.com/navikt/aksel/pull/1973))
 
 ## 3.3.1
 
@@ -749,18 +755,18 @@
 
 - Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))
 
-### @navikt/ds-react
-
-- Datepicker: Oppdatert small-variant av Datepicker.Input. UI-oppdatert samtidig. ([PR](https://github.com/navikt/aksel/pull/1993))
-
-- CopyButton: `xsmall`-variant for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
-
 ### @navikt/ds-css
 
 - Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993))
 
 - CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
 
+### @navikt/ds-react
+
+- Datepicker: Oppdatert small-variant av Datepicker.Input. UI-oppdatert samtidig. ([PR](https://github.com/navikt/aksel/pull/1993))
+
+- CopyButton: `xsmall`-variant for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
+
 ## 3.2.2
 
 ### @navikt/ds-react
@@ -781,16 +787,16 @@
 
 ## 3.1.0
 
-### @navikt/ds-react
-
-- Oppdatert Label og Description spacing for alle skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
-
 ### @navikt/ds-css
 
 - Alle komponenter bruker nå default `:focus-visible` for fokusmarkering. Medfølger også fallback for `:focus` ([PR](https://github.com/navikt/aksel/pull/1966))
 
 * Oppdatert Label og Description spacing for skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
 
+### @navikt/ds-react
+
+- Oppdatert Label og Description spacing for alle skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
+
 ## 3.0.1
 
 ### @navikt/ds-react
@@ -801,16 +807,16 @@
 
 ## 3.0.0
 
+### @navikt/ds-css
+
+- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964))
+
 ### @navikt/ds-react
 
 - Accordion: left-aligner chevron, `neutral`-variant, `size`-prop ([PR](https://github.com/navikt/aksel/pull/1964))
 
 - Bruker nå nå `@navikt/aksel-icons` for interne ikoner ([PR](https://github.com/navikt/aksel/pull/1964))
 
-### @navikt/ds-css
-
-- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964))
-
 ## 2.9.8
 
 ### @navikt/aksel-icons
@@ -905,14 +911,14 @@
 
 ## 2.8.7
 
-### @navikt/ds-react
-
-- Fikset typografi-bruk for `Radio` og `Checkbox`.
-
 ### @navikt/ds-css
 
 - Button: token for tertiary
 
+### @navikt/ds-react
+
+- Fikset typografi-bruk for `Radio` og `Checkbox`.
+
 ## 2.8.6
 
 ### @navikt/ds-css
@@ -941,14 +947,14 @@
 
 ## 2.8.2
 
-### @navikt/ds-react
-
-- ExpansioCard: Oppdatert typografibruk ([PR](https://github.com/navikt/aksel/pull/1870))
-
 ### @navikt/ds-css
 
 - ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870))
 
+### @navikt/ds-react
+
+- ExpansioCard: Oppdatert typografibruk ([PR](https://github.com/navikt/aksel/pull/1870))
+
 ## 2.8.1
 
 ### @navikt/ds-react
@@ -1011,14 +1017,14 @@
 
 ## 2.5.0
 
-### @navikt/ds-tailwind
-
-- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832))
-
 ### @navikt/ds-tokens
 
 - Breakpoint-tokens lagt til ([PR](https://github.com/navikt/aksel/pull/1832))
 
+### @navikt/ds-tailwind
+
+- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832))
+
 ## 2.4.3
 
 ### @navikt/ds-css
@@ -1027,14 +1033,14 @@
 
 ## 2.4.2
 
-### @navikt/ds-react
-
-- List: la til støtte for nestede lister ([PR](https://github.com/navikt/aksel/pull/1823))
-
 ### @navikt/ds-css
 
 - List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823))
 
+### @navikt/ds-react
+
+- List: la til støtte for nestede lister ([PR](https://github.com/navikt/aksel/pull/1823))
+
 ## 2.4.1
 
 ### @navikt/ds-react
@@ -1063,18 +1069,18 @@
 
 ## 2.2.0
 
-### @navikt/ds-react
-
-- ToggleGroup: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
-
-- Button: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
-
 ### @navikt/ds-css
 
 - ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789))
 
 - Button: `Neutral`-variant.
 
+### @navikt/ds-react
+
+- ToggleGroup: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
+
+- Button: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
+
 ### @navikt/ds-tokens
 
 - Justeringer av semantiske fargetokens, statusfarger nå mer tydelig ([PR](https://github.com/navikt/aksel/pull/1787))
@@ -1195,21 +1201,21 @@
 
 ## 2.0.0
 
-### @navikt/ds-tailwind
+### @navikt/ds-css
 
-- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))
+- Fontlasting: Fonter lastes nå fra NAV-CDN
+
+- Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.
 
 ### @navikt/ds-react
 
 - Fonter blir bruk i all typografi blir nå lastet fra CDN
 
-### @navikt/ds-css
-
-- Fontlasting: Fonter lastes nå fra NAV-CDN
+### @navikt/ds-tokens
 
-- Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.
+- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))
 
-### @navikt/ds-tokens
+### @navikt/ds-tailwind
 
 - Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))
 
@@ -1257,16 +1263,16 @@
 
 ## 1.5.0
 
+### @navikt/ds-css
+
+- Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
+
 ### @navikt/ds-react
 
 - Tag: `filles`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
 
 - Ny komponent Chips! ([PR](https://github.com/navikt/aksel/pull/1668))
 
-### @navikt/ds-css
-
-- Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
-
 ## 1.4.4
 
 ### @navikt/ds-react
@@ -1293,6 +1299,10 @@
 
 ## 1.3.39
 
+### @navikt/ds-css
+
+- Fikset bruk av `:watch` for diverse parsere (less, parcel)
+
 ### @navikt/ds-react
 
 - useId-bug fikset ved bruk i både react 17 og 18
@@ -1315,10 +1325,6 @@
 
 - Stepper: `interactive` og `completed`-props for wizard-løsninger
 
-### @navikt/ds-css
-
-- Fikset bruk av `:watch` for diverse parsere (less, parcel)
-
 ## 1.3.24
 
 ### @navikt/ds-css
diff --git a/aksel.nav.no/package.json b/aksel.nav.no/package.json
index 3d2cbea7a3..e549be14b4 100644
--- a/aksel.nav.no/package.json
+++ b/aksel.nav.no/package.json
@@ -15,11 +15,11 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/aksel-icons": "^5.7.3",
-    "@navikt/ds-css": "^5.7.3",
-    "@navikt/ds-react": "^5.7.3",
-    "@navikt/ds-tailwind": "^5.7.3",
-    "@navikt/ds-tokens": "^5.7.3"
+    "@navikt/aksel-icons": "^5.7.4",
+    "@navikt/ds-css": "^5.7.4",
+    "@navikt/ds-react": "^5.7.4",
+    "@navikt/ds-tailwind": "^5.7.4",
+    "@navikt/ds-tokens": "^5.7.4"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.2.3"

From a1678d3b19f7da4e178a2422b1d886dec419c783 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Fri, 20 Oct 2023 09:17:39 +0200
Subject: [PATCH 14/14] :bug: Loader hadde legacyRef som ref-prop (#2391)

* :bug: Loader hadde legacyRef som ref-prop

* Update .changeset/heavy-shoes-pay.md
---
 .changeset/heavy-shoes-pay.md                    | 5 +++++
 @navikt/core/react/src/loader/Loader.tsx         | 8 +++++++-
 @navikt/core/react/src/loader/loader.stories.tsx | 6 +++---
 3 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/heavy-shoes-pay.md

diff --git a/.changeset/heavy-shoes-pay.md b/.changeset/heavy-shoes-pay.md
new file mode 100644
index 0000000000..1c174878de
--- /dev/null
+++ b/.changeset/heavy-shoes-pay.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": patch
+---
+
+Loader: Har nå riktig `ref`-type.
diff --git a/@navikt/core/react/src/loader/Loader.tsx b/@navikt/core/react/src/loader/Loader.tsx
index 7e1a569c6f..52b5a4a9ed 100644
--- a/@navikt/core/react/src/loader/Loader.tsx
+++ b/@navikt/core/react/src/loader/Loader.tsx
@@ -2,7 +2,7 @@ import cl from "clsx";
 import React, { forwardRef, SVGProps } from "react";
 import { omit, useId } from "../util";
 
-export interface LoaderProps extends SVGProps<SVGSVGElement> {
+export interface LoaderProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
   /**
    * Changes Loader width/height
    * 88px | 64px | 40px | 32px | 24px | 20px | 16px
@@ -31,6 +31,12 @@ export interface LoaderProps extends SVGProps<SVGSVGElement> {
    * @default "neutral"
    */
   variant?: "neutral" | "interaction" | "inverted";
+  /**
+   * Allows getting a ref to the component instance.
+   * Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).
+   * @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom
+   */
+  ref?: React.Ref<SVGSVGElement>;
 }
 
 /* Workaround for @types/react v17/v18 feil */
diff --git a/@navikt/core/react/src/loader/loader.stories.tsx b/@navikt/core/react/src/loader/loader.stories.tsx
index 2d893a774e..92124cf347 100644
--- a/@navikt/core/react/src/loader/loader.stories.tsx
+++ b/@navikt/core/react/src/loader/loader.stories.tsx
@@ -1,6 +1,6 @@
-import React from "react";
-import { Loader } from "..";
 import { Meta } from "@storybook/react";
+import React from "react";
+import { Loader, LoaderProps } from "..";
 export default {
   title: "ds-react/Loader",
   component: Loader,
@@ -29,7 +29,7 @@ export default {
 } as Meta;
 
 export const Default = {
-  render: (props: any) => {
+  render: (props: LoaderProps) => {
     return <Loader {...props} />;
   },