Version Packages (#2202 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
🐛 Checkmark, Confirmationpanel og Tokens patch (#2199 )
2026-10-13 09:12:03 +00:00 · 2023-08-22 15:10:46 +02:00 · 2023-08-22 15:05:15 +02:00 · 2023-08-18 18:27:11 +02:00 · 2023-08-18 13:09:28 +02:00 · 2023-08-18 12:51:56 +02:00
40 changed files with 380 additions and 278 deletions
@@ -1,5 +1,11 @@
 # @navikt/aksel-icons

+## 5.0.3
+
+## 5.0.2
+
+## 5.0.1
+
 ## 5.0.0

 ## 4.12.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -1,5 +1,11 @@
 # @navikt/aksel-stylelint

+## 5.0.3
+
+## 5.0.2
+
+## 5.0.1
+
 ## 5.0.0

 ## 4.12.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-stylelint",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
  "repository": {
@@ -35,8 +35,8 @@
    "dev": "yarn watch:lint"
  },
  "devDependencies": {
-    "@navikt/ds-css": "^5.0.0",
-    "@navikt/ds-tokens": "^5.0.0",
+    "@navikt/ds-css": "^5.0.3",
+    "@navikt/ds-tokens": "^5.0.3",
    "@types/jest": "^29.0.0",
    "concurrently": "7.2.1",
    "copyfiles": "2.4.1",
@@ -1,5 +1,26 @@
 # @navikt/aksel

+## 5.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`8d934e093`](https://github.com/navikt/aksel/commit/8d934e0931caaa6f774a8f1b20fa34a19ece7218), [`8d934e093`](https://github.com/navikt/aksel/commit/8d934e0931caaa6f774a8f1b20fa34a19ece7218)]:
+  - @navikt/ds-css@5.0.3
+
+## 5.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-css@5.0.2
+
+## 5.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`90db7dd0c`](https://github.com/navikt/aksel/commit/90db7dd0c120c16a387d3169c05c1f33dc694323)]:
+  - @navikt/ds-css@5.0.1
+
 ## 5.0.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "description": "Aksel command line interface. Handles css-imports, codemods and more",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -29,7 +29,7 @@
  },
  "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
  "dependencies": {
-    "@navikt/ds-css": "5.0.0",
+    "@navikt/ds-css": "5.0.3",
    "axios": "1.3.6",
    "chalk": "4.1.0",
    "clipboardy": "^2.3.0",
@@ -1,5 +1,21 @@
 # @navikt/ds-css

+## 5.0.3
+
+### Patch Changes
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+- Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+## 5.0.2
+
+## 5.0.1
+
+### Patch Changes
+
+- Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind ([`90db7dd0c`](https://github.com/navikt/aksel/commit/90db7dd0c120c16a387d3169c05c1f33dc694323))
+
 ## 5.0.0

 ### Major Changes
@@ -132,7 +132,12 @@

 .navds-checkbox--small .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
  transform: translate(0.25rem, -10%);
-  height: 1.25rem;
+}
+
+/* Tailwind sets all svg to block */
+.navds-checkbox__icon > svg {
+  display: inline;
+  vertical-align: initial;
 }

 .navds-checkbox--small > .navds-checkbox__input:checked + .navds-checkbox__label::before {
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -27,7 +27,7 @@
    "css:get-version": "node config/get-version.js"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^5.0.0",
+    "@navikt/ds-tokens": "^5.0.3",
    "cssnano": "6.0.0",
    "fast-glob": "3.2.11",
    "lodash": "4.17.21",
@@ -1,5 +1,30 @@
 # @navikt/ds-react

+## 5.0.3
+
+### Patch Changes
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@5.0.3
+
+## 5.0.2
+
+### Patch Changes
+
+- :label: Modal: Bedre type for `width` ([#2191](https://github.com/navikt/aksel/pull/2191))
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@5.0.2
+
+## 5.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@5.0.1
+
 ## 5.0.0

 ### Major Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "description": "Aksel react-components for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -38,7 +38,7 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.24.1",
-    "@navikt/aksel-icons": "^5.0.0",
+    "@navikt/aksel-icons": "^5.0.3",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^1.2.1",
@@ -88,12 +88,7 @@ export const ConfirmationPanel = forwardRef<
          {label}
        </Checkbox>
      </div>
-      <div
-        className="navds-form-field__error"
-        id={errorId}
-        aria-relevant="additions removals"
-        aria-live="polite"
-      >
+      <div className="navds-form-field__error" id={errorId} role="alert">
        {showErrorMsg && <ErrorMessage size={size}>{props.error}</ErrorMessage>}
      </div>
    </div>
@@ -1,7 +1,8 @@
-import React, { useState } from "react";
-import { ConfirmationPanel } from "../index";
 import { Meta } from "@storybook/react";
+import React, { useState } from "react";
 import { Link } from "../..";
+import { ConfirmationPanel } from "../index";
+
 export default {
  title: "ds-react/ConfirmationPanel",
  component: ConfirmationPanel,
@@ -64,7 +64,7 @@ export interface ModalProps
  /**
   * @default fit-content (up to 700px)
   * */
-  width?: "medium" | "small" | number | string;
+  width?: "medium" | "small" | number | `${number}${string}`;
  /**
   * User defined classname for modal
   */
@@ -1,5 +1,11 @@
 # @navikt/ds-tailwind

+## 5.0.3
+
+## 5.0.2
+
+## 5.0.1
+
 ## 5.0.0

 ## 4.12.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "description": "Tailwind config based on @navikt/ds-tokens",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -22,7 +22,7 @@
    "directory": "@navikt/core/tailwind"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^5.0.0",
+    "@navikt/ds-tokens": "^5.0.3",
    "@types/jest": "^29.0.0",
    "color": "4.2.3",
    "jest": "^29.0.0",
@@ -1,5 +1,17 @@
 # @navikt/ds-tokens

+## 5.0.3
+
+### Patch Changes
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+- Tokens: `--a-icon-alt-3` er nå i synk med figma ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+## 5.0.2
+
+## 5.0.1
+
 ## 5.0.0

 ### Major Changes
@@ -390,7 +390,7 @@
  "semantic-icon-alt": [
    { "name": "--a-icon-alt-1", "value": "rgba(99, 70, 137, 1)" },
    { "name": "--a-icon-alt-2", "value": "rgba(127, 137, 0, 1)" },
-    { "name": "--a-icon-alt-3", "value": "rgba(51, 128, 165, 1)" }
+    { "name": "--a-icon-alt-3", "value": "rgba(0, 91, 130, 1)" }
  ],

  "semantic-data-surface": [
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "5.0.0",
+  "version": "5.0.3",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -316,7 +316,7 @@
        "value": "{a.limegreen.700.value}"
      },
      "alt3": {
-        "value": "{a.deepblue.400.value}"
+        "value": "{a.deepblue.500.value}"
      },
      "on": {
        "neutral": {
@@ -1,7 +1,51 @@
 # Changelog

+## 5.0.3
+
+### @navikt/ds-react
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+### @navikt/ds-tokens
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+- Tokens: `--a-icon-alt-3` er nå i synk med figma ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+### @navikt/ds-css
+
+- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+- Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss ([#2199](https://github.com/navikt/aksel/pull/2199))
+
+## 5.0.2
+
+### @navikt/ds-react
+
+- :label: Modal: Bedre type for `width` ([#2191](https://github.com/navikt/aksel/pull/2191))
+
+## 5.0.1
+
+### @navikt/ds-css
+
+- Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind ([`90db7dd0c`](https://github.com/navikt/aksel/commit/90db7dd0c120c16a387d3169c05c1f33dc694323))
+
 ## 5.0.0

+### @navikt/ds-react
+
+- Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135))
+
+  - :sparkles: Støtte for header og footer
+  - :boom: Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
+  - :boom: Provider: `appElement` er fjernet
+
+<!---->
+
+- Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178))
+
+- Table: Har lagt til ny size: 'large'. ([#2178](https://github.com/navikt/aksel/pull/2178))
+
 ### @navikt/ds-tokens

 - Gray: Gråfarger er nå mindre varme ([#2092](https://github.com/navikt/aksel/pull/2092))
@@ -21,44 +65,18 @@

 - Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). ([#2178](https://github.com/navikt/aksel/pull/2178))

-### @navikt/ds-react
-
- Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135))
-
-  - :sparkles: Støtte for header og footer
-  - :boom: Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
-  - :boom: Provider: `appElement` er fjernet
-
-<!---->
-
- Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178))
-
- Table: Har lagt til ny size: 'large'. ([#2178](https://github.com/navikt/aksel/pull/2178))
-
 ## 4.12.1

-### @navikt/ds-css
+### @navikt/ds-react

 - Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184))

-### @navikt/ds-react
+### @navikt/ds-css

 - Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184))

 ## 4.12.0

-### @navikt/ds-css
-
- CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173))
-
-<!---->
-
- List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168))
-
- Checkbox: Checkmark er nå SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171))
-
- Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179))
-
 ### @navikt/ds-react

 - Combobox: La til støtte for feilmeldinger i Combobox ([#2182](https://github.com/navikt/aksel/pull/2182))
@@ -79,6 +97,18 @@

 - Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect ([#2177](https://github.com/navikt/aksel/pull/2177))

+### @navikt/ds-css
+
+- CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173))
+
+<!---->
+
+- List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168))
+
+- Checkbox: Checkmark er nå SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171))
+
+- Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179))
+
 ## 4.11.2

 ### @navikt/ds-css
