@ebrains/react 1.4.0 → 2.0.0

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

@@ -47,7 +47,6 @@ const EdsCardGeneric = class {
       // Ignore the event if it's not targeted at this specific instance
       return;
     }
-    //console.log(event.detail);
     this.parentContext = event.detail;
     event.stopPropagation();
   }
@@ -75,18 +74,18 @@ const EdsCardGeneric = class {
   }
   render() {
     return h("article", {
-      key: '440a448c841370838c0c66610bd1266b46f66541',
+      key: '0d0a2bfb5ab1f08cdada2180977ff7bd77594030',
       class: this.articleClasses(),
       onClick: () => this.handleClick()
     }, h("eds-card-title", {
-      key: '292d93a9a993c6dcbfd276097a21d3984b1794c4',
+      key: '4c262de23e15ee9112b8562d22fb5a35cf59938f',
       "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: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7',
+      key: '867cbc0ee0b24aa3acbfed5d7efbffc11ea85ccd',
       class: "mt-8",
       "truncate-lines": "3",
       description: this.description
@@ -97,7 +96,7 @@ const EdsCardGeneric = class {
       picture: this.avatar,
       initials: this.shortAbbreviation
     }) : null, h("div", {
-      key: '40388913b1abb9308f42469956342efdbb48d508',
+      key: '66fe518e05e4fcaf99ea815b0c2f3d525a2a9989',
       class: "flex flex-wrap gap-y-4 gap-x-1"
     }, this.parsedTags.map((tag, index) => h("eds-tag", {
       key: index,

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

@@ -142,7 +142,6 @@ const EdsCardProject = class {
     if (this.image) {
       try {
         this.parsedImage = JSON.parse(this.image);
-        //console.log(this.parsedImage);
       } catch (error) {
         //console.error('Error parsing image prop:', error);
       }
@@ -167,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: '8b4707ad7689824c50db3112b5844e28beb31533',
+      key: '021f5e4d88bb987811ea169880cd327e996e36e9',
       class: cardClasses,
       onClick: event => this.handleClick(event)
     }, h("div", {
-      key: '5cb7673378ab23826202b34034247145b7289bda',
+      key: '5f1a3d00b03e6cc19023ee437a7bd2bf6b52d77a',
       class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
     }, h("div", {
-      key: '8111b523840c8b363bbb422c1f314ce07057ea92',
+      key: '6e42bcbdbe5ba666eae942a7c4e354627f019c6a',
       class: "lg:max-w-[720px]"
     }, h("eds-card-title", {
-      key: 'a326e1384873edb9bfc86c33e3abeb95064cc8db',
+      key: '12884d77432d8cc6021f9432538f1beacf3190f3',
       "heading-level": this.headingLevel,
       titleClass: this.image ? 'f-ui-01' : undefined,
       "card-title": this.titleProject,
       url: this.url
     }), this.editorialTitle && h("span", {
-      key: '5e2de62642363533a950f3e923e3f4dfc64c56c1',
+      key: '4f604d61c3a1a2405bfaf6407a893015c68f6f35',
       class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
     }, this.editorialTitle)), this.categoryTitle && h("div", {
-      key: '424fed86ec4e714dc5f3644d85e5670d8be56d7f',
+      key: '8d767d7ac9c069412b64869a03eae8ccf4b513ad',
       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: 'b6961cc23835a9b3d1abae47e1c4224a29255164',
+      key: '2a488d291c1f3e10b8ed36aa61e04ecf5299b320',
       label: this.categoryTitle
     }))), this.parsedImage && h("div", {
-      key: '69564e0c65f6422a6ccc3957a8080e7e494461bb',
+      key: '9d4fa14e0e56d8db8c1747b477cd77e4b7281f8c',
       class: imageClasses
     }, h("div", {
-      key: 'e47a21a5356459936b6f528a3aba50240851fcf2',
+      key: '627f549786c9a1674349b851704690fdb597391e',
       class: "aspect-1x1 w-full"
     }, h("eds-img", Object.assign({
-      key: 'f64af6387cdef28619aa8a0465d4a50ec3a95007',
+      key: 'a4eeb6a0d7f725d8c706e98c57f492e94c9c7b4b',
       sizes: this.vertical ? this.parsedImage.sizes || '' : '192px'
     }, this.parsedImage)))));
   }

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

@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
   }
   render() {
     return h("div", {
-      key: '4563e11542b6cab4f509ec25646a0e1f8380af6c'
+      key: 'b16a1d29fe09e09fdcfc24b06430e6f99a69a81a'
     }, h("eds-link", {
-      key: '24185ecd7818920490c1ca5c742e0f1a884f27da',
+      key: 'ee2192e1368a50fe3c80da277e97e614dd7e457f',
       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: 'b51bb78eea70babd1b1ca98ed5e657184d8e459f',
+      key: '997deecc8a62be9bc1dda142c26df1aeb8b4ac41',
       class: "grid inline"
     }, h(HeadingTag, {
-      key: 'eb84cce3a03aec99d0980ecd3c4aa4338f8d14e2',
+      key: '3ae9bd1c1cb1e1d6f452f7f101ee8032db90328d',
       class: headingClass
     }, this.label), h("p", {
-      key: '5923739b4a7e73dc1c83710fe1535d51d6289b02',
+      key: '1788790da082ec33d4c4d637be0c872ddf7303e3',
       class: "f-body-01 text-light"
     }, this.description), h("eds-rating", {
-      key: '08d4b80838bc758cfdcf6f909f4bb41ae00d4c40',
+      key: '763f72d5376075c765c4309c607f3591467bb377',
       "rating-type": this.type,
       "rating-count": this.count
     }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: '849014d7a3c2ebf78b1de434d7ad92549c0ae2de',
+      key: '4c0e09faa967965e6cca47775d076e1e317b7948',
       class: "f-ui-04 text-lighter"
     }, this.parsedMappings[this.selectedRating - 1]));
   }

package/eds-footer.entry.esm.js

@@ -0,0 +1,129 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsFooterCss = "p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mr-4{margin-right:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}.opacity-0{opacity:0}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}";
+const EdsFooterStyle0 = edsFooterCss;
+const EdsFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.cookies = createEvent(this, "cookies", 7);
+    /**
+     * Scrolls the page smoothly back to the top.
+     * Called when the "Back to top" button is clicked.
+     * @private
+     */
+    this.backToTop = () => {
+      window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+    };
+    this.social = false;
+    this.enableScrollTop = false;
+    this.fundedBy = 'EBRAINS is funded by the Horizon Europe Framework Programme.';
+    this.rightsReserved = `${new Date().getFullYear()} EBRAINS. All rights reserved.`;
+    this.cookiesPreferences = 'Cookies preferences';
+    this.enableCookiesSettings = false;
+    this.backToTopAriaLabel = 'Back to Top';
+    this.showMatomoNotice = false;
+  }
+  componentDidLoad() {
+    var _a;
+    this.backBtn = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#toTop');
+  }
+  handleScroll() {
+    if (!this.backBtn) {
+      return;
+    }
+    const shouldShow = window.scrollY > 100 && document.body.scrollHeight > window.innerHeight;
+    this.backBtn.style.opacity = shouldShow ? '1' : '0';
+  }
+  toggleCookiesConsent() {
+    this.cookies.emit('toggle');
+  }
+  /**
+   * 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: '7b9fd367d8ab6581854f2b2fd3ffea0fee47d871'
+    }, this.social ? h("div", {
+      class: "border-softest border-t-2 pt-20 md:pt-28"
+    }, h("div", {
+      class: "container pb-20"
+    }, h("div", {
+      class: "grid-layout"
+    }, h("div", {
+      class: "grid-col-span-12 lg:grid-col-span-5"
+    }, h("eds-social-networks", {
+      class: "mt-28"
+    }))))) : null, h("div", {
+      key: 'd01c96c60e4fc43175d7e2e1c238284e6a9540a1',
+      class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
+    }, h("div", {
+      key: '76e2468ca9fed5d1438d71a147d1861f537e77b4',
+      class: "container flex items-center gap-20 lg:flex-nowrap"
+    }, h("div", {
+      key: 'd944e079008523980a5adadc7e7fbd308ad9c7b8',
+      class: "flex items-center gap-x-12"
+    }, h("a", {
+      key: '0841e38c0b4ad9adacd59f6a43ddf3931903af07',
+      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: '6cfe4051c471215e2919efde9436c7827f7cde5a',
+      width: 54,
+      height: 41,
+      src: "https://www.ebrains.eu/flags/4x3/eu.svg",
+      alt: "European Union Flag"
+    }))), h("div", {
+      key: 'dbb3471bc25444418423c5f2148af22ef7beb77f'
+    }, h("div", {
+      key: 'c70bd75c802b6c2b61b627db52566f639362f90d',
+      class: "f-ui-04 text-light"
+    }, h("p", {
+      key: 'dc0dfaf8d16b53b0dbac78e693adf9dc26620d7a'
+    }, this.fundedBy), h("div", {
+      key: '121fe9d4d74392a02e13c6f54ba94ef8cb008e8e',
+      class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
+    }, h("span", {
+      key: 'ab733d143a6113080e28e2af36034c0d41b4a297',
+      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,
+      intent: "underline",
+      "extra-class": "f-ui-04",
+      onClick: () => {
+        this.toggleCookiesConsent();
+      }
+    }) : null))), h("div", {
+      key: 'ccdcbd5967e74cb305f18b961ad747b8e4da004f',
+      class: "ml-auto pl-12"
+    }, this.enableScrollTop ? h("div", {
+      id: "toTop",
+      class: "transition-all transition duration-75 opacity-0"
+    }, h("eds-button", {
+      id: "backToTop",
+      "aria-hidden": "true",
+      "aria-label": this.backToTopAriaLabel,
+      intent: "ghostInverse",
+      icon: "chevron-up",
+      onClick: this.backToTop
+    })) : null))));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsFooter.style = EdsFooterStyle0;
+
+export { EdsFooter as eds_footer };

package/eds-frame.entry.esm.js

@@ -73,13 +73,13 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: 'acfa57c701b5c683b3ff48ac2ff6a7c782977cd4',
+      key: '7544fb993c0e18ca62fd0bb2bcc75088645163d9',
       class: this.articleClasses()
     }, h("div", {
-      key: 'd62b6f7f67e41a6c8f0948c9d94e991d83dbe273',
+      key: '3c8c254255056515de9496bd35dd9f0f43cab505',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: '40618b0353599888578e08a5422da754f97455d0',
+      key: 'fc9bdb15d9d4ac15c8b3e572b4e755cdcfa436b0',
       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: '96656482b2732aa766d1bcb45f28189991adb493',
+      key: '65c233f9ec7c616cf23350a2b91b2095de0db0b2',
       class: "border-softer"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"

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

@@ -0,0 +1,124 @@
+import { r as registerInstance, c as createEvent, h } from './index.esm2.js';
+import { p as parseData } from './sharedUtils-a550989c.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsFullscreenMenuCss = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}";
+const EdsFullscreenMenuStyle0 = edsFullscreenMenuCss;
+const EdsFullscreenMenu = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.menuClose = createEvent(this, "menuClose", 7);
+    this.links = undefined;
+    this.menuLinks = undefined;
+    this.homeUrl = '/';
+    this.inverseHeader = false;
+    this.isMenuOpen = false;
+  }
+  /**
+   * Listens for the toggleMenu event to open or close the menu.
+   * This event is emitted by the eds-header component.
+   */
+  handleToggleMenu(event) {
+    this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
+  }
+  /** Opens the menu */
+  openMenu() {
+    this.isMenuOpen = true;
+  }
+  /** Closes the menu */
+  closeMenu() {
+    this.isMenuOpen = false;
+    this.menuClose.emit();
+  }
+  // Lifecycle method to add the resize event listener when component loads
+  componentDidLoad() {
+    window.addEventListener('resize', this.handleResize.bind(this));
+  }
+  // Lifecycle method to remove the resize event listener when component unloads
+  disconnectedCallback() {
+    window.removeEventListener('resize', this.handleResize.bind(this));
+  }
+  // Function to close the menu if screen width is larger than a defined breakpoint (1024px)
+  handleResize() {
+    if (window.innerWidth >= 1024) {
+      this.isMenuOpen = false;
+    }
+  }
+  /**
+   * Parses the `links` prop into an array of link objects.
+   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
+   *
+   * @returns {any[]} Array of parsed link objects
+   */
+  get parsedLinks() {
+    return parseData(this.links);
+  }
+  /**
+   * Parses the `menuLinks` prop into an array of link objects.
+   * Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
+   *
+   * @returns {any[]} Array of parsed menu link objects
+   */
+  get parsedMenuLinks() {
+    return parseData(this.menuLinks);
+  }
+  render() {
+    return this.isMenuOpen ? h("div", {
+      class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"
+    }, h("div", {
+      class: "flex min-h-full flex-col"
+    }, h("div", {
+      class: `w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}`
+    }, h("div", {
+      class: "mx-auto flex items-center justify-between"
+    }, h("div", {
+      class: "mr-auto w-[200px] h-[85px]"
+    }, h("eds-logo", {
+      type: this.inverseHeader ? 'color-white' : 'color',
+      href: this.homeUrl
+    })), h("div", {
+      class: "px-16"
+    }, h("eds-button", {
+      "aria-label": "Close menu",
+      intent: "ghostInverse",
+      icon: "close",
+      onClick: () => this.closeMenu()
+    })))), h("div", {
+      class: "py-16 px-16"
+    }, h("nav", {
+      class: "mt-28 flex flex-col gap-y-8"
+    }, this.parsedLinks.map((link, index) => h("eds-link", {
+      label: link.label,
+      key: index,
+      url: link.url,
+      intent: "tertiary",
+      size: "large",
+      class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",
+      onClick: () => this.closeMenu(),
+      icon: "arrow-right"
+    }))), h("eds-block-break", null), h("nav", {
+      class: "mt-28 flex flex-col gap-y-8"
+    }, this.parsedMenuLinks.map((link, index) => h("eds-link", {
+      label: link.label,
+      key: index,
+      url: link.url,
+      intent: "tertiary",
+      size: "large",
+      class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",
+      onClick: () => this.closeMenu(),
+      icon: "chevron-right"
+    }))), h("nav", {
+      class: "mt-28 flex flex-col gap-y-8"
+    }, h("slot", null))), h("div", {
+      class: "mt-auto"
+    }, h("eds-footer", {
+      social: true,
+      "extra-class": "bg-darker"
+    })))) : null;
+  }
+};
+EdsFullscreenMenu.style = EdsFullscreenMenuStyle0;
+
+export { EdsFullscreenMenu as eds_fullscreen_menu };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { b as bin } from './bin-37cad2f0.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconBin = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '03c42ca4aa5cb15952f58adb016924fdb5f006ef',
+      class: this.class,
+      innerHTML: bin
+    });
+  }
+};
+
+export { EdsIconBin as eds_icon_bin };

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

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

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

