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