Aksel@3.0.0

Komponenter bruker nå vår nye ikonpakke internt og Accordion er oppdatert til å ha chevron venstrestilt.

Oppdateringen vil ikke brekke noe i de fleste løsninger!
Hvis du har manuelt overskrevet styling for Stepper.Step, HelpText eller Accordion bør du sjekke om disse fortsatt fungerer som ønsket.

Accordion

Komponent er oppdatert til å ha chevron left-aligned. Dette vil kunne brekke løsninger der det er kodet inn illustrasjoner. Vi anbefaler å bruke ExpansionCard der det er mulig for disse tilfellene.

• Deler av Accordion-CSS er refaktorert. ⚠️ Dette vil kunne brekke overskrevne stiler.
• Neutral-variant
• Tilbys nå bare i monokrom
• Nye size-props for heading og paddings

Skjema

Alle "descriptions" brukt i skjemakomponenter har bumpet font-size fra 16px til 18px default. I tillegg er "sub"-descriptions (under checkbox, radio eller switch) nå subtle

Ikoner

Komponenter bruker nå ikoner fra @navikt/aksel-icons.

Bivirkninger av ikonendring

• @navikt/ds-icons er fjernet som dependency fra react-pakkene våre. ⚠️ Dette vil kunne brekke import av ikoner hvis du ikke har lagt til
• @navikt/ds-icons i dependencies.
• Helptekst bruker nå custom ikon. ⚠️ Dette vil kunne brekke overskrevne stiler.
• Stepper bruker samme checkmark som checkbox. ⚠️ Dette vil kunne brekke overskrevne stiler.
• Komponenter som tidligere brukte Expand-ikon har fått oppdatert animasjon (table, readmore og accordion)
• Alert bruker samme ikonstørrelse uansett size
• Chips har justert intern padding/ikonstørrelser
• Select har fått justert padding rundt ikon
• Switch bruker samme checkmark som checkbox, er nå avrundet
• ReadMore har justert margin for alignment med ikon, fjernet content-animasjon
• Tabs bruker default text-default