Version Packages (#1916 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
🐛 Fixed TS conflicts and added onClick callback to CopyToClipboard (#1915 )
2026-10-13 01:02:02 +00:00 · 2023-04-12 15:38:30 +02:00 · 2023-04-12 15:33:13 +02:00 · 2023-04-12 14:01:29 +02:00 · 2023-04-03 18:49:10 +02:00 · 2023-04-03 16:08:52 +02:00
89 changed files with 1003 additions and 664 deletions
@@ -1,5 +1,30 @@
 # @navikt/aksel-icons

+## 2.8.12
+
+## 2.8.11
+
+### Patch Changes
+
+- [#1909](https://github.com/navikt/aksel/pull/1909) [`270427910`](https://github.com/navikt/aksel/commit/2704279107a5fbf93048de37d014e78f6721438f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikoner
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+### Patch Changes
+
+- [`ed8e28454`](https://github.com/navikt/aksel/commit/ed8e284540a9e3a5be7d1d5e393f31db86962613) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Nye ikoner
+
+  - :tada: VideoSlash
+  - :tada: VideoSlashFill
+
+## 2.8.7
+
+## 2.8.6
+
 ## 2.8.5

 ## 2.8.4
@@ -33,8 +33,8 @@ fs.writeFileSync(
    sub_category: "Time",
    keywords: string[];
    variant: "stroke" | "fill";
-    date_added: Date;
-    date_modified: Date;
+    updated_at: Date;
+    created_at: Date;
  }

  declare const metadata: {
@@ -1,5 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 9.5H12V17.5" stroke="#262626" stroke-width="1.5" stroke-miterlimit="3.99933" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.75 6.5V6.5C11.75 6.63807 11.8619 6.75 12 6.75V6.75C12.1381 6.75 12.25 6.63807 12.25 6.5V6.5C12.25 6.36193 12.1381 6.25 12 6.25V6.25C11.8619 6.25 11.75 6.36193 11.75 6.5V6.5ZM11.75 6.5H12.01H12" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10 17.5H14" stroke="#262626" stroke-width="1.5" stroke-miterlimit="3.99933" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 6.5C11 5.94772 11.4477 5.5 12 5.5C12.5523 5.5 13 5.94772 13 6.5C13 7.05228 12.5523 7.5 12 7.5C11.4477 7.5 11 7.05228 11 6.5ZM9.25 9.5C9.25 9.08579 9.58579 8.75 10 8.75H12C12.4142 8.75 12.75 9.08579 12.75 9.5V16.75H14C14.4142 16.75 14.75 17.0858 14.75 17.5C14.75 17.9142 14.4142 18.25 14 18.25H12H10C9.58579 18.25 9.25 17.9142 9.25 17.5C9.25 17.0858 9.58579 16.75 10 16.75H11.25V10.25H10C9.58579 10.25 9.25 9.91421 9.25 9.5Z" fill="#262626"/>
 </svg>
@@ -15,5 +15,5 @@ keywords:
  - beskrivelse
  - forklaring
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 31.03.2023
 created_at: 07.03.2023
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6248 2.35048C11.8568 2.21651 12.1427 2.21651 12.3748 2.35048L20.1578 6.84397C20.273 6.90772 20.3729 7.00264 20.4435 7.125C20.5142 7.24739 20.5465 7.38143 20.544 7.51313V16.5C20.544 16.7679 20.4011 17.0155 20.169 17.1495L12.3903 21.6405C12.2766 21.71 12.143 21.75 12 21.75H12C11.9837 21.75 11.9675 21.7495 11.9513 21.7484C11.8311 21.7407 11.7186 21.7047 11.6205 21.647L3.83057 17.1495C3.59852 17.0155 3.45557 16.7679 3.45557 16.5V7.513C3.45316 7.38134 3.48541 7.24735 3.55605 7.125C3.62669 7.00265 3.7266 6.90773 3.84183 6.84398L11.6248 2.35048ZM4.95557 8.79904V16.067L11.25 19.7011L11.25 12.4331L4.95557 8.79904ZM12.75 12.4329V19.7008L19.044 16.067V8.79904L12.75 12.4329ZM18.294 7.5L11.9998 11.134L5.70557 7.5L11.9998 3.86603L18.294 7.5Z" fill="#262626"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.438 7.11571C20.3678 6.99792 20.2701 6.90625 20.1578 6.84415L12.3872 2.35776C12.3621 2.34263 12.3361 2.32904 12.3095 2.31701C12.2098 2.27163 12.1042 2.24991 11.9999 2.25C11.8955 2.24989 11.7899 2.27161 11.6901 2.31701C11.6635 2.32904 11.6375 2.34263 11.6124 2.35775L3.84183 6.84411C3.7266 6.90785 3.62669 7.00277 3.55605 7.12513C3.48541 7.24748 3.45316 7.38146 3.45557 7.51312V16.5001C3.45557 16.7681 3.59852 17.0157 3.83057 17.1496L11.6124 21.6425C11.6307 21.6535 11.6494 21.6637 11.6685 21.6731C11.6958 21.6866 11.7242 21.6985 11.7533 21.7086C11.8339 21.7368 11.9172 21.7503 11.9998 21.7503C12.0536 21.7503 12.1078 21.7445 12.1613 21.7327C12.2435 21.7147 12.3206 21.6832 12.3903 21.6407L20.169 17.1496C20.4011 17.0157 20.544 16.7681 20.544 16.5001V7.51305C20.5464 7.38481 20.5158 7.25437 20.4489 7.13462C20.4454 7.12826 20.4418 7.12196 20.438 7.11571ZM18.294 7.50013L11.9998 3.86615L5.70557 7.50012L11.9998 11.1341L18.294 7.50013ZM4.95557 8.79916V16.0671L11.25 19.7012L11.25 12.4332L4.95557 8.79916ZM12.75 12.433L19.044 8.79917V16.0671L12.75 19.701V12.433Z" fill="#262626"/>
 </svg>
@@ -14,5 +14,5 @@ keywords:
  - programmering
  - distribusjon
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 23.03.2023
 created_at: 07.03.2023
@@ -14,5 +14,5 @@ keywords:
  - programmering
  - distribusjon
 variant: Fill
-updated_at: 08.03.2023
+updated_at: 23.03.2023
 created_at: 07.03.2023
@@ -1,4 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.5 9.5C9.5 8 10.5 7 12 7C13.5 7 14.5 8 14.5 9.5C14.5 11 12 12 12 13.5V14" stroke="#262626" stroke-width="1.5" stroke-miterlimit="3.99933" stroke-linecap="round"/>
-<path d="M11.75 16.5V16.5C11.75 16.6381 11.8619 16.75 12 16.75V16.75C12.1381 16.75 12.25 16.6381 12.25 16.5V16.5C12.25 16.3619 12.1381 16.25 12 16.25V16.25C11.8619 16.25 11.75 16.3619 11.75 16.5V16.5ZM11.75 16.5H12.01H12" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.25 9.5C10.25 8.92044 10.4399 8.49575 10.7178 8.21783C10.9957 7.93991 11.4204 7.75 12 7.75C12.5796 7.75 13.0043 7.93991 13.2822 8.21783C13.5601 8.49575 13.75 8.92044 13.75 9.5C13.75 9.65777 13.6859 9.84934 13.4991 10.1109C13.3076 10.379 13.0426 10.6467 12.7197 10.9697L12.6985 10.9909C12.4009 11.2884 12.0511 11.6381 11.7803 12.0172C11.4984 12.4118 11.25 12.9078 11.25 13.5V14C11.25 14.4142 11.5858 14.75 12 14.75C12.4142 14.75 12.75 14.4142 12.75 14V13.5C12.75 13.3422 12.8141 13.1507 13.0009 12.8891C13.1924 12.621 13.4574 12.3533 13.7803 12.0303L13.8015 12.0091C14.0991 11.7116 14.4489 11.3619 14.7197 10.9828C15.0016 10.5882 15.25 10.0922 15.25 9.5C15.25 8.57956 14.9399 7.75425 14.3428 7.15717C13.7457 6.56009 12.9204 6.25 12 6.25C11.0796 6.25 10.2543 6.56009 9.65717 7.15717C9.06009 7.75425 8.75 8.57956 8.75 9.5C8.75 9.91421 9.08579 10.25 9.5 10.25C9.91421 10.25 10.25 9.91421 10.25 9.5ZM12 15.5C11.4477 15.5 11 15.9477 11 16.5C11 17.0523 11.4477 17.5 12 17.5C12.5523 17.5 13 17.0523 13 16.5C13 15.9477 12.5523 15.5 12 15.5Z" fill="#262626"/>
 </svg>
@@ -13,5 +13,5 @@ keywords:
  - veiledning
  - spørsmålstegn
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 31.03.2023
 created_at: 07.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.25H7.875C7.46079 5.25 7.125 5.58579 7.125 6C7.125 6.41421 7.46079 6.75 7.875 6.75H15C15.1381 6.75 15.25 6.86193 15.25 7V9.6V14.4C15.25 14.5901 15.3207 14.7637 15.4373 14.8959C15.4739 14.9375 15.5152 14.975 15.5605 15.0078C15.6286 15.0571 15.7052 15.0952 15.7877 15.1195L20.7714 16.7143C20.9995 16.7873 21.2488 16.747 21.4422 16.6058C21.6356 16.4646 21.75 16.2395 21.75 16V8C21.75 7.76051 21.6356 7.53542 21.4422 7.39422C21.2488 7.25302 20.9995 7.21269 20.7714 7.28568L16.75 8.57254V7C16.75 6.0335 15.9665 5.25 15 5.25ZM20.25 14.9725L16.75 13.8525V10.1475L20.25 9.02746V14.9725ZM3.75 10.5C3.75 10.0858 3.41421 9.75 3 9.75C2.58579 9.75 2.25 10.0858 2.25 10.5V17C2.25 17.9665 3.0335 18.75 4 18.75H11.125C11.5392 18.75 11.875 18.4142 11.875 18C11.875 17.5858 11.5392 17.25 11.125 17.25H4C3.86193 17.25 3.75 17.1381 3.75 17V10.5ZM4.03033 5.46967C3.73744 5.17678 3.26256 5.17678 2.96967 5.46967C2.67678 5.76256 2.67678 6.23744 2.96967 6.53033L14.9697 18.5303C15.2626 18.8232 15.7374 18.8232 16.0303 18.5303C16.3232 18.2374 16.3232 17.7626 16.0303 17.4697L4.03033 5.46967Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,26 @@
+name: VideoSlash
+category: Media
+sub_category: Media
+keywords:
+  - record
+  - film
+  - video
+  - camera
+  - no camera
+  - no video
+  - no filming
+  - no recording
+  - opptak
+  - ta opp
+  - filme
+  - video
+  - kamera
+  - ingen filming
+  - ingen video
+  - ingen kamera
+  - ingen opptak
+  - unavailable
+  - utilgjengelig
+variant: Stroke
+updated_at: 31.03.2023
+created_at: 30.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.67678 8.35876C2.51929 8.20127 2.25 8.31281 2.25 8.53553V17C2.25 17.9665 3.0335 18.75 4 18.75H12.4645C12.6872 18.75 12.7987 18.4807 12.6412 18.3232L2.67678 8.35876ZM16.3232 15.6412C16.4807 15.7987 16.75 15.6872 16.75 15.4645V7C16.75 6.0335 15.9665 5.25 15 5.25H6.53553C6.31281 5.25 6.20127 5.51929 6.35876 5.67678L16.3232 15.6412ZM18.25 15.725C18.25 15.8337 18.3203 15.93 18.4238 15.9631L20.7714 16.7143C20.9995 16.7873 21.2488 16.747 21.4422 16.6058C21.6356 16.4646 21.75 16.2395 21.75 16V8.00001C21.75 7.76052 21.6356 7.53543 21.4422 7.39423C21.2488 7.25303 20.9995 7.2127 20.7714 7.28569L18.4238 8.03692C18.3203 8.07006 18.25 8.16631 18.25 8.27503V15.725ZM4.03033 5.46967C3.73744 5.17678 3.26256 5.17678 2.96967 5.46967C2.67678 5.76256 2.67678 6.23744 2.96967 6.53033L14.9697 18.5303C15.2626 18.8232 15.7374 18.8232 16.0303 18.5303C16.3232 18.2374 16.3232 17.7626 16.0303 17.4697L4.03033 5.46967Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,26 @@
+name: VideoSlashFill
+category: Media
+sub_category: Media
+keywords:
+  - record
+  - film
+  - video
+  - camera
+  - no camera
+  - no video
+  - no filming
+  - no recording
+  - opptak
+  - ta opp
+  - filme
+  - video
+  - kamera
+  - ingen filming
+  - ingen video
+  - ingen kamera
+  - ingen opptak
+  - unavailable
+  - utilgjengelig
+variant: Fill
+updated_at: 31.03.2023
+created_at: 30.03.2023
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -2,7 +2,8 @@
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "outDir": "./dist/react/cjs",
-    "module": "commonjs"
+    "module": "commonjs",
+    "skipLibCheck": true
  },
  "exclude": ["./util", "./__tests__", "**/*.stories.*"],
  "include": ["./src"]
@@ -1,5 +1,19 @@
 # @navikt/ds-codemod

+## 2.8.12
+
+## 2.8.11
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+## 2.8.7
+
+## 2.8.6
+
 ## 2.8.5

 ## 2.8.4
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-codemod",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "Aksel codemods for NAVs designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -39,8 +39,8 @@
    "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.8.5",
-    "@navikt/ds-react": "^2.8.5",
+    "@navikt/ds-icons": "^2.8.12",
+    "@navikt/ds-react": "^2.8.12",
    "clsx": "^1.1.1"
  },
  "devDependencies": {
@@ -1,5 +1,31 @@
 # @navikt/ds-css

+## 2.8.12
+
+## 2.8.11
+
+## 2.8.10
+
+## 2.8.9
+
+### Patch Changes
+
+- [#1905](https://github.com/navikt/aksel/pull/1905) [`212194964`](https://github.com/navikt/aksel/commit/212194964c4dd576e1ffc031316dff8cbe5016a2) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Padding/border-radius tokens for button.css
+
+## 2.8.8
+
+## 2.8.7
+
+### Patch Changes
+
+- [`7f3f025db`](https://github.com/navikt/aksel/commit/7f3f025db2ad605df4240605a733d10d08db753a) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset typografi for radio, checkbox. Button token for tertiary
+
+## 2.8.6
+
+### Patch Changes
+
+- [`2eb358ad8`](https://github.com/navikt/aksel/commit/2eb358ad888979d21c385b3900973946f3f466be) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
+
 ## 2.8.5

 ### Patch Changes
@@ -37,6 +37,10 @@
  background-color: var(--ac-alert-error-bg, var(--a-surface-danger-subtle));
 }

+.navds-alert--error > .navds-alert__icon {
+  color: var(--ac-alert-icon-error-color, var(--a-icon-danger));
+}
+
 .navds-alert--warning {
  border-color: var(--ac-alert-warning-border, var(--a-border-warning));
  background-color: var(--ac-alert-warning-bg, var(--a-surface-warning-subtle));
@@ -44,6 +48,7 @@

 .navds-alert--warning > .navds-alert__icon {
  background: radial-gradient(circle at 50% 57%, var(--a-surface-default) 32%, 0, transparent);
+  color: var(--ac-alert-icon-warning-color, var(--a-icon-warning));
 }

 .navds-alert--info {
@@ -51,11 +56,19 @@
  background-color: var(--ac-alert-info-bg, var(--a-surface-info-subtle));
 }

+.navds-alert--info > .navds-alert__icon {
+  color: var(--ac-alert-icon-info-color, var(--a-icon-info));
+}
+
 .navds-alert--success {
  border-color: var(--ac-alert-success-border, var(--a-border-success));
  background-color: var(--ac-alert-success-bg, var(--a-surface-success-subtle));
 }

+.navds-alert--success > .navds-alert__icon {
+  color: var(--ac-alert-icon-success-color, var(--a-icon-success));
+}
+
 .navds-alert--inline {
  background-color: transparent;
  border: none;
@@ -16,38 +16,50 @@
 }

 .navds-button {
+  --__ac-button-padding: var(--a-spacing-3) var(--a-spacing-5);
+
  display: inline-flex;
  cursor: pointer;
  margin: 0;
  text-decoration: none;
  border: none;
  background: none;
-  border-radius: var(--a-border-radius-medium);
-  padding: var(--a-spacing-3) var(--a-spacing-5);
+  border-radius: var(--ac-button-border-radius, var(--a-border-radius-medium));
+  padding: var(--ac-button-padding, var(--__ac-button-padding));
  align-items: center;
  justify-content: center;
  gap: var(--a-spacing-2);
 }

 .navds-button--small {
-  padding: 0.375rem var(--a-spacing-3);
+  --__ac-button-padding: 0.375rem var(--a-spacing-3);
+
+  padding: var(--ac-button-padding-small, var(--__ac-button-padding));
 }

 .navds-button--xsmall {
-  padding: var(--a-spacing-05) var(--a-spacing-2);
+  --__ac-button-padding: var(--a-spacing-05) var(--a-spacing-2);
+
+  padding: var(--ac-button-padding-xsmall, var(--__ac-button-padding));
  gap: var(--a-spacing-1);
 }

 .navds-button--icon-only {
-  padding: var(--a-spacing-3);
+  --__ac-button-padding: var(--a-spacing-3);
+
+  padding: var(--ac-button-padding-icon-only, var(--__ac-button-padding));
 }

 .navds-button--small.navds-button--icon-only {
-  padding: 0.375rem;
+  --__ac-button-padding: 0.375rem;
+
+  padding: var(--ac-button-padding-icon-only-small, var(--__ac-button-padding));
 }

 .navds-button--xsmall.navds-button--icon-only {
-  padding: var(--a-spacing-1);
+  --__ac-button-padding: var(--a-spacing-1);
+
+  padding: var(--ac-button-padding-icon-only-xsmall, var(--__ac-button-padding));
 }

 .navds-button:focus {
@@ -217,6 +229,7 @@

 .navds-button--tertiary {
  color: var(--ac-button-tertiary-text, var(--a-text-action));
+  background-color: var(--ac-button-tertiary-bg, var(--a-surface-transparent));
 }

 .navds-button--tertiary:hover {
@@ -36,6 +36,7 @@
 .navds-chips__toggle {
  box-shadow: inset 0 0 0 1px var(--ac-chip-toggle-border, var(--a-border-default));
  background-color: var(--ac-chip-toggle-bg, var(--a-surface-neutral-subtle));
+  color: var(--ac-chip-toggle-text, var(--a-text-default));
 }

 .navds-chips__toggle:hover {
@@ -23,7 +23,7 @@
 }

 .navds-error-summary__list > * {
-  color: var(--a-blue-500);
+  color: var(--ac-error-summary-list-dot, var(--a-text-action));
 }

 .navds-error-summary--small > .navds-error-summary__list {
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -20,7 +20,7 @@
    "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^2.8.5",
+    "@navikt/ds-tokens": "^2.8.12",
    "normalize.css": "^8.0.1",
    "postcss": "^8.4.0",
    "postcss-cli": "^9.0.0",
@@ -2,12 +2,16 @@
  "alert": {
    "--ac-alert-error-border": "--a-border-danger",
    "--ac-alert-error-bg": "--a-surface-danger-subtle",
+    "--ac-alert-icon-error-color": "--a-icon-danger",
    "--ac-alert-warning-border": "--a-border-warning",
    "--ac-alert-warning-bg": "--a-surface-warning-subtle",
+    "--ac-alert-icon-warning-color": "--a-icon-warning",
    "--ac-alert-info-border": "--a-border-info",
    "--ac-alert-info-bg": "--a-surface-info-subtle",
+    "--ac-alert-icon-info-color": "--a-icon-info",
    "--ac-alert-success-border": "--a-border-success",
-    "--ac-alert-success-bg": "--a-surface-success-subtle"
+    "--ac-alert-success-bg": "--a-surface-success-subtle",
+    "--ac-alert-icon-success-color": "--a-icon-success"
  },
  "accordion": {
    "--ac-accordion-header-bg": "--ac-surface-transparent",
@@ -23,6 +27,13 @@
    "--ac-accordion-content-border-open": "--a-border-default"
  },
  "button": {
+    "--ac-button-border-radius": "--a-border-radius-medium",
+    "--ac-button-padding": "var(--a-spacing-3) var(--a-spacing-5)",
+    "--ac-button-padding-small": "0.375rem var(--a-spacing-3)",
+    "--ac-button-padding-xsmall": "var(--a-spacing-05) var(--a-spacing-2)",
+    "--ac-button-padding-icon-only": "var(--a-spacing-3)",
+    "--ac-button-padding-icon-only-small": "0.375rem",
+    "--ac-button-padding-icon-only-xsmall": "var(--a-spacing-1)",
    "--ac-button-primary-bg": "--a-surface-action",
    "--ac-button-primary-text": "--a-text-on-action",
    "--ac-button-primary-hover-bg": "--a-surface-action-hover",
@@ -38,6 +49,7 @@
    "--ac-button-secondary-active-bg": "--a-surface-action-active",
    "--ac-button-secondary-active-focus-border": "--a-surface-default",
    "--ac-button-tertiary-text": "--a-text-action",
+    "--ac-button-tertiary-bg": "--a-surface-transparent",
    "--ac-button-tertiary-hover-text": "--a-text-action-on-action-subtle",
    "--ac-button-tertiary-hover-bg": "--a-surface-action-subtle-hover",
    "--ac-button-tertiary-focus-border": "--a-border-action",
@@ -80,6 +92,7 @@
  "chips": {
    "--ac-chip-toggle-border": "--a-border-default",
    "--ac-chip-toggle-bg": "--a-surface-neutral-subtle",
+    "--ac-chip-toggle-text": "--a-text-default",
    "--ac-chip-toggle-hover-border": "--a-border-strong",
    "--ac-chip-toggle-hover-bg": "--a-surface-neutral-subtle-hover",
    "--ac-chip-toggle-pressed-bg": "--a-surface-action-selected",
@@ -296,7 +309,8 @@
  },
  "errorsummary": {
    "--ac-error-summary-bg": "--a-surface-default",
-    "--ac-error-summary-border": "--a-border-danger"
+    "--ac-error-summary-border": "--a-border-danger",
+    "--ac-error-summary-list-dot": "--a-text-action"
  },
  "checkbox-radio": {
    "--ac-radio-checkbox-bg": "--a-surface-default",
@@ -1,5 +1,67 @@
 # @navikt/ds-react

+## 2.8.12
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.12
+  - @navikt/ds-icons@2.8.12
+
+## 2.8.11
+
+### Patch Changes
+
+- Updated dependencies [[`270427910`](https://github.com/navikt/aksel/commit/2704279107a5fbf93048de37d014e78f6721438f)]:
+  - @navikt/aksel-icons@2.8.11
+  - @navikt/ds-icons@2.8.11
+
+## 2.8.10
+
+### Patch Changes
+
+- [#1907](https://github.com/navikt/aksel/pull/1907) [`63fdacf0f`](https://github.com/navikt/aksel/commit/63fdacf0f8fa09593c64b35b49381d6c8a1befd1) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :recycle: Refactor event-handling i datepicker-hooks
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.10
+  - @navikt/ds-icons@2.8.10
+
+## 2.8.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.9
+  - @navikt/ds-icons@2.8.9
+
+## 2.8.8
+
+### Patch Changes
+
+- Updated dependencies [[`ed8e28454`](https://github.com/navikt/aksel/commit/ed8e284540a9e3a5be7d1d5e393f31db86962613)]:
+  - @navikt/aksel-icons@2.8.8
+  - @navikt/ds-icons@2.8.8
+
+## 2.8.7
+
+### Patch Changes
+
+- [`7f3f025db`](https://github.com/navikt/aksel/commit/7f3f025db2ad605df4240605a733d10d08db753a) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset typografi for radio, checkbox. Button token for tertiary
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.7
+  - @navikt/ds-icons@2.8.7
+
+## 2.8.6
+
+### Patch Changes
+
+- [`2eb358ad8`](https://github.com/navikt/aksel/commit/2eb358ad888979d21c385b3900973946f3f466be) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.6
+  - @navikt/ds-icons@2.8.6
+
 ## 2.8.5

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "Aksel react-components for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -37,8 +37,8 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.17.0",
-    "@navikt/aksel-icons": "^2.8.5",
-    "@navikt/ds-icons": "^2.8.5",
+    "@navikt/aksel-icons": "^2.8.12",
+    "@navikt/ds-icons": "^2.8.12",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^1.2.1",
@@ -1,8 +1,8 @@
 import {
-  ErrorColored,
-  InformationColored,
-  SuccessColored,
-  WarningColored,
+  ErrorFilled,
+  InformationFilled,
+  SuccessFilled,
+  WarningFilled,
 } from "@navikt/ds-icons";
 import cl from "clsx";
 import React, { forwardRef } from "react";
@@ -37,13 +37,13 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
 const Icon = ({ variant, ...props }) => {
  switch (variant) {
    case "error":
-      return <ErrorColored title="Feil" {...props} />;
+      return <ErrorFilled title="Feil" {...props} />;
    case "warning":
-      return <WarningColored title="Advarsel" {...props} />;
+      return <WarningFilled title="Advarsel" {...props} />;
    case "info":
-      return <InformationColored title="Informasjon" {...props} />;
+      return <InformationFilled title="Informasjon" {...props} />;
    case "success":
-      return <SuccessColored title="Suksess" {...props} />;
+      return <SuccessFilled title="Suksess" {...props} />;
    default:
      return null;
  }
@@ -3,7 +3,7 @@ import cl from "clsx";
 import React, { forwardRef, InputHTMLAttributes } from "react";
 import { BodyShort, Button, ErrorMessage, Label, omit } from "..";
 import { FormFieldProps, useFormField } from "../form/useFormField";
-import { useDateInputContext } from "./hooks";
+import { useDateInputContext } from "./context";

 export interface DateInputProps
  extends FormFieldProps,
@@ -0,0 +1,5 @@
+export { useDateInputContext, DateContext } from "./useDateInputContext";
+export {
+  useSharedMonthContext,
+  SharedMonthProvider,
+} from "./useSharedMonthContext";
@@ -13,14 +13,14 @@ import {
 } from "react-day-picker";
 import { omit, Popover, useId } from "../..";
 import { DateInputType, DatePickerInput } from "../DateInput";
-import { DateContext } from "../hooks";
+import { DateContext } from "../context";
 import { getLocaleFromString, labels } from "../utils";
 import { Caption, DropdownCaption } from "./caption";
 import DatePickerStandalone, {
  DatePickerStandaloneType,
 } from "./DatePickerStandalone";
 import { DayButton } from "./DayButton";
-import { Head } from "./Head";
+import { TableHead } from "./TableHead";

 export type ConditionalModeProps =
  | {
@@ -221,7 +221,7 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
                components={{
                  Caption: dropdownCaption ? DropdownCaption : Caption,
                  Day: DayButton,
-                  Head: Head,
+                  Head: TableHead,
                }}
                className={cl("navds-date", className)}
                classNames={{
@@ -13,7 +13,7 @@ import { omit } from "../..";
 import { getLocaleFromString, labels } from "../utils";
 import { Caption, DropdownCaption } from "./caption";
 import { ConditionalModeProps, DatePickerDefaultProps } from "./DatePicker";
-import { Head } from "./Head";
+import { TableHead } from "./TableHead";

 interface DatePickerStandaloneDefaultProps
  extends Omit<
@@ -100,7 +100,7 @@ export const DatePickerStandalone: DatePickerStandaloneType = forwardRef<
          selected={selected ?? selectedDates}
          components={{
            Caption: dropdownCaption ? DropdownCaption : Caption,
-            Head: Head,
+            Head: TableHead,
          }}
          className="navds-date"
          classNames={{ vhidden: "navds-sr-only" }}
@@ -2,7 +2,7 @@ import React from "react";
 import { HeadRow, useDayPicker } from "react-day-picker";

 /** Render the table head. */
-export function Head(): JSX.Element {
+export function TableHead(): JSX.Element {
  const { classNames, styles, components } = useDayPicker();
  const HeadRowComponent = components?.HeadRow ?? HeadRow;
  return (
@@ -12,27 +12,6 @@ const disabledDays = [
 export default {
  title: "ds-react/Datepicker",
  component: DatePicker,
-  argTypes: {
-    size: {
-      control: {
-        type: "radio",
-        options: ["medium", "small"],
-      },
-    },
-    locale: {
-      control: {
-        type: "radio",
-        options: ["nb", "nn", "en"],
-      },
-    },
-    mode: {
-      defaultValue: "single",
-      control: {
-        type: "radio",
-        options: ["single", "multiple", "range"],
-      },
-    },
-  },
 };

 export const Default = {
@@ -123,6 +102,27 @@ export const Default = {
    inputfield: true,
    standalone: false,
    openOnFocus: true,
+    mode: "single",
+  },
+  argTypes: {
+    size: {
+      control: {
+        type: "radio",
+        options: ["medium", "small"],
+      },
+    },
+    locale: {
+      control: {
+        type: "radio",
+        options: ["nb", "nn", "en"],
+      },
+    },
+    mode: {
+      control: {
+        type: "radio",
+        options: ["single", "multiple", "range"],
+      },
+    },
  },
 };

@@ -4,8 +4,3 @@ export { useRangeDatepicker as UNSAFE_useRangeDatepicker } from "./useRangeDatep
 export type { RangeValidationT } from "./useRangeDatepicker";
 export { useMonthpicker as UNSAFE_useMonthpicker } from "./useMonthPicker";
 export type { MonthValidationT } from "./useMonthPicker";
-export { useDateInputContext, DateContext } from "./useDateInputContext";
-export {
-  useSharedMonthContext,
-  SharedMonthProvider,
-} from "./useSharedMonthContext";
@@ -1,6 +1,6 @@
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
 import isWeekend from "date-fns/isWeekend";
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React, { useRef, useState } from "react";
 import { DayClickEventHandler, isMatch } from "react-day-picker";
 import { DateInputProps } from "../DateInput";
 import { DatePickerProps } from "../datepicker/DatePicker";
@@ -10,6 +10,8 @@ import {
  isValidDate,
  parseDate,
 } from "../utils";
+import { useEscape } from "./useEscape";
+import { useOutsideClickHandler } from "./useOutsideClickHandler";

 export interface UseDatepickerOptions
  extends Pick<
@@ -134,7 +136,7 @@ export const useDatepicker = (
  const locale = getLocaleFromString(_locale);

  const inputRef = useRef<HTMLInputElement>(null);
-  const daypickerRef = useRef<HTMLDivElement>(null);
+  const [daypickerRef, setDaypickerRef] = useState<HTMLDivElement>();

  const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);

@@ -148,45 +150,21 @@ export const useDatepicker = (
    : "";
  const [inputValue, setInputValue] = useState(defaultInputValue);

+  useOutsideClickHandler(open, setOpen, [
+    daypickerRef,
+    inputRef.current,
+    inputRef.current?.nextSibling,
+  ]);
+
+  useEscape(open, setOpen, inputRef);
+
  const updateDate = (date?: Date) => {
    onDateChange?.(date);
    setSelectedDay(date);
  };

-  const updateValidation = (val: Partial<DateValidationT> = {}) => {
-    const msg = getValidationMessage(val);
-    onValidate?.(msg);
-  };
-
-  const handleFocusIn = useCallback(
-    (e) => {
-      /* Workaround for shadow-dom users (open) */
-      const composed = e.composedPath?.()?.[0];
-      if (!e?.target || !e?.target?.nodeType || !composed) {
-        return;
-      }
-
-      ![
-        daypickerRef.current,
-        inputRef.current,
-        inputRef.current?.nextSibling,
-      ].some(
-        (element) => element?.contains(e.target) || element?.contains(composed)
-      ) &&
-        open &&
-        setOpen(false);
-    },
-    [open]
-  );
-
-  useEffect(() => {
-    window.addEventListener("focusin", handleFocusIn);
-    window.addEventListener("pointerdown", handleFocusIn);
-    return () => {
-      window?.removeEventListener?.("focusin", handleFocusIn);
-      window?.removeEventListener?.("pointerdown", handleFocusIn);
-    };
-  }, [handleFocusIn]);
+  const updateValidation = (val: Partial<DateValidationT> = {}) =>
+    onValidate?.(getValidationMessage(val));

  const reset = () => {
    updateDate(defaultSelected);
@@ -300,24 +278,6 @@ export const useDatepicker = (
    setMonth(defaultMonth ?? day);
  };

-  const handleClose = useCallback(() => {
-    setOpen(false);
-    inputRef.current && inputRef.current.focus();
-  }, []);
-
-  const escape = useCallback(
-    (e) => open && e.key === "Escape" && handleClose(),
-    [handleClose, open]
-  );
-
-  useEffect(() => {
-    window.addEventListener("keydown", escape, false);
-
-    return () => {
-      window.removeEventListener("keydown", escape, false);
-    };
-  }, [escape]);
-
  const datepickerProps = {
    month,
    onMonthChange: (month) => setMonth(month),
@@ -331,7 +291,7 @@ export const useDatepicker = (
    onOpenToggle: () => setOpen((x) => !x),
    disabled,
    disableWeekends,
-    ref: daypickerRef,
+    ref: setDaypickerRef,
  };

  const inputProps = {
@@ -0,0 +1,25 @@
+import React, { useCallback, useEffect } from "react";
+
+export const useEscape = (
+  open: boolean,
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>,
+  focusRef: any
+) => {
+  const handleClose = useCallback(() => {
+    setOpen(false);
+    focusRef?.current && focusRef.current.focus();
+  }, [focusRef, setOpen]);
+
+  const escape = useCallback(
+    (e) => open && e.key === "Escape" && handleClose(),
+    [handleClose, open]
+  );
+
+  useEffect(() => {
+    window.addEventListener("keydown", escape, false);
+
+    return () => {
+      window.removeEventListener("keydown", escape, false);
+    };
+  }, [escape]);
+};
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React, { useRef, useState } from "react";
 import { DateInputProps } from "../DateInput";
 import { MonthPickerProps } from "../monthpicker/MonthPicker";
 import {
@@ -8,6 +8,8 @@ import {
  isValidDate,
  parseDate,
 } from "../utils";
+import { useEscape } from "./useEscape";
+import { useOutsideClickHandler } from "./useOutsideClickHandler";

 export interface UseMonthPickerOptions
  extends Pick<
@@ -118,7 +120,7 @@ export const useMonthpicker = (
  const locale = getLocaleFromString(_locale);

  const inputRef = useRef<HTMLInputElement>(null);
-  const monthpickerRef = useRef<HTMLDivElement>(null);
+  const [monthpickerRef, setMonthpickerRef] = useState<HTMLDivElement>();

  // Initialize states
  const [year, setYear] = useState(defaultSelected ?? defaultYear ?? today);
@@ -131,44 +133,21 @@ export const useMonthpicker = (

  const [inputValue, setInputValue] = useState(defaultInputValue);

+  useOutsideClickHandler(open, setOpen, [
+    monthpickerRef,
+    inputRef.current,
+    inputRef.current?.nextSibling,
+  ]);
+
+  useEscape(open, setOpen, inputRef);
+
  const updateMonth = (date?: Date) => {
    onMonthChange?.(date);
    setSelectedMonth(date);
  };

-  const updateValidation = (val: Partial<MonthValidationT> = {}) => {
-    const msg = getValidationMessage(val);
-    onValidate?.(msg);
-  };
-
-  const handleFocusIn = useCallback(
-    (e) => {
-      /* Workaround for shadow-dom users (open) */
-      const composed = e.composedPath?.()?.[0];
-      if (!e?.target || !e?.target?.nodeType || !composed) {
-        return;
-      }
-      ![
-        monthpickerRef.current,
-        inputRef.current,
-        inputRef.current?.nextSibling,
-      ].some(
-        (element) => element?.contains(e.target) || element?.contains(composed)
-      ) &&
-        open &&
-        setOpen(false);
-    },
-    [open]
-  );
-
-  useEffect(() => {
-    window.addEventListener("focusin", handleFocusIn);
-    window.addEventListener("pointerdown", handleFocusIn);
-    return () => {
-      window?.removeEventListener?.("focusin", handleFocusIn);
-      window?.removeEventListener?.("pointerdown", handleFocusIn);
-    };
-  }, [handleFocusIn]);
+  const updateValidation = (val: Partial<MonthValidationT> = {}) =>
+    onValidate?.(getValidationMessage(val));

  const reset = () => {
    updateMonth(defaultSelected);
@@ -294,24 +273,6 @@ export const useMonthpicker = (
    setYear(month);
  };

-  const handleClose = useCallback(() => {
-    setOpen(false);
-    inputRef.current && inputRef.current.focus();
-  }, []);
-
-  const escape = useCallback(
-    (e) => open && e.key === "Escape" && handleClose(),
-    [handleClose, open]
-  );
-
-  useEffect(() => {
-    window.addEventListener("keydown", escape, false);
-
-    return () => {
-      window.removeEventListener("keydown", escape, false);
-    };
-  }, [escape]);
-
  const monthpickerProps = {
    year,
    onYearChange: (y?: Date) => setYear(y ?? today),
@@ -323,7 +284,7 @@ export const useMonthpicker = (
    open,
    onOpenToggle: () => setOpen((x) => !x),
    disabled,
-    ref: monthpickerRef,
+    ref: setMonthpickerRef,
  };

  const inputProps = {
@@ -0,0 +1,34 @@
+import React, { useCallback, useEffect } from "react";
+
+export const useOutsideClickHandler = (
+  open: boolean,
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>,
+  refs: Array<any>
+) => {
+  const handleFocusIn = useCallback(
+    (e) => {
+      const composed = e.composedPath?.()?.[0];
+      if (!e?.target || !e?.target?.nodeType || !composed) {
+        return;
+      }
+      if (
+        !refs.some(
+          (element) =>
+            element?.contains(e.target) || element?.contains(composed)
+        )
+      ) {
+        open && setOpen(false);
+      }
+    },
+    [open, refs, setOpen]
+  );
+
+  useEffect(() => {
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("pointerdown", handleFocusIn);
+    return () => {
+      window?.removeEventListener?.("focusin", handleFocusIn);
+      window?.removeEventListener?.("pointerdown", handleFocusIn);
+    };
+  }, [handleFocusIn]);
+};
@@ -1,7 +1,7 @@
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
 import isBefore from "date-fns/isBefore";
 import isWeekend from "date-fns/isWeekend";
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import React, { useRef, useState } from "react";
 import { DateRange, isMatch } from "react-day-picker";
 import { DateInputProps } from "../DateInput";
 import { DatePickerProps } from "../datepicker/DatePicker";
@@ -12,6 +12,8 @@ import {
  parseDate,
 } from "../utils";
 import { DateValidationT, UseDatepickerOptions } from "./useDatepicker";
+import { useEscape } from "./useEscape";
+import { useOutsideClickHandler } from "./useOutsideClickHandler";

 export type RangeValidationT = {
  from: DateValidationT;
@@ -211,7 +213,7 @@ export const useRangeDatepicker = (

  const inputRefTo = useRef<HTMLInputElement>(null);
  const inputRefFrom = useRef<HTMLInputElement>(null);
-  const datePickerRef = useRef<HTMLDivElement | null>(null);
+  const [daypickerRef, setDaypickerRef] = useState<HTMLDivElement>();

  const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);

@@ -241,6 +243,20 @@ export const useRangeDatepicker = (

  const [open, setOpen] = useState(false);

+  useOutsideClickHandler(open, setOpen, [
+    daypickerRef,
+    inputRefTo.current,
+    inputRefFrom.current,
+    inputRefTo.current?.nextSibling,
+    inputRefFrom.current?.nextSibling,
+  ]);
+
+  useEscape(
+    open,
+    setOpen,
+    selectedRange?.from && !selectedRange?.to ? inputRefTo : inputRefFrom
+  );
+
  const updateRange = (range?: DateRange) => {
    onRangeChange?.(range);
    setSelectedRange(range);
@@ -255,37 +271,6 @@ export const useRangeDatepicker = (
    onValidate?.(msg);
  };

-  const handleFocusIn = useCallback(
-    (e) => {
-      /* Workaround for shadow-dom users (open) */
-      const composed = e.composedPath?.()?.[0];
-      if (!e?.target || !e?.target?.nodeType || !composed) {
-        return;
-      }
-      ![
-        datePickerRef.current,
-        inputRefTo.current,
-        inputRefFrom.current,
-        inputRefTo.current?.nextSibling,
-        inputRefFrom.current?.nextSibling,
-      ].some(
-        (element) => element?.contains(e.target) || element?.contains(composed)
-      ) &&
-        open &&
-        setOpen(false);
-    },
-    [open]
-  );
-
-  useEffect(() => {
-    window.addEventListener("focusin", handleFocusIn);
-    window.addEventListener("pointerdown", handleFocusIn);
-    return () => {
-      window?.removeEventListener?.("focusin", handleFocusIn);
-      window?.removeEventListener?.("pointerdown", handleFocusIn);
-    };
-  }, [handleFocusIn]);
-
  const reset = () => {
    updateRange(defaultSelected ?? { from: undefined, to: undefined });
    setMonth(defaultSelected ? defaultSelected?.from : defaultMonth ?? today);
@@ -527,28 +512,6 @@ export const useRangeDatepicker = (
      : toChange(e.target.value, day, isBefore, isAfter);
  };

-  const handleClose = useCallback(() => {
-    setOpen(false);
-    if (selectedRange?.from && !selectedRange?.to) {
-      inputRefTo?.current?.focus();
-    } else {
-      inputRefFrom?.current?.focus();
-    }
-  }, [selectedRange]);
-
-  const escape = useCallback(
-    (e) => open && e.key === "Escape" && handleClose(),
-    [handleClose, open]
-  );
-
-  useEffect(() => {
-    window.addEventListener("keydown", escape, false);
-
-    return () => {
-      window.removeEventListener("keydown", escape, false);
-    };
-  }, [escape]);
-
  const datepickerProps = {
    month: month,
    onMonthChange: (month) => setMonth(month),
@@ -563,7 +526,7 @@ export const useRangeDatepicker = (
    onOpenToggle: () => setOpen((x) => !x),
    disabled,
    disableWeekends,
-    ref: datePickerRef,
+    ref: setDaypickerRef,
  };

  const fromInputProps = {
@@ -6,7 +6,7 @@ import isSameMonth from "date-fns/isSameMonth";
 import setYear from "date-fns/setYear";
 import React, { useEffect, useRef } from "react";
 import { useDayPicker } from "react-day-picker";
-import { useSharedMonthContext } from "../hooks";
+import { useSharedMonthContext } from "../context";
 import { dateIsInCurrentMonth, isMatch, nextEnabled } from "../utils";

 interface MonthType {
@@ -6,7 +6,7 @@ import startOfYear from "date-fns/startOfYear";
 import React from "react";
 import { useDayPicker } from "react-day-picker";
 import { Button, Select } from "../..";
-import { useSharedMonthContext } from "../hooks";
+import { useSharedMonthContext } from "../context";
 import { hasNextYear, labelNextYear, labelPrevYear } from "../utils";

 export const MonthCaption = () => {
@@ -3,7 +3,7 @@ import React, { forwardRef, useRef, useState } from "react";
 import { RootProvider } from "react-day-picker";
 import { Popover, useId } from "../..";
 import { DateInputType, MonthPickerInput } from "../DateInput";
-import { DateContext, SharedMonthProvider } from "../hooks";
+import { DateContext, SharedMonthProvider } from "../context";
 import { getLocaleFromString, Matcher } from "../utils";
 import MonthCaption from "./MonthCaption";
 import MonthPickerStandalone, {
@@ -1,7 +1,7 @@
 import cl from "clsx";
 import React, { forwardRef, useState } from "react";
 import { RootProvider } from "react-day-picker";
-import { SharedMonthProvider } from "../hooks";
+import { SharedMonthProvider } from "../context";
 import { getLocaleFromString } from "../utils";
 import MonthCaption from "./MonthCaption";
 import { MonthPickerProps } from "./MonthPicker";
@@ -4,7 +4,7 @@ import setYear from "date-fns/setYear";
 import startOfMonth from "date-fns/startOfMonth";
 import React, { useState } from "react";
 import { BodyShort } from "../..";
-import { useSharedMonthContext } from "../hooks";
+import { useSharedMonthContext } from "../context";
 import { isMatch } from "../utils";
 import MonthButton from "./MonthButton";

@@ -1,8 +1,9 @@
-import React, { forwardRef, InputHTMLAttributes } from "react";
 import cl from "clsx";
-import useCheckbox from "./useCheckbox";
+import React, { forwardRef, InputHTMLAttributes } from "react";
+import { BodyLong, BodyShort, Detail } from "../../typography";
+import { omit } from "../../util";
 import { FormFieldProps } from "../useFormField";
-import { BodyShort, Detail, omit } from "../..";
+import useCheckbox from "./useCheckbox";

 export interface CheckboxProps
  extends FormFieldProps,
@@ -43,7 +44,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
  (props, ref) => {
    const { inputProps, hasError, size } = useCheckbox(props);

-    const Description = size === "medium" ? BodyShort : Detail;
+    const Description = size === "medium" ? BodyLong : Detail;

    return (
      <div
@@ -93,11 +94,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
              {props.children}
            </BodyShort>
            {props.description && (
-              <Description
-                as="span"
-                size="small"
-                className="navds-checkbox__description"
-              >
+              <Description as="span" className="navds-checkbox__description">
                {props.description}
              </Description>
            )}
@@ -1,6 +1,7 @@
 import cl from "clsx";
 import React, { forwardRef, InputHTMLAttributes } from "react";
-import { BodyShort, Detail, omit } from "../..";
+import { BodyLong, BodyShort, Detail } from "../../typography";
+import { omit } from "../../util";
 import { FormFieldProps } from "../useFormField";
 import { useRadio } from "./useRadio";

@@ -24,7 +25,7 @@ export interface RadioProps
 export const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {
  const { inputProps, size, hasError } = useRadio(props);

-  const Description = size === "medium" ? BodyShort : Detail;
+  const Description = size === "medium" ? BodyLong : Detail;

  return (
    <div
@@ -45,11 +46,7 @@ export const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {
            {props.children}
          </BodyShort>
          {props.description && (
-            <Description
-              as="span"
-              size="small"
-              className="navds-radio__description"
-            >
+            <Description as="span" className="navds-radio__description">
              {props.description}
            </Description>
          )}
@@ -6,7 +6,7 @@ import AnimateHeight from "../util/AnimateHeight";
 import DataCell from "./DataCell";
 import Row, { RowProps } from "./Row";

-export interface ExpandableRowProps extends RowProps {
+export interface ExpandableRowProps extends Omit<RowProps, "content"> {
  /**
   * Content of the expanded row
   */
@@ -1,5 +1,19 @@
 # @navikt/ds-tailwind

+## 2.8.12
+
+## 2.8.11
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+## 2.8.7
+
+## 2.8.6
+
 ## 2.8.5

 ## 2.8.4
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "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": "^2.8.5",
+    "@navikt/ds-tokens": "^2.8.12",
    "@types/jest": "^29.0.0",
    "color": "4.2.3",
    "jest": "^29.0.0",
@@ -1,5 +1,19 @@
 # @navikt/ds-tokens

+## 2.8.12
+
+## 2.8.11
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+## 2.8.7
+
+## 2.8.6
+
 ## 2.8.5

 ## 2.8.4
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -1,5 +1,19 @@
 # @navikt/ds-icons

+## 2.8.12
+
+## 2.8.11
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+## 2.8.7
+
+## 2.8.6
+
 ## 2.8.5

 ## 2.8.4
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-icons",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "Aksel icons for NAV",
  "author": "Aksel | NAV designsystem team",
  "repository": {
@@ -2,7 +2,8 @@
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "outDir": "./cjs",
-    "module": "commonjs"
+    "module": "commonjs",
+    "skipLibCheck": true
  },
  "exclude": ["./figma", "./util", "./tests", "./scripts", "**/*.stories.*"],
  "include": ["./src"]
@@ -1,5 +1,19 @@
 # @navikt/ds-css-internal

+## 2.8.12
+
+## 2.8.11
+
+## 2.8.10
+
+## 2.8.9
+
+## 2.8.8
+
+## 2.8.7
+
+## 2.8.6
+
 ## 2.8.5

 ## 2.8.4
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css-internal",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "CSS for NAV internal Designsystem-components",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -1,5 +1,63 @@
 # @navikt/ds-react-internal

+## 2.8.12
+
+### Patch Changes
+
+- [#1915](https://github.com/navikt/aksel/pull/1915) [`85353d2c4`](https://github.com/navikt/aksel/commit/85353d2c4fb24ab59656f8094ca685d70acd46f1) Thanks [@it-vegard](https://github.com/it-vegard)! - Fixed TS conficts and added onClick callback to CopyToClipboard
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.8.12
+  - @navikt/ds-icons@2.8.12
+
+## 2.8.11
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.8.11
+  - @navikt/ds-icons@2.8.11
+
+## 2.8.10
+
+### Patch Changes
+
+- Updated dependencies [[`63fdacf0f`](https://github.com/navikt/aksel/commit/63fdacf0f8fa09593c64b35b49381d6c8a1befd1)]:
+  - @navikt/ds-react@2.8.10
+  - @navikt/ds-icons@2.8.10
+
+## 2.8.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.8.9
+  - @navikt/ds-icons@2.8.9
+
+## 2.8.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.8.8
+  - @navikt/ds-icons@2.8.8
+
+## 2.8.7
+
+### Patch Changes
+
+- Updated dependencies [[`7f3f025db`](https://github.com/navikt/aksel/commit/7f3f025db2ad605df4240605a733d10d08db753a)]:
+  - @navikt/ds-react@2.8.7
+  - @navikt/ds-icons@2.8.7
+
+## 2.8.6
+
+### Patch Changes
+
+- Updated dependencies [[`2eb358ad8`](https://github.com/navikt/aksel/commit/2eb358ad888979d21c385b3900973946f3f466be)]:
+  - @navikt/ds-react@2.8.6
+  - @navikt/ds-icons@2.8.6
+
 ## 2.8.5

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react-internal",
-  "version": "2.8.5",
+  "version": "2.8.12",
  "description": "Aksel react components for internal UIs in NAV",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -35,8 +35,8 @@
    "watch": "tsc --watch -p tsconfig.esm.json"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.8.5",
-    "@navikt/ds-react": "^2.8.5",
+    "@navikt/ds-icons": "^2.8.12",
+    "@navikt/ds-react": "^2.8.12",
    "clsx": "^1.1.1",
    "copy-to-clipboard": "^3.3.1"
  },
@@ -11,7 +11,7 @@ import {
 } from "@navikt/ds-react";

 export interface CopyToClipboardProps
-  extends Omit<ButtonProps, "children" | "variant" | "loading"> {
+  extends Omit<ButtonProps, "children" | "onClick" | "variant" | "loading"> {
  /**
   * Button text
   */
@@ -20,6 +20,10 @@ export interface CopyToClipboardProps
   * Text to be copied to clipboard
   */
  copyText: string;
+  /**
+   * Callback function triggered when clicking the button
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
  /**
   * Description of text. Example: "Kopierte personnummer til clipboard"
   */
@@ -63,6 +67,7 @@ export const CopyToClipboard = forwardRef<
      copyText,
      popoverText,
      className,
+      onClick,
      size = "medium",
      popoverPlacement = "bottom",
      iconPosition = "left",
@@ -85,9 +90,12 @@ export const CopyToClipboard = forwardRef<
      };
    }, [openPopover]);

-    const handleClick = () => {
+    const handleClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {
      copy(copyText);
      setOpenPopover(true);
+      if (onClick) {
+        onClick(event);
+      }
    };

    const copyTitle = title ?? (children ? undefined : `Kopier ${copyText}`);
@@ -15,15 +15,15 @@
    "website"
  ],
  "dependencies": {
-    "@navikt/aksel-icons": "^2.8.5",
-    "@navikt/ds-codemod": "^2.8.5",
-    "@navikt/ds-css": "^2.8.5",
-    "@navikt/ds-css-internal": "^2.8.5",
-    "@navikt/ds-icons": "^2.8.5",
-    "@navikt/ds-react": "^2.8.5",
-    "@navikt/ds-react-internal": "^2.8.5",
-    "@navikt/ds-tailwind": "^2.8.5",
-    "@navikt/ds-tokens": "^2.8.5"
+    "@navikt/aksel-icons": "^2.8.12",
+    "@navikt/ds-codemod": "^2.8.12",
+    "@navikt/ds-css": "^2.8.12",
+    "@navikt/ds-css-internal": "^2.8.12",
+    "@navikt/ds-icons": "^2.8.12",
+    "@navikt/ds-react": "^2.8.12",
+    "@navikt/ds-react-internal": "^2.8.12",
+    "@navikt/ds-tailwind": "^2.8.12",
+    "@navikt/ds-tokens": "^2.8.12"
  },
  "devDependencies": {
    "prettier-plugin-tailwindcss": "^0.2.3"
@@ -1,4 +1,4 @@
-import { ExternalLink } from "@navikt/ds-icons";
+import { ExternalLinkIcon } from "@navikt/aksel-icons";
 import { BodyLong, Detail, Heading, Ingress, Link } from "@navikt/ds-react";
 import BlockContent from "@sanity/block-content-to-react";
 import cl from "clsx";
@@ -220,7 +220,7 @@ const serializers = {
            )
          }
        >
-          {children} <ExternalLink title="åpner lenken i ny fane" />
+          {children} <ExternalLinkIcon title="åpner lenken i ny fane" />
        </Link>
      ) : (
        <NextLink href={href} passHref legacyBehavior>
@@ -1,4 +1,5 @@
-import { Close, Hamburger as HamburgerIcon } from "@navikt/ds-icons";
+import { MenuHamburgerIcon, XMarkIcon } from "@navikt/aksel-icons";
+
 import { Button } from "@navikt/ds-react";
 import cl from "clsx";
 import Link from "next/link";
@@ -53,8 +54,9 @@ export const Hamburger = () => {
          aria-expanded={open}
          className="focus-visible:shadow-focus hover:bg-surface-neutral-subtle-hover ml-2 flex aspect-square items-center justify-center rounded px-3 py-3 focus:outline-none"
        >
-          <HamburgerIcon
-            className="pointer-events-none text-2xl"
+          <MenuHamburgerIcon
+            fontSize="2rem"
+            className="pointer-events-none"
            aria-label="Åpne meny"
          />
        </button>
@@ -75,7 +77,7 @@ export const Hamburger = () => {
                  styles.akselTertiaryButton,
                  "absolute top-2 right-2"
                )}
-                icon={<Close title="lukk meny" className="h-5 w-5" />}
+                icon={<XMarkIcon title="lukk meny" fontSize="1.5rem" />}
              />
              <LinkElement
                onClick={() => setOpen(false)}
@@ -1,5 +1,4 @@
 import { SearchLogT, useDebounce, logSearch } from "@/utils";
-import { Search as SearchIcon } from "@navikt/ds-icons";
 import {
  Button,
  Checkbox,
@@ -15,6 +14,7 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import ReactModal from "react-modal";
 import { Group, GroupComponent } from "./Group";
 import styles from "../header.module.css";
+import { MagnifyingGlassIcon } from "@navikt/aksel-icons";

 /**
 * https://www.figma.com/file/71Sm1h6VV23lbBbQ3CJJ9t/Aksel-v2?node-id=1861%3A186079&t=ARKgZcA6B7ysmG3V-0
@@ -195,8 +195,8 @@ export const GlobalSearch = () => {
        className="hover:bg-deepblue-700 bg-deepblue-600 focus-visible:shadow-focus-gap h-11 focus:shadow-none"
        aria-keyshortcuts="Control+b"
        icon={
-          <SearchIcon
-            className="pointer-events-none -mt-[1px] shrink-0 text-xl"
+          <MagnifyingGlassIcon
+            className="pointer-events-none -mt-[1px] shrink-0 text-2xl"
            aria-label="Åpne meny"
            aria-hidden
          />
@@ -1,6 +1,6 @@
 import { AkselSidebarT } from "@/types";
 import { logNav } from "@/utils";
-import { Expand } from "@navikt/ds-icons";
+import { ChevronDownIcon } from "@navikt/aksel-icons";
 import { BodyShort, Detail, Tag } from "@navikt/ds-react";
 import cl from "clsx";
 import Link from "next/link";
@@ -26,7 +26,7 @@ const NavItem = ({
        {
          "before:border-l-border-action-selected  before:top-1/2 before:h-6 before:-translate-y-1/2 before:rounded-full before:border-l-[4px]":
            isActive,
-          "before:h-full before:rounded-full before:border-l before:border-l-gray-200 hover:before:top-1/2 hover:before:h-6 hover:before:-translate-y-1/2 hover:before:border-l-2 hover:before:border-l-gray-400":
+          "before:h-full before:rounded-full before:border-l before:border-l-gray-200  hover:before:top-1/2 hover:before:h-6 hover:before:-translate-y-1/2 hover:before:border-l-2 hover:before:border-l-gray-400":
            !isActive,
        }
      )}
@@ -99,11 +99,11 @@ const Dropdown = ({
      >
        <Detail
          as="span"
-          className="group-focus-visible:shadow-focus group-hover:bg-surface-neutral-subtle group-active:bg-bg-surface-neutral-subtle-hover mt-6 flex w-full items-center justify-between rounded-sm pl-2 font-semibold first:mt-0"
+          className="group-focus-visible:shadow-focus group-hover:bg-surface-neutral-subtle group-active:bg-bg-surface-neutral-subtle-hover mt-6 flex w-full items-center justify-between rounded-sm pl-2 font-semibold transition first:mt-0"
        >
          {title}
-          <span className="flex h-6 w-6 items-center justify-center rounded">
-            <Expand
+          <span className="flex h-6 w-6  items-center justify-center rounded">
+            <ChevronDownIcon
              className={cl("text-base", { "rotate-180": open })}
              aria-hidden
              title={!open ? `åpne ${title}` : `lukk ${title}`}
@@ -1,7 +1,11 @@
 /* eslint-disable @next/next/no-img-element */
 import { withErrorBoundary } from "@/error-boundary";
 import { SanityT, urlFor } from "@/lib";
-import { ErrorFilled, SuccessFilled, WarningFilled } from "@navikt/ds-icons";
+import {
+  CheckmarkCircleFillIcon,
+  ExclamationmarkTriangleFillIcon,
+  XMarkOctagonFillIcon,
+} from "@navikt/aksel-icons";
 import { BodyShort } from "@navikt/ds-react";
 import cl from "clsx";
 import React from "react";
@@ -10,23 +14,26 @@ const GetIcon = (s: string) => {
  switch (s) {
    case "do":
      return (
-        <SuccessFilled
+        <CheckmarkCircleFillIcon
          aria-hidden
-          className="text-large mt-[1px] flex-shrink-0 text-green-500"
+          fontSize="1.5rem"
+          className="flex-shrink-0 text-green-500"
        />
      );
    case "dont":
      return (
-        <ErrorFilled
+        <XMarkOctagonFillIcon
          aria-hidden
-          className="text-large mt-[1px] flex-shrink-0 text-red-500"
+          fontSize="1.5rem"
+          className="flex-shrink-0 text-red-500"
        />
      );
    case "warning":
      return (
-        <WarningFilled
+        <ExclamationmarkTriangleFillIcon
          aria-hidden
-          className="text-large mt-[1px] flex-shrink-0 text-orange-500"
+          fontSize="1.5rem"
+          className="flex-shrink-0 text-orange-500"
        />
      );
    default:
@@ -60,14 +67,18 @@ const Element = ({
          {
            "border-t-border-success": block.variant === "do",
            "border-t-border-danger": block.variant === "dont",
-            "border-t-border-warning": block.variant === "warning",
+            "border-t-surface-warning": block.variant === "warning",
          }
        )}
      />
      <figcaption data-variant={block.variant}>
        <div className="mt-3">
          {block.description && (
-            <BodyShort size="small" as="span" className="inline-flex gap-2">
+            <BodyShort
+              size="small"
+              as="span"
+              className="inline-flex items-center gap-2"
+            >
              {GetIcon(block.variant)}
              {block.description}
            </BodyShort>
@@ -1,39 +1,16 @@
 import { withErrorBoundary } from "@/error-boundary";
 import { SanityT } from "@/lib";
-import { ClipboardIcon } from "@navikt/aksel-icons";
+import { ChevronDownCircleIcon } from "@navikt/aksel-icons";
 import internal from "@navikt/ds-css-internal/tokens.json";
 import core from "@navikt/ds-css/tokens.json";
-import { Expand, SuccessStroke } from "@navikt/ds-icons";
 import { BodyLong, Label, Link } from "@navikt/ds-react";
 import cl from "classnames";
-import copy from "copy-to-clipboard";
+import CopyButton from "components/sanity-modules/code/CopyButton";
 import NextLink from "next/link";
-import { useEffect, useRef, useState } from "react";
+import { useState } from "react";

 const TokenTable = ({ node }: { node: SanityT.Schema.token_kategori }) => {
  const [open, setOpen] = useState(false);
-  const [active, setActive] = useState(false);
-
-  const timeoutRef = useRef<NodeJS.Timeout>();
-
-  const handleCopy = () => {
-    setActive(true);
-    timeoutRef.current && clearTimeout(timeoutRef.current);
-    timeoutRef.current = setTimeout(() => setActive(false), 2000);
-    const str = Object.entries(tokens).reduce(
-      (prev, cur) =>
-        prev +
-        `${cur[0]}: ${
-          cur[1].startsWith("--") ? `var(${cur[1]})` : `${cur[1]}`
-        };\n`,
-      ""
-    );
-    copy(str);
-  };
-
-  useEffect(() => {
-    return () => timeoutRef.current && clearTimeout(timeoutRef.current);
-  }, []);

  const tokens: { [key: string]: string } | null =
    node.title in core
@@ -77,22 +54,17 @@ const TokenTable = ({ node }: { node: SanityT.Schema.token_kategori }) => {
        </table>
        {(open || !showMore) && (
          <div className="border-border-divider bg-surface-neutral-subtle relative w-full rounded-b border border-t-0 p-2">
-            <button
-              onClick={handleCopy}
-              className="text-text-default hover:bg-surface-neutral-subtle-hover focus-visible:shadow-focus absolute top-2 right-2 rounded px-1 py-1 text-2xl focus:outline-none"
-            >
-              {active ? (
-                <>
-                  <SuccessStroke className="text-[1.5rem]" aria-hidden />
-                  <span className="sr-only">Kopier formarterte tokens</span>
-                </>
-              ) : (
-                <>
-                  <ClipboardIcon aria-hidden />
-                  <span className="sr-only">Kopier formarterte tokens</span>
-                </>
+            <CopyButton
+              variant="tokentable"
+              content={Object.entries(tokens).reduce(
+                (prev, cur) =>
+                  prev +
+                  `${cur[0]}: ${
+                    cur[1].startsWith("--") ? `var(${cur[1]})` : `${cur[1]}`
+                  };\n`,
+                ""
              )}
-            </button>
+            />
            <Label size="small" as="span" spacing>
              Hva er dette?
            </Label>
@@ -122,14 +94,15 @@ const TokenTable = ({ node }: { node: SanityT.Schema.token_kategori }) => {
      {!open && showMore && (
        <button
          onClick={() => setOpen(true)}
-          className="text-medium group mx-auto flex shrink-0 -translate-y-3/4 flex-col items-center focus:outline-none"
+          className="text-medium group mx-auto flex shrink-0 -translate-y-3/4 flex-col items-center gap-1 focus:outline-none"
        >
          <span className="group-focus-visible:bg-border-focus group-focus-visible:text-text-on-action group-focus-visible:shadow-focus">
            Se alle tokens
          </span>
-          <Expand
-            className="h-4 w-4 transition-all group-hover:translate-y-1"
+          <ChevronDownCircleIcon
+            className="transition-all group-hover:translate-y-1"
            aria-hidden
+            fontSize="1.5rem"
          />
        </button>
      )}
@@ -1,4 +1,4 @@
-import { Edit } from "@navikt/ds-icons";
+import { PencilIcon } from "@navikt/aksel-icons";
 import { getParameters } from "codesandbox/lib/api/define";

 const indexTsx = `import React from 'react';
@@ -29,6 +29,7 @@ export const CodeSandbox = ({ code }: { code: string }) => {
            "@navikt/ds-react-internal": "latest",
            "@navikt/ds-css-internal": "latest",
            "@navikt/ds-icons": "latest",
+            "@navikt/aksel-icons": "latest",
          },
        } as any,
        isBinary: false,
@@ -58,9 +59,9 @@ export const CodeSandbox = ({ code }: { code: string }) => {
      <input type="hidden" name="query" value="module=App.js" />
      <button
        type="submit"
-        className="flex items-center justify-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100 focus:outline-none focus-visible:shadow-focus-inset active:bg-gray-200"
+        className="focus-visible:shadow-focus-inset flex items-center justify-center gap-1 rounded-sm px-3 py-2 hover:bg-gray-100 focus:outline-none active:bg-gray-200"
      >
-        <Edit aria-hidden />
+        <PencilIcon aria-hidden fontSize="1.5rem" />
        CodeSandbox
      </button>
    </form>
@@ -1,10 +1,9 @@
-import { SuccessStroke } from "@navikt/ds-icons";
 import { useRef, useState, useEffect } from "react";
 import copy from "copy-to-clipboard";
 import React from "react";
 import cl from "clsx";
 import style from "./index.module.css";
-import { ClipboardIcon } from "@navikt/aksel-icons";
+import { CheckmarkIcon, ClipboardIcon } from "@navikt/aksel-icons";

 const copyCode = (content: string) =>
  copy(content, {
@@ -13,12 +12,11 @@ const copyCode = (content: string) =>

 interface CopyButtonProps {
  content: string;
-  inTabs?: boolean;
-  inverted?: boolean;
+  variant?: "tokentable" | "codeblock";
 }

 const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(
-  ({ content, inTabs, inverted = false }, ref) => {
+  ({ content, variant = "codeblock" }, ref) => {
    const [active, setActive] = useState(false);

    const timeoutRef = useRef<NodeJS.Timeout>();
@@ -31,7 +29,7 @@ const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(
      copyCode(content);
      setActive(true);
      timeoutRef.current && clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => setActive(false), 3000);
+      timeoutRef.current = setTimeout(() => setActive(false), 1000);
    };

    return (
@@ -39,25 +37,39 @@ const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(
        ref={ref}
        aria-live={active ? "polite" : "off"}
        role={active ? "alert" : undefined}
-        className={cl(style.copybutton, "navds-body-short group z-10", {
-          "flex w-16 items-center justify-center hover:bg-blue-50 focus:outline-none focus-visible:shadow-[inset_0_0_0_2px_var(--a-border-focus)]":
-            inTabs,
-          "text-text-default focus-visible:outline-focus absolute top-2 right-2 rounded bg-gray-100 px-2 py-1 hover:bg-gray-900/10 hover:underline focus-visible:outline-2":
-            !inTabs && inverted,
-          "text-text-on-inverted focus-visible:shadow-focus-inverted absolute top-2 right-2 flex h-10 w-10 items-center justify-center rounded bg-gray-900 hover:bg-gray-800 focus:outline-none":
-            !inTabs && !inverted,
-        })}
+        className={cl(
+          style.copybutton,
+          "navds-body-short group/button absolute top-2 right-2 z-10 flex h-10 w-10 items-center justify-center overflow-hidden rounded backdrop-blur transition duration-75 focus:outline-none",
+          {
+            "hover:text-text-on-inverted focus-visible:shadow-focus-inverted text-3xl  text-gray-100 hover:bg-white/20 ":
+              variant === "codeblock",
+            "hover:text-deepblue-800 focus-visible:shadow-focus text-text-subtle  hover:bg-surface-hover text-2xl":
+              variant === "tokentable",
+          }
+        )}
        onClick={handleCopy}
      >
-        {active ? (
-          <SuccessStroke className="text-[1.5rem]" title="Kopierte kodesnutt" />
-        ) : (
-          <ClipboardIcon
-            fontSize="2rem"
-            className="opacity-90 group-hover:opacity-100"
-            title="Kopier kodesnutt"
-          />
-        )}
+        <span
+          aria-hidden={!active}
+          className={cl(
+            "absolute inset-0 grid place-content-center transition duration-300",
+            {
+              "pointer-events-none translate-y-1.5 opacity-0": !active,
+            }
+          )}
+        >
+          <CheckmarkIcon title="Kopierte kodesnutt" />
+        </span>
+
+        <span
+          aria-hidden={active}
+          className={cl("flex items-center transition duration-300", {
+            "pointer-events-none -translate-y-1.5 opacity-0": active,
+            "group-hover/button:opacity-100": !active,
+          })}
+        >
+          <ClipboardIcon title="Kopier kodesnutt" />
+        </span>
      </button>
    );
  }
@@ -27,7 +27,7 @@ const CodeSnippet = ({
      <div
        className={cl(
          className,
-          "relative mb-8 grid max-h-96 overflow-x-auto rounded bg-gray-900"
+          "relative mb-8 grid max-h-96 overflow-x-auto rounded bg-[#0f172a]"
        )}
        {...props}
      >
@@ -39,7 +39,7 @@ const CodeSnippet = ({
          theme={undefined}
        >
          {({ tokens, getLineProps, getTokenProps }) => (
-            <pre className="text-text-on-inverted relative m-0 overflow-x-auto overflow-y-auto rounded-lg bg-gray-900 p-4 pr-16 font-mono">
+            <pre className="text-text-on-inverted relative m-0 overflow-x-auto overflow-y-auto rounded-lg bg-[#0f172a] p-4 pr-16 font-mono">
              {tokens.map((line, i) => (
                <div
                  key={i}
@@ -27,7 +27,11 @@ const List = ({ prop, parent }: { prop: any; parent: string }) => {
            prop?.required ? "" : "?"
          } `}</span>
        ) : (
-          <Tooltip content={`${prop.defaultValue}`} arrow={false} delay={0}>
+          <Tooltip
+            content={`default: ${prop.defaultValue}`}
+            arrow={false}
+            delay={0}
+          >
            <span className="mr-2 cursor-pointer border-b border-dashed border-gray-600 font-semibold">{`${
              prop.name
            }${prop?.required ? "" : "?"}`}</span>
@@ -1,11 +1,8 @@
 import { withErrorBoundary } from "@/error-boundary";
 import { SanityT } from "@/lib";
 import { SanityBlockContent } from "@/sanity-block";
-import { Edit, LightBulb } from "@navikt/ds-icons";
-import { Detail, Link } from "@navikt/ds-react";
-import cl from "clsx";
-import React from "react";
-import style from "./tips.module.css";
+import { LightBulbIcon, PencilIcon } from "@navikt/aksel-icons";
+import { BodyShort, Detail, Link } from "@navikt/ds-react";

 const Tips = ({ node }: { node: SanityT.Schema.tips }) => {
  if (!node || !node.body) {
@@ -14,12 +11,7 @@ const Tips = ({ node }: { node: SanityT.Schema.tips }) => {

  if (node.eksperiment) {
    return (
-      <div
-        className={cl(
-          style.tips,
-          "linear my-8 max-w-2xl rounded-r border-l-[6px] border-l-green-200 bg-white px-4 py-4 sm:px-8"
-        )}
-      >
+      <div className="linear my-8 max-w-2xl rounded-r border-l-[6px] border-l-green-200 bg-white px-4 py-4 sm:px-8">
        <Detail
          className="text-text-subtle flex items-center gap-1 font-semibold uppercase"
          spacing
@@ -57,10 +49,10 @@ const Tips = ({ node }: { node: SanityT.Schema.tips }) => {
          }}
        >
          Send feedback
-          <Edit
+          <PencilIcon
            aria-hidden
            aria-label="send inn feedback"
-            className="text-base"
+            fontSize="1.5rem"
          />
        </Link>
      </div>
@@ -68,19 +60,15 @@ const Tips = ({ node }: { node: SanityT.Schema.tips }) => {
  }

  return (
-    <div
-      className={cl(
-        style.tips,
-        "my-7 max-w-2xl px-4 py-3 shadow-[inset_5px_0_0_0_var(--a-gray-500),inset_0_0_0_1px_var(--a-gray-200)] sm:px-6"
-      )}
-    >
-      <Detail
-        className="override-text-no-max text-text-subtle -ml-[2px] flex items-center gap-1 font-semibold"
+    <div className="border-l-deepblue-500 bg-deepblue-50 my-7 max-w-2xl border-l-4 px-4 py-3 sm:px-6">
+      <BodyShort
+        className="override-text-no-max text-deepblue-800 -ml-[2px] flex items-center gap-1 font-semibold"
        spacing
+        size="small"
      >
-        <LightBulb className="text-large" title="tips" aria-hidden />
+        <LightBulbIcon fontSize="1.5rem" title="tips" aria-hidden />
        Tips
-      </Detail>
+      </BodyShort>
      <SanityBlockContent blocks={node.body} noLastMargin size="small" />
    </div>
  );
@@ -1,7 +0,0 @@
-.tips {
-  @apply bg-gray-50;
-}
-
-:global(.aksel-artikkel) .tips {
-  @apply bg-white;
-}
@@ -157,7 +157,7 @@ export function TableOfContentsv2({
                <BodyShort
                  as="li"
                  size="small"
-                  className={cl("py-1", {
+                  className={cl("relative py-1", {
                    "font-semibold": link.id === activeId,
                    "": link.id !== activeId,
                  })}
@@ -166,7 +166,7 @@ export function TableOfContentsv2({
                    href={`#${link.id}`}
                    onClick={() => handleFocus(`${link.id}`)}
                    className={cl(
-                      "block max-w-full no-underline hover:underline",
+                      "z-10 block  max-w-full no-underline hover:underline",
                      {
                        "text-deepblue-800":
                          link.id === activeId &&
@@ -179,7 +179,7 @@ export function TableOfContentsv2({
                  </Link>
                  {link?.lvl3?.length > 0 && (
                    <ul
-                      className={cl("animate-fadeIn pt-1", {
+                      className={cl("animate-toc z-10 pt-1 ", {
                        hidden: link.id !== activeId,
                      })}
                    >
@@ -27,15 +27,15 @@
  },
  "dependencies": {
    "@sanity/block-content-to-react": "^3.0.0",
-    "@sanity/client": "^5.3.0",
+    "@sanity/client": "^5.4.0",
    "@sanity/code-input": "4.1.0",
    "@sanity/color-input": "^3.0.2",
    "@sanity/icons": "2.2.2",
    "@sanity/image-url": "1.0.2",
-    "@sanity/preview-kit": "^1.3.4",
+    "@sanity/preview-kit": "^1.3.8",
    "@sanity/table": "1.0.1",
    "@sanity/ui": "^1.3.0",
-    "@sanity/vision": "3.7.0",
+    "@sanity/vision": "3.8.0",
    "@svgr/webpack": "^5.5.0",
    "amplitude-js": "^8.21.5",
    "boring-avatars": "1.7.0",
@@ -54,9 +54,9 @@
    "react-modal": "3.15.1",
    "react-responsive-masonry": "^2.1.7",
    "recharts": "^2.2.0",
-    "sanity": "3.7.0",
+    "sanity": "3.8.0",
    "sanity-plugin-asset-source-unsplash": "^1.0.6",
-    "sanity-plugin-iframe-pane": "^2.2.0",
+    "sanity-plugin-iframe-pane": "^2.3.0",
    "sanity-plugin-media": "^2.0.5",
    "sharp": "0.31.3",
    "sitemap": "^7.0.0",
@@ -0,0 +1,30 @@
+import { Checkbox, CheckboxGroup } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  const handleChange = (val: any[]) => console.log(val);
+
+  return (
+    <CheckboxGroup
+      legend="Hvor vil du sitte?"
+      onChange={(val: any[]) => handleChange(val)}
+    >
+      <Checkbox value="Bakerst">Bakerst</Checkbox>
+      <Checkbox value="Midterst">Midterst</Checkbox>
+      <Checkbox value="Fremst" description="Tilgjengelig med rullestol">
+        Fremst
+      </Checkbox>
+    </CheckboxGroup>
+  );
+};
+
+export default withDsExample(Example);
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 9,
+};
@@ -26,5 +26,5 @@ export const Demo = {
 };

 export const args = {
-  index: 9,
+  index: 10,
 };
@@ -1,24 +1,11 @@
-import { Checkbox, CheckboxGroup } from "@navikt/ds-react";
+import { Checkbox } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";

 const Example = () => {
-  const handleChange = (val: any[]) => console.log(val);
-
  return (
-    <CheckboxGroup
-      legend="Hvor vil du sitte?"
-      onChange={(val: any[]) => handleChange(val)}
-    >
-      <Checkbox hideLabel value="Bakerst">
-        Bakerst
-      </Checkbox>
-      <Checkbox hideLabel value="Midterst">
-        Midterst
-      </Checkbox>
-      <Checkbox hideLabel value="Fremst">
-        Fremst
-      </Checkbox>
-    </CheckboxGroup>
+    <Checkbox hideLabel value="Midterst">
+      Midterst
+    </Checkbox>
  );
 };

@@ -0,0 +1,30 @@
+import { Radio, RadioGroup } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  const handleChange = (val: any) => console.log(val);
+
+  return (
+    <RadioGroup
+      legend="Velg din aldersgruppe."
+      onChange={(val: any) => handleChange(val)}
+    >
+      <Radio value="10">10-20 år</Radio>
+      <Radio value="20" description="Gjelder fra året man blir 21">
+        21-45 år
+      </Radio>
+      <Radio value="40">46-80 år</Radio>
+    </RadioGroup>
+  );
+};
+
+export default withDsExample(Example);
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 8,
+};
@@ -12,7 +12,7 @@ import { bloggKategorier } from "../../../config";
 const prefix = "produktbloggen/";

 export const Blogg = defineType({
-  title: "Blogg",
+  title: "Bloggpost",
  name: "aksel_blogg",
  type: "document",
  groups,
@@ -14,7 +14,7 @@ import { oppdateringsvarsel } from "../presets/oppdateringsvarsel";
 const prefix = "god-praksis/artikler/";

 export const GodPraksisArtikkel = defineType({
-  title: "Aksel Artikkel",
+  title: "God praksis artikkel",
  name: "aksel_artikkel",
  type: "document",
  groups,
@@ -12,7 +12,7 @@ import { oppdateringsvarsel } from "../presets/oppdateringsvarsel";
 const prefix = "grunnleggende/";

 export const GrunnleggendeArtikkel = defineType({
-  title: "Ds-Artikkel",
+  title: "Grunnleggende artikkel",
  name: "ds_artikkel",
  type: "document",
  groups,
@@ -10,7 +10,7 @@ import { prinsippKategorier } from "../../../config";
 const prefix = "prinsipper/";

 export const Prinsipp = defineType({
-  title: "Aksel Prinsipp",
+  title: "Prinsipp artikkel",
  name: "aksel_prinsipp",
  type: "document",
  groups,
@@ -115,6 +115,10 @@ module.exports = {
          "0%": { opacity: 0 },
          "100%": { opacity: 1 },
        },
+        toc: {
+          "0%": { opacity: 0.2 },
+          "100%": { opacity: 1 },
+        },
        expand: {
          "0%": {
            opacity: 0.2,
@@ -191,6 +195,7 @@ module.exports = {
        shimmerBg: "shimmerBg 15s ease infinite",
        fadeInRight: "fadeInRight 0.30s ease-in-out forwards",
        fadeIn: "fadeIn 0.15s cubic-bezier(0.65, 0, 0.35, 1)",
+        toc: "toc 0.15s cubic-bezier(0.65, 0, 0.35, 1)",
        expand: "expand 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)",
        expandLg: "expandLg 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)",
        popup: "popup 2s cubic-bezier(0.215, 0.61, 0.355, 1)",
@@ -10,8 +10,8 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@navikt/ds-css": "2.8.5",
-    "@navikt/ds-react": "2.8.5",
+    "@navikt/ds-css": "2.8.12",
+    "@navikt/ds-react": "2.8.12",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
@@ -5,7 +5,8 @@
    "esModuleInterop": true,
    "target": "es6",
    "moduleResolution": "node",
-    "incremental": true
+    "incremental": true,
+    "skipLibCheck": true
  },
  "exclude": [
    "**/stories",
@@ -1718,6 +1718,15 @@ __metadata:
  languageName: node
  linkType: hard

+"@babel/runtime@npm:^7.7.6":
+  version: 7.21.0
+  resolution: "@babel/runtime@npm:7.21.0"
+  dependencies:
+    regenerator-runtime: ^0.13.11
+  checksum: 7b33e25bfa9e0e1b9e8828bb61b2d32bdd46b41b07ba7cb43319ad08efc6fda8eb89445193e67d6541814627df0ca59122c0ea795e412b99c5183a0540d338ab
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.18.10, @babel/template@npm:^7.20.7, @babel/template@npm:^7.3.3":
  version: 7.20.7
  resolution: "@babel/template@npm:7.20.7"
@@ -3461,7 +3470,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@navikt/aksel-icons@^2.8.1, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
+"@navikt/aksel-icons@^2.8.8, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
  version: 0.0.0-use.local
  resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons"
  dependencies:
@@ -3484,7 +3493,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-codemod@^2.8.1, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^2.8.8, @navikt/ds-codemod@workspace:@navikt/codemod":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-codemod@workspace:@navikt/codemod"
  dependencies:
@@ -3511,7 +3520,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css-internal@^2.8.1, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^2.8.8, @navikt/ds-css-internal@workspace:@navikt/internal/css":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-css-internal@workspace:@navikt/internal/css"
  dependencies:
@@ -3522,11 +3531,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css@2.8.1, @navikt/ds-css@^2.8.1, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@2.8.8, @navikt/ds-css@^2.8.8, @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": ^2.8.1
+    "@navikt/ds-tokens": ^2.8.8
    normalize.css: ^8.0.1
    postcss: ^8.4.0
    postcss-cli: ^9.0.0
@@ -3535,7 +3544,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-icons@^2.8.1, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^2.8.8, @navikt/ds-icons@workspace:@navikt/icons":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-icons@workspace:@navikt/icons"
  dependencies:
@@ -3571,8 +3580,8 @@ __metadata:
    "@babel/preset-env": 7.19.4
    "@babel/preset-react": 7.18.6
    "@babel/preset-typescript": 7.18.6
-    "@navikt/ds-icons": ^2.8.1
-    "@navikt/ds-react": ^2.8.1
+    "@navikt/ds-icons": ^2.8.8
+    "@navikt/ds-react": ^2.8.8
    "@rollup/plugin-babel": 6.0.2
    "@rollup/plugin-commonjs": 23.0.2
    "@rollup/plugin-node-resolve": ^15.0.1
@@ -3597,12 +3606,12 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react-internal@^2.8.1, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^2.8.8, @navikt/ds-react-internal@workspace:@navikt/internal/react":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-react-internal@workspace:@navikt/internal/react"
  dependencies:
-    "@navikt/ds-icons": ^2.8.1
-    "@navikt/ds-react": ^2.8.1
+    "@navikt/ds-icons": ^2.8.8
+    "@navikt/ds-react": ^2.8.8
    clsx: ^1.1.1
    concurrently: 7.2.1
    copy-to-clipboard: ^3.3.1
@@ -3618,13 +3627,13 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react@2.8.1, @navikt/ds-react@^2.8.1, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@2.8.8, @navikt/ds-react@^2.8.8, @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.17.0
-    "@navikt/aksel-icons": ^2.8.1
-    "@navikt/ds-icons": ^2.8.1
+    "@navikt/aksel-icons": ^2.8.8
+    "@navikt/ds-icons": ^2.8.8
    "@radix-ui/react-tabs": 1.0.0
    "@radix-ui/react-toggle-group": 1.0.0
    "@testing-library/dom": 8.13.0
@@ -3660,11 +3669,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tailwind@^2.8.1, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^2.8.8, @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": ^2.8.1
+    "@navikt/ds-tokens": ^2.8.8
    "@types/jest": ^29.0.0
    color: 4.2.3
    jest: ^29.0.0
@@ -3675,7 +3684,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tokens@^2.8.1, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^2.8.8, @navikt/ds-tokens@workspace:@navikt/core/tokens":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
  dependencies:
@@ -4338,19 +4347,19 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/block-tools@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/block-tools@npm:3.7.0"
+"@sanity/block-tools@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/block-tools@npm:3.8.0"
  dependencies:
    get-random-values-esm: ^1.0.0
    lodash: ^4.17.21
-  checksum: 59d8f588706e20f82842d1b4e2ad4f37c886ff703d61490f2bcca7e939b0e75351cfc03f50faae160a26897dada1a18960f1a4a49078c37921f1d25cb4183cbe
+  checksum: 931d4eb34536629eae87c171cda9f6f01f6be31f722295b2dbe6f48b2a23cdb7ae6e6e57ff8fd649169cd993b76f345df38fa9b820b8870a5094f75e62f3f73e
  languageName: node
  linkType: hard

-"@sanity/cli@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/cli@npm:3.7.0"
+"@sanity/cli@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/cli@npm:3.8.0"
  dependencies:
    "@babel/traverse": ^7.19.0
    chalk: ^4.1.2
@@ -4360,7 +4369,7 @@ __metadata:
    pkg-dir: ^5.0.0
  bin:
    sanity: bin/sanity
-  checksum: 80b6a847cba44ed6ffbe7b26cb757c9f5161364807d511258ec54d022b103a5fb5a4dbb40d97ac068ea69493b7524e65dda55ad50ce38223d6a12ca8c6be2c19
+  checksum: b8f83360d8c753c7ca494a2d66fdaba8c9e21084c56e426241126e33e8054f3eb4efc69af99c07fbce29e0e1c0e04da2e058b2e5b01092b6e77e68eef214b380
  languageName: node
  linkType: hard

@@ -4387,14 +4396,14 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/client@npm:^5.3.0":
-  version: 5.3.0
-  resolution: "@sanity/client@npm:5.3.0"
+"@sanity/client@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@sanity/client@npm:5.4.0"
  dependencies:
-    "@sanity/eventsource": ^4
-    get-it: ^8
-    rxjs: ^7
-  checksum: 70b65340a3b3285c8176418e56ba24a54ce9248ba342f3dd94af4a367b071b02422689bc19a1efa7f6a88a35448879913a7e5f68791c3860f1a377cff782c5eb
+    "@sanity/eventsource": 5
+    get-it: ^8.1
+    rxjs: 7
+  checksum: e9b96ae70f0b5c9057d1d1cd4c56b7adff1680cd2ae07cc74ea2cb08edb2ec1b41727635c0851732dbbda301fc4a44a16df3a3e96f89b4c58532cf67099e48cc
  languageName: node
  linkType: hard

@@ -4463,22 +4472,24 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/diff@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/diff@npm:3.7.0"
+"@sanity/diff@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/diff@npm:3.8.0"
  dependencies:
    diff-match-patch: ^1.0.4
-  checksum: fed42573d0948866c5330d25cce9ca89c6a6695e01fa442a3d821bc8b17640d653ac492205691820e79c580bb551601c7a1f908652106b11772f32eddba62234
+  checksum: 1c04d2ef8167ca94bc7befac8329fbafbf9088977e7621003e7a67e0aad2f0417c4cb3c20ceaa194a52e0202302488431cba69b33171b022caeb748b7cdb0696
  languageName: node
  linkType: hard

-"@sanity/eventsource@npm:^3.0.1":
-  version: 3.0.3
-  resolution: "@sanity/eventsource@npm:3.0.3"
+"@sanity/eventsource@npm:5, @sanity/eventsource@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "@sanity/eventsource@npm:5.0.0"
  dependencies:
-    event-source-polyfill: 1.0.25
-    eventsource: ^1.1.1
-  checksum: 31047101bbf4ca527c0f0084cd38942ca1656a82ecb03e7093674c0e15d9a5c655c6b8225530ab7077c7aae7dbc685ab1b952dae05c6e437c7205239bd0c4dba
+    "@types/event-source-polyfill": 1.0.1
+    "@types/eventsource": 1.1.11
+    event-source-polyfill: 1.0.31
+    eventsource: 2.0.2
+  checksum: 172cf4208e20acd5bb159f7dacfee4e6e252a50f19aa5647b348d33856c3021f1ed2167dd45d385e18ce1b56f181ba11e717d51945140f6c369a6683890a2dd2
  languageName: node
  linkType: hard

@@ -4492,9 +4503,9 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/export@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/export@npm:3.7.0"
+"@sanity/export@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/export@npm:3.8.0"
  dependencies:
    archiver: ^5.0.0
    debug: ^3.2.7
@@ -4504,7 +4515,7 @@ __metadata:
    p-queue: ^2.3.0
    rimraf: ^3.0.2
    split2: ^3.2.2
-  checksum: e94e804c772359142bf53f70cc8ac8b2aff6b192baa8f25b48bb5b5c614f46c56d9c13c1d65d55f3e1741043e69d1ce7852b83eca7785f034816912a878d8cca
+  checksum: bd86fb63509aa0e532dba29aa4480385e1f303c6de131267907fe40b8f26dffbc1f549f4392bad7345d636d131bb25faf1b2ff79fa109872071c15451570a8f3
  languageName: node
  linkType: hard

@@ -4522,6 +4533,23 @@ __metadata:
  languageName: node
  linkType: hard

+"@sanity/groq-store@npm:2.1.0":
+  version: 2.1.0
+  resolution: "@sanity/groq-store@npm:2.1.0"
+  dependencies:
+    "@sanity/eventsource": 5
+    "@sanity/types": 3
+    fast-deep-equal: ^3.1.3
+    groq: 3
+    groq-js: 1
+    mendoza: ^2.1.1
+    simple-get: ^4.0.1
+    split2: ^4.1.0
+    throttle-debounce: ^5.0.0
+  checksum: d7a156b6c934ed68cc74f8566dcbeed88028ae01432a470d95972a918e1e043dc4750c89a7e886210b756e52dff91a86fed1e22f5298e17e4b380f889af6d6e4
+  languageName: node
+  linkType: hard
+
 "@sanity/groq-store@npm:^2.0.6":
  version: 2.0.6
  resolution: "@sanity/groq-store@npm:2.0.6"
@@ -4539,23 +4567,6 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/groq-store@npm:^2.0.7":
-  version: 2.0.7
-  resolution: "@sanity/groq-store@npm:2.0.7"
-  dependencies:
-    "@sanity/types": ^3
-    eventsource: ^2
-    fast-deep-equal: ^3.1.3
-    groq: ^3
-    groq-js: ^1.1.7
-    mendoza: ^2.1.1
-    simple-get: ^4.0.1
-    split2: ^4.1.0
-    throttle-debounce: ^5.0.0
-  checksum: 2ef743104981eeafe0cb8242331f0e3399a4baf2b7f340d281f73f4cbab9b233914c642e7c5d25fcffd534f5c02070f5d2b96e8de90226a413f6ae8c086e1455
-  languageName: node
-  linkType: hard
-
 "@sanity/icons@npm:2.2.2, @sanity/icons@npm:^2.0.0, @sanity/icons@npm:^2.1.0, @sanity/icons@npm:^2.2.2":
  version: 2.2.2
  resolution: "@sanity/icons@npm:2.2.2"
@@ -4588,13 +4599,13 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/import@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/import@npm:3.7.0"
+"@sanity/import@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/import@npm:3.8.0"
  dependencies:
    "@sanity/asset-utils": ^1.2.5
    "@sanity/generate-help-url": ^3.0.0
-    "@sanity/mutator": 3.7.0
+    "@sanity/mutator": 3.8.0
    "@sanity/uuid": ^3.0.1
    debug: ^3.2.7
    file-url: ^2.0.2
@@ -4610,7 +4621,7 @@ __metadata:
    rimraf: ^3.0.2
    split2: ^3.2.2
    tar-fs: ^2.1.1
-  checksum: c822527dc545d7b6c97b47210e1daf4f59adc223ac49fc4e55a86f0643d41821a499b6c7629f60c3c01c5011773beca9ba2f198bb4c128653db0a8ebe2527924
+  checksum: 7c66552befbca198b300bf9a9b37278dd052e7109f77da225d2a4d4a666d768d63678e112011c33396bd334b30d8a2ca43d849c45f47b1d445a9794211ebe3fa
  languageName: node
  linkType: hard

@@ -4637,28 +4648,28 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/mutator@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/mutator@npm:3.7.0"
+"@sanity/mutator@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/mutator@npm:3.8.0"
  dependencies:
    "@sanity/uuid": ^3.0.1
    "@types/diff-match-patch": ^1.0.32
    debug: ^3.2.7
    diff-match-patch: ^1.0.4
    lodash: ^4.17.21
-  checksum: 803d5430a2fa6fb3fa0a14db1d7828dd4b23cecddea64a2edcfcf1aac0f92257fbdd931967c3ba61451106c6330d32e2ce83a3a665c8148434d50cd2211a4bc8
+  checksum: 0c54d1e74a2a67c60ab0ad79f0e02afeb028c5f4b3dec39f229a3e77642b01070fd00f21131e6238e2fce57f093ab4e14ba3ac96911d045ac8e780a9f0039da5
  languageName: node
  linkType: hard

-"@sanity/portable-text-editor@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/portable-text-editor@npm:3.7.0"
+"@sanity/portable-text-editor@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/portable-text-editor@npm:3.8.0"
  dependencies:
-    "@sanity/block-tools": 3.7.0
-    "@sanity/schema": 3.7.0
+    "@sanity/block-tools": 3.8.0
+    "@sanity/schema": 3.8.0
    "@sanity/slate-react": 2.30.1
-    "@sanity/types": 3.7.0
-    "@sanity/util": 3.7.0
+    "@sanity/types": 3.8.0
+    "@sanity/util": 3.8.0
    debug: ^3.2.7
    is-hotkey: ^0.1.6
    lodash: ^4.17.21
@@ -4667,7 +4678,7 @@ __metadata:
    react: ^16.9 || ^17 || ^18
    rxjs: ">=6.5.3 || ^7.0.0"
    styled-components: ^5.2
-  checksum: f5022b20fc0655d0eeded3044b6b393842dbf3a4ee6bb310e16825cb473eabb781bdf876203457e1d5430724e93958efbb3196960768f610d870c8462970700b
+  checksum: 43ddf949bd2151ab78323b633324732c5b4c2fb7a1a45de1e038af5c291c2c37fca53df74ac8151e42bbd4ff1d7add9d9ca57c1c790b5b9164ef7e3c0ef33e2c
  languageName: node
  linkType: hard

@@ -4685,32 +4696,31 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/preview-kit@npm:^1.3.4":
-  version: 1.3.4
-  resolution: "@sanity/preview-kit@npm:1.3.4"
+"@sanity/preview-kit@npm:^1.3.8":
+  version: 1.3.8
+  resolution: "@sanity/preview-kit@npm:1.3.8"
  dependencies:
-    "@sanity/groq-store": ^2.0.7
-    "@types/event-source-polyfill": ^1.0.1
-    event-source-polyfill: ^1.0.31
-    suspend-react: ^0.0.9
+    "@sanity/eventsource": 5
+    "@sanity/groq-store": 2.1.0
+    suspend-react: 0.0.9
  peerDependencies:
    react: ^18
-  checksum: b2bd6a6acf191a60d6c8ece6f70f7409b6f249936d63764d45aa94c5d430c67a9d3660b0cc3015f9004b47bf7a184424448902d0dbf3954d05aeeac872860bc5
+  checksum: 7b35469a16a4ba567e24af8abd51a953f80ee6c270dd6fc66950db490af9712862ba297407bcf72c95c9a9a036c6aa041cbe0a60d76b2f6d4e381fbfe7f647f3
  languageName: node
  linkType: hard

-"@sanity/schema@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/schema@npm:3.7.0"
+"@sanity/schema@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/schema@npm:3.8.0"
  dependencies:
    "@sanity/generate-help-url": ^3.0.0
-    "@sanity/types": 3.7.0
+    "@sanity/types": 3.8.0
    arrify: ^1.0.1
    humanize-list: ^1.0.1
    leven: ^3.1.0
    lodash: ^4.17.21
    object-inspect: ^1.6.0
-  checksum: 1fef448cf4a2e60e21ed586767cf4e155acb853cbbb97f383b68752b75c5c6bfe8e0cad91dabe0eb8bbc0152671fa4245163b5a391bfe2b1d6ef08524e0ff5db
+  checksum: 5cafd71a6a98784184e721f8ce9d1d749d949d04b373fb5097b9c7f7262f84a3dd643a9054e57fb79e4bfae6541813506cf7e070cd2ac0d7d2b316713209ec8c
  languageName: node
  linkType: hard

@@ -4756,13 +4766,13 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/types@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/types@npm:3.7.0"
+"@sanity/types@npm:3, @sanity/types@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/types@npm:3.8.0"
  dependencies:
    "@sanity/client": ^5.2.0
    "@types/react": ^18.0.25
-  checksum: 7a1b36d541eae3f53ac5694d1b4c4d3712d1aa4c974c1c1590e25aad9505a5574948d29a8394b7fec4dee754d9bb2ccf41fc11ee1cb88746dbb382b7d1c5f8c1
+  checksum: 4a4283152da03738ac6aa4c612ceec9d09a68c4f5e36348d907d244958a34e3069e37c7028ca873cfbc4f6247118753ff2b0bb541a8ba04dcb98582c40858c3e
  languageName: node
  linkType: hard

@@ -4795,7 +4805,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/ui@npm:^1.2.0, @sanity/ui@npm:^1.3.0":
+"@sanity/ui@npm:^1.3.0":
  version: 1.3.0
  resolution: "@sanity/ui@npm:1.3.0"
  dependencies:
@@ -4814,14 +4824,14 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/util@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/util@npm:3.7.0"
+"@sanity/util@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/util@npm:3.8.0"
  dependencies:
-    "@sanity/types": 3.7.0
+    "@sanity/types": 3.8.0
    get-random-values-esm: ^1.0.0
    moment: ^2.29.4
-  checksum: 416fd867f682f0632ae6ed64c73810715d9d1a1da867cfbc9f285db1494ec1e6056d3bd06b4d35e54b12c495cd864d6781f99907d3cd13b5cd5a1decfa9580d2
+  checksum: f4aac8bb1be90ac29cb49ef8a9da51e2784faa71adecee8003737def9a2301bef570a984bde1fe442cbd63460d8fb983e8d16c0ebb9176016eb45c99fbfc0479
  languageName: node
  linkType: hard

@@ -4835,21 +4845,21 @@ __metadata:
  languageName: node
  linkType: hard

-"@sanity/validation@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/validation@npm:3.7.0"
+"@sanity/validation@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/validation@npm:3.8.0"
  dependencies:
-    "@sanity/types": 3.7.0
+    "@sanity/types": 3.8.0
    date-fns: ^2.26.1
    lodash: ^4.17.21
    rxjs: ^7.8.0
-  checksum: c92653c94a786ce0b28ad33b2839462adaa8272fdaba6c6dc7b1c097b729fae6152156a126dfc31d0739b0cf41139f95b09432ccfa664d148199844bd275dfb5
+  checksum: 56bba2cfa10b3d3b44c54289f0d19e6aacf319d5596fb1c8d84d303f91270aac903ee7b1382a96bccf84bacc6ed50f23ee18013bf38cb6687b620fce61c8b012
  languageName: node
  linkType: hard

-"@sanity/vision@npm:3.7.0":
-  version: 3.7.0
-  resolution: "@sanity/vision@npm:3.7.0"
+"@sanity/vision@npm:3.8.0":
+  version: 3.8.0
+  resolution: "@sanity/vision@npm:3.8.0"
  dependencies:
    "@codemirror/autocomplete": ^6.1.0
    "@codemirror/commands": ^6.0.1
@@ -4863,7 +4873,7 @@ __metadata:
    "@rexxars/react-split-pane": ^0.1.93
    "@sanity/color": ^2.1.20
    "@sanity/icons": ^2.1.0
-    "@sanity/ui": ^1.2.0
+    "@sanity/ui": ^1.3.0
    "@uiw/react-codemirror": ^4.11.4
    hashlru: ^2.3.0
    is-hotkey: ^0.1.6
@@ -4872,7 +4882,7 @@ __metadata:
  peerDependencies:
    react: ^18
    styled-components: ^5.2
-  checksum: 8bdef2476dd5fd40ca17dddaf3e29375dba49dd16bded2448e283b4b5af624f9734294991f0020f723d844d4eb4ddff51a282c8f721ec2bb6e65605e14a65902
+  checksum: d3ddb519c427344b66cca5c02ae097ce634b8d0d73be34f3fb070c17c080cae0f2f45f95f0b3d79dc21fb2e054cb8811cdf0633d9ebd5b490d6607f3fe75936f
  languageName: node
  linkType: hard

@@ -6200,21 +6210,21 @@ __metadata:
  languageName: node
  linkType: hard

-"@tanstack/react-virtual@npm:3.0.0-beta.29":
-  version: 3.0.0-beta.29
-  resolution: "@tanstack/react-virtual@npm:3.0.0-beta.29"
+"@tanstack/react-virtual@npm:3.0.0-beta.53":
+  version: 3.0.0-beta.53
+  resolution: "@tanstack/react-virtual@npm:3.0.0-beta.53"
  dependencies:
-    "@tanstack/virtual-core": 3.0.0-beta.29
+    "@tanstack/virtual-core": 3.0.0-beta.53
  peerDependencies:
    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 4c092239dac8e7fa80e3f4ba057933c8919c9a11baedce26d853253f27155398d97d6e2136cdf5cd65395fc176c21403307265af5d0b9b2f7c44bd04bb5bb062
+  checksum: 63b16e184d62c8364b447b8c95a70e71e3b003fdc45b341d9c938264254142d88615258089eedb88c3bd2e66d76e9a5011d42e9e424b5eb819cb36a27cf37916
  languageName: node
  linkType: hard

-"@tanstack/virtual-core@npm:3.0.0-beta.29":
-  version: 3.0.0-beta.29
-  resolution: "@tanstack/virtual-core@npm:3.0.0-beta.29"
-  checksum: bedd1372463f09f68c775c31779073224d72a3a11671e989060c96a957fc7937fb479a9a1bb7814ba2b3b51b9937185098ccbd347309a1e9eb8d7146ad7bee5c
+"@tanstack/virtual-core@npm:3.0.0-beta.53":
+  version: 3.0.0-beta.53
+  resolution: "@tanstack/virtual-core@npm:3.0.0-beta.53"
+  checksum: aaa010f9198578965fe5026824550f3092276fe40041be8623920e691c07aa5e7564f0582818f4101451122ebebf1a2775a04457c7fdd0a7a0924b31d723d998
  languageName: node
  linkType: hard

@@ -6524,13 +6534,20 @@ __metadata:
  languageName: node
  linkType: hard

-"@types/event-source-polyfill@npm:^1.0.1":
+"@types/event-source-polyfill@npm:1.0.1, @types/event-source-polyfill@npm:^1.0.1":
  version: 1.0.1
  resolution: "@types/event-source-polyfill@npm:1.0.1"
  checksum: 37f3ccc40e2fc43230047c3323f8bfc55f6ed40aee8c61af7f6b702a923be5615362cf3241f5a536f9c64932309a2184a0181bb48e105a94b968b8321cae1c60
  languageName: node
  linkType: hard

+"@types/eventsource@npm:1.1.11":
+  version: 1.1.11
+  resolution: "@types/eventsource@npm:1.1.11"
+  checksum: 84cd8595b43f8d0cdb857102e78ae35e9ff7284daa72085b114caaf90de14bca96b1c604553b9055eda19a76e2b161fb764e8cd4aba1824f81feec98fa331c1c
+  languageName: node
+  linkType: hard
+
 "@types/express-serve-static-core@npm:^4.17.33":
  version: 4.17.33
  resolution: "@types/express-serve-static-core@npm:4.17.33"
@@ -7048,6 +7065,13 @@ __metadata:
  languageName: node
  linkType: hard

+"@types/use-sync-external-store@npm:^0.0.3":
+  version: 0.0.3
+  resolution: "@types/use-sync-external-store@npm:0.0.3"
+  checksum: 161ddb8eec5dbe7279ac971531217e9af6b99f7783213566d2b502e2e2378ea19cf5e5ea4595039d730aa79d3d35c6567d48599f69773a02ffcff1776ec2a44e
+  languageName: node
+  linkType: hard
+
 "@types/uuid@npm:^8.0.0":
  version: 8.3.4
  resolution: "@types/uuid@npm:8.3.4"
@@ -7548,15 +7572,15 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "aksel.nav.no@workspace:aksel.nav.no"
  dependencies:
-    "@navikt/aksel-icons": ^2.8.1
-    "@navikt/ds-codemod": ^2.8.1
-    "@navikt/ds-css": ^2.8.1
-    "@navikt/ds-css-internal": ^2.8.1
-    "@navikt/ds-icons": ^2.8.1
-    "@navikt/ds-react": ^2.8.1
-    "@navikt/ds-react-internal": ^2.8.1
-    "@navikt/ds-tailwind": ^2.8.1
-    "@navikt/ds-tokens": ^2.8.1
+    "@navikt/aksel-icons": ^2.8.8
+    "@navikt/ds-codemod": ^2.8.8
+    "@navikt/ds-css": ^2.8.8
+    "@navikt/ds-css-internal": ^2.8.8
+    "@navikt/ds-icons": ^2.8.8
+    "@navikt/ds-react": ^2.8.8
+    "@navikt/ds-react-internal": ^2.8.8
+    "@navikt/ds-tailwind": ^2.8.8
+    "@navikt/ds-tokens": ^2.8.8
    prettier-plugin-tailwindcss: ^0.2.3
  languageName: unknown
  linkType: soft
@@ -12224,7 +12248,7 @@ __metadata:
  languageName: node
  linkType: hard

-"event-source-polyfill@npm:^1.0.31":
+"event-source-polyfill@npm:1.0.31, event-source-polyfill@npm:^1.0.31":
  version: 1.0.31
  resolution: "event-source-polyfill@npm:1.0.31"
  checksum: 973f226404e2a1b14ed7ef15c718b89e213b41d7cfeeb1c10937fd09229f13904f3d7c3075ab28ccf858c213007559908eecdd577577330352f53a351383dd75
@@ -12253,14 +12277,7 @@ __metadata:
  languageName: node
  linkType: hard

-"eventsource@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "eventsource@npm:1.1.2"
-  checksum: fe8f2ac3c70b1b63ee3cef5c0a28680cb00b5747bfda1d9835695fab3ed602be41c5c799b1fc997b34b02633573fead25b12b036bdf5212f23a6aa9f59212e9b
-  languageName: node
-  linkType: hard
-
-"eventsource@npm:^2, eventsource@npm:^2.0.2":
+"eventsource@npm:2.0.2, eventsource@npm:^2, eventsource@npm:^2.0.2":
  version: 2.0.2
  resolution: "eventsource@npm:2.0.2"
  checksum: c0072d972753e10c705d9b2285b559184bf29d011bc208973dde9c8b6b8b7b6fdad4ef0846cecb249f7b1585e860fdf324cbd2ac854a76bc53649e797496e99a
@@ -13420,6 +13437,24 @@ __metadata:
  languageName: node
  linkType: hard

+"get-it@npm:^8.1":
+  version: 8.1.1
+  resolution: "get-it@npm:8.1.1"
+  dependencies:
+    debug: ^4.3.4
+    decompress-response: ^7.0.0
+    follow-redirects: ^1.15.2
+    into-stream: ^6.0.0
+    is-plain-object: ^5.0.0
+    is-retry-allowed: ^2.2.0
+    is-stream: ^2.0.1
+    parse-headers: ^2.0.5
+    progress-stream: ^2.0.0
+    tunnel-agent: ^0.6.0
+  checksum: 90c3aa14947546326d01c3f487d523fee56898bc5bdee9ee48833085eefcafb80d9072ce7324213c9911dceb90d40271de17e8be0f21c0689952939b77c6e74a
+  languageName: node
+  linkType: hard
+
 "get-npm-tarball-url@npm:^2.0.3":
  version: 2.0.3
  resolution: "get-npm-tarball-url@npm:2.0.3"
@@ -13884,6 +13919,13 @@ __metadata:
  languageName: node
  linkType: hard

+"groq-js@npm:1":
+  version: 1.1.8
+  resolution: "groq-js@npm:1.1.8"
+  checksum: b60b7f5d32b081d46a1b7b1e08823260b577a285fd1b21c6e960f7cc526c215cdf83234c8680eae80208b87671bc31f20c260e2ebf6b5b5916a73d92e3d0f893
+  languageName: node
+  linkType: hard
+
 "groq-js@npm:^0.2.0":
  version: 0.2.0
  resolution: "groq-js@npm:0.2.0"
@@ -13891,13 +13933,6 @@ __metadata:
  languageName: node
  linkType: hard

-"groq-js@npm:^1.1.7":
-  version: 1.1.7
-  resolution: "groq-js@npm:1.1.7"
-  checksum: af280465981d987ee01b85d21dc36240ecb04015eb0ce2f32f75e35633533463c7d99a70b9a1cbc49bf79b2ec107dfa6daa7ba7b054e193d55b0eab0e243f836
-  languageName: node
-  linkType: hard
-
 "groq-js@npm:beta":
  version: 1.2.1-beta.1
  resolution: "groq-js@npm:1.2.1-beta.1"
@@ -13905,6 +13940,13 @@ __metadata:
  languageName: node
  linkType: hard

+"groq@npm:3":
+  version: 3.8.0
+  resolution: "groq@npm:3.8.0"
+  checksum: c13697b7314a497cd9840208d88341a80c85c6040256673f38245a9cd19d9efb2c11368787570bd3593473f705a9735ffd4da2381c03e2ae1370465d45115e34
+  languageName: node
+  linkType: hard
+
 "groq@npm:^2.29.3":
  version: 2.33.2
  resolution: "groq@npm:2.33.2"
@@ -14211,17 +14253,12 @@ __metadata:
  languageName: node
  linkType: hard

-"history@npm:^4.6.3":
-  version: 4.10.1
-  resolution: "history@npm:4.10.1"
+"history@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "history@npm:5.3.0"
  dependencies:
-    "@babel/runtime": ^7.1.2
-    loose-envify: ^1.2.0
-    resolve-pathname: ^3.0.0
-    tiny-invariant: ^1.0.2
-    tiny-warning: ^1.0.0
-    value-equal: ^1.0.1
-  checksum: addd84bc4683929bae4400419b5af132ff4e4e9b311a0d4e224579ea8e184a6b80d7f72c55927e4fa117f69076a9e47ce082d8d0b422f1a9ddac7991490ca1d0
+    "@babel/runtime": ^7.7.6
+  checksum: d73c35df49d19ac172f9547d30a21a26793e83f16a78386d99583b5bf1429cc980799fcf1827eb215d31816a6600684fba9686ce78104e23bd89ec239e7c726f
  languageName: node
  linkType: hard

@@ -16838,7 +16875,7 @@ __metadata:
  languageName: node
  linkType: hard

-"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.2.0, loose-envify@npm:^1.3.1, loose-envify@npm:^1.4.0":
+"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.3.1, loose-envify@npm:^1.4.0":
  version: 1.4.0
  resolution: "loose-envify@npm:1.4.0"
  dependencies:
@@ -21203,13 +21240,6 @@ __metadata:
  languageName: node
  linkType: hard

-"resolve-pathname@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "resolve-pathname@npm:3.0.0"
-  checksum: 6147241ba42c423dbe83cb067a2b4af4f60908c3af57e1ea567729cc71416c089737fe2a73e9e79e7a60f00f66c91e4b45ad0d37cd4be2d43fec44963ef14368
-  languageName: node
-  linkType: hard
-
 "resolve-url@npm:^0.2.1":
  version: 0.2.1
  resolution: "resolve-url@npm:0.2.1"
@@ -21492,6 +21522,15 @@ __metadata:
  languageName: node
  linkType: hard

+"rxjs@npm:7, rxjs@npm:^7, rxjs@npm:^7.0.0, rxjs@npm:^7.5.5, rxjs@npm:^7.8.0":
+  version: 7.8.0
+  resolution: "rxjs@npm:7.8.0"
+  dependencies:
+    tslib: ^2.1.0
+  checksum: 61b4d4fd323c1043d8d6ceb91f24183b28bcf5def4f01ca111511d5c6b66755bc5578587fe714ef5d67cf4c9f2e26f4490d4e1d8cabf9bd5967687835e9866a2
+  languageName: node
+  linkType: hard
+
 "rxjs@npm:^6.4.0, rxjs@npm:^6.6.0, rxjs@npm:^6.6.3":
  version: 6.6.7
  resolution: "rxjs@npm:6.6.7"
@@ -21501,15 +21540,6 @@ __metadata:
  languageName: node
  linkType: hard

-"rxjs@npm:^7, rxjs@npm:^7.0.0, rxjs@npm:^7.5.5, rxjs@npm:^7.8.0":
-  version: 7.8.0
-  resolution: "rxjs@npm:7.8.0"
-  dependencies:
-    tslib: ^2.1.0
-  checksum: 61b4d4fd323c1043d8d6ceb91f24183b28bcf5def4f01ca111511d5c6b66755bc5578587fe714ef5d67cf4c9f2e26f4490d4e1d8cabf9bd5967687835e9866a2
-  languageName: node
-  linkType: hard
-
 "safe-buffer@npm:5.1.1":
  version: 5.1.1
  resolution: "safe-buffer@npm:5.1.1"
@@ -21599,18 +21629,18 @@ __metadata:
  languageName: node
  linkType: hard

-"sanity-plugin-iframe-pane@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "sanity-plugin-iframe-pane@npm:2.2.0"
+"sanity-plugin-iframe-pane@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "sanity-plugin-iframe-pane@npm:2.3.0"
  dependencies:
-    "@sanity/icons": ^2.0.0
+    "@sanity/icons": ^2.2.2
    "@sanity/incompatible-plugin": ^1.0.4
-    "@sanity/ui": ^1.0.0
-    usehooks-ts: ^2.6.0
+    "@sanity/ui": ^1.3.0
+    usehooks-ts: ^2.9.1
  peerDependencies:
    react: ^18
    sanity: ^3.0.0
-  checksum: 8c43256afe20b0c8d045753bde39c2477ce37300b242a878c1f0affb6e59bd3271ae6b5c2a122d07e9a49fa0683d023d9ea583f9fa63adf3ce471b8e1172e3da
+  checksum: 4066b9d7af66101532b75db7a3ffc5b6fac308475ed1a70a418328e0a5f4ae3081b3a7ebc25682a79b3b63300b124dee2547b0ac98707e466565aa31b2b29744
  languageName: node
  linkType: hard

@@ -21651,9 +21681,9 @@ __metadata:
  languageName: node
  linkType: hard

-"sanity@npm:3.7.0":
-  version: 3.7.0
-  resolution: "sanity@npm:3.7.0"
+"sanity@npm:3.8.0":
+  version: 3.8.0
+  resolution: "sanity@npm:3.8.0"
  dependencies:
    "@dnd-kit/core": ^6.0.5
    "@dnd-kit/modifiers": ^6.0.0
@@ -21665,32 +21695,33 @@ __metadata:
    "@rexxars/react-json-inspector": ^8.0.1
    "@sanity/asset-utils": ^1.2.5
    "@sanity/bifur-client": ^0.3.1
-    "@sanity/block-tools": 3.7.0
-    "@sanity/cli": 3.7.0
+    "@sanity/block-tools": 3.8.0
+    "@sanity/cli": 3.8.0
    "@sanity/client": ^5.2.0
    "@sanity/color": ^2.1.20
-    "@sanity/diff": 3.7.0
-    "@sanity/eventsource": ^3.0.1
-    "@sanity/export": 3.7.0
+    "@sanity/diff": 3.8.0
+    "@sanity/eventsource": ^5.0.0
+    "@sanity/export": 3.8.0
    "@sanity/generate-help-url": ^3.0.0
    "@sanity/icons": ^2.1.0
    "@sanity/image-url": ^1.0.2
-    "@sanity/import": 3.7.0
+    "@sanity/import": 3.8.0
    "@sanity/logos": ^2.0.2
-    "@sanity/mutator": 3.7.0
-    "@sanity/portable-text-editor": 3.7.0
-    "@sanity/schema": 3.7.0
-    "@sanity/types": 3.7.0
-    "@sanity/ui": ^1.2.0
-    "@sanity/util": 3.7.0
+    "@sanity/mutator": 3.8.0
+    "@sanity/portable-text-editor": 3.8.0
+    "@sanity/schema": 3.8.0
+    "@sanity/types": 3.8.0
+    "@sanity/ui": ^1.3.0
+    "@sanity/util": 3.8.0
    "@sanity/uuid": ^3.0.1
-    "@sanity/validation": 3.7.0
-    "@tanstack/react-virtual": 3.0.0-beta.29
+    "@sanity/validation": 3.8.0
+    "@tanstack/react-virtual": 3.0.0-beta.53
    "@types/is-hotkey": ^0.1.7
    "@types/react-copy-to-clipboard": ^5.0.2
    "@types/react-is": ^17.0.3
    "@types/shallow-equals": ^1.0.0
    "@types/speakingurl": ^13.0.3
+    "@types/use-sync-external-store": ^0.0.3
    "@vitejs/plugin-react": ^3.0.0
    chalk: ^4.1.2
    chokidar: ^3.5.3
@@ -21712,7 +21743,7 @@ __metadata:
    get-random-values-esm: ^1.0.0
    groq-js: ^0.2.0
    hashlru: ^2.3.0
-    history: ^4.6.3
+    history: ^5.3.0
    import-fresh: ^3.3.0
    is-hotkey: ^0.1.6
    jsdom: ^20.0.0
@@ -21755,6 +21786,7 @@ __metadata:
    tar-fs: ^2.1.1
    use-device-pixel-ratio: ^1.1.0
    use-hot-module-reload: ^1.0.1
+    use-sync-external-store: ^1.2.0
    vite: ^4.0.1
    yargs: ^17.3.0
  peerDependencies:
@@ -21763,7 +21795,7 @@ __metadata:
    styled-components: ^5.2
  bin:
    sanity: bin/sanity
-  checksum: b85e87d09556a1604084c690f4d27a515e84b40d1a3a8ffe25bd25f21070c0a561be43b8b409c1385c3aae874475ce5f8c979085e7e5ea50d0c2e12989743af2
+  checksum: aab51f5d9439a8d91494fb86460837359a65d6de0f5fc24380fc4be2c32ba429885a712d494d7e5f59f520d2f4ebe7de37b1564e8793f01225331fe584df86e5
  languageName: node
  linkType: hard

@@ -21955,8 +21987,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "shadow-dom@workspace:examples/shadow-dom"
  dependencies:
-    "@navikt/ds-css": 2.8.1
-    "@navikt/ds-react": 2.8.1
+    "@navikt/ds-css": 2.8.8
+    "@navikt/ds-react": 2.8.8
    "@types/react": ^18.0.0
    "@types/react-dom": ^18.0.0
    "@vitejs/plugin-react": ^2.1.0
@@ -23161,7 +23193,7 @@ __metadata:
  languageName: node
  linkType: hard

-"suspend-react@npm:^0.0.9":
+"suspend-react@npm:0.0.9, suspend-react@npm:^0.0.9":
  version: 0.0.9
  resolution: "suspend-react@npm:0.0.9"
  peerDependencies:
@@ -23510,14 +23542,7 @@ __metadata:
  languageName: node
  linkType: hard

-"tiny-invariant@npm:^1.0.2":
-  version: 1.3.1
-  resolution: "tiny-invariant@npm:1.3.1"
-  checksum: 872dbd1ff20a21303a2fd20ce3a15602cfa7fcf9b228bd694a52e2938224313b5385a1078cb667ed7375d1612194feaca81c4ecbe93121ca1baebe344de4f84c
-  languageName: node
-  linkType: hard
-
-"tiny-warning@npm:^1.0.0, tiny-warning@npm:^1.0.3":
+"tiny-warning@npm:^1.0.3":
  version: 1.0.3
  resolution: "tiny-warning@npm:1.0.3"
  checksum: da62c4acac565902f0624b123eed6dd3509bc9a8d30c06e017104bedcf5d35810da8ff72864400ad19c5c7806fc0a8323c68baf3e326af7cb7d969f846100d71
@@ -24452,7 +24477,7 @@ __metadata:
  languageName: node
  linkType: hard

-"usehooks-ts@npm:^2.6.0":
+"usehooks-ts@npm:^2.9.1":
  version: 2.9.1
  resolution: "usehooks-ts@npm:2.9.1"
  peerDependencies:
@@ -24561,13 +24586,6 @@ __metadata:
  languageName: node
  linkType: hard

-"value-equal@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "value-equal@npm:1.0.1"
-  checksum: bb7ae1facc76b5cf8071aeb6c13d284d023fdb370478d10a5d64508e0e6e53bb459c4bbe34258df29d82e6f561f874f0105eba38de0e61fe9edd0bdce07a77a2
-  languageName: node
-  linkType: hard
-
 "vary@npm:~1.1.2":
  version: 1.1.2
  resolution: "vary@npm:1.1.2"
@@ -24838,15 +24856,15 @@ __metadata:
    "@playwright/test": ^1.30.0
    "@sanity-codegen/types": 1.0.0-alpha.13
    "@sanity/block-content-to-react": ^3.0.0
-    "@sanity/client": ^5.3.0
+    "@sanity/client": ^5.4.0
    "@sanity/code-input": 4.1.0
    "@sanity/color-input": ^3.0.2
    "@sanity/icons": 2.2.2
    "@sanity/image-url": 1.0.2
-    "@sanity/preview-kit": ^1.3.4
+    "@sanity/preview-kit": ^1.3.8
    "@sanity/table": 1.0.1
    "@sanity/ui": ^1.3.0
-    "@sanity/vision": 3.7.0
+    "@sanity/vision": 3.8.0
    "@svgr/webpack": ^5.5.0
    "@testing-library/jest-dom": ^5.16.0
    "@testing-library/react": ^13.3.0
@@ -24880,9 +24898,9 @@ __metadata:
    react-modal: 3.15.1
    react-responsive-masonry: ^2.1.7
    recharts: ^2.2.0
-    sanity: 3.7.0
+    sanity: 3.8.0
    sanity-plugin-asset-source-unsplash: ^1.0.6
-    sanity-plugin-iframe-pane: ^2.2.0
+    sanity-plugin-iframe-pane: ^2.3.0
    sanity-plugin-media: ^2.0.5
    sharp: 0.31.3
    sitemap: ^7.0.0
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	dac31f6dda	Version Packages (#1916 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-04-12 15:38:30 +02:00
Vegard Haugstvedt	85353d2c4f	🐛 Fixed TS conflicts and added onClick callback to CopyToClipboard (#1915 ) * Add onclick prop to CopyToClipboard component, so it is possible to add external callbacks on clicks. Requested to enable Amplitude-logging on clicks * 🐛 Fixed TS conflicts and added onClick callback to CopyToClipboard	2023-04-12 15:33:13 +02:00
Vegard Haugstvedt	cd927bdc46	🐛 Fixed conflicting inherited type for ExpandableRows (#1913 ) 'content' prop had a conflict with the html attribute content	2023-04-12 14:01:29 +02:00
github-actions[bot]andgithub-actions[bot]	fcec29fd60	Version Packages (#1912 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-04-03 18:49:10 +02:00
Ken	2704279107	✨ Oppdatert ikoner (#1909 )	2023-04-03 16:08:52 +02:00
github-actions[bot]andgithub-actions[bot]	46cbb4ba87	Version Packages (#1908 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-31 13:41:44 +02:00
Ken	63fdacf0f8	♻️ Refactor eventhandling i datepicker-hooks (#1907 )	2023-03-31 13:26:53 +02:00
github-actions[bot]andgithub-actions[bot]	b5c8a94378	Version Packages (#1906 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-31 12:47:17 +02:00
Ken	212194964c	✨ Bedre tokens-utvalg for button (#1905 )	2023-03-31 11:58:30 +02:00
Ken	d151cf4c07	🐛 Fikset bakgrunn på tips-modul	2023-03-30 15:30:14 +02:00
Ken	44ba7a3a79	♻️ Bruker flere nye aksel-icons på nettside, refactor Tips-modul	2023-03-30 15:26:36 +02:00
Ken	d94a636dc4	🐛 Fikset build-error på bakgrunn av ny sanity-dependency	2023-03-30 14:20:02 +02:00
github-actions[bot]andgithub-actions[bot]	36ae2e5005	Version Packages (#1903 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-30 10:37:10 +02:00
Ken	ed8e284540	📝 changeset	2023-03-30 10:10:44 +02:00
Ken	262d59cf98	✨ Nye ikoner	2023-03-30 10:09:39 +02:00
Ken	57705de77c	🎨 Sanity doc-creation tekster	2023-03-29 16:13:54 +02:00
Ken	4ec35a01ca	⬆️ Sanity v3.8.0	2023-03-29 14:09:59 +02:00
github-actions[bot]andgithub-actions[bot]	6113e6e59f	Version Packages (#1887 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-29 13:57:21 +02:00
Ken	7f3f025db2	🎨 Fikset typografi checkbox/radio, button-token	2023-03-29 13:54:17 +02:00
github-actions[bot]andgithub-actions[bot]	44671abb5f	Version Packages (#1885 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-03-29 13:27:04 +02:00
Ken	2eb358ad88	✨ Alert, Chips og ErrorSummary har nå bedre utvalg av tokens 📝 Token for Toggle-chips text 🎨 Alert bruker nye ikoner, token for ikonfarger 🎨 Alert bruker gamle ikoner, men nå med tokens 🎨 Error-summary bruker nå riktig token for listemarkering	2023-03-29 13:15:29 +02:00
Ken	6bdc02761b	Merge branch 'codeblock'	2023-03-29 12:48:34 +02:00
Ken	f52ef19be2	♻️ Refactor copy-button 💄 Copybutton animasjon 💄 dropdown bakgrunn-animert 💄 bakgrunnsfarge på snippet 💄 Toc-animasjon ♻️ bruker en samlet copybutton-implementasjon	2023-03-29 12:48:23 +02:00