Endringslogg

Oppdatert 26. april 2025Stabil

7.20

@navikt/ds-react

Combobox: Use option-value as id instead of label. (#3735)
Timeline: Add placement-prop for periods for more fine-grained control over Popover-placement. (#3736)

@navikt/ds-css

Combobox: Use option-value as id instead of label. (#3735)

7.19

@navikt/ds-react

Darkside: Using Page-component would always give errors when using new Theme-component. (208adb8)
Darkside: <Theme />-component no longer defaults to light-theme className when no theme is provided. (#3720)

@navikt/ds-tokens

Darkside: Update global 'meta-purple' color. (#3703)

@navikt/ds-css

Combobox: Singleselect selected value now uses the complete input-width when possible. (#3734)
Darkside: Togglegroup now has bg-input background. (#3715)
Combobox: Fix wrapping issue when ToggleListButton is hidden (#3727)

7.18

@navikt/ds-react

Darkside: Throw error if invalid Box-props are used with new Theme instead of warnings. (#3697)

@navikt/ds-css

Table: Disabled expansion-rows now has same hover-effect as other rows. (#3702)

7.17

@navikt/ds-react

Datepicker: Fixed a bug where while ranged datepicker, setting from to undefined while to were defined did not allow selecting new dates. (#3655)
List: aria-label and aria-labelledby is forwarded to list-element. (#3626)

@navikt/ds-css

Modal: Updated animations for reduced movement. (#3671)
Darkside: Synced padding with Figma. (#3651)
Darkside: Removed stacking backgrounds with transparency in Combobox. (e769eed)
ExpansionCard: Fixed bug where @media print would hide header content. (#3634)

7.16

@navikt/ds-react

React 19: Resolve unknown-type in Slot. (#3627)

@navikt/ds-css

Darkside: All classNames are now starts with .aksel instead of .navds. (#3586)

7.15

@navikt/aksel

CLI: Added primitives migration to new space-tokens. Run npx @navikt/aksel migration primitive-spacing to start migrating now. This update is supported for old and new (darkside) system. (#3597)
CLI: Added js/ts migration to new space-tokens. Run npx @navikt/aksel migration token-spacing-js to start migrating now. This update is supported for old and new (darkside) system. (#3597)

7.14

@navikt/ds-react

Datepicker: Fixed regression where some fromDate/toDate instances lead to that date ending up as disabled. (#3602)
DatePicker: Refactored locally to support react-day-picker v9. No external API has been changed. (#3525)
MonthPicker: Refactored locally and no longer depends on react-day-picker v9. No external API has been changed. (#3525)
Dependencies: react-day-picker bumped to v9.5.0. (#3525)
Dependencies: date-fns bumped to ^4.0.0. (#3525)
Darkside: Added 'arrow' back to Tooltip. (#3589)

@navikt/ds-tokens

Darkside: 💄 Bumped bg-raised token to neutral-200 in darkmode. (441d8b7)

@navikt/ds-css

Darkside: Changed outline-offset for tabpanel from -4px to -3px. (06fecf2)
DatePicker: Updated date.css to support react-day-picker v9. (#3525)
Darkside: Added 'arrow' back to Tooltip. (#3589)

@navikt/aksel-icons

Icons: 🎉 New icons LineHeight, SpaceHorizontal and SpaceVertical. (#3587)

7.13

@navikt/ds-react

Darkside: Added support for ConfirmationpPanel, Linkpanel, Panel and Dropdown. Note that all of these will be deprecated in the future. (#3581)

@navikt/ds-tailwind

Tailwind: Added darkside-support with import @navikt/ds-tailwind/darkside-tw3. (#3580)

@navikt/ds-css

Darkside: Added support for ConfirmationpPanel, Linkpanel, Panel and Dropdown. Note that all of these will be deprecated in the future. (#3581)

@navikt/aksel-icons

Icons: 🎉 New icons ExpandVertical and QuestionmarkCircle (#3583)

7.12

@navikt/ds-react

Box: Added export for BoxNew. (8576400)
Theme: Theme-prop is now optional. (f269311)
List: Marked title, headingTag and description properties as deprecated. These will not be supported in future versions and should be migrated from when possible. (#3537)
Table: Updated sorting icons for ascending and descending. (#3536)

7.11

@navikt/ds-css

ExpansionCard: Removed dynamic padding on button-element. (#3532)
Modal: Defaults to margin: auto for tailwind 4 support. (#3532)

@navikt/aksel-icons

Icons: Added new icons 'SortUp' and 'SortDown' 🎉. (#3528)

7.10

@navikt/ds-react

Table: New prop contentGutter added to ExpandableRow-component. This allows user more control for content layout inside expandable element. (#3507)
Combobox: Always render maxSelected message when isMultiSelect is set. (#3506)

@navikt/ds-css

Table: New prop contentGutter added to ExpandableRow-component. This allows user more control for content layout inside expandable element. (#3507)
Button: Using <Loader /> within icon-prop now supported. (#3515)
Combobox: Always render maxSelected message when isMultiSelect is set. (#3506)

7.9

@navikt/ds-react

ErrorSummary: ✨ new prop to prefix error with a warning icon. (#3445) All form components: replace dot with warning icon in error message.
Button: Fix edge-case where setting "loading={true}" in a Modal caused the button to get 0 width and not show spinner (#3252)
Switch: Update switch to better reflect unchecked state. (#3468)
Textarea: resize immediately upon receiving resize event (eg. inside modal opening). (#3463)

@navikt/ds-css

Table: Removed border-bottom for HeaderCell used in ExpandableRow. (#3503)
Link: 🐛 Use inside Alert got wrong text-color while focused or active. (#3489)
ErrorSummary: ✨ new prop to prefix error with a warning icon. (#3445) All form components: replace dot with warning icon in error message.
Switch: Update switch to better reflect unchecked state. (#3468)
Select: 🐛 Focus-border no longer cancels out error-border. (#3465)
Textarea: 🐛 Focus-border no longer cancels out error-border. (#3465)

7.8

@navikt/ds-react

Combobox: Only open dropdown-list onClick, not onFocus. (#3440)
Combobox: Fix issue where you could select more options than defined in maxSelected (#3434)
Timeline: In cases where earliest found date were after current date, timeline-start ended up defaulting to current date. (#3458)
Chips.Removable: Removed prop removeLabel (#3429)
i18n: ✨ Implemented i18n support for all components. Components come with support for nb, nn and en locales (Docs) (#3429)
Combobox: Removed clear button, removed tokens staring with --ac-combobox-clear, deprecated props clearButton/clearButtonLabel. (#3433)
Combobox: Changed prop maxSelected to number (#3433)
DatePicker/MonthPicker: Added new translations prop and deprecated locale prop (#3429)
Timeline: Deprecated prop axisLabelTemplates. Use Provider if you still need to change the date formats. (#3429)
Search: Deprecated prop clearButtonLabel. Use Provider if you still need to change the label. (#3429)
Textarea: Deprecated prop i18n. Use Provider if you still need to change these texts. (#3429)

@navikt/ds-css

Alert: Link-components used within Alert variant='inline' now preserves default coloring (#3461)
Table: 🔥 Removed cursor 'pointer' when 'ExpandableRow' is disabled. (#3462)
Combobox: Removed clear button, removed tokens staring with --ac-combobox-clear, deprecated props clearButton/clearButtonLabel. (#3433)
CSS: Resolved regression where the complete stylesheet was included in scoped 'components.css' file. (#3427)

@navikt/aksel-stylelint

Combobox: Removed clear button, removed tokens staring with --ac-combobox-clear, deprecated props clearButton/clearButtonLabel. (#3433)

7.7

@navikt/ds-react

CopyButton: Removed prop activeTitle. Use activeText instead. (#3426)
Combobox: 💥 Removed prop toggleListButtonLabel (#3409)
Combobox: Hid buttons from screen readers, added title on clear button, removed sr-only text on toggle list button. (#3409)
InternalHeader.UserButton: Remove title-attribute on icon and improved types. (#3424)
CopyButton: Fix issue where state changes are announced multiple times using VO in Chrome (#3374)

7.6

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

@navikt/aksel-icons

Icons: Added new icons 'TruckPercent' and 'ShieldCheckmark' 🎉. (#3416)

7.5

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

@navikt/aksel-icons

Icons: 🎉 Added FileJpeg, FilePng and MedicalThermometer. (#3332)

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

Table.ColumnHeader: Inherit text alignment in button (#3319)
Combobox: 🐛 Fix scroll issue when using arrow keys to navigate list (#3269)

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

Combobox: Disable autocomple in Firefox on Android to prevent bug (#3201)
Combobox: Support PageUp/PageDown in dropdown list. (#3158)
FileUpload: 💥 Remove UNSAFE-prefix (#3205)
List: ✨ New size 'large' (#3207)
Performance: ⚡️ Optimized memoization for rerendring in some components. (#3197)

@navikt/ds-css

Combobox: Support PageUp/PageDown in dropdown list. (#3158)

7.1

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

@navikt/aksel-stylelint

List: 💥 Removed class names "navds-list--nested" and "navds-list__item-content" (#3184)
Pagination: 💥 Added some classNames to list of deprecated (removed) classes. (#3164)

7.0

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

List: 💄 make icons 24x24px large (#3148)
ErrorSummary: Focus heading instead of container for improved experience with screen reader. (#3139)

@navikt/aksel-icons

Icons: Removed renamed icons. See migration guide for changes. (#3139)

6.17

@navikt/ds-react

Combobox: Add support for onBlur, and omit props that have no effect. (#3125)

@navikt/aksel-icons

Icons: New 'face' icons for 'Engagement'-category. (#3134)

6.16

@navikt/aksel

Aksel-CLI: Bump jscodeshift-add-imports to 1.0.11. (#3099)

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

Tokens: Adjusted Green 400 to comply with AA 3.00 contrast. (#3091)

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

@navikt/aksel-icons

Icons: Updated Clipboard icons. (#3113)

6.15

@navikt/ds-react

Combobox: Can no longer remove options with backspace when shouldShowSelectedOptions is false (#3076)
Refactored Combobox FilteredOptions (#3073)

@navikt/aksel-icons

Icons: New icon-series for 'SplitHorizontal' and 'SplitVertical' (#3072)

6.14

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

Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext (#3044)

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

@navikt/aksel-icons

Icons: New icon ChildHairEyes (#3020)
Icons: FigureCombination icon adjusted (#3031)

6.11

@navikt/ds-react

FileUpload: Added description-prop for Item. (#2975)
Pagination: Added prop for hidden heading. (#2976)
ToggleGroup: Added props icon and label as a replacement for children. 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

CopyButton: Icon is now 20px for size small and xsmall. (#2977)
Button: Updated icon size for size="small" to 1.25rem. (#2984)
List: Changed List.Item to BodyLong, changed Item spacing from 1rem to 0.5rem. (#2979)

6.10

@navikt/ds-react

✨ Modal: add small version (#2909)

@navikt/ds-css

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

@navikt/aksel-icons

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

6.9

@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

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

Icons: New icons for geometric shapes (#2927)

6.8

@navikt/ds-react

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

@navikt/ds-css

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

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

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)

6.6

@navikt/aksel

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

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

@navikt/ds-css

✨ Ny komponent FormSummary (#2802)

6.5

@navikt/ds-react

Tabs: Ny prop lazy som rendrer innhold i TabPanel selv når panel er skjult (har fortsatt display:none) (#2621)
ToggleGroup: Erstattet bruk av dependency @radix-ui/react-toggle-group med egen implementasjon. (#2620)
Tabs: La til ny prop fill som lar Tabs.Tab-elementer strekke seg over tilgjengelig bredde. (#2621)
Tabs: Erstattet bruk av dependency @radix-ui/react-tabs med egen implementasjon. (#2621)
DatePicker/MonthPicker: Valgte datoer får nå aria-pressed for å bedre indikere valg for skjermleser. (#2838)
DatePicker/MonthPicker: required-prop stoppet ikke de-select av allerede valgt dato. (#2838)
ToggleGroup: La til ny prop fill som strekker ToggleGroup til å ta opp all tilgjengelig bredde. (#2620)

6.4

@navikt/ds-react

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

@navikt/ds-css

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

6.3

@navikt/ds-react

DatePicker: Fjernet role gridcell fra dato-knapper. (#2826)
Modal: Fjern tomt element (#2819)
Switch: Fikset edgecase der checked Switch var visuelt unchecked (#2810)
FileUpload.Dropzone: id prop settes på button (#2817)
FileUpload.Dropzone: Fiks feil med duplisert id (#2805)
useDatePicker: isInvalid-key i onValidate var hadde flipper boolean i noen tilfeller (#2809)
FileUpload: Fiks feil ved import av json (#2803)
FileUpload: Disabled dropzone stopper opplasting (#2798)
Allow Combobox options as objects to support separate display text and value (#2716)
FileUpload: Ny komponent FileUpload for å håndtere opplasting av filer, Dropzone og fil-visning (#2504)

@navikt/ds-css

ReadMore: Padding-right på button er bumpet noen px (#2806)
FileUpload: Ny komponent FileUpload for å håndtere opplasting av filer, Dropzone og fil-visning (#2504)

6.2

@navikt/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-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)
Komponenter støtter nå lokal import @navikt/ds-react/Button, Dokumentasjon. (#2745)
Modal: Bedre feilmeldinger ved feil bruk av props (#2744)
Modal: Ikke opphev scroll lock ved lukking av nesta modal (DatePicker) (#2743)

@navikt/ds-css

Link: Fjern hover-farge (#2767)
Modal: Får nå fokus når åpnes i Safari (#2688)

6.0

@navikt/aksel

Chat: Fjernet deprecated props backgroundColor og avatarBgColor. Bruk prop variant som erstatning. (#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-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-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/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/aksel-icons

ESM: ds-react og aksel-icons støtter nå native ESM 🎉 (#2623)
SSR: ds-react og aksel-icons støtter nå use client og kan brukes i nextjs app-router uten lokal re-eksportering. (#2623)

@navikt/aksel-stylelint

Textarea: Fjernet div med klassen navds-textarea__wrapper (#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-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)

@navikt/ds-css

ExpansionCard: Padding-top for Content er justert opp 8px (medium) og 4px (small) (#2699)
Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox (#2682)
Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows (#2680)

5.16

@navikt/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/ds-css

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

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

@navikt/ds-css

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

5.13

@navikt/ds-react

Accordion.Item, Dropdown, ReadMore og Tooltip: Har en ny prop onOpenChange?: (open: boolean) => void; som forteller nå-state nå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-tokens

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

@navikt/ds-css

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

5.12

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

ExpansionCard: Divider mellom header og innhold (#2566)

@navikt/aksel-icons

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

@navikt/aksel-stylelint

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

5.11

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

@navikt/aksel-icons

Ikoner: Nytt ikon PushPin (#2503)

5.10

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

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

5.9

@navikt/ds-react

🐛 Datepicker lukker ikke lenger modalen den er i (#2451)
Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. (#2419)
Datepicker/Monthpicker/Popover: Fjernet bubbleEscape-prop. (#2419)
useDatepicker/useMonthPicker/useRangedpicker: Fjernet openOnFocus-prop, kan nå bare åpnes ved klikk på date-knapp i input. (#2419)
Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. (#2419)
Added useVirtualFocus hook - used in Combobox for now (#2394)

@navikt/ds-css

💄 Modal: Bedre håndtering av mobiler i landskapsmodus (#2444)
Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. (#2419)
Datepicker/Monthpicker/Popover: Fjernet bubbleEscape-prop. (#2419)
useDatepicker/useMonthPicker/useRangedpicker: Fjernet openOnFocus-prop, kan nå bare åpnes ved klikk på date-knapp i input. (#2419)
Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. (#2419)

5.8

@navikt/ds-react

✨ Modal: Støtte for å lukke ved klikk utenfor (#2386)
Autocomplete in combobox will not change formatting of the letters while being typed, but will use the casing of the autocompleted word when selecting the option. (#2207)
Accordion: Fikset dom-validering ved bruk av div i button. (#2426)
🐛 Modal: Bedre støtte for Tooltip i Modal (#2429)

@navikt/ds-css

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

5.7

@navikt/ds-react

💄 Chips.Toggle: Ikon i uvalgt tilstand (#2395)
Loader: Har nå riktig ref-type. (#2391)
Datepicker: Fungerer nå bedre i Modal (#2400)
Forms: Fikset bug der size='small' ikke oppdaterte typografi. (#2372)
HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px (#2376)
MonthPicker: Fikset tastaturnavigasjon (#2374)
Radio: readonly håndterer nå hover-state bedre (#2363)
Chores: Ryddet opp i sirkulære depdendencies (#2366)
💄 CopyButton: Justert padding, gap og animasjon (#2355)

@navikt/ds-tokens

Ny spacing token på 0.375rem (#2370)

@navikt/ds-css

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

@navikt/aksel-icons

Ikoner: Nye ikoner ChevronLeftFirstCircle og ChevronRightLastCircle (#2365)

5.6

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

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

@navikt/ds-css

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

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

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

@navikt/ds-tokens

Box: Ny primitive, erstatter dagens Panel (#2195)

@navikt/ds-css

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

5.4

@navikt/ds-react

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

@navikt/ds-tokens

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

@navikt/ds-css

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

5.3

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

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

5.2

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

Ikoner: Oppdatert ikonpakke (#2197)

5.1

@navikt/ds-react

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

@navikt/ds-css

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

5.0

@navikt/ds-react

ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
🏷 Modal: Bedre type for width (#2191)
Oppdatert Modal - Se Migrering (#2135)
✨ Støtte for header og footer
💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
💥 Provider: appElement er fjernet
Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)
Table: Har lagt til ny size: 'large'. (#2178)

@navikt/ds-tokens

ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
Tokens: --a-icon-alt-3 er nå i synk med figma (#2199)
Gray: Gråfarger er nå mindre varme (#2092)
Action: Selected-varianter av action er nå 'blue' ('deepblue' før) (#2092)

@navikt/ds-css

ConfirmationPanel: Fikset opplesing av feilmelding (#2199)
Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss (#2199)
Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind (90db7dd0c)
Oppdatert Modal - Se Migrering (#2135)
✨ Støtte for header og footer
💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)
Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)
Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). (#2178)

4.12

@navikt/ds-react

Added red border to Combobox in error state (#2184)
Combobox: La til støtte for feilmeldinger i Combobox (#2182)
CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
List: Fikset sentrering, margins (#2168)
Combobox: Kjører nå 'onChange' + 'onClear' når input blir reset programmatisk (#2183)
Combobox: Fikset custom-options i singleselect (#2180)
Combobox: Fjernet unødvendige 'onClear'-calls når man velger verdier (#2170)
Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)
Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect (#2177)

@navikt/ds-css

Added red border to Combobox in error state (#2184)
CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)
List: Fikset sentrering, margins (#2168)
Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)
Alert: Fikset alignment av status-ikon mot tekst (#2179)

4.11

@navikt/ds-react

HGrid: Ny komponent 'HGrid' er ute i Beta: Dokumentasjon (#1838)
Fixes bug where combobox list could not be closed after clicking a chip (#2155)
Grid: Markert som deprecated. Bruk nye 'HGrid' (#2153)

@navikt/ds-css

💄 ToggleGroup: fjern semibold fra selected button (#2167)
Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. (#2159)
HGrid: Ny komponent 'HGrid' er ute i Beta: Dokumentasjon (#1838)
List: Fikset alignment av ikoner (#2149)
Font: La til egen font for semibold italic for bedre skalering cross-browser (#2150)

4.10

@navikt/ds-react

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

@navikt/ds-css

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

4.9

@navikt/ds-react

Button: Fikset aria-live bug der knapp alltid ble lest opp av skjermleser ved render (#2143)
Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)
Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)

@navikt/ds-css

Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)
Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)

4.8

@navikt/ds-react

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

@navikt/ds-css

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

4.7

@navikt/ds-react

Textfield: La til type 'time' som tilgjengelig option (#2137)
Chips: Removable Chips submitter ikke forms ved klikk lengre (#2124)
Stepper: Fikset hotizontal-bug når step 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)

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

4.6

@navikt/ds-react

Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)
Skjema: De fleste skjemakomponenter støtter nå readOnly-state (#2080)

@navikt/ds-css

Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)
Skjema: De fleste skjemakomponenter har nå styling for readOnly-state (#2080)

4.5

@navikt/ds-react

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

@navikt/ds-css

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

4.4

@navikt/ds-react

Textarea: Fikset i18n for counter (718b3204d)
Fikset klassenavn brukt for popover i Datepicker og Monthpicker (PR)

@navikt/ds-tokens

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

@navikt/ds-tailwind

Shadow-tokens er oppdatert (PR)
Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)

@navikt/ds-css

💄 Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" (#2077)
Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall (PR)

4.3

@navikt/ds-react

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

@navikt/ds-css

Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. (PR)
ExpansionCard: Ved nesting av komponetene fikk man styling fra parent (PR)

4.2

@navikt/ds-react

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

@navikt/ds-css

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

4.1

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

🎉 Fargetokens for datavisualisering. (PR)
Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). (PR)

@navikt/ds-tailwind

🎉 Fargetokens for datavisualisering. (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/aksel-icons

Nye ikoner ChevronRightLast og ChevronLeftLast (PR)

@navikt/aksel-stylelint

Deprecated klassenavn navds-chips--icon-left (PR)

4.0

@navikt/aksel

Codemod for migrering av Datepicker/Monthpicker ut av Beta. npx @navikt/aksel codemod v4-date (PR)
Codemods for migrering fra @navikt/ds-react-internal til @navikt/ds-react Guide (PR)

@navikt/ds-react

Datepicker og Monthpicker er ute av beta. Guide (PR)
Komponenter i @navikt/ds-react-internal er flyttet over til @navikt/ds-react. Guide (PR)

@navikt/ds-css

All styling fra @navikt/ds-css-internal er flyttet til @navikt/ds-css. (PR)
classname-prefix er endret fra navdsi -> navds for flyttede komponenter.
Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.
Styling for flyttede komponenter finnes nå på CDN Guide

3.4

@navikt/ds-react

Tag: moderate-variant (PR)

@navikt/ds-css

Tag: moderate-variant (PR)

@navikt/aksel-stylelint

La til riktige dependencies (PR)
Inkluderer nå dist-mappe i release
Stylelint-pakke for Aksel (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-react

Search: Støtter nå htmlSize-prop (PR)
Datepicker: Oppdatert small-variant av Datepicker.Input. UI-oppdatert samtidig. (PR)
CopyButton: xsmall-variant for bruk i tabeller (PR)
CopyButton: Fjernet use client directive fra komponent. (warning i vite/rollup)
Ny komponent CopyButton! Erstatter CopyToClipboard som nå er tagget som deprecated (PR)

@navikt/ds-css

Datepicker: Fikset small-variant av datepicker-input. (PR)
CopyButton: xsmall-size for bruk i tabeller (PR)

@navikt/aksel-icons

Nye ikoner FileParagraph og FilePlus (PR)

3.1

@navikt/ds-react

Oppdatert Label og Description spacing for alle skjemakomponenter (PR)

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

3.0

@navikt/ds-react

Fjernet @navikt/ds-icons fra dependencies
Accordion: Oppdatert default headingSize brukt i i Accordion.Header
Accordion: left-aligner chevron, neutral-variant, size-prop (PR)
Bruker nå nå @navikt/aksel-icons for interne ikoner (PR)

@navikt/ds-css

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

2.9

@navikt/aksel

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

@navikt/ds-react

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

@navikt/ds-css

CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig (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-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/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/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-react

List: Refaktorert nestede lister

@navikt/ds-tokens

Breakpoint-tokens lagt til (PR)

@navikt/ds-tailwind

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

2.4

@navikt/ds-react

List: la til støtte for nestede lister (PR)
Datepicker: la til fixedWeeks-prop for å alltid vise 6 uker i Datepicker.Standalone (PR)
Ny komponent List! (PR)

@navikt/ds-css

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

2.3

@navikt/ds-css

Fikset feil bruk av fallback-tokens i Textarea og Timeline
Select: Fikset sentrering av tekst i Firefox (PR)
Select: small-variant er nå 32px (var 34px)

2.2

@navikt/ds-react

ToggleGroup: neutral-variant (PR)
Button: neutral-variant (PR)

@navikt/ds-tokens

Justeringer av semantiske fargetokens, statusfarger nå mer tydelig (PR)
Oppdatert neutral-tokens (PR)

@navikt/ds-css

ToggleGroup: Neutral-variant. (PR)
Button: Neutral-variant.

2.1

@navikt/ds-react

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

@navikt/ds-tokens

Fikset feil danger-hover token (PR)

@navikt/ds-css

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

2.0

@navikt/ds-react

Datepicker: Bedre typer for ref
Chat: toptextPosition-prop for horisontal plassering av navn og dato. (PR)
Oppdatert @floating-ui/react-versjon
Monthpicker: Fikset keyboard-click
Datepicker: Datepicker.Input satt className flere ganger
Datepicker: strategi-prop for layout-strategi av popover
Datepicker: onClick-event fikset
Fonter blir bruk i all typografi blir nå lastet fra CDN

@navikt/ds-tokens

Alle token er oppdatert til nytt format. (Guide)

@navikt/ds-tailwind

Alle token er oppdatert til nytt format. (Guide)

@navikt/ds-css

Radio: Fikset default visuell error-state (PR)
Button: Reverserte border-width endrinder (var 1.5px, nå 2px)
Bugfixer ved bruk av tokens oppdatert i v2.0.0
Fontlasting: Fonter lastes nå fra NAV-CDN
Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.

1.5

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

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