@ebrains/react 2.0.0 → 2.1.0

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

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

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

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

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

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

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

@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
   }
   render() {
     return h("span", {
-      key: 'f427b541cef236f90f132b436d3cd617e5a9381c',
+      key: '68917ac759cd684a6f3f3f67cb174d7291841070',
       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: 'b071c30d25352e18241561760669e099a2f22481',
+      key: 'fb0abd584eb41fcdf76479aa2953da2ed6a9f8ed',
       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: 'ccb23aecc8c918e8428b06f9599969868f97d0e4',
+      key: '53bc35a16795640e1fc5ac9a5ddd66015b98adb3',
       class: this.class,
       innerHTML: thumbsUp
     });

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { v as view } from './view-e900f2d4.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+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/eds-icon-youtube.entry.esm.js

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

package/eds-modal.entry.esm.js

@@ -105,40 +105,40 @@ const EdsModal = class {
     // 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',
+      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: '839115c4261e68289410b1a3e30eb28597cdae9e',
+      key: '34b5dad3a31cd9a66135ce9d93d48215712529b9',
       class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
       ,
 
       onClick: () => this.close()
     }), h("div", {
-      key: 'ffb82ca6bf618a842e5c6c5783caccac0b538f3d',
+      key: '5268780d170f080404d2c3ab0bb3f355b50895cb',
       class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
     }, h("div", {
-      key: '8bd4b17956d04772ba690fce563aa929195cd3d0',
+      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: 'dcbdb579245e406d2fc4e4a44fb1828625e1e7aa',
+      key: 'de7ff288945cd6e0a8c97d9c40cf02cc5ba4ea41',
       id: titleId,
       class: `f-heading-04 ${this.getTruncateClass()}`
     }, this.heading), h("eds-button", {
-      key: '533c582543fa09ff1d7a7a8a1d1b608eb02d5c72',
+      key: 'a46dc51081ad99856cfa81ccdf2ab060f644c7cb',
       intent: "tertiary",
       icon: "close",
       "aria-label": "Close modal",
       onClick: () => this.close(),
       "extra-class": "ml-8 text-default"
     })), h("div", {
-      key: '8d95e7649c535da3ddb4de5646579f12341a9e10',
+      key: '45557580b90ae4f5d176eaa4805ce527d6e59eec',
       class: "pt-8 px-20 py-20"
     }, h("slot", {
-      key: '7b9678ff3cedbef291ea8dea53ef30a96237a60c'
+      key: 'b67c888a32c615c5073768ec3cd4e342a34a84c6'
     }))));
   }
   get el() {

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: '8406651d280d0a7f55ac627aa08fed80ff01028e',
+      key: '2a620231eaa84ba7e89e05da48175624fdc92d31',
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
       "aria-valuetext": `${progressValue}%`,
       class: outerClasses
     }, h("div", {
-      key: '0b784248450d7766879be03a2e1f83484090da2c',
+      key: '660e2c84ad358c0de1d9548b730308505e79bcd6',
       class: fillClasses,
       style: {
         width: `${progressValue}%`
       }
     }), h("div", {
-      key: '421253aa1f8dd3ea83936452607c4bcd49f47eb3',
+      key: '4d0fa2a209d315b658f80906b95a0bf255c82c78',
       class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
     }, h("span", {
-      key: 'ae649fcb7ed22741f3fedd129f0c0cb41254b721',
+      key: '0d423e16659d84b2d050f7d60ced4aefeeef9022',
       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: 'b3469cabf7e1a59c7908f5440b76d0c3bed0395d'
+      key: 'b77b5af1c6f3acbc2696a9608b55199ed4110d71'
     }, h("eds-section-heading", {
-      key: '38e11acb4b491579573bee449680776d3ec23de3',
+      key: '464dd4c67d69d1ef3ed1d932081c3195a2b51503',
       headingLevel: this.headingLevel,
       sectionTitle: this.sectionTitle
     }), h("slot", {
-      key: '133fc1150fb7e300544388adc673c1446b36ac39'
+      key: 'b5dbd4f55aee2df3bcbc44e21a134544ffd733f7'
     }));
   }
 };
