@ebrains/components 2.0.0 → 2.1.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'b6b9e5dd993f9a6b475674cf7d952d68841a1f0c', class: this.class, innerHTML: minus });
+        return h("span", { key: '0e8b57b9ae1a2e53ef6f50948c49b9a9218f66cc', class: this.class, innerHTML: minus });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'aac0251ad6695296eb383d05e4d3fdb953ac2b82', class: this.class, innerHTML: more });
+        return h("span", { key: '5f14cbe4b3ca88f7301c1561c092278b31d04326', class: this.class, innerHTML: more });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '27d2b36f47c4a58e90a4148fbb8568f81eaeb07c', class: this.class, innerHTML: paper });
+        return h("span", { key: 'b19c12426db0068934252c6197ba04789d42f5e2', class: this.class, innerHTML: paper });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '9c4eca2f6cd5919b07694d8ae209d568da9ee8c2', class: this.class, innerHTML: plus });
+        return h("span", { key: '520b8d5a7d45f101ef526432b45e4407446685cd', class: this.class, innerHTML: plus });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '7ab9673d6effd4caa728276e2d6927e3a08e2e9a', class: this.class, innerHTML: portal });
+        return h("span", { key: 'f9b20e12497e199b7f596f4f457167080e81ccd1', class: this.class, innerHTML: portal });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'abd96f1775b99dc252a2b4783c133bc7ab0e07cc', class: this.class, innerHTML: privat });
+        return h("span", { key: 'a342e11087242f9b37365bcbfec2036bd2009c85', class: this.class, innerHTML: privat });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'c681e9c3a2e797225a6b4d7c21260cfbcd7b1a07', class: this.class, innerHTML: pub });
+        return h("span", { key: 'e53f2ac899326e460b27b91772da9d2bee873fb3', class: this.class, innerHTML: pub });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '95fd209db33a21655b248b74933baf775aa6008f', class: this.class, innerHTML: search });
+        return h("span", { key: '6da0ae2a33a1680caecbaa6bbe1313329d32ef7e', class: this.class, innerHTML: search });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '4d66d4107547dc9669a155587e5e9f214525c103', class: this.class, innerHTML: star });
+        return h("span", { key: '4c4243f9e6c5c02a2d70eda34b28efe1ba7c696b', class: this.class, innerHTML: star });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'd8af71df9336e0a1d8763c5f5eea4f19da127785', class: this.class, innerHTML: start });
+        return h("span", { key: 'a788a6ded2b42ad1138be4f74464d4dc08dc485f', class: this.class, innerHTML: start });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'f427b541cef236f90f132b436d3cd617e5a9381c', class: this.class, innerHTML: success });
+        return h("span", { key: '68917ac759cd684a6f3f3f67cb174d7291841070', 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-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'b071c30d25352e18241561760669e099a2f22481', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: 'fb0abd584eb41fcdf76479aa2953da2ed6a9f8ed', 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-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'ccb23aecc8c918e8428b06f9599969868f97d0e4', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: '53bc35a16795640e1fc5ac9a5ddd66015b98adb3', class: this.class, innerHTML: thumbsUp });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '6c73e2842e44f4e921399d2d303818b9c5c4b1a3', class: this.class, innerHTML: tutorial });
+        return h("span", { key: 'bbe35e4b8e341eb54820a661c6a6200e83fd0f3f', class: this.class, innerHTML: tutorial });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'db8fea43b7888da43821083ecc706a16c949932e', class: this.class, innerHTML: twitter });
+        return h("span", { key: 'de551285a98e6e5340769e9d1422acb2e7bc826f', class: this.class, innerHTML: twitter });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'a56cf8519a7969a8a51178a3424e36d4ae7dddbf', class: this.class, innerHTML: unknown });
+        return h("span", { key: 'c102d3ac082dab21cb23a322ded78d607ece10f5', class: this.class, innerHTML: unknown });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '3efe71bda81efa13e277ebfae2d6d6f588964ee5', class: this.class, innerHTML: upDonw });
+        return h("span", { key: 'b2bf11e364727f13859be3c2ed00931ec3379d9d', class: this.class, innerHTML: upDonw });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'd2ab70229b5200b541a91d32ee0b7ea582a5f79d', class: this.class, innerHTML: user });
+        return h("span", { key: '24acd317006255e7a5b29bd70b667c8ca9271f6c', class: this.class, innerHTML: user });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-e84b871c.js';
+import { v as view } from './view-e900f2d4.js';
+
+const EdsIconView = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '652ea6ae2a82611114e71ed2d2422ad579f7ab54', class: this.class, innerHTML: view });
+    }
+};
+
+export { EdsIconView as eds_icon_view };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f', class: this.class, innerHTML: youtube });
+        return h("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: youtube });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-fdb33359.js';
+import { r as registerInstance, h, g as getElement } from './index-e84b871c.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}}";
@@ -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: 'b2b2c3a433049b28ec58dd7ebd0c074597c9e5d4', 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: '839115c4261e68289410b1a3e30eb28597cdae9e', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (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 && (h("div", { key: '34b5dad3a31cd9a66135ce9d93d48215712529b9', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), h("div", { key: 'ffb82ca6bf618a842e5c6c5783caccac0b538f3d', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, h("div", { key: '8bd4b17956d04772ba690fce563aa929195cd3d0', 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: 'dcbdb579245e406d2fc4e4a44fb1828625e1e7aa', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '533c582543fa09ff1d7a7a8a1d1b608eb02d5c72', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), h("div", { key: '8d95e7649c535da3ddb4de5646579f12341a9e10', class: "pt-8 px-20 py-20" }, h("slot", { key: '7b9678ff3cedbef291ea8dea53ef30a96237a60c' })))));
+            onClick: () => this.close() })), h("div", { key: '5268780d170f080404d2c3ab0bb3f355b50895cb', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, 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'}` }, h("span", { key: 'de7ff288945cd6e0a8c97d9c40cf02cc5ba4ea41', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: 'a46dc51081ad99856cfa81ccdf2ab060f644c7cb', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), h("div", { key: '45557580b90ae4f5d176eaa4805ce527d6e59eec', class: "pt-8 px-20 py-20" }, h("slot", { key: 'b67c888a32c615c5073768ec3cd4e342a34a84c6' })))));
     }
     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-fdb33359.js';
+import { r as registerInstance, h, H as Host } from './index-e84b871c.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-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '8406651d280d0a7f55ac627aa08fed80ff01028e', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '0b784248450d7766879be03a2e1f83484090da2c', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '421253aa1f8dd3ea83936452607c4bcd49f47eb3', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: 'ae649fcb7ed22741f3fedd129f0c0cb41254b721', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (h("div", { key: '2a620231eaa84ba7e89e05da48175624fdc92d31', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '660e2c84ad358c0de1d9548b730308505e79bcd6', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '4d0fa2a209d315b658f80906b95a0bf255c82c78', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: '0d423e16659d84b2d050f7d60ced4aefeeef9022', 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-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: 'b3469cabf7e1a59c7908f5440b76d0c3bed0395d' }, h("eds-section-heading", { key: '38e11acb4b491579573bee449680776d3ec23de3', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '133fc1150fb7e300544388adc673c1446b36ac39' })));
+        return (h(TagType, { key: 'b77b5af1c6f3acbc2696a9608b55199ed4110d71' }, h("eds-section-heading", { key: '464dd4c67d69d1ef3ed1d932081c3195a2b51503', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: 'b5dbd4f55aee2df3bcbc44e21a134544ffd733f7' })));
     }
 };
 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: '1b819df75c9d61eebe7d11b9116dba7278a34d91', class: {
+        return (h(TagType, { key: '4ae69ea354156a0e35a8884a63d7556ead8ada24', 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: '8f99c7c15982f9190117f8eb71725af66afd0741', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, h(HeadingTag, { key: 'a3549fb733687c3ff31f17bdc362275eb0b29e31', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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 EdsSocialNetworksStyle0 = edsSocialNetworksCss;
@@ -54,7 +54,7 @@ const EdsSocialNetworks = class {
      * @returns {JSX.Element} The rendered JSX for the component.
      */
     render() {
-        return (h("div", { key: '7bd6202c426d23ded6af47b26e025f2d1b42904a' }, h("p", { key: '0c66f58474ff55cc06bd9f3f15f3deb251c9fb87', class: "f-ui-02" }, this.heading), h("ul", { key: '3e082ae50c77e2d8612b823aa3e474672d65d42f', 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": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (h("div", { key: '7241de6d0a20687523e17a4455dff1dfac59a191' }, h("p", { key: '8292c0dde1b3518ada53dddc2ea0134ff3035e83', class: "f-ui-02" }, this.heading), h("ul", { key: 'b30922e6d1f51a52300c889464824fafad775f74', 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": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
 };
 EdsSocialNetworks.style = EdsSocialNetworksStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fdb33359.js';
+import { r as registerInstance, h, H as Host } from './index-e84b871c.js';
 
 const edsSpinnerCss = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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)}";
 const EdsSpinnerStyle0 = edsSpinnerCss;
@@ -76,7 +76,7 @@ const EdsSpinner = class {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (h(Host, { key: 'b2ba16cd90ebf036143f6ab52b996497464814c1' }, h("div", { key: 'f619fb03d0364ae7032931559d591fab6ad40123', class: "spinner-overlay", style: overlayStyle }, h("span", { key: '7c1e397ab319de1f67320e3836225e3733a483fd', class: "spinner", style: spinnerStyle }), this.message && h("p", { key: 'ddf6e08c8d2d00f114f815bab28b06c19a56cd6d', class: "f-body-01" }, this.message))));
+        return (h(Host, { key: 'cbf9cead7c7c6bc5314c074f7249c920eb60d326' }, h("div", { key: 'd22c71a76af3f53c649e547538e0f1627cd9ecd0', class: "spinner-overlay", style: overlayStyle }, h("span", { key: '83b42f7ee9ba4d356bd82097989b8be1db8a8ef9', class: "spinner", style: spinnerStyle }), this.message && h("p", { key: '0a2c4efe46b8f86a037d29de699534441bf7585e', class: "f-body-01" }, this.message))));
     }
 };
 EdsSpinner.style = EdsSpinnerStyle0;

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-fdb33359.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-e84b871c.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-fdb33359.js';
+import { r as registerInstance, h, g as getElement } from './index-e84b871c.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: '58f12a81691ac711c82aa0db5786101cecadf7eb', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '9b9d5e83a7f9c93850b95590dda1ba38eef56131', class: "relative" }, h("div", { key: 'fd97d75bb70cbe629310e73f2017f3f188b3160a', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: 'c69f1e3755fadfa9234f51a5d9b3196f339164f5', 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: '3abe8b96a25fa575acc503eafa345c63b0c4c971', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '23039a03d10a38aa96310be6456283b5d36041e7', class: "relative" }, h("div", { key: '2bf447e7dd77a33b953ee1c7b49c72bb3e79a938', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: 'db44af20a0e09666b402e77ec739262a3506da48', 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-fdb33359.js';
+import { r as registerInstance, h, g as getElement } from './index-e84b871c.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: '5724dea66c7025b67571699860af8ff1c318ef48', 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: '85027aad9484f391686c4126e984a84e8045511c', 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-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-fdb33359.js';
+import { r as registerInstance, h, g as getElement } from './index-e84b871c.js';
 import { s as sendAnalytics } from './analytics-d99780e3.js';
 
 const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.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))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}";
@@ -21,7 +21,7 @@ const EdsTooltip = class {
     }
     render() {
         const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (h("div", { key: 'cacea6fc1f32c6d9bef2288f9e30744cf2dacc9a', class: "relative w-full inline-block group" }, h("slot", { key: '19862715e9575583caa7cc3f818294e43196d305' }), h("div", { key: '35fa38cf5993498d61a6941a6c11204e5e66a7d5', class: `absolute ${positionClass}
+        return (h("div", { key: 'ee76b787881bdaef986b73fb2775c900a8c33d05', class: "relative w-full inline-block group" }, h("slot", { key: 'a5f9ade50e829efab02ef28ecff3edeedae9d469' }), h("div", { key: '31bdc63d6263090578f6600ae32027c2b050b2bf', class: `absolute ${positionClass}
             rounded-xs bg-strongest text-inverse 
             f-ui-03-light pointer-events-none 
             z-10 p-4 opacity-0 transition-opacity duration-150 ease-in-out

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.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: '0fe3bb33948017691e8d0d10a7b1f75881a9c2e8', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: 'f45942902dec74d57cd4d2aee7643c809263abb9', "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: '51e2ef0877ef34a3c413d8bb690d659525845a92', class: "container mx-auto px-4 py-8" }, 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" })));
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-fdb33359.js';
+import { r as registerInstance, h } from './index-e84b871c.js';
 
 const primary = [
     {
@@ -39,7 +39,7 @@ const IncorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'b427fbd92f4f89e62f36580788385d16f7f5ee4b', class: "container" }, h("div", { key: 'e17b8667edf995fa38982db1fd2dd3e32e3d8ade', class: "mb-8" }, h("eds-alert", { key: '6fc136da4684f38d95031e35ada158955ea7a776', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '2848ccb3f69d6eb0bbe644e5620615f475d00b63', class: "flex" }, h("div", { key: '8ab6a087dec45752a3dd31942f6d8595ea52c0fd', class: "w-full" }, h("ul", { key: '2b0d87c54641831b7b9c77af791fb95837061488', 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: '1748b5ef933d36eaa630dcf892451cf165d91156', class: "w-full" }, h("ul", { key: 'cabcc252675bde368e5d884c870bee4e11a1a7a5', 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: '99f72ce6be806d58cdbe053d86a07e7769e7c298', class: "container" }, h("div", { key: '4689bc35f56681d07747158f45bed8960bd764bb', class: "mb-8" }, h("eds-alert", { key: 'bda983921ff3779dc947d13ff7b3c4f0509154ea', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'ef02b05fb6fb761cae3cc5120478d9670ae65508', class: "flex" }, h("div", { key: '968ccc8bc1acec2856325c921d737f0ac2d0e26d', class: "w-full" }, h("ul", { key: 'aafe0547a6f6185216cf5ba08cca1e5ed97f7fb8', 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: 'f8af94ee21c7ed37b177fa3b5285e9bfe76e8e46', class: "w-full" }, h("ul", { key: 'ef52e37263e0bfda9d631f7aa6abe2074cbebe78', 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 } })))))))));
     }
 };