diff --git a/packages/familie-endringslogg/package.json b/packages/familie-endringslogg/package.json
index 876666c2..df8b807f 100644
--- a/packages/familie-endringslogg/package.json
+++ b/packages/familie-endringslogg/package.json
@@ -30,12 +30,12 @@
         "react-transition-group": "^4.4.5"
     },
     "devDependencies": {
-        "@navikt/aksel-icons": "6.x",
-        "@navikt/ds-react": "6.x"
+        "@navikt/aksel-icons": "7.x",
+        "@navikt/ds-react": "7.x"
     },
     "peerDependencies": {
-        "@navikt/aksel-icons": "6.x",
-        "@navikt/ds-react": "6.x",
+        "@navikt/aksel-icons": "7.x",
+        "@navikt/ds-react": "7.x",
         "@types/react": "18.x",
         "react": "18.x"
     }
diff --git a/packages/familie-form-elements/package.json b/packages/familie-form-elements/package.json
index 757012e0..ad98475d 100644
--- a/packages/familie-form-elements/package.json
+++ b/packages/familie-form-elements/package.json
@@ -23,14 +23,14 @@
         "react-select": "^5.8.0"
     },
     "devDependencies": {
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
-        "@navikt/ds-tokens": "6.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
+        "@navikt/ds-tokens": "7.x",
         "styled-components": "^6.x"
     },
     "peerDependencies": {
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
         "react": "18.x",
         "styled-components": "5.x || 6.x"
     }
diff --git a/packages/familie-header/package.json b/packages/familie-header/package.json
index ff9e71dc..c4b140a5 100644
--- a/packages/familie-header/package.json
+++ b/packages/familie-header/package.json
@@ -28,15 +28,15 @@
         "@navikt/fnrvalidator": "^2.1.0"
     },
     "devDependencies": {
-        "@navikt/aksel-icons": "6.x",
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
+        "@navikt/aksel-icons": "7.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
         "styled-components": "6.x"
     },
     "peerDependencies": {
-        "@navikt/aksel-icons": "6.x",
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
+        "@navikt/aksel-icons": "7.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
         "react": "18.x",
         "styled-components": "^5.x || 6.x"
     }
diff --git a/packages/familie-tidslinje/package.json b/packages/familie-tidslinje/package.json
index 165fb787..2a5fc629 100644
--- a/packages/familie-tidslinje/package.json
+++ b/packages/familie-tidslinje/package.json
@@ -29,18 +29,18 @@
         "nanoid": "^5.0.7"
     },
     "peerDependencies": {
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
         "@types/react": "18.x",
         "dayjs": "1.x",
         "react": "18.x",
         "styled-components": "5.x || 6.x"
     },
     "devDependencies": {
-        "@navikt/aksel-icons": "6.x",
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
-        "@navikt/ds-tokens": "6.x",
+        "@navikt/aksel-icons": "7.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
+        "@navikt/ds-tokens": "7.x",
         "@types/jest": "^29.5.12",
         "dayjs": "1.x",
         "jest": "^29.7.0"
diff --git a/packages/familie-visittkort/package.json b/packages/familie-visittkort/package.json
index 020ee39d..0dbe2f13 100644
--- a/packages/familie-visittkort/package.json
+++ b/packages/familie-visittkort/package.json
@@ -29,15 +29,15 @@
         "classnames": "^2.5.1"
     },
     "devDependencies": {
-        "@navikt/aksel-icons": "6.x",
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
-        "@navikt/ds-tokens": "6.x",
+        "@navikt/aksel-icons": "7.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
+        "@navikt/ds-tokens": "7.x",
         "styled-components": "^6.x"
     },
     "peerDependencies": {
-        "@navikt/ds-css": "6.x",
-        "@navikt/ds-react": "6.x",
+        "@navikt/ds-css": "7.x",
+        "@navikt/ds-react": "7.x",
         "react": "18.x",
         "styled-components": "^5.x || 6.x"
     }
diff --git a/yarn.lock b/yarn.lock
index be3ef711..10513401 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2435,33 +2435,33 @@
   dependencies:
     "@types/mdx" "^2.0.0"
 
