@ebrains/react 0.9.0-beta → 0.9.1-beta

package/{eds-card-desc_3.entry.esm.js → eds-card-desc_2.entry.esm.js}

@@ -1,5 +1,4 @@
 import { r as registerInstance, h } from './index.esm2.js';
-import { c as cva } from './index-39c58238.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -83,43 +82,5 @@ const EdsCardTitle = class {
   }
 };
 EdsCardTitle.style = EdsCardTitleStyle0;
-const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
-const EdsTagStyle0 = edsTagCss;
 
-// Define the CVA for the tag styles
-const tagStyles = cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'],
-// Base classes
-{
-  variants: {
-    intent: {
-      default: 'border-default',
-      strong: 'text-inverse bg-strongest border-default',
-      accent: 'text-[#0034CB] border-[#0034CB]',
-      weak: 'text-light bg-strongest-soft border-transparent',
-      inverse: 'border-inverse text-inverse',
-      'inverse-strong': 'bg-inverse border-inverse text-lighter'
-    }
-  },
-  defaultVariants: {
-    intent: 'default'
-  }
-});
-const EdsTag = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-    this.intent = 'default';
-  }
-  render() {
-    const classes = tagStyles({
-      intent: this.intent
-    });
-    return h("span", {
-      key: '55a6039b040436e5dded9aaf1007668b97091ba3',
-      class: classes
-    }, this.label);
-  }
-};
-EdsTag.style = EdsTagStyle0;
-
-export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title, EdsTag as eds_tag };
+export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title };

package/eds-card-generic.entry.esm.js

@@ -5,7 +5,7 @@ import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
 
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
+const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
 const EdsCardGenericStyle0 = edsCardGenericCss;
 const EdsCardGeneric = class {
   constructor(hostRef) {
@@ -97,8 +97,8 @@ const EdsCardGeneric = class {
       picture: this.avatar,
       initials: this.shortAbbreviation
     }) : null, h("div", {
-      key: 'cb5c191f6c190fb6edb46446187dbf6b8c1b778b',
-      class: "flex flex-wrap gap-y-4"
+      key: '8bdcbbe2982a450843e9ada727e3f6eb62872ae1',
+      class: "flex flex-wrap gap-y-4 gap-x-1"
     }, this.parsedTags.map((tag, index) => h("eds-tag", {
       key: index,
       intent: tag.style,

package/eds-matomo-notice.entry.esm.js

@@ -10,7 +10,7 @@ const EdsMatomoNotice = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.consent = createEvent(this, "consent", 7);
-    this.title = 'Analytics Consent';
+    this.heading = 'Analytics Consent';
     this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.";
     this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.";
     this.forceShow = false;
@@ -113,7 +113,7 @@ const EdsMatomoNotice = class {
     return h("div", {
       class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"
     }, h("eds-accordion", {
-      title: this.title,
+      title: this.heading,
       description: this.hasCookieConsent() ? this.optOutMessage : this.description,
       switchBg: true,
       expanded: true

package/eds-modal.entry.esm.js

@@ -10,7 +10,7 @@ const EdsModal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.isOpen = false;
-    this.title = '';
+    this.heading = '';
     this.truncate = true;
     this.truncateLines = '1';
     this.position = 'middle';
@@ -49,7 +49,7 @@ const EdsModal = class {
       category: 'ui-component',
       parentContext: null,
       tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
       action: 'opened'
     });
   }
@@ -63,7 +63,7 @@ const EdsModal = class {
       category: 'ui-component',
       parentContext: null,
       tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
       action: 'closed'
     });
   }
@@ -97,40 +97,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: 'eb2b985e84912dabea52a9a62eb908087004c958',
+      key: '3965b74182a1015d34ebc0d5692ab89de44774e6',
       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: 'ad47334539d1a8a8694f34ba1e90a38b7dce07ab',
+      key: 'c0df46234deb0945ba266e8f36a0b3944bd6d7bd',
       class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
       ,
 
       onClick: () => this.close()
     }), h("div", {
-      key: '69d449b6ec986b5cfd73e50cc060363236035915',
+      key: '7fd65a4651ca67101b3a3e08ffd439070ccb8a96',
       class: `container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center`
     }, h("div", {
-      key: '17395806ef17a06b5465174055087178db9f5356',
+      key: '80102734c692934c486fd2e2d707286dd5660c69',
       class: "flex justify-between items-center border-b-2 border-softer pb-8"
     }, h("span", {
-      key: 'daa5d63b73eab57b9b58ca06d0197f1a7002ca15',
+      key: 'b98138881f6eb4ee1fad3614eda4c91e5349b563',
       id: titleId,
       class: `f-heading-04 text-lighter ${this.getTruncateClass()}`
-    }, this.title), h("eds-button", {
-      key: '267ee7d1f10819c19af5eed6715465f2ba5f4831',
+    }, this.heading), h("eds-button", {
+      key: '82f08e8ec6cbcb291c5d984ae97622d364bff5d0',
       intent: "tertiary",
       icon: "close",
       "aria-label": "Close modal",
       onClick: () => this.close(),
       "extra-class": "ml-8"
     })), h("div", {
-      key: 'fbd3351c851ab1089035117cca2b3ad769c26d18',
+      key: '2ea2fc21a8b734c40b1de4a20025a50f7369d375',
       class: "pt-8"
     }, h("slot", {
-      key: '9958a61e24320183bef12aef381791f11e421597'
+      key: 'ca0fa40b4076af9eea37c6b088d26751173e815c'
     }))));
   }
   get el() {

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

@@ -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: '961a672dc3b656b0a308131a2d334aca51df77f6',
+      key: '346654c0118e056276162b42723c6c163712ab4f',
       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: '42eb2ccfba8c83cf140967e39fead6ebddc3a279',
+      key: 'c7d17fc22b3926495c799da0bc8bde7dc949e46a',
       class: this.getHeadingClass()
     }, this.sectionTitle));
   }

package/eds-switch.entry.esm.js

@@ -8,13 +8,13 @@ const EdsSwitchStyle0 = edsSwitchCss;
 const EdsSwitch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.change = createEvent(this, "change", 7);
+    this.toggle = createEvent(this, "toggle", 7);
     this.toggleSwitch = () => {
       if (this.disabled) {
         return;
       }
       this.checked = !this.checked;
-      this.change.emit(this.checked);
+      this.toggle.emit(this.checked);
     };
     this.checked = false;
     this.disabled = false;