@ebrains/react 1.4.0 → 2.0.0

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

@@ -11,7 +11,7 @@ const EdsIconPrivate = class {
   }
   render() {
     return h("span", {
-      key: '9466d1ce37e58f512579d63ec5049cc58e8b9836',
+      key: 'abd96f1775b99dc252a2b4783c133bc7ab0e07cc',
       class: this.class,
       innerHTML: privat
     });

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

@@ -11,7 +11,7 @@ const EdsIconPublic = class {
   }
   render() {
     return h("span", {
-      key: 'e4815b72c160ae98d66dbfa877f82f1d2f7c50b3',
+      key: 'c681e9c3a2e797225a6b4d7c21260cfbcd7b1a07',
       class: this.class,
       innerHTML: pub
     });

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { s as start } from './start-65126a4f.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconStart = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'd8af71df9336e0a1d8763c5f5eea4f19da127785',
+      class: this.class,
+      innerHTML: start
+    });
+  }
+};
+
+export { EdsIconStart as eds_icon_start };

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

@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
   }
   render() {
     return h("span", {
-      key: 'd78b06493302958306d408d823f4a7703d9b9adc',
+      key: 'f427b541cef236f90f132b436d3cd617e5a9381c',
       class: this.class,
       innerHTML: success
     });

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

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

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

@@ -11,7 +11,7 @@ const EdsIconThumbsUp = class {
   }
   render() {
     return h("span", {
-      key: '5f5198ad92684dc173d603499b485e7d0ca8811b',
+      key: 'ccb23aecc8c918e8428b06f9599969868f97d0e4',
       class: this.class,
       innerHTML: thumbsUp
     });

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

@@ -11,7 +11,7 @@ const EdsIconTutorial = class {
   }
   render() {
     return h("span", {
-      key: '8be08569144889cca6f801cdd31e4cc31fdc11e5',
+      key: '6c73e2842e44f4e921399d2d303818b9c5c4b1a3',
       class: this.class,
       innerHTML: tutorial
     });

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

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

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

@@ -11,7 +11,7 @@ const EdsIconUnknown = class {
   }
   render() {
     return h("span", {
-      key: '449cd62f697607ebb17bed06835ee9529d7e8999',
+      key: 'a56cf8519a7969a8a51178a3424e36d4ae7dddbf',
       class: this.class,
       innerHTML: unknown
     });

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

@@ -11,7 +11,7 @@ const EdsIconUpdown = class {
   }
   render() {
     return h("span", {
-      key: '5b0e914205c9f3fb5e216e0ccb16e350a4449c02',
+      key: '3efe71bda81efa13e277ebfae2d6d6f588964ee5',
       class: this.class,
       innerHTML: upDonw
     });

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

@@ -11,7 +11,7 @@ const EdsIconUser = class {
   }
   render() {
     return h("span", {
-      key: '297e73664320032b2f78dd3c43aa0852545c0723',
+      key: 'd2ab70229b5200b541a91d32ee0b7ea582a5f79d',
       class: this.class,
       innerHTML: user
     });

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

@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
   }
   render() {
     return h("span", {
-      key: '0a6abd6b62e24c07b4338f0f1f6febbec876791f',
+      key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f',
       class: this.class,
       innerHTML: youtube
     });

package/eds-modal.entry.esm.js

@@ -0,0 +1,150 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+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 EdsModalStyle0 = edsModalCss;
+const EdsModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.heading = '';
+    this.truncate = 1;
+    this.position = 'middle';
+    this.inverseHeader = false;
+    this.isOpen = false;
+  }
+  getTruncateClass() {
+    return this.truncate ? `line-clamp-${this.truncate}` : '';
+  }
+  /**
+   * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
+   *
+   * @private
+   * @returns {string} The concatenated CSS classes for modal positioning.
+   */
+  getModalPositionClasses() {
+    switch (this.position) {
+      case 'top':
+        return [
+        // mobile: pinned to top, full-width
+        'top-0', 'left-0', 'w-full',
+        // desktop: half-width centred and offset down
+        'md:left-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:top-20'].join(' ');
+      case 'bottom':
+        return ['bottom-0', 'left-0', 'w-full', 'md:left-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:bottom-20'].join(' ');
+      /*case 'left':
+        …
+      case 'right':
+        …*/
+      case 'middle':
+      default:
+        return [
+        // mobile: full-width, start from top with a little padding
+        'top-0', 'left-0', 'w-full', 'pt-4',
+        // desktop: centred both axes
+        'md:left-1/2', 'md:top-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:-translate-y-1/2'].join(' ');
+    }
+  }
+  /**
+   * Opens the modal.
+   */
+  async open() {
+    var _a;
+    this.isOpen = true;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'opened'
+    });
+  }
+  /**
+   * Closes the modal.
+   */
+  async close() {
+    var _a;
+    this.isOpen = false;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'closed'
+    });
+  }
+  /**
+   * Toggles the modal open or closed.
+   */
+  async toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  /**
+   * Listens for global custom events to open the modal.
+   */
+  handleGlobalOpen() {
+    this.open();
+  }
+  /**
+   * Listens for global custom events to close the modal.
+   */
+  handleGlobalClose() {
+    this.close();
+  }
+  /**
+   * Closes the modal when the Escape key is pressed.
+   */
+  handleKeyDown(event) {
+    if (this.isOpen && event.key === 'Escape') {
+      this.close();
+    }
+  }
+  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
+      ,
+
+      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'
+    }))));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsModal.style = EdsModalStyle0;
+
+export { EdsModal as eds_modal };

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

