Grunnleggende

Endringslogg

År

Kategori

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)
Design. 2. juli 2026
ReadMore
ReadMore update i Figma
Endringene er brekkende så det er lagd en ny versjon av komponenten som må hentes fra biblioteket. Den eksisterende versjonen i skissene dine vil ikke oppdateres automagisk.
La endret navn på variant-proppen så den er lik kode.
Endret boarder-radius på Moderate variantens Button slik at den ikke bli pilleform når det er flere linjer med tekst.
La til native Figma slot, som gjør det enklere å legge til eget innhold.
Dokumentasjon. 1. juli 2026
Oppsummeringsside for søknadsdialoger
La til info om navigasjon
La til informasjon om hvordan knappene "Fortsett senere" og "Slett søknaden" bør fungere.
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

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)
Design. 2. juli 2026
ReadMore
ReadMore update i Figma
Endringene er brekkende så det er lagd en ny versjon av komponenten som må hentes fra biblioteket. Den eksisterende versjonen i skissene dine vil ikke oppdateres automagisk.
La endret navn på variant-proppen så den er lik kode.
Endret boarder-radius på Moderate variantens Button slik at den ikke bli pilleform når det er flere linjer med tekst.
La til native Figma slot, som gjør det enklere å legge til eget innhold.
Dokumentasjon. 1. juli 2026
Oppsummeringsside for søknadsdialoger
La til info om navigasjon
La til informasjon om hvordan knappene "Fortsett senere" og "Slett søknaden" bør fungere.
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

@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

@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

@navikt/ds-react

@navikt/ds-css