@@ -93,16 +123,6 @@

 ## 4.11.0

-### @navikt/ds-css
-
- HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/core/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838))
-
-<!---->
-
- List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149))
-
- Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150))
-
 ### @navikt/ds-react

 - HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/core/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838))
@@ -113,6 +133,16 @@

 - Grid: Markert som deprecated. Bruk nye 'HGrid' ([#2153](https://github.com/navikt/aksel/pull/2153))

+### @navikt/ds-css
+
+- HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/core/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838))
+
+<!---->
+
+- List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149))
+
+- Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150))
+
 ## 4.10.2

 ### @navikt/ds-css
@@ -121,19 +151,15 @@

 ## 4.10.0

-### @navikt/ds-css
-
- Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093))
-
 ### @navikt/ds-react

 - Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093))

-## 4.9.1
-
 ### @navikt/ds-css

- Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144))
+- Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093))
+
+## 4.9.1

 ### @navikt/ds-react

@@ -141,36 +167,40 @@

 - Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144))

+### @navikt/ds-css
+
+- Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144))
+
 ## 4.9.0

-### @navikt/ds-css
+### @navikt/ds-react

 - Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127))

-### @navikt/ds-react
+### @navikt/ds-css

 - Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127))

 ## 4.8.0

-### @navikt/ds-css
+### @navikt/ds-react

 - Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040))

