[email protected]

@navikt/ds-react

• 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-oppdateringer

• Oppdatert intern import/export av hooks og typer fra utils (#2618)
• Erstattet mergeRefs i useMemo med lokal useMergeRefs-hook (#2609)
• Komponenter respekterer nå e.preventDefault() riktig når event overskrives i komponent. (#2610)

@navikt/ds-css

• Tag: Har nå innebygd støtte for ikoner (#2611)

• Table: Checkbox nested i CheckboxGroup mister nå ikke padding (#2612)

[email protected]

@navikt/ds-tokens

• Tokens: Ny token --a-text-width-max: 576px (#2572)

@navikt/ds-react

• Accordion.Item, Dropdown, ReadMore og Tooltip: Har en ny prop onOpenChange?: (open: boolean) => void; som forteller nå-state når open-state endrer seg. Dette vil være nyttig hvis man ikke bruker controlled-state, men fortsatt ønsker å vite om komponenten er open 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.Block text (#2572)

@navikt/ds-css

• Page: Lagt til ny bakgrunnsfarge surface-subtle og ny maksbredde på Page.Block text (#2572)

[email protected]

@navikt/ds-react

• MonthPicker: MonthCaption satt forrige/neste-knapper til disabled når de skulle være enabled. (#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 fontsize != 16px bedre (#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)

@navikt/aksel-stylelint

• Stylelint: Støtter nå stylelint v16 (#2591)

@navikt/aksel-icons

• Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke (#2538)

[email protected]

@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 når 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-react

• 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/aksel-icons

• Ikoner: Nytt ikon PushPin (#2503)

[email protected]

Ny komponent Page og Page.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)

@navikt/ds-react

• Gjør lukknapp i Alert til type button (#2497)

• ♿ Textarea: Byttet fra aria-live til role=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)

@navikt/ds-tailwind

• typescript types for tailwind preset (#2486)

[email protected]

@navikt/ds-react

• 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

• 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)

[email protected]

@navikt/ds-react

• Accordion: Fikset dom-validering ved bruk av div i button. (#2426)
• Modal: Bedre støtte for Tooltip i Modal (#2429)
• 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)

@navikt/ds-css

• Modal: Bedre støtte for Tooltip i Modal (#2429)

[email protected]

@navikt/ds-react

• Chips.Toggle: Ikon i uvalgt tilstand (#2395)
• Loader: Har nå riktig ref-type. (#2391)
• Datepicker: Fungerer nå bedre i Modal (#2400)
• MonthPicker: Fikset tastaturnavigasjon (#2374)
• Forms: Fikset bug der size='small' ikke oppdaterte typografi. (#2372)
• HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px (#2376)
• 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-css

• Chips.Toggle: Ikon i uvalgt tilstand (#2395)
• Checkbox, Radio: Transparent-border fungerer nå bedre på mørkere bakgrunner (#2388)
• Radio: readonly håndterer nå hover-state bedre (#2363)
• Select: Tokenstøtte for å endre chevronfarge sammen med tekst (#2383)
• HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px (#2376)
• CopyButton: Justert padding, gap og animasjon (#2355)

@navikt/ds-tokens

• Ny spacing token på 0.375rem (#2370)

@navikt/aksel-icons

• Ikoner: Nye ikoner ChevronLeftFirstCircle og ChevronRightLastCircle (#2365)

[email protected]

@navikt/ds-react

• Datepicker: Popover legger seg nå ikke ovenfor input (#2349)
• DatePicker: Smalere inputfelt (#2354)
• Datepicker: Tilbyr nå muligheten til å bruke onWeekNumberClick. (#2311)
• 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
• Accordion: Console.error når Accordion blir brukt feil. (#2310)
• Added aria-hidden to AccordionContent when closed, to fix issue where Radio labels were omitted when opening/closing AccordionItems (#2338)
• Primitives: Ny komponent Bleed (#2278)
• Stack: Kan nå endre direction, justify og align ved brekkpunkt. Stack er også nå en egen komponent sammen med HStack og VStack. (#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-css

• Modal: Setter riktig tekstfarge (#2340)
• Accordion: Har nå 0.25rem padding-top mellom innhold og heading. (#2310)
• Select: Added cursor:pointer to Select component (#2293)
• Primitives: ny komponent Bleed (#2278)
• Box: Forenkling av CSS-variabler (#2279)
• Box: sett border-radius riktig (#2329)
• Stack: Kan nå endre direction, justify og align ved brekkpunkt. Stack er også nå en egen komponent sammen med HStack og VStack. (#2286)
• Datepicker: Tilpasset padding og sizing på mobil. (#2311)
• MonthPicker: Tilpasset padding og sizing på mobil. (#2311)

@navikt/ds-tokens

• Tilbyr nå token literals for typer, tidligere string literals (#2342)

@navikt/aksel-icons

• SVG export setter nå height="1em", width="1em" og fill="currentColor". (#2300)
• Nye ikoner book og books (#2313)
• Nye ikoner ClipboardCheckmark og ClipboardLink (#2307)

[email protected]

@navikt/ds-react

• Primitives: Box er lagt til, erstatter dagens Panel (#2195)
• Primitives: Nye komponenter Show og Hide er lagt til. (#2222)
• Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)
• MonthPicker: Fikset kalkulering av fromDate/toDate (#2269)
• Search: Kjører nå bare preventDefault ved Escape når input inneholder tekst (#2245)

@navikt/ds-css

• ErrorSummary: Har nå 8px border-radius (#2256)
• Tokens: data-theme="light" vil nå tilbakestille theming (#2238)
• Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)