Releases: navikt/aksel
[email protected]
@navikt/ds-react-internal
Oppdatert interaksjon for popover på Timeline.Period og Timeline.Pin 🎉 Popover dukker nå opp på hover og lukkes/åpnes med Enter.
- Nye eksempler med bruk av
aria-controls - Timeline bruker nå sin egen Popover-implementasjon. Gjenbruker ikke
<Popover />sin styling.
@navikt/ds-react
@floating-ui/react er oppdatert til v0.24. Internt API i Popover og Tooltip er oppdatert for å støtte dette.
[email protected]
@navikt/ds-react
🐛 Fikset size-håndtering i <Search />. Kan nå bruke prop htmlSize for manuell breddestyring.
[email protected]
@navikt/ds-react
- Fikset small-variant av Datepicker.Input.
- Datepicker.Input er refaktorert og har nå nytt design.
- CopyButton har nå en
xsmall-variant.xsmall-varianter er ment for brukt i tabeller.
@navikt/aksel-icons
Nye ikoner 🎉
✨ FileParagraph
✨ FilePlus
[email protected]
@navikt/ds-react
🎉 Ny komponent <CopyButton />
import { CopyButton } from "@navikt/ds-react";
<CopyButton copyText="3.14" />
@navikt/ds-react-internal
<CopyToClipboard /> er nå satt som deprecated. Den vil fortsatt fungere, men vi anbefaler å migrere. Man kan bruke codemod for dette.
npx @navikt/aksel codemod v3-copybutton
[email protected]
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
[email protected]
@navikt/ds-react-internal
Timeline bruker nå default norsk locale for date-formatering
@navikt/aksel-icons
✨ Nye ikoner
- 🎉 BulletList
- 🎉 NumberList
- 🔥 List
[email protected]
@navikt/ds-react
ExpansionCard støtter nå aria-labelledby
[email protected]
@navikt/aksel
npx @navikt/aksel
🎉 Nytt kommandolinje-verktøy for håndtering av CSS-import
Dokumentasjon
@navikt/ds-css
CSS fra Aksel støtter nå opt-in import for deler av CSS-en
Dokumentajson
