@ebrains/components 0.7.0-alpha.0 → 0.8.0-alpha.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f63169d.js');
 
-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%}.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 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 {
@@ -47,7 +47,7 @@ const EdsFrame = class {
     articleClasses() {
         return [
             'bg-inverse min-h-156 rounded border-softer effect-focus-within relative flex grow flex-col border-2',
-            'w-full h-full'
+            'w-full h-auto'
         ].join(' ');
     }
     getFrameHeight() {
@@ -82,7 +82,7 @@ const EdsFrame = class {
         return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
     }
     render() {
-        return (index.h("div", { key: 'e4b72fab30dcf1eeee6fdf3c63719599eafedb6d', class: this.articleClasses() }, index.h("div", { key: 'f8643db32120c14dd18b3d44ae530a83e81e59e0', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '7b40c644e142e6a6356e4d6a683b9c1c57104f5d', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (index.h("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: '8a1fe80134dadd38d113968ad0c825a6f9426921', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (index.h("div", { key: '387b8a4cb8f300a5a6b82287369f123b33613616', class: this.articleClasses() }, index.h("div", { key: '8db6b1b5aecdaf2722786db85b2d3cf5b4bccac4', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '696cb266ffbaeb8325c274c646668ba0d8beb751', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (index.h("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: '9841812873efe999746eb008dd5e606e89efdb71', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-icon-arrow-diagonal.cjs.entry.js

@@ -8,10 +8,10 @@ const arrowDiagonalBlack = require('./arrow-diagonal-black-0eb8640e.js');
 const EdsIconArrowDiagonal = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.addClass = '';
+        this.class = '';
     }
     render() {
-        return index.h("span", { key: '61fba958a683480dfd28e503b65a7dceb6640f46', class: this.addClass, innerHTML: arrowDiagonalBlack.arrowDiagonal });
+        return index.h("span", { key: 'd19f08d99908a8e47198e49b91a213aadb1dd619', class: this.class, innerHTML: arrowDiagonalBlack.arrowDiagonal });
     }
 };
 

package/dist/cjs/eds-icon-arrow-right.cjs.entry.js

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

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

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

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

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

package/dist/cjs/eds-icon-chevron-left.cjs.entry.js

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

package/dist/cjs/eds-icon-chevron-right.cjs.entry.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -11,7 +11,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '62cee210c76ea8c63367ad8ab9a9322707c933fd', class: this.class, innerHTML: thumbsDown.thumbsDown });
+        return index.h("span", { key: 'c46717d76f06b3d3a52d5072b85f5886aa75d321', class: this.class, innerHTML: thumbsDown.thumbsDown });
     }
 };
 

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

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

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

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

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

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

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

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