@ebrains/components 2.0.0 → 2.2.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const eu = require('./eu-b9665157.js');
 
 const EdsIconEu = class {
@@ -11,7 +11,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'f285a58f6160d72d82781e80c710ac262af20b89', class: this.class, innerHTML: eu.euSvg });
+        return index.h("span", { key: '89fde5fbed839d6fdedc0399bf1475abf22d205d', class: this.class, innerHTML: eu.euSvg });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const arrowDiagonalBlack = require('./arrow-diagonal-black-0eb8640e.js');
 
 const EdsIconExternal = class {
@@ -11,7 +11,7 @@ const EdsIconExternal = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'd1cee641d0c95e84d9dc805b46aa8d83874b87ee', class: this.class, innerHTML: arrowDiagonalBlack.arrowDiagonal });
+        return index.h("span", { key: '1abc7edbab033c99ffaede9ebe0f210849fe8d61', class: this.class, innerHTML: arrowDiagonalBlack.arrowDiagonal });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const facebook = require('./facebook-7aa65e57.js');
 
 const EdsIconFacebook = class {
@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'b8c843449dec1ab159280e66e009311735ec8895', class: this.class, innerHTML: facebook.facebook });
+        return index.h("span", { key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873', class: this.class, innerHTML: facebook.facebook });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const mono = require('./mono-2f3cd653.js');
 
 const EdsIconGitlab = class {
@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '5366b40ab629556c1c68128a216aec5a0bdf6974', class: this.class, innerHTML: mono.gitlabBlack });
+        return index.h("span", { key: 'b35f2e94d903549d867579f2e008c323a441019c', class: this.class, innerHTML: mono.gitlabBlack });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const linkedin = require('./linkedin-46b0dd56.js');
 
 const EdsIconLinkedin = class {
@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'e9f71cb0a1a20d87a617df568bdc37d248a1cdc8', class: this.class, innerHTML: linkedin.linkedin });
+        return index.h("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: linkedin.linkedin });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const loader = require('./loader-72f9d178.js');
 
 const EdsIconLoader = class {
@@ -11,7 +11,7 @@ const EdsIconLoader = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '85bcc5308536901f4892e1bba6238be45f7036bf', class: this.class, innerHTML: loader.loader });
+        return index.h("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: loader.loader });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const mastodon = require('./mastodon-20c5bb7d.js');
 
 const EdsIconMastodon = class {
@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'f5c6dcd896a1daa487ef1b05f3854157d9015b67', class: this.class, innerHTML: mastodon.mastodon });
+        return index.h("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: mastodon.mastodon });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const menu = require('./menu-7050a6d1.js');
 
 const EdsIconMenu = class {
@@ -11,7 +11,7 @@ const EdsIconMenu = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'c510b51f8d67e1a94a56cd6482cc1af5d4b6b117', class: this.class, innerHTML: menu.menu });
+        return index.h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: menu.menu });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const minus = require('./minus-1da6a98a.js');
 
 const EdsIconMinus = class {
@@ -11,7 +11,7 @@ const EdsIconMinus = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'b6b9e5dd993f9a6b475674cf7d952d68841a1f0c', class: this.class, innerHTML: minus.minus });
+        return index.h("span", { key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3', class: this.class, innerHTML: minus.minus });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const more = require('./more-1d3dd8bc.js');
 
 const EdsIconMore = class {
@@ -11,7 +11,7 @@ const EdsIconMore = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'aac0251ad6695296eb383d05e4d3fdb953ac2b82', class: this.class, innerHTML: more.more });
+        return index.h("span", { key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb', class: this.class, innerHTML: more.more });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const paper = require('./paper-0d6302f6.js');
 
 const EdsIconPaper = class {
@@ -11,7 +11,7 @@ const EdsIconPaper = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '27d2b36f47c4a58e90a4148fbb8568f81eaeb07c', class: this.class, innerHTML: paper.paper });
+        return index.h("span", { key: 'eaa676b09d81da31b600a910b99b416c1a5420d3', class: this.class, innerHTML: paper.paper });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const plus = require('./plus-d0e00ad0.js');
 
 const EdsIconPlus = class {
@@ -11,7 +11,7 @@ const EdsIconPlus = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '9c4eca2f6cd5919b07694d8ae209d568da9ee8c2', class: this.class, innerHTML: plus.plus });
+        return index.h("span", { key: '825957824697ceeec9d6f81007c4dd1dfc208b28', class: this.class, innerHTML: plus.plus });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const portal = require('./portal-46212559.js');
 
 const EdsIconPortal = class {
@@ -11,7 +11,7 @@ const EdsIconPortal = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '7ab9673d6effd4caa728276e2d6927e3a08e2e9a', class: this.class, innerHTML: portal.portal });
+        return index.h("span", { key: '4c557c9fe9168f361c55aae7a7c6874d78ec620d', class: this.class, innerHTML: portal.portal });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const _private = require('./private-38835fe7.js');
 
 const EdsIconPrivate = class {
@@ -11,7 +11,7 @@ const EdsIconPrivate = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'abd96f1775b99dc252a2b4783c133bc7ab0e07cc', class: this.class, innerHTML: _private.privat });
+        return index.h("span", { key: 'fe423636431e96ce42d0b8236b04c11c92633a18', class: this.class, innerHTML: _private.privat });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const _public = require('./public-b519b1f6.js');
 
 const EdsIconPublic = class {
@@ -11,7 +11,7 @@ const EdsIconPublic = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'c681e9c3a2e797225a6b4d7c21260cfbcd7b1a07', class: this.class, innerHTML: _public.pub });
+        return index.h("span", { key: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918', class: this.class, innerHTML: _public.pub });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const search = require('./search-5533d877.js');
 
 const EdsIconSearch = class {
@@ -11,7 +11,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '95fd209db33a21655b248b74933baf775aa6008f', class: this.class, innerHTML: search.search });
+        return index.h("span", { key: 'c788833c6a51e489ca432697a9c46d9b5756a519', class: this.class, innerHTML: search.search });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const star = require('./star-942eee9f.js');
 
 const EdsIconStar = class {
@@ -11,7 +11,7 @@ const EdsIconStar = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '4d66d4107547dc9669a155587e5e9f214525c103', class: this.class, innerHTML: star.star });
+        return index.h("span", { key: '297e73664320032b2f78dd3c43aa0852545c0723', class: this.class, innerHTML: star.star });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const start = require('./start-c0ccfddd.js');
 
 const EdsIconStart = class {
@@ -11,7 +11,7 @@ const EdsIconStart = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'd8af71df9336e0a1d8763c5f5eea4f19da127785', class: this.class, innerHTML: start.start });
+        return index.h("span", { key: '360d1178d8f9f8485718f5ab1ed823ac16be2987', class: this.class, innerHTML: start.start });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const success = require('./success-ef661a11.js');
 
 const EdsIconSuccess = class {
@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'f427b541cef236f90f132b436d3cd617e5a9381c', class: this.class, innerHTML: success.success });
+        return index.h("span", { key: '281f7141b6b45b60e8f11f85430af0cd8364d91f', class: this.class, innerHTML: success.success });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const thumbsDown = require('./thumbs-down-714036b1.js');
 
 const EdsIconThumbsDown = class {
@@ -11,7 +11,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'b071c30d25352e18241561760669e099a2f22481', class: this.class, innerHTML: thumbsDown.thumbsDown });
+        return index.h("span", { key: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d', class: this.class, innerHTML: thumbsDown.thumbsDown });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const thumbsUp = require('./thumbs-up-411babb8.js');
 
 const EdsIconThumbsUp = class {
@@ -11,7 +11,7 @@ const EdsIconThumbsUp = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'ccb23aecc8c918e8428b06f9599969868f97d0e4', class: this.class, innerHTML: thumbsUp.thumbsUp });
+        return index.h("span", { key: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb', class: this.class, innerHTML: thumbsUp.thumbsUp });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const tutotial = require('./tutotial-7855df3c.js');
 
 const EdsIconTutorial = class {
@@ -11,7 +11,7 @@ const EdsIconTutorial = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '6c73e2842e44f4e921399d2d303818b9c5c4b1a3', class: this.class, innerHTML: tutotial.tutorial });
+        return index.h("span", { key: 'f7457ee049fe477b51776527b58d459312c52cf4', class: this.class, innerHTML: tutotial.tutorial });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const twitter = require('./twitter-73956e9a.js');
 
 const EdsIconTwitter = class {
@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'db8fea43b7888da43821083ecc706a16c949932e', class: this.class, innerHTML: twitter.twitter });
+        return index.h("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: twitter.twitter });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const unknown = require('./unknown-6814e551.js');
 
 const EdsIconUnknown = class {
@@ -11,7 +11,7 @@ const EdsIconUnknown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'a56cf8519a7969a8a51178a3424e36d4ae7dddbf', class: this.class, innerHTML: unknown.unknown });
+        return index.h("span", { key: '3b2750a85a74227efe458ceaa2d0995ab0c472b3', class: this.class, innerHTML: unknown.unknown });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const upAndDown = require('./up-and-down-d71df67d.js');
 
 const EdsIconUpdown = class {
@@ -11,7 +11,7 @@ const EdsIconUpdown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '3efe71bda81efa13e277ebfae2d6d6f588964ee5', class: this.class, innerHTML: upAndDown.upDonw });
+        return index.h("span", { key: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37', class: this.class, innerHTML: upAndDown.upDonw });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const user = require('./user-a3c2230f.js');
 
 const EdsIconUser = class {
@@ -11,7 +11,7 @@ const EdsIconUser = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'd2ab70229b5200b541a91d32ee0b7ea582a5f79d', class: this.class, innerHTML: user.user });
+        return index.h("span", { key: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c', class: this.class, innerHTML: user.user });
     }
 };
 

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0249a32e.js');
+const view = require('./view-80d5c6c8.js');
+
+const EdsIconView = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return index.h("span", { key: 'af0fae74516d7f51af3616aa09c16b80b603504f', class: this.class, innerHTML: view.view });
+    }
+};
+
+exports.eds_icon_view = EdsIconView;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const youtube = require('./youtube-c238a461.js');
 
 const EdsIconYoutube = class {
@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f', class: this.class, innerHTML: youtube.youtube });
+        return index.h("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: youtube.youtube });
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 const analytics = require('./analytics-28713bf7.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}}";
@@ -120,9 +120,9 @@ const EdsModal = class {
     render() {
         // Generate a unique id for the title so we can reference it for aria-labelledby.
         const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (index.h("div", { key: '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 && (index.h("div", { key: '839115c4261e68289410b1a3e30eb28597cdae9e', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (index.h("div", { key: '29700a7b84c8728c11232aaaa526638dc6cd3156', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), index.h("div", { key: 'ffb82ca6bf618a842e5c6c5783caccac0b538f3d', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.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'}` }, index.h("span", { key: 'dcbdb579245e406d2fc4e4a44fb1828625e1e7aa', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '533c582543fa09ff1d7a7a8a1d1b608eb02d5c72', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: '8d95e7649c535da3ddb4de5646579f12341a9e10', class: "pt-8 px-20 py-20" }, index.h("slot", { key: '7b9678ff3cedbef291ea8dea53ef30a96237a60c' })))));
+            onClick: () => this.close() })), index.h("div", { key: 'd69445a547c27fccc868bee1dae9537e3e4c9d68', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: 'e4d3ddcadf49051ebb0fe5c1d12d40f8992a5549', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, index.h("span", { key: '6a9e5c1cb187e4684b267859f2150f485d6fcced', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: '150e61106d25a1a0ecf470abf14ac5c5ba836b64', class: "pt-8 px-20 py-20" }, index.h("slot", { key: '30100f97aa7504023e43b51fc9bebad20097b480' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.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/cjs/eds-progress-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.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;
@@ -48,7 +48,7 @@ const EdsProgressBar = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h("div", { key: '8406651d280d0a7f55ac627aa08fed80ff01028e', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, index.h("div", { key: '0b784248450d7766879be03a2e1f83484090da2c', class: fillClasses, style: { width: `${progressValue}%` } }), index.h("div", { key: '421253aa1f8dd3ea83936452607c4bcd49f47eb3', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, index.h("span", { key: 'ae649fcb7ed22741f3fedd129f0c0cb41254b721', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (index.h("div", { key: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, index.h("div", { key: 'a46a83e9086471adde1837e59d909096d59e7882', class: fillClasses, style: { width: `${progressValue}%` } }), index.h("div", { key: '193f2efa8259e7facacba374fff8087e9702c246', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, index.h("span", { key: 'e3454f3507d2a30245671698752a7f0f26baff57', class: "text-default f-body-02" }, progressValue, "%"))));
     }
 };
 EdsProgressBar.style = EdsProgressBarStyle0;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88c8039f.js');
+const index = require('./index-0249a32e.js');
 
 const edsSectionCoreCss = "";
 const EdsSectionCoreStyle0 = edsSectionCoreCss;
@@ -16,7 +16,7 @@ const EdsSectionCore = class {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (index.h(TagType, { key: 'b3469cabf7e1a59c7908f5440b76d0c3bed0395d' }, index.h("eds-section-heading", { key: '38e11acb4b491579573bee449680776d3ec23de3', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '133fc1150fb7e300544388adc673c1446b36ac39' })));
+        return (index.h(TagType, { key: '99f87da56df0ac4b5b28ce721288507beb0cd431' }, index.h("eds-section-heading", { key: '101137aa9637a95580393a52e7f41d71e8ae8e8b', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '0b6a6131d8e1e2528982571cf7ba617736a34173' })));
     }
 };
 EdsSectionCore.style = EdsSectionCoreStyle0;
@@ -46,12 +46,12 @@ const EdsSectionHeading = class {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (index.h(TagType, { key: '1b819df75c9d61eebe7d11b9116dba7278a34d91', class: {
+        return (index.h(TagType, { key: '2af16d4d21378244ba843b619b3fd4f283b3e179', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, index.h(HeadingTag, { key: '8f99c7c15982f9190117f8eb71725af66afd0741', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, index.h(HeadingTag, { key: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };