Grunnleggende
Endringslogg
- Juli 2025
Dokumentasjon. 2. juli 2025
FremhevetAksel-websiden er oppdatert til ny versjon
Dette er nytt:
- Nettsiden bruker 'Darkside' (siste versjon av Aksel). Darkside har nytt tokensystem og oppdaterte komponenter.
- Nettsiden støtter nå light mode og dark mode.
- Ny struktur for designsystemet. Alt er samlet under ett menypunkt.
- Ny seksjon "Darkside" med dokumentasjon for siste versjon av Aksel.
- Ny endringslogg
Nettsiden bruker Darkside
Aksel bruker nå siste versjon. Nytt tokensystem og farger er på plass. Samt oppdaterte og nye komponenter. Vi har samtidig oppdatert noe design som passer bedre med nye tokens.
Dark mode
Aksel har fått dark mode. Nå kan du trygt klikker rundt i Aksel på natta uten å forstyrre nabolaget med en lys webside 🤩
Ny struktur for designsystemet
Vi har gjort det letter å skjønne hva som er designsystem-delen av Aksel. Designsystem-innhold ligger nå under menypunktet Designsystemet. En oppdatert venstremeny gjør det enkelt å navigere innholdet.
Ny seksjon "Darkside"
Dokumentasjonen til ny versjon av Aksel er samlet under menygruppa "Darkside" i venstremenyen. Ta kontakt om det er dokumentasjon som mangler.
Ny endringslogg
Sist, men ikke minst. Vi har oppdatert endringsloggen! Den gamle endringsloggen viste kun oppdateringer fra Github. Nå vil vi også publisere oppdateringer fra design og dokumentasjon. Spesielt dokumentasjon er vi ganske gira på. Det er ikke så lett å få øye på endringer eller justeringer i dokumentasjonen. Når vi oppdaterer dokumentasjonen vil vi samtidig skrive hva som er endret i endringsloggen.
- Juni 2025
Kode. 25. juni 2025
Versjon 7.24.0
@navikt/ds-react
@navikt/ds-css
- LinkCard: 🎉 Added new component 'LinkCard'. (#3883)
- Table: 🎉 Added prop 'stickyHeader', allowing header to remain sticky while scrolling in table. (#3893)
- Forms: Added built-in scroll-margin to TextField, Textarea and Select. (#3897)
- Switch: Size='small' are now visually comparable to radio and checkbox in the same size. (#3892)
@navikt/aksel-stylelint
- Switch: Removed 'navds-switch__checkmark' css class. (#3892)
Kode. 23. juni 2025
Kode. 17. juni 2025
Versjon 7.23.1
@navikt/ds-react
- Darkside: Search now correctly respects 'clearButton'-prop when set to false. (#3854)
Kode. 16. juni 2025
Versjon 7.23.0
@navikt/ds-react
- Datepicker: Upgraded 'react-day-picker' dependency to v9.7.0 from v9.6.1. (#3820)
- Darkside: Renamed 'data-color-role' dynamic theme attribute to 'data-color'. (#3849)
- Darkside: Using attribute 'data-color' with one of the built-in colors from 'AkselColorRole' now allows re-coloring most components. (#3849)
- Darkside: Adding type '@navikt/ds-react/types/theme' to your local 'tsconfig.json' types-field allows autocomplete for all available color-palettes in attribute 'data-color'. You can extend 'CustomAkselColor'-type to use your own color-palettes. (#3849)
- Darkside: All components has been updated to use 'data-color' attribute for coloring. As a side-effect, most component CSS is either updated or refactored. (#3849)
- Timeline: Reverted regression that lead to 'aria-controls' being ignored when passed to Pin or Period. (#3828)
- Timeline: Removed 'aria-haspopup' from pins and periods. (#3834)
- ErrorSummary: Heading size is now 'xsmall' for non-medium sizes and remains 'small' when size='medium'. (#3806)
@navikt/ds-css
- Darkside: Renamed 'data-color-role' dynamic theme attribute to 'data-color'. (#3849)
- Darkside: Using attribute 'data-color' with one of the built-in colors from 'AkselColorRole' now allows re-coloring most components. (#3849)
- Darkside: All components has been updated to use 'data-color' attribute for coloring. As a side-effect, most component CSS is either updated or refactored. (#3849)
- Tag: Outline-variant now uses bg-moderate, replacing bg-moderateA. (#3865)
- Darkside: Fix icon size in small Tabs (#3850)
- List: Fix issue with incorrect padding in Safari (#3850)
@navikt/ds-tokens
@navikt/aksel-icons
- Icons: 🎉 Added new icons 'SquareGrid' and 'SquareGridFill'. (#3851)
- Mai 2025
Kode. 19. mai 2025
Versjon 7.22.0
@navikt/aksel
- Darkside: Added migration-support for border-radius token update. (#3784)
@navikt/ds-tailwind
- Border-radius: Removed
rounded
-value based on aksel token-config. Use built-in values from tailwindcss as replacement Tailwindcss docs. (#3784)
@navikt/ds-react
- Box: Add support for new
radius
-tokens that will replaceborderRadius
-tokens whendarkside
is set as main. (#3784) - ConfirmationPanel: Now tagged as deprecated. See documentation for more information. (#3789)
@navikt/ds-css
@navikt/ds-tokens
- Border-radius: Add new
radius
-tokens that will replaceborder-radius
-tokens. T-shirt sizing is replaced with numbers reflecting its value.--a-border-radius-medium
is now--ax-radius-4
. Until darkside-theming is mainlined, we will continue to support both new and legacy border-radius side by side. (#3784)
Kode. 6. mai 2025
- April 2025
Kode. 30. april 2025
Kode. 11. april 2025
Kode. 10. april 2025
Kode. 8. april 2025
Versjon 7.19.0
- Mars 2025
Kode. 28. mars 2025
Kode. 19. mars 2025
Versjon 7.17.4
@navikt/ds-css
- Modal: Updated animations for reduced movement. (#3671)
Kode. 13. mars 2025
Kode. 11. mars 2025
Versjon 7.17.2
@navikt/ds-css
- Darkside: Removed stacking backgrounds with transparency in Combobox. (e769eed)
Kode. 7. mars 2025
Versjon 7.17.1
@navikt/ds-css
- ExpansionCard: Fixed bug where
@media print
would hide header content. (#3634)
Kode. 6. mars 2025
Versjon 7.17.0
@navikt/ds-react
- List: aria-label and aria-labelledby is forwarded to list-element. (#3626)
Kode. 5. mars 2025
Versjon 7.16.1
@navikt/ds-react
- React 19: Resolve unknown-type in Slot. (#3627)
Kode. 4. mars 2025
Versjon 7.16.0
@navikt/ds-css
Kode. 3. mars 2025
Versjon 7.15.0
@navikt/aksel
- CLI: Added primitives migration to new space-tokens. Run
npx @navikt/aksel migration primitive-spacing
to start migrating now. This update is supported for old and new (darkside) system. (#3597) - CLI: Added js/ts migration to new space-tokens. Run
npx @navikt/aksel migration token-spacing-js
to start migrating now. This update is supported for old and new (darkside) system. (#3597)
- Februar 2025
Kode. 27. februar 2025
Versjon 7.14.3
@navikt/ds-css
- Darkside: Changed outline-offset for tabpanel from -4px to -3px. (06fecf2)
Kode. 24. februar 2025
Versjon 7.14.2
@navikt/ds-tokens
Kode. 20. februar 2025
Versjon 7.14.1
@navikt/ds-react
- Datepicker: Fixed regression where some fromDate/toDate instances lead to that date ending up as disabled. (#3602)
Kode. 19. februar 2025
Versjon 7.14.0
Kode. 14. februar 2025
Versjon 7.13.0
@navikt/ds-tailwind
@navikt/ds-react
- Darkside: Added support for
ConfirmationpPanel
,Linkpanel
,Panel
andDropdown
. Note that all of these will be deprecated in the future. (#3581)
@navikt/ds-css
- Darkside: Added support for
ConfirmationpPanel
,Linkpanel
,Panel
andDropdown
. Note that all of these will be deprecated in the future. (#3581)
@navikt/aksel-icons
Kode. 6. februar 2025
Versjon 7.12.2
@navikt/ds-react
- Box: Added export for
BoxNew
. (8576400)
Kode. 6. februar 2025
Versjon 7.12.1
@navikt/ds-react
- Theme: Theme-prop is now optional. (f269311)
Kode. 6. februar 2025
Kode. 3. februar 2025
- Januar 2025
Kode. 23. januar 2025
Versjon 7.10.0
@navikt/ds-react
- Table: New prop
contentGutter
added toExpandableRow
-component. This allows user more control for content layout inside expandable element. (#3507)
@navikt/ds-css
Kode. 17. januar 2025
Versjon 7.9.2
@navikt/ds-css
- Table: Removed border-bottom for HeaderCell used in ExpandableRow. (#3503)
Kode. 7. januar 2025
Versjon 7.9.1
@navikt/ds-css
- Link: 🐛 Use inside Alert got wrong text-color while focused or active. (#3489)