6.6
@navikt/aksel
- Aksel CLI: Fjernet deprecated komponenter fra css oversikt. (#2860)
@navikt/ds-react
- Spacer: Er nå
span
(tidligerediv
). (#2874) - ✨ Ny komponent FormSummary (#2802)
- Combobox: Prevents "Enter" while Combobox is focused from submitting form. (#2861)
@navikt/ds-css
- ✨ Ny komponent FormSummary (#2802)
6.5
@navikt/ds-react
- Tabs: Ny prop
lazy
som rendrer innhold i TabPanel selv når panel er skjult (har fortsatt display:none) (#2621) - ToggleGroup: Erstattet bruk av dependency
@radix-ui/react-toggle-group
med egen implementasjon. (#2620) - Tabs: La til ny prop
fill
som lar Tabs.Tab-elementer strekke seg over tilgjengelig bredde. (#2621) - Tabs: Erstattet bruk av dependency
@radix-ui/react-tabs
med egen implementasjon. (#2621) - DatePicker/MonthPicker: Valgte datoer får nå
aria-pressed
for å bedre indikere valg for skjermleser. (#2838) - DatePicker/MonthPicker:
required
-prop stoppet ikke de-select av allerede valgt dato. (#2838) - ToggleGroup: La til ny prop
fill
som strekker ToggleGroup til å ta opp all tilgjengelig bredde. (#2620)
6.4
@navikt/ds-react
- FileUpload.Item: 💥 Endret API og støtte for å sette ID på knappen (#2824)
@navikt/ds-css
- FileUpload: Item-illustrasjon er nå radius-full (#2834)
6.3
@navikt/ds-react
- DatePicker: Fjernet role gridcell fra dato-knapper. (#2826)
- Modal: Fjern tomt element (#2819)
- Switch: Fikset edgecase der checked Switch var visuelt unchecked (#2810)
- FileUpload.Dropzone: id prop settes på button (#2817)
- FileUpload.Dropzone: Fiks feil med duplisert id (#2805)
- useDatePicker:
isInvalid
-key i onValidate var hadde flipper boolean i noen tilfeller (#2809) - FileUpload: Fiks feil ved import av json (#2803)
- FileUpload: Disabled dropzone stopper opplasting (#2798)
- Allow Combobox options as objects to support separate display text and value (#2716)
- FileUpload: Ny komponent
FileUpload
for å håndtere opplasting av filer, Dropzone og fil-visning (#2504)
@navikt/ds-css
- ReadMore: Padding-right på button er bumpet noen px (#2806)
- FileUpload: Ny komponent
FileUpload
for å håndtere opplasting av filer, Dropzone og fil-visning (#2504)
6.2
@navikt/aksel-icons
@navikt/ds-react
- Select: Fjern 'multiple' fra SelectProps (#2782)
6.1
@navikt/ds-react
- Modal: Fikser uønsket lukking ved klikk-og-dra mellom backdrop og modal (f.eks. ved markering av tekst) dersom
closeOnBackdropClick
ertrue
. (#2752) - Modal: Endre title på lukkeknapp til bare 'Lukk' (#2688)
- Komponenter støtter nå lokal import
@navikt/ds-react/Button
, Dokumentasjon. (#2745) - Modal: Bedre feilmeldinger ved feil bruk av props (#2744)
- Modal: Ikke opphev scroll lock ved lukking av nesta modal (DatePicker) (#2743)
@navikt/ds-css
6.0
@navikt/aksel
- Chat: Fjernet deprecated props
backgroundColor
ogavatarBgColor
. Bruk propvariant
som erstatning. (#2623)
@navikt/aksel-stylelint
- Textarea: Fjernet div med klassen navds-textarea__wrapper (#2623)
@navikt/aksel-icons
- ESM: ds-react og aksel-icons støtter nå native ESM 🎉 (#2623)
- SSR: ds-react og aksel-icons støtter nå
use client
og kan brukes i nextjs app-router uten lokal re-eksportering. (#2623)
@navikt/ds-react
- Chat: Fjernet deprecated props
backgroundColor
ogavatarBgColor
. Bruk propvariant
som erstatning. (#2623) - Search: Fjern 'type' fra SearchProps (#2623)
- Tokens: La til nytt brekkpunkt
2xl
for1440px
. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving avscreen: "2xl"
ikke brekker app. (#2623) - ESM: ds-react og aksel-icons støtter nå native ESM 🎉 (#2623)
- OverridableComponent: Fikset feil som tillot vilkårlige props (#2623)
- Grid, ContentContainer: Komponenter er fjernet fra systemet. Se migreringsguide. (#2623)
- Table: SortState.direction har nå
none
tilgjengelig:"ascending" | "descending" | "none"
(#2623) - Textarea: Fjernet div med klassen navds-textarea__wrapper (#2623)
- Modal: Strengere prop-typer (#2623)
- SSR: ds-react og aksel-icons støtter nå
use client
og kan brukes i nextjs app-router uten lokal re-eksportering. (#2623)
@navikt/ds-tokens
- Tokens: La til nytt brekkpunkt
2xl
for1440px
. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving avscreen: "2xl"
ikke brekker app. (#2623) - Tokens: Fjernet token
--a-z-index-modal
da den ikke lengre blir konsumert i systemet. (#2623)
@navikt/ds-css
- Tokens: La til nytt brekkpunkt
2xl
for1440px
. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving avscreen: "2xl"
ikke brekker app. (#2623) - Grid, ContentContainer: Komponenter er fjernet fra systemet. Se migreringsguide. (#2623)
- CSS: Oppdatert bruk av action-farger i systemet. Dette påvirker komponentene: Button, CopyButton, Dropdown, Combobox, ConfirmationPanel, Radio, Checkbox, Search, Select, TextField, Textarea, Helptext, LinkPanel, Link, ReadMore, Stepper og Tabs. Endringen skal ikke brekke noe så lenge man ikke har overskrevet farger manuelt. (#2623)
- Tokens: Nye tokens
--a-text-action-hover
,--a-icon-action-hover
og--a-border-action-hover
(#2623) - Textarea: Fjernet div med klassen navds-textarea__wrapper (#2623)
@navikt/ds-tailwind
- Tokens: La til nytt brekkpunkt
2xl
for1440px
. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving avscreen: "2xl"
ikke brekker app. (#2623)
5.18
@navikt/ds-react
- Tooltip: Fikset regresjon der bruk av Tooltip ga hydration-error i nextjs (#2738)
- Modal: Oppdatert intern håntering av context i komponent (#2714)
- Panel: Komponent er nå markert som deprecated. Bruk
Box
i fremtiden. (#2712) - Portal: Ny komponent
Portal
som lar deg enkelt brukecreatePortal
, også på serversiden (#2697)
5.17
@navikt/ds-react
- Bleed:
marginInline='full'
ogreflectivePadding
kan nå brukes sammen. (#2695) - 🐛 Textarea: maxLength virker nå selv om man sender inn onChange uten å sende inn value (#2690)
- 🐛 Textarea: Sett riktig høyde når brukt i Modal + StrictMode (#2679)
- DatePicker: Knapper fikk ikke riktig aria-label (#2678)
- Textarea: debounce ResizeObserver for å unngå feilmelding (#2685)
- Eksponer variabelen "role" i Search-komponenten (#2667)
- Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows (#2680)
@navikt/ds-css
- ExpansionCard: Padding-top for Content er justert opp 8px (medium) og 4px (small) (#2699)
- Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox (#2682)
- Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows (#2680)
5.16
@navikt/aksel-icons
- Ikoner: Nytt ikon
LocationPin
✨ (#2672)
@navikt/ds-react
- ✨ Combobox: Mulighet for å begrense hvor mange valg bruker kan ta (#2260)
@navikt/ds-css
- ✨ Combobox: Mulighet for å begrense hvor mange valg bruker kan ta (#2260)
@navikt/ds-tailwind
- Tailwind: La til ny
maxWidth
for text (#2652)
5.15
@navikt/aksel-icons
- Ikoner: Synket ikoner med Figma. Lagt til nytt ikon
FigureChild
(#2629)
@navikt/ds-react
- HelpText: HelpText-state ble ikke riktig oppdatert ved klikk (#2643)
5.14
@navikt/ds-react
- Intern state: Komponenter respekterer nå
e.preventDefault()
bedre når event overskrives internt i komponent. (#2610) - Tag: Har nå innebygd støtte for ikoner (#2611)
- Table: Table.DataCell og Table.HeaderCell har nå
textSize
-prop for å justere font-size mellom 18px og 16px. (#2613) - Internt API: Oppdatert intern import/export av hooks og typer fra utils (#2618)
- Intern-API: Erstattet
mergeRefs
iuseMemo
med lokaluseMergeRefs
-hook (#2609)
@navikt/ds-css
- Tag: Har nå innebygd støtte for ikoner (#2611)
- Table: Checkbox nested i CheckboxGroup mister nå ikke padding (#2612)
5.13
@navikt/ds-react
- Accordion.Item, Dropdown, ReadMore og Tooltip: Har en ny prop
onOpenChange?: (open: boolean) => void;
som forteller nå-state nåropen
-state endrer seg. Dette vil være nyttig hvis man ikke bruker controlled-state, men fortsatt ønsker å vite om komponenten eropen
eller ikke (f.eks logging). (#2585) - Controlled-state: Accordion.Item, Dropdown, ReadMore, Table.ExpandableRow og Tooltip har oppdatert intern håndtering av controlled state. Endringen skal ikke påvirke dagens API. (#2585)
- Page: Lagt til ny bakgrunnsfarge
surface-subtle
og ny maksbredde på Page.Blocktext
(#2572)
@navikt/ds-tokens
- Tokens: Ny token
--a-text-width-max: 576px
(#2572)
@navikt/ds-css
- Page: Lagt til ny bakgrunnsfarge
surface-subtle
og ny maksbredde på Page.Blocktext
(#2572)
5.12
@navikt/aksel-stylelint
- Stylelint: Støtter nå stylelint v16 (#2591)
@navikt/aksel-icons
- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke (#2538)
@navikt/ds-react
- MonthPicker: MonthCaption satt forrige/neste-knapper til
disabled
når de skulle væreenabled
. (#2601) - Accessibility improvements to Radio and Checkbox component, so each label is only announced once with screen readers (#2562)
- 📝 Modal: Oppdatert JSDoc (#2567)
- Checkbox: Checkmark tilpasses bedre fontsize (#2563)
- Datepicker: Lukk-knapp i modal har nå type button for å unngå form-submition (#2568)
@navikt/ds-css
- ExpansionCard: Divider mellom header og innhold (#2566)
5.11
@navikt/aksel-icons
- Ikoner: Nytt ikon
PushPin
(#2503)
@navikt/ds-react
- Chips: La til token for checkmark-circle (#2558)
- Fix issue where clicking in Combobox.FilteredOptions after scrolling selected the wrong element (#2536)
- 🐛 Textarea: Skru av autosize ved manuell resize (#2518)
- 🐛 Popover: Ikke lukk ved klikk inni når parent er fokuserbar (#2521)
- Page: La til
md
-bredde (768px) (#2510) - ⬆️ upgrade date-fns version & make it minor-version agnostic (#2514)
- Switch: Byttet success-farger med action npr checked (#2511)
- ✨ Textarea: Mulighet for å sette resize-retning (#2494)
- ✨ Textarea: Eksperimentell støtte for automatisk scrollbar (#2457)
- ♿️ Textarea: Forsinkelse ved live-opplesning av gjenstående tegn (#2502)
@navikt/ds-css
- Chips: La til token for checkmark-circle (#2558)
- 🐛 Modal: Hindre at elementer med sr-only posisjoneres feil (#2541)
- 🐛 Textarea: Skru av autosize ved manuell resize (#2518)
- Page: La til
md
-bredde (768px) (#2510) - Switch: Byttet success-farger med action npr checked (#2511)
- ✨ Textarea: Mulighet for å sette resize-retning (#2494)
- ✨ Textarea: Eksperimentell støtte for automatisk scrollbar (#2457)
- ♿️ Textarea: Forsinkelse ved live-opplesning av gjenstående tegn (#2502)
5.10
@navikt/ds-react
- Gjør lukknapp i Alert til type button (#2497)
- ♿️ Textarea: Byttet fra
aria-live
tilrole=status
på telleren for bedre semantikk (#2483) - 🐛 Textarea: Teller flyttet ut av tekstfeltet for å unngå overlapp og misforståelser (#2483)
- ErrorSummary: Gjør det mulig å rendre ErrorSummary.Item conditionally (#2484)
- OverridableComponent: Fungerer nå bedre ved bruk av typeof (#2474)
- Table: Håndterer nå sjekk for interaktive elementer i ExpandableRow bedre (#2461)
- Primitives: Ny komponent
Page
ogPage.Block
(#2456)
@navikt/ds-css
- 🐛 Textarea: Teller flyttet ut av tekstfeltet for å unngå overlapp og misforståelser (#2483)
- Primtives: CSS-import for primitives er nå mer spesifikk (#2469)
- Primitives: Ny komponent
Page
ogPage.Block
(#2456)
@navikt/ds-tailwind
- typescript types for tailwind preset (#2486)
5.9
@navikt/ds-react
- 🐛 Datepicker lukker ikke lenger modalen den er i (#2451)
- Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. (#2419)
- Datepicker/Monthpicker/Popover: Fjernet
bubbleEscape
-prop. (#2419) - useDatepicker/useMonthPicker/useRangedpicker: Fjernet
openOnFocus
-prop, kan nå bare åpnes ved klikk på date-knapp i input. (#2419) - Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. (#2419)
- Added useVirtualFocus hook - used in Combobox for now (#2394)
@navikt/ds-css
- 💄 Modal: Bedre håndtering av mobiler i landskapsmodus (#2444)
- Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. (#2419)
- Datepicker/Monthpicker/Popover: Fjernet
bubbleEscape
-prop. (#2419) - useDatepicker/useMonthPicker/useRangedpicker: Fjernet
openOnFocus
-prop, kan nå bare åpnes ved klikk på date-knapp i input. (#2419) - Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. (#2419)
5.8
@navikt/ds-react
- ✨ Modal: Støtte for å lukke ved klikk utenfor (#2386)
- Autocomplete in combobox will not change formatting of the letters while being typed, but will use the casing of the autocompleted word when selecting the option. (#2207)
- Accordion: Fikset dom-validering ved bruk av
div
ibutton
. (#2426) - 🐛 Modal: Bedre støtte for Tooltip i Modal (#2429)
@navikt/ds-css
- 🐛 Modal: Bedre støtte for Tooltip i Modal (#2429)
5.7
@navikt/aksel-icons
- Ikoner: Nye ikoner
ChevronLeftFirstCircle
ogChevronRightLastCircle
(#2365)
@navikt/ds-react
- 💄 Chips.Toggle: Ikon i uvalgt tilstand (#2395)
- Loader: Har nå riktig
ref
-type. (#2391) - Datepicker: Fungerer nå bedre i Modal (#2400)
- Forms: Fikset bug der size='small' ikke oppdaterte typografi. (#2372)
- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px (#2376)
- MonthPicker: Fikset tastaturnavigasjon (#2374)
- Radio: readonly håndterer nå hover-state bedre (#2363)
- Chores: Ryddet opp i sirkulære depdendencies (#2366)
- 💄 CopyButton: Justert padding, gap og animasjon (#2355)
@navikt/ds-tokens
- Ny spacing token på 0.375rem (#2370)
@navikt/ds-css
- 💄 Chips.Toggle: Ikon i uvalgt tilstand (#2395)
- Checkbox, Radio: Transparent-border fungerer nå bedre på mørkere bakgrunner (#2388)
- Ny spacing token på 0.375rem (#2370)
- Select: Tokenstøtte for å endre chevronfarge sammen med tekst (#2383)
- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px (#2376)
- Radio: readonly håndterer nå hover-state bedre (#2363)
- 💄 CopyButton: Justert padding, gap og animasjon (#2355)
5.6
@navikt/aksel-icons
- Ikoner: SVG export setter nå
height="1em"
,width="1em"
ogfill="currentColor"
. (#2300) - Ikoner: Nye ikoner
book
ogbooks
(#2313) - Ikoner: Nye ikoner
ClipboardCheckmark
ogClipboardLink
(#2307)
@navikt/ds-react
- Datepicker: Popover legger seg nå ikke ovenfor input (#2349)
- 💄 DatePicker: Litt smalere inputfelt (#2354)
- Added aria-hidden to AccordionContent when closed, to fix issue where Radio labels were omitted when opening/closing AccordionItems (#2338)
- ♻️ Refaktorering og småfikser (#2265)
- Refaktorering som følge av nye ESLint-regler
- AccordionItem/ToggleGroup: Støtte for 'id'-prop
- MonthPicker: Mer presis type for 'onMonthSelect' prop
- Datepicker: Tilbyr nå muligheten til å bruke
onWeekNumberClick
. (#2311) - Primitives: ny komponent Bleed (#2278)
- Accordion: Console.error når Accordion blir brukt feil. (#2310)
- Stack: Kan nå endre direction, justify og align ved brekkpunkt.
Stack
er også nå en egen komponent sammen medHStack
ogVStack
. (#2286) - Primitives: Show/Hide støtter nå
asChild
-api (#2312) - Remove tabIndex="-1" on Popover to fix VoiceOver navigation issue inside Popover (#2303)
@navikt/ds-tokens
- Tokens: Tilbyr nå token literals for typer, tidligere string literals (#2342)
@navikt/ds-css
- 🐛 Modal: Sett riktig tekstfarge (#2340)
- Primitives: ny komponent Bleed (#2278)
- ♻️ Box: Forenkling av CSS-variabler (#2279)
- Accordion: Har nå 0.25rem padding-top mellom innhold og heading. (#2310)
- Added cursor:pointer to Select component (#2293)
- 🐛 Box: sett border-radius riktig (#2329)
- Stack: Kan nå endre direction, justify og align ved brekkpunkt.
Stack
er også nå en egen komponent sammen medHStack
ogVStack
. (#2286) - Datepicker: Tilpasset padding og sizing på mobil. (#2311)
- MonthPicker: Tilpasset padding og sizing på mobil. (#2311)
5.5
@navikt/ds-react
- Box: Ny primitive, erstatter dagens
Panel
(#2195) - Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)
@navikt/ds-tokens
- Box: Ny primitive, erstatter dagens
Panel
(#2195)
@navikt/ds-css
- Box: Ny primitive, erstatter dagens
Panel
(#2195) - Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)
5.4
@navikt/ds-react
- MonthPicker: Fikset kalkulering av fromDate/toDate (#2269)
- Primitives: Nye komponenter
Show
ogHide
er lagt til. (#2222) - Search: Kjører nå bare preventDefault ved Escape når
input
inneholder tekst (#2245)
@navikt/ds-tokens
- Tokens:
data-theme="light"
vil nå tilbakestille theming (#2238)
@navikt/ds-css
- Primitives: Nye komponenter
Show
ogHide
er lagt til. (#2222) - ErrorSummary: Har nå 8px border-radius (#2256)
5.3
@navikt/aksel-icons
- 🐛 SVG import map er nå riktig path (#2250)
@navikt/ds-react
- 🐛 Popover: sjekk at det er et HTML-element som får fokus (#2258)
- HGrid: Har nå
align
-prop for bedre kontroll over child-elementer (#2242) - Skeleton: Lagt til as-prop for inline brk av Skeleton med span (#2239)
- Fix bug in monthpicker, only compare year and month for equality on date object (#2231)
- 💄 GuidePanel: justert design (#2227)
- 🐛 DatePicker: Riktig skriftstørrelse på small input (#2232)
- Heading: Oppdatert med props
textColor
,align
,visuallyHidden
. (#2211) - Label: Oppdatert med props
textColor
ogvisuallyHidden
. (#2211) - BodyLong, BodyShort, Detail: Oppdatert med props
textColor
,weight
,align
,visuallyHidden
ogtruncated
. (#2211) - ♿️ Textarea: Skjermleser-spesifikk tekst leses opp sammenhengende (#2216)
@navikt/ds-css
- Alert: 12px -> 8px gap mellom tekst og ikon ved
size="small"
(#2240) - HGrid: Har nå
align
-prop for bedre kontroll over child-elementer (#2242) - Skeleton: Lagt til as-prop for inline brk av Skeleton med span (#2239)
- 🐛 fix missing accordion bottom box-shadow on last element (when opened) (#2229)
- 💄 GuidePanel: justert design (#2227)
- Typography: Oppdatert med typo-klasser for
textColor
,weight
,align
,visuallyHidden
ogtruncated
. (#2211)
5.2
@navikt/aksel-icons
- Ikoner: Oppdatert ikonpakke (#2197)
@navikt/ds-react
- Button: Ved bruk av
as
-prop vilrole="button"
nå bli lagt til. NativeonKeyUp
forSpace
er også implementert slik at standardbutton
-interaksjon vil være likere uansett html-tag. (#2154) - Combobox: Fikset bruk av
useLayoutEffect
med SSR-safe metode. (#2219) - Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering (#2193)
@navikt/ds-css
- Font: Fikset henting av italic-font (#2220)
- CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. (#2219)
- Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering (#2193)
5.1
@navikt/ds-react
- ✨ Modal: mulighet for å rendre i portal (#2209)
- ✅ Modal: use polyfill in JSDOM (#2208)
- Datepicker: Input setter ikke nå aria-controls før popover åpnes (#2213)
@navikt/ds-css
5.0
@navikt/ds-react
- ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
- 🏷 Modal: Bedre type for
width
(#2191) - Oppdatert Modal - Se Migrering (#2135)
- ✨ Støtte for header og footer
- 💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
- 💥 Provider:
appElement
er fjernet - Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)
- Table: Har lagt til ny size: 'large'. (#2178)
@navikt/ds-tokens
- ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
- Tokens:
--a-icon-alt-3
er nå i synk med figma (#2199) - Gray: Gråfarger er nå mindre varme (#2092)
- Action: Selected-varianter av action er nå 'blue' ('deepblue' før) (#2092)
@navikt/ds-css
- ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
- Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss (#2199)
- Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind (90db7dd0c)
- Oppdatert Modal - Se Migrering (#2135)
- ✨ Støtte for header og footer
- 💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
- Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)
- Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). (#2178)
4.12
@navikt/ds-react
- Added red border to Combobox in error state (#2184)
- Combobox: La til støtte for feilmeldinger i Combobox (#2182)
- CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
- List: Fikset sentrering, margins (#2168)
- Combobox: Kjører nå 'onChange' + 'onClear' når input blir reset programmatisk (#2183)
- Combobox: Fikset custom-options i singleselect (#2180)
- Combobox: Fjernet unødvendige 'onClear'-calls når man velger verdier (#2170)
- Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)
- Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect (#2177)
@navikt/ds-css
- Added red border to Combobox in error state (#2184)
- CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
- List: Fikset sentrering, margins (#2168)
- Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)
- Alert: Fikset alignment av status-ikon mot tekst (#2179)
4.11
@navikt/ds-react
- HGrid: Ny komponent 'HGrid' er ute i Beta: Dokumentasjon (#1838)
- Fixes bug where combobox list could not be closed after clicking a chip (#2155)
- Grid: Markert som deprecated. Bruk nye 'HGrid' (#2153)
@navikt/ds-css
- 💄 ToggleGroup: fjern semibold fra selected button (#2167)
- Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. (#2159)
- HGrid: Ny komponent 'HGrid' er ute i Beta: Dokumentasjon (#1838)
- List: Fikset alignment av ikoner (#2149)
- Font: La til egen font for semibold italic for bedre skalering cross-browser (#2150)
4.10
@navikt/ds-react
- Link: La til 'variant', 'underline' og 'inlineText'-prop (#2093)
@navikt/ds-css
- Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind
- Link: La til 'variant', 'underline' og 'inlineText'-prop (#2093)
4.9
@navikt/ds-react
- Button: Fikset aria-live bug der knapp alltid ble lest opp av skjermleser ved render (#2143)
- Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)
- Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)
@navikt/ds-css
- Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)
- Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)
4.8
@navikt/ds-react
- Nye komponenter
VStack
,HStack
ogSpacer
for å enklere kunne lage layout med flexbox og spacing-variabler. (#2040)
@navikt/ds-css
- Nye komponenter
VStack
,HStack
ogSpacer
for å enklere kunne lage layout med flexbox og spacing-variabler. (#2040)
4.7
@navikt/ds-react
- Textfield: La til type 'time' som tilgjengelig option (#2137)
- Chips: Removable Chips submitter ikke forms ved klikk lengre (#2124)
- Stepper: Fikset
hotizontal
-bug når step varcompleted
(#2116) - Datepicker: Fikset bug ved bruk dynamisk oppdatering av minDate. Vist
month
vil nå alltid være oppdatert når datepicker åpnes (#2117) - Ny komponent Combobox! (#1868)
- Timeline: Har nå egen
axisLabelTemplates
-prop for axixlabel formatering (#2109) - Combobox post-release tweaks (#2112)
@navikt/ds-css
- Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser (#2126)
- Stepper: Fikset
hotizontal
-bug når step varcompleted
(#2116) - Ny komponent Combobox! (#1868)
4.6
@navikt/ds-react
- Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)
- Skjema: De fleste skjemakomponenter støtter nå
readOnly
-state (#2080)
@navikt/ds-css
- Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)
- Skjema: De fleste skjemakomponenter har nå styling for
readOnly
-state (#2080)
4.5
@navikt/ds-react
- - Alert: La til
closeButton
-prop (#2079)
@navikt/ds-css
- - Alert: La til
closeButton
-prop (#2079) - - Button: Fikset outline-bug i tertiary-variant ved
:active
-state (#2079)
4.4
@navikt/ds-react
- Textarea: Fikset i18n for counter (718b3204d)
- Fikset klassenavn brukt for popover i Datepicker og Monthpicker (PR)
@navikt/ds-tokens
- Shadow-tokens er oppdatert til mer tydeligere varianter (PR)
@navikt/ds-css
- 💄 Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" (#2077)
- Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall (PR)
@navikt/ds-tailwind
- Shadow-tokens er oppdatert (PR)
- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)
4.3
@navikt/ds-react
- Popover og Helptext har nå luft mot siden av skjerm på mindre flater (PR)
@navikt/ds-css
- Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. (PR)
- ExpansionCard: Ved nesting av komponetene fikk man styling fra parent (PR)
4.2
@navikt/ds-react
- Oppdatert Chat:
size
ogvariant
-prop, optionalavatar
, uu og ui-forbedringer (PR)
@navikt/ds-css
- Chat:
small
-size, innebygde varianter for farge og oppdatert utseende. (PR)
4.1
@navikt/aksel-stylelint
- Deprecated klassenavn
navds-chips--icon-left
(PR)
@navikt/aksel-icons
- Nye ikoner
ChevronRightLast
ogChevronLeftLast
(PR)
@navikt/ds-react
- Fikset JSDom-problemer ved testing av Timeline
- La til
wrapperClassname
-prop for HelpText (PR) - Timeline-period brakk ved bruk av JSDom i vitest og jest
OverridableComponent
fungerer nå med komponenter som allerede bruker 'as'-prop. (PR)- Popover:
bubbleEscape
-prop tilbyr muligheten for escape-events til å sendes opp gjennom dom-treet. (PR) className
ble ikke riktig forwardet til ikke-klikkbar Period i Timeline- La til JSDoc for Skeleton-komponent
- Chips:
neutral
ogaction
-varianter for Chips.Toggle.checkmark
-prop for Chips.Toggle (PR) - Ny komponent Skeleton! (PR)
- La til JSDoc dokumentasjon for alle komponenter (PR)
- Accordion: La til
indent
-prop (PR)
@navikt/ds-tokens
- 🎉 Fargetokens for datavisualisering. (PR)
- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)
@navikt/ds-css
- Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. (PR)
- 🐛 Fikset cursor-markering av tekst i skeleton.
- Chips:
neutral
ogaction
-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon (PR) - Alle description-felter på fieldsets har nå
text-subtle
som farge. (PR)
@navikt/ds-tailwind
- 🎉 Fargetokens for datavisualisering. (PR)
4.0
@navikt/aksel
- Codemod for migrering av Datepicker/Monthpicker ut av Beta.
npx @navikt/aksel codemod v4-date
(PR) - Codemods for migrering fra
@navikt/ds-react-internal
til@navikt/ds-react
Guide (PR)
@navikt/ds-react
- Datepicker og Monthpicker er ute av beta. Guide (PR)
- Komponenter i
@navikt/ds-react-internal
er flyttet over til@navikt/ds-react
. Guide (PR)
@navikt/ds-css
- All styling fra
@navikt/ds-css-internal
er flyttet til@navikt/ds-css
. (PR) - classname-prefix er endret fra
navdsi
->navds
for flyttede komponenter. - Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.
- Styling for flyttede komponenter finnes nå på CDN Guide
3.4
@navikt/aksel-stylelint
@navikt/ds-react
- Tag:
moderate
-variant (PR)
@navikt/ds-css
- Tag:
moderate
-variant (PR)
3.3
@navikt/ds-react
- CopyButton: native
Clipboard API
(PR) - Timeline: popover/tooltip vises nå på hover, ikke onClick. (PR)
3.2
@navikt/aksel-icons
- Nye ikoner
FileParagraph
ogFilePlus
(PR)
@navikt/ds-react
- Search: Støtter nå htmlSize-prop (PR)
- Datepicker: Oppdatert small-variant av Datepicker.Input. UI-oppdatert samtidig. (PR)
- CopyButton:
xsmall
-variant for bruk i tabeller (PR) - CopyButton: Fjernet use client directive fra komponent. (warning i vite/rollup)
- Ny komponent CopyButton! Erstatter
CopyToClipboard
som nå er tagget som deprecated (PR)
@navikt/ds-css
- Datepicker: Fikset small-variant av datepicker-input. (PR)
- CopyButton:
xsmall
-size for bruk i tabeller (PR)
3.1
@navikt/ds-react
- Oppdatert Label og Description spacing for alle skjemakomponenter (PR)
@navikt/ds-css
- 💄 Oppdatert utseende for ToggleGroup.
Medium
ogSmall
-size er begge 10px lavere, mindre border-radius (PR) - Alle komponenter bruker nå default
:focus-visible
for fokusmarkering. Medfølger også fallback for:focus
(PR) - Oppdatert Label og Description spacing for skjemakomponenter (PR)
3.0
@navikt/ds-react
- Fjernet
@navikt/ds-icons
fra dependencies - Accordion: Oppdatert default headingSize brukt i i Accordion.Header
- Accordion: left-aligner chevron,
neutral
-variant,size
-prop (PR) - Bruker nå nå
@navikt/aksel-icons
for interne ikoner (PR)
@navikt/ds-css
- Accordion: Chevron er left-aligned, deler av styling er refaktorert,
size
-props ogneutral
-variant (PR)
2.9
@navikt/aksel
- 🚚 Flyttet Codemods fra
@navikt/ds-codemods
->@navikt/aksel
.@navikt/ds-codemods
regnes nå som deprecated (PR)
@navikt/aksel-icons
- Oppdatert Statusikoner til å være tydeligere og mer konsistente. (PR)
- Fikset
CheckmarkIcon
-bug - Fikset
CheckmarkCircleIcon
-bug (PR) - Nye ikoner
BulletList
ogNumberList
(PR)
@navikt/ds-react
- ExpansionCard: Støtter nå
aria-labelledby
i tillegg tilaria-label
(PR)
@navikt/ds-css
- CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig (PR)
2.8
@navikt/aksel-icons
- 🎉 Nye ikoner
HandKnot
ogHandKnotFilled
(PR) - Oppdatert
InformationSquare
-ikon (PR) - Oppdatert
VideoSlack
,Questionmark
ogInformation
-ikoner (PR) - Nye ikoner
VideoSlash
ogVideoSlashFill
- Fikset Sourcemap-bug
@navikt/ds-react
- ExpansionCard: ExpansionCard.Content sendte ikke
className
videre - Datepicker. Bedre håndtering av visning for out-of-range-datoer (PR)
- Datepicker/Monthpicker: Oppdaterer vist måneder ved popover åpne/lukk. Fikser out-of-range håndtering av
today
- Datepicker/Monthpicker: refaktorert event-handling i hooks (PR)
- Fikset typografi-bruk for
Radio
ogCheckbox
. - Textarea: oppdatert counter-tekst + mulighet for lokalisering (PR)
- ExpansioCard: Oppdatert typografibruk (PR)
- ExpansionCard: Oppdaetrt standard title-size til
medium
- Ny komponent ExpansionCard! (PR)
@navikt/ds-css
- Button: Padding/border-radius tokens (PR)
- Button: token for tertiary
- Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
- Accordion: tokens for header-bakgrunn
- Select: Fikset tekstfarge på iphone (PR)
- ExpansioCard: Oppdatert typografi (PR)
2.7
@navikt/aksel-icons
- Nye ikoner
CaretUpDownFilledDown
,CaretUpDownFilledUp
,CloudDown
,CloudDownFill
,CloudUp
,CloudUpFill
,HddDown
,HddDownFill
,HddUp
,HddUpFill
,Inbox
,InboxDown
,InboxDownFill
,InboxFill
,InboxUp
,InboxUpFill
,ShoppingBasket
,ShoppingBasketFill
- Nye ikoner,
CaretDownFill
,CaretLeft
,CaretLeftFill
,CaretLeftRight
,CaretLeftRightFill
,CaretRight
,CaretRightFill
,CaretUpDownFill
,CaretUpFill
,Escalator
,Moon
,MoonFill
. FjernetEscalatorStroke
(PR) - Ny ikonpakke med for core icons 3!
@navikt/aksel-icons
(PR)
@navikt/ds-css
- Tabs: La til focus-markering for Tabs.Panel (PR)
- ToggleGroup: Fikset token-bug
2.6
@navikt/ds-react
- Textarea: Fikset React v18 problem med
TextareaAutosize
- Search:
onSearchClick
-prop for lettere submit-handling
2.5
@navikt/ds-react
- List: Refaktorert nestede lister
@navikt/ds-tokens
- Breakpoint-tokens lagt til (PR)
@navikt/ds-tailwind
- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints (PR)
2.4
@navikt/ds-react
- List: la til støtte for nestede lister (PR)
- Datepicker: la til
fixedWeeks
-prop for å alltid vise 6 uker i Datepicker.Standalone (PR) - Ny komponent List! (PR)
@navikt/ds-css
- Select: Fikset disabled + opacity bug for Chrome
- List: La til støtte for nesting (PR)
2.3
@navikt/ds-css
- Fikset feil bruk av fallback-tokens i Textarea og Timeline
- Select: Fikset sentrering av tekst i Firefox (PR)
- Select:
small
-variant er nå 32px (var 34px)
2.2
@navikt/ds-react
@navikt/ds-tokens
- Justeringer av semantiske fargetokens, statusfarger nå mer tydelig (PR)
- Oppdatert neutral-tokens (PR)
@navikt/ds-css
- ToggleGroup:
Neutral
-variant. (PR) - Button:
Neutral
-variant.
2.1
@navikt/ds-react
- Datepicker: Fikset rekkefølge på
onValidate
ogonRangeChange
i useRangepicker-hook - Datepicker/Monthpicker:
openOnFocus
-prop for manuell håndtering av popover (PR) - Datepicker: ESM import fra date-fns fungerer nå
- Datepicker: Fikset edgecase i
useRangepicker
der valg av startdato etter sluttdato ga feil output - Monthpicker: håndterer visning av år riktig (PR)
- Fikset
@types/react
v18 feil introdusert i v2.0.6 (PR) - Datepicker/Monthpicker: år med 2 siffer i input fungerer nå
@navikt/ds-tokens
- Fikset feil danger-hover token (PR)
@navikt/ds-css
- TextField:
small
-variant har nå 8px horisontal padding (før 4px)
2.0
@navikt/ds-react
- Datepicker: Bedre typer for
ref
- Chat:
toptextPosition
-prop for horisontal plassering av navn og dato. (PR) - Oppdatert
@floating-ui/react
-versjon - Monthpicker: Fikset keyboard-click
- Datepicker: Datepicker.Input satt
className
flere ganger - Datepicker:
strategi
-prop for layout-strategi av popover - Datepicker: onClick-event fikset
- Fonter blir bruk i all typografi blir nå lastet fra CDN
@navikt/ds-tokens
- Alle token er oppdatert til nytt format. (Guide)
@navikt/ds-css
- Radio: Fikset default visuell error-state (PR)
- Button: Reverserte border-width endrinder (var 1.5px, nå 2px)
- Bugfixer ved bruk av tokens oppdatert i v2.0.0
- Fontlasting: Fonter lastes nå fra NAV-CDN
- Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.
@navikt/ds-tailwind
- Alle token er oppdatert til nytt format. (Guide)
1.5
@navikt/ds-react
- Modal:
parentSelector
-prop i Modal (PR) - Datepicker:
defaultMonth
ogYear
prop lagt til - Datepicker: fungerer nå med
open
shadow-dom - Chips:
FilterChips
heter nåToggleChips
- Tag:
filles
-varianter (PR) - Ny komponent Chips! (PR)
@navikt/ds-css
- Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle
- Tokens: Byttet om på rekkefølge av alt-farger
- Chips. Bruker nå standard flex-wrap
- Tag:
filled
-varianter (PR)
1.4
@navikt/ds-react
- Datepicker: Eksponerer
onValidation
-typer - Datepicker: Validering og inputFormat funksjonalitet
- Datepicker: Følger språkrådets dato-formatering for måneder.
- Ny komponent Provider! For håndtering av global config på tvers av komponenter
1.3
@navikt/ds-react
- useId-bug fikset ved bruk i både react 17 og 18
- Datepicker: Patchet UX-bugs ved navigering til fortid/nåtid
- HelpText: Reverserte til å tillate bruk av
React.ReactNode
som children - DatePicker og MonthPicker er tilgjengelig som Beta
- Modal:
overlayClassName
-prop lagt til - ConfirmationPanel: Checkbox lenker nå til innholdet i
aria-describedby
- Table:
shadeOnHover
-prop for å skru av/på hover-effekt - Table:
colSpan
-prop påTable.ExpandableRow
- HelpText: har nå standard max-width på
65ch
- Stepper:
interactive
ogcompleted
-props for wizard-løsninger
@navikt/ds-css
- Fikset bruk av
:watch
for diverse parsere (less, parcel) - Tokens tilgjengeligjøres nå også på
:host
. Dette lar shadow-dom brukere konsumere tokens direkte.
1.2
@navikt/ds-react
- Dropdown:
closeOnSelect
-prop for å skru av/på lukking av dropdown ved valg
1.1
@navikt/ds-react
- Dropdown:
onSelect
-prop for callback ved valg av element
1.0
@navikt/ds-react
- Samversjonering: Alle pakker fra Aksel har nå, og vil i fremtiden ha samme versjonsnummer.
- Accordion/ReadMore:
renderContentWhenClosed
-prop fjernet - Button:
icon
ogiconPosition
-prop for bedre ikonplassering - Tabs:
loop
-prop er flyttet fraTabs.Tablist
tilTabs
.iconPosition
-prop er flyttet fraTabs.Tab
tilTabs
- Chat:
SpeechBubble
-komponent er renamet tilChat
. - Chat:
topText
heter nåname
ogtimestamp
,illustration
heter nåavatar
ogillustrationBgColor
heter nåavatarBgColor
- Pagination:
medium
->small
,small
->xsmall
- Popover:
auto
,auto-start
ogauto-end
er fjernet somplacement
-prop - CopyToClipboard:
iconPlacement
er renamet tiliconPosition
- ConfirmationPanel:
ref
er flyttet fra wrapper-div til checkbox - Stepper:
StepIndicator
er refaktorert og renamet tilStepper
.StepIndicator
-komponenten er fjernet - MicroCard: er deprecated
- PageHeader: er deprecated
- Menu: er deprecated
- Divider: er deprecated og renamet til
Dropdown.Menu.Divider
@material/ui
er fjernet som dependencyreact-popper
og@popperjs/core
er fjernet som dependency. Bruker nå@floating-ui/react-dom-interactive
classnames
er byttet ut medclsx
interntreact-collapse
er fjernet som dependencyuuid
er fjernet som dependency. Bruker nå intern løsning for id-håndtering- Label: er nå standard
label
-tag (tidligere p-tag)