-### @navikt/ds-react
+### @navikt/ds-css

 - Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040))

 ## 4.7.4

-### @navikt/ds-css
-
- Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser ([#2126](https://github.com/navikt/aksel/pull/2126))
-
 ### @navikt/ds-react

 - Textfield: La til type 'time' som tilgjengelig option ([#2137](https://github.com/navikt/aksel/pull/2137))

+### @navikt/ds-css
+
+- Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser ([#2126](https://github.com/navikt/aksel/pull/2126))
+
 ## 4.7.3

 ### @navikt/ds-react
@@ -179,11 +209,11 @@

 ## 4.7.2

-### @navikt/ds-css
+### @navikt/ds-react

 - Stepper: Fikset `hotizontal`-bug når step var `completed` ([#2116](https://github.com/navikt/aksel/pull/2116))

-### @navikt/ds-react
+### @navikt/ds-css

 - Stepper: Fikset `hotizontal`-bug når step var `completed` ([#2116](https://github.com/navikt/aksel/pull/2116))

@@ -195,10 +225,6 @@

 ## 4.7.0

-### @navikt/ds-css
-
- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868))
-
 ### @navikt/ds-react

 - Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868))
@@ -209,28 +235,36 @@

 - Combobox post-release tweaks ([#2112](https://github.com/navikt/aksel/pull/2112))

+### @navikt/ds-css
+
+- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868))
+
 ## 4.6.1

-### @navikt/ds-css
+### @navikt/ds-react

 - Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089))

-### @navikt/ds-react
+### @navikt/ds-css

 - Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089))

 ## 4.6.0

-### @navikt/ds-css
-
- Skjema: De fleste skjemakomponenter har nå styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080))
-
 ### @navikt/ds-react

 - Skjema: De fleste skjemakomponenter støtter nå `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080))

+### @navikt/ds-css
+
+- Skjema: De fleste skjemakomponenter har nå styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080))
+
 ## 4.5.0

+### @navikt/ds-react
+
+- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079))
+
 ### @navikt/ds-css

 - - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079))
@@ -239,10 +273,6 @@

 - - Button: Fikset outline-bug i tertiary-variant ved `:active`-state ([#2079](https://github.com/navikt/aksel/pull/2079))

-### @navikt/ds-react
-
- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079))
-
 ## 4.4.2

 ### @navikt/ds-react
@@ -257,25 +287,29 @@

 ## 4.4.0

+### @navikt/ds-react
+
+- Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041))
+
 ### @navikt/ds-tokens

 - Shadow-tokens er oppdatert til mer tydeligere varianter ([PR](https://github.com/navikt/aksel/pull/2041))

+### @navikt/ds-css
+
+- Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041))
+
 ### @navikt/ds-tailwind

 - Shadow-tokens er oppdatert ([PR](https://github.com/navikt/aksel/pull/2041))

 - Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))

-### @navikt/ds-css
-
- Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041))
+## 4.3.0

 ### @navikt/ds-react

- Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041))
-
-## 4.3.0
+- Popover og Helptext har nå luft mot siden av skjerm på mindre flater ([PR](https://github.com/navikt/aksel/pull/2069))

 ### @navikt/ds-css

@@ -285,20 +319,16 @@

 - ExpansionCard: Ved nesting av komponetene fikk man styling fra parent ([PR](https://github.com/navikt/aksel/pull/2067))

-### @navikt/ds-react
-
- Popover og Helptext har nå luft mot siden av skjerm på mindre flater ([PR](https://github.com/navikt/aksel/pull/2069))
-
 ## 4.2.0

-### @navikt/ds-css
-
- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048))
-
 ### @navikt/ds-react

 - Oppdatert Chat: `size` og `variant`-prop, optional `avatar`, uu og ui-forbedringer ([PR](https://github.com/navikt/aksel/pull/2048))

+### @navikt/ds-css
+
+- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048))
+
 ## 4.1.7

 ### @navikt/ds-react
@@ -315,16 +345,16 @@

 ## 4.1.5

+### @navikt/aksel-icons
+
+- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054))
+
 ### @navikt/ds-react

 - `OverridableComponent` fungerer nå med komponenter som allerede bruker 'as'-prop. ([PR](https://github.com/navikt/aksel/pull/2051))

 - Popover: `bubbleEscape`-prop tilbyr muligheten for escape-events til å sendes opp gjennom dom-treet. ([PR](https://github.com/navikt/aksel/pull/2052))

-### @navikt/aksel-icons
-
- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054))
-
 ## 4.1.4

 ### @navikt/ds-css
@@ -355,22 +385,6 @@

 - Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035))

-### @navikt/ds-tokens
-
- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
-
- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))
-
-### @navikt/ds-tailwind
-
- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
-
-### @navikt/ds-css
-
- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035))
-
- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036))
-
 ### @navikt/ds-react

 - Chips: `neutral` og `action`-varianter for Chips.Toggle. `checkmark`-prop for Chips.Toggle ([PR](https://github.com/navikt/aksel/pull/2035))
@@ -383,13 +397,29 @@

 - Accordion: La til `indent`-prop ([PR](https://github.com/navikt/aksel/pull/2027))

+### @navikt/ds-tokens
+
+- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
+
+- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036))
+
+### @navikt/ds-css
+
+- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035))
+
+- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036))
+
+### @navikt/ds-tailwind
+
+- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032))
+
 ## 4.0.0

-### @navikt/aksel
+### @navikt/ds-react

- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([PR](https://github.com/navikt/aksel/pull/2026))
+- Datepicker og Monthpicker er ute av beta. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h4ef68ae743b0) ([PR](https://github.com/navikt/aksel/pull/2026))

- Codemods for migrering fra `@navikt/ds-react-internal` til `@navikt/ds-react` [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))
+- Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))

 ### @navikt/ds-css

@@ -401,11 +431,11 @@

 - Styling for flyttede komponenter finnes nå på CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import)

-### @navikt/ds-react
+### @navikt/aksel

- Datepicker og Monthpicker er ute av beta. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h4ef68ae743b0) ([PR](https://github.com/navikt/aksel/pull/2026))
+- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([PR](https://github.com/navikt/aksel/pull/2026))

- Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))
+- Codemods for migrering fra `@navikt/ds-react-internal` til `@navikt/ds-react` [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026))

 ## 3.4.2

@@ -425,11 +455,11 @@

 - Stylelint-pakke for Aksel ([PR](https://github.com/navikt/aksel/pull/1973))

-### @navikt/ds-css
+### @navikt/ds-react

 - Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))

-### @navikt/ds-react
+### @navikt/ds-css

 - Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))

@@ -453,11 +483,9 @@

 ## 3.2.3

-### @navikt/ds-css
+### @navikt/aksel-icons

- Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993))
-
- CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
+- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))

 ### @navikt/ds-react

@@ -465,9 +493,11 @@

 - CopyButton: `xsmall`-variant for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))

-### @navikt/aksel-icons
+### @navikt/ds-css

- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))
+- Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993))
+
+- CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))

 ## 3.2.2

@@ -489,6 +519,10 @@

 ## 3.1.0

+### @navikt/ds-react
+
+- Oppdatert Label og Description spacing for alle skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
+
 ### @navikt/ds-css

 - Alle komponenter bruker nå default `:focus-visible` for fokusmarkering. Medfølger også fallback for `:focus` ([PR](https://github.com/navikt/aksel/pull/1966))
@@ -497,10 +531,6 @@

 - Oppdatert Label og Description spacing for skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))

-### @navikt/ds-react
-
- Oppdatert Label og Description spacing for alle skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
-
 ## 3.0.1

 ### @navikt/ds-react
@@ -511,16 +541,16 @@

 ## 3.0.0

-### @navikt/ds-css
-
- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964))
-
 ### @navikt/ds-react

 - Accordion: left-aligner chevron, `neutral`-variant, `size`-prop ([PR](https://github.com/navikt/aksel/pull/1964))

 - Bruker nå nå `@navikt/aksel-icons` for interne ikoner ([PR](https://github.com/navikt/aksel/pull/1964))

+### @navikt/ds-css
+
+- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964))
+
 ## 2.9.8

 ### @navikt/aksel-icons
@@ -615,14 +645,14 @@

 ## 2.8.7

-### @navikt/ds-css
-
- Button: token for tertiary
-
 ### @navikt/ds-react

 - Fikset typografi-bruk for `Radio` og `Checkbox`.

+### @navikt/ds-css
+
+- Button: token for tertiary
+
 ## 2.8.6

 ### @navikt/ds-css
@@ -651,14 +681,14 @@

 ## 2.8.2

-### @navikt/ds-css
-
- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870))
-
 ### @navikt/ds-react

 - ExpansioCard: Oppdatert typografibruk ([PR](https://github.com/navikt/aksel/pull/1870))

+### @navikt/ds-css
+
+- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870))
+
 ## 2.8.1

 ### @navikt/ds-react
@@ -737,14 +767,14 @@

 ## 2.4.2

-### @navikt/ds-css
-
- List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823))
-
 ### @navikt/ds-react

 - List: la til støtte for nestede lister ([PR](https://github.com/navikt/aksel/pull/1823))

+### @navikt/ds-css
+
+- List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823))
+
 ## 2.4.1

 ### @navikt/ds-react
@@ -775,6 +805,12 @@

 ## 2.2.0

+### @navikt/ds-react
+
+- ToggleGroup: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
+
+- Button: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
+
 ### @navikt/ds-tokens

 - Justeringer av semantiske fargetokens, statusfarger nå mer tydelig ([PR](https://github.com/navikt/aksel/pull/1787))
@@ -787,12 +823,6 @@

 - Button: `Neutral`-variant.

-### @navikt/ds-react
-
- ToggleGroup: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
-
- Button: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789))
-
 ## 2.1.7

 ### @navikt/ds-react
@@ -837,14 +867,14 @@

 ## 2.1.0

-### @navikt/ds-tokens
-
- Fikset feil danger-hover token ([PR](https://github.com/navikt/aksel/pull/1665))
-
 ### @navikt/ds-react

 - Datepicker/Monthpicker: år med 2 siffer i input fungerer nå

+### @navikt/ds-tokens
+
+- Fikset feil danger-hover token ([PR](https://github.com/navikt/aksel/pull/1665))
+
 ## 2.0.18

 ### @navikt/ds-react
@@ -907,23 +937,23 @@

 ## 2.0.0

+### @navikt/ds-react
+
+- Fonter blir bruk i all typografi blir nå lastet fra CDN
+
 ### @navikt/ds-tokens

 - Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))

-### @navikt/ds-tailwind
-
- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))
-
 ### @navikt/ds-css

 - Fontlasting: Fonter lastes nå fra NAV-CDN

 - Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.

-### @navikt/ds-react
+### @navikt/ds-tailwind

- Fonter blir bruk i all typografi blir nå lastet fra CDN
+- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112))

 ## 1.5.10

@@ -969,16 +999,16 @@

 ## 1.5.0

-### @navikt/ds-css
-
- Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
-
 ### @navikt/ds-react

 - Tag: `filles`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))

 - Ny komponent Chips! ([PR](https://github.com/navikt/aksel/pull/1668))

+### @navikt/ds-css
+
+- Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
+
 ## 1.4.4

 ### @navikt/ds-react
@@ -1005,10 +1035,6 @@

 ## 1.3.39

-### @navikt/ds-css
-
- Fikset bruk av `:watch` for diverse parsere (less, parcel)
-
 ### @navikt/ds-react

 - useId-bug fikset ved bruk i både react 17 og 18
@@ -1031,6 +1057,10 @@

 - Stepper: `interactive` og `completed`-props for wizard-løsninger

+### @navikt/ds-css
+
+- Fikset bruk av `:watch` for diverse parsere (less, parcel)
+
 ## 1.3.24

 ### @navikt/ds-css
@@ -15,11 +15,11 @@
    "website"
  ],
  "dependencies": {
-    "@navikt/aksel-icons": "^5.0.0",
-    "@navikt/ds-css": "^5.0.0",
-    "@navikt/ds-react": "^5.0.0",
-    "@navikt/ds-tailwind": "^5.0.0",
-    "@navikt/ds-tokens": "^5.0.0"
+    "@navikt/aksel-icons": "^5.0.3",
+    "@navikt/ds-css": "^5.0.3",
+    "@navikt/ds-react": "^5.0.3",
+    "@navikt/ds-tailwind": "^5.0.3",
+    "@navikt/ds-tokens": "^5.0.3"
  },
  "devDependencies": {
    "prettier-plugin-tailwindcss": "^0.2.3"
@@ -10,9 +10,9 @@ import Fuse from "fuse.js";
 import Head from "next/head";
 import Link from "next/link";
 import { useMemo, useRef, useState } from "react";
-import { categorizeIcons, getFillIcon } from "./utils";
 import { IconSidebar } from "./Sidebar";
 import { TitleLinks } from "./TitleLinks";
+import { categorizeIcons, getFillIcon } from "./utils";

 const fuseStroke = new Fuse(
  Object.values(meta).filter((x) => x.variant.toLowerCase() === "stroke"),
@@ -69,10 +69,14 @@ export const IconPage = ({ name }: { name: string }) => {
    );
  }, [toggle, query, strokeIcons, fillIcons]);

-  const subCategoryWordLength = Math.max(
-    ...categories.map((cat) =>
-      Math.max(...cat.sub_categories.map((sub) => sub.sub_category.length))
-    )
+  const subCategoryWordLength = useMemo(
+    () =>
+      Math.max(
+        ...categorizeIcons(strokeIcons).map((cat) =>
+          Math.max(...cat.sub_categories.map((sub) => sub.sub_category.length))
+        )
+      ),
+    [strokeIcons]
  );

  return (
@@ -255,6 +259,7 @@ export const IconPage = ({ name }: { name: string }) => {
                    open={!!name}
                    aria-label={`${name} ikon`}
                    className="rounded px-2 py-6 sm:px-6"
+                    onClose={() => null}
                  >
                    {name && <IconSidebar name={name} focusRef={focusRef} />}
                  </Modal>
@@ -1,5 +1,5 @@
 export const getImage = (key: string, variant: "OG" | "thumbnail") => {
-  const bloggOptions = 11;
+  const bloggOptions = 9;

  const hash = Math.abs(
    key.split("").reduce(function (a, b) {
@@ -1,16 +0,0 @@
-<svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180341)">
-<rect width="1200" height="675" fill="#8669C6"/>
-<path d="M935 548L268 -119L932.999 -118.001L1600 549L935 548Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
-<path d="M933.34 -117.66L266.68 549L933.34 1215.66L1600 549L933.34 -117.66Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
-<path d="M267 -118L-400 549L266 549L933 -118L267 -118Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
-<path d="M266.666 -117.666L-400 549L266.666 1215.67L933.332 549L266.666 -117.666Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
-<path d="M934 548.999L267 1216L933 1216L1600 548.999L934 548.999Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
-<path d="M267 1216L-400 549L265.999 548.999L933 1216L267 1216Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_1090_180341">
-<rect width="1200" height="675" fill="white"/>
-</clipPath>
-</defs>
-</svg>
@@ -1,16 +0,0 @@
-<svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180382)">
-<rect width="1200" height="675" fill="#EC4899"/>
-<path d="M781.57 336.458L420.056 -25.056L780.486 -24.5145L1142 337L781.57 336.458Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M780.67 -24.3296L419.34 337L780.67 698.33L1142 337L780.67 -24.3296Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M419.514 -24.514L58.0001 337L418.972 337L780.486 -24.514L419.514 -24.514Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M419.334 -24.333L58.001 337L419.334 698.333L780.667 337L419.334 -24.333Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M781.028 337L419.514 698.514L780.486 698.514L1142 337L781.028 337Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M419.514 698.514L58.0003 337L418.972 337L780.486 698.514L419.514 698.514Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_1090_180382">
-<rect width="1200" height="675" fill="white"/>
-</clipPath>
-</defs>
-</svg>
@@ -1,12 +1,12 @@
 <svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180364)">
-<rect width="1200" height="675" fill="#CCE2F0"/>
-<path d="M1395.31 -431.082L965.724 -1.49527L1395.31 428.092L1824.9 -1.4952L1395.31 -431.082Z" stroke="#99C4DD" stroke-width="16" stroke-linejoin="round"/>
-<path d="M542.92 -7.63999L113.331 421.949L542.276 421.949L971.865 -7.63995L542.92 -7.63999Z" stroke="#99C4DD" stroke-width="16" stroke-linejoin="round"/>
-<path d="M119.473 415.805L-310.114 845.392L119.473 1274.98L549.059 845.392L119.473 415.805Z" stroke="#99C4DD" stroke-width="16" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_1090_180352)">
+<rect width="1200" height="675" fill="#003453"/>
+<path d="M547.789 -495.224L118.202 -65.6368L547.789 363.95L977.376 -65.6369L547.789 -495.224Z" stroke="#99F6E4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M548.279 363.463L118.69 793.052L547.635 793.052L977.223 363.463L548.279 363.463Z" stroke="#99F6E4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M-310.409 1222.15L-739.998 792.564L-311.054 792.563L118.536 1222.15L-310.409 1222.15Z" stroke="#99F6E4" stroke-width="8" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_1090_180364">
+<clipPath id="clip0_1090_180352">
 <rect width="1200" height="675" fill="white"/>
 </clipPath>
 </defs>
@@ -1,12 +1,12 @@
 <svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180352)">
-<rect width="1200" height="675" fill="#003453"/>
-<path d="M547.789 -495.224L118.202 -65.6368L547.789 363.95L977.376 -65.6369L547.789 -495.224Z" stroke="#99F6E4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M548.279 363.463L118.69 793.052L547.635 793.052L977.223 363.463L548.279 363.463Z" stroke="#99F6E4" stroke-width="8" stroke-linejoin="round"/>
-<path d="M-310.409 1222.15L-739.998 792.564L-311.054 792.563L118.536 1222.15L-310.409 1222.15Z" stroke="#99F6E4" stroke-width="8" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_1090_180360)">
+<rect width="1200" height="675" fill="#FDF193"/>
+<path d="M1485.82 -182.939L1056.23 -612.528L1485.18 -612.528L1914.77 -182.939L1485.82 -182.939Z" stroke="#9862DB" stroke-width="8" stroke-linejoin="round"/>
+<path d="M1053.25 -180.596L623.665 248.991L1053.25 678.577L1482.84 248.991L1053.25 -180.596Z" stroke="#9862DB" stroke-width="8" stroke-linejoin="round"/>
+<path d="M192.377 251.33L-237.211 680.919L191.733 680.919L621.322 251.33L192.377 251.33Z" stroke="#9862DB" stroke-width="8" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_1090_180352">
+<clipPath id="clip0_1090_180360">
 <rect width="1200" height="675" fill="white"/>
 </clipPath>
 </defs>
@@ -1,12 +1,11 @@
 <svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180360)">
-<rect width="1200" height="675" fill="#FDF193"/>
-<path d="M1485.82 -182.939L1056.23 -612.528L1485.18 -612.528L1914.77 -182.939L1485.82 -182.939Z" stroke="#9862DB" stroke-width="8" stroke-linejoin="round"/>
-<path d="M1053.25 -180.596L623.665 248.991L1053.25 678.577L1482.84 248.991L1053.25 -180.596Z" stroke="#9862DB" stroke-width="8" stroke-linejoin="round"/>
-<path d="M192.377 251.33L-237.211 680.919L191.733 680.919L621.322 251.33L192.377 251.33Z" stroke="#9862DB" stroke-width="8" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_1090_180372)">
+<rect width="1200" height="675" fill="#FBCFE8"/>
+<path d="M2296.82 -94.5665L618.39 -94.5666L1456.35 743.392L3134.78 743.392L2296.82 -94.5665Z" stroke="#F472B6" stroke-width="16" stroke-linejoin="round"/>
+<path d="M-238.001 -94.5665L-238.001 -1773L599.957 -935.043L599.957 743.392L-238.001 -94.5665Z" stroke="#F472B6" stroke-width="16" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_1090_180360">
+<clipPath id="clip0_1090_180372">
 <rect width="1200" height="675" fill="white"/>
 </clipPath>
 </defs>
@@ -1,12 +1,15 @@
 <svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180348)">
-<rect width="1200" height="675" fill="#99C4DD"/>
-<path d="M1125.92 -317.637L811.81 -3.52571L1125.92 310.585L1440.03 -3.52576L1125.92 -317.637Z" stroke="#E6F1F8" stroke-width="16" stroke-linejoin="round"/>
-<path d="M499.737 -5.09674L185.625 309.016L499.266 309.016L813.378 -5.09677L499.737 -5.09674Z" stroke="#E6F1F8" stroke-width="16" stroke-linejoin="round"/>
-<path d="M187.193 307.446L-126.918 621.557L187.193 935.668L501.304 621.557L187.193 307.446Z" stroke="#E6F1F8" stroke-width="16" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_1090_180341)">
+<rect width="1200" height="675" fill="#8669C6"/>
+<path d="M935 548L268 -119L932.999 -118.001L1600 549L935 548Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
+<path d="M933.34 -117.66L266.68 549L933.34 1215.66L1600 549L933.34 -117.66Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
+<path d="M267 -118L-400 549L266 549L933 -118L267 -118Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
+<path d="M266.666 -117.666L-400 549L266.666 1215.67L933.332 549L266.666 -117.666Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
+<path d="M934 548.999L267 1216L933 1216L1600 548.999L934 548.999Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
+<path d="M267 1216L-400 549L265.999 548.999L933 1216L267 1216Z" stroke="#D6C3EE" stroke-width="8" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_1090_180348">
+<clipPath id="clip0_1090_180341">
 <rect width="1200" height="675" fill="white"/>
 </clipPath>
 </defs>
@@ -1,11 +1,15 @@
 <svg width="1200" height="675" viewBox="0 0 1200 675" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1090_180372)">
-<rect width="1200" height="675" fill="#FBCFE8"/>
-<path d="M2296.82 -94.5665L618.39 -94.5666L1456.35 743.392L3134.78 743.392L2296.82 -94.5665Z" stroke="#F472B6" stroke-width="16" stroke-linejoin="round"/>
-<path d="M-238.001 -94.5665L-238.001 -1773L599.957 -935.043L599.957 743.392L-238.001 -94.5665Z" stroke="#F472B6" stroke-width="16" stroke-linejoin="round"/>
+<g clip-path="url(#clip0_1090_180382)">
+<rect width="1200" height="675" fill="#EC4899"/>
+<path d="M781.57 336.458L420.056 -25.056L780.486 -24.5145L1142 337L781.57 336.458Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M780.67 -24.3296L419.34 337L780.67 698.33L1142 337L780.67 -24.3296Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M419.514 -24.514L58.0001 337L418.972 337L780.486 -24.514L419.514 -24.514Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M419.334 -24.333L58.001 337L419.334 698.333L780.667 337L419.334 -24.333Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M781.028 337L419.514 698.514L780.486 698.514L1142 337L781.028 337Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
+<path d="M419.514 698.514L58.0003 337L418.972 337L780.486 698.514L419.514 698.514Z" stroke="#F9A8D4" stroke-width="8" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_1090_180372">
+<clipPath id="clip0_1090_180382">
 <rect width="1200" height="675" fill="white"/>
 </clipPath>
 </defs>
@@ -10,8 +10,8 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@navikt/ds-css": "5.0.0",
-    "@navikt/ds-react": "5.0.0",
+    "@navikt/ds-css": "5.0.3",
+    "@navikt/ds-react": "5.0.3",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
@@ -3351,7 +3351,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@navikt/aksel-icons@^4.12.1, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
+"@navikt/aksel-icons@^5.0.2, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
  version: 0.0.0-use.local
  resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons"
  dependencies:
@@ -3378,8 +3378,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@navikt/aksel-stylelint@workspace:@navikt/aksel-stylelint"
  dependencies:
-    "@navikt/ds-css": ^4.12.1
-    "@navikt/ds-tokens": ^4.12.1
+    "@navikt/ds-css": ^5.0.2
+    "@navikt/ds-tokens": ^5.0.2
    "@types/jest": ^29.0.0
    concurrently: 7.2.1
    copyfiles: 2.4.1
@@ -3396,7 +3396,7 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@navikt/aksel@workspace:@navikt/aksel"
  dependencies:
-    "@navikt/ds-css": 4.12.1
+    "@navikt/ds-css": 5.0.2
    "@types/inquirer": ^9.0.3
    "@types/jest": ^29.0.0
    axios: 1.3.6
@@ -3420,11 +3420,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css@*, @navikt/ds-css@4.12.1, @navikt/ds-css@^4.12.1, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@*, @navikt/ds-css@5.0.2, @navikt/ds-css@^5.0.2, @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": ^4.12.1
+    "@navikt/ds-tokens": ^5.0.2
    cssnano: 6.0.0
    fast-glob: 3.2.11
    lodash: 4.17.21
@@ -3437,12 +3437,12 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react@*, @navikt/ds-react@4.12.1, @navikt/ds-react@^4.12.1, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@*, @navikt/ds-react@5.0.2, @navikt/ds-react@^5.0.2, @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.24.1
-    "@navikt/aksel-icons": ^4.12.1
+    "@navikt/aksel-icons": ^5.0.2
    "@radix-ui/react-tabs": 1.0.0
    "@radix-ui/react-toggle-group": 1.0.0
    "@testing-library/dom": 8.13.0
@@ -3476,11 +3476,11 @@ __metadata:
  languageName: unknown
  linkType: soft

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

-"@navikt/ds-tokens@^4.12.1, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^5.0.2, @navikt/ds-tokens@workspace:@navikt/core/tokens":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
  dependencies:
@@ -8033,11 +8033,11 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "aksel.nav.no@workspace:aksel.nav.no"
  dependencies:
-    "@navikt/aksel-icons": ^4.12.1
-    "@navikt/ds-css": ^4.12.1
-    "@navikt/ds-react": ^4.12.1
-    "@navikt/ds-tailwind": ^4.12.1
-    "@navikt/ds-tokens": ^4.12.1
+    "@navikt/aksel-icons": ^5.0.2
+    "@navikt/ds-css": ^5.0.2
+    "@navikt/ds-react": ^5.0.2
+    "@navikt/ds-tailwind": ^5.0.2
+    "@navikt/ds-tokens": ^5.0.2
    prettier-plugin-tailwindcss: ^0.2.3
  languageName: unknown
  linkType: soft
@@ -22026,8 +22026,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "shadow-dom@workspace:examples/shadow-dom"
  dependencies:
-    "@navikt/ds-css": 4.12.1
-    "@navikt/ds-react": 4.12.1
+    "@navikt/ds-css": 5.0.2
+    "@navikt/ds-react": 5.0.2
    "@types/react": ^18.0.0
    "@types/react-dom": ^18.0.0
    "@vitejs/plugin-react": ^3.1.0
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	265e105fd0	Version Packages (#2202 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-08-22 15:10:46 +02:00
Ken	8d934e0931	🐛 Checkmark, Confirmationpanel og Tokens patch (#2199 )	2023-08-22 15:05:15 +02:00
Ken	6981fbccff	🐛 Fikset kalkulering av ikon-navn på ikonside	2023-08-18 18:27:11 +02:00
github-actions[bot]andgithub-actions[bot]	bfee5a822e	Version Packages (#2192 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-08-18 13:09:28 +02:00
Halvor Haugan	58ed3b5367	🏷️ Modal: Bedre type for `width` (#2191 )	2023-08-18 12:51:56 +02:00
github-actions[bot]andgithub-actions[bot]	00b3dd7d59	Version Packages (#2190 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-08-18 12:20:30 +02:00
Ken	90db7dd0c1	📝 changeset	2023-08-18 12:16:01 +02:00
Ken	b6d0304d5a	Merge branch 'main' of https://github.com/navikt/aksel	2023-08-18 12:00:15 +02:00
Ken	de0a797e09	⚰️ Fjernet duplikat OG-bilde	2023-08-18 11:59:54 +02:00