@ebrains/react 2.1.0 → 2.3.0

package/eds-app-root.entry.esm.js

@@ -34,18 +34,18 @@ const EdsAppRoot = class {
   }
   render() {
     return h("div", {
-      key: '36bb7790b9e035749548410ba1d54092c7a40810'
+      key: '814465ac49c8f5688bc8b1006723a531c925c030'
     }, h("eds-splash-screen", {
-      key: '7be473b1c48f0ab2549077d7619a1dbd3a1fd90c',
+      key: '578982c4b01714129ebf0e7c415bdacea10061f8',
       inverse: true,
       initPromise: this.combinedInitPromise
     }), h("eds-login", {
-      key: '824affc8c670317f2c1b8a22b9fe6223a477d364',
+      key: 'abc4ef7fed629bc2eda0e2f14f5165b83851794d',
       "keycloak-url": "http://localhost:8080",
       "keycloak-realm": "nigeor-realm",
       "keycloak-client-id": "stencil-app"
     }), h("main", {
-      key: 'c5f6f9dae8608a49d3c47139f33735236a65091c'
+      key: '1fb96900889c942ec0beb120e1ed869a9d78c6fa'
     }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in.")));
   }
 };

package/eds-card-desc_2.entry.esm.js

@@ -17,10 +17,10 @@ const EdsCardDesc = class {
   }
   render() {
     return h("p", {
-      key: '302734334d08002f94c269977ebda7762fd19843',
+      key: '1e2ae9b46a477adb8a249a0a06c963d3e44ff297',
       class: "text-light f-ui-03-light"
     }, h("span", {
-      key: '925f6cea41068b62d22902f33d80d700d0975f39',
+      key: '072222b2b2249a772c1e26f566d7ac863dd6a1dd',
       class: this.getTruncateClass()
     }, this.description));
   }
@@ -69,10 +69,10 @@ const EdsCardTitle = class {
     //const Tag = this.getTag();
     const Heading = this.headingLevel;
     return h(Heading, {
-      key: 'f3a72db6143e59ef04e589397126dcbf5b4d2d47',
+      key: '1fd3f080c09f94d7b7175d51b9d8e38bb0b76286',
       class: this.getTitleClass()
     }, h("a", {
-      key: '4fe1c9af922959b26824f01a0e5b52137c3854f2',
+      key: 'dd06cbecbc9eaef8052f34eae28ae17c5f92c918',
       class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",
       href: this.url,
       target: this.externalLink ? '_blank' : undefined,

package/eds-card-generic.entry.esm.js

@@ -5,7 +5,7 @@ import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
 
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
+const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-8{margin-bottom:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
 const EdsCardGenericStyle0 = edsCardGenericCss;
 const EdsCardGeneric = class {
   constructor(hostRef) {
@@ -74,34 +74,37 @@ const EdsCardGeneric = class {
   }
   render() {
     return h("article", {
-      key: '0d0a2bfb5ab1f08cdada2180977ff7bd77594030',
+      key: '76e77261a0c6e0c506fe7600d31a492808293d27',
       class: this.articleClasses(),
       onClick: () => this.handleClick()
     }, h("eds-card-title", {
-      key: '4c262de23e15ee9112b8562d22fb5a35cf59938f',
+      key: 'ca26508b05a31310df7fc0c3fa5769f7947e80fc',
       "heading-level": this.headingLevel,
       titleClass: this.image ? 'f-ui-01' : undefined,
       "card-title": this.cardTitle,
       url: this.url,
       hierarchy: this.hierarchy
-    }), this.description && h("eds-card-desc", {
-      key: '867cbc0ee0b24aa3acbfed5d7efbffc11ea85ccd',
-      class: "mt-8",
+    }), h("div", {
+      key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b',
+      class: "mt-8 mb-8"
+    }, this.description && h("eds-card-desc", {
+      key: '7f8b687ac2c2f334549b5d9d438aab5c62a6fcc0',
       "truncate-lines": "3",
       description: this.description
-    }), this.parsedImage ? h("eds-img", Object.assign({
+    })), this.parsedImage ? h("eds-img", Object.assign({
       class: "mt-8 block mx-auto"
     }, this.parsedImage)) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
       class: "order-first mb-12",
       picture: this.avatar,
       initials: this.shortAbbreviation
     }) : null, h("div", {
-      key: '66fe518e05e4fcaf99ea815b0c2f3d525a2a9989',
+      key: '63cc046648dbf7d56909b2478d6c15b14e8d9ae4',
       class: "flex flex-wrap gap-y-4 gap-x-1"
     }, this.parsedTags.map((tag, index) => h("eds-tag", {
       key: index,
       intent: tag.style,
-      label: tag.label
+      label: tag.label,
+      size: tag.size
     }))), ' ');
   }
   get el() {

package/eds-card-project.entry.esm.js

@@ -166,38 +166,38 @@ const EdsCardProject = class {
     }) : 'bg-default', this.bgOnHover && this.color ? 'effect-background bg-default focus-within:bg-transparent hover:bg-transparent' : 'effect-background hover:bg-default', this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'].join(' ');
     const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
     return h("article", {
-      key: 'b4587158532ddc495a1cda29941b69934b93c7d3',
+      key: '65af57bfbe558b895f74dd4d088c243a25c7265d',
       class: cardClasses,
       onClick: event => this.handleClick(event)
     }, h("div", {
-      key: '96ab6c6b9f5e89db0ca29c678c0ff3d7643976de',
+      key: 'cf0e9f71cd617a44facf7e35cdf78774e41b3eb1',
       class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
     }, h("div", {
-      key: '6b1e39c1b3445c2eff43f03efc0d14307e044428',
+      key: '82870bbaf7203ac92f25ca241186ba7a32b784d5',
       class: "lg:max-w-[720px]"
     }, h("eds-card-title", {
-      key: 'a5a2c5916c35dec35d261da0bf10a3905ce0452e',
+      key: '0f0356d2e4a7af3a5d50c66382ff5d3f70298e8c',
       "heading-level": this.headingLevel,
       titleClass: this.image ? 'f-ui-01' : undefined,
       "card-title": this.titleProject,
       url: this.url
     }), this.editorialTitle && h("span", {
-      key: '65f034e9ae8f7abbc37fb8fc3b03a440467c33f5',
+      key: '3586446f9ad1bb190c93cd54d7e53d6e835b8e37',
       class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
     }, this.editorialTitle)), this.categoryTitle && h("div", {
-      key: '690f9157169e6344af51407fca8c25f7cf35ac74',
+      key: '750c707f04d12ddd1d38aa0377b47f8804070535',
       class: "mt-auto flex items-center gap-x-12 pt-12"
     }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", {
-      key: '651b1f0424b45348c854b7ec98e4dae1e4952bbd',
+      key: '01fbeebd88ee60feede3b21db177b3691ffc2808',
       label: this.categoryTitle
     }))), this.parsedImage && h("div", {
-      key: 'b761288da975f05bb558b0e60767292c20e767e8',
+      key: 'c61baca9d015c9bfb7ec6ce3ec4ea2e41d8ac513',
       class: imageClasses
     }, h("div", {
-      key: 'bf027b4359774454d9f866f4bb17872a1c0ba724',
+      key: '04d4828b6648470543ddde09d935aaa7c6133d7e',
       class: "aspect-1x1 w-full"
     }, h("eds-img", Object.assign({
-      key: '19b4c37dcbe7c463afd3ece46d5c348c681771c8',
+      key: 'cde6eb483641c02abb6c229470f07aa5b08fbf9b',
       sizes: this.vertical ? this.parsedImage.sizes || '' : '192px'
     }, this.parsedImage)))));
   }

package/eds-card-section.entry.esm.js

@@ -30,10 +30,10 @@ const EdsCardSection = class {
    */
   render() {
     return h("section", {
-      key: 'eb64be830a5a1b752fadd0a8a76be9240b70cfe8',
+      key: 'bae0833e4d29cb2874bfb1751d7663751fd64abe',
       class: "w-full"
     }, h("ul", {
-      key: 'd4eb8d8492a67f7491535953e0e37172fc9e09ff',
+      key: '001026f2866cf6101c317f08d32eac4dff46d335',
       class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, this.parsedCards.map(card => h("li", {
       class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col`

package/eds-card-tags.entry.esm.js

@@ -13,7 +13,7 @@ const EdsCardTags = class {
   }
   render() {
     return h("div", {
-      key: '2acec4bb37d05bb40910cdd198e2ffac9f16610d',
+      key: 'dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861',
       class: "flex flex-wrap gap-y-4"
     }, this.tags.map((tag, index) => h("eds-tag", {
       key: index,

package/eds-card-tool.entry.esm.js

@@ -62,11 +62,11 @@ const EdsCardTool = class {
   }
   render() {
     return h("article", {
-      key: '2ae8e814b1509d167912424bb5093dba780f70e7',
+      key: '00f417ee065537f8b30bc73e5ad9ca0d69b3aed3',
       class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
       onClick: () => this.handleClick()
     }, h("eds-card-title", {
-      key: '1d0e4312589a917bc96b2c2dd3455ad0edc54b25',
+      key: '9d8156f655c9344c872631b75cfcaf52fdf23347',
       "heading-level": this.headingLevel,
       titleClass: this.image ? 'f-ui-01' : undefined,
       "card-title": this.cardTitle,
@@ -74,7 +74,7 @@ const EdsCardTool = class {
       "external-link": this.external,
       hierarchy: this.hierarchy
     }), this.description && h("eds-card-desc", {
-      key: '70b074fa7755e20627c50383e1a04a684dd1bab6',
+      key: 'da7aa3d0d9f7995a824fd7720342e6dd4d94224f',
       class: "mt-8",
       "truncate-lines": "3",
       description: this.description
@@ -88,7 +88,7 @@ const EdsCardTool = class {
       picture: this.avatar,
       initials: this.shortAbbreviation
     }) : null, h("div", {
-      key: 'eb5b236057ef9044701d9662cdc2fa359d5c8053',
+      key: '3e3001ec404a0bbca84deafc89de6aab8bf2fe45',
       class: "flex flex-wrap gap-y-4"
     }, this.parsedTags.map((tag, index) => h("eds-tag", {
       key: index,

package/eds-cookies-preference.entry.esm.js

@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
   }
   render() {
     return h("div", {
-      key: '76c90b0245f703ffd80e9aa8ccc587c74b813df2'
+      key: '64edfc7f4d83f6185be6c74707115ec478628c6b'
     }, h("eds-link", {
-      key: '5df4bcf1261c5afb610576e72720e0689cb2eb21',
+      key: 'd2c07e20ae1e67753b17f017bd5efa9b1e722fec',
       size: "small",
       intent: this.intent,
       label: this.buttonText,

package/eds-feedback.entry.esm.js

@@ -61,20 +61,20 @@ const EdsFeedback = class {
     const levelNum = this.headingLevel.replace('h', '');
     const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
     return h("div", {
-      key: '5e1c1694270cd7504ca8ba942b6f108af5f0572e',
+      key: 'd197c6324cca1bea1cb69000cfb0a4776285eeea',
       class: "grid inline"
     }, h(HeadingTag, {
-      key: 'da068fd8d6fb9e9789472c418896688e40ab9d32',
+      key: '8a09b89f2732d60e470a16b818467768c0f4e474',
       class: headingClass
     }, this.label), h("p", {
-      key: '5f896de20bc86c5f3b6596f1d73a3ef8419d8c56',
+      key: '6a2c35b73b8bde9d96841d60d0761581efbd4047',
       class: "f-body-01 text-light"
     }, this.description), h("eds-rating", {
-      key: '4909638b6f5cec693075285f99f6881541c09d29',
+      key: '0fb0acbbe7c473f2de117e0b0028cafc2f959ed8',
       "rating-type": this.type,
       "rating-count": this.count
     }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: 'cdafafb8e206ecc4bbb74edc16de94a5c26defc9',
+      key: '8aea027f1c37cbe9ff22555ec00ed183d8c52f0a',
       class: "f-ui-04 text-lighter"
     }, this.parsedMappings[this.selectedRating - 1]));
   }

package/eds-footer.entry.esm.js

@@ -53,12 +53,10 @@ const EdsFooter = class {
    * Renders the footer component with optional sections and elements,
    * including social network links, a Horizon Europe funding acknowledgment, and
    * legal links such as "Cookies Preferences" and copyright information.
-   *
-   * @returns {JSX.Element} The rendered JSX for the footer component.
    */
   render() {
     return h("footer", {
-      key: '4912d7994a636d5159d863339f0119e7b6bb1bc3'
+      key: '5e629d1f5f06ce62843f67b296c94b18765d8100'
     }, this.social ? h("div", {
       class: "border-softest border-t-2 pt-20 md:pt-28"
     }, h("div", {
@@ -70,39 +68,39 @@ const EdsFooter = class {
     }, h("eds-social-networks", {
       class: "mt-28"
     }))))) : null, h("div", {
-      key: 'fb1db2c19f29a0fd1474565759992be78c404251',
+      key: '68966997037f0dd88c9fb2afcc39514aefa5ff8d',
       class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
     }, h("div", {
-      key: 'c7c6c6eb43f2ccb00df8b05247120763b3f665d3',
+      key: 'd3ec3c9341e7509b2f4771ce0f83fbf4913b4e3e',
       class: "container flex items-center gap-20 lg:flex-nowrap"
     }, h("div", {
-      key: '45a29c7988edbf99ef5573dc77c9cc9a22faa666',
+      key: '30774f2c9c1c5113c8f178af2ad5dbc01b01c8d2',
       class: "flex items-center gap-x-12"
     }, h("a", {
-      key: '0fbc8e7d275a07af6da8b520bddf62f4c13aecac',
+      key: '1939784cb357e1a0a9fc6a00c75953c37d7cac90',
       target: "_blank",
       rel: "noopener noreferrer",
       class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
       href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
       "aria-label": "Learn about Horizon Europe funding"
     }, h("eds-img", {
-      key: 'ec9e972f19d34cb13ea2022ab09ab6373d54be27',
+      key: 'b9dc32ad675188d061d01e6b11cda37c4edd5e29',
       width: 54,
       height: 41,
       src: "https://www.ebrains.eu/flags/4x3/eu.svg",
       alt: "European Union Flag"
     }))), h("div", {
-      key: '0281a7e09166bbd2e02913467fe3235585d0bf0a'
+      key: '1642eaf31c946bf3f7bd3d235dccd1a66f4de7d8'
     }, h("div", {
-      key: '97b96a7f6718cbc79ff98874e5dc90d6e1ed614e',
+      key: '4a4b1bf11ebf31a9a0f1735cb0720bdbdab07943',
       class: "f-ui-04 text-light"
     }, h("p", {
-      key: '810b11a720bdcb92ce587a125ac8d026f31e9872'
+      key: '24226946123a5e632d393be9a24971ff9e07b355'
     }, this.fundedBy), h("div", {
-      key: '2973f13cc831fa3d1131b182958fa425b94897fd',
+      key: 'a21829ec3d7d74027a14ee419f37d2ec326b7154',
       class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
     }, h("span", {
-      key: 'b4cb01b0601c8117ae427fc5ab9c43c20edc6536',
+      key: '4791eb4b178cb07f3983f8aa6f3ed0e60918f929',
       class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
     }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? h("eds-link", {
       label: this.cookiesPreferences,
@@ -112,7 +110,7 @@ const EdsFooter = class {
         this.toggleCookiesConsent();
       }
     }) : null))), h("div", {
-      key: 'd0b26e1911f55b44fb8a5253bab62b8db9141411',
+      key: '9d1173a7b4db564de8fa2ffb85d2b7db724bef95',
       class: "ml-auto pl-12"
     }, this.enableScrollTop ? h("div", {
       id: "toTop",

package/eds-frame.entry.esm.js

@@ -73,13 +73,13 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: '9f5b6280292996b66fb3380678fae7748aba8cb3',
+      key: '7b4f5eb19460a178b98586aa38088e3dc5625671',
       class: this.articleClasses()
     }, h("div", {
-      key: '6e4f6e0ce9b44fe94ff4622285258747503d9034',
+      key: '98aefbd4cab33f14c9aa3152c122a11b24df4a02',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: '36bb5a7b005b4c23a7042e5cf06769efe29b07db',
+      key: 'd0cdd2f3354bddc99030ee5215f2bc24b139a261',
       class: "f-ui-02"
     }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
       label: this.urlLabel,
@@ -90,7 +90,7 @@ const EdsFrame = class {
       disabled: false,
       icon: "arrow-diagonal"
     }) : null), h("div", {
-      key: '9d64e26eaa9e79d68e13d6a0faf67c8ca68d2097',
+      key: '030c560bbd0209160c92bc2d152f8d42484dc86b',
       class: "border-softer"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"

package/eds-fullscreen-menu.entry.esm.js

@@ -17,11 +17,16 @@ const EdsFullscreenMenu = class {
     this.isMenuOpen = false;
   }
   /**
-   * Listens for the toggleMenu event to open or close the menu.
-   * This event is emitted by the eds-header component.
+   * Listens on `body` for `toggleheadermenu` to open/close the menu.
+   * The event detail should be a boolean (`true` = open, `false` = close).
+   *
+   * @example
+   * ```js
+   * document.body.dispatchEvent(new CustomEvent('toggleheadermenu', { detail: true }));
+   * ```
    */
   handleToggleMenu(event) {
-    this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
+    this.isMenuOpen = !!event.detail;
   }
   /** Opens the menu */
   openMenu() {

package/eds-gauge.entry.esm.js

@@ -51,7 +51,7 @@ const EdsGauge = class {
       fontSize: `${fontSize}px`
     };
     return h("div", {
-      key: '798a7345ee5c3eeb59b5fe29a39827ce347dc756',
+      key: '8834b0fc3cb78c0e7926392d04229d67d8deab90',
       role: "progressbar",
       "aria-valuemin": this.valueMin,
       "aria-valuemax": this.valueMax,
@@ -60,14 +60,14 @@ const EdsGauge = class {
       class: "relative inline-block rounded-full overflow-hidden",
       style: containerStyle
     }, h("div", {
-      key: 'f255f7036a5b11de88fbb32648388905932eb56e',
+      key: 'f9ad68bd6bf19bceb46df1cfe16cdbbc2375099c',
       class: "absolute bg-inverse rounded-full",
       style: maskStyle
     }), h("div", {
-      key: '2a6dd1d88b32cb2c534f253703a8caa0099f2a43',
+      key: '64a2ba3ba2f104fa018f81949cdabc0fc53eea42',
       class: "absolute inset-0 flex items-center justify-center"
     }, h("span", {
-      key: 'ccbf1852d2f43b925f565c7117aca4a878e7f636',
+      key: 'ae66f977802793f4e10210e75ddfa53839a9ff6e',
       class: "f-body-01 text-default",
       style: textStyle
     }, clamped)));

package/eds-icon-arrow-diagonal.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconArrowDiagonal = class {
   }
   render() {
     return h("span", {
-      key: 'ef60986a4391dffcbb2a66109f217f3cec95a5fc',
+      key: 'f638b55d0ab199bbd7a52d099aa1242410ae1892',
       class: this.class,
       innerHTML: arrowDiagonal
     });

package/eds-icon-arrow-right.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconArrowRight = class {
   }
   render() {
     return h("span", {
-      key: '02288b13fa941076a5cc73fd3821bd78e206b2b3',
+      key: '476da936a6861dc0a5db691cee31559c845766a2',
       class: this.class,
       innerHTML: arrowRight
     });

package/eds-icon-bin.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconBin = class {
   }
   render() {
     return h("span", {
-      key: '5f314df297274d153638c96027c23632f47f6a3a',
+      key: '8bc63b5438fa6bf2ffa729afd07a793b96f3167d',
       class: this.class,
       innerHTML: bin
     });

package/eds-icon-bluesky.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
   }
   render() {
     return h("span", {
-      key: 'db8fea43b7888da43821083ecc706a16c949932e',
+      key: 'b42f25c9a2405c94d83c917026f376c9803058d1',
       class: this.class,
       innerHTML: bluesky
     });

package/eds-icon-bookmark.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconBookmark = class {
   }
   render() {
     return h("span", {
-      key: 'b7c85131bafc5d7d3fcf8fde09cf646b4dd3fdab',
+      key: '3a7cb54b31e70a446b093453389432938c2fd9d8',
       class: this.class,
       innerHTML: bookmark
     });

package/eds-icon-chevron-down.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronDown = class {
   }
   render() {
     return h("span", {
-      key: '5547e9d98f781dc03e88a014f726b3a402e6425d',
+      key: '49925425ac1fd676eb96b973b1419f1f2aec1c81',
       class: this.class,
       innerHTML: chevronDown
     });

package/eds-icon-chevron-left.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronLeft = class {
   }
   render() {
     return h("span", {
-      key: '49925425ac1fd676eb96b973b1419f1f2aec1c81',
+      key: '38d849e3d7e2b2f5e7df8a5624bcf988b3046b11',
       class: this.class,
       innerHTML: chevronLeft
     });

package/eds-icon-chevron-right.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronRight = class {
   }
   render() {
     return h("span", {
-      key: 'e9abd378d28d9e2251e530f97a11973ea558fbe2',
+      key: '5368c37dc49fa654d75f42a774a9a3ad93db5261',
       class: this.class,
       innerHTML: chevronRight
     });

package/eds-icon-chevron-up.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronUp = class {
   }
   render() {
     return h("span", {
-      key: 'f81db967bf78d75a4a8e572cda6427046603f0a6',
+      key: '6479f32960c973174c4577beef2f7df7b0baebd4',
       class: this.class,
       innerHTML: chevronUp
     });

package/eds-icon-clone.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconClone = class {
   }
   render() {
     return h("span", {
-      key: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db',
+      key: 'a31ea2174a7c266b62264dad10c486f7dc27f043',
       class: this.class,
       innerHTML: clone
     });

package/eds-icon-close.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconClose = class {
   }
   render() {
     return h("span", {
-      key: '91f33941205260a787d69146e390fa970a1c0d72',
+      key: 'b4283a9fbc348923169a4d56ad6f3b5aad4a13c8',
       class: this.class,
       innerHTML: close
     });

package/eds-icon-copy.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconCopy = class {
   }
   render() {
     return h("span", {
-      key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4',
+      key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0',
       class: this.class,
       innerHTML: copy
     });

package/eds-icon-download.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { d as download } from './download-47746956.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconDownload = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '2fbaad3eebee32d200d0f655b396ea937901f3bd',
+      class: this.class,
+      innerHTML: download
+    });
+  }
+};
+
+export { EdsIconDownload as eds_icon_download };

package/eds-icon-draft.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconDraft = class {
   }
   render() {
     return h("span", {
-      key: '13898eb065f5a243104bc79293a5e6afcd276230',
+      key: '408c981cebc10ab4bcf91e2765e7971ad0a83975',
       class: this.class,
       innerHTML: draft
     });

package/eds-icon-edit.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconEdit = class {
   }
   render() {
     return h("span", {
-      key: '1758d925314772dc29c4349f71f186ba775d2b41',
+      key: 'eb8558a13bcab457f260b0c3cddc235867b7f45a',
       class: this.class,
       innerHTML: edit
     });

package/eds-icon-eu.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconEu = class {
   }
   render() {
     return h("span", {
-      key: 'ac8c58eacb11b11be7928d7799a3eb6c8063597f',
+      key: '994f1becb4b226a2d2f022d9bd22a690fad5aab4',
       class: this.class,
       innerHTML: euSvg
     });

package/eds-icon-external.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconExternal = class {
   }
   render() {
     return h("span", {
-      key: 'e24ee8e9243fa2dcbe8df4fa9d84db5bbc136ec4',
+      key: '0825d1c73c5f311f7a9d5394542f6fd74791a543',
       class: this.class,
       innerHTML: arrowDiagonal
     });

package/eds-icon-facebook.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
   }
   render() {
     return h("span", {
-      key: '6a6cbdd8f9e6b982af701b97681a98944c5c1797',
+      key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
       class: this.class,
       innerHTML: facebook
     });

package/eds-icon-gitlab.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
   }
   render() {
     return h("span", {
-      key: 'e6ce69e460242b20779766f62a3c7d23dad345d1',
+      key: '4c0a731d1a67884107112bc5941faf2001dbbfd5',
       class: this.class,
       innerHTML: gitlabBlack
     });

package/eds-icon-linkedin.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
   }
   render() {
     return h("span", {
-      key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873',
+      key: '36bf44e06217f9b2521f374028a1316fb17ff21a',
       class: this.class,
       innerHTML: linkedin
     });

package/eds-icon-loader.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLoader = class {
   }
   render() {
     return h("span", {
-      key: '9383784da3e52d22395288f8eba5b6f4ee826aa5',
+      key: '2207bbac640cf28a2d6d5d725f681e56c8c53011',
       class: this.class,
       innerHTML: loader
     });

package/eds-icon-mastodon.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
   }
   render() {
     return h("span", {
-      key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
+      key: 'b7ba0f10df196243538aaeefe3db0ee5f594f885',
       class: this.class,
       innerHTML: mastodon
     });