@@ -11,7 +11,7 @@ const EdsIconBookmark = class {
   }
   render() {
     return h("span", {
-      key: '61dd6e752db1c28d082d80aba71267f4e971492d',
+      key: '789b6624c429ae6bffdec4b264a94a2a97cd1962',
       class: this.class,
       innerHTML: bookmark
     });

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

@@ -11,7 +11,7 @@ const EdsIconClose = class {
   }
   render() {
     return h("span", {
-      key: '8e4dedef0fe684fdd6078db8005661e49207da55',
+      key: '3343580d13358aa90c00dae55b6821c461ba5183',
       class: this.class,
       innerHTML: close
     });

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { e as edit } from './edit-1dc8d11b.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconEdit = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'c1ff641313e9c0d7160464d7497a2d27de5cbef4',
+      class: this.class,
+      innerHTML: edit
+    });
+  }
+};
+
+export { EdsIconEdit as eds_icon_edit };

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

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

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

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

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

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
   }
   render() {
     return h("span", {
-      key: '3ea80799436c93b1c02ad177bd48910409aebf51',
+      key: 'b8c843449dec1ab159280e66e009311735ec8895',
       class: this.class,
       innerHTML: facebook
     });

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

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

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

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
   }
   render() {
     return h("span", {
-      key: '88852ca054a7e637efc7fe5b01f343a9b1798e41',
+      key: 'e9f71cb0a1a20d87a617df568bdc37d248a1cdc8',
       class: this.class,
       innerHTML: linkedin
     });

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

@@ -11,7 +11,7 @@ const EdsIconLoader = class {
   }
   render() {
     return h("span", {
-      key: '283c8842f0f755074521fdcbae46969d87b86312',
+      key: '85bcc5308536901f4892e1bba6238be45f7036bf',
       class: this.class,
       innerHTML: loader
     });

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

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

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

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

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

@@ -11,7 +11,7 @@ const EdsIconMinus = class {
   }
   render() {
     return h("span", {
-      key: 'e76f56aaba4a67096e6314e61d53bc2512941552',
+      key: 'b6b9e5dd993f9a6b475674cf7d952d68841a1f0c',
       class: this.class,
       innerHTML: minus
     });

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

@@ -11,7 +11,7 @@ const EdsIconMore = class {
   }
   render() {
     return h("span", {
-      key: 'cb31d12146ff577195650b502f51005092404a30',
+      key: 'aac0251ad6695296eb383d05e4d3fdb953ac2b82',
       class: this.class,
       innerHTML: more
     });

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

@@ -11,7 +11,7 @@ const EdsIconPaper = class {
   }
   render() {
     return h("span", {
-      key: 'abc728a23571f7cc24f6d9d1dc5c72c397983aa3',
+      key: '27d2b36f47c4a58e90a4148fbb8568f81eaeb07c',
       class: this.class,
       innerHTML: paper
     });

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

@@ -11,7 +11,7 @@ const EdsIconPlus = class {
   }
   render() {
     return h("span", {
-      key: '35d8e069fbb1bdb01ae6f068c28edd19d299c7c3',
+      key: '9c4eca2f6cd5919b07694d8ae209d568da9ee8c2',
       class: this.class,
       innerHTML: plus
     });

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

@@ -11,7 +11,7 @@ const EdsIconPortal = class {
   }
   render() {
     return h("span", {
-      key: '9383784da3e52d22395288f8eba5b6f4ee826aa5',
+      key: '7ab9673d6effd4caa728276e2d6927e3a08e2e9a',
       class: this.class,
       innerHTML: portal
     });