@ebrains/components 2.1.0 → 2.2.0

package/dist/cjs/eds-app-root.cjs.entry.js

@@ -30,7 +30,7 @@ const EdsAppRoot = class {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (index.h("div", { key: '36bb7790b9e035749548410ba1d54092c7a40810' }, index.h("eds-splash-screen", { key: '7be473b1c48f0ab2549077d7619a1dbd3a1fd90c', inverse: true, initPromise: this.combinedInitPromise }), index.h("eds-login", { key: '824affc8c670317f2c1b8a22b9fe6223a477d364', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), index.h("main", { key: 'c5f6f9dae8608a49d3c47139f33735236a65091c' }, this.isAuthenticated ? index.h("h1", null, "Welcome, authenticated user!") : index.h("h1", null, "Please log in."))));
+        return (index.h("div", { key: '01c80f8c47f13066a4b9e6978951c2a264efbd15' }, index.h("eds-splash-screen", { key: 'bb17fc106515c71c7d70196a933301987c69ae4b', inverse: true, initPromise: this.combinedInitPromise }), index.h("eds-login", { key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), index.h("main", { key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4' }, this.isAuthenticated ? index.h("h1", null, "Welcome, authenticated user!") : index.h("h1", null, "Please log in."))));
     }
 };
 

package/dist/cjs/eds-cookies-preference.cjs.entry.js

@@ -31,7 +31,7 @@ const EdsCookiesPreference = class {
         }
     }
     render() {
-        return (index.h("div", { key: '76c90b0245f703ffd80e9aa8ccc587c74b813df2' }, index.h("eds-link", { key: '5df4bcf1261c5afb610576e72720e0689cb2eb21', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && index.h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (index.h("div", { key: '030dd5db2221d5613fae0fb215cac7c20c815c2b' }, index.h("eds-link", { key: '61d1bdf5e4299e65d980a08d25bec93b089f5330', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && index.h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
 };
 EdsCookiesPreference.style = EdsCookiesPreferenceStyle0;

package/dist/cjs/eds-feedback.cjs.entry.js

@@ -62,7 +62,7 @@ const EdsFeedback = class {
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (index.h("div", { key: '5e1c1694270cd7504ca8ba942b6f108af5f0572e', class: "grid inline" }, index.h(HeadingTag, { key: 'da068fd8d6fb9e9789472c418896688e40ab9d32', class: headingClass }, this.label), index.h("p", { key: '5f896de20bc86c5f3b6596f1d73a3ef8419d8c56', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: '4909638b6f5cec693075285f99f6881541c09d29', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: 'cdafafb8e206ecc4bbb74edc16de94a5c26defc9', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (index.h("div", { key: '58d69e0acbaca740439666bb9da015eaa81d160a', class: "grid inline" }, index.h(HeadingTag, { key: 'f7b066a56636e6555ace1b4947e00c293961b4ca', class: headingClass }, this.label), index.h("p", { key: '9bfb1903e25ba6c1d53849874f3309845c1b86dc', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: '785ea01ac3d2f40bb148d52c9c18698c89424175', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: '16d5b1ab0ab56a5e320a878f8259dc643b533e16', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-footer.cjs.entry.js

@@ -52,13 +52,11 @@ 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 (index.h("footer", { key: '4912d7994a636d5159d863339f0119e7b6bb1bc3' }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, index.h("div", { class: "container pb-20" }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })))))) : null, index.h("div", { key: 'fb1db2c19f29a0fd1474565759992be78c404251', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, index.h("div", { key: 'c7c6c6eb43f2ccb00df8b05247120763b3f665d3', class: "container flex items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: '45a29c7988edbf99ef5573dc77c9cc9a22faa666', class: "flex items-center gap-x-12" }, index.h("a", { key: '0fbc8e7d275a07af6da8b520bddf62f4c13aecac', 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" }, index.h("eds-img", { key: 'ec9e972f19d34cb13ea2022ab09ab6373d54be27', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), index.h("div", { key: '0281a7e09166bbd2e02913467fe3235585d0bf0a' }, index.h("div", { key: '97b96a7f6718cbc79ff98874e5dc90d6e1ed614e', class: "f-ui-04 text-light" }, index.h("p", { key: '810b11a720bdcb92ce587a125ac8d026f31e9872' }, this.fundedBy), index.h("div", { key: '2973f13cc831fa3d1131b182958fa425b94897fd', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, index.h("span", { key: 'b4cb01b0601c8117ae427fc5ab9c43c20edc6536', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (index.h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (index.h("footer", { key: '844c47f7e5119a577b03d1bf4bb598e891d7f8c7' }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, index.h("div", { class: "container pb-20" }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })))))) : null, index.h("div", { key: '0a6f03f13cf5513758740ce6f3d3357cac413826', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, index.h("div", { key: '1751d052c529e46de47bbe09ef24621b546b1514', class: "container flex items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: '86b3c5fac384d1ae0f310d43f9a4492ce96866cf', class: "flex items-center gap-x-12" }, index.h("a", { key: '7fed16c8a7bb7c15ea59438427987303a5a0ae14', 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" }, index.h("eds-img", { key: '491b2691d011359df1dc24a2408347574a893ca8', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), index.h("div", { key: '50e5d853ee86066c932dd5fa3f04706d21b0d3aa' }, index.h("div", { key: 'ba36e26f29e1aee7d7da4cd91235419b18ab813a', class: "f-ui-04 text-light" }, index.h("p", { key: '120302d9cdad309da91bcd9f82e81f707f5f5b48' }, this.fundedBy), index.h("div", { key: '222a27fb7f085750312654c11d03793f02e29676', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, index.h("span", { key: '56db11dc4295c21c5e9d54cbc5568c5889f2dbb9', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (index.h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), index.h("div", { key: 'd0b26e1911f55b44fb8a5253bab62b8db9141411', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, index.h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
+            } })) : null))), index.h("div", { key: '221f15b6c92e91835dcc2efa3d2247b055690a22', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, index.h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-frame.cjs.entry.js

@@ -76,7 +76,7 @@ const EdsFrame = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9f5b6280292996b66fb3380678fae7748aba8cb3', class: this.articleClasses() }, index.h("div", { key: '6e4f6e0ce9b44fe94ff4622285258747503d9034', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '36bb5a7b005b4c23a7042e5cf06769efe29b07db', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (index.h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: '9d64e26eaa9e79d68e13d6a0faf67c8ca68d2097', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (index.h("div", { key: '665bc189cd905a55a9c6ac31eb2ec82853552f34', class: this.articleClasses() }, index.h("div", { key: '6ad6183a94cd0cb26d3e5641c5e584e8afc652d7', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '85bd9a7a4475ca3664cadf17ef1e729643c758f6', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (index.h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: '4799d59442cabb05f3bfea26a02db22a429266e6', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-fullscreen-menu.cjs.entry.js

@@ -19,11 +19,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/dist/cjs/eds-icon-bluesky.cjs.entry.js

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

package/dist/cjs/eds-icon-download.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0249a32e.js');
+const download = require('./download-9d17d025.js');
+
+const EdsIconDownload = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return index.h("span", { key: '1fc6b1410cf98a4a992c0d98d78ec27aeac65b7c', class: this.class, innerHTML: download.download });
+    }
+};
+
+exports.eds_icon_download = EdsIconDownload;

package/dist/cjs/eds-icon-draft.cjs.entry.js

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

package/dist/cjs/eds-icon-edit.cjs.entry.js

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

package/dist/cjs/eds-icon-eu.cjs.entry.js

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

package/dist/cjs/eds-icon-external.cjs.entry.js

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

package/dist/cjs/eds-icon-facebook.cjs.entry.js

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

package/dist/cjs/eds-icon-gitlab.cjs.entry.js

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

package/dist/cjs/eds-icon-linkedin.cjs.entry.js

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

package/dist/cjs/eds-icon-loader.cjs.entry.js

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

package/dist/cjs/eds-icon-mastodon.cjs.entry.js

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

package/dist/cjs/eds-icon-menu.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconMenu = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8', class: this.class, innerHTML: menu.menu });
+        return index.h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: menu.menu });
     }
 };
 

package/dist/cjs/eds-icon-minus.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconMinus = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '0e8b57b9ae1a2e53ef6f50948c49b9a9218f66cc', class: this.class, innerHTML: minus.minus });
+        return index.h("span", { key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3', class: this.class, innerHTML: minus.minus });
     }
 };
 

package/dist/cjs/eds-icon-more.cjs.entry.js

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

package/dist/cjs/eds-icon-paper.cjs.entry.js

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

package/dist/cjs/eds-icon-plus.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconPlus = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '520b8d5a7d45f101ef526432b45e4407446685cd', class: this.class, innerHTML: plus.plus });
+        return index.h("span", { key: '825957824697ceeec9d6f81007c4dd1dfc208b28', class: this.class, innerHTML: plus.plus });
     }
 };
 

package/dist/cjs/eds-icon-portal.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconPortal = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'f9b20e12497e199b7f596f4f457167080e81ccd1', class: this.class, innerHTML: portal.portal });
+        return index.h("span", { key: '4c557c9fe9168f361c55aae7a7c6874d78ec620d', class: this.class, innerHTML: portal.portal });
     }
 };
 

package/dist/cjs/eds-icon-private.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconPrivate = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'a342e11087242f9b37365bcbfec2036bd2009c85', class: this.class, innerHTML: _private.privat });
+        return index.h("span", { key: 'fe423636431e96ce42d0b8236b04c11c92633a18', class: this.class, innerHTML: _private.privat });
     }
 };
 

package/dist/cjs/eds-icon-public.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconPublic = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'e53f2ac899326e460b27b91772da9d2bee873fb3', class: this.class, innerHTML: _public.pub });
+        return index.h("span", { key: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918', class: this.class, innerHTML: _public.pub });
     }
 };
 

package/dist/cjs/eds-icon-search.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '6da0ae2a33a1680caecbaa6bbe1313329d32ef7e', class: this.class, innerHTML: search.search });
+        return index.h("span", { key: 'c788833c6a51e489ca432697a9c46d9b5756a519', class: this.class, innerHTML: search.search });
     }
 };
 

package/dist/cjs/eds-icon-star.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconStar = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '4c4243f9e6c5c02a2d70eda34b28efe1ba7c696b', class: this.class, innerHTML: star.star });
+        return index.h("span", { key: '297e73664320032b2f78dd3c43aa0852545c0723', class: this.class, innerHTML: star.star });
     }
 };
 

package/dist/cjs/eds-icon-start.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconStart = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'a788a6ded2b42ad1138be4f74464d4dc08dc485f', class: this.class, innerHTML: start.start });
+        return index.h("span", { key: '360d1178d8f9f8485718f5ab1ed823ac16be2987', class: this.class, innerHTML: start.start });
     }
 };
 

