@ebrains/react 0.9.3-beta → 1.0.0

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

@@ -1,11 +1,128 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-44b1416b.esm.js';
-import { g as gradientBGColorVariants } from './color-2554aad6.esm.js';
+import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
+import { c as cva } from './index-39c58238.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
-import './index-39c58238.esm.js';
 
+const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
+const gradientBGColorVariants = cva([], {
+  variants: {
+    color: GRADIANT_TOKENS.reduce((acc, token) => Object.assign(Object.assign({}, acc), {
+      [token]: ''
+    }), {}),
+    direction: {
+      top: '',
+      bottom: ''
+    },
+    pseudo: {
+      true: 'before:effect-opacity effect-bg-behind',
+      false: ''
+    },
+    hover: {
+      true: 'before:opacity-0 hover:before:opacity-100',
+      false: ''
+    }
+  },
+  compoundVariants: [
+  // region GREEN
+  {
+    color: 'green',
+    direction: 'top',
+    pseudo: true,
+    class: 'before:bg-gradient-01-top'
+  }, {
+    color: 'green',
+    pseudo: true,
+    direction: 'bottom',
+    class: 'before:bg-gradient-01-bottom'
+  }, {
+    color: 'green',
+    direction: 'top',
+    pseudo: false,
+    class: 'bg-gradient-01-top'
+  }, {
+    color: 'green',
+    pseudo: false,
+    direction: 'bottom',
+    class: 'bg-gradient-01-bottom'
+  },
+  // endregion
+  // region YELLOW
+  {
+    color: 'yellow',
+    direction: 'top',
+    pseudo: true,
+    class: 'before:bg-gradient-02-top'
+  }, {
+    color: 'yellow',
+    direction: 'bottom',
+    pseudo: true,
+    class: 'before:bg-gradient-02-bottom'
+  }, {
+    color: 'yellow',
+    direction: 'top',
+    pseudo: false,
+    class: 'bg-gradient-02-top'
+  }, {
+    color: 'yellow',
+    direction: 'bottom',
+    pseudo: false,
+    class: 'bg-gradient-02-bottom'
+  },
+  // endregion
+  // region PURPLE
+  {
+    color: 'purple',
+    direction: 'top',
+    pseudo: true,
+    class: 'before:bg-gradient-03-top'
+  }, {
+    color: 'purple',
+    direction: 'bottom',
+    pseudo: true,
+    class: 'before:bg-gradient-03-bottom'
+  }, {
+    color: 'purple',
+    direction: 'top',
+    pseudo: false,
+    class: 'bg-gradient-03-top'
+  }, {
+    color: 'purple',
+    direction: 'bottom',
+    pseudo: false,
+    class: 'bg-gradient-03-bottom'
+  },
+  // endregion
+  // region AMONG-BLUE
+  {
+    color: 'among-blue',
+    direction: 'top',
+    pseudo: true,
+    class: 'before:bg-gradient-04-top'
+  }, {
+    color: 'among-blue',
+    direction: 'bottom',
+    pseudo: true,
+    class: 'before:bg-gradient-04-bottom'
+  }, {
+    color: 'among-blue',
+    direction: 'top',
+    pseudo: false,
+    class: 'bg-gradient-04-top'
+  }, {
+    color: 'among-blue',
+    direction: 'bottom',
+    pseudo: false,
+    class: 'bg-gradient-04-bottom'
+  }
+  // endregion
+  ],
+  defaultVariants: {
+    direction: 'top',
+    pseudo: true
+  }
+});
 const EdsCardProject = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -50,38 +167,38 @@ const EdsCardProject = class {
     }) : 'bg-default', this.bgOnHover && this.color ? 'effect-background bg-default focus-within:bg-transparent hover:bg-transparent' : 'effect-background hover:bg-default', this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'].join(' ');
     const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
     return h("article", {
-      key: '1ffb83f3e694811d5f3d4c8235c50591bca4dec5',
+      key: '7a69b9f5fc30ce389267a064e82aa2cf78b676d1',
       class: cardClasses,
       onClick: event => this.handleClick(event)
     }, h("div", {
-      key: 'e8d7f04e95722dc8ec8bcb7f90b2b8495b8c13ef',
+      key: '8495c7b6655418741b1d208f06f003d4ec2eaf79',
       class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
     }, h("div", {
-      key: '5ab94ee81425c5f7a143e7f1eb7981da6508e307',
+      key: '803b274d099072e055c484e818732a48ff27ebab',
       class: "lg:max-w-[720px]"
     }, h("eds-card-title", {
-      key: 'd303425849c5df81c0b72e096313a96031d1c435',
+      key: '18b1d058c9d92e3df264c5f60cec0adc8f14f19e',
       "heading-level": this.headingLevel,
       titleClass: this.image ? 'f-ui-01' : undefined,
       "card-title": this.titleProject,
       url: this.url
     }), this.editorialTitle && h("span", {
-      key: '3d4c6b9422d02e4d40d29d7875e3fc651d2f7bd4',
+      key: '1854001686cae69c50a97ed50534ae4329d3017a',
       class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
     }, this.editorialTitle)), this.categoryTitle && h("div", {
-      key: '2b14dee584d20e90dac0da3b93dff1dbc6f36470',
+      key: 'a5e741ce22ace338988a1a0d6f0d5c2740eb685b',
       class: "mt-auto flex items-center gap-x-12 pt-12"
     }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", {
-      key: 'cd02551d76731563ebdad89a141f70cbce5bca76',
+      key: 'c1136aef565b3a35bee7d7c254434b6c06f3cf65',
       label: this.categoryTitle
     }))), this.parsedImage && h("div", {
-      key: '5b5cae3820ab870a7588d801151390be494d5c7e',
+      key: '531cb24eafadd52397a138735436e0501b45cf76',
       class: imageClasses
     }, h("div", {
-      key: 'e7bb9f3b090f5497b315a4d2495592cfbe5a4aa0',
+      key: 'c692a10bfa0032d4e43fe35090e38dde3e0401f3',
       class: "aspect-1x1 w-full"
     }, h("eds-img", Object.assign({
-      key: '8fdecaed876c671a08067fdb272f4932b67ae406',
+      key: '490983736b4cd9de3b2cfbafe11be15802746afe',
       sizes: this.vertical ? this.parsedImage.sizes || '' : '192px'
     }, this.parsedImage)))));
   }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-44b1416b.esm.js';
