7.6
@navikt/aksel-icons
- Icons: Added new icons 'TruckPercent' and 'ShieldCheckmark' 🎉. (#3416)
@navikt/ds-react
- ActionMenu: Added 'align'-prop to 'ActionMenu.Content'. This allows menu to 'start' or 'end' align in reference to anchor. (#3414)
- ReadMore: Added size 'large'. (#3372)
- DatePicker/MonthPicker: Remove pointerEvents=none on CalendarIcon so that the title shows up as tooltip on hover (#3390)
- Combobox: Single-select now shows cursor closer to selected item. (#3384)
@navikt/ds-css
- ReadMore: Added size 'large'. (#3372)
- Select: Now shows focus-outline when ':focus' is set trough pointer or label in all browsers. Chrome and Firefox handles
:focus-visible
differently for 'select', previously causing outline-border not to show in Firefox. (#3415) - Modal: Don't add scroll shadow when polyfilled (#3408)
- Modal: Now shows up while screensharing with Vergic (#3407)
- FileUpload: Remove browser styling from FileUpload.Item when used in list. (#3413)
- Combobox: Single-select now shows cursor closer to selected item. (#3384)
7.5
@navikt/aksel-icons
- Icons: 🎉 Added FileJpeg, FilePng and MedicalThermometer. (#3332)
@navikt/aksel
- Chore: Manually bump version to sync npm and github-releases (aa7c2d9)
@navikt/ds-react
- Allow RC versions of React 19 through peerDependencies (#3391)
- Combobox: Fix issue where using arrow keys in list would make the entire page scroll (#3364)
- React: Allow all react versions above 17.0.0 trough peerDependencies. (#3334)
- Datepicker: Use of 'open'-prop set to 'true' on first render could lead to the dialog not opening. (#3333)
@navikt/ds-css
- Combobox: Fix issue where using arrow keys in list would make the entire page scroll (#3364)
7.4
@navikt/ds-react
- Pagination: More precise type for renderItem (#3275)
- Combobox: Pressing 'Enter' after canceling autocomplete could result in using matching options in list. (#3306)
- Tabs.List: Remove redundant icon titles (#3282)
- Combobox: onToggleSelected is now called with correct value when autocomplete and new values are allowed. (#3287)
- Combobox: 🐛 Fix scroll issue when using arrow keys to navigate list (#3269)
- Search: Remove redundant role attribute (#3280)
- Monthpicker: Add allowed input format 'MMyyyy'. (#3285)
- Combobox: Enable option to add a new value while autocompleting and highlight matches in FilteredOptions. (#3225)
- Date/MonthPicker: Upgrade react-day-picker to fix issue with React 19 (#3268)
- Combobox: Don't scroll when browsing list with mouse (#3265)
- Avoid warning about element.ref in React 19 (#3268)
- Checkbox: Remove redundant attribute aria-checked (#3274)
@navikt/ds-css
7.3
@navikt/ds-react
- Combobox: 🐛 Remove virtual focus on input blur instead of moving it (#3261)
- ActionMenu: 🎉 New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the documentation. (#3081)
- Accordion: Remove redundant icon title (#3230)
- Modal: Close button now avoids triggering when repeated keystrokes are detected. This helps stop accidental closing of Modal when 'Enter'-key is held down. (#3081)
@navikt/ds-css
- Updated to Selectors Level 4 syntax. (#3250)
- ActionMenu: 🎉 New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the documentation. (#3081)
- List.Item: Center icon horizontally inside it's container (#3253)
7.2
@navikt/ds-react
@navikt/ds-css
- Combobox: Support PageUp/PageDown in dropdown list. (#3158)
7.1
@navikt/aksel-stylelint
@navikt/ds-react
- List: Add indentation and remove overly verbose aria attributes (#3184)
- Combobox: 🐛 implement missing readonly and disabled (#3180)
- Pagination: 💄 Updated font-weight to 600 and marked 'page'-prop on 'Item' as deprecated. (#3164)
- Combobox: 🏷 Better typing for maxSelected prop (#3169)
- ErrorSummary: Remove aria-attributes. (#3171)
@navikt/ds-css
- List: Explicitly set list-style on ol to override reset-CSS (#3202)
- List: Add indentation and remove overly verbose aria attributes (#3184)
- Datepicker/Select: 💄 dim non-interactable icons when readonly is set. (#3187)
- Combobox: 🐛 implement missing readonly and disabled (#3180)
- Accordion: Remove 'relative' positioning when focused. This resolves some issues where floating elements like popover ended up clipping. (9c1eba445)
7.0
@navikt/aksel-icons
- Icons: Removed renamed icons. See migration guide for changes. (#3139)
@navikt/ds-tailwind
- Tailwind: Extended 'screens'-config in theme to match Aksel breakpoints. Tailwind and Primitives can now be used side by side with matching dynamic breakpoints. See migration guide for potential issues when adopting. (#3139)
@navikt/ds-react
- Combobox: Fix issue with whitespace in the ID of options with multiple spaces (#3162)
- ErrorSummary: Added fallback text for
heading
. (#3139) - Tooltip: 💥 Updated labeling of items inside Tooltip. See migration guide for how to update. (#3139)
- ErrorSummary: Focus heading instead of container for improved experience with screen reader. (#3139)
@navikt/ds-css
6.17
@navikt/aksel-icons
- Icons: New 'face' icons for 'Engagement'-category. (#3134)
@navikt/ds-react
- Combobox: Add support for
onBlur
, and omit props that have no effect. (#3125)
6.16
@navikt/aksel-icons
- Icons: Updated Clipboard icons. (#3113)
@navikt/aksel
- Aksel-CLI: Bump jscodeshift-add-imports to 1.0.11. (#3099)
@navikt/ds-tokens
- Tokens: Adjusted Green 400 to comply with AA 3.00 contrast. (#3091)
@navikt/ds-react
- Combobox 🚸 single select now hides selected value when typing, onBlur clears input (#3124)
- Combobox: 💄 hide caret on select (#3071)
- 🐛 Combobox: trailing spaces no longer work like wildcards for autocomplete suggestions (#3105)
- Fixed bug in Combobox where the wrong option was selected on Enter if the autocompleted word was not the first in FilteredOptions (#3110)
- Table: Corrected the type of onSortChange (#3103)
- :adhesive_bandage: Combobox: Placeholder goes away when an option is selected (#3101)
- Table: Fixed background-clipping when using ExpandableRow. (#3095)
- Primitives: Added
gridColumn
-prop for more grid alignment control. (#3082)
@navikt/ds-css
- Combobox: 💄 hide caret on select (#3071)
- Font: Reverted change introduced in v6.14 where font locations were changed. This caused a regression where every preload-instance to old font locations no longer worked. (#3114)
- Table: Fixed background-clipping when using ExpandableRow. (#3095)
- Primitives: Added
gridColumn
-prop for more grid alignment control. (#3082) - FormSummary: Added background color (#3093)
- Modal: Added scroll shadows (#3083)
6.15
@navikt/aksel-icons
- Icons: New icon-series for 'SplitHorizontal' and 'SplitVertical' (#3072)
@navikt/ds-react
6.14
@navikt/ds-tokens
- Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext (#3044)
@navikt/ds-react
- Breaking change: Combobox.onChange now receive only value as argument, instead of ChangeEvent (#2974)
- Improved search in Combobox - find hits anywhere in the label (#2974)
- Tabs, ToggleGroup: Rovingfocus now respects shift, alt, ctrl and meta-keys when navigating. (#3041)
- Prevent NullPointer when adding a new/custom option in Combobox single-select (#3054)
- Combobox: Entering an already selected option and pressing enter no longer removes it (#3061)
- Combobox: Description is now connected to the input field via aria-describedby (#3065)
- Prevent Escape in open Combobox from closing Modals (#3053)
@navikt/ds-css
- Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext (#3044)
6.13
@navikt/ds-react
- Modal: New prop
placement
for anchoring the modal to the top of the viewport. (#3033)
@navikt/ds-css
- Modal: New prop
placement
for anchoring the modal to the top of the viewport. (#3033)
6.12
@navikt/aksel-icons
@navikt/ds-react
- Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. (#3003)
- ToggleGroup: Selecting already selected value now avoids sending extra event (#3012)
- Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. (#3007)
@navikt/ds-css
- Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. (#3003)
- Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. (#3007)
6.11
@navikt/ds-react
- FileUpload: Added description-prop for Item. (#2975)
- Pagination: Added prop for hidden heading. (#2976)
- ToggleGroup: Added props
icon
andlabel
as a replacement forchildren
. Children is marked as deprecated and will be removed in a future major-version. (#2929) - List: Changed List.Item to BodyLong, changed Item spacing from 1rem to 0.5rem. (#2979)
- Page: Removed surface-subtle from background-prop (#2987)
@navikt/ds-css
6.10
@navikt/aksel-icons
- Icons: Added back support for sourcemapping. (#2978)
@navikt/ds-react
- ✨ Modal: add small version (#2909)
@navikt/ds-css
6.9
@navikt/aksel-icons
- Icons: New icons for geometric shapes (#2927)
@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/ds-css
6.8
@navikt/ds-react
@navikt/ds-css
6.7
@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)
@navikt/ds-css
6.6
@navikt/aksel
- Aksel CLI: Fjernet deprecated komponenter fra css oversikt. (#2860)
@navikt/ds-react
@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
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)
- 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-icons
@navikt/aksel-stylelint
- Textarea: Fjernet div med klassen navds-textarea__wrapper (#2623)
@navikt/aksel
- Chat: Fjernet deprecated props
backgroundColor
ogavatarBgColor
. Bruk propvariant
som erstatning. (#2623)
@navikt/ds-tokens
@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)
@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)
- 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-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)
- Textarea: Fjernet div med klassen navds-textarea__wrapper (#2623)
5.18
@navikt/ds-react
5.17
@navikt/ds-react
- 🐛 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
5.16
@navikt/aksel-icons
- Ikoner: Nytt ikon
LocationPin
✨ (#2672)
@navikt/ds-tailwind
- Tailwind: La til ny
maxWidth
for text (#2652)
@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)
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)
@navikt/ds-css
5.13
@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å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)
@navikt/ds-css
5.12
@navikt/aksel-icons
- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke (#2538)
@navikt/aksel-stylelint
- Stylelint: Støtter nå stylelint v16 (#2591)
@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-tailwind
- typescript types for tailwind preset (#2486)
@navikt/ds-react
- Gjør lukknapp i Alert til type button (#2497)
- 🐛 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-css
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
@navikt/ds-css
- 🐛 Modal: Bedre støtte for Tooltip i Modal (#2429)
5.7
@navikt/aksel-icons
@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/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
@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 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-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-tokens
- Box: Ny primitive, erstatter dagens
Panel
(#2195)
@navikt/ds-react
@navikt/ds-css
5.4
@navikt/ds-tokens
- Tokens:
data-theme="light"
vil nå tilbakestille theming (#2238)
@navikt/ds-react
@navikt/ds-css
- 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)
- 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
5.1
@navikt/ds-react
@navikt/ds-css
5.0
@navikt/ds-tokens
@navikt/ds-react
- ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
- 🏷 Modal: Bedre type for
width
(#2191) - ✨ 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-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)
- ✨ 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
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
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)
- 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
4.6
@navikt/ds-react
@navikt/ds-css
4.5
@navikt/ds-react
- - Alert: La til
closeButton
-prop (#2079)
@navikt/ds-css
4.4
@navikt/ds-tokens
- Shadow-tokens er oppdatert til mer tydeligere varianter (PR)
@navikt/ds-tailwind
@navikt/ds-react
@navikt/ds-css
4.3
@navikt/ds-react
- Popover og Helptext har nå luft mot siden av skjerm på mindre flater (PR)
@navikt/ds-css
4.2
@navikt/ds-react
@navikt/ds-css
- Chat:
small
-size, innebygde varianter for farge og oppdatert utseende. (PR)
4.1
@navikt/aksel-icons
@navikt/aksel-stylelint
- Deprecated klassenavn
navds-chips--icon-left
(PR)
@navikt/ds-tokens
@navikt/ds-tailwind
- 🎉 Fargetokens for datavisualisering. (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
- Ny komponent Skeleton! (PR)
- La til JSDoc dokumentasjon for alle komponenter (PR)
- Accordion: La til
indent
-prop (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)
4.0
@navikt/aksel
- Codemod for migrering av Datepicker/Monthpicker ut av Beta.
npx @navikt/aksel codemod v4-date
(PR)
@navikt/ds-react
@navikt/ds-css
- 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
3.2
@navikt/aksel-icons
@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
3.1
@navikt/ds-react
- Oppdatert Label og Description spacing for alle skjemakomponenter (PR)
@navikt/ds-css
3.0
@navikt/ds-react
- Fjernet
@navikt/ds-icons
fra dependencies - Accordion: Oppdatert default headingSize brukt i i Accordion.Header
- 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-icons
@navikt/aksel
- 🚚 Flyttet Codemods fra
@navikt/ds-codemods
->@navikt/aksel
.@navikt/ds-codemods
regnes nå som deprecated (PR)
@navikt/ds-react
@navikt/ds-css
- CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig (PR)
2.8
@navikt/aksel-icons
- Oppdatert
InformationSquare
-ikon (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
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-tokens
- Breakpoint-tokens lagt til (PR)
@navikt/ds-tailwind
- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints (PR)
@navikt/ds-react
- List: Refaktorert nestede lister
2.4
@navikt/ds-react
@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-tokens
@navikt/ds-react
@navikt/ds-css
- ToggleGroup:
Neutral
-variant. (PR) - Button:
Neutral
-variant.
2.1
@navikt/ds-tokens
- Fikset feil danger-hover token (PR)
@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-css
- TextField:
small
-variant har nå 8px horisontal padding (før 4px)
2.0
@navikt/ds-tokens
- Alle token er oppdatert til nytt format. (Guide)
@navikt/ds-tailwind
- 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-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.
1.5
@navikt/ds-react
@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)