@dnb/eufemia 9.19.0 → 9.20.0

package/CHANGELOG.md

@@ -3,209 +3,31 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [9.19.0](https://github.com/dnbexperience/eufemia/compare/v9.18.0...v9.19.0) (2022-01-26)
+# [9.20.0](https://github.com/dnbexperience/eufemia/compare/v9.19.0...v9.20.0) (2022-02-02)
 
 
 ### Bug Fixes
 
-* add "unstyled" as a button variant ([8cb0712](https://github.com/dnbexperience/eufemia/commit/8cb07126120e1013d7784bc3b88de2b2b6bbd7cc))
-* added export of Bar in Pagination ([#1200](https://github.com/dnbexperience/eufemia/issues/1200)) ([f148786](https://github.com/dnbexperience/eufemia/commit/f148786cad324f55ce34a91df811b1b14eccbf62))
-* **Avatar:** improve accessibility ([#1213](https://github.com/dnbexperience/eufemia/issues/1213)) ([3a456c5](https://github.com/dnbexperience/eufemia/commit/3a456c54c18cf1337357229c268f019302d5d527))
-* **Breadcrumb:** forward props in BreadcrumbItem to span as well ([#1188](https://github.com/dnbexperience/eufemia/issues/1188)) ([17a1de0](https://github.com/dnbexperience/eufemia/commit/17a1de0b361bffa667c9bd3fe88fb202951aaf91))
-* **Breadcrumb:** improve accessibility ([#1189](https://github.com/dnbexperience/eufemia/issues/1189)) ([59825b8](https://github.com/dnbexperience/eufemia/commit/59825b88d99148d5e26a8f638ad39507e4661bc3))
-* **build:** break build when step fails ([cb436d3](https://github.com/dnbexperience/eufemia/commit/cb436d3e5b33ba0bee91aad549efb476393ad93f))
-* **CodeHighlighting:** ensure a scrollbar is shown when not enough space is available ([634df1b](https://github.com/dnbexperience/eufemia/commit/634df1bcf437c388b3bca223d02057cbe542ab8d))
-* **DrawerList:** ensure DrawerList is unsetting its global attributes on unmount ([d64ccf8](https://github.com/dnbexperience/eufemia/commit/d64ccf8dbffe358955a236db136778e9c7f25bec))
-* fix circular dependency issue for Timeline and Avatar ([439ccc3](https://github.com/dnbexperience/eufemia/commit/439ccc3ec8ce612b790e71fc14664283a751251f))
-* fix rendering of DatePickerFooter when show_reset_button is provided ([#1197](https://github.com/dnbexperience/eufemia/issues/1197)) ([d7d4507](https://github.com/dnbexperience/eufemia/commit/d7d45078508378383d1d2c3415cb13e4867759ce))
-* fix reset_button_text property of DatePicker ([#1196](https://github.com/dnbexperience/eufemia/issues/1196)) ([e50fb6f](https://github.com/dnbexperience/eufemia/commit/e50fb6f56b9b3f0b7e808315419f1da4b53c8f03))
-* fixed global context bug that removed component props ([#1193](https://github.com/dnbexperience/eufemia/issues/1193)) ([82be98c](https://github.com/dnbexperience/eufemia/commit/82be98cb8da63376f1f9a9550479b44df0cb928c))
-* **Tag:** fix circular dependency issue when bundling UMD modules with Rollup.js ([d155f7c](https://github.com/dnbexperience/eufemia/commit/d155f7c4740c3afc950f8e2b8cd9cb5494c3e7ec))
-* **Tag:** remove data-prop from TagGroup ([#1225](https://github.com/dnbexperience/eufemia/issues/1225)) ([72e4207](https://github.com/dnbexperience/eufemia/commit/72e4207835d6882a796b83aac3c96c3d0b36fbc0))
-* **Tag:** remove tag group warnings in tests ([#1214](https://github.com/dnbexperience/eufemia/issues/1214)) ([16bd840](https://github.com/dnbexperience/eufemia/commit/16bd8403fa7673962afa9309cb2f089569a5406b))
-* **Tag:** update delete icon ([#1224](https://github.com/dnbexperience/eufemia/issues/1224)) ([fe5c766](https://github.com/dnbexperience/eufemia/commit/fe5c7660bcd79fce3af48b41444dd3738d527890))
+* add stylis plugin TS Type definitions ([4c8210c](https://github.com/dnbexperience/eufemia/commit/4c8210c4f84a98a2a2c1aec5ca9893aa8a389007))
+* **AvatarGroup:** remove left border from first avatar ([#1254](https://github.com/dnbexperience/eufemia/issues/1254)) ([bc1a870](https://github.com/dnbexperience/eufemia/commit/bc1a870a82997183858829854621a7c6d442d19a))
+* **Breadcrumb:** fix React Node usage in aria-label ([1c921fa](https://github.com/dnbexperience/eufemia/commit/1c921fa99c436a5c3cfe40608a4488c80fd91f44))
+* **BreadCrumb:** make isCollapsed prop typing strict to only use boolean ([392e6eb](https://github.com/dnbexperience/eufemia/commit/392e6ebd37711918abb2abb620367bad3f6bff6f))
+* **CodeHighlighting:** ensure a scrollbar is shown when not enough space is available (pre tag) ([#1230](https://github.com/dnbexperience/eufemia/issues/1230)) ([4bd2930](https://github.com/dnbexperience/eufemia/commit/4bd2930727fb0dd96fbcaf1b86bb1e24f09cfbc9))
+* **InfoCard:** change text props to React.ReactNode ([#1253](https://github.com/dnbexperience/eufemia/issues/1253)) ([79c37af](https://github.com/dnbexperience/eufemia/commit/79c37af0f9e2a91d565d3c8e66ab4d30714c3ae6))
+* label of avatar group to be react node ([#1244](https://github.com/dnbexperience/eufemia/issues/1244)) ([04df401](https://github.com/dnbexperience/eufemia/commit/04df401149d100f667512bbc23d8be52c2794ddd))
+* label of tag group to be react node ([#1245](https://github.com/dnbexperience/eufemia/issues/1245)) ([4949d85](https://github.com/dnbexperience/eufemia/commit/4949d85cf0e19ddc1b296ebae1e205028d47743f))
+* make Eufemia "warn" log better recognizable ([#1231](https://github.com/dnbexperience/eufemia/issues/1231)) ([c917b94](https://github.com/dnbexperience/eufemia/commit/c917b9409c810b5ea53bb97364a3a6be6b655b6b))
+* **StepIndicator:** fix height animation issue when CSS is loaded too slow ([#1221](https://github.com/dnbexperience/eufemia/issues/1221)) ([8dfdd7e](https://github.com/dnbexperience/eufemia/commit/8dfdd7ef5e6d8984179a669402589fda6f83b816))
+* **TagGroup:** make TagGroup component inline, so it can be used in body text / paragraphs ([#1229](https://github.com/dnbexperience/eufemia/issues/1229)) ([b64f5d3](https://github.com/dnbexperience/eufemia/commit/b64f5d348093928b4267bcc8bbd41479dab17b61))
+* **TimeLine:** display skeleton when items is passed as children ([#1255](https://github.com/dnbexperience/eufemia/issues/1255)) ([4eaea6b](https://github.com/dnbexperience/eufemia/commit/4eaea6b3e2989c6a965d2d037c57a28108b59c1c))
+* **Timeline:** fix TypeScript issue when using children ([0a9571c](https://github.com/dnbexperience/eufemia/commit/0a9571c1010226990e4d4ff3cd68db492e65ae2d))
+* **Types:** correct usage of icon types inside Button and BreadcrumbItem ([85dee9c](https://github.com/dnbexperience/eufemia/commit/85dee9c0f2316efff1e53869ed5a1a9f138cb579))
+* **Types:** correct usage of title and size attributes along side with some other colliding props ([540998a](https://github.com/dnbexperience/eufemia/commit/540998a5ecc82780a01260be5f52b3e287d86f98))
+* **Types:** fix SkeletonShow type usage ([03c8525](https://github.com/dnbexperience/eufemia/commit/03c85256f24389aec96dc62e38e8865eb66a94e9))
 
 
 ### Features
 
-* add Avatar component ([#1191](https://github.com/dnbexperience/eufemia/issues/1191)) ([6a30523](https://github.com/dnbexperience/eufemia/commit/6a30523484c2802069e64b716ff2d61e6dc64338))
-* add AvatarGroup component ([#1195](https://github.com/dnbexperience/eufemia/issues/1195)) ([ae5ef7d](https://github.com/dnbexperience/eufemia/commit/ae5ef7d758314b189640e00690f78e40a825cf38))
-* add InfoCard component ([5db0cbc](https://github.com/dnbexperience/eufemia/commit/5db0cbce2c73949d2b80d8cd9b96da5579708bba))
-* add TagGroup component ([#1208](https://github.com/dnbexperience/eufemia/issues/1208)) ([781007d](https://github.com/dnbexperience/eufemia/commit/781007de4ce30cf47def8f750956e280f1633956))
-* add TimeLine component ([#1186](https://github.com/dnbexperience/eufemia/issues/1186)) ([255a14e](https://github.com/dnbexperience/eufemia/commit/255a14ea0e1037468f9d757564b1ce658d341c52))
-* remove type="module" in order omit the "fullySpecified" spec ([b424e08](https://github.com/dnbexperience/eufemia/commit/b424e0882fd091afa61a27340c0a0f7f0010f4e7))
-* **Tag:** Add onClick prop ([db68b30](https://github.com/dnbexperience/eufemia/commit/db68b3059cf53093effbf584ef0f9d1edfacfefe))
-* **Tag:** add onDelete-prop ([#1217](https://github.com/dnbexperience/eufemia/issues/1217)) ([2f1642b](https://github.com/dnbexperience/eufemia/commit/2f1642b080d257474a4c56681eb0ad45807bfe1e))
-
-# [9.18.0](https://github.com/dnbexperience/eufemia/compare/v9.17.2...v9.18.0) (2021-12-16)
-
-
-### Bug Fixes
-
-* **InputMasked:** inherit of provider/context props ([89db309](https://github.com/dnbexperience/eufemia/commit/89db309fd0d09f125c3d66ff9e745a12fbfb6ed2))
-* **Modal:** Convert to TypeScript ([#1177](https://github.com/dnbexperience/eufemia/issues/1177)) ([b832b29](https://github.com/dnbexperience/eufemia/commit/b832b29c401d6c1d8f1e9bb36eadbcac984bd330))
-* **StepIndicator:** enhance NVDA support by omitting click event ([74ae87c](https://github.com/dnbexperience/eufemia/commit/74ae87ca601ac3f004518d6c5b6fd34ca8d5a439))
-
-
-### Features
-
-* **Tag:** add new tag component ([dec57cb](https://github.com/dnbexperience/eufemia/commit/dec57cb8ded032b70b15a1b479d5cdc9782e0528))
-
-## [9.17.2](https://github.com/dnbexperience/eufemia/compare/v9.17.1...v9.17.2) (2021-12-15)
-
-
-### Bug Fixes
-
-* fix Modal DOM attribute cleanup during close when open_state is used ([28d14ae](https://github.com/dnbexperience/eufemia/commit/28d14aefa71d8af3a20126979ccd93d3b4c2930e))
-* **InputMasked:** allow leading zero when custom mask is given ([d3ecada](https://github.com/dnbexperience/eufemia/commit/d3ecadae0ef86dc108840a833a2476cfd064dc9e))
-
-## [9.17.1](https://github.com/dnbexperience/eufemia/compare/v9.17.0...v9.17.1) (2021-12-14)
-
-
-### Bug Fixes
-
-* fix bug in InputMasked without maskParams ([12eda1d](https://github.com/dnbexperience/eufemia/commit/12eda1de6dca60f2ad2379307be7e47aaeacf870))
-
-# [9.17.0](https://github.com/dnbexperience/eufemia/compare/v9.16.3...v9.17.0) (2021-12-07)
-
-
-### Bug Fixes
-
-* **Breadcrumb:** Spacing prop + contrast colors ([29dd469](https://github.com/dnbexperience/eufemia/commit/29dd4692cc1cb142cb7d49f031ef59aed6453169))
-* **Button:** fix margin on tertiary button multiline ([f332154](https://github.com/dnbexperience/eufemia/commit/f332154279f724de7bbacf94000681f04b4f45e5))
-* enhance type generation when using Button.propTypes instead of buttonPropTypes ([6c81db7](https://github.com/dnbexperience/eufemia/commit/6c81db7b88f19238a99568ed2616c7505fcb9db3))
-* fix re-render issue with ToggleButtons ([6507e0f](https://github.com/dnbexperience/eufemia/commit/6507e0fb18bb970c4772a292153b64310808bb85))
-* **InputMasked:** only use inputmode=numeric/decimal when safe to use ([01f95e0](https://github.com/dnbexperience/eufemia/commit/01f95e034e67290acebd6888942ff6bea1cb73fd))
-* **Input:** use emerald-green on focus border color ([a7fdcba](https://github.com/dnbexperience/eufemia/commit/a7fdcba6b0ba5b78953aad4ee154106c32e548cc))
-* **Modal:** enhance Modal performance ([cff5e00](https://github.com/dnbexperience/eufemia/commit/cff5e00d80550b273df69965a50884d68dfd08e0))
-* **StepIndicator:** fix TypeScript private event emitter warning ([cee529d](https://github.com/dnbexperience/eufemia/commit/cee529d742dab37c44c671b23e53c055e91ef560))
-* **StepIndicator:** show skeleton during SSR if no data is given to Sidebar ([696d209](https://github.com/dnbexperience/eufemia/commit/696d2098f2839c02707ceb39e328bc99e056b389))
-
-
-### Features
-
-* add icons: facebook, linkedin, instagram and tag ([7fa3da1](https://github.com/dnbexperience/eufemia/commit/7fa3da1e973a7f2c6de5fb40bb3c23252bd27280))
-* **GlobalStatus:** New design ([88630ec](https://github.com/dnbexperience/eufemia/commit/88630ece7c88a94b8234e305cc139f2b713d7ce1))
-
-## [9.16.3](https://github.com/dnbexperience/eufemia/compare/v9.16.2...v9.16.3) (2021-11-22)
-
-
-### Bug Fixes
-
-* fix pagination indicator and load button issue ([c672251](https://github.com/dnbexperience/eufemia/commit/c6722514d990603d5ebf350bf6bda6da1ccf7141))
-* **InputMasked:** enhance handling of decimals with a following zero ([6ed6e75](https://github.com/dnbexperience/eufemia/commit/6ed6e7565d46b60c010c05686e67f07abead60d4))
-* **InputMasked:** fix Android keyCode issue by using the keypress event ([0028e6f](https://github.com/dnbexperience/eufemia/commit/0028e6fd8c1d625d6b5576fcc15dfca8ed2d6de1))
-* **Tabs:** Larger spacing to line + changed focus design ([3f093e6](https://github.com/dnbexperience/eufemia/commit/3f093e6ed79971301d91bf556e6d7e129a3e658f))
-
-## [9.16.2](https://github.com/dnbexperience/eufemia/compare/v9.16.1...v9.16.2) (2021-11-20)
-
-
-### Bug Fixes
-
-* **Breadcrumb:** Remove padding on left and right side ([903cb34](https://github.com/dnbexperience/eufemia/commit/903cb34950b4c3366f314f03832bbd3924ded0e0))
-* **InputMasked:** fix show_mask and use invisible guide char by default ([92fd07b](https://github.com/dnbexperience/eufemia/commit/92fd07bc26783906303ec593187f98957c7f28f5))
-* **NumberFormat:** types for NumberUtils ([#1141](https://github.com/dnbexperience/eufemia/issues/1141)) ([293cc20](https://github.com/dnbexperience/eufemia/commit/293cc20fd9b5f71269a157b68358b8b5b99d7450))
-* **Section:** Text color on --fire-red-8 ([7901667](https://github.com/dnbexperience/eufemia/commit/79016672aae9f04f4aeb188f152c95e33b2c8f56))
-* **StepIndicator:** Update triggerbutton icon to chevron_down ([b6ef50b](https://github.com/dnbexperience/eufemia/commit/b6ef50b5145561e6663a69114d4dc9238a6d7478))
-* Update icon size on button tertiary ([8e8b8ab](https://github.com/dnbexperience/eufemia/commit/8e8b8ab19ac2e0bdcb6478f00c882c9af8ebbcc2))
-
-## [9.16.1](https://github.com/dnbexperience/eufemia/compare/v9.16.0...v9.16.1) (2021-11-16)
-
-
-### Bug Fixes
-
-* **Breadcrumb:** fix usage of tsx file in /cjs – which is used when running Jest tests ([7787929](https://github.com/dnbexperience/eufemia/commit/7787929e95492a5c408de0f1b2cd8ee05248032a))
-* fix Circular dependency imports (reported by rollup, UMD build) ([37c70b2](https://github.com/dnbexperience/eufemia/commit/37c70b29e89872e6963042eb348cea2e0eab742d))
-* **InputMasked:** fix manual range selection ([a2a1a98](https://github.com/dnbexperience/eufemia/commit/a2a1a98096e31f109e6037c8a81abbd149787652))
-* **InputMasked:** fix misplaced leading zero while typing ([a40e6a0](https://github.com/dnbexperience/eufemia/commit/a40e6a09848471dce04cfd7b5f189d6ff0c50e26))
-* **InputMasked:** handle initial empty string value ([70c5fd8](https://github.com/dnbexperience/eufemia/commit/70c5fd853b4e3d36fdc62a87a8301ec01c518f47))
-* **Modal:** text selection issue after modal has been closed ([a1a612b](https://github.com/dnbexperience/eufemia/commit/a1a612bd94231d1c0b92e8b0caab6b07d0e13ea6))
-
-# [9.16.0](https://github.com/dnbexperience/eufemia/compare/v9.15.2...v9.16.0) (2021-11-15)
-
-
-### Bug Fixes
-
-* **Autocomplete:** fix wrong on_change reset event call ([abd9bdd](https://github.com/dnbexperience/eufemia/commit/abd9bdda3eb9f13c265698ed8f09c9d1c17472ef))
-* **Autocomplete:** take updated data in account when changing the index value ([c0c16f5](https://github.com/dnbexperience/eufemia/commit/c0c16f542802cad0261ce2898f3f142341fc72a7))
-* fix Breadcrumb Storybook Docgen issue ([130405d](https://github.com/dnbexperience/eufemia/commit/130405dd405abb1e99e131dcbd26e40e5680b378))
-* make Section z-index handling more robust ([6d46b81](https://github.com/dnbexperience/eufemia/commit/6d46b81831893c3942384f080f6b7e54c88c3249))
-* Modal without spacing bug ([4dfc51f](https://github.com/dnbexperience/eufemia/commit/4dfc51fb32f4f7fd7e3981be0cd3594b37d09f7e))
-* set default text color in Section component ([0a10427](https://github.com/dnbexperience/eufemia/commit/0a104275fce89ae6745efffda6f3c59a4b068acf))
-* **StepIndicator:** fix item click event forwarding ([22fa411](https://github.com/dnbexperience/eufemia/commit/22fa4111e4e43b7bd9eaec542d7c3bd91df0384a))
-
-
-### Features
-
-* add cloud* icons ([05cddbd](https://github.com/dnbexperience/eufemia/commit/05cddbdb35cf6ce7ada55190162891565242b0aa))
-* add tab_element property to allow tabs use Gatsby Link as the element ([837a7a8](https://github.com/dnbexperience/eufemia/commit/837a7a897c811676d523637e119dcdb29b826f80))
-* **Breadcrumb:** Added new component! ([491dc54](https://github.com/dnbexperience/eufemia/commit/491dc54a5512128f8e1c24357356853843266a50))
-* **Section:** add transparent as a style type ([ab2e6fc](https://github.com/dnbexperience/eufemia/commit/ab2e6fc0ac17baca06b56a0cfc1206001186de55))
-
-## [9.15.2](https://github.com/dnbexperience/eufemia/compare/v9.15.1...v9.15.2) (2021-11-02)
-
-
-### Bug Fixes
-
-* **GlobalStatus:** fix FormStatus auto generation of IDs (item_id) ([e449427](https://github.com/dnbexperience/eufemia/commit/e449427c0fbfc60308cc7524f4e43b2095bd9991))
-
-## [9.15.1](https://github.com/dnbexperience/eufemia/compare/v9.15.0...v9.15.1) (2021-11-01)
-
-
-### Bug Fixes
-
-* **InputMasked:** change value when leading zero is 0 initially ([04cca2e](https://github.com/dnbexperience/eufemia/commit/04cca2e18211dc531c31bcf1d53d2633c88d3e9d))
-* test build stage and provide cjs build with correct type in a custom package.json ([82794f7](https://github.com/dnbexperience/eufemia/commit/82794f72e9a1d968f6168210fd2c8fbd53df3881))
-
-# [9.15.0](https://github.com/dnbexperience/eufemia/compare/v9.14.0...v9.15.0) (2021-10-28)
-
-
-### Bug Fixes
-
-* **Autocomplete:** fix updateData when selected_key changes ([90f8b05](https://github.com/dnbexperience/eufemia/commit/90f8b050bdb3c375cb5e0186a72d6f376e1a3cd5))
-* **TypeScript:** fix export of type definitions ([ff1e603](https://github.com/dnbexperience/eufemia/commit/ff1e603d757dda67c381b482355169a8013400d6)), closes [#1075](https://github.com/dnbexperience/eufemia/issues/1075)
-
-
-### Features
-
-* **Icons:** new icons: oil, fridge, factory, chip, charger, brickwall ([218315a](https://github.com/dnbexperience/eufemia/commit/218315aca050ecce46f66f2963d94172848bdf80))
-
-# [9.14.0](https://github.com/dnbexperience/eufemia/compare/v9.13.1...v9.14.0) (2021-10-28)
-
-
-### Bug Fixes
-
-* Fix bug where cleanNumber returns void in TS ([3165759](https://github.com/dnbexperience/eufemia/commit/3165759fddb58f3ce6135a10f167e138b9de0b3d))
-* **Typography:** make docs more clear about the values used in typographic elements ([459b08c](https://github.com/dnbexperience/eufemia/commit/459b08c8cb973e1f46f2e5f79be267fe9e446464))
-* Add default shadow to properties and apply to payment-card ([66fbc6e](https://github.com/dnbexperience/eufemia/commit/66fbc6e4bc3a1952dbbd8b7e7c08083bece511b0))
-* add screen-reader only button to show autocomplete options ([a8b4eab](https://github.com/dnbexperience/eufemia/commit/a8b4eab5e27c7e4f9c5f2d63a4a03b678937cce8))
-* add show_clear_button property to Autocomplete ([b389689](https://github.com/dnbexperience/eufemia/commit/b3896894706ebded51c1a958802263ab182548bb))
-* add support to forwards locale from a FormRow or FormSet ([9342eb2](https://github.com/dnbexperience/eufemia/commit/9342eb2303771709ef424d2f27cc459610727258))
-* enhance selections and event calls when autocomplete value gets removed ([a79291c](https://github.com/dnbexperience/eufemia/commit/a79291c6a8c818643869de31849e034bf49cb339)), closes [#1021](https://github.com/dnbexperience/eufemia/issues/1021)
-* fix Autocomplete on input blur when onBlur is used instead of on_blur ([0c92414](https://github.com/dnbexperience/eufemia/commit/0c924140a62ac9434e3c1f3339811161d515cd99))
-* fix TS Type import statement duplication issue – happen with the Modal component ([244a6c4](https://github.com/dnbexperience/eufemia/commit/244a6c44828e7829907b980e6117def9032e03ca))
-* **InputMasked:** improve overall user typing experience ([ec7700c](https://github.com/dnbexperience/eufemia/commit/ec7700c843068f52218228b0d302d05209bbd25a))
-* enhance GlobalStatus animation to adjust on content changes ([291f046](https://github.com/dnbexperience/eufemia/commit/291f04642838ce894c50c7d357c9eb6a064dde15))
-* fix correct amount FormStatus / GlobalStatus messages to show up ([63d04ee](https://github.com/dnbexperience/eufemia/commit/63d04eeba39f17e44e12198603594f2889c4cbcc))
-* fix FormLabel sr-only to be more robust ([20bb13a](https://github.com/dnbexperience/eufemia/commit/20bb13a1645d1f6f561302a871c6e1cb934ff276))
-* fix NumberFormat copy value to include currency and percent sign by default ([8741203](https://github.com/dnbexperience/eufemia/commit/874120366c4e48902e8a6f734f7efcc64542350e))
-* fix onClick TS Type ([e526f9a](https://github.com/dnbexperience/eufemia/commit/e526f9a4dc784a9b02dd0c058d0c0df5ce0f0460))
-* fix support for components inside labels to show up in GlobalStatus ([f43d14d](https://github.com/dnbexperience/eufemia/commit/f43d14d9e4886548b7208590df5f40a0a2b2addd))
-* GlobalStatus warnings when running tests ([7ef882f](https://github.com/dnbexperience/eufemia/commit/7ef882f6285be139119b69b392ebf11371e9d5ca))
-* make cache_hash of DrawerList optional ([dc22215](https://github.com/dnbexperience/eufemia/commit/dc222156f6710be41876bcda0fe20a0e4e02059b))
-* refactor GlobalStatus markup to use sea-green section + enhance animation UX ([67c53ec](https://github.com/dnbexperience/eufemia/commit/67c53ec8dcef9f575f224d2394474f05d684e876))
-* set data-dnb-drawer-list-active with id on HTML ([c99f984](https://github.com/dnbexperience/eufemia/commit/c99f98481dcc9ae0e8759eaf04701a9031471cc3))
-* small spelling mistake in ProgressIndicator test ([0100853](https://github.com/dnbexperience/eufemia/commit/010085340a335d3fd90d6eef7a41df37cbcf40e8))
-* update dropshadow styles ([f4ea4bf](https://github.com/dnbexperience/eufemia/commit/f4ea4bfe6ba5cddbae7a94c43b5d5952a594c0b0))
-* Update shadow on sticky table header ([1c15ecf](https://github.com/dnbexperience/eufemia/commit/1c15ecfbbf8e7f550ffc3d1e60d1d121dda416c4))
-* use id when setting data-dnb-modal-active ([3934e1d](https://github.com/dnbexperience/eufemia/commit/3934e1d2ecbaabbdcbecd4ab847980cd11dc9e55))
-* warning message when running tests for DatePicker ([77f5e22](https://github.com/dnbexperience/eufemia/commit/77f5e2291ea8f09cbe4e001aafa4582b9bbb37e1))
-* **build:** fix css minify and file naming of sass to css ([bba0f50](https://github.com/dnbexperience/eufemia/commit/bba0f50bbc916f56b242d260beaf6ce9d44b7db3))
-* use keyboard tab key to jump to anchors inside Autocomplete ([558d10f](https://github.com/dnbexperience/eufemia/commit/558d10f27358b9f6f75d6f9265b53ae968154038))
-* **Autocomplete:** click on "show all" will should keep focus on input ([a4ce709](https://github.com/dnbexperience/eufemia/commit/a4ce709327a60d17b4f0d8f66014cb274ee24496))
-
-
-### Features
-
-* add sea-green and fire-red-8 to Section component ([c0d3797](https://github.com/dnbexperience/eufemia/commit/c0d3797918afd4914ca1f8f79c859864b64db18d))
-* FormStatus's cursor will be inherit when used in a button ([2a3fcb4](https://github.com/dnbexperience/eufemia/commit/2a3fcb40b76e8132c45e0e3eff0e551ec2df9850))
+* add usePropsWithContext hook for hook based components ([#1234](https://github.com/dnbexperience/eufemia/issues/1234)) ([d60feeb](https://github.com/dnbexperience/eufemia/commit/d60feeb90cc2f0b51a4525f844b10afef0b0729c))
+* remove type="module" in order omit the "fullySpecified" spec ([bc3f12a](https://github.com/dnbexperience/eufemia/commit/bc3f12a24d3912ccbe3cf4593508c3e5ebd2c8d5))
+* **TypeScript:** enhance overall typing and add verify check ([608bede](https://github.com/dnbexperience/eufemia/commit/608bede9675f6d4c0a0b710566ae010a560cc8aa))

package/cjs/components/avatar/Avatar.js

@@ -59,6 +59,8 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _componentHelper = require("../../shared/component-helper");
 
+var _hooks = require("../../shared/hooks");
+
 var _AvatarGroup = _interopRequireWildcard(require("./AvatarGroup"));
 
 var _excluded = ["alt", "className", "children", "size", "skeleton", "variant", "src", "imgProps"];
@@ -93,21 +95,21 @@ var defaultProps = {
 };
 exports.defaultProps = defaultProps;
 
-function Avatar(localProps) {
+var Avatar = function Avatar(localProps) {
   var context = _react.default.useContext(_Context.default);
 
   var avatarGroupContext = _react.default.useContext(_AvatarGroup.AvatarGroupContext);
 
-  var _extendPropsWithConte = (0, _componentHelper.extendPropsWithContext)(_objectSpread(_objectSpread({}, defaultProps), localProps), defaultProps, context === null || context === void 0 ? void 0 : context.Avatar, avatarGroupContext),
-      alt = _extendPropsWithConte.alt,
-      className = _extendPropsWithConte.className,
-      childrenProp = _extendPropsWithConte.children,
-      size = _extendPropsWithConte.size,
-      skeleton = _extendPropsWithConte.skeleton,
-      variant = _extendPropsWithConte.variant,
-      src = _extendPropsWithConte.src,
-      imgProps = _extendPropsWithConte.imgProps,
-      props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
+  var _usePropsWithContext = (0, _hooks.usePropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.Avatar, avatarGroupContext),
+      alt = _usePropsWithContext.alt,
+      className = _usePropsWithContext.className,
+      childrenProp = _usePropsWithContext.children,
+      size = _usePropsWithContext.size,
+      skeleton = _usePropsWithContext.skeleton,
+      variant = _usePropsWithContext.variant,
+      src = _usePropsWithContext.src,
+      imgProps = _usePropsWithContext.imgProps,
+      props = _objectWithoutProperties(_usePropsWithContext, _excluded);
 
   var children = null;
   var skeletonClasses = (0, _SkeletonHelper.createSkeletonClass)('shape', skeleton, context);
@@ -142,7 +144,7 @@ function Avatar(localProps) {
     "data-testid": "avatar-label",
     className: "dnb-sr-only"
   }, childrenProp), children);
-}
+};
 
 Avatar.Group = _AvatarGroup.default;
 var _default = Avatar;

package/cjs/components/avatar/AvatarGroup.js

@@ -35,7 +35,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
 
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 
-var _componentHelper = require("../../shared/component-helper");
+var _hooks = require("../../shared/hooks");
 
 var _excluded = ["label", "className", "children", "size", "maxElements", "variant"];
 
@@ -67,17 +67,17 @@ var AvatarGroupContext = _react.default.createContext(null);
 
 exports.AvatarGroupContext = AvatarGroupContext;
 
-function AvatarGroup(localProps) {
+var AvatarGroup = function AvatarGroup(localProps) {
   var context = _react.default.useContext(_Context.default);
 
-  var _extendPropsWithConte = (0, _componentHelper.extendPropsWithContext)(_objectSpread(_objectSpread({}, defaultProps), localProps), defaultProps, context === null || context === void 0 ? void 0 : context.AvatarGroup),
-      label = _extendPropsWithConte.label,
-      className = _extendPropsWithConte.className,
-      childrenProp = _extendPropsWithConte.children,
-      size = _extendPropsWithConte.size,
-      maxElementsProp = _extendPropsWithConte.maxElements,
-      variant = _extendPropsWithConte.variant,
-      props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
+  var _usePropsWithContext = (0, _hooks.usePropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.AvatarGroup),
+      label = _usePropsWithContext.label,
+      className = _usePropsWithContext.className,
+      childrenProp = _usePropsWithContext.children,
+      size = _usePropsWithContext.size,
+      maxElementsProp = _usePropsWithContext.maxElements,
+      variant = _usePropsWithContext.variant,
+      props = _objectWithoutProperties(_usePropsWithContext, _excluded);
 
   var maxElements = maxElementsProp && maxElementsProp > 0 ? maxElementsProp : 4;
   var children = childrenProp;
@@ -116,7 +116,7 @@ function AvatarGroup(localProps) {
   }, label), children, numOfHiddenAvatars ? _react.default.createElement(ElementsHidden, {
     size: size
   }, "+", numOfHiddenAvatars) : null));
-}
+};
 
 function ElementsHidden(props) {
   var size = props.size,

package/cjs/components/avatar/style/_avatar.scss

@@ -112,6 +112,7 @@
 
       &:nth-of-type(2) {
         margin-left: 0;
+        border-left: none;
       }
     }
 
@@ -119,6 +120,7 @@
       display: inline-flex;
       align-items: center;
       justify-content: center;
+      flex-shrink: 0;
       color: var(--color-black-55);
 
       &--size-small {

package/cjs/components/avatar/style/dnb-avatar.css

@@ -185,7 +185,8 @@
       .dnb-avatar__group .dnb-avatar--size-x-large {
         margin-left: -1.5rem; }
       .dnb-avatar__group .dnb-avatar:nth-of-type(2) {
-        margin-left: 0; }
+        margin-left: 0;
+        border-left: none; }
     .dnb-avatar__group--elements-left {
       display: -webkit-inline-box;
       display: -ms-inline-flexbox;
@@ -196,6 +197,8 @@
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
       color: #737373;
       color: var(--color-black-55); }
       .dnb-avatar__group--elements-left--size-small {

package/cjs/components/avatar/style/dnb-avatar.min.css

@@ -1 +1 @@
-.dnb-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-avatar *,.dnb-avatar :after,.dnb-avatar :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-avatar :after,.dnb-avatar :before{text-decoration:inherit;vertical-align:inherit}:root{--avatar-font-size--small:var(--font-size-x-small);--avatar-font-size--medium:var(--font-size-basis);--avatar-font-size--large:var(--font-size-x-large);--avatar-font-size--x-large:var(--font-size-x-large);--avatar-line-height--small:var(--line-height-x-small);--avatar-line-height--medium:var(--line-height-basis);--avatar-line-height--large:var(--line-height-large);--avatar-line-height--x-large:var(--line-height-large);--avatar-width--small:1.5rem;--avatar-height--small:1.5rem;--avatar-width--medium:2rem;--avatar-height--medium:2rem;--avatar-width--large:4rem;--avatar-height--large:4rem;--avatar-width--x-large:5rem;--avatar-height--x-large:5rem}.dnb-avatar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-negative:0;align-items:center;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;flex-shrink:0;font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-avatar,.dnb-core-style .dnb-avatar{line-height:2.5rem;line-height:var(--button-height)}.dnb-avatar--size-small{font-size:.875rem;font-size:var(--avatar-font-size--small);height:1.5rem;height:var(--avatar-height--small);width:1.5rem;width:var(--avatar-width--small)}.dnb-avatar--size-small,.dnb-core-style .dnb-avatar--size-small{line-height:1.125rem;line-height:var(--avatar-line-height--small)}.dnb-avatar--size-medium{font-size:1.125rem;font-size:var(--avatar-font-size--medium);height:2rem;height:var(--avatar-height--medium);width:2rem;width:var(--avatar-width--medium)}.dnb-avatar--size-medium,.dnb-core-style .dnb-avatar--size-medium{line-height:1.5rem;line-height:var(--avatar-line-height--medium)}.dnb-avatar--size-large{font-size:2.125rem;font-size:var(--avatar-font-size--large);height:4rem;height:var(--avatar-height--large);width:4rem;width:var(--avatar-width--large)}.dnb-avatar--size-large,.dnb-core-style .dnb-avatar--size-large{line-height:2.5rem;line-height:var(--avatar-line-height--large)}.dnb-avatar--size-x-large{font-size:2.125rem;font-size:var(--avatar-font-size--x-large);height:5rem;height:var(--avatar-height--x-large);width:5rem;width:var(--avatar-width--x-large)}.dnb-avatar--size-x-large,.dnb-core-style .dnb-avatar--size-x-large{line-height:2.5rem;line-height:var(--avatar-line-height--x-large)}.dnb-avatar__group{-webkit-box-pack:flex;-ms-flex-pack:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;justify-content:flex}.dnb-avatar__group .dnb-avatar{border:.125rem solid #f8f8f8;border:.125rem solid var(--color-black-3);-webkit-box-sizing:content-box;box-sizing:content-box}.dnb-avatar__group .dnb-avatar--size-small{margin-left:-.5rem}.dnb-avatar__group .dnb-avatar--size-medium{margin-left:-.75rem}.dnb-avatar__group .dnb-avatar--size-large{margin-left:-1rem}.dnb-avatar__group .dnb-avatar--size-x-large{margin-left:-1.5rem}.dnb-avatar__group .dnb-avatar:nth-of-type(2){margin-left:0}.dnb-avatar__group--elements-left{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#737373;color:var(--color-black-55);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}.dnb-avatar__group--elements-left--size-small{font-size:.875rem;font-size:var(--font-size-x-small);margin-left:.125rem}.dnb-avatar__group--elements-left--size-medium{font-size:1rem;font-size:var(--font-size-small);margin-left:.125rem}.dnb-avatar__group--elements-left--size-large,.dnb-avatar__group--elements-left--size-x-large{font-size:1.625rem;font-size:var(--font-size-large);margin-left:.25rem;margin-left:var(--spacing-xx-small)}
+.dnb-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-avatar *,.dnb-avatar :after,.dnb-avatar :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-avatar :after,.dnb-avatar :before{text-decoration:inherit;vertical-align:inherit}:root{--avatar-font-size--small:var(--font-size-x-small);--avatar-font-size--medium:var(--font-size-basis);--avatar-font-size--large:var(--font-size-x-large);--avatar-font-size--x-large:var(--font-size-x-large);--avatar-line-height--small:var(--line-height-x-small);--avatar-line-height--medium:var(--line-height-basis);--avatar-line-height--large:var(--line-height-large);--avatar-line-height--x-large:var(--line-height-large);--avatar-width--small:1.5rem;--avatar-height--small:1.5rem;--avatar-width--medium:2rem;--avatar-height--medium:2rem;--avatar-width--large:4rem;--avatar-height--large:4rem;--avatar-width--x-large:5rem;--avatar-height--x-large:5rem}.dnb-avatar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-negative:0;align-items:center;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;flex-shrink:0;font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-avatar,.dnb-core-style .dnb-avatar{line-height:2.5rem;line-height:var(--button-height)}.dnb-avatar--size-small{font-size:.875rem;font-size:var(--avatar-font-size--small);height:1.5rem;height:var(--avatar-height--small);width:1.5rem;width:var(--avatar-width--small)}.dnb-avatar--size-small,.dnb-core-style .dnb-avatar--size-small{line-height:1.125rem;line-height:var(--avatar-line-height--small)}.dnb-avatar--size-medium{font-size:1.125rem;font-size:var(--avatar-font-size--medium);height:2rem;height:var(--avatar-height--medium);width:2rem;width:var(--avatar-width--medium)}.dnb-avatar--size-medium,.dnb-core-style .dnb-avatar--size-medium{line-height:1.5rem;line-height:var(--avatar-line-height--medium)}.dnb-avatar--size-large{font-size:2.125rem;font-size:var(--avatar-font-size--large);height:4rem;height:var(--avatar-height--large);width:4rem;width:var(--avatar-width--large)}.dnb-avatar--size-large,.dnb-core-style .dnb-avatar--size-large{line-height:2.5rem;line-height:var(--avatar-line-height--large)}.dnb-avatar--size-x-large{font-size:2.125rem;font-size:var(--avatar-font-size--x-large);height:5rem;height:var(--avatar-height--x-large);width:5rem;width:var(--avatar-width--x-large)}.dnb-avatar--size-x-large,.dnb-core-style .dnb-avatar--size-x-large{line-height:2.5rem;line-height:var(--avatar-line-height--x-large)}.dnb-avatar__group{-webkit-box-pack:flex;-ms-flex-pack:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;justify-content:flex}.dnb-avatar__group .dnb-avatar{border:.125rem solid #f8f8f8;border:.125rem solid var(--color-black-3);-webkit-box-sizing:content-box;box-sizing:content-box}.dnb-avatar__group .dnb-avatar--size-small{margin-left:-.5rem}.dnb-avatar__group .dnb-avatar--size-medium{margin-left:-.75rem}.dnb-avatar__group .dnb-avatar--size-large{margin-left:-1rem}.dnb-avatar__group .dnb-avatar--size-x-large{margin-left:-1.5rem}.dnb-avatar__group .dnb-avatar:nth-of-type(2){border-left:none;margin-left:0}.dnb-avatar__group--elements-left{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-negative:0;align-items:center;color:#737373;color:var(--color-black-55);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;flex-shrink:0;justify-content:center}.dnb-avatar__group--elements-left--size-small{font-size:.875rem;font-size:var(--font-size-x-small);margin-left:.125rem}.dnb-avatar__group--elements-left--size-medium{font-size:1rem;font-size:var(--font-size-small);margin-left:.125rem}.dnb-avatar__group--elements-left--size-large,.dnb-avatar__group--elements-left--size-x-large{font-size:1.625rem;font-size:var(--font-size-large);margin-left:.25rem;margin-left:var(--spacing-xx-small)}

package/cjs/components/breadcrumb/Breadcrumb.js

@@ -8,18 +8,10 @@ require("core-js/modules/es.array.index-of.js");
 
 require("core-js/modules/es.symbol.js");
 
-require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.symbol.description.js");
 
 require("core-js/modules/es.object.to-string.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-
-require("core-js/modules/es.symbol.description.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");
@@ -40,13 +32,11 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/es.weak-map.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  defaultProps: true,
-  BreadcrumbItem: true
-};
 Object.defineProperty(exports, "BreadcrumbItem", {
   enumerable: true,
   get: function get() {
@@ -73,21 +63,12 @@ var _shared = require("../../shared");
 
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 
-var _componentHelper = require("../../shared/component-helper");
+var _hooks = require("../../shared/hooks");
 
-var _BreadcrumbItem = _interopRequireWildcard(require("./BreadcrumbItem"));
+var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
+
+var _componentHelper = require("../../shared/component-helper");
 
-Object.keys(_BreadcrumbItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _BreadcrumbItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BreadcrumbItem[key];
-    }
-  });
-});
 var _excluded = ["className", "skeleton", "children", "variant", "onClick", "navText", "goBackText", "homeText", "backToText", "styleType", "collapsedStyleType", "isCollapsed", "spacing", "data", "href"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -110,12 +91,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -139,28 +114,28 @@ var defaultProps = {
 };
 exports.defaultProps = defaultProps;
 
-function Breadcrumb(localProps) {
+var Breadcrumb = function Breadcrumb(localProps) {
   var _context$translation;
 
   var context = _react.default.useContext(_Context.default);
 
-  var _extendPropsWithConte = (0, _componentHelper.extendPropsWithContext)(_objectSpread(_objectSpread({}, defaultProps), localProps), defaultProps, context === null || context === void 0 ? void 0 : (_context$translation = context.translation) === null || _context$translation === void 0 ? void 0 : _context$translation.Breadcrumb, context === null || context === void 0 ? void 0 : context.Breadcrumb),
-      className = _extendPropsWithConte.className,
-      skeleton = _extendPropsWithConte.skeleton,
-      childrenItems = _extendPropsWithConte.children,
-      variant = _extendPropsWithConte.variant,
-      onClick = _extendPropsWithConte.onClick,
-      navText = _extendPropsWithConte.navText,
-      goBackText = _extendPropsWithConte.goBackText,
-      homeText = _extendPropsWithConte.homeText,
-      backToText = _extendPropsWithConte.backToText,
-      styleType = _extendPropsWithConte.styleType,
-      collapsedStyleType = _extendPropsWithConte.collapsedStyleType,
-      overrideIsCollapsed = _extendPropsWithConte.isCollapsed,
-      spacing = _extendPropsWithConte.spacing,
-      data = _extendPropsWithConte.data,
-      href = _extendPropsWithConte.href,
-      props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
+  var _usePropsWithContext = (0, _hooks.usePropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : (_context$translation = context.translation) === null || _context$translation === void 0 ? void 0 : _context$translation.Breadcrumb, context === null || context === void 0 ? void 0 : context.Breadcrumb),
+      className = _usePropsWithContext.className,
+      skeleton = _usePropsWithContext.skeleton,
+      childrenItems = _usePropsWithContext.children,
+      variant = _usePropsWithContext.variant,
+      onClick = _usePropsWithContext.onClick,
+      navText = _usePropsWithContext.navText,
+      goBackText = _usePropsWithContext.goBackText,
+      homeText = _usePropsWithContext.homeText,
+      backToText = _usePropsWithContext.backToText,
+      styleType = _usePropsWithContext.styleType,
+      collapsedStyleType = _usePropsWithContext.collapsedStyleType,
+      overrideIsCollapsed = _usePropsWithContext.isCollapsed,
+      spacing = _usePropsWithContext.spacing,
+      data = _usePropsWithContext.data,
+      href = _usePropsWithContext.href,
+      props = _objectWithoutProperties(_usePropsWithContext, _excluded);
 
   var skeletonClasses = (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, context);
   var spacingClasses = (0, _SpacingHelper.createSpacingClasses)(props);
@@ -202,7 +177,7 @@ function Breadcrumb(localProps) {
   };
 
   return _react.default.createElement("nav", _extends({
-    "aria-label": navText,
+    "aria-label": (0, _componentHelper.convertJsxToString)(navText),
     className: (0, _classnames.default)('dnb-breadcrumb', skeletonClasses, spacingClasses, className, spacing && 'dnb-breadcrumb--spacing'),
     "data-testid": "breadcrumb-nav"
   }, props), _react.default.createElement(_Section.default, {
@@ -229,7 +204,7 @@ function Breadcrumb(localProps) {
     className: "dnb-breadcrumb__collapse",
     "data-testid": "breadcrumb-collapse"
   }, _react.default.createElement(MultipleCrumbs, null)));
-}
+};
 
 Breadcrumb.Item = _BreadcrumbItem.default;
 var _default = Breadcrumb;