-"@navikt/aksel-icons@6.x", "@navikt/aksel-icons@^6.16.3":
-  version "6.16.3"
-  resolved "https://npm.pkg.github.com/download/@navikt/aksel-icons/6.16.3/e0a4e5abf2a0b9ae9b7be68d0f72080832fd8457#e0a4e5abf2a0b9ae9b7be68d0f72080832fd8457"
-  integrity sha512-EE5L1F/HGzX1XJ0hQBUJq/wpdoTIs2ii02MxrZ6Ubr50Au9k9gGAUEC+fE+qxTxB8e2aDWlEvOePj1PSP/nMww==
+"@navikt/aksel-icons@7.x", "@navikt/aksel-icons@^7.0.1":
+  version "7.0.1"
+  resolved "https://npm.pkg.github.com/download/@navikt/aksel-icons/7.0.1/e577737bb8025322cbe3a147cd33ad0e1ce35732#e577737bb8025322cbe3a147cd33ad0e1ce35732"
+  integrity sha512-5atdxy8VCgGTG5t1j5niaR/xLH9Z/sghvVQdeUjEOqF/6FQYbYsQdwGWa3UCkExWQk6n1yHuj2mFbM756adZfg==
 
-"@navikt/ds-css@6.x":
-  version "6.16.3"
-  resolved "https://npm.pkg.github.com/download/@navikt/ds-css/6.16.3/eabc958ee4d9ae6c3510608b5bf21b53ad479e4f#eabc958ee4d9ae6c3510608b5bf21b53ad479e4f"
-  integrity sha512-wq4NHNceTmrXfl9B1GjPypKcpCDNcxhrX+ENfJ/6LJJlHyCKeWZRTtHSr7gprLFQ9hREglJR9Ie8m9xDr4nimA==
+"@navikt/ds-css@7.x":
+  version "7.0.1"
+  resolved "https://npm.pkg.github.com/download/@navikt/ds-css/7.0.1/aa975b0014976ba552205e4fbd5ff68b886d6b93#aa975b0014976ba552205e4fbd5ff68b886d6b93"
+  integrity sha512-IAgJ2AessJbul3JE3DWq2AIfn7MgaF+sZg6W6+ren/S/X5o88KwrqWMqYCxcSf0xaRd9ceVLmJ6W5QOt9fJ4wQ==
 
-"@navikt/ds-react@6.x":
-  version "6.16.3"
-  resolved "https://npm.pkg.github.com/download/@navikt/ds-react/6.16.3/55d1ee7cebf5c9db3e7300cfb81bd60f60347e81#55d1ee7cebf5c9db3e7300cfb81bd60f60347e81"
-  integrity sha512-88dyVXXqNp8NgDjtoBEmuDANaOOt8DCMNqAUMT3/FPdTeFFH42yLqbkYUiSqRC37e3S3vKLbhphZiPQla1SloQ==
+"@navikt/ds-react@7.x":
+  version "7.0.1"
+  resolved "https://npm.pkg.github.com/download/@navikt/ds-react/7.0.1/fe247ebc8a957b2b677e25a019ba9a9831f4e704#fe247ebc8a957b2b677e25a019ba9a9831f4e704"
+  integrity sha512-6pAccYY5Tww59Vd3sraHNAqGdB03ugcDc1g8UIfohyxVkKaXImJ5mLLwzD/O5NewO0xdD0Lne692fN/rGz+xog==
   dependencies:
     "@floating-ui/react" "0.25.4"
     "@floating-ui/react-dom" "^2.0.9"
-    "@navikt/aksel-icons" "^6.16.3"
-    "@navikt/ds-tokens" "^6.16.3"
+    "@navikt/aksel-icons" "^7.0.1"
+    "@navikt/ds-tokens" "^7.0.1"
     clsx "^2.1.0"
     date-fns "^3.0.0"
     react-day-picker "8.10.0"
 
-"@navikt/ds-tokens@6.x", "@navikt/ds-tokens@^6.16.3":
-  version "6.16.3"
-  resolved "https://npm.pkg.github.com/download/@navikt/ds-tokens/6.16.3/1ce1e16ad2c2386a756e6e6d8a05dcd9564cae9b#1ce1e16ad2c2386a756e6e6d8a05dcd9564cae9b"
-  integrity sha512-kVIYWf2gSdy4PB+sRbKn1HERep/c6WnCH31DUHLqrcgzGXHG+qcfnS5nEWl9wn10NE+dMlL4+A7B2rPc/3rIzQ==
+"@navikt/ds-tokens@7.x", "@navikt/ds-tokens@^7.0.1":
+  version "7.0.1"
+  resolved "https://npm.pkg.github.com/download/@navikt/ds-tokens/7.0.1/476acfd2558df6284de7915317e227afbe3176c0#476acfd2558df6284de7915317e227afbe3176c0"
+  integrity sha512-aMi9G/vIwqAQRX2fwnFehmzNnEfMjuTkzc55nVR50fw0QKa0NXgjuAnIYZGLdNmE4y+fvxCx1uOY+cUBccqFQQ==
 
 "@navikt/fnrvalidator@^2.1.0":
   version "2.1.0"