@@ -25,7 +25,7 @@ const EdsProgressBar = class {
     // Fill bar classes (conditionally rounded only when >0)
     const fillClasses = ['inner', 'h-full', 'transition-all', 'duration-300', 'bg-accent', progressValue > 0 && this.rounded ? 'rounded-lg' : '', 'z-0'].filter(Boolean).join(' ');
     return h("div", {
-      key: '4d1905ce42ee1b539519c8bdbcc9cf8d8aad9f03',
+      key: '8406651d280d0a7f55ac627aa08fed80ff01028e',
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
       "aria-valuetext": `${progressValue}%`,
       class: outerClasses
     }, h("div", {
-      key: '7feec42063d2111f68e9957e1b5ca5550df284d0',
+      key: '0b784248450d7766879be03a2e1f83484090da2c',
       class: fillClasses,
       style: {
         width: `${progressValue}%`
       }
     }), h("div", {
-      key: '13ab32e048f0b9e68e8bef96775b5204b653ed95',
+      key: '421253aa1f8dd3ea83936452607c4bcd49f47eb3',
       class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
     }, h("span", {
-      key: 'e46641bd65faf5ae4fb3a3c0542d312c9e9f1565',
+      key: 'ae649fcb7ed22741f3fedd129f0c0cb41254b721',
       class: "text-default f-body-02"
     }, progressValue, "%")));
   }

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

@@ -15,13 +15,13 @@ const EdsSectionCore = class {
   render() {
     const TagType = this.tag; // Set dynamic tag type (div or section)
     return h(TagType, {
-      key: '0593fd387e636b25fd817a985db481b654ef169b'
+      key: 'b3469cabf7e1a59c7908f5440b76d0c3bed0395d'
     }, h("eds-section-heading", {
-      key: '98805f9d6bdeb1a10f351d6d8277e7fb877b0e63',
+      key: '38e11acb4b491579573bee449680776d3ec23de3',
       headingLevel: this.headingLevel,
       sectionTitle: this.sectionTitle
     }), h("slot", {
-      key: '6432856b8bf5f311a42406f4c6126982b2e05cf1'
+      key: '133fc1150fb7e300544388adc673c1446b36ac39'
     }));
   }
 };
