Grunnleggende

Endringslogg

År

Kategori

September 2026: Dokumentasjon. 29. september 2026
404-side5XX-side
Oppdatert layout
Både 500 og 400 malene har fått små justeringer gjort til spacing og komponentbruk for å oppnå nevnt spacing
Kode. 25. september 2026
Versjon 8.17.2
@navikt/aksel-icons
Package: Fixed regression where package was published without dist-files (9673de4)
Kode. 25. september 2026
Versjon 8.17.1
@navikt/ds-react
Popover: Keep bottom placement when there is not enough space above or below the anchor, so the content stays reachable by scrolling. Fixes DatePicker being cut off above the viewport. (#5297)
Kode. 24. september 2026
Versjon 8.17.0
@navikt/ds-css
New component: Badge, a small badge that communicates updates, presence or a count. (#5096)
ExpansionCard: Updated borders and transitions (#5277)
@navikt/ds-react
New component: Badge, a small badge that communicates updates, presence or a count. (#5096)
Alert: Component is now marked as deprecated. Use GlobalAlert, LocalAlert, InfoCard or InlineMessage instead. (#5256)
Combobox: Fix issue deselecting options when uncontrolled (#5259)
Select: Prevent from being changed with keyboard when readOnly (#5257)
DatePicker: Fix validation-bug in useRangeDatePicker where initial validation could incorrectly assume isValidDate to be false (#5278)
OverridableComponent: Add built-in guard against using as and asChild at the same time (#5238)
Kode. 1. september 2026
Versjon 8.16.2
@navikt/ds-css
Browserlist: Updated browser-support. (#5213)
August 2026: Dokumentasjon. 25. august 2026
Eksperimenter 🧑‍🔬
Oppdatert liste over komponenter
Fjernet Fact og lagt til RadioCard og CheckBoxCard som eksperimenter
Juli 2026: Kode. 29. juli 2026
Versjon 8.16.1
@navikt/aksel
Internal infra update (a322476)
Kode. 29. juli 2026
Versjon 8.16.0
@navikt/ds-react
Dependencies: Updated react-day-picker from v9.14 to v10.0.1 (#5143)
Internal: Optimized rendering of asChild-components (efa4f05)
Provider: memorized internal context (c961c2d)
Dependencies: updated floating-ui to latest 0.27.20 (8cc7a18)
DataGrid: Auto-scale column-width based on document font-size (#5054)
Kode. 9. juli 2026
Versjon 8.15.0
@navikt/ds-react
DataGrid: New component DataGrid.Preferences (#5030)
Performance: Optimized internal i18n hook (#5037)
@navikt/ds-css
DataGrid: New component DataGrid.Preferences (#5030)
Lookup: Changed text-decoration from dotted to dashed (#5032)
InlineMessage: Adjusted gap between icon and text to 4px for size small (#5031)
Lookup: updated focus-outline (#5032)
@navikt/aksel-icons
New icons: Timeline and TimelineFill (#5050)
@navikt/ds-tailwind
Tailwind v4 config now available at @navikt/ds-tailwind/v4 (#5036)
Juni 2026: Kode. 26. juni 2026
Versjon 8.14.0
@navikt/ds-react
Lookup: 🎉 New component Lookup. (#4998)
Table: Fixed content not showing when using ExpandableRows with React.Activity + React.StrictMode (#5018)
@navikt/ds-css
Lookup: 🎉 New component Lookup. (#4998)
Dokumentasjon. 25. juni 2026
Introside for søknadsdialoger
Justert tekst under "Før du søker" og "Accordion"
“Før du søker”
Fjernet punktet om automatisk lagring, siden det allerede er nevnt under “Accordion”.
“Accordion”
Slo sammen “Informasjon vi henter om deg” og “Hvordan vi behandler personopplysninger”, da det er naturlig å beskrive begge deler i samme tekst. La dessuten til eksempeltekst som tilsvarer teksten som brukes i Fyll ut.
Som eksempelteksten antyder, anbefales det å lenke til personvernerklæringen slik at man slipper å repetere denne informasjonen på introsiden.
Kode. 22. juni 2026
Versjon 8.13.1
@navikt/ds-react
Combobox: Selected options are now persistent in dropdown-menu for single-select (#4970)
Mai 2026: Kode. 29. mai 2026
Versjon 8.11.1
@navikt/ds-react
DataGrid: Loading-bar now stays stuck to sticky-header. (#4897)
Popover: Fixed issue where clicking inside container sometimes could lead to Popover closing (#4909)
DataGrid: Added columnDisplay value to settings (#4908)
DataGrid.Table: Fix auto-width for col with "show nested rows" button (#4906)
@navikt/ds-css
DataGrid: Loading-bar now stays stuck to sticky-header. (#4897)
@navikt/ds-tokens
Add types for token_docs and remove internal-types from package (#4912)
Kode. 21. mai 2026
Versjon 8.11.0
@navikt/ds-react
DataGrid: New preview of DataGrid and DataGrid.Table-components (#4885)
@navikt/ds-css
DataGrid: New preview of DataGrid and DataGrid.Table-components (#4885)
@navikt/aksel-icons
Icons: New icon Newsletter and NewsletterFill (#4887)
April 2026: Design. 28. april 2026
InfoCard
InfoCard variant Message i Figma
Vi la til InfoCard variant Message i Figma nå. Den bytter ut heading med vanlig body-tekst og legger på Card-padding. I Figma er variantene forslag til hvordan InfoCards kan se ut. Med farge og ikon. I kode er det valgfritt hvilken farge og ikon du bruker. Derfor har vi ikke lagd varianten Message i alle tenkelige kombinasjoner av farger og ikoner. Det er så fleksibelt at du kan lage den tematikken du trenger med farge og ikon som passer ditt budskap.
Kode. 28. april 2026
Versjon 8.10.3
@navikt/ds-react
Radio, Checkbox: Fix regression where className was mistakenly passed to input-element (#4837)
@navikt/ds-css
Add module declaration to avoid TypeScript error when importing (92f6d9e)
Kode. 24. april 2026
Versjon 8.10.2
@navikt/ds-css
Dialog: Now aligns to bottom when centered at 480px instead of 768px screen width (#4831)
Kode. 20. april 2026
Versjon 8.10.1
@navikt/ds-react
Modal: Changing size had no effect before (#4823)
@navikt/ds-css
Modal: Changing size had no effect before (#4823)
Mars 2026: Kode. 27. mars 2026
Versjon 8.9.0
@navikt/ds-react
InternalHeader: Added isActive-prop to InternalHeader.Button. (#4761)
DatePicker, MonthPicker: Make open button more prominent (#4751)
@navikt/ds-css
InternalHeader: Added isActive-prop to InternalHeader.Button. (#4761)
DatePicker, MonthPicker: Make open button more prominent (#4751)
Kode. 20. mars 2026
Versjon 8.8.0
@navikt/ds-tokens
Tokens: --ax-opacity-disabled adjusted from 0.3 to 0.45. (#4734)
@navikt/ds-css
ReadMore: Added variant moderate. (#4723)
InfoCard: New sub-component InfoCard.Message. (#4717)
GlobalAlert, LocalAlert: Content outline changed from 4px to 2px. (#4745)
@navikt/ds-react
ReadMore: Added variant moderate. (#4723)
InfoCard: New sub-component InfoCard.Message. (#4717)
Dialog: Improved scrollbar handling when opening dialog-popup. (#4703)
useDatepicker, useMonthpicker: Add JsDoc to validation object (#4722)
Dialog: Fixed issue where tabbing would not always work with links. (#4747)
DatePicker, MonthPicker: Removed controlled tabindex on Input-button based on open-state. (#4714)
@navikt/aksel-stylelint
ReadMore: Deprecated classes aksel-read-more--open and aksel-read-more__content--closed. Use data-state instead to access state. (#4723)
Februar 2026: Kode. 23. februar 2026
Versjon 8.6.0
@navikt/aksel-stylelint
Stylelint: Migrate plugin to ESM. Now requires stylelint v16 or above. (#4662)
@navikt/ds-react
ToggleGroup: Fixed focus related issue introduced in v8.4.0. (#4668)
Kode. 18. februar 2026
Versjon 8.5.2
@navikt/ds-css
Timeline: Adjust pin position (#4664)
Kode. 18. februar 2026
Versjon 8.5.1
@navikt/ds-react
Tooltip: Legger til manglende key prop for flere shortcuts. (#4656)
Kode. 16. februar 2026
Versjon 8.5.0
@navikt/ds-react
Accordion: Now supports 'as'-prop for making element either: div or section. (#4641)
LinkCard: Now supports 'as'-prop for making element either: div, section or article. (#4641)
Process: Allow mix of single items and array as children (#4643)
Januar 2026: Kode. 29. januar 2026
Versjon 8.2.0
@navikt/ds-react
ActionMenu: Added support for right aligned icons on items (#4545)
@navikt/ds-css
ActionMenu: Added support for right aligned icons on items (#4545)
Design. 26. januar 2026
GlobalAlertInfoCardLocalAlert
Justering på Alets og InfoCard
Takket være mange gode bug-rapporter og innspill til forbedring har vi gjort noen justeringer på LocalAlert, GlobalAlert og InfoCard.
LocalAlert
Justert slik at padding top/bottom ikke bryr seg om lukkeknappen, som reduserer høyden til headeren.
Ikon og lukkeknapp er nå sentrert om overskriften er på 1 linje og toppjustert om overskriften går over flere linjer.
Lagde en ny Slot-komponent som er demotekst. Når innholdet er vanlig tekst trenger dere ikke å bytte ut Slot’en.
GlobalAlert
Samme endringer som LocalAlert.
La til proppen «centered» for å styre om innholdet er midtstilt eller venstrestilt.
InfoCard
Samme endringer som LocalAlert.

Grunnleggende

Endringslogg

År

Kategori

September 2026: Dokumentasjon. 29. september 2026
404-side5XX-side
Oppdatert layout
Både 500 og 400 malene har fått små justeringer gjort til spacing og komponentbruk for å oppnå nevnt spacing
Kode. 25. september 2026
Versjon 8.17.2
@navikt/aksel-icons
Package: Fixed regression where package was published without dist-files (9673de4)
Kode. 25. september 2026
Versjon 8.17.1
@navikt/ds-react
Popover: Keep bottom placement when there is not enough space above or below the anchor, so the content stays reachable by scrolling. Fixes DatePicker being cut off above the viewport. (#5297)
Kode. 24. september 2026
Versjon 8.17.0
@navikt/ds-css
New component: Badge, a small badge that communicates updates, presence or a count. (#5096)
ExpansionCard: Updated borders and transitions (#5277)
@navikt/ds-react
New component: Badge, a small badge that communicates updates, presence or a count. (#5096)
Alert: Component is now marked as deprecated. Use GlobalAlert, LocalAlert, InfoCard or InlineMessage instead. (#5256)
Combobox: Fix issue deselecting options when uncontrolled (#5259)
Select: Prevent from being changed with keyboard when readOnly (#5257)
DatePicker: Fix validation-bug in useRangeDatePicker where initial validation could incorrectly assume isValidDate to be false (#5278)
OverridableComponent: Add built-in guard against using as and asChild at the same time (#5238)
Kode. 1. september 2026
Versjon 8.16.2
@navikt/ds-css
Browserlist: Updated browser-support. (#5213)
August 2026: Dokumentasjon. 25. august 2026
Eksperimenter 🧑‍🔬
Oppdatert liste over komponenter
Fjernet Fact og lagt til RadioCard og CheckBoxCard som eksperimenter
Juli 2026: Kode. 29. juli 2026
Versjon 8.16.1
@navikt/aksel
Internal infra update (a322476)
Kode. 29. juli 2026
Versjon 8.16.0
@navikt/ds-react
Dependencies: Updated react-day-picker from v9.14 to v10.0.1 (#5143)
Internal: Optimized rendering of asChild-components (efa4f05)
Provider: memorized internal context (c961c2d)
Dependencies: updated floating-ui to latest 0.27.20 (8cc7a18)
DataGrid: Auto-scale column-width based on document font-size (#5054)
Kode. 9. juli 2026
Versjon 8.15.0
@navikt/ds-react
DataGrid: New component DataGrid.Preferences (#5030)
Performance: Optimized internal i18n hook (#5037)
@navikt/ds-css
DataGrid: New component DataGrid.Preferences (#5030)
Lookup: Changed text-decoration from dotted to dashed (#5032)
InlineMessage: Adjusted gap between icon and text to 4px for size small (#5031)
Lookup: updated focus-outline (#5032)
@navikt/aksel-icons
New icons: Timeline and TimelineFill (#5050)
@navikt/ds-tailwind
Tailwind v4 config now available at @navikt/ds-tailwind/v4 (#5036)
Juni 2026: Kode. 26. juni 2026
Versjon 8.14.0
@navikt/ds-react
Lookup: 🎉 New component Lookup. (#4998)
Table: Fixed content not showing when using ExpandableRows with React.Activity + React.StrictMode (#5018)
@navikt/ds-css
Lookup: 🎉 New component Lookup. (#4998)
Dokumentasjon. 25. juni 2026
Introside for søknadsdialoger
Justert tekst under "Før du søker" og "Accordion"
“Før du søker”
Fjernet punktet om automatisk lagring, siden det allerede er nevnt under “Accordion”.
“Accordion”
Slo sammen “Informasjon vi henter om deg” og “Hvordan vi behandler personopplysninger”, da det er naturlig å beskrive begge deler i samme tekst. La dessuten til eksempeltekst som tilsvarer teksten som brukes i Fyll ut.
Som eksempelteksten antyder, anbefales det å lenke til personvernerklæringen slik at man slipper å repetere denne informasjonen på introsiden.
Kode. 22. juni 2026
Versjon 8.13.1
@navikt/ds-react
Combobox: Selected options are now persistent in dropdown-menu for single-select (#4970)
Mai 2026: Kode. 29. mai 2026
Versjon 8.11.1
@navikt/ds-react
DataGrid: Loading-bar now stays stuck to sticky-header. (#4897)
Popover: Fixed issue where clicking inside container sometimes could lead to Popover closing (#4909)
DataGrid: Added columnDisplay value to settings (#4908)
DataGrid.Table: Fix auto-width for col with "show nested rows" button (#4906)
@navikt/ds-css
DataGrid: Loading-bar now stays stuck to sticky-header. (#4897)
@navikt/ds-tokens
Add types for token_docs and remove internal-types from package (#4912)
Kode. 21. mai 2026
Versjon 8.11.0
@navikt/ds-react
DataGrid: New preview of DataGrid and DataGrid.Table-components (#4885)
@navikt/ds-css
DataGrid: New preview of DataGrid and DataGrid.Table-components (#4885)
@navikt/aksel-icons
Icons: New icon Newsletter and NewsletterFill (#4887)
April 2026: Design. 28. april 2026
InfoCard
InfoCard variant Message i Figma
Vi la til InfoCard variant Message i Figma nå. Den bytter ut heading med vanlig body-tekst og legger på Card-padding. I Figma er variantene forslag til hvordan InfoCards kan se ut. Med farge og ikon. I kode er det valgfritt hvilken farge og ikon du bruker. Derfor har vi ikke lagd varianten Message i alle tenkelige kombinasjoner av farger og ikoner. Det er så fleksibelt at du kan lage den tematikken du trenger med farge og ikon som passer ditt budskap.
Kode. 28. april 2026
Versjon 8.10.3
@navikt/ds-react
Radio, Checkbox: Fix regression where className was mistakenly passed to input-element (#4837)
@navikt/ds-css
Add module declaration to avoid TypeScript error when importing (92f6d9e)
Kode. 24. april 2026
Versjon 8.10.2
@navikt/ds-css
Dialog: Now aligns to bottom when centered at 480px instead of 768px screen width (#4831)
Kode. 20. april 2026
Versjon 8.10.1
@navikt/ds-react
Modal: Changing size had no effect before (#4823)
@navikt/ds-css
Modal: Changing size had no effect before (#4823)
Mars 2026: Kode. 27. mars 2026
Versjon 8.9.0
@navikt/ds-react
InternalHeader: Added isActive-prop to InternalHeader.Button. (#4761)
DatePicker, MonthPicker: Make open button more prominent (#4751)
@navikt/ds-css
InternalHeader: Added isActive-prop to InternalHeader.Button. (#4761)
DatePicker, MonthPicker: Make open button more prominent (#4751)
Kode. 20. mars 2026
Versjon 8.8.0
@navikt/ds-tokens
Tokens: --ax-opacity-disabled adjusted from 0.3 to 0.45. (#4734)
@navikt/ds-css
ReadMore: Added variant moderate. (#4723)
InfoCard: New sub-component InfoCard.Message. (#4717)
GlobalAlert, LocalAlert: Content outline changed from 4px to 2px. (#4745)
@navikt/ds-react
ReadMore: Added variant moderate. (#4723)
InfoCard: New sub-component InfoCard.Message. (#4717)
Dialog: Improved scrollbar handling when opening dialog-popup. (#4703)
useDatepicker, useMonthpicker: Add JsDoc to validation object (#4722)
Dialog: Fixed issue where tabbing would not always work with links. (#4747)
DatePicker, MonthPicker: Removed controlled tabindex on Input-button based on open-state. (#4714)
@navikt/aksel-stylelint
ReadMore: Deprecated classes aksel-read-more--open and aksel-read-more__content--closed. Use data-state instead to access state. (#4723)
Februar 2026: Kode. 23. februar 2026
Versjon 8.6.0
@navikt/aksel-stylelint
Stylelint: Migrate plugin to ESM. Now requires stylelint v16 or above. (#4662)
@navikt/ds-react
ToggleGroup: Fixed focus related issue introduced in v8.4.0. (#4668)
Kode. 18. februar 2026
Versjon 8.5.2
@navikt/ds-css
Timeline: Adjust pin position (#4664)
Kode. 18. februar 2026
Versjon 8.5.1
@navikt/ds-react
Tooltip: Legger til manglende key prop for flere shortcuts. (#4656)
Kode. 16. februar 2026
Versjon 8.5.0
@navikt/ds-react
Accordion: Now supports 'as'-prop for making element either: div or section. (#4641)
LinkCard: Now supports 'as'-prop for making element either: div, section or article. (#4641)
Process: Allow mix of single items and array as children (#4643)
Januar 2026: Kode. 29. januar 2026
Versjon 8.2.0
@navikt/ds-react
ActionMenu: Added support for right aligned icons on items (#4545)
@navikt/ds-css
ActionMenu: Added support for right aligned icons on items (#4545)
Design. 26. januar 2026
GlobalAlertInfoCardLocalAlert
Justering på Alets og InfoCard
Takket være mange gode bug-rapporter og innspill til forbedring har vi gjort noen justeringer på LocalAlert, GlobalAlert og InfoCard.
LocalAlert
Justert slik at padding top/bottom ikke bryr seg om lukkeknappen, som reduserer høyden til headeren.
Ikon og lukkeknapp er nå sentrert om overskriften er på 1 linje og toppjustert om overskriften går over flere linjer.
Lagde en ny Slot-komponent som er demotekst. Når innholdet er vanlig tekst trenger dere ikke å bytte ut Slot’en.
GlobalAlert
Samme endringer som LocalAlert.
La til proppen «centered» for å styre om innholdet er midtstilt eller venstrestilt.
InfoCard
Samme endringer som LocalAlert.

Endringslogg

@navikt/aksel-icons

@navikt/ds-react

@navikt/ds-css

@navikt/ds-react

@navikt/ds-css

@navikt/aksel

@navikt/ds-react

@navikt/ds-react

@navikt/ds-css

@navikt/aksel-icons

@navikt/ds-tailwind

@navikt/ds-react

@navikt/ds-css

“Før du søker”

“Accordion”

@navikt/ds-react

@navikt/ds-react

@navikt/ds-css

@navikt/ds-tokens

@navikt/ds-react

@navikt/ds-css

@navikt/aksel-icons

@navikt/ds-react

@navikt/ds-css

@navikt/ds-css

@navikt/ds-react

@navikt/ds-css

@navikt/ds-react

@navikt/ds-css

@navikt/ds-tokens

@navikt/ds-css

@navikt/ds-react

@navikt/aksel-stylelint

@navikt/aksel-stylelint

@navikt/ds-react

@navikt/ds-css

@navikt/ds-react

@navikt/ds-react

@navikt/ds-react

@navikt/ds-css

LocalAlert

GlobalAlert

InfoCard

Endringslogg

@navikt/aksel-icons

@navikt/ds-react

@navikt/ds-css

@navikt/ds-react

@navikt/ds-css

@navikt/aksel

@navikt/ds-react

@navikt/ds-react

@navikt/ds-css

@navikt/aksel-icons

@navikt/ds-tailwind

@navikt/ds-react

@navikt/ds-css

“Før du søker”

“Accordion”

@navikt/ds-react

@navikt/ds-react

@navikt/ds-css

@navikt/ds-tokens

@navikt/ds-react

@navikt/ds-css

@navikt/aksel-icons

@navikt/ds-react

@navikt/ds-css

@navikt/ds-css

@navikt/ds-react

@navikt/ds-css

@navikt/ds-react

@navikt/ds-css

@navikt/ds-tokens

@navikt/ds-css

@navikt/ds-react

@navikt/aksel-stylelint

@navikt/aksel-stylelint

@navikt/ds-react