Uansett valg deler vi aldri dine data med andre. Mer om informasjonskapsler på aksel.nav.no

  • Godta alle: Hjelper oss gjøre tjenestene bedre for deg basert på anonymisert bruk.
  • Bare nødvendige: Sikrer at tjenesten fungerer og er trygg. Kan ikke velges bort.
Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Grunnleggende

Endringslogg

År
Kategori
Juli 2025
  • Dokumentasjon2. juli 2025

    Fremhevet

    Aksel-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
  • Kode25. juni 2025

    Versjon 7.24.0

    @navikt/ds-react

    • LinkCard: 🎉 Added new component 'LinkCard'. (#3883)
    • Table: 🎉 Added prop 'stickyHeader', allowing header to remain sticky while scrolling in table. (#3893)
    • Switch: Size='small' are now visually comparable to radio and checkbox in the same size. (#3892)

    @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)

  • Kode23. juni 2025

    Versjon 7.23.2

    @navikt/ds-css

    • Darkside: Outline Tag in high-contrast mode had wrong text-color. (#3889)
    • Darkside: Update padding for all 'panel' type components. (#3864)
    • Form components: Fix edge case where description container would take up space when empty (#3866)

  • Kode17. juni 2025

    Versjon 7.23.1

    @navikt/ds-react

    • Darkside: Search now correctly respects 'clearButton'-prop when set to false. (#3854)

  • Kode16. 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

    • Darkside: Renamed 'data-color-role' dynamic theme attribute to 'data-color'. (#3849)
    • Darkside: 'Accent' is now set as the default color palette in components when no other options are set. (#3849)

    @navikt/aksel-icons

    • Icons: 🎉 Added new icons 'SquareGrid' and 'SquareGridFill'. (#3851)
Mai 2025
  • Kode19. 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 replace borderRadius-tokens when darkside is set as main. (#3784)
    • ConfirmationPanel: Now tagged as deprecated. See documentation for more information. (#3789)

    @navikt/ds-css

    • Darkside: Components now use new radius-tokens, replacing border-radius-tokens. (#3784)

    @navikt/ds-tokens

    • Border-radius: Add new radius-tokens that will replace border-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)

  • Kode6. mai 2025

    Versjon 7.21.1

    @navikt/ds-react

    • ExpansionCard: Omit onToggle from extending HTMLAttributes<HTMLDivElement> to avoid overlapping with popover api. (#3773)

    @navikt/ds-css

    • Timeline: Add focus-markings to Popover dialogs. (#3768)
April 2025
  • Kode30. april 2025

    Versjon 7.21.0

    @navikt/ds-react

    • Chat: Add 'toptextHeadingLevel'-prop to allow changing h-level based on semantics. (#3739)

    @navikt/ds-css

    • Darkside: Update Chips.Toggle hover-border. (#3738)

    @navikt/aksel-icons

    • Icons: New icon 'Cpu'. (#3740)

  • Kode11. april 2025

    Versjon 7.20.0

    @navikt/ds-react

    • Combobox: Use option-value as id instead of label. (#3735)
    • Timeline: Add placement-prop for periods for more fine-grained control over Popover-placement. (#3736)

    @navikt/ds-css

    • Combobox: Use option-value as id instead of label. (#3735)

  • Kode10. april 2025

    Versjon 7.19.1

    @navikt/ds-react

    • Darkside: Using Page-component would always give errors when using new Theme-component. (208adb8)

    @navikt/ds-css

    • Combobox: Singleselect selected value now uses the complete input-width when possible. (#3734)

  • Kode8. april 2025

    Versjon 7.19.0

    @navikt/ds-react

    • Darkside: <Theme />-component no longer defaults to light-theme className when no theme is provided. (#3720)

    @navikt/ds-css

    • Darkside: Togglegroup now has bg-input background. (#3715)
    • Combobox: Fix wrapping issue when ToggleListButton is hidden (#3727)

    @navikt/ds-tokens

    • Darkside: Update global 'meta-purple' color. (#3703)
Mars 2025
  • Kode28. mars 2025

    Versjon 7.18.0

    @navikt/ds-react

    • Darkside: Throw error if invalid Box-props are used with new Theme instead of warnings. (#3697)

    @navikt/ds-css

    • Table: Disabled expansion-rows now has same hover-effect as other rows. (#3702)

  • Kode19. mars 2025

    Versjon 7.17.4

    @navikt/ds-css

    • Modal: Updated animations for reduced movement. (#3671)

  • Kode13. mars 2025

    Versjon 7.17.3

    @navikt/ds-react

    • Datepicker: Fixed a bug where while ranged datepicker, setting from to undefined while to were defined did not allow selecting new dates. (#3655)

    @navikt/ds-css

    • Darkside: Synced padding with Figma. (#3651)

  • Kode11. mars 2025

    Versjon 7.17.2

    @navikt/ds-css

    • Darkside: Removed stacking backgrounds with transparency in Combobox. (e769eed)

  • Kode7. mars 2025

    Versjon 7.17.1

    @navikt/ds-css

    • ExpansionCard: Fixed bug where @media print would hide header content. (#3634)

  • Kode6. mars 2025

    Versjon 7.17.0

    @navikt/ds-react

    • List: aria-label and aria-labelledby is forwarded to list-element. (#3626)

  • Kode5. mars 2025

    Versjon 7.16.1

    @navikt/ds-react

    • React 19: Resolve unknown-type in Slot. (#3627)

  • Kode4. mars 2025

    Versjon 7.16.0

    @navikt/ds-css

    • Darkside: All classNames are now starts with .aksel instead of .navds. (#3586)

  • Kode3. 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
  • Kode27. februar 2025

    Versjon 7.14.3

    @navikt/ds-css

    • Darkside: Changed outline-offset for tabpanel from -4px to -3px. (06fecf2)

  • Kode24. februar 2025

    Versjon 7.14.2

    @navikt/ds-tokens

    • Darkside: 💄 Bumped bg-raised token to neutral-200 in darkmode. (441d8b7)

  • Kode20. 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)

  • Kode19. februar 2025

    Versjon 7.14.0

    @navikt/ds-react

    • DatePicker: Refactored locally to support react-day-picker v9. No external API has been changed. (#3525)
    • MonthPicker: Refactored locally and no longer depends on react-day-picker v9. No external API has been changed. (#3525)
    • Dependencies: react-day-picker bumped to v9.5.0. (#3525)
    • Dependencies: date-fns bumped to ^4.0.0. (#3525)
    • Darkside: Added 'arrow' back to Tooltip. (#3589)

    @navikt/ds-css

    • DatePicker: Updated date.css to support react-day-picker v9. (#3525)
    • Darkside: Added 'arrow' back to Tooltip. (#3589)

    @navikt/aksel-icons

    • Icons: 🎉 New icons LineHeight, SpaceHorizontal and SpaceVertical. (#3587)

  • Kode14. februar 2025

    Versjon 7.13.0

    @navikt/ds-tailwind

    • Tailwind: Added darkside-support with import @navikt/ds-tailwind/darkside-tw3. (#3580)

    @navikt/ds-react

    • Darkside: Added support for ConfirmationpPanel, Linkpanel, Panel and Dropdown. Note that all of these will be deprecated in the future. (#3581)

    @navikt/ds-css

    • Darkside: Added support for ConfirmationpPanel, Linkpanel, Panel and Dropdown. Note that all of these will be deprecated in the future. (#3581)

    @navikt/aksel-icons

    • Icons: 🎉 New icons ExpandVertical and QuestionmarkCircle (#3583)

  • Kode6. februar 2025

    Versjon 7.12.2

    @navikt/ds-react

    • Box: Added export for BoxNew. (8576400)

  • Kode6. februar 2025

    Versjon 7.12.1

    @navikt/ds-react

    • Theme: Theme-prop is now optional. (f269311)

  • Kode6. februar 2025

    Versjon 7.12.0

    @navikt/ds-react

    • List: Marked title, headingTag and description properties as deprecated. These will not be supported in future versions and should be migrated from when possible. (#3537)
    • Table: Updated sorting icons for ascending and descending. (#3536)

  • Kode3. februar 2025

    Versjon 7.11.0

    @navikt/ds-css

    • ExpansionCard: Removed dynamic padding on button-element. (#3532)
    • Modal: Defaults to margin: auto for tailwind 4 support. (#3532)

    @navikt/aksel-icons

    • Icons: Added new icons 'SortUp' and 'SortDown' 🎉. (#3528)
Januar 2025
  • Kode23. januar 2025

    Versjon 7.10.0

    @navikt/ds-react

    • Table: New prop contentGutter added to ExpandableRow-component. This allows user more control for content layout inside expandable element. (#3507)
    • Combobox: Always render maxSelected message when isMultiSelect is set. (#3506)

    @navikt/ds-css

    • Table: New prop contentGutter added to ExpandableRow-component. This allows user more control for content layout inside expandable element. (#3507)
    • Button: Using <Loader /> within icon-prop now supported. (#3515)
    • Combobox: Always render maxSelected message when isMultiSelect is set. (#3506)

  • Kode17. januar 2025

    Versjon 7.9.2

    @navikt/ds-css

    • Table: Removed border-bottom for HeaderCell used in ExpandableRow. (#3503)

  • Kode7. januar 2025

    Versjon 7.9.1

    @navikt/ds-css

    • Link: 🐛 Use inside Alert got wrong text-color while focused or active. (#3489)