@ebrains/react 0.6.0-alpha.0 → 0.8.0-alpha.0

package/eds-frame.entry.esm.js

@@ -3,6 +3,8 @@ import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
 
+const edsFrameCss = ".bg-inverse{background-color:var(--white)}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border-color:rgba(0, 0, 0, .1 )}.border-softest{border-color:rgba(0, 0, 0, .05 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:2px}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.px-12{padding-left:0.75rem;padding-right:0.75rem}.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)}.ml-auto{margin-left:auto}.border-t-2{border-top-width:2px}.border{border:1px solid rgba(0, 0, 0, .1 )}.border-2{border:1px solid rgba(0, 0, 0, .1 )}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}";
+const EdsFrameStyle0 = edsFrameCss;
 const EdsFrame = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -12,13 +14,36 @@ const EdsFrame = class {
     this.storybookUrl = undefined;
     this.storyPath = undefined;
     this.intent = 'strong';
-    this.tiny = false;
     this.size = 'auto';
-    this.bg = true;
     this.iframeError = false;
   }
+  componentWillLoad() {
+    this.checkIframeAvailability();
+  }
+  componentDidLoad() {
+    // Emit context for each eds-link element after the component is fully loaded
+    const links = this.el.querySelectorAll('eds-link');
+    links.forEach(link => {
+      this.emitContext(link);
+    });
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param linkElement - The link element to which the event will be dispatched.
+   */
+  emitContext(linkElement) {
+    const event = new CustomEvent('parentContext', {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: this.frameLabel
+      }
+    });
+    linkElement.dispatchEvent(event);
+  }
   articleClasses() {
-    return [this.tiny ? 'min-h-120' : 'min-h-156', this.bg ? 'bg-inverse' : 'bg-default', 'rounded border-softer effect-focus-within relative flex grow flex-col border-2', 'w-full h-full'].join(' ');
+    return ['bg-inverse min-h-156 rounded border-softer effect-focus-within relative flex grow flex-col border-2', 'w-full h-auto'].join(' ');
   }
   getFrameHeight() {
     switch (this.size) {
@@ -46,31 +71,6 @@ const EdsFrame = class {
       this.iframeError = true;
     }
   }
-  componentWillLoad() {
-    this.checkIframeAvailability();
-  }
-  componentDidLoad() {
-    // Emit context for each eds-link element after the component is fully loaded
-    const links = this.el.querySelectorAll('eds-link');
-    links.forEach(link => {
-      this.emitContext(link);
-    });
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(linkElement) {
-    const event = new CustomEvent('parentContext', {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: this.frameLabel
-      }
-    });
-    linkElement.dispatchEvent(event);
-  }
   get storyLink() {
     return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
   }
@@ -79,13 +79,13 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: '20786dd40414d29f98d496e29720bd78b9d7cf8e',
+      key: '387b8a4cb8f300a5a6b82287369f123b33613616',
       class: this.articleClasses()
     }, h("div", {
-      key: '208612330c9d2872c68aeb310e164c8a915a51ef',
+      key: '8db6b1b5aecdaf2722786db85b2d3cf5b4bccac4',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: 'ada2a40384ffaffadc8887580aa6184422008a68',
+      key: '696cb266ffbaeb8325c274c646668ba0d8beb751',
       class: "f-ui-02"
     }, this.frameLabel), !this.iframeError ? h("eds-link", {
       label: this.urlLabel,
@@ -96,8 +96,8 @@ const EdsFrame = class {
       disabled: false,
       icon: "arrow-diagonal"
     }) : null), h("div", {
-      key: '26a5ae1c81b60b05b6f4859ffa4dbd13bb2557f3',
-      class: "border-softer border-t-2"
+      key: '9841812873efe999746eb008dd5e606e89efdb71',
+      class: "border-softer"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"
     }, this.errorMessage) : h("iframe", {
@@ -113,5 +113,6 @@ const EdsFrame = class {
     return getElement(this);
   }
 };
+EdsFrame.style = EdsFrameStyle0;
 
 export { EdsFrame as eds_frame };

package/eds-icon-arrow-diagonal.entry.esm.js

@@ -7,12 +7,12 @@ import 'react-dom';
 const EdsIconArrowDiagonal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.addClass = '';
+    this.class = '';
   }
   render() {
     return h("span", {
-      key: 'd85a4d425e0c255efe4763d4a13f13b6ff727c2c',
-      class: this.addClass,
+      key: 'd19f08d99908a8e47198e49b91a213aadb1dd619',
+      class: this.class,
       innerHTML: arrowDiagonal
     });
   }

