@ebrains/components 2.2.0 → 2.3.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { l as loader } from './loader-c9628637.js';
 
 const EdsIconLoader = class {
@@ -7,7 +7,7 @@ const EdsIconLoader = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: loader });
+        return h("span", { key: '2207bbac640cf28a2d6d5d725f681e56c8c53011', class: this.class, innerHTML: loader });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { m as mastodon } from './mastodon-3703ec61.js';
 
 const EdsIconMastodon = class {
@@ -7,7 +7,7 @@ const EdsIconMastodon = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: mastodon });
+        return h("span", { key: 'b7ba0f10df196243538aaeefe3db0ee5f594f885', class: this.class, innerHTML: mastodon });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { m as menu } from './menu-340ea948.js';
 
 const EdsIconMenu = class {
@@ -7,7 +7,7 @@ const EdsIconMenu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: menu });
+        return h("span", { key: '5f14cbe4b3ca88f7301c1561c092278b31d04326', class: this.class, innerHTML: menu });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { m as minus } from './minus-b30a7c71.js';
 
 const EdsIconMinus = class {
@@ -7,7 +7,7 @@ const EdsIconMinus = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3', class: this.class, innerHTML: minus });
+        return h("span", { key: 'b19c12426db0068934252c6197ba04789d42f5e2', class: this.class, innerHTML: minus });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { m as more } from './more-4449d549.js';
 
 const EdsIconMore = class {
@@ -7,7 +7,7 @@ const EdsIconMore = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb', class: this.class, innerHTML: more });
+        return h("span", { key: 'b6d2b6d7d156c715e2f7d2192d93a4326b22dfc5', class: this.class, innerHTML: more });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { p as paper } from './paper-8e74ea31.js';
 
 const EdsIconPaper = class {
@@ -7,7 +7,7 @@ const EdsIconPaper = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'eaa676b09d81da31b600a910b99b416c1a5420d3', class: this.class, innerHTML: paper });
+        return h("span", { key: '497345c7f18b9cceaf00030b7b3ab052f482c7bf', class: this.class, innerHTML: paper });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { p as plus } from './plus-89c07be2.js';
 
 const EdsIconPlus = class {
@@ -7,7 +7,7 @@ const EdsIconPlus = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '825957824697ceeec9d6f81007c4dd1dfc208b28', class: this.class, innerHTML: plus });
+        return h("span", { key: 'd9fdc443e6da9465453f5f201b5782437a45402e', class: this.class, innerHTML: plus });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { p as portal } from './portal-d6c8ce56.js';
 
 const EdsIconPortal = class {
@@ -7,7 +7,7 @@ const EdsIconPortal = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4c557c9fe9168f361c55aae7a7c6874d78ec620d', class: this.class, innerHTML: portal });
+        return h("span", { key: '27be525d5922ed05755e207adc914c7e86fb7033', class: this.class, innerHTML: portal });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { p as privat } from './private-1c25ff8e.js';
 
 const EdsIconPrivate = class {
@@ -7,7 +7,7 @@ const EdsIconPrivate = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'fe423636431e96ce42d0b8236b04c11c92633a18', class: this.class, innerHTML: privat });
+        return h("span", { key: '16aa24573646bd0002f9b259dba4ab7bb150d12e', class: this.class, innerHTML: privat });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { p as pub } from './public-d4d8c585.js';
 
 const EdsIconPublic = class {
@@ -7,7 +7,7 @@ const EdsIconPublic = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918', class: this.class, innerHTML: pub });
+        return h("span", { key: '1aedbead2feca84807fa4dd3d10092c3a4632365', class: this.class, innerHTML: pub });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { s as search } from './search-fbcd79c2.js';
 
 const EdsIconSearch = class {
@@ -7,7 +7,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c788833c6a51e489ca432697a9c46d9b5756a519', class: this.class, innerHTML: search });
+        return h("span", { key: '4d7a6781f65c4fc7159dd29a9d02b2d5333915fd', class: this.class, innerHTML: search });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { s as star } from './star-0da9b5e9.js';
 
 const EdsIconStar = class {
@@ -7,7 +7,7 @@ const EdsIconStar = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '297e73664320032b2f78dd3c43aa0852545c0723', class: this.class, innerHTML: star });
+        return h("span", { key: '4410f1ce5f3b350e75b31ba6089540a9281e474b', class: this.class, innerHTML: star });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { s as start } from './start-65126a4f.js';
 
 const EdsIconStart = class {
@@ -7,7 +7,7 @@ const EdsIconStart = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '360d1178d8f9f8485718f5ab1ed823ac16be2987', class: this.class, innerHTML: start });
+        return h("span", { key: '3f33c676334b9e7dd18708459ebfb3e3a9cf12a4', class: this.class, innerHTML: start });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { s as success } from './success-443809da.js';
 
 const EdsIconSuccess = class {
@@ -7,7 +7,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '281f7141b6b45b60e8f11f85430af0cd8364d91f', class: this.class, innerHTML: success });
+        return h("span", { key: '0130a392a537a653154383ccd21a1516100459e3', class: this.class, innerHTML: success });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { t as thumbsDown } from './thumbs-down-a18fd049.js';
 
 const EdsIconThumbsDown = class {
@@ -7,7 +7,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: '747187922f5c94e96c67f5455e4ed3b8afd47885', class: this.class, innerHTML: thumbsDown });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { t as thumbsUp } from './thumbs-up-c19a71bc.js';
 
 const EdsIconThumbsUp = class {
@@ -7,7 +7,7 @@ const EdsIconThumbsUp = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: '051029abca2749f24ae3407ff3ae36b20007c924', class: this.class, innerHTML: thumbsUp });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { t as tutorial } from './tutotial-150ee1fd.js';
 
 const EdsIconTutorial = class {
@@ -7,7 +7,7 @@ const EdsIconTutorial = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f7457ee049fe477b51776527b58d459312c52cf4', class: this.class, innerHTML: tutorial });
+        return h("span", { key: '3d0f88fa7ebbec278f9cc1394ed87809ff7c49d1', class: this.class, innerHTML: tutorial });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { t as twitter } from './twitter-ac21b505.js';
 
 const EdsIconTwitter = class {
@@ -7,7 +7,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: twitter });
+        return h("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: twitter });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { u as unknown } from './unknown-ed01a24c.js';
 
 const EdsIconUnknown = class {
@@ -7,7 +7,7 @@ const EdsIconUnknown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '3b2750a85a74227efe458ceaa2d0995ab0c472b3', class: this.class, innerHTML: unknown });
+        return h("span", { key: '27f8330b13ebecd974913f83e3ae142406d08712', class: this.class, innerHTML: unknown });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { u as upDonw } from './up-and-down-d747abee.js';
 
 const EdsIconUpdown = class {
@@ -7,7 +7,7 @@ const EdsIconUpdown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37', class: this.class, innerHTML: upDonw });
+        return h("span", { key: 'ef19f500cdd0289666d512e73952e6ae1ba9e7dc', class: this.class, innerHTML: upDonw });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { u as user } from './user-71ebdc15.js';
 
 const EdsIconUser = class {
@@ -7,7 +7,7 @@ const EdsIconUser = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c', class: this.class, innerHTML: user });
+        return h("span", { key: '134abbd42c49915f772f5d2aed7b53ecc5a0bd8a', class: this.class, innerHTML: user });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { v as view } from './view-e900f2d4.js';
 
 const EdsIconView = class {
@@ -7,7 +7,7 @@ const EdsIconView = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'af0fae74516d7f51af3616aa09c16b80b603504f', class: this.class, innerHTML: view });
+        return h("span", { key: '5725348031c6f0b6944e765b1b52e7f5759493aa', class: this.class, innerHTML: view });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 import { y as youtube } from './youtube-efbfbdc4.js';
 
 const EdsIconYoutube = class {
@@ -7,7 +7,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: youtube });
+        return h("span", { key: '7c8d8693dc6e0a03af0b0a68190d451fee84a013', class: this.class, innerHTML: youtube });
     }
 };
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-e84b871c.js';
+import { r as registerInstance, h, g as getElement } from './index-870ab08f.js';
 import { s as sendAnalytics } from './analytics-d99780e3.js';
 