+import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -62,11 +62,11 @@ const EdsCardTool = class {
   }
   render() {
     return h("article", {
-      key: '92103cb449fbdfd41adaeb29053746fb652a5203',
+      key: 'b3f0c0f3588304fb36f1c395b69b723edbfa8c95',
       class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
       onClick: () => this.handleClick()
     }, h("eds-card-title", {
-      key: '8aebade7b0cfe5ac529ff552113509314ffa4061',
+      key: '12f9d1363b3d171912eb00117d99056065fbcb33',
       "heading-level": this.headingLevel,
       titleClass: this.image ? 'f-ui-01' : undefined,
       "card-title": this.cardTitle,
@@ -74,7 +74,7 @@ const EdsCardTool = class {
       "external-link": this.external,
       hierarchy: this.hierarchy
     }), this.description && h("eds-card-desc", {
-      key: '38abb7a59054c6fce836322c26eab77bb508845f',
+      key: '780c4b035e0fff1911ee4b8b04a0729cd182d877',
       class: "mt-8",
       "truncate-lines": "3",
       description: this.description
@@ -88,7 +88,7 @@ const EdsCardTool = class {
       picture: this.avatar,
       initials: this.shortAbbreviation
     }) : null, h("div", {
-      key: '99158cab0d83e64bf9c45e00c06572efe7328516',
+      key: 'a6878ba6bb2086a334282b10750234f4251c6334',
       class: "flex flex-wrap gap-y-4"
     }, this.parsedTags.map((tag, index) => h("eds-tag", {
       key: index,

package/eds-cookies-preference.entry.esm.js

@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
   }
   render() {
     return h("div", {
-      key: 'ce716958892ee4d324efeb2399885c13d63ff0bb'
+      key: '37a817a2c1cccb58a7445c399f20ce5fb97653b8'
     }, h("eds-link", {
-      key: 'de191023658c2f4c59144d334075d8e1f4fa6133',
+      key: '9bf85d4fe82d7a525bae6f765da7dea9a3913494',
       size: "small",
       intent: this.intent,
       label: this.buttonText,

package/eds-feedback.entry.esm.js

@@ -10,6 +10,7 @@ const EdsFeedback = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.rating = createEvent(this, "rating", 7);
+    this.headingLevel = 'h1';
     this.type = 'star';
     this.count = 5;
     this.label = 'Rate your Experience!';
@@ -55,21 +56,25 @@ const EdsFeedback = class {
     this.selectedRating = e.detail;
   }
   render() {
+    // Determine the heading tag and CSS class
+    const HeadingTag = this.headingLevel;
+    const levelNum = this.headingLevel.replace('h', '');
+    const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
     return h("div", {
-      key: 'a8cf97bdcd7957b98dfca11e178361acf667c23c',
+      key: 'f1bec91df97ff2a54a8ec8284e88f572b3bf0081',
       class: "grid inline"
-    }, h("h1", {
-      key: '231bb9f49dc6084045a392b1d93c9b4454bbf268',
-      class: "f-heading-01 my-4"
+    }, h(HeadingTag, {
+      key: '8051043d5ec79a1f972fd732ef8a716487ed51d2',
+      class: headingClass
     }, this.label), h("p", {
-      key: 'a70274de05139c8ab40b5a4a2e599dc14b3d3a9f',
+      key: '55f319e89376372f13c2bb96b9a94ceed6a6565b',
       class: "f-body-01 text-light"
     }, this.description), h("eds-rating", {
-      key: '5353b7616112591240819e4b762790224a1b7cc7',
+      key: 'c9c725d4a1ae65eb6b773178f6435d239c434034',
       "rating-type": this.type,
       "rating-count": this.count
     }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: 'e5f8f10fb052a6de080b61cf78c309a55d081576',
+      key: 'e3ea621a035ecd6da07803478d202b2326997416',
       class: "f-ui-04 text-lighter"
     }, this.parsedMappings[this.selectedRating - 1]));
   }

package/eds-frame.entry.esm.js

@@ -3,7 +3,7 @@ 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 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) {
@@ -73,15 +73,15 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: '69d47526ffca56defb1e9da214c46822fa963c14',
+      key: '61c401d6e021418e3d705cc9a4418b4f54f6bcf1',
       class: this.articleClasses()
     }, h("div", {
-      key: 'cab7cd55b15afaa77a4f4b713c55a6776dcb6a2d',
+      key: '3fe7284c2ce4057d6c953c02e03489c0ef75f43d',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: '99b5499c4bf992cc7101d6ea6812000283a34968',
+      key: 'a0efaa70d4ab2484c76d38e309c0bf9800edf569',
       class: "f-ui-02"
-    }, this.frameLabel), !this.iframeError ? h("eds-link", {
+    }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
       label: this.urlLabel,
       url: this.url,
       intent: this.intent,
@@ -90,7 +90,7 @@ const EdsFrame = class {
       disabled: false,
       icon: "arrow-diagonal"
     }) : null), h("div", {
-      key: '275490ec93896eafe8a7042b86769b1f96e8bc8f',
+      key: 'e99188447abb78659865758afe3226a7ade7f8f2',
       class: "border-softer"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
-import { m as matomoOptIn, a as matomoOptOut } from './analytics-44b1416b.esm.js';
+import { m as matomoOptIn, a as matomoOptOut } from './analytics-d99780e3.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -92,14 +92,16 @@ const EdsMatomoNotice = class {
     this.consent.emit('out');
   }
   noThanks() {
+    matomoOptOut();
     localStorage.setItem(`${window.location.host}-matomo-consent-given`, 'out');
     this.hideNotice();
+    this.consent.emit('out');
   }
-  deferDecision() {
+  /*private deferDecision() {
     sessionStorage.setItem(this.getStorageKey(), 'true');
     this.hideNotice();
     this.consent.emit('defer');
-  }
+  }*/
   keepMeIn() {
     this.hideNotice();
   }
@@ -146,11 +148,6 @@ const EdsMatomoNotice = class {
       label: "No, thanks",
       "aria-label": "Opt-out from analytics",
       onClick: () => this.noThanks()
-    }), h("eds-button", {
-      intent: "ghost",
-      label: "Ask me later",
-      "aria-label": "Defer analytics decision",
-      onClick: () => this.deferDecision()
     }))));
   }
   get el() {

package/eds-pagination_2.entry.esm.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-44b1416b.esm.js';
+import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
 import { p as parseData } from './sharedUtils-a550989c.esm.js';
 import 'react';
 import 'react/jsx-runtime';
@@ -424,9 +424,9 @@ const EdsTable = class {
     const paginatedRows = this.getPaginatedRows();
     const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
     return h("div", {
-      key: '9ac7ad4f02237c02eaf5d3b351ded21bce29bd6c'
+      key: '81735ac374853c8c92b3f50e26263ff9d71b326c'
     }, this.searchEnabled && h("div", {
-      key: '1cecf9a9089391c3bce72dd53a6f5ffa92692661'
+      key: '0b2ab8dbb343033f605e2028890bd963cd650998'
     }, h("eds-input-field", {
       key: 1,
       name: "search",
@@ -436,15 +436,15 @@ const EdsTable = class {
       // @ts-ignore
       onInput: event => this.handleSearch(event)
     })), h("div", {
-      key: '435bbfd0a4dd3ddd0a7766863cdd8c2eaf41eb8f',
+      key: 'eb3eebe6fb124d4e1983b2fb7e636707817d36bd',
       class: "mt-20"
     }, h("table", {
-      key: '4785490532015b7069be068e80135220f37c3955',
+      key: '03b312ac20bdec28843a46907a3cc4fba69f62ae',
       class: "block overflow-x-auto mt-6 p-0"
     }, h("thead", {
-      key: '8a99a961cf350bca26b1f73b8ffd6c8e1c48378f'
+      key: 'ccab58dc46ae765df28da97ded6b1dd14d45d7f1'
     }, h("tr", {
-      key: 'a4ee04e342687830e905a3bd5217e53e513f0167',
+      key: '904a125aad610cebe42b0bce46615be38f0ee17a',
       class: "m-0 p-0 border border-softer even:bg-inverse-softer"
     }, this.columns.map(column => {
       var _a;
@@ -455,7 +455,7 @@ const EdsTable = class {
         }
       }, column);
     }))), h("tbody", {
-      key: '3c764ac7137d1b21f45003c6df5324e7d0db749f'
+      key: 'a4c54c9c89d15546020dbb684e5486decde33f30'
     }, paginatedRows.map(row => h("tr", {
       class: "m-0 p-0 border border-softer even:bg-inverse-softer"
     }, this.columns.map(column => {
@@ -467,10 +467,10 @@ const EdsTable = class {
         }
       }, this.renderCell(row[column], column));
     })))))), this.shouldEnablePagination() && h("div", {
-      key: '98a1179b45fbc1b2f079825c899410ef4faf8c45',
+      key: '2a248cbbe81ac8c1ad4dfbb49a9615f15931bac6',
       class: "mt-20"
     }, h("eds-pagination", {
-      key: '662c479139658ea7f3d2a3955c77e24d44dd6e74',
+      key: '11701d81922ca4c8b36fe82be32316a175eddbcd',
       currentPage: this.currentPage,
       lastPage: lastPage,
       perPage: this.rowsPerPage,

package/eds-progress-bar.entry.esm.js

@@ -3,37 +3,48 @@ import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
 
-const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}";
+const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0rem}.pointer-events-none{pointer-events:none}";
 const EdsProgressBarStyle0 = edsProgressBarCss;
 const EdsProgressBar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.value = 0;
+    this.rounded = true;
   }
   /**
    * Method to update the progress value externally.
    * @param newValue The new progress value (0-100).
    */
   async updateValue(newValue) {
-    this.value = Math.min(100, Math.max(0, newValue)); // Clamp value between 0 and 100
+    this.value = Math.min(100, Math.max(0, newValue)); // Clamp 0–100
   }
   render() {
-    const progressValue = this.value;
+    const progressValue = Math.min(100, Math.max(0, this.value));
+    // Outer container classes (conditionally rounded)
+    const outerClasses = ['outer', 'w-full', 'h-24', 'bg-default', 'border', 'border-softer', 'overflow-hidden', this.rounded ? 'rounded-lg' : '', 'relative'].filter(Boolean).join(' ');
+    // 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: '0f47fedbf9d44887f65b399e184215f0937b1df1',
+      key: '8760afff9f85f05fec52b0a7fb668661e49dc06f',
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       "aria-valuenow": progressValue,
       "aria-valuetext": `${progressValue}%`,
-      class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"
+      class: outerClasses
     }, h("div", {
-      key: 'a2d095d778842c969832ea6b1ba7f7ef917d1390',
-      class: `inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02`,
+      key: '06165b69fe7e170f4f61d9f95b5a44342d4ee67a',
+      class: fillClasses,
       style: {
         width: `${progressValue}%`
       }
-    }, progressValue, "%"));
+    }), h("div", {
+      key: '0c48e65c5a6cb0b4dff7a7e3e248052cdc29957d',
+      class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
+    }, h("span", {
+      key: 'fc6f7396cf741ba18d1b5d065bdd1b7bfff12abe',
+      class: "text-default f-body-02"
+    }, progressValue, "%")));
   }
 };
 EdsProgressBar.style = EdsProgressBarStyle0;

