@dnb/eufemia/CHANGELOG.md

DNB Eufemia Design System UI Library

# Changelog

All notable changes to @dnb/eufemia will be documented in this file. See
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.

## [11.3.0](https://github.com/dnbexperience/eufemia/compare/v11.2.2...v11.3.0) (2026-05-19)


### :memo: Documentation

* **Forms:** move more-fields to feature-fields and base-fields ([#8067](https://github.com/dnbexperience/eufemia/issues/8067)) ([5aced8f](https://github.com/dnbexperience/eufemia/commit/5aced8f6bd2157d3a754edab48609b63f4ab4216))


### :bug: Bug Fixes

* **Accordion:** memoize store (`rememberState`) ([#8128](https://github.com/dnbexperience/eufemia/issues/8128)) ([a815d9e](https://github.com/dnbexperience/eufemia/commit/a815d9e159f07766d6ced45a337652097741a1b3))
* **ArraySelection:** retain focus on checkbox when selecting/deselecting ([#8125](https://github.com/dnbexperience/eufemia/issues/8125)) ([59061ba](https://github.com/dnbexperience/eufemia/commit/59061baa0ef4992b0fa807843af96001a7233305))
* **BankAccountNumber:** sync valueRef with external value changes ([#8074](https://github.com/dnbexperience/eufemia/issues/8074)) ([e30419b](https://github.com/dnbexperience/eufemia/commit/e30419b84b8e4a5c3529e7d1ffa4f3afc078d22d))
* **DateOfBirth:** sync day/month/year refs with external value changes ([#8075](https://github.com/dnbexperience/eufemia/issues/8075)) ([a5ad5e7](https://github.com/dnbexperience/eufemia/commit/a5ad5e77cfed8a1427be2db4276f5ce5c5792c86))
* **Field.String:** use showClearButton instead of clear prop ([#8101](https://github.com/dnbexperience/eufemia/issues/8101)) ([f27bec9](https://github.com/dnbexperience/eufemia/commit/f27bec9df0c57ce6b0b52b23a8012a966024a2f8))
* **Flex:** omit wrapper for spacing props in context-only providers ([#8112](https://github.com/dnbexperience/eufemia/issues/8112)) ([512715a](https://github.com/dnbexperience/eufemia/commit/512715a76ccdf4be6607560aebd743b424776e9e))
* **Form.SubmitButton:** show loading indicator inside Field.Composition ([#8052](https://github.com/dnbexperience/eufemia/issues/8052)) ([9276dc3](https://github.com/dnbexperience/eufemia/commit/9276dc376c53035aa90bcdd011197171d0710cf4))
* **Icon:** prevent skeleton and other props leaking to SVG element ([#8104](https://github.com/dnbexperience/eufemia/issues/8104)) ([d63f7c5](https://github.com/dnbexperience/eufemia/commit/d63f7c5e5c17e139a839f83a470203400e5e8411))
* **Provider:** use createSharedState to prevent infinite render loop ([#8107](https://github.com/dnbexperience/eufemia/issues/8107)) ([390809a](https://github.com/dnbexperience/eufemia/commit/390809a7bf6ad22deb3e05419a1527edff6d76cd))
* **Tabs:** add scroll navigation labels ([#8124](https://github.com/dnbexperience/eufemia/issues/8124)) ([cb956f1](https://github.com/dnbexperience/eufemia/commit/cb956f14b5cd145bc712ce990b42bddc99bc1fae))
* **Tabs:** prevent setState during render in shared state initialization ([#8127](https://github.com/dnbexperience/eufemia/issues/8127)) ([542c745](https://github.com/dnbexperience/eufemia/commit/542c74521855a8b6db76da90ce9136ea0128fe1c))
* **TermDefinition:** add skeleton support ([#8103](https://github.com/dnbexperience/eufemia/issues/8103)) ([e5d1350](https://github.com/dnbexperience/eufemia/commit/e5d135062cb62108a7b9737b90849ed6804e7c1d))
* **ToggleButton:** fix setState-during-render in group context registration ([#8102](https://github.com/dnbexperience/eufemia/issues/8102)) ([d3cce59](https://github.com/dnbexperience/eufemia/commit/d3cce59a60f7946dd309901c5771499df2d8d303))


### :sparkles: Features

* **Accordion:** add tertiary variant ([#8121](https://github.com/dnbexperience/eufemia/issues/8121)) ([3115b67](https://github.com/dnbexperience/eufemia/commit/3115b67366f75a9ceb0daf531ce8f00f8c256cb4))
* enhance Stylelint plugin with token-name-policy ([#8030](https://github.com/dnbexperience/eufemia/issues/8030)) ([a600a51](https://github.com/dnbexperience/eufemia/commit/a600a514172a4cc42dd3fb2b8f0562a8d58e0edb))
* **Forms:** add MultiSelection field ([#8048](https://github.com/dnbexperience/eufemia/issues/8048)) ([c0801e8](https://github.com/dnbexperience/eufemia/commit/c0801e8c8900a37bdc6a8dda7a0236532519e9d5))
* **Icon:** add filled icon support to Icon component (`fill` prop) ([#8022](https://github.com/dnbexperience/eufemia/issues/8022)) ([31ce06b](https://github.com/dnbexperience/eufemia/commit/31ce06b65f2b09632bdf844ee40def61d475cd83))
* **MCP:** add HTTP server with SSE + Streamable HTTP transports  ([#8087](https://github.com/dnbexperience/eufemia/issues/8087)) ([a83c5d2](https://github.com/dnbexperience/eufemia/commit/a83c5d2fb0db2632ccda400c0f595f832f8dcbf5))
* **Space:** add `Space.ResponsiveContext` component to enable responsive layout spacing (⚠️ Beta) ([#8095](https://github.com/dnbexperience/eufemia/issues/8095)) ([be300b8](https://github.com/dnbexperience/eufemia/commit/be300b8dac3831282da4c34e489c4c38b704c5b9))
* **Space:** add useSpacing hook and apply to all components and deprecate applySpacing ([#8089](https://github.com/dnbexperience/eufemia/issues/8089)) ([7aeb389](https://github.com/dnbexperience/eufemia/commit/7aeb389f2811ac5ef8194f8811a31a5736a8662f))
* **Table:** add `highlight` prop to `Th` and `Td` for highlighting cells ([#8025](https://github.com/dnbexperience/eufemia/issues/8025)) ([4f95db7](https://github.com/dnbexperience/eufemia/commit/4f95db7b58826e2bc2429a91c9fe8b0b63ecd3d5))


### :barber: Style Changes

* **ToggleButton, Radio:** ToggleButton redesign ([#7974](https://github.com/dnbexperience/eufemia/issues/7974)) ([e38d0c7](https://github.com/dnbexperience/eufemia/commit/e38d0c7b640c09a2a00310f6d8550c6980cda6e1))

## [11.2.2](https://github.com/dnbexperience/eufemia/compare/v11.2.1...v11.2.2) (2026-05-11)


### :bug: Bug Fixes

* **Forms:** ensure Form.useData is in sync when data prop changes (using id) ([#8009](https://github.com/dnbexperience/eufemia/issues/8009)) ([d6a34df](https://github.com/dnbexperience/eufemia/commit/d6a34df5b4669844130b52daa437c74b1cc28f48))
* **GlobalError:** use Heading instead of H1 to respect heading level context ([#8036](https://github.com/dnbexperience/eufemia/issues/8036)) ([fed7ec4](https://github.com/dnbexperience/eufemia/commit/fed7ec463595a222ab8e54d73e7d2ef8305588d7))
* **Heading:** ensure correct leveling during React hydration ([#8035](https://github.com/dnbexperience/eufemia/issues/8035)) ([eefbe67](https://github.com/dnbexperience/eufemia/commit/eefbe676038bc048ad94e3e82ba5d11980b66f0e))
* include z-index tokens in basis stylesheet ([#8044](https://github.com/dnbexperience/eufemia/issues/8044)) ([72c23c1](https://github.com/dnbexperience/eufemia/commit/72c23c11a0943b18b8986e5ddc954b6ded856a0e)), closes [#7356](https://github.com/dnbexperience/eufemia/issues/7356)
* **Table:** add ref prop support and update keyboard navigation hook ([#8028](https://github.com/dnbexperience/eufemia/issues/8028)) ([507ee0a](https://github.com/dnbexperience/eufemia/commit/507ee0a786ac24840d87d447f2bc040c68ce4569))

## [11.2.1](https://github.com/dnbexperience/eufemia/compare/v11.2.0...v11.2.1) (2026-05-08)


### :bug: Bug Fixes

* add @babel/runtime-corejs3 dependency ([#8016](https://github.com/dnbexperience/eufemia/issues/8016)) ([e071d7f](https://github.com/dnbexperience/eufemia/commit/e071d7f629a7d405b4dd7dacb13545e6ecf76118))

## [11.2.0](https://github.com/dnbexperience/eufemia/compare/v11.1.1...v11.2.0) (2026-05-08)


### :memo: Documentation

* add dark mode guide ([#7960](https://github.com/dnbexperience/eufemia/issues/7960)) ([e8432b5](https://github.com/dnbexperience/eufemia/commit/e8432b52d43903e9f54e48d0d78ee8a9fb012aba))


### :zap: Refactoring

* **Accordion:** add border radius tokens for `Sbanken` theme ([#7992](https://github.com/dnbexperience/eufemia/issues/7992)) ([96c0379](https://github.com/dnbexperience/eufemia/commit/96c03790d775734b5bdf8892dc62bc0614f0482b))
* **Code:** add border radius tokens ([#7969](https://github.com/dnbexperience/eufemia/issues/7969)) ([d4d79ef](https://github.com/dnbexperience/eufemia/commit/d4d79efaa9f25c3195d1c1d8fefd141adb1f3ab0))
* **DrawerList:** use border radius tokens ([#7970](https://github.com/dnbexperience/eufemia/issues/7970)) ([4b71dde](https://github.com/dnbexperience/eufemia/commit/4b71dde48e56b53c2b9dfd0c03c732e7685061b3))
* **Flex:** rename --sizeCount CSS custom property to --size-count ([#7985](https://github.com/dnbexperience/eufemia/issues/7985)) ([eaf43da](https://github.com/dnbexperience/eufemia/commit/eaf43dad16d812dd279d0c89935e7114a7a768b9))
* **ProgressIndicator:** add border radius token ([#7982](https://github.com/dnbexperience/eufemia/issues/7982)) ([632da45](https://github.com/dnbexperience/eufemia/commit/632da450ba26beaa31c44d1c62a71dd4cbe85980))
* replace default React imports with named imports ([#7681](https://github.com/dnbexperience/eufemia/issues/7681)) ([0b61f41](https://github.com/dnbexperience/eufemia/commit/0b61f419d3c4666da18de07930d1185c72b6c04e))
* **Table:** add border radius token for `outline` variant ([#7983](https://github.com/dnbexperience/eufemia/issues/7983)) ([e2f14a7](https://github.com/dnbexperience/eufemia/commit/e2f14a7866f01d567819120f90212f24bf66ab5c))
* **Timeline:** add border radius tokens ([#7940](https://github.com/dnbexperience/eufemia/issues/7940)) ([9143a88](https://github.com/dnbexperience/eufemia/commit/9143a88253ae134eff1eba7478520df39bb24fb1))
* **Tooltip:** add correct border radius token ([#7964](https://github.com/dnbexperience/eufemia/issues/7964)) ([ca33fee](https://github.com/dnbexperience/eufemia/commit/ca33fee0ee5f03a3a836f7c87572a1b0b15932eb))


### :sparkles: Features

* add ESLint and Stylelint Plugin to detecting deprecated color variable usage ([#7971](https://github.com/dnbexperience/eufemia/issues/7971)) ([71fcb87](https://github.com/dnbexperience/eufemia/commit/71fcb87cbcf42a41f4e2d77bb543cd8d4627dd47))
* generate markdown for all docs pages including MCP server docs ([#7945](https://github.com/dnbexperience/eufemia/issues/7945)) ([72ed11c](https://github.com/dnbexperience/eufemia/commit/72ed11cf8d9b0f5d82b55904369a1cdfbc8ef4a3))
* **StyleIsolation:** warn when deprecated color variables are used via PostCSS plugin ([#7972](https://github.com/dnbexperience/eufemia/issues/7972)) ([8b278cf](https://github.com/dnbexperience/eufemia/commit/8b278cf284a2a119d3be575b056218dc1b5c6e85)), closes [#7971](https://github.com/dnbexperience/eufemia/issues/7971)
* **Table:** add `selected` state to Table `Td` ([#7996](https://github.com/dnbexperience/eufemia/issues/7996)) ([b438f62](https://github.com/dnbexperience/eufemia/commit/b438f6296805237d2660c539a57a6c3d36e38246))
* **Table:** add `verticalAlign` prop to `Tr` ([#7981](https://github.com/dnbexperience/eufemia/issues/7981)) ([1cbbdca](https://github.com/dnbexperience/eufemia/commit/1cbbdca87a04c20995a5a3f3bcaa62580f2addd9)), closes [#7977](https://github.com/dnbexperience/eufemia/issues/7977)
* **Table:** add clickable table cells ([#7977](https://github.com/dnbexperience/eufemia/issues/7977)) ([963b0f6](https://github.com/dnbexperience/eufemia/commit/963b0f606171f058354e3a4e6cc95bd0d13aea8b))


### :bug: Bug Fixes

* **Field.Expiry:** prevent focus when clicking outside the component ([#7958](https://github.com/dnbexperience/eufemia/issues/7958)) ([af8cc4d](https://github.com/dnbexperience/eufemia/commit/af8cc4d8a920a9999e9de217a911d084a9418bc3))
* **HeightAnimation:** fix hydration mismatches for SSR compatibility ([#8002](https://github.com/dnbexperience/eufemia/issues/8002)) ([9421228](https://github.com/dnbexperience/eufemia/commit/942122889ad1b582a2ff7a6f1429315528a12521))
* **HelpButtonInline:** remove backgroundColor from Section ([#8004](https://github.com/dnbexperience/eufemia/issues/8004)) ([35bb802](https://github.com/dnbexperience/eufemia/commit/35bb80243d832586c2800999f4c252ab93bb3d29))
* **Iterate.Array:** clear open-delay timeout on unmount in ArrayItemArea ([#7979](https://github.com/dnbexperience/eufemia/issues/7979)) ([fc5b963](https://github.com/dnbexperience/eufemia/commit/fc5b9635b2a9dcd3fab1ed7f3d934b04da75a66b))
* **List:** make entire Item.Action clickable, not just the text ([#7993](https://github.com/dnbexperience/eufemia/issues/7993)) ([56d9512](https://github.com/dnbexperience/eufemia/commit/56d951228d49326d2f0273aa64e8087b23a9ec0d))
* prevent whatinput from interfering with React hydration (SSR) ([#8000](https://github.com/dnbexperience/eufemia/issues/8000)) ([ff44088](https://github.com/dnbexperience/eufemia/commit/ff440885b2a19fbd033a80d58b037643706f1877))
* remove unused @babel/runtime-corejs3 dependency ([#7994](https://github.com/dnbexperience/eufemia/issues/7994)) ([c3b699e](https://github.com/dnbexperience/eufemia/commit/c3b699e15aaa546201d687d93786dcfd5a20e98a))
* render help title in div instead of p to support block-level elements ([#7942](https://github.com/dnbexperience/eufemia/issues/7942)) ([d4d949f](https://github.com/dnbexperience/eufemia/commit/d4d949f4f2cf5a8d87ce35e74fb05a04160e537a))
* **Table:** fix focus ring width on accordion and clickable rows ([#7975](https://github.com/dnbexperience/eufemia/issues/7975)) ([753569c](https://github.com/dnbexperience/eufemia/commit/753569c6a650930aa90ebf58416fdffab7bd03f9))

## [11.1.1](https://github.com/dnbexperience/eufemia/compare/v11.1.0...v11.1.1) (2026-05-05)


### :memo: Documentation

* **Forms:** cleanup of deduplicate translation examples ([#7916](https://github.com/dnbexperience/eufemia/issues/7916)) ([dba9829](https://github.com/dnbexperience/eufemia/commit/dba98290aa96c25c1a90a026f1fd14c7103405f8))


### :zap: Refactoring

* **Anchor:** add border radius token ([#7928](https://github.com/dnbexperience/eufemia/issues/7928)) ([fa0ede0](https://github.com/dnbexperience/eufemia/commit/fa0ede07799b2264228377656672121dd2809f54))
* **Autocomplete:** add border radius tokens ([#7932](https://github.com/dnbexperience/eufemia/issues/7932)) ([364faaa](https://github.com/dnbexperience/eufemia/commit/364faaa61312247b9995a7bf1b50b3464bc3ecff))
* **Badge:** add border radius tokens ([#7924](https://github.com/dnbexperience/eufemia/issues/7924)) ([18cf1b7](https://github.com/dnbexperience/eufemia/commit/18cf1b736e0cc0e459ef11ad97d898b5f1b7cadd))
* **Dropdown:** use border radius tokens ([#7927](https://github.com/dnbexperience/eufemia/issues/7927)) ([2608893](https://github.com/dnbexperience/eufemia/commit/26088931a457b6670843462575b9fa879f030a66))
* **Input:** add icon color tokens ([#7913](https://github.com/dnbexperience/eufemia/issues/7913)) ([ea2d47b](https://github.com/dnbexperience/eufemia/commit/ea2d47b2f856b69d2dcee4bdc284f5240c03c4db))
* **Input:** use correct border radius tokens for Sbanken theme ([#7909](https://github.com/dnbexperience/eufemia/issues/7909)) ([f859b15](https://github.com/dnbexperience/eufemia/commit/f859b154f262cbef59747f4590c3adb46f0b5f03))
* **Menu:** adjust hover (action) border radius ([#7936](https://github.com/dnbexperience/eufemia/issues/7936)) ([85a3ad0](https://github.com/dnbexperience/eufemia/commit/85a3ad0c210381de7a5c224d8036545f04d1e736))
* **Tabs:** add border radius tokens ([#7939](https://github.com/dnbexperience/eufemia/issues/7939)) ([82d926d](https://github.com/dnbexperience/eufemia/commit/82d926d386c18ea7d2315f60cd50b102d95e824b))
* **Textarea:** add border radius token ([#7922](https://github.com/dnbexperience/eufemia/issues/7922)) ([d8c58dd](https://github.com/dnbexperience/eufemia/commit/d8c58dd0f14dbb9591630dfc2e489517bad32e57))


### :bug: Bug Fixes

* **Forms:** render help content in div instead of p to support block-level elements ([#7930](https://github.com/dnbexperience/eufemia/issues/7930)) ([50911b2](https://github.com/dnbexperience/eufemia/commit/50911b2b4c0901eb9a9adb97ffe9ddcaba18d904))
* **Heading, Ul, Ol, Dl, FormLabel, Hr:** ensure surface="dark" support ([#7925](https://github.com/dnbexperience/eufemia/issues/7925)) ([118841d](https://github.com/dnbexperience/eufemia/commit/118841d292c421b2da55a95a229dd9b8573900eb))
* improve localized validation interpolation in useFieldError ([#7931](https://github.com/dnbexperience/eufemia/issues/7931)) ([2d5d081](https://github.com/dnbexperience/eufemia/commit/2d5d08174538baaa1723ebe675d62fd135cca447))
* **InputMasked:** disable spellcheck to prevent false positives on currency suffix ([#7935](https://github.com/dnbexperience/eufemia/issues/7935)) ([04aa51a](https://github.com/dnbexperience/eufemia/commit/04aa51a60eee0794dc5674cc76c58732974b83aa))
* **Modal:** preserve triggerAttributes onClick in Modal trigger button ([#7938](https://github.com/dnbexperience/eufemia/issues/7938)) ([786942a](https://github.com/dnbexperience/eufemia/commit/786942af8eb8fe2d34b50a65406916afb457b0a0))
* **NumberFormat.Currency:** support explicit currencies ([#7929](https://github.com/dnbexperience/eufemia/issues/7929)) ([f0b0a57](https://github.com/dnbexperience/eufemia/commit/f0b0a57b849302b9a4f78dbebcd461d3a2db96c9))

## [11.1.0](https://github.com/dnbexperience/eufemia/compare/v11.0.4...v11.1.0) (2026-05-04)


### :zap: Refactoring

* **Breadcrumb:** ensure Sbanken dark mode compatibility ([#7891](https://github.com/dnbexperience/eufemia/issues/7891)) ([a3893ab](https://github.com/dnbexperience/eufemia/commit/a3893ab2b96d46d8c5f7b3dce8c33d3a19acf5d2))
* **Logo:** support dark mode ([#7889](https://github.com/dnbexperience/eufemia/issues/7889)) ([8c27fe0](https://github.com/dnbexperience/eufemia/commit/8c27fe04ce8247e04813ab73859ffd2d72b9853d))
* **Portal:** use `translationsLoader` for dynamic locale loading ([#7885](https://github.com/dnbexperience/eufemia/issues/7885)) ([ef2982b](https://github.com/dnbexperience/eufemia/commit/ef2982b5194cfe9d4ed78aa93485058da635271b))


### :sparkles: Features

* add opt-in ICU MessageFormat support for translations ([#7894](https://github.com/dnbexperience/eufemia/issues/7894)) ([b87d879](https://github.com/dnbexperience/eufemia/commit/b87d879a0c0a75ac55e0472294605d3184f40065))
* add shared focus-ring variable for border width `--focus-ring-width` ([#7878](https://github.com/dnbexperience/eufemia/issues/7878)) ([29bd01c](https://github.com/dnbexperience/eufemia/commit/29bd01c35ab5aeeced0f4657e7322a8e09bf8cee))
* deprecate --color-* CSS custom properties and color documentation in favor of design tokens ([#7888](https://github.com/dnbexperience/eufemia/issues/7888)) ([c1301fb](https://github.com/dnbexperience/eufemia/commit/c1301fb675b12fa95af6d91410b2c67b57692162))
* **Provider:** add `translationsLoader` for async dynamic translations ([#7870](https://github.com/dnbexperience/eufemia/issues/7870)) ([7cd5d04](https://github.com/dnbexperience/eufemia/commit/7cd5d0494b04164f2db0b933219e1e8f82980e40))
* release tokens (beta) and dark mode support ([#7871](https://github.com/dnbexperience/eufemia/issues/7871)) ([0055476](https://github.com/dnbexperience/eufemia/commit/00554769fd3655a15a98aead44e3e56c9728ac92))
* **Table:** add useTableKeyboardNavigation "plugin" hook ([#7779](https://github.com/dnbexperience/eufemia/issues/7779)) ([9337295](https://github.com/dnbexperience/eufemia/commit/9337295be135b48ba04d99f2350196781d31bd45))
* **Table:** add verticalAlign prop to `Td` ([#7884](https://github.com/dnbexperience/eufemia/issues/7884)) ([bb102bd](https://github.com/dnbexperience/eufemia/commit/bb102bdc4ec4e33213b4a1b06babd1f3654d203d)), closes [#7870](https://github.com/dnbexperience/eufemia/issues/7870)


### :bug: Bug Fixes

* **Field.Selection, Field.ArraySelection:** pass `width` to FieldBlock to prevent label truncation ([#7876](https://github.com/dnbexperience/eufemia/issues/7876)) ([fa1d666](https://github.com/dnbexperience/eufemia/commit/fa1d6666a058777219c253b4b2dc99fb6322df1c))
* **Forms:** keep GlobalStatus visible until all errors are resolved ([#7877](https://github.com/dnbexperience/eufemia/issues/7877)) ([7d8fe2d](https://github.com/dnbexperience/eufemia/commit/7d8fe2d78c69a6ce2be131a75d64f42f1a5685c7))
* **GlobalStatus:** preserve provider state when state prop is not given ([#7880](https://github.com/dnbexperience/eufemia/issues/7880)) ([50442b4](https://github.com/dnbexperience/eufemia/commit/50442b4db735686e40a8e470c9621c653e546e8c))
* **Table:** hide table bottom border when `border` is explicitly false ([#7908](https://github.com/dnbexperience/eufemia/issues/7908)) ([22aac70](https://github.com/dnbexperience/eufemia/commit/22aac70b118842927dec27913ee54ec065e075c6))
* **Tabs:** improve tabs scroll buttons handling ([#7892](https://github.com/dnbexperience/eufemia/issues/7892)) ([4f41d45](https://github.com/dnbexperience/eufemia/commit/4f41d4530c7358a35040b37ab0df1b182af54b30))

## [11.0.4](https://github.com/dnbexperience/eufemia/compare/v11.0.3...v11.0.4) (2026-04-29)


### :zap: Refactoring

* add border radius tokens to components ([#7851](https://github.com/dnbexperience/eufemia/issues/7851)) ([00a0333](https://github.com/dnbexperience/eufemia/commit/00a033300a3aadc92b134fab275ea09858dda14d))


### :bug: Bug Fixes

* **Dialog, Drawer, ScrollView:** handle content movement when scrollbar appears and add `scrollbarGutter` property ([#7862](https://github.com/dnbexperience/eufemia/issues/7862)) ([430fac8](https://github.com/dnbexperience/eufemia/commit/430fac8a31dd1ac7b68f66f8712669737d427d89))
* **Dropdown, Autocomplete:** improve outline (border) of DrawerList ([#7863](https://github.com/dnbexperience/eufemia/issues/7863)) ([c216d8b](https://github.com/dnbexperience/eufemia/commit/c216d8bc33cf98f57e8232a7cb7f16b2804a1c11)), closes [#7759](https://github.com/dnbexperience/eufemia/issues/7759) [#7854](https://github.com/dnbexperience/eufemia/issues/7854)
* **Icon:** return stable reference from prerenderIcon for function icons ([#7847](https://github.com/dnbexperience/eufemia/issues/7847)) ([669407f](https://github.com/dnbexperience/eufemia/commit/669407fe3ec85a686de5750f9feef5a4ef170a5d))
* **Tools.Log:** use variant prop instead of backgroundColor for dark mode support ([#7852](https://github.com/dnbexperience/eufemia/issues/7852)) ([d884843](https://github.com/dnbexperience/eufemia/commit/d88484319eb9638d58714c15df8a21ff9eff9232))


### :memo: Documentation

* **DatePicker:** clarify minDate/maxDate behavior and reference Field.Date for input validation ([#7866](https://github.com/dnbexperience/eufemia/issues/7866)) ([bcb1b21](https://github.com/dnbexperience/eufemia/commit/bcb1b21a8eba9be0eba71a83a4628307feb5022c))
* enable dark/light mode switch in code examples ([#7843](https://github.com/dnbexperience/eufemia/issues/7843)) ([bb297b1](https://github.com/dnbexperience/eufemia/commit/bb297b1813d468315c2427f5a3fd4086081609b3))
* **Forms:** add rationale for optional-by-default and optional label convention ([#7868](https://github.com/dnbexperience/eufemia/issues/7868)) ([dc5792f](https://github.com/dnbexperience/eufemia/commit/dc5792f83d1e804d80eb74cdcad22d733b8cb026))

## [11.0.3](https://github.com/dnbexperience/eufemia/compare/v11.0.2...v11.0.3) (2026-04-28)


### :barber: Style Changes

* **Portal:** enable dark mode ☀️🌑 ([#7808](https://github.com/dnbexperience/eufemia/issues/7808)) ([3a9ac2a](https://github.com/dnbexperience/eufemia/commit/3a9ac2a8892feb937ce1397ac685a21178e9ec96))


### :bug: Bug Fixes

* **PhoneNumber:** prevent dashed country code digits from leaking into number field ([#7828](https://github.com/dnbexperience/eufemia/issues/7828)) ([92552ca](https://github.com/dnbexperience/eufemia/commit/92552cac05bacd5070651c888e47ebc3d0139338))
* **ScrollView:** support callback refs in useInteractive ([#7836](https://github.com/dnbexperience/eufemia/issues/7836)) ([28a989e](https://github.com/dnbexperience/eufemia/commit/28a989eed85596d252a5bd5870b1b59760342363))
* **Table:** recalculate sticky header offset on scroll for dynamic layouts ([#7815](https://github.com/dnbexperience/eufemia/issues/7815)) ([5a4f31b](https://github.com/dnbexperience/eufemia/commit/5a4f31b59e54c712a0d4f7b5e02ab785c911e854))


### :zap: Refactoring

* **DatePicker:** use design tokens ([#7822](https://github.com/dnbexperience/eufemia/issues/7822)) ([574d037](https://github.com/dnbexperience/eufemia/commit/574d037363b7cff466440cb9e9b1ade57dbf454f))
* **SkipLink:** use design tokens ([#7824](https://github.com/dnbexperience/eufemia/issues/7824)) ([28aebf3](https://github.com/dnbexperience/eufemia/commit/28aebf3e53106ef9c516306d908e372c1fa87118))
* **StepIndicator:** use design tokens ([#7816](https://github.com/dnbexperience/eufemia/issues/7816)) ([51a3a91](https://github.com/dnbexperience/eufemia/commit/51a3a91de58b49192c4078433aea1ec0a4997826))
* use design tokens for ::selection styles ([#7838](https://github.com/dnbexperience/eufemia/issues/7838)) ([b6c6cfc](https://github.com/dnbexperience/eufemia/commit/b6c6cfcec095a72bc23e799afc671fa9b2fba893))

## [11.0.2](https://github.com/dnbexperience/eufemia/compare/v11.0.1...v11.0.2) (2026-04-28)


### :memo: Documentation

* add design tokens guide ([#7777](https://github.com/dnbexperience/eufemia/issues/7777)) ([938e4c9](https://github.com/dnbexperience/eufemia/commit/938e4c9a9bb660a91f415e904ebc7cb7b27c5045))
* **Portal:** add missing syntax highlighting and support brand colors ([#7775](https://github.com/dnbexperience/eufemia/issues/7775)) ([453acba](https://github.com/dnbexperience/eufemia/commit/453acbaf33b85fbbca3cacb9bf1345d62184a4c0))


### :bug: Bug Fixes

* add missing `dnb-page-background` helper class ([#7757](https://github.com/dnbexperience/eufemia/issues/7757)) ([7d745ff](https://github.com/dnbexperience/eufemia/commit/7d745ff48e25db960ebc30aa2551ba514050f8dc))
* **Button:** accept ReactNode title and convert to string internally ([#7756](https://github.com/dnbexperience/eufemia/issues/7756)) ([f438537](https://github.com/dnbexperience/eufemia/commit/f4385371194419197276c7aec061acd5d6852568))
* **DatePicker:** use span instead of label for calendar header title ([#7747](https://github.com/dnbexperience/eufemia/issues/7747)) ([fe72486](https://github.com/dnbexperience/eufemia/commit/fe7248678978d0f84f84322bfd4020a2edd8dc03))
* **Dropdown, Autocomplete, Dialog, Drawer, Popover:** remove theming classes into `PortalRoot` ([#7764](https://github.com/dnbexperience/eufemia/issues/7764)) ([491f6b6](https://github.com/dnbexperience/eufemia/commit/491f6b64f0f54b83816c3fe867a68cd008a1a658))
* **Dropdown, Autocomplete:** add outline (border) to DrawerList ([#7759](https://github.com/dnbexperience/eufemia/issues/7759)) ([4e57341](https://github.com/dnbexperience/eufemia/commit/4e57341e3936ed81a932be673a0b919cb7c71f12))
* **FieldBlock:** render label as span when not associated with a form field ([#7746](https://github.com/dnbexperience/eufemia/issues/7746)) ([80058a4](https://github.com/dnbexperience/eufemia/commit/80058a4a5275817b729db597000c4e24e964b72a))
* **HelpButtonInline:** pass ReactNode title for tooltip rendering ([#7801](https://github.com/dnbexperience/eufemia/issues/7801)) ([8cb6f1d](https://github.com/dnbexperience/eufemia/commit/8cb6f1d290ceadc3977072169ccf691b5f0a3a7c)), closes [#7752](https://github.com/dnbexperience/eufemia/issues/7752)
* **MCP:** make @modelcontextprotocol/sdk a devDependency — ⚠️ install it yourself to use the MCP server (beta) ([#7769](https://github.com/dnbexperience/eufemia/issues/7769)) ([28ca92c](https://github.com/dnbexperience/eufemia/commit/28ca92c4c9283296c52423d7e22aa621924e2a46))
* **Popover:** clamp arrow at border-radius boundary to avoid rounded corner gap ([#7765](https://github.com/dnbexperience/eufemia/issues/7765)) ([7651a8e](https://github.com/dnbexperience/eufemia/commit/7651a8e9780b6c52d470c3b9da9f13005cad205b))
* prevent useMediaQuery hydration mismatch ([#7773](https://github.com/dnbexperience/eufemia/issues/7773)) ([c7b0fc5](https://github.com/dnbexperience/eufemia/commit/c7b0fc5bc2f97dc71d39549db4b69584e6c341ba))
* read key from element instead of props for React 19 compatibility ([#7793](https://github.com/dnbexperience/eufemia/issues/7793)) ([59bf60d](https://github.com/dnbexperience/eufemia/commit/59bf60df4fe4fb1e98871084ea142f6911ca130f))
* scope :root sibling selectors in PostCSS isolation plugin ([#7772](https://github.com/dnbexperience/eufemia/issues/7772)) ([2f0ed8c](https://github.com/dnbexperience/eufemia/commit/2f0ed8cbfac11b69dd767a49497a3b3495ad026f))
* **StepIndicator:** render trigger label as span instead of label element ([#7748](https://github.com/dnbexperience/eufemia/issues/7748)) ([045889e](https://github.com/dnbexperience/eufemia/commit/045889e5053e6328f70d966db772edecfb9342d4))
* support React component titles in help button aria-label  ([#7755](https://github.com/dnbexperience/eufemia/issues/7755)) ([fa2043f](https://github.com/dnbexperience/eufemia/commit/fa2043f8cc9cd5359ab258ee57fb9ebfcb8d20ff))


### :zap: Refactoring

* **Avatar:** use design tokens ([#7794](https://github.com/dnbexperience/eufemia/issues/7794)) ([db1d8ba](https://github.com/dnbexperience/eufemia/commit/db1d8ba44d409c91923450e7c745dcd63e7b6623))
* **Forms:** use design tokens ([#7802](https://github.com/dnbexperience/eufemia/issues/7802)) ([de88a6b](https://github.com/dnbexperience/eufemia/commit/de88a6b78df660f9155fd13278f40820bde8473b))
* **Portal:** use design tokens and implement new Eufemia logo ([#7742](https://github.com/dnbexperience/eufemia/issues/7742)) ([cc2c1c8](https://github.com/dnbexperience/eufemia/commit/cc2c1c8b5e5a99d51c9d6c58c06cdee4ae691a9b))
* **ProgressIndicator:** use design tokens ([#7797](https://github.com/dnbexperience/eufemia/issues/7797)) ([0fb42b7](https://github.com/dnbexperience/eufemia/commit/0fb42b7e1e0ce516fed91e66c476ac04cbfdeb63))
* **Timeline:** use design tokens ([#7766](https://github.com/dnbexperience/eufemia/issues/7766)) ([6395264](https://github.com/dnbexperience/eufemia/commit/6395264d78efc8fb90e08f99ca7f5ac4c976238f))
* **Upload:** use design tokens ([#7754](https://github.com/dnbexperience/eufemia/issues/7754)) ([d1d79b8](https://github.com/dnbexperience/eufemia/commit/d1d79b8ed019cec3c53b8ef2215981236dd8706d))

## [11.0.1](https://github.com/dnbexperience/eufemia/compare/v11.0.0...v11.0.1) (2026-04-24)


### :bug: Bug Fixes

* **Anchor:** add missing style.ts entry ([#7664](https://github.com/dnbexperience/eufemia/issues/7664)) ([08d6fdb](https://github.com/dnbexperience/eufemia/commit/08d6fdbd698320efa20c632bf4575be58b8467fa))
* **Button, Tabs, PaymentCard:** remove legacy class prop ([#7657](https://github.com/dnbexperience/eufemia/issues/7657)) ([a805f45](https://github.com/dnbexperience/eufemia/commit/a805f45c6345831220543605f067c231ceb3174a))
* **Card:** allow `outlineWidth` to work on nested Cards ([#7659](https://github.com/dnbexperience/eufemia/issues/7659)) ([2878f55](https://github.com/dnbexperience/eufemia/commit/2878f55761e5ade3e00b8f0e4126c0ad06e157f0)), closes [#7655](https://github.com/dnbexperience/eufemia/issues/7655)
* **DrawerList:** use overflow hidden instead of clip-path for arrow --run-all ([#7668](https://github.com/dnbexperience/eufemia/issues/7668)) ([be20a28](https://github.com/dnbexperience/eufemia/commit/be20a28ae9863d081017ddc677b7e0c3daa8ca1d))
* **Field.Upload:** align help background ([#7717](https://github.com/dnbexperience/eufemia/issues/7717)) ([9c7c1a6](https://github.com/dnbexperience/eufemia/commit/9c7c1a607e4e88a8c013b0819363d3219da5bc85))
* **List:** improve a11y for `List.Item.Action` ([#7723](https://github.com/dnbexperience/eufemia/issues/7723)) ([b77992b](https://github.com/dnbexperience/eufemia/commit/b77992be2cf0b6acc2dac2ce703c746b59c82256))
* **Stat:** add `en-GB` currency spacing ([#7660](https://github.com/dnbexperience/eufemia/issues/7660)) ([908fab1](https://github.com/dnbexperience/eufemia/commit/908fab1fc87d3fd1287d368d768c7cf2e7c8b2e1))
* **StyleIsolation:** handle `:root` in multi-selector rules ([#7733](https://github.com/dnbexperience/eufemia/issues/7733)) ([444949c](https://github.com/dnbexperience/eufemia/commit/444949c19fe04c2e7928cdc087f9a529385b3916))
* **Upload:** ensure valid `key` in list items ([#7718](https://github.com/dnbexperience/eufemia/issues/7718)) ([4d602fb](https://github.com/dnbexperience/eufemia/commit/4d602fb5706d57272ac78ba94bbff643600c4f1a))


### :memo: Documentation

* **Design Tokens:** add `radius` ([#7720](https://github.com/dnbexperience/eufemia/issues/7720)) ([68f65de](https://github.com/dnbexperience/eufemia/commit/68f65defc17f1cf16f9233b2099b715b49a6acf2))


### :zap: Refactoring

* **Badge:** use design tokens for notification ([#7590](https://github.com/dnbexperience/eufemia/issues/7590)) ([495e8af](https://github.com/dnbexperience/eufemia/commit/495e8af6837cbfe7a3e4061f917ec8ec0aa3774f))
* **Field.Password:** use design tokens ([#7591](https://github.com/dnbexperience/eufemia/issues/7591)) ([b78415d](https://github.com/dnbexperience/eufemia/commit/b78415dc14489dcd1dc5b34b95a331b580053f77))
* **HelpButtonInline:** use design tokens ([#7696](https://github.com/dnbexperience/eufemia/issues/7696)) ([053345b](https://github.com/dnbexperience/eufemia/commit/053345b6ea5b6824a7bf32dc0cd6ebf826fdaf4a))
* **Hr:** use design tokens ([#7587](https://github.com/dnbexperience/eufemia/issues/7587)) ([1447c30](https://github.com/dnbexperience/eufemia/commit/1447c3035ac36737e1456304ae3469acf5d3fd25))
* **InfoCard:** use design tokens ([#7593](https://github.com/dnbexperience/eufemia/issues/7593)) ([3233ad6](https://github.com/dnbexperience/eufemia/commit/3233ad6b7431dfd3848244091c0a7306c707900a))
* replace React.FC type aliases with explicit function types ([#7665](https://github.com/dnbexperience/eufemia/issues/7665)) ([c163fc0](https://github.com/dnbexperience/eufemia/commit/c163fc028f782abafc699bb86d54dae65eef4bf6))
* **Scrollbar:** use design tokens ([#7699](https://github.com/dnbexperience/eufemia/issues/7699)) ([4b59d22](https://github.com/dnbexperience/eufemia/commit/4b59d22d4afb4acee7f7e269001c03ba264dd5e3))
* **Skeleton:** use design tokens ([#7701](https://github.com/dnbexperience/eufemia/issues/7701)) ([ff99369](https://github.com/dnbexperience/eufemia/commit/ff99369d0b07b2792c9f9156a6269113e717224a))
* **Slider:** use design tokens ([#7738](https://github.com/dnbexperience/eufemia/issues/7738)) ([8b4a3df](https://github.com/dnbexperience/eufemia/commit/8b4a3dfc07cdd869b84358085a4bbe25fe4e0df1)), closes [#7599](https://github.com/dnbexperience/eufemia/issues/7599)
* standardize icon import aliases to PascalCase ([#7666](https://github.com/dnbexperience/eufemia/issues/7666)) ([6d09ca1](https://github.com/dnbexperience/eufemia/commit/6d09ca1f7fbd64b6279d0b8a466dbcf86b98032a))
* **Table:** use design tokens ([#7687](https://github.com/dnbexperience/eufemia/issues/7687)) ([12b6bed](https://github.com/dnbexperience/eufemia/commit/12b6bed9603ce3c269bf3d385137dc205ebe9106))
* **Tabs:** use design tokens ([#7740](https://github.com/dnbexperience/eufemia/issues/7740)) ([ae32c52](https://github.com/dnbexperience/eufemia/commit/ae32c5206f319d5b676a397850dbc4e4ac85ac7e))
* **Tag:** use design tokens ([#7644](https://github.com/dnbexperience/eufemia/issues/7644)) ([e88f179](https://github.com/dnbexperience/eufemia/commit/e88f17999f62663f23b95935e608cf35820614e2))
* **Value.Block:** use design tokens ([#7589](https://github.com/dnbexperience/eufemia/issues/7589)) ([4e9baa9](https://github.com/dnbexperience/eufemia/commit/4e9baa9905be60a2ddd2fc61736d9e777fce8b88))

## [11.0.0](https://github.com/dnbexperience/eufemia/compare/v10.104.1...v11.0.0) (2026-04-21)


### ⚠ BREAKING CHANGES

* **Space:** enhace with responsive margin support (replace createSpacingClasses with applySpacing) (#7557)
* **NumberFormat:** use detectCountryCode for E.164 phone formatting (#7504)
* **NumberFormat:** split into sub components including `format` utility (#7542)
* **Theme:** remove `propMapping` (#7507)
* **PaymentCard:** PaymentCard types (DNB, Visa, Mastercard, CardType,
BankAxept, Saga, PB, ProductType, BankAxeptType) are now plain
TypeScript discriminated unions with a `tag` property instead of daggy
tagged sums.

- Removed `.cata()` method — use `switch (value.tag)` instead
- Removed `@@tag` property — use `.tag` instead
- Removed `.is()` method — use `.tag` comparison instead
- Removed `.toString()` — use `.tag` for the variant name
- Reference equality no longer works for unit variants — use `.tag`
comparison
- Removed ~180 lines of daggy runtime implementation
* **PhoneNumber:** E.164 default output, auto-detect country codes (#7419)
* **Dropdown:** remove actionMenu and moreMenu in favor of the Menu component (#7421)
* **FormLabel:** default to vertical direction (#7384)
* **ui-theme-fonts:** remove fonts only package (#7397)
* **ui-theme-tags:** remove tags only styles support (#7395)
* **Components:** default labelDirection to vertical `labelDirection="vertical"` (#7349)
* _innerRef is removed from InputProps and
InputMaskedProps. Use the standard ref prop instead.
* **Stat:** Stat.Amount has been removed. Use Stat.Number instead.
Stat.Currency and Stat.Percent are not affected.
* **Stat:** Stat.Info and Stat.Label no longer accept
variant="default". Use variant="plain" instead.
* **Section:** remove deprecated color variants (#7273)
* **Anchor:** remove deprecated --contrast CSS modifier (#7272)
* **InputMasked, Textarea:** remove React.forwardRef (React 19) (#7261)
* **Section:** remove deprecated inner_ref prop (#7260)
* **Section:** remove `spacing` property (#6594)
* The string value `'info'` used as a state, variant, or
status value across components has been renamed to `'information'`.
Affected props include:

- **FormStatus:** `state="info"` → `state="information"`
- **GlobalStatus:** `state="info"` → `state="information"`
- **Section:** `variant="info"` → `variant="information"`
- **StepIndicator:** `statusState="info"` → `statusState="information"`
- **Dialog:** `confirmType="info"` → `confirmType="information"`
- **Slider:** `statusState="info"` → `statusState="information"`
- **Forms FieldBlock/FieldState:** `'info'` → `'information'`

There is **no backward compatibility mapping** — passing `'info'` as a
state/variant value will silently produce an unmatched CSS class with no
styling. This is a clean break for v11, consistent with the `warn` →
* **DatePicker, Expiry:** refactor input to work without text cursor (#7028)
* **Button:** Button variant="signal" has been removed. Use
variant="primary" or variant="secondary" instead.
* prefix all bare Props type exports with component name (#7200)
* **helpers:** remove unused combineDetails function (#7196)
* **Section:** remove deprecated inner_ref prop (#7191)
* **Section, Tabs, Drawer.Body, Dialog.Body, Breadcrumb:** remove `style_type`/`styleType` property (#5619)
* **Tabs, Accordion:** rename prerender prop to keepInDOM (#7182)
* **Breadcrumb:** The `isCollapsed` prop on Breadcrumb has been renamed
to `collapsed` to align with the bare-name convention used by all other
components (open, expanded, disabled, etc.).

The `onToggle` callback parameter is unchanged (still receives a
boolean).
* **H:** The 'as' prop on the H heading element has been
removed.
Use the 'element' prop instead: <H element="h2"> instead of <H as="h2">.
* **Input, Textarea:** The `inputClass` prop on Input and InputMasked has been
renamed to `inputClassName` to align with the naming convention used in
Forms fields.
* **H:** rename 'as' prop to 'element' for consistency with other components (#7163)
* **Input:** Input clear prop renamed to showClearButton.
* **Autocomplete:** remove inputIcon prop, use icon instead (#7062)
* **Upload:** rename fileListAriaLabel to listAriaLabel (#7061)
* **Tooltip:** remove forceOpen prop, unify with open (#7060)
* **Table:** Table accordionChevronPlacement values changed. Replace
'start' with 'left' and 'end' with 'right'.
* replace untyped event handlers with proper TypeScript signatures (#7045)
* **Theme:** rename `Theme.Provider` to `Theme.Context` as well as `darkBackground` to `surface="dark"` (#7030)
* add component prefix to non-prefixed exported types (#7036)
* Several exported types with plural `Types` suffix have
been renamed to singular form. Update imports if you reference these
types directly.
* Several exported types with redundant words in their
names have been renamed. Update imports if you reference these directly.
* **InputMasked:** replace masking with new Maskito dependency (#6658)
* Exported context value types have been renamed to use a
consistent ...ContextValue suffix. Update imports if you reference these
types directly.
* standardize TS naming and convert `interface` to `type` (#6778)
* rename SCSS mixins to camelCase (#7021)
* **InputMasked:** remove `MultiInputMask` as a public component (#7017)
* **Flex:** replace `size` with `span`  (#6974)
* **Tooltip:** replace `position` with `placement` to match Popover API (#6975)
* **Card:** remove `Card.Provider` and `Form.Card.Provider` (#6940)
* **Forms:** remove default `outset` from Form.Card, Wizard, and inline help; remove heading auto-indent (#6929)
* **Card:** adjust outline thickness and border radius to new design (#6897)
* **Sass:** migrate from `@import` to `@use` (#6816)
* All components that previously accepted an `innerRef`
prop
now use the standard React `ref` prop instead.

- Migrate ~20 function components from innerRef to ref
- Add function wrappers for class components (Button, Input, Textarea,
  Radio, Dropdown) that convert ref → _innerRef internally
- Update .d.ts declarations from ComponentClass to function signatures
  so TypeScript treats ref as a regular prop
- Fix focus/ref bugs in Autocomplete, DatePicker, Modal, Popover,
Dropdown
- Fix Field.String/Number displayValue to use getElementById
- Update all consumer JSX, docs, test, and story files
- Add innerRef → ref migration guide to v11 docs
- Update inline snapshots and test assertions
* remove `IS_EDGE`/`isEdge` detection (#6760)
* remove `isTrue` helper function (#6757)
* add support for React v19 (#6201)
* remove `convertStatusToStateOnly` helper (#6759)
* remove `insertElementBeforeSelection` helper (#6756)
* remove `matchAll` polyfill (#6758)
* remove `toCamelCase` & `toSnakeCase` (#6745)
* **Textarea:** replace `autoresize` with `autoResize` and `autoresizeMaxRows` with `autoResizeMaxRows` (#6737)
* **GlobalStatus:** replace `autoclose` with `autoClose` and `autoscroll` with `autoScroll` (#6736)
* **ToggleButton:** remove deprecated `onStateUpdate` and `attributes` props (#6720)
* **Textarea:** remove deprecated `onStateUpdate` and `textareaAttributes` props (#6719)
* **Autocomplete, Input, NumberFormat, InputMasked, Field.*:** replace `selectall` with `selectAll` (#6704)
* **DrawerList:** remove deprecated `onStateUpdate` prop (#6721)
* **Radio:** remove deprecated `onStateUpdate` and `attributes` props (#6722)
* **InputMasked:** remove deprecated `onStateUpdate` prop (#6724)
* **Input:** remove deprecated `onStateUpdate` prop (#6725)
* **Checkbox:** remove deprecated `attributes` prop (#6727)
* **Accordion:** remove deprecated `onStateUpdate` and `attributes` props (#6729)
* **Switch:** remove deprecated `onStateUpdate` prop (#6717)
* **Dropdown:** remove deprecated `onStateUpdate` prop (#6726)
* **Autocomplete:** remove deprecated `onStateUpdate` prop (#6728)
* **FormStatus:** rename `variant="flat"` to `variant="plain"` (#6665)
* **Tooltip:** rename `size="basis"` to `size="default"` (#6663)
* **Field.Selection:** remove `variant="radio-list"` (#6661)
* **Upload:** rename `variant="normal"` to `variant="default"` (#6664)
* **ProgressIndicator:** replace `visible` with `show` (#6648)
* **Tooltip:** replace `active` with `open`, and `forceActive` with `forceOpen` (#6645)
* **Themes:** Files in `style/themes/theme-ui` have been moved to the
`style/themes/ui` folder so we no longer have two different paths for
theme imports.

How to update:
- Rename all imports from `@dnb/eufemia/style/themes/theme-ui/...` to
`@dnb/eufemia/style/themes/ui/...`. (Replacing `ui` with the name of the
theme for other themes.)
- If using the `gatsby-plugin-eufemia-theme-handler`: update to the
newest version
* **Modal:** remove `rootId` property (#6598)
* **Provider:** remove `filterSubmitData` (#6578)
* **DatePicker:** remove support for YYYY-MM-DD as the `dateFormat` or `returnFormat` (#6519)
* **Autocomplete, Dropdown, DrawerList:** replace `trianglePosition` with `arrowPosition` (#6508)
* replace `warning` with `warn` for `state` and `statusState` properties (#6522)
* **Autocomplete, Dropdown:** replace `alignAutocomplete` and `alignDropdown` with `align` (#6502)
* standardize `open` property across components (#6358)
* **Table:** rename event `onOpened` -> `onOpen` (#6368)
* **DatePicker:** change `onShow` to `onOpen`, and `onHide` to `onClose` (#6364)
* **Table:** rename event `onClosed` -> `onClose` (#6367)
* **HelpButtonInline:** remove `focusWhenOpen` (#6359)
* **Field.Date:** remove `onType` event properties `start_date`, `end_date `, `is_valid ` (#6353)
* **DrawerList:** remove `prepared_data` (#6355)
* **ModalHeaderBar, Dialog.Navigation, Drawer.Navigation:** remove `shadow_class` (#6352)
* **Modal.Header, Dialog.Header, Drawer.Header:** remove `title_class` (#6350)
* remove support for IE and Edge (EdgeHTML) (#6340)
* **reset.scss:** remove support for IE and Edge (EdgeHTML) (#6339)
* **Logo:** fix brand svg import color (#6042)
* **Dropdown, Autocomplete, DrawerList:** remove events (#5788)
* **Input, InputMasked:** remove snake_case events (#5931)
* **Button:** remove `on_click` event (#5932)
* **GlobalStatus:** remove `on_adjust`, `on_open`, `on_show`, `on_hide` & `on_close` (#5930)
* **Textarea:** remove `on_change`, `on_blur`, `on_focus` & `on_key_down` (#5929)
* **Pagination:** remove `on_change`, `on_startup`, `on_load` & `on_end` events (#5926)
* **ToggleButton:** remove `on_change` & `on_state_update` (#5928)
* **Radio:** remove `on_change` & `on_state_update` (#5927)
* **StepIndicator:** remove `on_change` & `on_click` event (#5924)
* **Field.PhoneNumber:** replace `label` translation with `numberLabel` (#5910)
* **Pagination:** remove `loadButtonText` property (#5908)
* **FormRow, FormSet:** remove FormRow & FormSet (#5616)
* **Logo:** ⚠️ Sbanken logo has been removed. You need to import it manually if
needed.
* **DatePicker:** remove `shortcuts`’s `close_on_select` property (#5887)
* **PaymentCard:** replace  `cardStatus`'s `snake_case` values with `camelCase` (#5870)
* **Timeline:** replace `snake_case` translations with `camelCase` (#5869)
* **PaymentCard:** replace `snake_case` translations with `camelCase` (#5865)
* **HelpButton:** replace `snake_case` translations with `camelCase` (#5866)
* **CopyOnClick:** replace `snake_case` translations with `camelCase` (#5867)
* **NumberFormat:** replace `snake_case` translations with `camelCase` (#5868)
* **Paragraph:** remove `medium`, `bold`, `modifier` (#5715)
* **Space:** remove `on_collapse` property (#5852)
* **PaymentCard:** replace `snake_case` properties with `camelCase` (#5851)
* **GlobalStatus:** remove `remove-on-unmount` property (#5848)
* **Forms:** Ajv no longer shipped by default. Read more about it in the migration
guide.
* **PrimaryComponent:** replace `snake_case` properties with `camelCase` (#5846)
* **Skeleton:** replace `snake_case` properties with `camelCase` (#5842)
* **Button, Input, InputMasked:** replace `snake_case` properties with `camelCase` (#5841)
* **DatePicker:** replace `snake_case` properties with `camelCase` (#5836)
* **Modal:** replace `snake_case` properties with `camelCase` (#5839)
* **StepIndicator:** replace `snake_case` properties with `camelCase` (#5837)
* **Autocomplete, DrawerList:** replace `snake_case` properties with `camelCase` (#5834)
* **Dropdown:** replace `snake_case` properties with `camelCase` (#5835)
* **Dropdown, Autocomplete, Input, InputMasked, MultiInputMasked:** remove `label_direction` property (#5776)
* **NumberFormat:** replace `snake_case` properties with `camelCase` (#5821)
* **Radio:** replace `snake_case` properties with `camelCase` (#5820)
* **ToggleButton:** replace `snake_case` properties with `camelCase` (#5819)
* **Heading:** replace `snake_case` properties with `camelCase` (#5815)
* **Pagination:** replace `snake_case` properties with `camelCase` (#5814)
* **GlobalStatus:** replace `snake_case` properties with `camelCase` (#5810)
* **Textarea:** replace `snake_case` properties with `camelCase` (#5811)
* **FormStatus:** remove `no_animation`, `icon_size`, `text_id`, `width_selector`, `width_element` (#5809)
* **Accordion:** remove `no_animation` property  (#5806)
* **Accordion.Group:** remove `allow_close_all` & `expanded_id` properties (#5805)
* **Accordion:** remove `prevent_rerender` property (#5798)
* **Accordion:** remove `on_change` event (#5804)
* **Accordion:** remove `icon_position` property (#5802)
* **Accordion:** remove `prevent_rerender_conditional` property (#5797)
* **Accordion:** remove `remember_state` property (#5796)
* **Accordion:** remove `on_state_update` event (#5803)
* **Accordion:** remove `expanded_ssr` property (#5799)
* **Accordion:** remove `heading_level` property (#5800)
* **Accordion:** remove `icon_size` property (#5801)
* **Accordion:** remove `single_container` property (#5795)
* **Accordion:** remove `left_component` property (#5794)
* **Accordion:** remove `flush_remembered_state` property (#5793)
* **DatePicker:** remove `correctInvalidDate` property (#5660)
* **Dropdown, Autocomplete, DrawerList:** remove `no_animation` property (#5785)
* **Dropdown, Autocomplete, DrawerList:** remove `selected_value`, `suffix_value`, `search_content`, `class_name` (#5786)
* **Form.Iterate:** remove `pathValue` & `whenValue` properties (#5751)
* **Breadcrumb:** remove passing down props to span (#5747)
* **Forms:** remove `prepareFormRowContext` (#5792)
* **Forms:** remove `includeValidProps` (#5748)
* **Anchor:** remove `inner_ref property` (#5745)
* **Dropdown, Autocomplete, DrawerList:** remove `ignore_events` property (#5775)
* **Dropdown, Autocomplete, DrawerList:** remove `skip_keyse