package/eds-icon-arrow-right.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconArrowRight = class {
   }
   render() {
     return h("span", {
-      key: '4a2b33b86753acab8270a45c7b250603b128bc88',
+      key: '399c8c70c1d875f35b7f4f578efe8072fb59d008',
       class: this.class,
       innerHTML: arrowRight
     });

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

@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
   }
   render() {
     return h("span", {
-      key: '845a157678b9d059b2c9bd8a6265d3a62f33c31a',
+      key: '79800c239aca2980caac99b21bc5ed025801f11b',
       class: this.class,
       innerHTML: bluesky
     });

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

@@ -11,7 +11,7 @@ const EdsIconChevronDown = class {
   }
   render() {
     return h("span", {
-      key: 'fa8022d27b91e909d4cd5522c6d0406be698a412',
+      key: 'd6251250a9c47acceb68dee74c53fca873671878',
       class: this.class,
       innerHTML: chevronDown
     });

package/eds-icon-chevron-left.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronLeft = class {
   }
   render() {
     return h("span", {
-      key: 'c723d7f1bbd596063ae7e66123b8038af5320a54',
+      key: '6c98bd673a1562fda009e95e4e4562d1e7f0ccfd',
       class: this.class,
       innerHTML: chevronLeft
     });

package/eds-icon-chevron-right.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconChevronRight = class {
   }
   render() {
     return h("span", {
-      key: 'f770cd9151077e8708c76d2082613c65a20c420f',
+      key: '418c8476ddb31b876a047a7e9de8841865ea5b81',
       class: this.class,
       innerHTML: chevronRight
     });

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

@@ -11,7 +11,7 @@ const EdsIconChevronUp = class {
   }
   render() {
     return h("span", {
-      key: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6',
+      key: '3484b9074d724ddee4141ff561e568284737ef43',
       class: this.class,
       innerHTML: chevronUp
     });

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

@@ -11,7 +11,7 @@ const EdsIconClose = class {
   }
   render() {
     return h("span", {
-      key: '947f6615e8ee155be98b379a9c771cc0d453becd',
+      key: 'cdc9ce68b682f85cd180461ec58ec0a402833941',
       class: this.class,
       innerHTML: close
     });

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

@@ -11,7 +11,7 @@ const EdsIconCopy = class {
   }
   render() {
     return h("span", {
-      key: '1e23d4493d5a1d07bc794da20cc4e445a87d56b0',
+      key: 'cf0aeae1e95d6bf9fab75d9153b28395821bc41a',
       class: this.class,
       innerHTML: copy
     });

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

@@ -11,7 +11,7 @@ const EdsIconEu = class {
   }
   render() {
     return h("span", {
-      key: '14254e1b9d43562e6f3f943de22aa8dd4d89a044',
+      key: 'b05d83668879b6f05e20bb569f98b5614b134594',
       class: this.class,
       innerHTML: euSvg
     });

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

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
   }
   render() {
     return h("span", {
-      key: '902598891dfe926f92ce5d30dc135896c6eccd43',
+      key: '1c2cc23670adff6ad51800e71c43e91381a0b15e',
       class: this.class,
       innerHTML: facebook
     });

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

@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
   }
   render() {
     return h("span", {
-      key: '128f9265dfc1aee95586ba0a3fd20dd131678893',
+      key: '844a286865abb7d1cb0037126dda71edf53e05a3',
       class: this.class,
       innerHTML: gitlabBlack
     });

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

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
   }
   render() {
     return h("span", {
-      key: '0f9675a371ca7bb460882c04bf2bb0c103273a0d',
+      key: '39c4f238655f348f385886861ce5f0c5098f39ec',
       class: this.class,
       innerHTML: linkedin
     });

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

@@ -11,7 +11,7 @@ const EdsIconLoader = class {
   }
   render() {
     return h("span", {
-      key: 'f11c60068baa2d2398056b3d7f04129d9deb4517',
+      key: '00c35977290c38061fd73a30d4187d43efae102e',
       class: this.class,
       innerHTML: loader
     });

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

@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
   }
   render() {
     return h("span", {
-      key: '1f68e5d0b6f8455f40bf94f6095eceff00b7887e',
+      key: '3a5ecd9141abeac3ee4e51e31eb10b3e14e4c0ab',
       class: this.class,
       innerHTML: mastodon
     });

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

@@ -11,7 +11,7 @@ const EdsIconMenu = class {
   }
   render() {
     return h("span", {
-      key: '0084602c8e870b70caa66479f71bed3bd0cce94e',
+      key: 'd4c98e638eaa5cb15ff671d989fd40ae84f59b1a',
       class: this.class,
       innerHTML: menu
     });

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

@@ -11,7 +11,7 @@ const EdsIconMore = class {
   }
   render() {
     return h("span", {
-      key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4',
+      key: 'e9500869c3e6bcff5cfc460596cc5632d93885a1',
       class: this.class,
       innerHTML: more
     });

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

@@ -11,7 +11,7 @@ const EdsIconSearch = class {
   }
   render() {
     return h("span", {
-      key: '42acc730afd956c2884b0789b3ea37ccf323630b',
+      key: '994194ec98bb519584b4ba72fa630c3ded51d26e',
       class: this.class,
       innerHTML: search
     });

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { t as thumbsDown } from './thumbs-down-a18fd049.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconThumbsDown = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'c46717d76f06b3d3a52d5072b85f5886aa75d321',
+      class: this.class,
+      innerHTML: thumbsDown
+    });
+  }
+};
+
+export { EdsIconThumbsDown as eds_icon_thumbs_down };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { t as thumbsUp } from './thumbs-up-c19a71bc.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconThumbsUp = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'ddfcfc0690d869c16402c265219faa73e1f324b2',
+      class: this.class,
+      innerHTML: thumbsUp
+    });
+  }
+};
+
+export { EdsIconThumbsUp as eds_icon_thumbs_up };

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

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

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

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

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

@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
   }
   render() {
     return h("span", {
-      key: '4eba69bfec926b7a3490feee15b5947a8ab8a7b9',
+      key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d',
       class: this.class,
       innerHTML: youtube
     });