package/eds-rating.entry.esm.js

@@ -48,7 +48,7 @@ const EdsRating = class {
   }
   render() {
     return h("div", {
-      key: 'd1650c37f02bf467f888d0afd0a025198bc0eedc',
+      key: '685ac01e4db577b07d00030b0c25e10b9b0defa8',
       role: "radiogroup",
       class: "stars flex space-x-1 my-8"
     }, Array.from({

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: 'f07162204271dca0f1ec8a3d309ab9d38a9fff4f'
+      key: 'ff0b28dffb8aca2ad0ac1ee3eea7ebda75078f96'
     }, h("eds-section-heading", {
-      key: 'c4db2a67151fcec22306f624b071725518292e65',
+      key: '23e9bb2b084c6b8a534dd310fbe10e0de0211187',
       headingLevel: this.headingLevel,
       sectionTitle: this.sectionTitle
     }), h("slot", {
-      key: 'e610f4777f1b334e20482862504085f5317a63df'
+      key: '9cae6378bdb5304191d393967025570f94fdcdb2'
     }));
   }
 };
@@ -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: 'efa6dd7e228db2b86961efdff9b5dd9729a1a24b',
+      key: 'bb32f87fd944ebf08ebcde3980c18cd4bed18783',
       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: 'dd50f0fe3baf084c71dc4c8fa745484645a58f76',