@@ -52,7 +52,7 @@ const EdsSectionHeading = class {
     const TagType = this.tag; // Dynamically set tag type for the container
     const HeadingTag = this.headingLevel; // Dynamically set heading level
     return h(TagType, {
-      key: '4fa6ecdd941eb943faa7311e94d9b67b63273414',
+      key: '1b819df75c9d61eebe7d11b9116dba7278a34d91',
       class: {
         'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
         container: this.withContainer,
@@ -60,7 +60,7 @@ const EdsSectionHeading = class {
         'pt-28': !this.spacingLarge
       }
     }, h(HeadingTag, {
-      key: '945d7d615601806d670ab666971bc6b07e1f442c',
+      key: '8f99c7c15982f9190117f8eb71725af66afd0741',
       class: this.getHeadingClass()
     }, this.sectionTitle));
   }

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

@@ -0,0 +1,74 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+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;
+const EdsSocialNetworks = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Array of social network objects, each containing label, URL, and icon.
+     * These are used to render the social network links.
+     *
+     * @private
+     * @type {SocialNetworks[]}
+     */
+    this.socialNetworks = [{
+      label: 'Twitter',
+      url: 'https://twitter.com/ebrains_eu',
+      icon: 'twitter'
+    }, {
+      label: 'Linkedin',
+      url: 'https://www.linkedin.com/company/ebrains-eu/about/',
+      icon: 'linkedin'
+    }, {
+      label: 'Facebook',
+      url: 'https://www.facebook.com/people/Ebrains_eu/100046659909324/',
+      icon: 'facebook'
+    }, {
+      label: 'Youtube',
+      url: 'https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ',
+      icon: 'youtube'
+    }, {
+      label: 'Mastodon',
+      url: 'https://mastodon.social/@ebrains',
+      icon: 'mastodon'
+    }, {
+      label: 'Bluesky',
+      url: 'https://bsky.app/profile/ebrains.bsky.social',
+      icon: 'bluesky'
+    }];
+    this.heading = 'Follow EBRAINS to keep up-to-date';
+  }
+  /**
+   * Renders the component's HTML structure with links to EBRAINS social profiles.
+   * Each social network link uses the `eds-link` component with specific classes and styles.
+   *
+   * @returns {JSX.Element} The rendered JSX for the component.
+   */
+  render() {
+    return 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"
+    })))));
+  }
+};
+EdsSocialNetworks.style = EdsSocialNetworksStyle0;
+
+export { EdsSocialNetworks as eds_social_networks };

package/eds-spinner.entry.esm.js

@@ -3,24 +3,56 @@ import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
 
-const edsSpinnerCss = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}";
+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;
 const EdsSpinner = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.size = '1rem';
-    this.thickness = '10px';
-    this.borderColor = 'var(--grey-400)';
-    this.bottomColor = 'var(--grey-900)';
+    this.size = 'md';
+    this.variant = 'secondary';
+    this.message = undefined;
     this.background = 'var(--grey-200)';
     this.fullscreen = false;
   }
+  get spinnerSize() {
+    switch (this.size) {
+      case 'xs':
+        return '1rem';
+      case 'sm':
+        return '4rem';
+      case 'lg':
+        return '8rem';
+      case 'xl':
+        return '10rem';
+      case 'md':
+      default:
+        return '6rem';
+    }
+  }
+  get spinnerThickness() {
+    switch (this.size) {
+      case 'xs':
+        return '4px';
+      case 'sm':
+        return '8px';
+      case 'lg':
+        return '16px';
+      case 'xl':
+        return '20px';
+      case 'md':
+      default:
+        return '12px';
+    }
+  }
   render() {
+    // derive colors from variant
+    const borderColor = this.variant === 'primary' ? 'var(--grey-900)' : 'var(--grey-400)';
+    const bottomColor = this.variant === 'primary' ? 'var(--green-400)' : 'var(--grey-900)';
     const spinnerStyle = Object.assign({
-      width: this.size,
-      height: this.size,
-      border: `${this.thickness} solid ${this.borderColor}`,
-      borderBottomColor: this.bottomColor
+      width: this.spinnerSize,
+      height: this.spinnerSize,
+      border: `${this.spinnerThickness} solid ${borderColor}`,
+      borderBottomColor: bottomColor
     }, !this.fullscreen && {
       display: 'inline-block'
     });
@@ -35,6 +67,7 @@ const EdsSpinner = class {
       zIndex: '9999999',
       backgroundColor: this.background,
       display: 'flex',
+      flexDirection: 'column',
       alignItems: 'center',
       justifyContent: 'center'
     } : {
@@ -43,23 +76,27 @@ const EdsSpinner = class {
       left: '0',
       width: '100%',
       height: '100%',
-      zIndex: '1000',
+      //zIndex: '1000',
       backgroundColor: this.background,
       display: 'flex',
+      flexDirection: 'column',
       alignItems: 'center',
       justifyContent: 'center'
     };
     return h(Host, {
-      key: '7f8e9654757478a1b5298d133739d955dbf9a15f'
+      key: 'b2ba16cd90ebf036143f6ab52b996497464814c1'
     }, h("div", {
-      key: '245e9e61a19c1cdff34ab8b9f70b7e69f1a229f7',
+      key: 'f619fb03d0364ae7032931559d591fab6ad40123',
       class: "spinner-overlay",
       style: overlayStyle
     }, h("span", {
-      key: 'e8befeaef6af66d45e3c3b20042a3f626754cfc5',
+      key: '7c1e397ab319de1f67320e3836225e3733a483fd',
       class: "spinner",
       style: spinnerStyle
-    })));
+    }), this.message && h("p", {
+      key: 'ddf6e08c8d2d00f114f815bab28b06c19a56cd6d',
+      class: "f-body-01"
+    }, this.message)));
   }
 };
 EdsSpinner.style = EdsSpinnerStyle0;