package/dist/cjs/eds-icon-success.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '68917ac759cd684a6f3f3f67cb174d7291841070', class: this.class, innerHTML: success.success });
+        return index.h("span", { key: '281f7141b6b45b60e8f11f85430af0cd8364d91f', class: this.class, innerHTML: success.success });
     }
 };
 

package/dist/cjs/eds-icon-thumbs-down.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'fb0abd584eb41fcdf76479aa2953da2ed6a9f8ed', class: this.class, innerHTML: thumbsDown.thumbsDown });
+        return index.h("span", { key: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d', class: this.class, innerHTML: thumbsDown.thumbsDown });
     }
 };
 

package/dist/cjs/eds-icon-thumbs-up.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconThumbsUp = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '53bc35a16795640e1fc5ac9a5ddd66015b98adb3', class: this.class, innerHTML: thumbsUp.thumbsUp });
+        return index.h("span", { key: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb', class: this.class, innerHTML: thumbsUp.thumbsUp });
     }
 };
 

package/dist/cjs/eds-icon-tutorial.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconTutorial = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'bbe35e4b8e341eb54820a661c6a6200e83fd0f3f', class: this.class, innerHTML: tutotial.tutorial });
+        return index.h("span", { key: 'f7457ee049fe477b51776527b58d459312c52cf4', class: this.class, innerHTML: tutotial.tutorial });
     }
 };
 