+      key: '0cd8ea8aada58e30675579c82ba130b40257c7c6',
       class: this.getHeadingClass()
     }, this.sectionTitle));
   }

package/eds-spinner.entry.esm.js

@@ -50,13 +50,13 @@ const EdsSpinner = class {
       justifyContent: 'center'
     };
     return h(Host, {
-      key: '77f17386e37b3dae21c2893dab53ef046d74b8fb'
+      key: '214876a56949c147e74c1a7072406234c2fb1a02'
     }, h("div", {
-      key: 'c9420f866d61331901df7d6d681d09f75e31846c',
+      key: 'b75b639fa38aafaf13e1eb727e28c5e67f3edafe',
       class: "spinner-overlay",
       style: overlayStyle
     }, h("span", {
-      key: '83497de6228b75fad77225a1b6fee9a614d68fe4',
+      key: '87ba2ef7e1e9601ac0ae8132e9c891b4149a20b5',
       class: "spinner",
       style: spinnerStyle
     })));

package/eds-splash-screen.entry.esm.js

@@ -0,0 +1,87 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsSplashScreenCss = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}";
+const EdsSplashScreenStyle0 = edsSplashScreenCss;
+const EdsSplashScreen = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.splash = createEvent(this, "splash", 7);
+    this.inverse = false;
+    this.initPromise = undefined;
+    this.isVisible = true;
+  }
+  // When the component loads, check if there is a promise.
+  componentWillLoad() {
+    if (this.initPromise) {
+      this.handleInitPromise(this.initPromise);
+    }
+  }
+  // Watch for changes on initPromise.
+  async watchInitPromise(newPromise) {
+    if (newPromise) {
+      this.handleInitPromise(newPromise);
+    }
+  }
+  async handleInitPromise(promise) {
+    try {
+      await promise;
+      //console.log('Promises resolved');
+      this.hideSplash();
+    } catch (error) {
+      //console.error('Initialization error:', error);
+      this.splash.emit({
+        type: 'error',
+        message: error.message || 'Unknown error'
+      });
+    }
+  }
+  handleHideSplash() {
+    this.hideSplash();
+  }
+  hideSplash() {
+    this.isVisible = false;
+    this.splash.emit({
+      type: 'hidden',
+      message: 'Splash screen hidden successfully'
+    });
+  }
+  render() {
+    if (!this.isVisible) {
+      return null;
+    }
+    return h(Host, null, h("div", {
+      class: "splash-overlay",
+      style: {
+        background: this.inverse ? 'black' : 'var(--grey-200)'
+      }
+    }, h("div", {
+      class: "logo-container"
+    }, this.inverse ? h("eds-logo", {
+      orientation: "vertical",
+      type: "color-white"
+    }) : h("eds-logo", {
+      orientation: "vertical",
+      type: "color"
+    })), h("div", {
+      class: "content-container"
+    }, h("eds-spinner", {
+      size: "1rem",
+      thickness: "3px",
+      "border-color": "var(--grey-400)",
+      "bottom-color": "var(--grey-900)",
+      background: "none",
+      fullscreen: false
+    }))));
+  }
+  static get watchers() {
+    return {
+      "initPromise": ["watchInitPromise"]
+    };
+  }
+};
+EdsSplashScreen.style = EdsSplashScreenStyle0;
+
+export { EdsSplashScreen as eds_splash_screen };