-const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
+const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
 const EdsModalStyle0 = edsModalCss;
 
 const EdsModal = class {
@@ -116,9 +116,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 (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 && (h("div", { key: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (h("div", { key: 'e0f35ad87e3b21b98d8d37640f660f2fd490d748', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999991 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (h("div", { key: 'cd0bc54ff3e25545709c26f19b2a30f838423250', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), h("div", { key: 'd69445a547c27fccc868bee1dae9537e3e4c9d68', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, 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'}` }, h("span", { key: '6a9e5c1cb187e4684b267859f2150f485d6fcced', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), h("div", { key: '150e61106d25a1a0ecf470abf14ac5c5ba836b64', class: "pt-8 px-20 py-20" }, h("slot", { key: '30100f97aa7504023e43b51fc9bebad20097b480' })))));
+            onClick: () => this.close() })), h("div", { key: '314c45094d1f3b7d1b725341a3294fdca9732a26', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, h("div", { key: '8401bca8601d7681d641c04d16a4efe7ba1a4a9f', 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'}` }, h("span", { key: '9a761bf7dc2a97d192a0d280533e6bbcba1871d2', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '631a15d8b010215d68243bcd43ec5c45899474bf', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), h("div", { key: '6718fd42a10f6f861fb910e1b32d42607cf8b7bf', class: "pt-8 px-20 py-20" }, h("slot", { key: 'ac9289dd32dcd985d79c882cddb3203b57f42101' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/eds-pie.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-e84b871c.js';
+import { r as registerInstance, h, H as Host } from './index-870ab08f.js';
 
 const edsPieCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.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)}.text-default{color:var(--black)}.w-8{width:0.5rem}.h-8{height:0.5rem}.mr-4{margin-right:0.25rem}:host{display:block}.wrapper{display:flex;align-items:center;justify-content:center;height:100%}.pie-chart{overflow:visible}.slice-label{font-size:var(--font-size-chart-label);font-weight:var(--font-weight-chart-label);fill:var(--color-text);pointer-events:none}.legend{list-style:none;margin:0;padding:0 0 0 1rem}.legend-item{display:flex;align-items:center;margin-bottom:0.5rem;outline:none}.legend-item:focus{outline:2px dashed var(--color-primary)}.legend-swatch{width:1rem;height:1rem;border-radius:50%;margin-right:0.5rem}.legend-label{font-size:var(--font-size-base);color:var(--color-text)}";
 const EdsPieStyle0 = edsPieCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0rem}.pointer-events-none{pointer-events:none}";
 const EdsProgressBarStyle0 = edsProgressBarCss;
@@ -44,7 +44,7 @@ const EdsProgressBar = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h("div", { key: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: 'a46a83e9086471adde1837e59d909096d59e7882', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '193f2efa8259e7facacba374fff8087e9702c246', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: 'e3454f3507d2a30245671698752a7f0f26baff57', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (h("div", { key: '6a0e7cb42770cecd023f07cd26a3e2716a9c9905', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '854743f0fc1b916ec24c7e657349871f2175fc64', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '74d46ff06e9b41d81563b49c1939a989e32877d5', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: '0c5925f73934b71e96c6d006c4f7b3a21d144b74', class: "text-default f-body-02" }, progressValue, "%"))));
     }
 };
 EdsProgressBar.style = EdsProgressBarStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const edsSectionCoreCss = "";
 const EdsSectionCoreStyle0 = edsSectionCoreCss;
@@ -12,7 +12,7 @@ const EdsSectionCore = class {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (h(TagType, { key: '99f87da56df0ac4b5b28ce721288507beb0cd431' }, h("eds-section-heading", { key: '101137aa9637a95580393a52e7f41d71e8ae8e8b', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '0b6a6131d8e1e2528982571cf7ba617736a34173' })));
+        return (h(TagType, { key: '4765a07e798f1a622c25ec145c31345b27e1815d' }, h("eds-section-heading", { key: 'a320ac532863eaabbc1901ab5d9e9d0c14ae7556', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '8de34d1949c0a7d0d83f977d18d36f435444401d' })));
     }
 };
 EdsSectionCore.style = EdsSectionCoreStyle0;
@@ -42,12 +42,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 (h(TagType, { key: '2af16d4d21378244ba843b619b3fd4f283b3e179', class: {
+        return (h(TagType, { key: '960224968ba731050d2b208a07c1faddc386746b', 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
-            } }, h(HeadingTag, { key: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, h(HeadingTag, { key: 'fc93452bfe1bac130654a187d7d42ee18f273147', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.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)}.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;
@@ -52,7 +52,7 @@ const EdsSocialNetworks = class {
      * Each social network link uses the `eds-link` component with specific classes and styles.
      */
     render() {
-        return (h("nav", { key: '62692c53f820ff5d6569e42af692063ad8918cdd', "aria-label": "Social media" }, h("p", { key: 'a571612ba3c1b669e0145484bec4d480b17c1979', class: "f-ui-02" }, this.heading), h("ul", { key: 'c0cc02cd5eebf16130f7b09fb8f11319695fdccb', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: 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" })))))));
+        return (h("nav", { key: '907adc08d4e02f34994a057146a60b734d6ab81b', "aria-label": "Social media" }, h("p", { key: 'a3620851f2e31d662a812ac74e831f023d2646a4', class: "f-ui-02" }, this.heading), h("ul", { key: 'b8fece03b5ed995a9dba78cf0445a4eb46787bdc', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: 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/esm/eds-splash-screen.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e84b871c.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-870ab08f.js';
 
 const edsSplashScreenCss = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}";
 const EdsSplashScreenStyle0 = edsSplashScreenCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-e84b871c.js';
+import { r as registerInstance, h, g as getElement } from './index-870ab08f.js';
 import { p as parseData } from './sharedUtils-a550989c.js';
 
 const edsTimelineCss = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
@@ -43,7 +43,7 @@ const EdsTimeline = class {
         }
     }
     render() {
-        return (h("div", { key: 'c3362fa23185787a8d5a974f1f53978569e28a63', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '59f85c0ae88876cf891b8fd2852cb15426f05c2a', class: "relative" }, h("div", { key: '89fc0969c72ba183dee530a428d6d1d9421b2764', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: '190262fe1b382ac41fba398d05e640d0db746fe9', class: "space-y-16" }, this.parsedEvents.map((event, index) => (h("div", { class: "relative flex" }, h("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (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 (h("div", { key: '32a281ea95b422dce623838fb46b2baf2362618d', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '8709096bd0e6826888ded5656a68e88a60229927', class: "relative" }, h("div", { key: '41fab313fc2d44e63a5b83b90c24650e8d8de74e', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: '8b386581105a89c677fe374e8248f67bf3ec07cd', class: "space-y-16" }, this.parsedEvents.map((event, index) => (h("div", { class: "relative flex" }, h("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (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) }))), h("div", { class: "flex items-center justify-center relative" }, event.completed ? (h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), h("div", { class: `w-1/2 ${index % 2 !== 0 ? 'pl-4' : ''}` }, index % 2 !== 0 && (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/esm/eds-toast-manager.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-e84b871c.js';
+import { r as registerInstance, h, g as getElement } from './index-870ab08f.js';
 
 class ToastManager {
     constructor() {
@@ -62,7 +62,7 @@ const EdsToastManager = class {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (h("div", { key: '27172b1f3c76ebb460c35ea070eeff330390ed7d', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (h("div", { key: '52a933209ce89505ae72ab7f300fd052d03200ed', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const EdsTrl = class {
     constructor(hostRef) {
@@ -40,7 +40,7 @@ const EdsTrl = class {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (h("div", { key: '42873472d353599cbc2903b00ff03f0f802f1120', class: "container mx-auto px-4 py-8" }, 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" })));
+        return (h("div", { key: 'f83fab1ad31bef37b5239c67e635d26d22714e3f', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: '594b47098606f772f043da8171a11d5dcbb0513f', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e84b871c.js';
+import { r as registerInstance, h } from './index-870ab08f.js';
 
 const primary = [
     {
@@ -39,7 +39,7 @@ const IncorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd09d8204f4369476882f0614e96c07c953b34f54', class: "container" }, h("div", { key: 'a80342ee08961192aa3a664f66406b220cd208ed', class: "mb-8" }, h("eds-alert", { key: '242c9bae130e9a7487412da4f75ab30a2db49335', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'f9d60933f46189f848938a5beb1ca5fadfa84934', class: "flex" }, h("div", { key: 'd7f33f14834c5a97aafbdb447f723e1a20b5e498', class: "w-full" }, h("ul", { key: '0e3b7baf000534530164f373884a6957419539a7', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'd0422452dbb56de94fee33562b07867fb9bfd6ac', class: "w-full" }, h("ul", { key: 'e5daf06bbcec1227ccf03b3f3a8a6016a33c289c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: '9822fa84b1af42bc1f1eb31bae9b60736f27c692', class: "container" }, h("div", { key: 'c67d9626f5ceba5fcde0cb279fb9d15c73166cfb', class: "mb-8" }, h("eds-alert", { key: '898d449b311306781b323968edb0c2d7e03b0d32', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '2409916ecc2de685042d1f93f02d656270457a19', class: "flex" }, h("div", { key: '305965230c45b879c68004ca985f8d6e9b4482ab', class: "w-full" }, h("ul", { key: 'a66a5a76d3d1d7167b0655e7a1af9310655b9881', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'e962b2b3bff48395983243ac2cf877d03ced85b6', class: "w-full" }, h("ul", { key: '38a2b41471334181fc3e70dd7eaf10b957bdaada', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 };
 

package/dist/esm/{index-e84b871c.js → index-870ab08f.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'components';
-const BUILD = /* components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.22.0 | MIT Licensed | https://stenciljs.com
@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'eds-accordion_34':
+                case 'eds-accordion_36':
                     return import(
                       /* webpackMode: "lazy" */
-                      './eds-accordion_34.entry.js').then(processMod, consoleError);
+                      './eds-accordion_36.entry.js').then(processMod, consoleError);
                 case 'components-section':
                     return import(
                       /* webpackMode: "lazy" */
@@ -372,10 +372,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-social-networks.entry.js').then(processMod, consoleError);
-                case 'eds-spinner':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './eds-spinner.entry.js').then(processMod, consoleError);
                 case 'eds-card-desc_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1932,6 +1928,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (elm, flags) => {
+  if (flags & 4 /* TargetDocument */) return doc;
   if (flags & 8 /* TargetWindow */) return win;
   if (flags & 16 /* TargetBody */) return doc.body;
   return elm;