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

package/dist/collection/shared-ui/eds-tabs/eds-tabs.css

@@ -5781,15 +5781,6 @@ video {
 .cols-container > .ml-0 {
   margin-left: 0;
 }
-.w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.cols-container > .w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.w-12-cols > * {
-  --container-grid-columns: 12;
-}
 .border-inside {
   position: relative;
 
@@ -6237,6 +6228,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-8 {
   right: 0.5rem;
 }
+.right-\[4px\] {
+  right: 4px;
+}
 .right-\[6px\] {
   right: 6px;
 }
@@ -6536,15 +6530,15 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-full {
   min-height: 100%;
 }
-.min-h-screen {
-  min-height: 100vh;
-}
 .w-1\/2 {
   width: 50%;
 }
 .w-20 {
   width: 1.25rem;
 }
+.w-24 {
+  width: 1.5rem;
+}
 .w-28 {
   width: 1.75rem;
 }
@@ -6888,9 +6882,6 @@ input[type="range"]::-webkit-slider-thumb {
 .border-transparent {
   border-color: var(--transparent);
 }
-.border-b-softer {
-  border-bottom-color: rgba(0, 0, 0, .1 );
-}
 .\!bg-accent-dark {
   background-color: var(--green-600) !important;
 }
@@ -6900,6 +6891,10 @@ input[type="range"]::-webkit-slider-thumb {
 .\!bg-strong-dark {
   background-color: var(--grey-800) !important;
 }
+.bg-\[\#00A595\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 165 149 / var(--tw-bg-opacity));
+}
 .bg-accent {
   background-color: var(--green-500);
 }
@@ -6995,6 +6990,9 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
+.p-24 {
+  padding: 1.5rem;
+}
 .p-32 {
   padding: 2rem;
 }
@@ -7080,9 +7078,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pb-28 {
   padding-bottom: 1.75rem;
 }
-.pb-60 {
-  padding-bottom: 3.75rem;
-}
 .pb-8 {
   padding-bottom: 0.5rem;
 }
@@ -7116,6 +7111,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pr-4 {
   padding-right: 0.25rem;
 }
+.pr-40 {
+  padding-right: 2.5rem;
+}
 .pr-8 {
   padding-right: 0.5rem;
 }
@@ -7131,9 +7129,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
-.pt-40 {
-  padding-top: 2.5rem;
-}
 .pt-48 {
   padding-top: 3rem;
 }
@@ -7273,6 +7268,13 @@ input[type="range"]::-webkit-slider-thumb {
   -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);
 }
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7286,6 +7288,9 @@ input[type="range"]::-webkit-slider-thumb {
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-75 {
+  transition-duration: 75ms;
+}
 [class*="keyline-"] {
   position: relative;
 }
@@ -7380,15 +7385,6 @@ input[type="range"]::-webkit-slider-thumb {
     --container-grid-columns: 6;
     grid-column: span 6 / span 6;
   }
-  .md\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .md\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .md\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 @media (min-width: 900px) {
   .lg\:grid-col-span-5 {
@@ -7402,24 +7398,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\:grid-col-start-7 {
     grid-column-start: 7;
   }
-  .lg\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\:w-8-cols > * {
-    --container-grid-columns: 8;
-  }
-  .lg\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 .even\:bg-inverse-softer:nth-child(even) {
   background-color: rgba(255, 255, 255, .15);
@@ -7517,6 +7495,9 @@ input[type="range"]::-webkit-slider-thumb {
 .aria-disabled\:line-through[aria-disabled="true"] {
   text-decoration-line: line-through;
 }
+.aria-disabled\:no-underline[aria-disabled="true"] {
+  text-decoration-line: none;
+}
 .aria-disabled\:shadow-none[aria-disabled="true"] {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -7708,6 +7689,9 @@ input[type="range"]::-webkit-slider-thumb {
   .md\:gap-y-12 {
     row-gap: 0.75rem;
   }
+  .md\:p-48 {
+    padding: 3rem;
+  }
   .md\:pt-28 {
     padding-top: 1.75rem;
   }

package/dist/collection/shared-ui/eds-tabs/eds-tabs.js

@@ -113,7 +113,7 @@ export class EdsTabs {
         });
     }
     render() {
-        return (h("div", { key: '684231fc874298248db4aaf41f7845343b16ab3c', id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '4083dc93dae192eb61b12a37864b1b12bdf048a6', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '0d0a707908275bc2e95ebcb0ec07fb24f12664c2', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (h("div", { key: '217bdc60c3b3089fb3e16e4b18214b3ed4096118', id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: 'c8f10440cbc52e4b6c93c8512e011da343290e4b', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: 'cc8375d321a7116dcda08a0174ad941382d0ba43', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index);
             return (h(TabComponent, Object.assign({}, tabProps, { "aria-label": tab.label, "aria-current": index === this.activeIndex, onClick: () => this.handleTabClick(index, tab.label) }), tab.label || tab.ariaLabel));

package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.js

@@ -31,7 +31,7 @@ export class EdsToastManager {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (h("div", { key: 'e01e6cf0931155f70153ba5de054c1174e364397', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (h("div", { key: '30aec03e44a3d83d766786a4fd8c995ce3a524c2', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     static get is() { return "eds-toast-manager"; }
     static get encapsulation() { return "shadow"; }