aksel/CHANGELOG.md

Changelog

8.19.1

@navikt/ds-css

• Accordion: @media print now auto-opens every Accordion (#5363)

• ExpansionCard: @media print now auto-opens every ExpansionCard (#5363)

• ReadMore: @media print now auto-opens every ReadMore (#5363)

8.19.0

@navikt/aksel

• CLI: Update clipboardy to v5.3.2 (#5357)

• CLI: Update figlet to 1.11.3 (#5360)

@navikt/aksel-icons

• Icons: Added new icon MenuHamburgerMagnifyingGlass (#5368)

8.18.0

@navikt/aksel

• Codemod: Migrations now run in folders that are not git repositories, and a missing git install gets its own error message. codemod v8 no longer stops before v8-tokens because of changes made by earlier migrations in the same run. (470a820)

• Codemod: v8-tokens no longer removes whitespace before replaced tokens or rewrites longer names that contain a token name. (#5322)

@navikt/ds-css

• ActionMenu: Faster and smoother open transition. (#5296)

@navikt/ds-react

• Radio: Add RadioCard and RadioCardGroup components (#5276)

• Badge, Lookup: now available outside of Preview scope (#5344)

• DatePicker: Use without hook now correctly closes picker on date-selection (#5327)

• ActionMenu: Menu is no longer modal, Page scroll and interaction outside the menu are no longer blocked while open. (#5296)

@navikt/ds-tailwind

• v3 preset adds rounded-ax-* and no longer lists radius tokens as colors (#5329)

• v4 theme now uses @theme inline, so dark mode and data-color work with Tailwind utilities. Font sizes are available as text-ax-* and font family as font-ax-font-family (font-family-ax-font-family is deprecated) (#5329)

8.17.2

@navikt/aksel-icons

• Package: Fixed regression where package was published without dist-files (9673de4)

8.17.1

@navikt/ds-react

• Popover: Keep bottom placement when there is not enough space above or below the anchor, so the content stays reachable by scrolling. Fixes DatePicker being cut off above the viewport. (#5297)

8.17.0

@navikt/ds-css

• New component: Badge, a small badge that communicates updates, presence or a count. (#5096)

• ExpansionCard: Updated borders and transitions (#5277)

@navikt/ds-react

• New component: Badge, a small badge that communicates updates, presence or a count. (#5096)

• Alert: Component is now marked as deprecated. Use GlobalAlert, LocalAlert, InfoCard or InlineMessage instead. (#5256)

• Combobox: Fix issue deselecting options when uncontrolled (#5259)

• Select: Prevent from being changed with keyboard when readOnly (#5257)

• DatePicker: Fix validation-bug in useRangeDatePicker where initial validation could incorrectly assume isValidDate to be false (#5278)

• OverridableComponent: Add built-in guard against using as and asChild at the same time (#5238)

8.16.2

@navikt/ds-css

• Browserlist: Updated browser-support. (#5213)

8.16.1

@navikt/aksel

• Internal infra update (a322476)

8.16.0

@navikt/ds-react

• Dependencies: Updated react-day-picker from v9.14 to v10.0.1 (#5143)

• Internal: Optimized rendering of asChild-components (efa4f05)

• Provider: memorized internal context (c961c2d)

• Dependencies: updated floating-ui to latest 0.27.20 (8cc7a18)

• DataGrid: Auto-scale column-width based on document font-size (#5054)

8.15.0

@navikt/aksel-icons

• New icons: Timeline and TimelineFill (#5050)

@navikt/ds-css

• DataGrid: New component DataGrid.Preferences (#5030)

• Lookup: Changed text-decoration from dotted to dashed (#5032)

• InlineMessage: Adjusted gap between icon and text to 4px for size small (#5031)

• Lookup: updated focus-outline (#5032)

@navikt/ds-react

• DataGrid: New component DataGrid.Preferences (#5030)

• Performance: Optimized internal i18n hook (#5037)

@navikt/ds-tailwind

• Tailwind v4 config now available at @navikt/ds-tailwind/v4 (#5036)

8.14.0

@navikt/ds-css

• Lookup: 🎉 New component Lookup. (#4998)

@navikt/ds-react

• Lookup: 🎉 New component Lookup. (#4998)

• Table: Fixed content not showing when using ExpandableRows with React.Activity + React.StrictMode (#5018)

8.13.1

@navikt/ds-react

• Combobox: Selected options are now persistent in dropdown-menu for single-select (#4970)

8.13.0

@navikt/aksel-icons

• Icons: New icons Armchair, FocusRoom, PhoneRoom and Sleep (#4979)

@navikt/ds-css

• DataGrid: Added columnDividers-setting to DataGrid.Settings (#4963)

• Timeline: Update AxisLabel width calculation (#4968)

@navikt/ds-react

• DataGrid: Added columnDividers-setting to DataGrid.Settings (#4963)

• Table: ExpandableRows now works with React.Activity (#4972)

• Timeline: Update AxisLabel width calculation (#4968)

8.12.1

@navikt/ds-css

• DataGrid: Fixed sticky columns horizontal shadows (#4960)

• DataGrid: Fixed zebra-stripes with sticky columns (#4960)

@navikt/ds-react

• Timeline: Fix bug where axis-labels could overflow-x (#4959)

8.12.0

@navikt/aksel-stylelint

• Stylelint: Fixed bug in aksel-no-deprecated-classes rule skipping some classes (#4920)

@navikt/ds-css

• 🎨 ActionMenu: New medium content size and a prop to add indent to items without left marker to align items (#4911)

@navikt/ds-react

• 🎨 ActionMenu: New medium content size and a prop to add indent to items without left marker to align items (#4911)

• DatePicker: Updated user-flow for ranged datepicker with inputs. Now changes from/to-date based on which input user opened DatePicker with. (#4896)

• Textarea: Better internal type-guarding (#4950)

• Logging: Improved console warnings (#4922)

• useEventListener-hook: Inline-handlers are now stable (#4923)

• ToggleGroup: No longer uses descendant-API internally (#4931)

• ActionMenu: No longer uses descendant-API internally (#4931)

• Tabs: No longer uses descendant-API internally (#4931)

8.11.1

@navikt/ds-css

• DataGrid: Loading-bar now stays stuck to sticky-header. (#4897)

@navikt/ds-react

• DataGrid: Loading-bar now stays stuck to sticky-header. (#4897)

• Popover: Fixed issue where clicking inside container sometimes could lead to Popover closing (#4909)

• DataGrid: Added columnDisplay value to settings (#4908)

• DataGrid.Table: Fix auto-width for col with "show nested rows" button (#4906)

@navikt/ds-tokens

• Add types for token_docs and remove internal-types from package (#4912)

8.11.0

@navikt/aksel-icons

• Icons: New icon Newsletter and NewsletterFill (#4887)

@navikt/ds-css

• DataGrid: New preview of DataGrid and DataGrid.Table-components (#4885)

@navikt/ds-react

• DataGrid: New preview of DataGrid and DataGrid.Table-components (#4885)

8.10.6

@navikt/ds-css

• 🎨 InfoCard: Added bigger padding for medium sized InfoCard.Message (#4861)

8.10.5

@navikt/ds-css

• Pagination: Fix selected-styling in forced-colors mode (#4858)

• Button: Fix issue where secondary and tertiary variants did not have correct text color is certain cases (#4857)

@navikt/ds-react

• Dependencies: Bumped @floating-ui/react from v0.27.8 -> v0.27.19 (#4851)

8.10.4

@navikt/ds-react

• ActionMenu: Now locked to bottom/top side placement, left/right for sub-menus. (#4843)

8.10.3

@navikt/ds-css

• Add module declaration to avoid TypeScript error when importing (92f6d9e)

@navikt/ds-react

• Radio, Checkbox: Fix regression where className was mistakenly passed to input-element (#4837)

8.10.2

@navikt/ds-css

• Dialog: Now aligns to bottom when centered at 480px instead of 768px screen width (#4831)

8.10.1

@navikt/ds-css

• Modal: Changing size had no effect before (#4823)

@navikt/ds-react

• Modal: Changing size had no effect before (#4823)

8.10.0

@navikt/ds-css

• DatePicker: Highlight days between start and hovered day (#4801)

• Skeleton: Text-variant now has properly rounded edges (#4808)

• ExpandableRow: Fix selected row top border not showing when row above was collapsed (#4810)

• Timeline: Icons in periods now scale based on avaliable space. No longer clips on smaller periods (#4809)

• DatePicker, MonthPicker: Change styling on disabled days/months (#4801)

• InfoCard: Align header with content when no icon is present for small version. (#4815)

• InfoCard, LocalAlert, GlobalAlert: Update content typography use and sizing. (#4815)

@navikt/ds-react

• Timeline: Added keyboard-navigation support between rows and periods (#4809)

• DatePicker: Highlight days between start and hovered day (#4801)

• DatePicker: Reset range when selecting a new day (#4799)

• DatePicker, MonthPicker: ⬆️ Upgrade dependency react-day-picker 9.7.0 -> 9.14.0 (#4799)

• CheckboxGroup: Set aria-invalid on error (#4790)

• RadioGroup: Set role="radiogroup", and set aria-invalid on error. (#4773)

• Timeline: Improved support for JAWS, popups now open on click. (#4793)

• InlineMessage: Improve screen reader experience (#4792)

• InfoCard: Align header with content when no icon is present for small version. (#4815)

• InfoCard, LocalAlert, GlobalAlert: Update content typography use and sizing. (#4815)

8.9.1

@navikt/ds-css

• Button: Use correct text color when inherited data-color is "neutral" (#4772)

• Checkbox, Radio: Internal updates. (#4760)

• Datepicker, Monthpicker: Sync background on DateInput button to Input. (#4781)

@navikt/ds-react

• Button: Use correct text color when inherited data-color is "neutral" (#4772)

• Checkbox, Radio: Internal updates. (#4760)

• Datepicker, Monthpicker: Sync background on DateInput button to Input. (#4781)

8.9.0

@navikt/ds-css

• InternalHeader: Added isActive-prop to InternalHeader.Button. (#4761)

• DatePicker, MonthPicker: Make open button more prominent (#4751)

@navikt/ds-react

• InternalHeader: Added isActive-prop to InternalHeader.Button. (#4761)

• DatePicker, MonthPicker: Make open button more prominent (#4751)

8.8.0

@navikt/aksel-stylelint

• ReadMore: Deprecated classes aksel-read-more--open and aksel-read-more__content--closed. Use data-state instead to access state. (#4723)

@navikt/ds-css

• ReadMore: Added variant moderate. (#4723)

• InfoCard: New sub-component InfoCard.Message. (#4717)

• GlobalAlert, LocalAlert: Content outline changed from 4px to 2px. (#4745)

@navikt/ds-react

• ReadMore: Added variant moderate. (#4723)

• InfoCard: New sub-component InfoCard.Message. (#4717)

• Dialog: Improved scrollbar handling when opening dialog-popup. (#4703)

• useDatepicker, useMonthpicker: Add JsDoc to validation object (#4722)

• Dialog: Fixed issue where tabbing would not always work with links. (#4747)

• DatePicker, MonthPicker: Removed controlled tabindex on Input-button based on open-state. (#4714)

@navikt/ds-tokens

• Tokens: --ax-opacity-disabled adjusted from 0.3 to 0.45. (#4734)

8.7.0

@navikt/ds-css

• Datepicker, MonthPicker: Opening popover now auto-focuses it. (#4676)

• Datepicker: Fixed issue where using fixedWeeks still caused layout-changes in some edgecases. (#4701)

• InlineMessage: Now uses BodyLong instead of BodyShort. Icon has some small adjustments to align with new typo. (#4683)

@navikt/ds-react

• Datepicker, MonthPicker: Opening popover now auto-focuses it. (#4676)

• Provider: rootElement-prop now accepts null. (#4700)

• InlineMessage: Now uses BodyLong instead of BodyShort. Icon has some small adjustments to align with new typo. (#4683)

8.6.0

@navikt/aksel-stylelint

• Stylelint: Migrate plugin to ESM. Now requires stylelint v16 or above. (#4662)

@navikt/ds-react

• ToggleGroup: Fixed focus related issue introduced in v8.4.0. (#4668)

8.5.2

@navikt/ds-css

• Timeline: Adjust pin position (#4664)

8.5.1

@navikt/ds-react

• Tooltip: Legger til manglende key prop for flere shortcuts. (#4656)

8.5.0

@navikt/ds-react

• Accordion: Now supports 'as'-prop for making element either: div or section. (#4641)

• LinkCard: Now supports 'as'-prop for making element either: div, section or article. (#4641)

• Process: Allow mix of single items and array as children (#4643)

8.4.1

@navikt/ds-css

• Combobox: Single-select typo now scales based on 'size'-prop (#4638)

8.4.0

@navikt/ds-css

• ActionMenu: SubTrigger-icon is now right aligned, updated open-transition effect. (#4612)

@navikt/ds-react

• Timeline: Row label now supports React.ReactNode. (#4626)

• ToggleGroup: Remove unnecessary useEffect (#4625)

• Switch: Remove unnecessary useEffect (#4620)

• useEventListener: Add return type to interface (#4632)

• Combobox: Handle scenario with no options + filteredOptions. (#4627)

8.3.0

@navikt/ds-css

• Tooltip: Updated prop 'keys' to allow for multiple shortcuts. (#4604)

• Chat: Fix avatar size when using icon from aksel-icons (#4608)

@navikt/ds-react

• Tooltip: Updated prop 'keys' to allow for multiple shortcuts. (#4604)

8.2.2

@navikt/ds-css

• ExpansionCard: Remove redundant class name (#4602)

• AccordionItem: Remove redundant class name (#4602)

@navikt/ds-react

• ExpansionCard: Remove redundant class name (#4602)

• AccordionItem: Remove redundant class name (#4602)

8.2.1

@navikt/aksel

• CLI: Remove redundant v8 codemods, and fix issue when running v8-tokens together with other codemods. (#4599)

8.2.0

@navikt/ds-css

• ActionMenu: Added support for right aligned icons on items (#4545)

@navikt/ds-react

• ActionMenu: Added support for right aligned icons on items (#4545)

8.1.0

@navikt/aksel

• CLI: Set min-requirement for node to v22. (#4546)

@navikt/ds-css

• Clean up some deprecated/invalid CSS (#4540)

@navikt/ds-react

• ActionMenu: When using keyboard changed it to focus on ActionMenu.Content instead of first ActionMenu.Item, allowing non-clickable content to be focusable (#4522)

• Accordion: Warn when only one item, or multiple instances after each other. (#4525)

• Internal: Updated DismissableLayer-API for better event-batching. (#4524)

• Internal: Refactor utility structure. (#4505)

• Fix RSC related issue when using asChild. (#4523)

8.0.1

@navikt/ds-css

• FileUpload.Item: Fix link-color. (737f9e4)

@navikt/ds-react

• DatePicker: Add prop fixedWeeks to DatePickerProps (#4507)

• FileUpload.Item: Fix link-color. (737f9e4)

• Accordion: Avoid AccordionContent inheriting app-color for all text. (#4514)

8.0.0

@navikt/aksel

• New design with theming support - See https://aksel.nav.no/grunnleggende/endringslogg/versjon-8 for more info (#4283)

@navikt/aksel-stylelint

• New design with theming support - See https://aksel.nav.no/grunnleggende/endringslogg/versjon-8 for more info (#4283)

@navikt/ds-css

• New design with theming support - See https://aksel.nav.no/grunnleggende/endringslogg/versjon-8 for more info (#4283)

@navikt/ds-react

• New design with theming support - See https://aksel.nav.no/grunnleggende/endringslogg/versjon-8 for more info (#4283)

@navikt/ds-tailwind

• New design with theming support - See https://aksel.nav.no/grunnleggende/endringslogg/versjon-8 for more info (#4283)

@navikt/ds-tokens

• New design with theming support - See https://aksel.nav.no/grunnleggende/endringslogg/versjon-8 for more info (#4283)

7.40.0

@navikt/aksel-icons

• Icons: New icon MagnifyingGlassCheckmark (#4489)

@navikt/ds-react

• DatePicker/MonthPicker: Remove role=dialog from popover (#4463)

7.39.1

@navikt/ds-css

• Modal, Dialog: Handle scroll for extreme zoom-levels better. (#4488)

@navikt/ds-react

• Dialog: Removed 'aria-expanded' from Dialog.Trigger. (#4478)

7.39.0

@navikt/ds-css

• LocalAlert, InfoCard: Reduced default header height. (91f3f8a)

• GlobalAlert: Reduced default header height and added centered content prop. (#4476)

• Dialog: Handle SR-only elements inside Dialog.Body better. Moved elements in Footer to flex-end. (#4457)

• Darkside: ExpansionCardContent typography is no longer affected by 'app-color'. (#4460)

• ReadMore: Removed focus styling for content, reverting #4116. (#4464)

@navikt/ds-react

• LocalAlert, InfoCard: Reduced default header height. (91f3f8a)

• GlobalAlert: Reduced default header height and added centered content prop. (#4476)

• ReadMore: Removed tabIndex 0 from content. (#4464)

7.38.0

@navikt/aksel

• CLI: Now has interactive codemod-selection for all major-versions. (#4427)

• CLI: Updated codemod 'v8-primitive-spacing' to migrate HGrid-component. (d631eef)

@navikt/ds-css

• Dialog: Fixed z-index issue with backdrop. (#4455)

• Dialog: Now has border in light-mode. (#4452)

@navikt/ds-react

• Dialog: Now interacts better with Modal and Datepicker. (#4455)

• ActionMenu: Trigger handles click while inside web-component better. (#4428)

• Internal: Updated mergedRef-utility. (#4434)

7.37.0

@navikt/ds-css

• Dialog: 🎉 New component Dialog. (#4262)

@navikt/ds-react

• Dialog: 🎉 New component Dialog. (#4262)

• Internals: Update internal utilities. (#4432)

• Internal: Updated internal createContext utility. (#4433)

@navikt/ds-tokens

• Tokens: Updated --ax-bg-overlay token. (#4262)

7.36.0

@navikt/aksel

• CLI: Added 'aksel' command for local installs. Example yarn aksel help. (#4419)

• CLI: Update v8-tokens codemod to avoid renaming redefined tokens. Now shows status for component and legacy-token definitions. (#4398)

@navikt/aksel-icons

• Icons: Removed 'updated_at'-field from AkselIcon-type. (#4399)

@navikt/ds-react

• Datepicker: Fixed bug where selecting same date while only from-date is defined in "ranged"-mode would cause no interaction to happen. (#4417)

• InternalHeader: InternalHeader.User-props supports React.ReactNode now. (#4415)

• Datepicker/MonthPicker: Popover now flips if there is more available space above input. (#4420)

• Popover: Placement-prop now respects 'alignment' when flipping. (#4420)

7.35.3

@navikt/ds-css

• Radio/Checkbox: Support print. (#4404)

7.35.2

@navikt/aksel

• CLI: Lock dependencies. (#4386)

@navikt/ds-react

• InfoCard: Removed unused aria-labelledby from InfoCard.Title. (#4393)

• Accordion: Remove aria-hidden to prevent SiteImprove reporting an issue. (#4382)

7.35.1

@navikt/aksel

• CLI: Update v8-box migration to properly handle background/border-prefixing and nesting. (#4363)

• CLI: Improvements to v8-tokens codemod. (#4341)

• CLI: Allow 'v8-tokens' codemod to run with options. (5a09f88)

• CLI: Engine requirements set to node >= v20. (#4372)

@navikt/ds-react

• Select: Remove the htmlSize prop (#4347)

7.35.0

@navikt/aksel

• CLI: Removed 'css-import' command. (#4331)

@navikt/ds-css

• Search: Fixes edgecase where darkmode (in darkside) were used without color-scheme, making icons inverted in color. (#4323)

@navikt/ds-react

• Combobox: Add locale-support for 'Ingen søketreff'. (#4324)

7.34.0

@navikt/aksel-icons

• Icons: 🎉 New icons PhoneSlash and BellSlash. (#4310)

@navikt/ds-css

• LocalAlert: 🎉 New component replacing regular <Alert />. (#4186)

• GlobalAlert: 🎉 New component replacing <Alert fullWidth>, now with built-in centering of content. (#4186)

• InlineMessage: 🎉 New component replacing <Alert inline />. (#4186)

• InfoCard: 🎉 New component replacing <Alert variant="info" />. Used for content you want to highlight. (#4186)

• Tooltip: Update z-index to max int. (#4309)

@navikt/ds-react

• LocalAlert: 🎉 New component replacing regular <Alert />. (#4186)

• GlobalAlert: 🎉 New component replacing <Alert fullWidth>, now with built-in centering of content. (#4186)

• InlineMessage: 🎉 New component replacing <Alert inline />. (#4186)

• InfoCard: 🎉 New component replacing <Alert variant="info" />. Used for content you want to highlight. (#4186)

@navikt/ds-tokens

• Tooltip: Update z-index to max int. (#4309)

7.33.5

@navikt/ds-css

• Darkside: Remove display: none on [hidden] since browsers have this built-in (#4301)

@navikt/ds-react

• Datepicker: Avoid rendering Datepicker dialog when not open. (#4300)

7.33.4

@navikt/ds-react

• Textarea: Set height on first render to auto instead of 0px to reduce layout shift when SSR (#4295)

7.33.3

@navikt/ds-react

• Popover: Children no longer re-mounts on open toggle. (#4281)

7.33.2

@navikt/ds-react

• Timeline: Pins before or after date-range are now hidden. (#4266)

• useRangeDatepicker: defaultSelected no longer overrides defaultMonth when defaultSelected.from is undefined (#4267)

• Modal: Improve scroll-lock interaction for sticky elements. (#4269)

7.33.1

@navikt/ds-react

• Portal: Update <Portal /> to respect dom and render-order. Removed asChild-prop. (#4239)

7.33.0

@navikt/ds-css

• Process: Added new prop isTruncated to <Process />. This allows you to add a connector to the start of first event and end of last event to visualize a "truncated" process. (#4196)

@navikt/ds-react

• Process: Added new prop isTruncated to <Process />. This allows you to add a connector to the start of first event and end of last event to visualize a "truncated" process. (#4196)

• Dependencies: Added react-dom to peerDependencies. (#4237)

• Timeline: Popups now have an accessible name. (#4242)

7.32.5

@navikt/aksel-stylelint

• Classnames: Added navds-modal__document-body to list of future deprecations. (#4234)

@navikt/ds-react

• Modal: Improved scroll locking. (#4234)

7.32.4

@navikt/ds-css

• BodyShort: Line-height for size="large" is now 28px, adjusted from 24px. (#4213)

@navikt/ds-react

• Combobox: Fix issue with toggle list button (#4228)

• Accordion: Heading size with size="medium" changed from 20px to 18px. This change is for Darkside only. (#4209)

7.32.3

@navikt/aksel-icons

• Icons: Modified 'Robot' type icons. (#4200)

@navikt/ds-react

• Combobox: Fix bug in highlighting when using custom filtering logic (#4195)

• Switch: Replace use of div inside <label /> with span. (#4184)

• Maintenance: Update dependency-arrays for some layout-effects. (#4191)

7.32.2

@navikt/ds-css

• Textarea: Break spaces (#4182)

@navikt/ds-react

• Helptext: Avoid screen-readers reading title twice. (#4169)

• Combobox: Popup remains open when opening with voiceover in quick-nav mode. (#4158)

• Dependency: Update '@floating-ui/react-dom' to v2.1.6. (#4154)

7.32.1

@navikt/ds-css

• Darkside: Adjustments for DatePicker on very small devices (#4142)

7.32.0

@navikt/aksel-icons

• Icons: Updated SignLanguageTwoHands-design. (#4115)

• Icons: 🎉 Added some new icons ChairTable, Footprint, Lifebuoy, OpenBook, OpenMagazine and Slide. (#4115)

@navikt/ds-css

• ReadMore: You can now reach the content by tabbing (#4116)

• Darkside: Adjust GuidePanel arrow position (#4120)

• Process: Adjusted active-marking (#4118)

@navikt/ds-react

• ReadMore: You can now reach the content by tabbing (#4116)

7.31.0

@navikt/ds-css

• Combobox: Dropdown-element is now position='fixed', allowing for better placement on smaller screens and inside Modals. (#4106)

• Darkside: Adjust visually-hidden typography css (#4103)

• Darkside: Adjusted arrow on GuidePanel poster variant (#4101)

@navikt/ds-react

• Table: Add 'onRowClick' callback-prop to allow for selecting rows by clicking the row itself. (#4107)

• Combobox: Dropdown-element is now position='fixed', allowing for better placement on smaller screens and inside Modals. (#4106)

• Darkside: Avoid empty aria-describedby in Radio and Checkbox (#4111)

7.30.1

@navikt/ds-css

• Darkside: Improved screen reader experience in Radio and Checkbox by moving description out of label (#4066)

@navikt/ds-react

• Darkside: ExpansionCardContent now defaults to app-color defined in Theme, fixing a regression causing all content to be colored neutral. (#4075)

• Darkside: Improved screen reader experience in Radio and Checkbox by moving description out of label (#4066)

7.30.0

@navikt/ds-css

• FormSummary: Changed FormSummary.Header-component to <div /> instead of <header />. (#4032)

• FormSummary: Added new component <FormSummary.Footer />, we now require <FormSummary.EditLink /> to be placed in footer instead of header. (#4032)

@navikt/ds-react

• FormSummary: Changed FormSummary.Header-component to <div /> instead of <header />. (#4032)

• FormSummary: Added new component <FormSummary.Footer />, we now require <FormSummary.EditLink /> to be placed in footer instead of header. (#4032)

• Datepicker: Fix regression causing clickable weeknumber to have no applied styles in Darkside. (#4081)

• Timeline: Adjusted type for onSelectPeriod() and fixed warning when using refs in React 19 (#4076)

7.29.1

@navikt/ds-css

• Checkbox, List: Updated SVG-usage to avoid using rem-values directly on width and height-attributes. (#4048)

• Darkside: Fix styling for small readOnly checked Radio (#4051)

• Checkbox: Fix styling for indeterminate state with description (#4051)

@navikt/ds-react

• Checkbox, List: Updated SVG-usage to avoid using rem-values directly on width and height-attributes. (#4048)

7.29.0

@navikt/aksel

• CLI: Codemods now only run on relevant files. This resolves cases where codemods for js/ts-files tried and failed to parse css/scss/less-files. (#4016)

@navikt/aksel-icons

• Icons: 🎉 New icons CheckmarkHeavy and PageBreak. (#4038)

@navikt/ds-css

• LinkCard: Added new prop arrowPosition for centering the arrow if necessary. (#4021)

• Process: 🎉 New component Process! The component consists of a vertical line of events where each event can contain information, actions, links or status indicators. You can find the documentation here 📝. (#3950)

• Darkside: Fix issue with focus outline on checkbox in expandable table row content (#3998)

• Darkside: Fix arrow in Tooltip (#4018)

@navikt/ds-react

• Stepper: Mark interactive-prop as deprecated. For completely static 'Steppers', consider using the new Process-component. (#4007)

• LinkCard: Added new prop arrowPosition for centering the arrow if necessary. (#4021)

• Process: 🎉 New component Process! The component consists of a vertical line of events where each event can contain information, actions, links or status indicators. You can find the documentation here 📝. (#3950)

• ToggleGroup: Improved screen reader experience by using aria-labelledby instead of aria-describedby for the label (#4028)

• Accordion: Mark headingSize as deprecated. (#3993)

• Fieldset: Improved screen reader experience by using aria-labelledby for both legend and description (#4029)

• Box: Fixed bug where darkside-css did not properly apply border-radius. (#4009)

7.28.1

@navikt/ds-react

• Form components: Improved a11y when using JSX in description (#3990)

• Fieldset/CheckboxGroup/RadioGroup: Connect description to fieldset with aria-describedby (#3974)

7.28.0

@navikt/aksel-icons

• Icons: 🎉 New icons 'ArrowCirclepathReverse' and 'ArrowsAllDirections'. (#3979)

@navikt/ds-react

• Types: Exported UseRangeDatepickerOptions and UseDatepickerOptions types from Datepicker hooks. (#3983)

7.27.1

@navikt/ds-css

• Stepper: Increase size of circle from 28px to 32px to sync with new Process component. (#3968)

@navikt/ds-react

• Radio/Checkbox: 🐛 Fix issue where label was not announced by screen readers in Firefox (#3973)

• Stepper: Increase size of circle from 28px to 32px to sync with new Process component. (#3968)

7.27.0

@navikt/aksel-icons

• Icons: ChatAdd did not have 'currentColor' on parts of shape. (#3963)

@navikt/ds-css

• Combobox: Focus styling did not check for :has selector-support correctly. (#3965)

@navikt/ds-react

• Darkside: Using 'Theme' to set current color-theme now works when root-node does not set light or dark class. (#3961)

@navikt/ds-tokens

• Darkside: Using 'Theme' to set current color-theme now works when root-node does not set light or dark class. (#3961)

7.26.0

@navikt/aksel-icons

• Icons: New icons 'ChatAdd' and 'Theme'. (#3958)

7.25.2

@navikt/aksel

• CLI: Codemods now respect filepath globs instead of ignoring some based on file-extension. (#3955)

7.25.1

@navikt/ds-react

• Modal: When open, now updates body with correct className. (#3922)

• Search: Forward 'data-color' to SearchButton. (#3922)

@navikt/ds-tokens

• Darkside: Updated Meta-lime 300 and 400. (#3928)

7.25.0

@navikt/ds-css

• FileUpload: Allow for custom buttons in FileUpload.Item. (#3906)

• Table: Selected rows are now highlighted with outline. (#3898)

• Chat: Removed ol > li semantics, replaced with 'div'. (#3904)

@navikt/ds-react

• FileUpload: Allow for custom buttons in FileUpload.Item. (#3906)

• Chat: Removed ol > li semantics, replaced with 'div'. (#3904)

7.24.0

@navikt/aksel-stylelint

• Switch: Removed 'navds-switch__checkmark' css class. (#3892)

@navikt/ds-css

• LinkCard: 🎉 Added new component 'LinkCard'. (#3883)

• Table: 🎉 Added prop 'stickyHeader', allowing header to remain sticky while scrolling in table. (#3893)

• Forms: Added built-in scroll-margin to TextField, Textarea and Select. (#3897)

• Switch: Size='small' are now visually comparable to radio and checkbox in the same size. (#3892)

@navikt/ds-react

• LinkCard: 🎉 Added new component 'LinkCard'. (#3883)

• Table: 🎉 Added prop 'stickyHeader', allowing header to remain sticky while scrolling in table. (#3893)

• Switch: Size='small' are now visually comparable to radio and checkbox in the same size. (#3892)

7.23.2

@navikt/ds-css

• Darkside: Outline Tag in high-contrast mode had wrong text-color. (#3889)

• Darkside: Update padding for all 'panel' type components. (#3864)

• Form components: Fix edge case where description container would take up space when empty (#3866)

7.23.1

@navikt/ds-react

• Darkside: Search now correctly respects 'clearButton'-prop when set to false. (#3854)

7.23.0

@navikt/aksel-icons

• Icons: 🎉 Added new icons 'SquareGrid' and 'SquareGridFill'. (#3851)

@navikt/ds-css

• Darkside: Renamed 'data-color-role' dynamic theme attribute to 'data-color'. (#3849)

• Darkside: Using attribute 'data-color' with one of the built-in colors from 'AkselColorRole' now allows re-coloring most components. (#3849)

• Darkside: All components has been updated to use 'data-color' attribute for coloring. As a side-effect, most component CSS is either updated or refactored. (#3849)

• Tag: Outline-variant now uses bg-moderate, replacing bg-moderateA. (#3865)

• Darkside: Fix icon size in small Tabs (#3850)

• List: Fix issue with incorrect padding in Safari (#3850)

@navikt/ds-react

• Datepicker: Upgraded 'react-day-picker' dependency to v9.7.0 from v9.6.1. (#3820)

• Darkside: Renamed 'data-color-role' dynamic theme attribute to 'data-color'. (#3849)

• Darkside: Using attribute 'data-color' with one of the built-in colors from 'AkselColorRole' now allows re-coloring most components. (#3849)

• Darkside: Adding type '@navikt/ds-react/types/theme' to your local 'tsconfig.json' types-field allows autocomplete for all available color-palettes in attribute 'data-color'. You can extend 'CustomAkselColor'-type to use your own color-palettes. (#3849)

• Darkside: All components has been updated to use 'data-color' attribute for coloring. As a side-effect, most component CSS is either updated or refactored. (#3849)

• Timeline: Reverted regression that lead to 'aria-controls' being ignored when passed to Pin or Period. (#3828)

• Timeline: Removed 'aria-haspopup' from pins and periods. (#3834)

• ErrorSummary: Heading size is now 'xsmall' for non-medium sizes and remains 'small' when size='medium'. (#3806)

@navikt/ds-tokens

• Darkside: Renamed 'data-color-role' dynamic theme attribute to 'data-color'. (#3849)

• Darkside: 'Accent' is now set as the default color palette in components when no other options are set. (#3849)

7.22.0

@navikt/aksel

• Darkside: Added migration-support for border-radius token update. (#3784)

@navikt/ds-css

• Darkside: Components now use new radius-tokens, replacing border-radius-tokens. (#3784)

@navikt/ds-react

• Box: Add support for new radius-tokens that will replace borderRadius-tokens when darkside is set as main. (#3784)

• ConfirmationPanel: Now tagged as deprecated. See documentation for more information. (#3789)

@navikt/ds-tailwind

• Border-radius: Removed rounded-value based on aksel token-config. Use built-in values from tailwindcss as replacement Tailwindcss docs. (#3784)

@navikt/ds-tokens

• Border-radius: Add new radius-tokens that will replace border-radius-tokens. T-shirt sizing is replaced with numbers reflecting its value. --a-border-radius-medium is now --ax-radius-4. Until darkside-theming is mainlined, we will continue to support both new and legacy border-radius side by side. (#3784)

7.21.1

@navikt/ds-css

• Timeline: Add focus-markings to Popover dialogs. (#3768)

@navikt/ds-react

• ExpansionCard: Omit onToggle from extending HTMLAttributes<HTMLDivElement> to avoid overlapping with popover api. (#3773)

7.21.0

@navikt/aksel-icons

• Icons: New icon 'Cpu'. (#3740)

@navikt/ds-css

• Darkside: Update Chips.Toggle hover-border. (#3738)

@navikt/ds-react

• Chat: Add 'toptextHeadingLevel'-prop to allow changing h-level based on semantics. (#3739)

7.20.0

@navikt/ds-css

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

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

7.19.1

@navikt/ds-css

• Combobox: Singleselect selected value now uses the complete input-width when possible. (#3734)

@navikt/ds-react

• Darkside: Using Page-component would always give errors when using new Theme-component. (208adb8)

7.19.0

@navikt/ds-css

• Darkside: Togglegroup now has bg-input background. (#3715)

• Combobox: Fix wrapping issue when ToggleListButton is hidden (#3727)

@navikt/ds-react

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

7.18.0

@navikt/ds-css

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

@navikt/ds-react

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

7.17.4

@navikt/ds-css

• Modal: Updated animations for reduced movement. (#3671)

7.17.3

@navikt/ds-css

• Darkside: Synced padding with Figma. (#3651)

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

7.17.2

@navikt/ds-css

• Darkside: Removed stacking backgrounds with transparency in Combobox. (e769eed)

7.17.1

@navikt/ds-css

• ExpansionCard: Fixed bug where @media print would hide header content. (#3634)

7.17.0

@navikt/ds-react

• List: aria-label and aria-labelledby is forwarded to list-element. (#3626)

7.16.1

@navikt/ds-react

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

7.16.0

@navikt/ds-css

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

7.15.0

@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.3

@navikt/ds-css

• Darkside: Changed outline-offset for tabpanel from -4px to -3px. (06fecf2)

7.14.2

@navikt/ds-tokens

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

7.14.1

@navikt/ds-react

• Datepicker: Fixed regression where some fromDate/toDate instances lead to that date ending up as disabled. (#3602)

7.14.0

@navikt/aksel-icons

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

@navikt/ds-css

• DatePicker: Updated date.css to support react-day-picker v9. (#3525)

• Darkside: Added 'arrow' back to Tooltip. (#3589)

@navikt/ds-react

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

7.13.0

@navikt/aksel-icons

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

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

7.12.2

@navikt/ds-react

• Box: Added export for BoxNew. (8576400)

7.12.1

@navikt/ds-react

• Theme: Theme-prop is now optional. (f269311)

7.12.0

@navikt/ds-react

• 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.0

@navikt/aksel-icons

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

@navikt/ds-css

• ExpansionCard: Removed dynamic padding on button-element. (#3532)

• Modal: Defaults to margin: auto for tailwind 4 support. (#3532)

7.10.0

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

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

7.9.2

@navikt/ds-css

• Table: Removed border-bottom for HeaderCell used in ExpandableRow. (#3503)

7.9.1

@navikt/ds-css

• Link: 🐛 Use inside Alert got wrong text-color while focused or active. (#3489)

7.9.0

@navikt/ds-css

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

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

7.8.1

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

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

7.8.0

@navikt/aksel-stylelint

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

@navikt/ds-css

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

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

7.7.0

@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.0

@navikt/aksel-icons

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

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

7.5.3

@navikt/ds-react

• Allow RC versions of React 19 through peerDependencies (#3391)

7.5.2

@navikt/ds-css

• Combobox: Fix issue where using arrow keys in list would make the entire page scroll (#3364)

@navikt/ds-react

• Combobox: Fix issue where using arrow keys in list would make the entire page scroll (#3364)

7.5.1

@navikt/aksel

• Chore: Manually bump version to sync npm and github-releases (aa7c2d9)

7.5.0

@navikt/aksel-icons

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

@navikt/ds-react

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

7.4.3

@navikt/ds-css

• Table.ColumnHeader: Inherit text alignment in button (#3319)

@navikt/ds-react

• Pagination: More precise type for renderItem (#3275)

7.4.2

@navikt/ds-react

• Combobox: Pressing 'Enter' after canceling autocomplete could result in using matching options in list. (#3306)

7.4.1

@navikt/ds-css

• Combobox: 🐛 Fix scroll issue when using arrow keys to navigate list (#3269)

@navikt/ds-react

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

7.4.0

@navikt/ds-react

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

7.3.1

@navikt/ds-css

• Updated to Selectors Level 4 syntax. (#3250)

@navikt/ds-react

• Combobox: 🐛 Remove virtual focus on input blur instead of moving it (#3261)

7.3.0

@navikt/ds-css

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

@navikt/ds-react

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

7.2.1

@navikt/ds-css

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

@navikt/ds-react

• Combobox: Disable autocomple in Firefox on Android to prevent bug (#3201)

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

7.2.0

@navikt/ds-react

• FileUpload: 💥 Remove UNSAFE-prefix (#3205)

• List: ✨ New size 'large' (#3207)

• Performance: ⚡ Optimized memoization for rerendring in some components. (#3197)

7.1.2

@navikt/ds-css

• List: Explicitly set list-style on ol to override reset-CSS (#3202)

7.1.1

@navikt/aksel-stylelint

• List: 💥 Removed class names "navds-list--nested" and "navds-list__item-content" (#3184)

@navikt/ds-css

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

@navikt/ds-react

• List: Add indentation and remove overly verbose aria attributes (#3184)

• Combobox: 🐛 implement missing readonly and disabled (#3180)

7.1.0

@navikt/aksel-stylelint

• Pagination: 💥 Added some classNames to list of deprecated (removed) classes. (#3164)

@navikt/ds-css

• Accordion: Remove 'relative' positioning when focused. This resolves some issues where floating elements like popover ended up clipping. (9c1eba445)

@navikt/ds-react

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

7.0.1

@navikt/ds-css

• List: 💄 make icons 24x24px large (#3148)

@navikt/ds-react

• Combobox: Fix issue with whitespace in the ID of options with multiple spaces (#3162)

7.0.0

@navikt/aksel-icons

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

@navikt/ds-css

• ErrorSummary: Focus heading instead of container for improved experience with screen reader. (#3139)

@navikt/ds-react

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

6.17.0

@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.3

@navikt/aksel-icons

• Icons: Updated Clipboard icons. (#3113)

@navikt/ds-css

• Combobox: 💄 hide caret on select (#3071)

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

6.16.2

@navikt/ds-css

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

6.16.1

@navikt/aksel

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

@navikt/ds-css

• Table: Fixed background-clipping when using ExpandableRow. (#3095)

@navikt/ds-react

• Table: Corrected the type of onSortChange (#3103)

• 🩹 Combobox: Placeholder goes away when an option is selected (#3101)

• Table: Fixed background-clipping when using ExpandableRow. (#3095)

6.16.0

@navikt/ds-css

• Primitives: Added gridColumn-prop for more grid alignment control. (#3082)

• FormSummary: Added background color (#3093)

• Modal: Added scroll shadows (#3083)

@navikt/ds-react

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

6.15.0

@navikt/aksel-icons

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

@navikt/ds-react

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

• Refactored Combobox FilteredOptions (#3073)

6.14.0

@navikt/ds-css

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

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

6.13.0

@navikt/ds-css

• Modal: New prop placement for anchoring the modal to the top of the viewport. (#3033)

@navikt/ds-react

• Modal: New prop placement for anchoring the modal to the top of the viewport. (#3033)

6.12.0

@navikt/aksel-icons

• Icons: New icon ChildHairEyes (#3020)

• Icons: FigureCombination icon adjusted (#3031)

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

6.11.0

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

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

6.10.1

@navikt/aksel-icons

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

@navikt/ds-css

• 💄 Remove bottom margin on last item in Stepper and adjust FormProgress accordingly (#2971)

6.10.0

@navikt/ds-css

• ✨ Modal: add small version (#2909)

@navikt/ds-react

• ✨ Modal: add small version (#2909)

6.9.0

@navikt/aksel-icons

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

@navikt/ds-css

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

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

@navikt/ds-react

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

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

• Stepper: Removed unsafe_index prop. (#2926)

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

6.8.0

@navikt/ds-css

• ✨ Ny komponent: FormProgress (#2855)

• HGrid: forenklet CSS. (#2917)

@navikt/ds-react

• ✨ Ny komponent: FormProgress (#2855)

• Stepper.Step: Set aria-current to "step" instead of true (#2920)

6.7.1

@navikt/ds-css

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

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

6.7.0

@navikt/ds-css

• ✨ Ny komponent: ProgressBar (#2845)

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

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

@navikt/ds-react

• ✨ Ny komponent: ProgressBar (#2845)

6.6.1

@navikt/ds-react

• Spacer: Er nå span (tidligere div). (#2874)

6.6.0

@navikt/aksel

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

@navikt/ds-css

• ✨ Ny komponent FormSummary (#2802)

@navikt/ds-react

• ✨ Ny komponent FormSummary (#2802)

• Combobox: Prevents "Enter" while Combobox is focused from submitting form. (#2861)

6.5.0

@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.1

@navikt/ds-css

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

6.4.0

@navikt/ds-react

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

6.3.6

@navikt/ds-react

• DatePicker: Fjernet role gridcell fra dato-knapper. (#2826)

6.3.5

@navikt/ds-react

• Modal: Fjern tomt element (#2819)

6.3.4

@navikt/ds-css

• ReadMore: Padding-right på button er bumpet noen px (#2806)

@navikt/ds-react

• Switch: Fikset edgecase der checked Switch var visuelt unchecked (#2810)

• FileUpload.Dropzone: id prop settes på button (#2817)

6.3.3

@navikt/ds-react

• FileUpload.Dropzone: Fiks feil med duplisert id (#2805)

• useDatePicker: isInvalid-key i onValidate var hadde flipper boolean i noen tilfeller (#2809)

6.3.2

@navikt/ds-react

• FileUpload: Fiks feil ved import av json (#2803)

6.3.1

@navikt/ds-react

• FileUpload: Disabled dropzone stopper opplasting (#2798)

6.3.0

@navikt/ds-css

• FileUpload: Ny komponent FileUpload for å håndtere opplasting av filer, Dropzone og fil-visning (#2504)

@navikt/ds-react

• Allow Combobox options as objects to support separate display text and value (#2716)

• FileUpload: Ny komponent FileUpload for å håndtere opplasting av filer, Dropzone og fil-visning (#2504)

6.2.0

@navikt/aksel-icons

• Ikoner: Nytt ikon archive (#2772)

• Ikoner: Nytt ikon opensource (#2787)

@navikt/ds-react

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

6.1.1

@navikt/ds-css

• Link: Fjern hover-farge (#2767)

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

@navikt/ds-react

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

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

6.1.0

@navikt/ds-react

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

6.0.0

@navikt/aksel

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

@navikt/ds-css

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

• Grid, ContentContainer: Komponenter er fjernet fra systemet. Se migreringsguide. (#2623)

• CSS: Oppdatert bruk av action-farger i systemet. Dette påvirker komponentene: Button, CopyButton, Dropdown, Combobox, ConfirmationPanel, Radio, Checkbox, Search, Select, TextField, Textarea, Helptext, LinkPanel, Link, ReadMore, Stepper og Tabs. Endringen skal ikke brekke noe så lenge man ikke har overskrevet farger manuelt. (#2623)

• Tokens: Nye tokens --a-text-action-hover,--a-icon-action-hover og --a-border-action-hover (#2623)

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

@navikt/ds-react

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

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

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

• ESM: ds-react og aksel-icons støtter nå native ESM 🎉 (#2623)

• OverridableComponent: Fikset feil som tillot vilkårlige props (#2623)

• Grid, ContentContainer: Komponenter er fjernet fra systemet. Se migreringsguide. (#2623)

• Table: SortState.direction har nå none tilgjengelig: "ascending" | "descending" | "none" (#2623)

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

• Modal: Strengere prop-typer (#2623)

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

@navikt/ds-tailwind

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

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

5.18.3

@navikt/ds-react

• Tooltip: Fikset regresjon der bruk av Tooltip ga hydration-error i nextjs (#2738)

5.18.2

@navikt/ds-react

• Modal: Oppdatert intern håntering av context i komponent (#2714)

5.18.1

@navikt/ds-react

• Panel: Komponent er nå markert som deprecated. Bruk Box i fremtiden. (#2712)

5.18.0

@navikt/ds-react

• Portal: Ny komponent Portal som lar deg enkelt bruke createPortal, også på serversiden (#2697)

5.17.5

@navikt/ds-css

• ExpansionCard: Padding-top for Content er justert opp 8px (medium) og 4px (small) (#2699)

5.17.4

@navikt/ds-react

• Bleed: marginInline='full' og reflectivePadding kan nå brukes sammen. (#2695)

5.17.3

@navikt/ds-react

• 🐛 Textarea: maxLength virker nå selv om man sender inn onChange uten å sende inn value (#2690)

5.17.2

@navikt/ds-css

• Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox (#2682)

@navikt/ds-react

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

5.17.1

@navikt/ds-react

• Eksponer variabelen "role" i Search-komponenten (#2667)

5.17.0

@navikt/ds-css

• Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows (#2680)

@navikt/ds-react

• Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows (#2680)

5.16.0

@navikt/aksel-icons

• Ikoner: Nytt ikon LocationPin ✨ (#2672)

@navikt/ds-css

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

@navikt/ds-react

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

@navikt/ds-tailwind

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

5.15.1

@navikt/ds-react

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

5.15.0

@navikt/aksel-icons

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

5.14.0

@navikt/ds-css

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

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

@navikt/ds-react

• Intern state: Komponenter respekterer nå e.preventDefault() bedre når event overskrives internt i komponent. (#2610)

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

• Table: Table.DataCell og Table.HeaderCell har nå textSize-prop for å justere font-size mellom 18px og 16px. (#2613)

• Internt API: Oppdatert intern import/export av hooks og typer fra utils (#2618)

• Intern-API: Erstattet mergeRefs i useMemo med lokal useMergeRefs-hook (#2609)

5.13.0

@navikt/ds-css

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

@navikt/ds-react

• Accordion.Item, Dropdown, ReadMore og Tooltip: Har en ny prop onOpenChange?: (open: boolean) => void; som forteller nå-state når open-state endrer seg. Dette vil være nyttig hvis man ikke bruker controlled-state, men fortsatt ønsker å vite om komponenten er open eller ikke (f.eks logging). (#2585)

• Controlled-state: Accordion.Item, Dropdown, ReadMore, Table.ExpandableRow og Tooltip har oppdatert intern håndtering av controlled state. Endringen skal ikke påvirke dagens API. (#2585)

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

@navikt/ds-tokens

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

5.12.5

@navikt/ds-react

• MonthPicker: MonthCaption satt forrige/neste-knapper til disabled når de skulle være enabled. (#2601)

5.12.4

@navikt/aksel-stylelint

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

@navikt/ds-react

• Accessibility improvements to Radio and Checkbox component, so each label is only announced once with screen readers (#2562)

5.12.3

@navikt/ds-css

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

5.12.2

@navikt/ds-react

• 📝 Modal: Oppdatert JSDoc (#2567)

5.12.1

@navikt/ds-react

• Checkbox: Checkmark tilpasses bedre fontsize (#2563)

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

5.12.0

@navikt/aksel-icons

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

5.11.5

@navikt/ds-css

• Chips: La til token for checkmark-circle (#2558)

@navikt/ds-react

• Chips: La til token for checkmark-circle (#2558)

5.11.4

@navikt/ds-css

• 🐛 Modal: Hindre at elementer med sr-only posisjoneres feil (#2541)

@navikt/ds-react

• Fix issue where clicking in Combobox.FilteredOptions after scrolling selected the wrong element (#2536)

5.11.3

@navikt/ds-css

• 🐛 Textarea: Skru av autosize ved manuell resize (#2518)

• Page: La til md-bredde (768px) (#2510)

@navikt/ds-react

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

5.11.2

@navikt/ds-react

• ⬆️ upgrade date-fns version & make it minor-version agnostic (#2514)

5.11.1

@navikt/ds-css

• Switch: Byttet success-farger med action npr checked (#2511)

@navikt/ds-react

• Switch: Byttet success-farger med action npr checked (#2511)

5.11.0

@navikt/aksel-icons

• Ikoner: Nytt ikon PushPin (#2503)

@navikt/ds-css

• ✨ Textarea: Mulighet for å sette resize-retning (#2494)

• ✨ Textarea: Eksperimentell støtte for automatisk scrollbar (#2457)

• ♿ Textarea: Forsinkelse ved live-opplesning av gjenstående tegn (#2502)

@navikt/ds-react

• ✨ 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.4

@navikt/ds-react

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

5.10.3

@navikt/ds-css

• 🐛 Textarea: Teller flyttet ut av tekstfeltet for å unngå overlapp og misforståelser (#2483)

@navikt/ds-react

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

@navikt/ds-tailwind

• typescript types for tailwind preset (#2486)

5.10.2

@navikt/ds-css

• Primtives: CSS-import for primitives er nå mer spesifikk (#2469)

@navikt/ds-react

• OverridableComponent: Fungerer nå bedre ved bruk av typeof (#2474)

5.10.1

@navikt/ds-react

• Table: Håndterer nå sjekk for interaktive elementer i ExpandableRow bedre (#2461)

5.10.0

@navikt/ds-css

• Primitives: Ny komponent Page og Page.Block (#2456)

@navikt/ds-react

• Primitives: Ny komponent Page og Page.Block (#2456)

5.9.2

@navikt/ds-react

• 🐛 Datepicker lukker ikke lenger modalen den er i (#2451)

5.9.1

@navikt/ds-css

• 💄 Modal: Bedre håndtering av mobiler i landskapsmodus (#2444)

5.9.0

@navikt/ds-css

• Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. (#2419)

• Datepicker/Monthpicker/Popover: Fjernet bubbleEscape-prop. (#2419)

• useDatepicker/useMonthPicker/useRangedpicker: Fjernet openOnFocus-prop, kan nå bare åpnes ved klikk på date-knapp i input. (#2419)

• Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. (#2419)

@navikt/ds-react

• Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. (#2419)

• Datepicker/Monthpicker/Popover: Fjernet bubbleEscape-prop. (#2419)

• useDatepicker/useMonthPicker/useRangedpicker: Fjernet openOnFocus-prop, kan nå bare åpnes ved klikk på date-knapp i input. (#2419)

• Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. (#2419)

• Added useVirtualFocus hook - used in Combobox for now (#2394)

5.8.0

@navikt/ds-css

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

@navikt/ds-react

• ✨ Modal: Støtte for å lukke ved klikk utenfor (#2386)

• Autocomplete in combobox will not change formatting of the letters while being typed, but will use the casing of the autocompleted word when selecting the option. (#2207)

• Accordion: Fikset dom-validering ved bruk av div i button. (#2426)

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

5.7.6

@navikt/ds-css

• 💄 Chips.Toggle: Ikon i uvalgt tilstand (#2395)

@navikt/ds-react

• 💄 Chips.Toggle: Ikon i uvalgt tilstand (#2395)

5.7.5

@navikt/ds-css

• Checkbox, Radio: Transparent-border fungerer nå bedre på mørkere bakgrunner (#2388)

@navikt/ds-react

• Loader: Har nå riktig ref-type. (#2391)

5.7.4

@navikt/ds-react

• Datepicker: Fungerer nå bedre i Modal (#2400)

5.7.3

@navikt/ds-css

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

@navikt/ds-react

• Forms: Fikset bug der size='small' ikke oppdaterte typografi. (#2372)

• HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px (#2376)

@navikt/ds-tokens

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

5.7.2

@navikt/ds-react

• MonthPicker: Fikset tastaturnavigasjon (#2374)

5.7.1

@navikt/ds-css

• Radio: readonly håndterer nå hover-state bedre (#2363)

@navikt/ds-react

• Radio: readonly håndterer nå hover-state bedre (#2363)

5.7.0

@navikt/aksel-icons

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

@navikt/ds-css

• 💄 CopyButton: Justert padding, gap og animasjon (#2355)

@navikt/ds-react

• Chores: Ryddet opp i sirkulære depdendencies (#2366)

• 💄 CopyButton: Justert padding, gap og animasjon (#2355)

5.6.5

@navikt/ds-react

• Datepicker: Popover legger seg nå ikke ovenfor input (#2349)

5.6.4

@navikt/ds-react

• 💄 DatePicker: Litt smalere inputfelt (#2354)

5.6.3

@navikt/ds-css

• 🐛 Modal: Sett riktig tekstfarge (#2340)

5.6.2

@navikt/ds-tokens

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

5.6.1

@navikt/ds-react

• Added aria-hidden to AccordionContent when closed, to fix issue where Radio labels were omitted when opening/closing AccordionItems (#2338)

5.6.0

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

@navikt/ds-css

• Primitives: ny komponent Bleed (#2278)

• ♻️ Box: Forenkling av CSS-variabler (#2279)

• Accordion: Har nå 0.25rem padding-top mellom innhold og heading. (#2310)

• Added cursor:pointer to Select component (#2293)

• 🐛 Box: sett border-radius riktig (#2329)

• Stack: Kan nå endre direction, justify og align ved brekkpunkt. Stack er også nå en egen komponent sammen med HStack og VStack. (#2286)

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

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

@navikt/ds-react

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

5.5.0

@navikt/ds-css

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

• Skeleton: Width fungerer nå med inline-variant av Skeleton (#2273)

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

5.4.1

@navikt/ds-react

• MonthPicker: Fikset kalkulering av fromDate/toDate (#2269)

5.4.0

@navikt/ds-css

• Primitives: Nye komponenter Show og Hide er lagt til. (#2222)

• ErrorSummary: Har nå 8px border-radius (#2256)

@navikt/ds-react

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

5.3.5

@navikt/ds-react

• 🐛 Popover: sjekk at det er et HTML-element som får fokus (#2258)

5.3.4

@navikt/aksel-icons

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

@navikt/ds-css

• Alert: 12px -> 8px gap mellom tekst og ikon ved size="small" (#2240)

5.3.3

@navikt/ds-css

• HGrid: Har nå align-prop for bedre kontroll over child-elementer (#2242)

@navikt/ds-react

• HGrid: Har nå align-prop for bedre kontroll over child-elementer (#2242)

5.3.2

@navikt/ds-css

• Skeleton: Lagt til as-prop for inline brk av Skeleton med span (#2239)

@navikt/ds-react

• Skeleton: Lagt til as-prop for inline brk av Skeleton med span (#2239)

5.3.1

@navikt/ds-css

• 🐛 fix missing accordion bottom box-shadow on last element (when opened) (#2229)

• 💄 GuidePanel: justert design (#2227)

@navikt/ds-react

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

5.3.0

@navikt/ds-css

• Typography: Oppdatert med typo-klasser for textColor, weight, align, visuallyHidden og truncated. (#2211)

@navikt/ds-react

• Heading: Oppdatert med props textColor, align, visuallyHidden. (#2211)

• Label: Oppdatert med props textColor og visuallyHidden. (#2211)

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

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

5.2.1

@navikt/ds-css

• Font: Fikset henting av italic-font (#2220)

5.2.0

@navikt/aksel-icons

• Ikoner: Oppdatert ikonpakke (#2197)

@navikt/ds-css

• CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. (#2219)

• Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering (#2193)

@navikt/ds-react

• Button: Ved bruk av as-prop vil role="button" nå bli lagt til. Native onKeyUp for Space er også implementert slik at standard button-interaksjon vil være likere uansett html-tag. (#2154)

• Combobox: Fikset bruk av useLayoutEffect med SSR-safe metode. (#2219)

• Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering (#2193)

5.1.0

@navikt/ds-css

• 💄 Modal: fjern kantlinje (#2210)

• Tokens: Fikset table-token (#2204)

@navikt/ds-react

• ✨ Modal: mulighet for å rendre i portal (#2209)

• ✅ Modal: use polyfill in JSDOM (#2208)

• Datepicker: Input setter ikke nå aria-controls før popover åpnes (#2213)

5.0.3

@navikt/ds-css

• ConfirmationPanel: Fikset opplesing av feilmelding (#2199)

• Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss (#2199)

@navikt/ds-react

• ConfirmationPanel: Fikset opplesing av feilmelding (#2199)

@navikt/ds-tokens

• ConfirmationPanel: Fikset opplesing av feilmelding (#2199)

• Tokens: --a-icon-alt-3 er nå i synk med figma (#2199)

5.0.2

@navikt/ds-react

• 🏷️ Modal: Bedre type for width (#2191)

5.0.1

@navikt/ds-css

• Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind (90db7dd0c)

5.0.0

@navikt/ds-css

• Oppdatert Modal - Se Migrering (#2135)
  • ✨ Støtte for header og footer
  • 💥 Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere)

• Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard (#2178)

• Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). (#2178)

@navikt/ds-react

• 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

• Gray: Gråfarger er nå mindre varme (#2092)

• Action: Selected-varianter av action er nå 'blue' ('deepblue' før) (#2092)

4.12.1

@navikt/ds-css

• Added red border to Combobox in error state (#2184)

@navikt/ds-react

• Added red border to Combobox in error state (#2184)

4.12.0

@navikt/ds-css

• CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)

• List: Fikset sentrering, margins (#2168)

• Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)

• Alert: Fikset alignment av status-ikon mot tekst (#2179)

@navikt/ds-react

• Combobox: La til støtte for feilmeldinger i Combobox (#2182)

• CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon (#2173)

• List: Fikset sentrering, margins (#2168)

• Combobox: Kjører nå 'onChange' + 'onClear' når input blir reset programmatisk (#2183)

• Combobox: Fikset custom-options i singleselect (#2180)

• Combobox: Fjernet unødvendige 'onClear'-calls når man velger verdier (#2170)

• Checkbox: Checkmark er nå SVG-ikon og ikke Base64 (#2171)

• Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect (#2177)

4.11.2

@navikt/ds-css

• 💄 ToggleGroup: fjern semibold fra selected button (#2167)

4.11.1

@navikt/ds-css

• Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. (#2159)

4.11.0

@navikt/ds-css

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

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

4.10.2

@navikt/ds-css

• Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind

4.10.0

@navikt/ds-css

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

@navikt/ds-react

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

4.9.1

@navikt/ds-css

• Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected (#2144)

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

4.9.0

@navikt/ds-css

• Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)

@navikt/ds-react

• Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop (#2127)

4.8.0

@navikt/ds-css

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

@navikt/ds-react

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

4.7.4

@navikt/ds-css

• Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser (#2126)

@navikt/ds-react

• Textfield: La til type 'time' som tilgjengelig option (#2137)

4.7.3

@navikt/ds-react

• Chips: Removable Chips submitter ikke forms ved klikk lengre (#2124)

4.7.2

@navikt/ds-css

• Stepper: Fikset hotizontal-bug når step var completed (#2116)

@navikt/ds-react

• Stepper: Fikset hotizontal-bug når step var completed (#2116)

4.7.1

@navikt/ds-react

• Datepicker: Fikset bug ved bruk dynamisk oppdatering av minDate. Vist month vil nå alltid være oppdatert når datepicker åpnes (#2117)

4.7.0

@navikt/ds-css

• Ny komponent Combobox! (#1868)

@navikt/ds-react

• Ny komponent Combobox! (#1868)

• Timeline: Har nå egen axisLabelTemplates-prop for axixlabel formatering (#2109)

• Combobox post-release tweaks (#2112)

4.6.1

@navikt/ds-css

• Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)

@navikt/ds-react

• Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt (#2089)

4.6.0

@navikt/ds-css

• Skjema: De fleste skjemakomponenter har nå styling for readOnly-state (#2080)

@navikt/ds-react

• Skjema: De fleste skjemakomponenter støtter nå readOnly-state (#2080)

4.5.0

@navikt/ds-css

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

• • Button: Fikset outline-bug i tertiary-variant ved :active-state (#2079)

@navikt/ds-react

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

4.4.2

@navikt/ds-react

• Textarea: Fikset i18n for counter (718b3204d)

4.4.1

@navikt/ds-css

• 💄 Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" (#2077)

4.4.0

@navikt/ds-css

• Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall (PR)

@navikt/ds-react

• Fikset klassenavn brukt for popover i Datepicker og Monthpicker (PR)

@navikt/ds-tailwind

• Shadow-tokens er oppdatert (PR)

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

@navikt/ds-tokens

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

4.3.0

@navikt/ds-css

• Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. (PR)

• ExpansionCard: Ved nesting av komponetene fikk man styling fra parent (PR)

@navikt/ds-react

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

4.2.0

@navikt/ds-css

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

@navikt/ds-react

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

4.1.7

@navikt/ds-react

• Fikset JSDom-problemer ved testing av Timeline

• La til wrapperClassname-prop for HelpText (PR)

4.1.6

@navikt/ds-react

• Timeline-period brakk ved bruk av JSDom i vitest og jest

4.1.5

@navikt/aksel-icons

• Nye ikoner ChevronRightLast og ChevronLeftLast (PR)

@navikt/ds-react

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

4.1.4

@navikt/ds-css

• Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. (PR)

4.1.3

@navikt/ds-react

• className ble ikke riktig forwardet til ikke-klikkbar Period i Timeline

4.1.2

@navikt/ds-react

• La til JSDoc for Skeleton-komponent

4.1.1

@navikt/ds-css

• 🐛 Fikset cursor-markering av tekst i skeleton.

4.1.0

@navikt/aksel-stylelint

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

@navikt/ds-css

• Chips: neutral og action-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon (PR)

• Alle description-felter på fieldsets har nå text-subtle som farge. (PR)

@navikt/ds-react

• Chips: neutral og action-varianter for Chips.Toggle. checkmark-prop for Chips.Toggle (PR)

• Ny komponent Skeleton! (PR)

• La til JSDoc dokumentasjon for alle komponenter (PR)

• Accordion: La til indent-prop (PR)

@navikt/ds-tailwind

• 🎉 Fargetokens for datavisualisering. (PR)

@navikt/ds-tokens

• 🎉 Fargetokens for datavisualisering. (PR)

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

4.0.0

@navikt/aksel

• Codemod for migrering av Datepicker/Monthpicker ut av Beta. npx @navikt/aksel codemod v4-date (PR)

• Codemods for migrering fra @navikt/ds-react-internal til @navikt/ds-react Guide (PR)

@navikt/ds-css

• All styling fra @navikt/ds-css-internal er flyttet til @navikt/ds-css. (PR)

• classname-prefix er endret fra navdsi -> navds for flyttede komponenter.

• Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.

• Styling for flyttede komponenter finnes nå på CDN Guide

@navikt/ds-react

• Datepicker og Monthpicker er ute av beta. Guide (PR)

• Komponenter i @navikt/ds-react-internal er flyttet over til @navikt/ds-react. Guide (PR)

3.4.2

@navikt/aksel-stylelint

• La til riktige dependencies (PR)

3.4.1

@navikt/aksel-stylelint

• Inkluderer nå dist-mappe i release

3.4.0

@navikt/aksel-stylelint

• Stylelint-pakke for Aksel (PR)

@navikt/ds-css

• Tag: moderate-variant (PR)

@navikt/ds-react

• Tag: moderate-variant (PR)

3.3.1

@navikt/ds-react

• CopyButton: native Clipboard API (PR)

3.3.0

@navikt/ds-react

• Timeline: popover/tooltip vises nå på hover, ikke onClick. (PR)

3.2.4

@navikt/ds-react

• Search: Støtter nå htmlSize-prop (PR)

3.2.3

@navikt/aksel-icons

• Nye ikoner FileParagraph og FilePlus (PR)

@navikt/ds-css

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

• CopyButton: xsmall-size for bruk i tabeller (PR)

@navikt/ds-react

• Datepicker: Oppdatert small-variant av Datepicker.Input. UI-oppdatert samtidig. (PR)

• CopyButton: xsmall-variant for bruk i tabeller (PR)

3.2.2

@navikt/ds-react

• CopyButton: Fjernet use client directive fra komponent. (warning i vite/rollup)

3.2.0

@navikt/ds-react

• Ny komponent CopyButton! Erstatter CopyToClipboard som nå er tagget som deprecated (PR)

3.1.3

@navikt/ds-css

• 💄 Oppdatert utseende for ToggleGroup. Medium og Small-size er begge 10px lavere, mindre border-radius (PR)

3.1.0

@navikt/ds-css

• Alle komponenter bruker nå default :focus-visible for fokusmarkering. Medfølger også fallback for :focus (PR)

• Oppdatert Label og Description spacing for skjemakomponenter (PR)

@navikt/ds-react

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

3.0.1

@navikt/ds-react

• Fjernet @navikt/ds-icons fra dependencies

• Accordion: Oppdatert default headingSize brukt i i Accordion.Header

3.0.0

@navikt/ds-css

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

@navikt/ds-react

• Accordion: left-aligner chevron, neutral-variant, size-prop (PR)

• Bruker nå nå @navikt/aksel-icons for interne ikoner (PR)

2.9.8

@navikt/aksel-icons

• Oppdatert Statusikoner til å være tydeligere og mer konsistente. (PR)

2.9.7

@navikt/aksel-icons

• Fikset CheckmarkIcon-bug

2.9.6

@navikt/aksel-icons

• Fikset CheckmarkCircleIcon-bug (PR)

2.9.4

@navikt/aksel

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

2.9.3

@navikt/aksel-icons

• Nye ikoner BulletList og NumberList (PR)

2.9.1

@navikt/ds-react

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

2.9.0

@navikt/ds-css

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

2.8.16

@navikt/ds-react

• ExpansionCard: ExpansionCard.Content sendte ikke className videre

• Datepicker. Bedre håndtering av visning for out-of-range-datoer (PR)

2.8.15

@navikt/aksel-icons

• 🎉 Nye ikoner HandKnot og HandKnotFilled (PR)

2.8.14

@navikt/ds-react

• Datepicker/Monthpicker: Oppdaterer vist måneder ved popover åpne/lukk. Fikser out-of-range håndtering av today

2.8.13

@navikt/aksel-icons

• Oppdatert InformationSquare-ikon (PR)

2.8.11

@navikt/aksel-icons

• Oppdatert VideoSlack, Questionmark og Information-ikoner (PR)

2.8.10

@navikt/ds-react

• Datepicker/Monthpicker: refaktorert event-handling i hooks (PR)

2.8.9

@navikt/ds-css

• Button: Padding/border-radius tokens (PR)

2.8.8

@navikt/aksel-icons

• Nye ikoner VideoSlash og VideoSlashFill

2.8.7

@navikt/ds-css

• Button: token for tertiary

@navikt/ds-react

• Fikset typografi-bruk for Radio og Checkbox.

2.8.6

@navikt/ds-css

• Alert, Chips og ErrorSummary har nå bedre utvalg av tokens

2.8.5

@navikt/ds-css

• Accordion: tokens for header-bakgrunn

• Select: Fikset tekstfarge på iphone (PR)

2.8.4

@navikt/aksel-icons

• Fikset Sourcemap-bug

2.8.3

@navikt/ds-react

• Textarea: oppdatert counter-tekst + mulighet for lokalisering (PR)

2.8.2

@navikt/ds-css

• ExpansioCard: Oppdatert typografi (PR)

@navikt/ds-react

• ExpansioCard: Oppdatert typografibruk (PR)

2.8.1

@navikt/ds-react

• ExpansionCard: Oppdaetrt standard title-size til medium

2.8.0

@navikt/ds-react

• Ny komponent ExpansionCard! (PR)

2.7.8

@navikt/ds-css

• Tabs: La til focus-markering for Tabs.Panel (PR)

2.7.7

@navikt/aksel-icons

• Nye ikoner CaretUpDownFilledDown, CaretUpDownFilledUp, CloudDown, CloudDownFill, CloudUp, CloudUpFill, HddDown, HddDownFill, HddUp, HddUpFill, Inbox, InboxDown, InboxDownFill, InboxFill, InboxUp, InboxUpFill, ShoppingBasket, ShoppingBasketFill

2.7.5

@navikt/ds-css

• ToggleGroup: Fikset token-bug

2.7.4

@navikt/aksel-icons

• Nye ikoner, CaretDownFill, CaretLeft, CaretLeftFill, CaretLeftRight, CaretLeftRightFill, CaretRight, CaretRightFill, CaretUpDownFill, CaretUpFill, Escalator, Moon, MoonFill. Fjernet EscalatorStroke (PR)

2.7.0

@navikt/aksel-icons

• Ny ikonpakke med for core icons 3! @navikt/aksel-icons (PR)

2.6.2

@navikt/ds-react

• Textarea: Fikset React v18 problem med TextareaAutosize

2.6.1

@navikt/ds-react

• Search: onSearchClick-prop for lettere submit-handling

2.5.1

@navikt/ds-react

• List: Refaktorert nestede lister

2.5.0

@navikt/ds-tailwind

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

@navikt/ds-tokens

• Breakpoint-tokens lagt til (PR)

2.4.3

@navikt/ds-css

• Select: Fikset disabled + opacity bug for Chrome

2.4.2

@navikt/ds-css

• List: La til støtte for nesting (PR)

@navikt/ds-react

• List: la til støtte for nestede lister (PR)

2.4.1

@navikt/ds-react

• Datepicker: la til fixedWeeks-prop for å alltid vise 6 uker i Datepicker.Standalone (PR)

2.4.0

@navikt/ds-react

• Ny komponent List! (PR)

2.3.1

@navikt/ds-css

• Fikset feil bruk av fallback-tokens i Textarea og Timeline

2.3.0

@navikt/ds-css

• Select: Fikset sentrering av tekst i Firefox (PR)

• Select: small-variant er nå 32px (var 34px)

2.2.0

@navikt/ds-css

• ToggleGroup: Neutral-variant. (PR)

• Button: Neutral-variant.

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

2.1.7

@navikt/ds-react

• Datepicker: Fikset rekkefølge på onValidate og onRangeChange i useRangepicker-hook

2.1.6

@navikt/ds-react

• Datepicker/Monthpicker: openOnFocus-prop for manuell håndtering av popover (PR)

2.1.5

@navikt/ds-react

• Datepicker: ESM import fra date-fns fungerer nå

2.1.4

@navikt/ds-react

• Datepicker: Fikset edgecase i useRangepicker der valg av startdato etter sluttdato ga feil output

2.1.3

@navikt/ds-react

• Monthpicker: håndterer visning av år riktig (PR)

2.1.2

@navikt/ds-css

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

2.1.1

@navikt/ds-react

• Fikset @types/react v18 feil introdusert i v2.0.6 (PR)

2.1.0

@navikt/ds-react

• Datepicker/Monthpicker: år med 2 siffer i input fungerer nå

@navikt/ds-tokens

• Fikset feil danger-hover token (PR)

2.0.18

@navikt/ds-react

• Datepicker: Bedre typer for ref

2.0.15

@navikt/ds-react

• Chat: toptextPosition-prop for horisontal plassering av navn og dato. (PR)

2.0.14

@navikt/ds-react

• Oppdatert @floating-ui/react-versjon

2.0.12

@navikt/ds-css

• Radio: Fikset default visuell error-state (PR)

2.0.7

@navikt/ds-react

• Monthpicker: Fikset keyboard-click

2.0.6

@navikt/ds-react

• Datepicker: Datepicker.Input satt className flere ganger

2.0.5

@navikt/ds-css

• Button: Reverserte border-width endrinder (var 1.5px, nå 2px)

2.0.3

@navikt/ds-react

• Datepicker: strategi-prop for layout-strategi av popover

2.0.2

@navikt/ds-react

• Datepicker: onClick-event fikset

2.0.1

@navikt/ds-css

• Bugfixer ved bruk av tokens oppdatert i v2.0.0

2.0.0

@navikt/ds-css

• Fontlasting: Fonter lastes nå fra NAV-CDN

• Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.

@navikt/ds-react

• Fonter blir bruk i all typografi blir nå lastet fra CDN

@navikt/ds-tailwind

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

@navikt/ds-tokens

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

1.5.10

@navikt/ds-react

• Modal: parentSelector-prop i Modal (PR)

1.5.9

@navikt/ds-css

• Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle

1.5.7

@navikt/ds-react

• Datepicker: defaultMonth og Year prop lagt til

1.5.6

@navikt/ds-react

• Datepicker: fungerer nå med open shadow-dom

1.5.3

@navikt/ds-css

• Tokens: Byttet om på rekkefølge av alt-farger

1.5.2

@navikt/ds-react

• Chips: FilterChips heter nå ToggleChips

1.5.1

@navikt/ds-css

• Chips. Bruker nå standard flex-wrap

1.5.0

@navikt/ds-css

• Tag: filled-varianter (PR)

@navikt/ds-react

• Tag: filles-varianter (PR)

• Ny komponent Chips! (PR)

1.4.4

@navikt/ds-react

• Datepicker: Eksponerer onValidation-typer

1.4.3

@navikt/ds-react

• Datepicker: Validering og inputFormat funksjonalitet

1.4.1

@navikt/ds-react

• Datepicker: Følger språkrådets dato-formatering for måneder.

1.4.0

@navikt/ds-react

• Ny komponent Provider! For håndtering av global config på tvers av komponenter

1.3.39

@navikt/ds-css

• Fikset bruk av :watch for diverse parsere (less, parcel)

@navikt/ds-react

• useId-bug fikset ved bruk i både react 17 og 18

• Datepicker: Patchet UX-bugs ved navigering til fortid/nåtid

• HelpText: Reverserte til å tillate bruk av React.ReactNode som children

• DatePicker og MonthPicker er tilgjengelig som Beta

• Modal: overlayClassName-prop lagt til

• ConfirmationPanel: Checkbox lenker nå til innholdet i aria-describedby

• Table: shadeOnHover-prop for å skru av/på hover-effekt

• Table: colSpan-prop på Table.ExpandableRow

• HelpText: har nå standard max-width på 65ch

• Stepper: interactive og completed-props for wizard-løsninger

1.3.24

@navikt/ds-css

• Tokens tilgjengeligjøres nå også på :host. Dette lar shadow-dom brukere konsumere tokens direkte.

1.2.0

@navikt/ds-react

• Dropdown: closeOnSelect-prop for å skru av/på lukking av dropdown ved valg

1.1.0

@navikt/ds-react

• Dropdown: onSelect-prop for callback ved valg av element

1.0.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)