package/dist/cjs/eds-icon-twitter.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'de551285a98e6e5340769e9d1422acb2e7bc826f', class: this.class, innerHTML: twitter.twitter });
+        return index.h("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: twitter.twitter });
     }
 };
 

package/dist/cjs/eds-icon-unknown.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconUnknown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'c102d3ac082dab21cb23a322ded78d607ece10f5', class: this.class, innerHTML: unknown.unknown });
+        return index.h("span", { key: '3b2750a85a74227efe458ceaa2d0995ab0c472b3', class: this.class, innerHTML: unknown.unknown });
     }
 };
 

package/dist/cjs/eds-icon-updown.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconUpdown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'b2bf11e364727f13859be3c2ed00931ec3379d9d', class: this.class, innerHTML: upAndDown.upDonw });
+        return index.h("span", { key: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37', class: this.class, innerHTML: upAndDown.upDonw });
     }
 };
 

package/dist/cjs/eds-icon-user.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconUser = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '24acd317006255e7a5b29bd70b667c8ca9271f6c', class: this.class, innerHTML: user.user });
+        return index.h("span", { key: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c', class: this.class, innerHTML: user.user });
     }
 };
 

package/dist/cjs/eds-icon-view.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconView = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '652ea6ae2a82611114e71ed2d2422ad579f7ab54', class: this.class, innerHTML: view.view });
+        return index.h("span", { key: 'af0fae74516d7f51af3616aa09c16b80b603504f', class: this.class, innerHTML: view.view });
     }
 };
 

