Aksel@5.7

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

Aksel@5.6

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

Aksel@5.5.0

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

Aksel@5.3.0

@navikt/ds-react

• 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)
• DatePicker: Riktig skriftstørrelse på small input (#2232)
• Fix bug in monthpicker, only compare year and month for equality on date object (#2231)

@navikt/ds-css

• GuidePanel: justert design (#2227)
• Fix missing accordion bottom box-shadow on last element (when opened) (#2229)
• Typography: Oppdatert med typo-klasser for textColor, weight, align, visuallyHidden og truncated. (#2211)

Aksel@5.2.0

@navikt/aksel-icons

• Ikoner: Oppdatert ikonpakke (#2197)

@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)
• Combobox: Hover tar nå over fokus i listen under dropdown. (#2193)

@navikt/ds-css

• CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. (#2219)
• Font: Fikset henting av italic-font (#2220)

Aksel@5.1.0

@navikt/ds-react

• ✨ Modal: mulighet for å rendre i portal (#2209)
• ✅ Modal: use polyfill in JSDOM (#2208)
• Datepicker: Input setter nå ikke aria-controls før popover åpnes (#2213)

@navikt/ds-css

• 💄 Modal: fjern kantlinje (#2210)
• Tokens: Fikset table-token (#2204)

Aksel@5.0.0

Versjon 5

Du finner mer om endringene og motivasjonen bak dem bloggposten vår.

Breaking changes

• Modal er refaktorert og har nå et nytt API. Du finner alle endringene i migreringsguiden vår.
• Gråskala er oppdatert
• Action-selected farger er oppdatert
• Table er oppdatert

Aksel@4.12.1

Nytt siden v4.7.2

For up-to-date oversikt over endringer finner man dem i endringsloggen vår.

Nye komponenter

• Stack
• HGrid

Features

• Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127). Takk @MarionHauffNAV 🎉
• Textfield: La til type 'time' som tilgjengelig option
• Link: La til 'variant', 'underline' og 'inlineText'-prop

Misc oppdateringer

• CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
• Alert: Fikset alignment av status-ikon mot tekst (#2179)
• 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)
• Combobox: La til støtte for feilmeldinger i Combobox (#2182)
• 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)
• Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect (#2177)
• ToggleGroup: fjern semibold fra selected button (#2167)
• Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. (#2159)
• Font: La til egen font for semibold italic for bedre skalering cross-browser (#2150)
• Fixes bug where combobox list could not be closed after clicking a chip (#2155)
• Grid: Markert som deprecated. Bruk nye 'HGrid'
• Button: Fikset aria-live bug der knapp alltid ble lest opp av skjermleser ved render (#2143)
• Chips: Removable Chips submitter ikke forms ved klikk lengre (#2124)
• Oppdatert bruk av REM i komponenter for forbedret font-scaling i alle browsers (#2126)

Aksel@4.7.2

Nytt siden v4.1.7

For full up-to-date oversikt over endringer finner man dem i endringsloggen vår.

• Chat er oppdatert med small-variant + oppdaterte varianter for utseende (PR)
• Helptext og Popover har nå innebygd maksbredde på mobil for å unngå at de legger seg helt i kanten (PR)
• ExpansionCard: Ved nesting av komponetene fikk man styling fra parent, dette er fikset (PR)
• Shadow-tokens er oppdatert til mer tydeligere varianter (PR)
• Datepicker-popover har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall (PR)
• Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)
• Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" (#2077)
• Textarea: Fikset i18n for counter (718b3204d)
• Alert: La til closeButton-prop (#2079)
• Button: Fikset outline-bug i tertiary-variant ved :active-state (#2079)
• Skjema: De fleste skjemakomponenter støtter nå readOnly-state (#2080)
• Timeline: Har nå egen axisLabelTemplates-prop for axixlabel formatering (#2109)
• Datepicker: Fikset bug ved bruk dynamisk oppdatering av minDate. Vist month vil nå alltid være oppdatert når datepicker åpnes (#2117)
• Stepper: Fikset hotizontal-bug når step var completed (#2116)
• Ny komponent Combobox! (#1868)

Combobox

Combobox er nå tilgjengelig for testing 🎉 🎉 Dokumentasjon finner man her. Ved feil eller mangler ønsker vi gjerne å høre mer om de gjennom issues eller kontakt på slack!

Dette er en komponent som kombinerer tekstfelt og nedtrekksliste. Den lar brukeren skrive direkte i tekstfeltet eller velge fra en liste med alternativer i nedtrekkslista. Vanlige brukstilfeller er når brukeren skal velge blant mange predefinerte alternativer, ikke kjenner alternativenes stavemåte eller ikke vet nøyaktig hvilke alternativer som finnes.

Egnet til:

• Velge blant en lang liste av alternativer
• Oppgi verdier på et standardisert format, som navn på land
• Velge én eller velge flere verdier
• Søke i store datasett

Aksel@4.1.7

Nytt siden v4.1.0

• 🐛 Fikset bruk av text-subtle på skjemaelementer #2049
• 🐛 Datepicker og Monthpicker lukker nå popover ved escape #2052
• 🐛 OverridableComponent omitter nå 'as'. Kan nå brukes rett ut av boksen med styled-components og Next/link #2051
• To nye ikoner ChevronRightLast og ChevronLeftFirst #2047
• 🎨 Helptext har nå en prop forwrapperClassName, bedre maksbredde for padding mot sider #2056
• 🐛 Timeline.Period fungerer nå ved testing i JSdom 42b5af6

Søk

#2062

Aksel.nav.no har oppdatert søket sitt 🔎 Vi har valgt å teste en løsning mer lignende "command-line" med raskere respons og mer "search as you go". Målet er å gjøre søket til en effektiv måte å navigere på Aksel og et reelt alternativ til å navigere gjennom strukturen manuelt.
Vi har også gjort noen forbedringer til hvordan vi utfører spørringer, slik at resultatene også nå vil være mer relevante og sende deg til det relevante innholdet du fikk søketreff på.