package/eds-splash-screen.entry.esm.js

@@ -68,10 +68,7 @@ const EdsSplashScreen = class {
     })), h("div", {
       class: "content-container"
     }, h("eds-spinner", {
-      size: "1rem",
-      thickness: "3px",
-      "border-color": "var(--grey-400)",
-      "bottom-color": "var(--grey-900)",
+      size: "xs",
       background: "none",
       fullscreen: false
     }))));

package/eds-switch.entry.esm.js

@@ -15,7 +15,9 @@ const EdsSwitch = class {
         return;
       }
       this.checked = !this.checked;
-      this.uiswitch.emit(this.checked);
+      this.uiswitch.emit({
+        value: this.checked
+      });
       sendAnalytics({
         category: 'ui-component',
         tag: this.el.tagName.toLowerCase(),
@@ -32,13 +34,13 @@ const EdsSwitch = class {
     // Compute an accessible name based on state.
     const accessibleLabel = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : 'Toggle switch';
     return h("div", {
-      key: 'f2c3cd27a317b64ac05b5b2841f87827ff9f18fc',
+      key: '1de6f7afd451f5d0276b62ef7bbf817f132e4440',
       class: "switch-container"
     }, this.labelOff && h("span", {
-      key: '08e47e239c5a6de0440b731589fd5f365919df24',
+      key: 'd2d1017d7d26537eb2e65fa74b1f86453edc93d2',
       class: "switch-label switch-label--off mr-8"
     }, this.labelOff), h("button", {
-      key: 'd731fa56f93b67daaeaac22c1080a7171360525c',
+      key: 'ade3ba909f5744a2b87238da52fcc33f600721cf',
       type: "button",
       role: "switch",
       "aria-checked": this.checked ? 'true' : 'false',
@@ -52,10 +54,10 @@ const EdsSwitch = class {
       onClick: this.toggleSwitch,
       disabled: this.disabled
     }, h("span", {
-      key: '8bbe2bd4c2050dbda4723615b4eb0fa2936d35d8',
+      key: '64034f73021623f63523c7bb52ec5233ad291c55',
       class: "switch-handle"
     })), this.labelOn && h("span", {
-      key: '73991400f5a8e0e6c6d1c09196639add3e98c71f',
+      key: 'a96a35565ac28ed6a27855b90b180f15adb0e711',
       class: "switch-label switch-label--on ml-8"
     }, this.labelOn));
   }

package/eds-timeline.entry.esm.js

@@ -46,16 +46,16 @@ const EdsTimeline = class {
   }
   render() {
     return h("div", {
-      key: 'cac0d2731a21edeef728166f1e3e4cedd2a9d336',
+      key: '58f12a81691ac711c82aa0db5786101cecadf7eb',
       class: "max-w-sidebar mx-auto px-4 py-8"
     }, h("div", {
-      key: 'ecfe58e3e5f54fbfcdfe898b0349af4838e59d4e',
+      key: '9b9d5e83a7f9c93850b95590dda1ba38eef56131',
       class: "relative"
     }, h("div", {
-      key: 'b6e0fe316d79d80db8cd7d855c10b9f1db045f20',
+      key: 'fd97d75bb70cbe629310e73f2017f3f188b3160a',
       class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"
     }), h("div", {
-      key: '95b8ff805c7b6f2f2a4635cf67d0ec7dfa127871',
+      key: 'c69f1e3755fadfa9234f51a5d9b3196f339164f5',
       class: "space-y-16"
     }, this.parsedEvents.map((event, index) => h("div", {
       class: "relative flex"

package/eds-toast-manager.entry.esm.js

@@ -74,7 +74,7 @@ const EdsToastManager = class {
   }
   render() {
     return h("div", {
-      key: '62a106f36d1693163c25aee615570967573bbbc9',
+      key: '5724dea66c7025b67571699860af8ff1c318ef48',
       class: "toast-container"
     }, this.toasts.map(t => h("div", {
       key: t.id