package/dist/cjs/eds-icon-youtube.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: youtube.youtube });
+        return index.h("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: youtube.youtube });
     }
 };
 

package/dist/cjs/eds-modal.cjs.entry.js

@@ -120,9 +120,9 @@ const EdsModal = class {
     render() {
         // Generate a unique id for the title so we can reference it for aria-labelledby.
         const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (index.h("div", { key: '14c35228e2aaf72d59f1766fd8e69fcd06ea5270', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: '34b5dad3a31cd9a66135ce9d93d48215712529b9', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (index.h("div", { key: '29700a7b84c8728c11232aaaa526638dc6cd3156', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), index.h("div", { key: '5268780d170f080404d2c3ab0bb3f355b50895cb', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: '20c094f3fb3cd31280118d687dec311a8aa59f57', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, index.h("span", { key: 'de7ff288945cd6e0a8c97d9c40cf02cc5ba4ea41', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: 'a46dc51081ad99856cfa81ccdf2ab060f644c7cb', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: '45557580b90ae4f5d176eaa4805ce527d6e59eec', class: "pt-8 px-20 py-20" }, index.h("slot", { key: 'b67c888a32c615c5073768ec3cd4e342a34a84c6' })))));
+            onClick: () => this.close() })), index.h("div", { key: 'd69445a547c27fccc868bee1dae9537e3e4c9d68', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: 'e4d3ddcadf49051ebb0fe5c1d12d40f8992a5549', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, index.h("span", { key: '6a9e5c1cb187e4684b267859f2150f485d6fcced', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: '150e61106d25a1a0ecf470abf14ac5c5ba836b64', class: "pt-8 px-20 py-20" }, index.h("slot", { key: '30100f97aa7504023e43b51fc9bebad20097b480' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-progress-bar.cjs.entry.js

@@ -48,7 +48,7 @@ const EdsProgressBar = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h("div", { key: '2a620231eaa84ba7e89e05da48175624fdc92d31', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, index.h("div", { key: '660e2c84ad358c0de1d9548b730308505e79bcd6', class: fillClasses, style: { width: `${progressValue}%` } }), index.h("div", { key: '4d0fa2a209d315b658f80906b95a0bf255c82c78', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, index.h("span", { key: '0d423e16659d84b2d050f7d60ced4aefeeef9022', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (index.h("div", { key: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, index.h("div", { key: 'a46a83e9086471adde1837e59d909096d59e7882', class: fillClasses, style: { width: `${progressValue}%` } }), index.h("div", { key: '193f2efa8259e7facacba374fff8087e9702c246', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, index.h("span", { key: 'e3454f3507d2a30245671698752a7f0f26baff57', class: "text-default f-body-02" }, progressValue, "%"))));
     }
 };
 EdsProgressBar.style = EdsProgressBarStyle0;

package/dist/cjs/eds-section-core_2.cjs.entry.js

@@ -16,7 +16,7 @@ const EdsSectionCore = class {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (index.h(TagType, { key: 'b77b5af1c6f3acbc2696a9608b55199ed4110d71' }, index.h("eds-section-heading", { key: '464dd4c67d69d1ef3ed1d932081c3195a2b51503', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: 'b5dbd4f55aee2df3bcbc44e21a134544ffd733f7' })));
+        return (index.h(TagType, { key: '99f87da56df0ac4b5b28ce721288507beb0cd431' }, index.h("eds-section-heading", { key: '101137aa9637a95580393a52e7f41d71e8ae8e8b', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '0b6a6131d8e1e2528982571cf7ba617736a34173' })));
     }
 };
 EdsSectionCore.style = EdsSectionCoreStyle0;
@@ -46,12 +46,12 @@ const EdsSectionHeading = class {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (index.h(TagType, { key: '4ae69ea354156a0e35a8884a63d7556ead8ada24', class: {
+        return (index.h(TagType, { key: '2af16d4d21378244ba843b619b3fd4f283b3e179', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, index.h(HeadingTag, { key: 'a3549fb733687c3ff31f17bdc362275eb0b29e31', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, index.h(HeadingTag, { key: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };
 

package/dist/cjs/eds-social-networks.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0249a32e.js');
 
-const edsSocialNetworksCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";
+const edsSocialNetworksCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.mt-12{margin-top:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";
 const EdsSocialNetworksStyle0 = edsSocialNetworksCss;
 
 const EdsSocialNetworks = class {
@@ -54,11 +54,9 @@ const EdsSocialNetworks = class {
     /**
      * Renders the component's HTML structure with links to EBRAINS social profiles.
      * Each social network link uses the `eds-link` component with specific classes and styles.
-     *
-     * @returns {JSX.Element} The rendered JSX for the component.
      */
     render() {
-        return (index.h("div", { key: '7241de6d0a20687523e17a4455dff1dfac59a191' }, index.h("p", { key: '8292c0dde1b3518ada53dddc2ea0134ff3035e83', class: "f-ui-02" }, this.heading), index.h("ul", { key: 'b30922e6d1f51a52300c889464824fafad775f74', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index$1) => (index.h("li", { key: index$1 }, index.h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (index.h("nav", { key: '62692c53f820ff5d6569e42af692063ad8918cdd', "aria-label": "Social media" }, index.h("p", { key: 'a571612ba3c1b669e0145484bec4d480b17c1979', class: "f-ui-02" }, this.heading), index.h("ul", { key: 'c0cc02cd5eebf16130f7b09fb8f11319695fdccb', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index$1) => (index.h("li", { key: index$1 }, index.h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": `EBRAINS on ${network.label}`, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
 };
 EdsSocialNetworks.style = EdsSocialNetworksStyle0;

package/dist/cjs/eds-spinner.cjs.entry.js

@@ -80,7 +80,7 @@ const EdsSpinner = class {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (index.h(index.Host, { key: 'cbf9cead7c7c6bc5314c074f7249c920eb60d326' }, index.h("div", { key: 'd22c71a76af3f53c649e547538e0f1627cd9ecd0', class: "spinner-overlay", style: overlayStyle }, index.h("span", { key: '83b42f7ee9ba4d356bd82097989b8be1db8a8ef9', class: "spinner", style: spinnerStyle }), this.message && index.h("p", { key: '0a2c4efe46b8f86a037d29de699534441bf7585e', class: "f-body-01" }, this.message))));
+        return (index.h(index.Host, { key: 'b10a5d28d0b06e7b36276fb814e3b8b57b767094' }, index.h("div", { key: '8f2205bb74775c16660d35f80bf880ac9c39d725', class: "spinner-overlay", style: overlayStyle }, index.h("span", { key: 'f681700791c6c10ea63473f34719a873757bcf5e', class: "spinner", style: spinnerStyle }), this.message && index.h("p", { key: 'b0afdd60a6c74fd740626cb7da3402a9a5075e34', class: "f-body-01" }, this.message))));
     }
 };
 EdsSpinner.style = EdsSpinnerStyle0;

package/dist/cjs/eds-timeline.cjs.entry.js

@@ -47,7 +47,7 @@ const EdsTimeline = class {
         }
     }
     render() {
-        return (index.h("div", { key: '3abe8b96a25fa575acc503eafa345c63b0c4c971', class: "max-w-sidebar mx-auto px-4 py-8" }, index.h("div", { key: '23039a03d10a38aa96310be6456283b5d36041e7', class: "relative" }, index.h("div", { key: '2bf447e7dd77a33b953ee1c7b49c72bb3e79a938', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), index.h("div", { key: 'db44af20a0e09666b402e77ec739262a3506da48', class: "space-y-16" }, this.parsedEvents.map((event, index$1) => (index.h("div", { class: "relative flex" }, index.h("div", { class: `w-1/2 ${index$1 % 2 === 0 ? 'pr-4' : ''}` }, index$1 % 2 === 0 && (index.h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
+        return (index.h("div", { key: 'c3362fa23185787a8d5a974f1f53978569e28a63', class: "max-w-sidebar mx-auto px-4 py-8" }, index.h("div", { key: '59f85c0ae88876cf891b8fd2852cb15426f05c2a', class: "relative" }, index.h("div", { key: '89fc0969c72ba183dee530a428d6d1d9421b2764', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), index.h("div", { key: '190262fe1b382ac41fba398d05e640d0db746fe9', class: "space-y-16" }, this.parsedEvents.map((event, index$1) => (index.h("div", { class: "relative flex" }, index.h("div", { class: `w-1/2 ${index$1 % 2 === 0 ? 'pr-4' : ''}` }, index$1 % 2 === 0 && (index.h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]
                 : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), index.h("div", { class: "flex items-center justify-center relative" }, event.completed ? (index.h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (index.h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), index.h("div", { class: `w-1/2 ${index$1 % 2 !== 0 ? 'pl-4' : ''}` }, index$1 % 2 !== 0 && (index.h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]

package/dist/cjs/eds-toast-manager.cjs.entry.js

@@ -66,7 +66,7 @@ const EdsToastManager = class {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (index.h("div", { key: '85027aad9484f391686c4126e984a84e8045511c', class: "toast-container" }, this.toasts.map((t) => (index.h("div", { key: t.id }, index.h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (index.h("div", { key: '27172b1f3c76ebb460c35ea070eeff330390ed7d', class: "toast-container" }, this.toasts.map((t) => (index.h("div", { key: t.id }, index.h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/eds-trl.cjs.entry.js

@@ -44,7 +44,7 @@ const EdsTrl = class {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (index.h("div", { key: '51e2ef0877ef34a3c413d8bb690d659525845a92', class: "container mx-auto px-4 py-8" }, index.h("eds-table", { key: 'b682cb9ce8182302b82042173fcc93aed65f7006', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
+        return (index.h("div", { key: '42873472d353599cbc2903b00ff03f0f802f1120', class: "container mx-auto px-4 py-8" }, index.h("eds-table", { key: '980a4d934f0554fefd34f8c4631f305d45f81bc3', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
     }
 };
 

package/dist/cjs/incorrect-use-of-colors.cjs.entry.js

@@ -43,7 +43,7 @@ const IncorrectUseOfColors = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '99f72ce6be806d58cdbe053d86a07e7769e7c298', class: "container" }, index.h("div", { key: '4689bc35f56681d07747158f45bed8960bd764bb', class: "mb-8" }, index.h("eds-alert", { key: 'bda983921ff3779dc947d13ff7b3c4f0509154ea', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), index.h("div", { key: 'ef02b05fb6fb761cae3cc5120478d9670ae65508', class: "flex" }, index.h("div", { key: '968ccc8bc1acec2856325c921d737f0ac2d0e26d', class: "w-full" }, index.h("ul", { key: 'aafe0547a6f6185216cf5ba08cca1e5ed97f7fb8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'f8af94ee21c7ed37b177fa3b5285e9bfe76e8e46', class: "w-full" }, index.h("ul", { key: 'ef52e37263e0bfda9d631f7aa6abe2074cbebe78', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (index.h("div", { key: 'd09d8204f4369476882f0614e96c07c953b34f54', class: "container" }, index.h("div", { key: 'a80342ee08961192aa3a664f66406b220cd208ed', class: "mb-8" }, index.h("eds-alert", { key: '242c9bae130e9a7487412da4f75ab30a2db49335', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), index.h("div", { key: 'f9d60933f46189f848938a5beb1ca5fadfa84934', class: "flex" }, index.h("div", { key: 'd7f33f14834c5a97aafbdb447f723e1a20b5e498', class: "w-full" }, index.h("ul", { key: '0e3b7baf000534530164f373884a6957419539a7', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'd0422452dbb56de94fee33562b07867fb9bfd6ac', class: "w-full" }, index.h("ul", { key: 'e5daf06bbcec1227ccf03b3f3a8a6016a33c289c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 };