Aksel
Grunnleggende / Kode

Endringslogg

StabilOPPDATERT 16. desember 2022

Du finner nå alle endringsloggene på github!


Desember 2022

v2.0.10

Alle knapper i Table har nå type="button" for å unngå form-submit.

v2.0.9

Modal har nå tilgjengelig prop shouldCloseOnEsc.

v2.0.8

Confirmationpanel wrapper nå tekstinnhold i <div/> slik at man kan bruke rikt innhold.

v2.0.3

Datepicker har nå tilgjengelig prop strategy som lar deg velge posisjonerings-strategi for popover. Dette er nødvendig ved bruk av datepicker i eks Modal.

November 2022

v2.0.0

Migreringsguide

I versjon 2.0.0 har vi hatt fokus på tokens, semantiske farger og optimalisering av font-lasting.

Målet for token-oppdateringen er å legge til rette for mer fart og flyt både i design og utviklingsfasen av løsninger. Vi har gjort en revisjon av semantikk og navngiving for tokens som vi håper vil gjøre det lettere å bruke dem aktivt i løsningene.

Vi laster nå også fontene våre fra cdn.nav.no. Dette vil spare rundt 78kB fra css-bundle (150+ med dekoratøren).

v1.5.10

Fikset en bug i Modal der parentSelector ikke ble brukt selv om den var definert.

v1.5.7

Datepicker/Monthpicker hooks tar nå i mot en prop defaultMonth/defaultYear som setter standard vist måneder/år.

v1.5.6

DatePicker og MonthPicker kan nå brukes med Shadow-dom(open).

v1.5.4

Oppdaterte ikoner, noen brukere av SuccessStroke kan oppleve å måtte gjøre noen justeringer.

v1.5.0

  • Oppdaterte Tag-varianter. Alle varianter har nå en "filled"-variant.
  • La til neutral, alt1, alt2 og alt3 varianter for Tag.
  • Ny Chips-komponent!

Oktober 2022

v.1.4.4

  • onValidation-callback i Datepicker/Monthpicker-hooks
  • Datepicker/Monthpicker-hooks tar nå i mot date-format for input-felt.

v.1.4.0

  • Provider-komponent (Provider with modal config (#1702))

v1.3.25 - v.1.3.39

  • Synket ikoner med Figma
  • Fikset useId-bug ved bruk av react 17/18
  • Diverse småfix DatePicker/MonthPicker
  • Fikset Less.js build for ds-css

v.1.3.24

  • [fix] styling for shadow-dom (#1670)

v1.3.19

  • [FIX] 🎨 Helptext fikk tilbake riktekst (#1660)

v1.3.3 - v.1.3.18

  • DatePicker og MonthPicker Beta
  • overlayClassName tilgjengelig for Modal
  • Input linket til innhold i ConfirmationPanel
  • [FIX] 🎨 Fikset typer og story for CopyToClipboard by @KenAJoh in #1643
  • Diverse bugfix i DatePicker/MonthPicker, Tooltip, Table, Guidepanel, Pagination

September 2022

v1.3.3

  • [fix] table row hover prop to disable hover style by @andnorda in #1640

v1.3.2

v1.3.1

  • [fix] Definert maksbredde på HelpText

v1.3.0

August 2022

v1.2.0

v1.1.0

Designsystemet publiserte v1.0.0!

Les mer om dette i bloggposten vår og kom i gang med migreringen fra Beta med hjelp av migreringsguiden.

Juni 2022

Tokens

feedback-success-background feedback-info-background feedback-warning-background feedback-danger-background

Har alle fått justert fargeverdi fra *-100 til *-50. Dette er nå i synk med hvordan Alert og Confirmationpanel ser, samt endrer bakrunnsfarge på HelpText.

focus-inverted er også nå blue-200, ikke blue-100.

Shadow-tokens

  • --navds-shadow-card
  • --navds-shadow-popover

Disse tokens er fjernet fra css/token pakken vår. Som erstatter blir shadow-verdiene vi har satt fra xsmall -> xlarge brukt. Som erstatning for shadow-card vil shadow-medium være et godt alternativ.

Oppdatert typografi

Detail har nå default font-weight 400 (tidligere 600). Har også en egen prop uppercase komponenten er nå i synk med Figma.

Har også en ny typo-komponent "ErrorMessage" for å skrive feilmeldinger.

Description-felt i Checkbox, Radio og Switch (Breaking)

  • ds-react 0.19.0
  • ds-css 0.18.0

description-prop for Checkbox, Radio og Switch har fått oppdatert type fra React.ReactNode til string. Endringen vil gi mindre fleksibilitet til innhold i description, men forhåpentligvis føre til bedre bruk av feltet.

April 2022

Oppdatert imports i ds-react og ds-react-internal

Flere at komponentene våre fikk noen interne endringer i import/export, noe som ikke vil påvirke 99% av brukere av komponentene. Flere contexter som bare var ment for internt komponentbruk er ikke lengre eksponert, samt flere prop-interfacer er eksponert. Tilfeller der endringen kan skape feil for deg er hvis du importerer en komponent med "absolute"-path, eks import X from "@navikt/ds-react/esm/form/checkbox.tsx".

Fjernet onSearch fra Search API

onSearch-prop er fjernet fra Search-komponenten sitt API. Vi anbefaler å wrappe Search i et <form/> med en onSubmit som håndterer innsending av skjema.

React v18 støtte

React-pakkene våre ds-react, ds-react-internal og ds-icons har nå oppdatert peerDependencies til "react": "^17.0.0 | ^18.0.0". Send oss en melding hvis du finner noen bugs ved bruk i React v18 apper!

Tooltip, Stepper, ReadMore og Search

Nye komponenter i er nå tilgjengelige i designsystemet!

  • <Tooltip />, Hybrid mellom "title"-attributt og popover
  • <ReadMore />, Mindre ekspanderbart panel som kan vise tekst.
  • <Stepper />, vertikal stepper. Horisontal versjon kommer etterhvert og vil erstatte dagens "StepIndicator"
  • <Search variant="simple" />, Søkekomponenten har fått en ny variant "simple" uten knapp. "Tertiary"-variant er også erstattet med "secondary"

Februar 2022

Breaking: Fjernet Heading 2xlarge, la til mobilskalering (breaking)

For å bedre tilpasse mobilskalering av de største Heading-versjonene ble size="2xlarge" fjernet. xlarge og large er bumpet opp i størrelse, så prop-endringen som må gjøres er:

  • 2xlarge -> xlarge (xlarge er bumpet fra 32px -> 40px)
  • xlarge -> large (large er bumpet fra 28px -> 32px)

Det samme gjelder da også de som har brukt css-klassene navds-heading--2xlarge, navds-heading--xlarge, navds-heading--large. Mer om mobilskalering finnes her.

Januar 2022

Indeterminate Checkbox

Checkbox har nå en intermediate-prop for mer avansert bruk skjema.

Var denne artikkelen til hjelp?