Skip to content

Latest commit

 

History

History
1460 lines (733 loc) · 59.6 KB

CHANGELOG.md

File metadata and controls

1460 lines (733 loc) · 59.6 KB
Raw

Changelog

6.10

@navikt/ds-css

  • 💄 Remove bottom margin on last item in Stepper and adjust FormProgress accordingly (#2971)
  • ✨ Modal: add small version (#2909)

@navikt/ds-react

  • ✨ Modal: add small version (#2909)

@navikt/aksel-icons

  • Icons: Added back support for sourcemapping. (#2978)

6.9

@navikt/ds-css

  • Increased padding size for contentBlockPadding on the Page primitive to 4 rem to reflect docs/Figma (#2876)

  • Fixed Combobox small sizing to align with other form fields (#2801)

@navikt/ds-react

  • 🐛 Modal: Fix issue where polyfill-classname was not applied when using SSR (Next.js) (#2954)

  • Combobox: Improved performance when parsing 1k or more options. (#2937)

  • Stepper: Removed unsafe_index prop. (#2926)

  • Added options row-reverse and column-reverse to direction prop on Stack. Should only be used with caution. (#2876)

@navikt/aksel-icons

  • Icons: New icons for geometric shapes (#2927)

6.8

@navikt/ds-css

  • ✨ Ny komponent: FormProgress (#2855)
  • HGrid: forenklet CSS. (#2917)

@navikt/ds-react

  • ✨ Ny komponent: FormProgress (#2855)
  • Stepper.Step: Set aria-current to "step" instead of true (#2920)

6.7

@navikt/ds-css

  • Progressbar: Tweak API, examples, stories and css (#2892)
  • ✨ Ny komponent: ProgressBar (#2845)

  • Checkbox, Radio: Erstatter :focus-visible med :focus for bedre UX brukt sammen med ErrorSummary. (#2893)

  • 💄 tweak CSS for timeline pins. (#2889)

@navikt/ds-react

  • Progressbar: Tweak API, examples, stories and css (#2892)

  • Combobox: Remove 'Ingen søketreff' when custom options allowed (#2895)

  • Datepicker, MonthPicker: Rekkefølgen på årstall i Select er reversert slik at siste år er øverst. Dette er endret for å være bedre tilpasset ekspertsystemer der de mest relevante årene ble vist lengst unna musepeker ved klikk. (#2882)

  • ✨ Ny komponent: ProgressBar (#2845)

6.6

@navikt/aksel

  • Aksel CLI: Fjernet deprecated komponenter fra css oversikt. (#2860)

@navikt/ds-css

  • ✨ Ny komponent FormSummary (#2802)

@navikt/ds-react

  • Spacer: Er nå span (tidligere div). (#2874)
  • ✨ Ny komponent FormSummary (#2802)
  • Combobox: Prevents "Enter" while Combobox is focused from submitting form. (#2861)

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-css

  • FileUpload: Item-illustrasjon er nå radius-full (#2834)

@navikt/ds-react

  • FileUpload.Item: 💥 Endret API og støtte for å sette ID på knappen (#2824)

6.3

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

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

6.2

@navikt/ds-react

  • Select: Fjern 'multiple' fra SelectProps (#2782)

@navikt/aksel-icons

  • Ikoner: Nytt ikon archive (#2772)

  • Ikoner: Nytt ikon opensource (#2787)

6.1

@navikt/ds-css

  • Link: Fjern hover-farge (#2767)

  • Modal: Får nå fokus når åpnes i Safari (#2688)

@navikt/ds-react

  • Modal: Fikser uønsket lukking ved klikk-og-dra mellom backdrop og modal (f.eks. ved markering av tekst) dersom closeOnBackdropClick er true. (#2752)

  • Modal: Endre title på lukkeknapp til bare 'Lukk' (#2688)

  • Modal: Bedre feilmeldinger ved feil bruk av props (#2744)

  • Modal: Ikke opphev scroll lock ved lukking av nesta modal (DatePicker) (#2743)

6.0

@navikt/aksel

  • Chat: Fjernet deprecated props backgroundColor og avatarBgColor. Bruk prop variant som erstatning. (#2623)

@navikt/aksel-stylelint

  • Textarea: Fjernet div med klassen navds-textarea__wrapper (#2623)

@navikt/ds-css

  • Tokens: La til nytt brekkpunkt 2xl for 1440px. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av screen: "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-tokens

  • Tokens: La til nytt brekkpunkt 2xl for 1440px. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av screen: "2xl" ikke brekker app. (#2623)

  • Tokens: Fjernet token --a-z-index-modal da den ikke lengre blir konsumert i systemet. (#2623)

@navikt/ds-react

  • Chat: Fjernet deprecated props backgroundColor og avatarBgColor. Bruk prop variant som erstatning. (#2623)

  • Search: Fjern 'type' fra SearchProps (#2623)

  • Tokens: La til nytt brekkpunkt 2xl for 1440px. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av screen: "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-tailwind

  • Tokens: La til nytt brekkpunkt 2xl for 1440px. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av screen: "2xl" ikke brekker app. (#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)

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 bruke createPortal, også på serversiden (#2697)

5.17

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

@navikt/ds-react

  • Bleed: marginInline='full' og reflectivePadding 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)

5.16

@navikt/ds-css

  • ✨ Combobox: Mulighet for å begrense hvor mange valg bruker kan ta (#2260)

@navikt/ds-react

  • ✨ Combobox: Mulighet for å begrense hvor mange valg bruker kan ta (#2260)

@navikt/ds-tailwind

  • Tailwind: La til ny maxWidth for text (#2652)

@navikt/aksel-icons

  • Ikoner: Nytt ikon LocationPin ✨ (#2672)

5.15

@navikt/ds-react

  • HelpText: HelpText-state ble ikke riktig oppdatert ved klikk (#2643)

@navikt/aksel-icons

  • Ikoner: Synket ikoner med Figma. Lagt til nytt ikon FigureChild (#2629)

5.14

@navikt/ds-css

  • Tag: Har nå innebygd støtte for ikoner (#2611)
  • Table: Checkbox nested i CheckboxGroup mister nå ikke padding (#2612)

@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 i useMemo med lokal useMergeRefs-hook (#2609)

5.13

@navikt/ds-css

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

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

5.12

@navikt/aksel-stylelint

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

@navikt/ds-css

  • ExpansionCard: Divider mellom header og innhold (#2566)

@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 bedre fontsize (#2563)

  • Datepicker: Lukk-knapp i modal har nå type button for å unngå form-submition (#2568)

@navikt/aksel-icons

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

5.11

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

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

  • Ikoner: Nytt ikon PushPin (#2503)

5.10

@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 og Page.Block (#2456)

@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)
  • Primitives: Ny komponent Page og Page.Block (#2456)

@navikt/ds-tailwind

  • typescript types for tailwind preset (#2486)

5.9

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

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

5.8

@navikt/ds-css

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

@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 i button. (#2426)

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

5.7

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

@navikt/ds-tokens

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

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

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

5.6

@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 med HStack og VStack. (#2286)

  • Datepicker: Tilpasset padding og sizing på mobil. (#2311)

  • MonthPicker: Tilpasset padding og sizing på mobil. (#2311)

@navikt/ds-tokens

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

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

  • Ikoner: SVG export setter nå height="1em", width="1em" og fill="currentColor". (#2300)

  • Ikoner: Nye ikoner book og books (#2313)

  • Ikoner: Nye ikoner ClipboardCheckmark og ClipboardLink (#2307)

5.5

@navikt/ds-css

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

  • Box: Ny primitive, erstatter dagens Panel (#2195)
  • Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)

5.4

@navikt/ds-css

  • Primitives: Nye komponenter Show og Hide er lagt til. (#2222)
  • ErrorSummary: Har nå 8px border-radius (#2256)

@navikt/ds-tokens

  • Tokens: data-theme="light" vil nå tilbakestille theming (#2238)

@navikt/ds-react

  • MonthPicker: Fikset kalkulering av fromDate/toDate (#2269)
  • Primitives: Nye komponenter Show og Hide er lagt til. (#2222)
  • Search: Kjører nå bare preventDefault ved Escape når input inneholder tekst (#2245)

5.3

@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 og truncated. (#2211)

@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 og visuallyHidden. (#2211)

  • BodyLong, BodyShort, Detail: Oppdatert med props textColor,weight,align, visuallyHidden og truncated. (#2211)

  • ♿ Textarea: Skjermleser-spesifikk tekst leses opp sammenhengende (#2216)

@navikt/aksel-icons

  • 🐛 SVG import map er nå riktig path (#2250)

5.2

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

@navikt/ds-react

  • Button: Ved bruk av as-prop vil role="button" nå bli lagt til. Native onKeyUp for Space er også implementert slik at standard button-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/aksel-icons

  • Ikoner: Oppdatert ikonpakke (#2197)

5.1

@navikt/ds-css

  • 💄 Modal: fjern kantlinje (#2210)

  • Tokens: Fikset table-token (#2204)

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

5.0

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

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

4.12

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

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

4.11

@navikt/ds-css

  • 💄 ToggleGroup: fjern semibold fra selected button (#2167)
  • Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. (#2159)

  • List: Fikset alignment av ikoner (#2149)

  • Font: La til egen font for semibold italic for bedre skalering cross-browser (#2150)

@navikt/ds-react

  • Fixes bug where combobox list could not be closed after clicking a chip (#2155)

  • Grid: Markert som deprecated. Bruk nye 'HGrid' (#2153)

4.10

@navikt/ds-css

  • Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind
  • Link: La til 'variant', 'underline' og 'inlineText'-prop (#2093)

@navikt/ds-react

  • Link: La til 'variant', 'underline' og 'inlineText'-prop (#2093)

4.9

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

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

4.8

@navikt/ds-css

  • Nye komponenter VStack, HStack og Spacer for å enklere kunne lage layout med flexbox og spacing-variabler. (#2040)

@navikt/ds-react

  • Nye komponenter VStack, HStack og Spacer for å enklere kunne lage layout med flexbox og spacing-variabler. (#2040)

4.7

@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 var completed (#2116)
  • Ny komponent Combobox! (#1868)

@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 var completed (#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)

4.6

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

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

4.5

@navikt/ds-css

    • Alert: La til closeButton-prop (#2079)
    • Button: Fikset outline-bug i tertiary-variant ved :active-state (#2079)

@navikt/ds-react

    • Alert: La til closeButton-prop (#2079)

4.4

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

  • Shadow-tokens er oppdatert til mer tydeligere varianter (PR)

@navikt/ds-react

  • Textarea: Fikset i18n for counter (718b3204d)
  • Fikset klassenavn brukt for popover i Datepicker og Monthpicker (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-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)

@navikt/ds-react

  • Popover og Helptext har nå luft mot siden av skjerm på mindre flater (PR)

4.2

@navikt/ds-css

  • Chat: small-size, innebygde varianter for farge og oppdatert utseende. (PR)

@navikt/ds-react

  • Oppdatert Chat: size og variant-prop, optional avatar, uu og ui-forbedringer (PR)

4.1

@navikt/aksel-stylelint

  • Deprecated klassenavn navds-chips--icon-left (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 og action-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-tokens

  • 🎉 Fargetokens for datavisualisering. (PR)

  • Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (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 og action-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-tailwind

  • 🎉 Fargetokens for datavisualisering. (PR)

@navikt/aksel-icons

  • Nye ikoner ChevronRightLast og ChevronLeftLast (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-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

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

3.4

@navikt/aksel-stylelint

  • La til riktige dependencies (PR)
  • Inkluderer nå dist-mappe i release
  • Stylelint-pakke for Aksel (PR)

@navikt/ds-css

  • Tag: moderate-variant (PR)

@navikt/ds-react

  • 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/ds-css

  • Datepicker: Fikset small-variant av datepicker-input. (PR)

  • CopyButton: xsmall-size for bruk i tabeller (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/aksel-icons

  • Nye ikoner FileParagraph og FilePlus (PR)

3.1

@navikt/ds-css

  • 💄 Oppdatert utseende for ToggleGroup. Medium og Small-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)

@navikt/ds-react

  • Oppdatert Label og Description spacing for alle skjemakomponenter (PR)

3.0

@navikt/ds-css

  • Accordion: Chevron er left-aligned, deler av styling er refaktorert, size-props og neutral-variant (PR)

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

2.9

@navikt/aksel

  • 🚚 Flyttet Codemods fra @navikt/ds-codemods -> @navikt/aksel. @navikt/ds-codemods regnes nå som deprecated (PR)

@navikt/ds-css

  • CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig (PR)

@navikt/ds-react

  • ExpansionCard: Støtter nå aria-labelledby i tillegg til aria-label (PR)

@navikt/aksel-icons

  • Oppdatert Statusikoner til å være tydeligere og mer konsistente. (PR)
  • Fikset CheckmarkIcon-bug
  • Fikset CheckmarkCircleIcon-bug (PR)
  • Nye ikoner BulletList og NumberList (PR)

2.8

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

@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 og Checkbox.
  • Textarea: oppdatert counter-tekst + mulighet for lokalisering (PR)
  • ExpansioCard: Oppdatert typografibruk (PR)
  • ExpansionCard: Oppdaetrt standard title-size til medium
  • Ny komponent ExpansionCard! (PR)

@navikt/aksel-icons

  • 🎉 Nye ikoner HandKnot og HandKnotFilled (PR)
  • Oppdatert InformationSquare-ikon (PR)
  • Oppdatert VideoSlack, Questionmark og Information-ikoner (PR)
  • Nye ikoner VideoSlash og VideoSlashFill
  • Fikset Sourcemap-bug

2.7

@navikt/ds-css

  • Tabs: La til focus-markering for Tabs.Panel (PR)
  • ToggleGroup: Fikset token-bug

@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. Fjernet EscalatorStroke (PR)
  • Ny ikonpakke med for core icons 3! @navikt/aksel-icons (PR)

2.6

@navikt/ds-react

  • Textarea: Fikset React v18 problem med TextareaAutosize
  • Search: onSearchClick-prop for lettere submit-handling

2.5

@navikt/ds-tokens

  • Breakpoint-tokens lagt til (PR)

@navikt/ds-react

  • List: Refaktorert nestede lister

@navikt/ds-tailwind

  • Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints (PR)

2.4

@navikt/ds-css

  • Select: Fikset disabled + opacity bug for Chrome
  • List: La til støtte for nesting (PR)

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

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-css

  • ToggleGroup: Neutral-variant. (PR)

  • Button: Neutral-variant.

@navikt/ds-tokens

  • Justeringer av semantiske fargetokens, statusfarger nå mer tydelig (PR)

  • Oppdatert neutral-tokens (PR)

@navikt/ds-react

  • ToggleGroup: neutral-variant (PR)

  • Button: neutral-variant (PR)

2.1

@navikt/ds-css

  • TextField: small-variant har nå 8px horisontal padding (før 4px)

@navikt/ds-tokens

  • Fikset feil danger-hover token (PR)

@navikt/ds-react

  • Datepicker: Fikset rekkefølge på onValidate og onRangeChange 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å

2.0

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

  • Alle token er oppdatert til nytt format. (Guide)

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

  • Alle token er oppdatert til nytt format. (Guide)

1.5

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

@navikt/ds-react

  • Modal: parentSelector-prop i Modal (PR)
  • Datepicker: defaultMonth og Year prop lagt til
  • Datepicker: fungerer nå med open shadow-dom
  • Chips: FilterChips heter nå ToggleChips

  • Tag: filles-varianter (PR)

  • Ny komponent Chips! (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-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.

@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 og completed-props for wizard-løsninger

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 og iconPosition-prop for bedre ikonplassering

  • Tabs: loop-prop er flyttet fra Tabs.Tablist til Tabs. iconPosition-prop er flyttet fra Tabs.Tab til Tabs

  • Chat: SpeechBubble-komponent er renamet til Chat.

  • Chat: topText heter nå name og timestamp, illustration heter nå avatar og illustrationBgColor heter nå avatarBgColor

  • Pagination: medium -> small, small -> xsmall

  • Popover: auto, auto-start og auto-end er fjernet som placement-prop

  • CopyToClipboard: iconPlacement er renamet til iconPosition

  • ConfirmationPanel: ref er flyttet fra wrapper-div til checkbox

  • Stepper: StepIndicator er refaktorert og renamet til Stepper. 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 dependency

  • react-popper og @popperjs/core er fjernet som dependency. Bruker nå @floating-ui/react-dom-interactive

  • classnames er byttet ut med clsx internt

  • react-collapse er fjernet som dependency

  • uuid er fjernet som dependency. Bruker nå intern løsning for id-håndtering

  • Label: er nå standard label-tag (tidligere p-tag)