@@ -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: '1b819df75c9d61eebe7d11b9116dba7278a34d91',
+      key: '4ae69ea354156a0e35a8884a63d7556ead8ada24',
       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: '8f99c7c15982f9190117f8eb71725af66afd0741',
+      key: 'a3549fb733687c3ff31f17bdc362275eb0b29e31',
       class: this.getHeadingClass()
     }, this.sectionTitle));
   }

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

@@ -50,12 +50,12 @@ const EdsSocialNetworks = class {
    */
   render() {
     return h("div", {
-      key: '7bd6202c426d23ded6af47b26e025f2d1b42904a'
+      key: '7241de6d0a20687523e17a4455dff1dfac59a191'
     }, h("p", {
-      key: '0c66f58474ff55cc06bd9f3f15f3deb251c9fb87',
+      key: '8292c0dde1b3518ada53dddc2ea0134ff3035e83',
       class: "f-ui-02"
     }, this.heading), h("ul", {
-      key: '3e082ae50c77e2d8612b823aa3e474672d65d42f',
+      key: 'b30922e6d1f51a52300c889464824fafad775f74',
       class: "mt-12 flex gap-4"
     }, this.socialNetworks.map((network, index) => h("li", {
       key: index

package/eds-spinner.entry.esm.js

@@ -84,17 +84,17 @@ const EdsSpinner = class {
       justifyContent: 'center'
     };
     return h(Host, {
-      key: 'b2ba16cd90ebf036143f6ab52b996497464814c1'
+      key: 'cbf9cead7c7c6bc5314c074f7249c920eb60d326'
     }, h("div", {
-      key: 'f619fb03d0364ae7032931559d591fab6ad40123',
+      key: 'd22c71a76af3f53c649e547538e0f1627cd9ecd0',
       class: "spinner-overlay",
       style: overlayStyle
     }, h("span", {
-      key: '7c1e397ab319de1f67320e3836225e3733a483fd',
+      key: '83b42f7ee9ba4d356bd82097989b8be1db8a8ef9',
       class: "spinner",
       style: spinnerStyle
     }), this.message && h("p", {
-      key: 'ddf6e08c8d2d00f114f815bab28b06c19a56cd6d',
+      key: '0a2c4efe46b8f86a037d29de699534441bf7585e',
       class: "f-body-01"
     }, this.message)));
   }

package/eds-timeline.entry.esm.js

@@ -46,16 +46,16 @@ const EdsTimeline = class {
   }
   render() {
     return h("div", {
-      key: '58f12a81691ac711c82aa0db5786101cecadf7eb',
+      key: '3abe8b96a25fa575acc503eafa345c63b0c4c971',
       class: "max-w-sidebar mx-auto px-4 py-8"
     }, h("div", {
-      key: '9b9d5e83a7f9c93850b95590dda1ba38eef56131',
+      key: '23039a03d10a38aa96310be6456283b5d36041e7',
       class: "relative"
     }, h("div", {
-      key: 'fd97d75bb70cbe629310e73f2017f3f188b3160a',
+      key: '2bf447e7dd77a33b953ee1c7b49c72bb3e79a938',
       class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"
     }), h("div", {
-      key: 'c69f1e3755fadfa9234f51a5d9b3196f339164f5',
+      key: 'db44af20a0e09666b402e77ec739262a3506da48',
       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: '5724dea66c7025b67571699860af8ff1c318ef48',
+      key: '85027aad9484f391686c4126e984a84e8045511c',
       class: "toast-container"
     }, this.toasts.map(t => h("div", {
       key: t.id

package/eds-tooltip.entry.esm.js

@@ -24,12 +24,12 @@ const EdsTooltip = class {
   render() {
     const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
     return h("div", {
-      key: 'cacea6fc1f32c6d9bef2288f9e30744cf2dacc9a',
+      key: 'ee76b787881bdaef986b73fb2775c900a8c33d05',
       class: "relative w-full inline-block group"
     }, h("slot", {
-      key: '19862715e9575583caa7cc3f818294e43196d305'
+      key: 'a5f9ade50e829efab02ef28ecff3edeedae9d469'
     }), h("div", {
-      key: '35fa38cf5993498d61a6941a6c11204e5e66a7d5',
+      key: '31bdc63d6263090578f6600ae32027c2b050b2bf',
       class: `absolute ${positionClass}
             rounded-xs bg-strongest text-inverse 
             f-ui-03-light pointer-events-none 

package/eds-trl.entry.esm.js

@@ -51,10 +51,10 @@ const EdsTrl = class {
       }
     };
     return h("div", {
-      key: '0fe3bb33948017691e8d0d10a7b1f75881a9c2e8',
+      key: '51e2ef0877ef34a3c413d8bb690d659525845a92',
       class: "container mx-auto px-4 py-8"
     }, h("eds-table", {
-      key: 'f45942902dec74d57cd4d2aee7643c809263abb9',
+      key: 'b682cb9ce8182302b82042173fcc93aed65f7006',
       "table-data": JSON.stringify(tableData),
       config: JSON.stringify(tableConfig),
       "rows-per-page": "2",

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

@@ -29,23 +29,23 @@ const IncorrectUseOfColors = class {
   }
   render() {
     return h("div", {
-      key: 'b427fbd92f4f89e62f36580788385d16f7f5ee4b',
+      key: '99f72ce6be806d58cdbe053d86a07e7769e7c298',
       class: "container"
     }, h("div", {
-      key: 'e17b8667edf995fa38982db1fd2dd3e32e3d8ade',
+      key: '4689bc35f56681d07747158f45bed8960bd764bb',
       class: "mb-8"
     }, h("eds-alert", {
-      key: '6fc136da4684f38d95031e35ada158955ea7a776',
+      key: 'bda983921ff3779dc947d13ff7b3c4f0509154ea',
       message: "Note that, each of the four colour tones cannot be mixed in the same composition.",
       intent: "error"
     })), h("div", {
-      key: '2848ccb3f69d6eb0bbe644e5620615f475d00b63',
+      key: 'ef02b05fb6fb761cae3cc5120478d9670ae65508',
       class: "flex"
     }, h("div", {
-      key: '8ab6a087dec45752a3dd31942f6d8595ea52c0fd',
+      key: '968ccc8bc1acec2856325c921d737f0ac2d0e26d',
       class: "w-full"
     }, h("ul", {
-      key: '2b0d87c54641831b7b9c77af791fb95837061488',
+      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"
@@ -55,10 +55,10 @@ const IncorrectUseOfColors = class {
         backgroundColor: color.background
       }
     }))))), h("div", {
-      key: '1748b5ef933d36eaa630dcf892451cf165d91156',
+      key: 'f8af94ee21c7ed37b177fa3b5285e9bfe76e8e46',
       class: "w-full"
     }, h("ul", {
-      key: 'cabcc252675bde368e5d884c870bee4e11a1a7a5',
+      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"

package/index.esm.js

@@ -1,4 +1,4 @@
-export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as EdsHeader, t as EdsIconWrapper, u as EdsImg, v as EdsInputField, w as EdsInputFooter, x as EdsInputLabel, y as EdsLink, z as EdsLogo, A as EdsMatomoNotice, B as EdsModal, C as EdsPagination, D as EdsPie, F as EdsProgressBar, G as EdsRating, I as EdsSocialNetworks, J as EdsSpinner, K as EdsSplashScreen, L as EdsSteps, M as EdsStepsV2, N as EdsSwitch, O as EdsTable, P as EdsTabs, Q as EdsTag, R as EdsToast, S as EdsTooltip, T as EdsUser } from './index.esm2.js';
+export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as EdsHeader, t as EdsIconWrapper, u as EdsImg, v as EdsInputField, w as EdsInputFooter, x as EdsInputLabel, y as EdsLink, z as EdsLogo, A as EdsMatomoNotice, B as EdsModal, C as EdsNps, D as EdsPagination, F as EdsPie, G as EdsProgressBar, I as EdsRating, J as EdsSocialNetworks, K as EdsSpinner, L as EdsSplashScreen, M as EdsSteps, N as EdsStepsV2, O as EdsSwitch, P as EdsTable, Q as EdsTabs, R as EdsTag, S as EdsToast, T as EdsTooltip, U as EdsUser } from './index.esm2.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';