Hopp til innhold
Aksel

Grunnleggende

Endringslogg

År
Kategori
Mai 2026

  • Kode. 18. mai 2026

    Versjon 8.10.6

    @navikt/ds-css

    • 🎨 InfoCard: Added bigger padding for medium sized InfoCard.Message (#4861)
April 2026

  • Design. 28. april 2026

    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.

    Eksempel på tekst i varianten Message

  • Kode. 20. april 2026

    Versjon 8.10.0

    @navikt/ds-react

    • Timeline: Added keyboard-navigation support between rows and periods (#4809)
    • DatePicker: Highlight days between start and hovered day (#4801)
    • DatePicker: Reset range when selecting a new day (#4799)
    • DatePicker, MonthPicker: ⬆️ Upgrade dependency react-day-picker 9.7.0 -> 9.14.0 (#4799)
    • CheckboxGroup: Set aria-invalid on error (#4790)
    • RadioGroup: Set role="radiogroup", and set aria-invalid on error. (#4773)
    • Timeline: Improved support for JAWS, popups now open on click. (#4793)
    • InlineMessage: Improve screen reader experience (#4792)
    • InfoCard: Align header with content when no icon is present for small version. (#4815)
    • InfoCard, LocalAlert, GlobalAlert: Update content typography use and sizing. (#4815)

    @navikt/ds-css

    • DatePicker: Highlight days between start and hovered day (#4801)
    • Skeleton: Text-variant now has properly rounded edges (#4808)
    • ExpandableRow: Fix selected row top border not showing when row above was collapsed (#4810)
    • Timeline: Icons in periods now scale based on avaliable space. No longer clips on smaller periods (#4809)
    • DatePicker, MonthPicker: Change styling on disabled days/months (#4801)
    • InfoCard: Align header with content when no icon is present for small version. (#4815)
    • InfoCard, LocalAlert, GlobalAlert: Update content typography use and sizing. (#4815)
Mars 2026

  • 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

  • Design. 5. februar 2026

    Maler i Figma er oppdatert til v8

    Malene i Figma er nå over på Aksel v8 + noen relaterte fikser.

    • Oppdaterte fila 01 Aksel Templates til v8 (Figma). Alle malene bruker nye tokens og komponenter. Layouten simulerer Primitives i kode (Box, VStack, etc.)
    • La til maler for støttesidene 404 og 5XX i fila 01 Aksel Templates til v8 (Figma).
    • La til nav.no header og footer i 02 Aksel Components fila (Figma). Disse komponentene må brukes som placeholdere i skissene. De er ikke garantert 1:1 med kodepakka Dekoratøren. Figma-komponentene støtter darkmode, men det gjør ikke Dekoratøren i kode per 5. februar 2026.
    • Dokumentasjonen av mal for introsiden er oppdatert med InfoCard.
Januar 2026

  • Design. 26. januar 2026

    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.

  • Kode. 12. januar 2026

    Versjon 7.39.0

    @navikt/ds-react

    • LocalAlert, InfoCard: Reduced default header height. (91f3f8a)
    • GlobalAlert: Reduced default header height and added centered content prop. (#4476)
    • ReadMore: Removed tabIndex 0 from content. (#4464)

    @navikt/ds-css

    • LocalAlert, InfoCard: Reduced default header height. (91f3f8a)
    • GlobalAlert: Reduced default header height and added centered content prop. (#4476)
    • Dialog: Handle SR-only elements inside Dialog.Body better. Moved elements in Footer to flex-end. (#4457)
    • Darkside: ExpansionCardContent typography is no longer affected by 'app-color'. (#4460)
    • ReadMore: Removed focus styling for content, reverting #4116. (#4464)