Skip to content

Releases: navikt/aksel

[email protected]

25 May 11:02
c8375ba
Compare
Choose a tag to compare

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

24 May 16:28
46af5de
Compare
Choose a tag to compare

@navikt/ds-react

🐛 Fikset size-håndtering i <Search />. Kan nå bruke prop htmlSize for manuell breddestyring.

[email protected]

24 May 08:01
cb7a78e
Compare
Choose a tag to compare

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

16 May 12:21
9a98f0e
Compare
Choose a tag to compare

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

09 May 14:14
6f53b33
Compare
Choose a tag to compare

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]

28 Apr 12:34
b99a29f
Compare
Choose a tag to compare

@navikt/ds-react-internal

Timeline bruker nå default norsk locale for date-formatering

@navikt/aksel-icons

✨ Nye ikoner

  • 🎉 BulletList
  • 🎉 NumberList
  • 🔥 List

[email protected]

27 Apr 13:35
6450922
Compare
Choose a tag to compare

@navikt/ds-react

ExpansionCard støtter nå aria-labelledby

[email protected]

27 Apr 10:33
d5c040d
Compare
Choose a tag to compare

@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

@navikt/[email protected]

24 Apr 07:19
ecd58dd
Compare
Choose a tag to compare

Patch Changes

@navikt/[email protected]

24 Apr 07:19
ecd58dd
Compare
Choose a tag to compare

Patch Changes