Du finner nå alle endringsloggene på github!
- @navikt/ds-react
- @navikt/ds-css
- @navikt/ds-icons
- @navikt/ds-react-internal
- @navikt/ds-css-internal
- @navikt/ds-tokens
- @navikt/ds-tailwind
- @navikt/ds-codemod
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
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
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
v1.3.2
v1.3.1
- [fix] Definert maksbredde på HelpText
v1.3.0
August 2022
v1.2.0
- Update CONTRIBUTING.md by @kschieren in #1622
- [feature] add
closeOnSelect
on dropdown by @kschieren in #1623
v1.1.0
- [feature] Event ved lukking av dropdown by @tanettrimas in #1620
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.