@ebrains/components 0.0.1-alpha.0 → 0.2.0-alpha.0

package/dist/cjs/eds-block-break.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const edsBlockBreakCss = ".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)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}";
+const EdsBlockBreakStyle0 = edsBlockBreakCss;
 
 const EdsBlockBreak = class {
     constructor(hostRef) {
@@ -15,6 +16,6 @@ const EdsBlockBreak = class {
         return index.h("hr", { key: '85b5253d4abb77072424452d2ff6a0d631e67652', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
 };
-EdsBlockBreak.style = edsBlockBreakCss;
+EdsBlockBreak.style = EdsBlockBreakStyle0;
 
 exports.eds_block_break = EdsBlockBreak;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const edsBreadcrumbCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}";
+const EdsBreadcrumbStyle0 = edsBreadcrumbCss;
 
 const EdsBreadcrumb = class {
     constructor(hostRef) {
@@ -147,6 +148,6 @@ const EdsBreadcrumb = class {
         "items": ["parseItems"]
     }; }
 };
-EdsBreadcrumb.style = edsBreadcrumbCss;
+EdsBreadcrumb.style = EdsBreadcrumbStyle0;
 
 exports.eds_breadcrumb = EdsBreadcrumb;

package/dist/cjs/eds-card-project.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-96a4261e.js');
-require('./index-1ff5f25c.js');
+const index = require('./index-f08e4f5c.js');
+const color = require('./color-3ffe3072.js');
+require('./index-ab9fbefe.js');
 
 const EdsCardProject = class {
     constructor(hostRef) {
@@ -35,7 +35,7 @@ const EdsCardProject = class {
     handleClick(event) {
         var _a;
         event.preventDefault();
-        index$1.sendAnalytics({
+        color.sendAnalytics({
             category: 'ui-component',
             tag: this.el.tagName.toLowerCase(),
             name: ((_a = this.titleProject) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
@@ -47,7 +47,7 @@ const EdsCardProject = class {
         const cardClasses = [
             'min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg',
             this.color
-                ? index$1.gradientBGColorVariants({
+                ? color.gradientBGColorVariants({
                     color: this.color,
                     hover: this.bgOnHover,
                     class: 'before:border-2 before:rounded-lg before:border-softest'

package/dist/cjs/eds-card-section.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const edsCardSectionCss = ".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--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{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.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}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";
+const EdsCardSectionStyle0 = edsCardSectionCss;
 
 const EdsCardSection = class {
     constructor(hostRef) {
@@ -35,9 +36,9 @@ const EdsCardSection = class {
      * @returns {JSX.Element} The rendered section containing a list of cards.
      */
     render() {
-        return (index.h("section", { key: '587f8d95e27862e855a7aab3d157b3b26c12181e', class: "w-full" }, index.h("ul", { key: 'e655546e5e92dbbfb5640f448409584b4f83a98d', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (index.h("li", { class: `grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col` }, index.h("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
+        return (index.h("section", { key: 'f8e6a03e37677623fad3c53327f6260920a5e914', class: "w-full" }, index.h("ul", { key: '1da1bc3a5aecadd52b4d025d7d02dc252e47b34a', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (index.h("li", { class: `grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col` }, index.h("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
     }
 };
-EdsCardSection.style = edsCardSectionCss;
+EdsCardSection.style = EdsCardSectionStyle0;
 
 exports.eds_card_section = EdsCardSection;

package/dist/cjs/eds-card-tags.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const edsCardTagsCss = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";
+const EdsCardTagsStyle0 = edsCardTagsCss;
 
 const EdsCardTags = class {
     constructor(hostRef) {
@@ -16,6 +17,6 @@ const EdsCardTags = class {
         return (index.h("div", { key: 'b201dc6df5e809d828a055fb5f01fe798e228361', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index$1) => (index.h("eds-tag", { key: index$1, intent: this.accent ? 'accent' : 'default', label: tag })))));
     }
 };
-EdsCardTags.style = edsCardTagsCss;
+EdsCardTags.style = EdsCardTagsStyle0;
 
 exports.eds_card_tags = EdsCardTags;

package/dist/cjs/eds-card-tool.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-96a4261e.js');
-require('./index-1ff5f25c.js');
+const index = require('./index-f08e4f5c.js');
+const color = require('./color-3ffe3072.js');
+require('./index-ab9fbefe.js');
 
 const edsCardToolCss = ".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 EdsCardToolStyle0 = edsCardToolCss;
 
 const EdsCardTool = class {
     constructor(hostRef) {
@@ -62,7 +63,7 @@ const EdsCardTool = class {
     handleClick() {
         var _a;
         //event.preventDefault();
-        index$1.sendAnalytics({
+        color.sendAnalytics({
             category: 'ui-component',
             tag: this.el.tagName.toLowerCase(),
             name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
@@ -74,6 +75,6 @@ const EdsCardTool = class {
     }
     get el() { return index.getElement(this); }
 };
-EdsCardTool.style = edsCardToolCss;
+EdsCardTool.style = EdsCardToolStyle0;
 
 exports.eds_card_tool = EdsCardTool;

package/dist/cjs/eds-card-wrapper.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const EdsCardWrapper = class {
     constructor(hostRef) {

package/dist/cjs/eds-code-block.cjs.entry.js

@@ -2,41 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getDefaultExportFromNamespaceIfPresent (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
-}
-
-function getDefaultExportFromNamespaceIfNotNamed (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
-}
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-function commonjsRequire (path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-
 var prism = {exports: {}};
 
 (function (module) {
@@ -1250,7 +1219,7 @@ var Prism = (function (_self) {
 
 }(_self));
 
-if ('object' !== 'undefined' && module.exports) {
+if (module.exports) {
 	module.exports = Prism;
 }
 
@@ -2441,6 +2410,7 @@ Prism.languages.py = Prism.languages.python;
 }(Prism));
 
 const edsCodeBlockCss = ":host{display:block;font-family:var(--font-family, 'Courier New', monospace)}pre[class*=\"language-\"]{white-space:pre-wrap;word-break:break-word;}.language{font-weight:bold;text-transform:uppercase}pre{margin:0;border-radius:8px;color:var(--purple-200);overflow:auto}code{font-family:'Courier New', monospace}.token.keyword{color:var(--purple-500)}.token.string{color:var(--green-500)}.token.function{color:var(--cyan-500)}.token.comment{color:var(--grey-700)}.relative{position:relative}.bg-stronger{background-color:var(--grey-900)}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-0{padding:0rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.pl-8{padding-left:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.pb-16{padding-bottom:1rem}.pb-20{padding-bottom:1.25rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.pb-8{padding-bottom:0.5rem}.mt-16{margin-top:1rem}.mt-2{margin-top:0.125rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.w-20{width:1.25rem}.h-20{height:1.25rem}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
+const EdsCodeBlockStyle0 = edsCodeBlockCss;
 
 const EdsCodeBlock = class {
     constructor(hostRef) {
@@ -2467,6 +2437,6 @@ const EdsCodeBlock = class {
         return (index.h("div", { key: 'a99c0c8b9546b80bb3f9e21cd53c29540e8b6e06', class: "relative bg-stronger rounded-sm" }, index.h("div", { key: '5856f9d30bb52f791e0d8bb03a6438bc01247f66', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (index.h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (index.h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, index.h("code", { innerHTML: this.getHighlightedCode() }))), index.h("span", { key: 'dfb0f69dbbd1032ace5afb7fe98d899816f36610', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, index.h("eds-icon-wrapper", { key: 'b399384638265f9fcc9a824c47fe73c75bcade33', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), index.h("span", { key: '47c2d00b2cf86b99522dbc438726e0fc57fb6a44', class: "sr-only" }, "Copy Code")), this.language && (index.h("pre", { key: '038321e9d3d2a38963857ab8b719653f3e8385e3', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, index.h("code", { key: '72be161dd9781d9bc2f4d9495969175f34c19249', innerHTML: this.getHighlightedCode() })))));
     }
 };
-EdsCodeBlock.style = edsCodeBlockCss;
+EdsCodeBlock.style = EdsCodeBlockStyle0;
 
 exports.eds_code_block = EdsCodeBlock;

package/dist/cjs/eds-components-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const EdsComponentsOverview = () => (index.h("div", { class: "static-content container" },
     index.h("eds-alert", { message: "EBRAINS Design System makes it easy to implement and use its components across any framework or no framework at all. We\n      accomplish this by using standardized web platform APIs and Web Components.", intent: "default" }),
@@ -89,7 +89,7 @@ const EdsComponentsSection = class {
         }
     }
     render() {
-        return index.h("div", { key: '289db339f218b1f440badee9bb13c7bb20962c9c', class: "container" }, this.renderContent());
+        return index.h("div", { key: 'faa14dc7bb5d966ea1328f60d8ca88b3c406ad51', class: "container" }, this.renderContent());
     }
 };
 

package/dist/cjs/eds-docs-palettes.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const EdsDocsPalettes = class {
     constructor(hostRef) {
@@ -20,7 +20,7 @@ const EdsDocsPalettes = class {
         }
     }
     render() {
-        return index.h("div", { key: '480cc269ee31de61190b4ae7502c3c17e673c3f9', class: "container" }, this.renderContent());
+        return index.h("div", { key: 'c11e0de66c41770e7ebca46d3fb7ab11b454511e', class: "container" }, this.renderContent());
     }
 };
 

package/dist/cjs/eds-docs-tokens.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const EdsDocsContent = class {
     constructor(hostRef) {
@@ -28,7 +28,7 @@ const EdsDocsContent = class {
         }
     }
     render() {
-        return index.h("div", { key: '64ee8c20ec7dca1ea1a742ef53f0315c81107ead', class: "container" }, this.renderContent());
+        return index.h("div", { key: 'ef9cf093af7bc730b73f3561b36187f70aea29a7', class: "container" }, this.renderContent());
     }
 };
 

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const edsFooterCss = "";
+const EdsFooterStyle0 = edsFooterCss;
 
 const EdsFooter = class {
     constructor(hostRef) {
@@ -41,9 +42,9 @@ const EdsFooter = class {
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (index.h("footer", { key: '1dbb78de159046a38845022365c462f3bb13ba54', class: `${this.extraClass} pb-banner` }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, index.h("div", { class: "container pb-20 xl:pb-40 " }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })), index.h("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" }))))) : null, index.h("div", { key: '0883cc43b6c9237208530d14be4c58d005142502', class: `border-softest ${this.social ? 'border-t-2' : ''} pt-20 pb-28 md:pt-28` }, index.h("div", { key: '30e4c3d89c2729efea1ad5ba334e59e886c3069d', class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: 'c4fe60606ab60985a3e3ea2314ff76c53f3810ae', class: "flex items-center gap-x-12" }, index.h("a", { key: 'd4c4bae43531410080af951544fd0a9d1406c7c4', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en" }, index.h("eds-img", { key: '0752c2014acfe5f1f5908591c4d374effbf57d10', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), index.h("div", { key: '3390ef0afd14969dc59d5fbe00a5cf01c79c4bca', class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, index.h("p", { key: '03c91e4b89bd170044ee1ad3cf1f51cd780c0527' }, this.fundedBy), index.h("div", { key: 'ddc93ed3151a6a7e1f2d3509da138c4862d96337', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, index.h("span", { key: '7fe59d9f83c0f8ed081338f478c5939d84e3ee36', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.hasCookiesSetUp && (index.h("button", { key: '2081e8305c78eba85d149a08097eebced197a5c3', class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference)))), index.h("div", { key: '5b73083bdddd6c2ee7632446b19a41f14ee55858', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop })) : null)))));
+        return (index.h("footer", { key: 'efffa9b96cc2a094255fcb6d08ec45c7c7f09ec4', class: `${this.extraClass} pb-banner` }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, index.h("div", { class: "container pb-20 xl:pb-40 " }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })), index.h("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" }))))) : null, index.h("div", { key: 'c3942c635dff3dc8cb47a21f20aca52acfaa3e18', class: `border-softest ${this.social ? 'border-t-2' : ''} pt-20 pb-28 md:pt-28` }, index.h("div", { key: '57e963272659ce2e63294c969f3724a03aef667e', class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: 'c3e5cfe07fe9eb90450f7a87be1b95ed00ef38ce', class: "flex items-center gap-x-12" }, index.h("a", { key: 'b0d0c65115b611f78d2b468559c16eb60f538907', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en" }, index.h("eds-img", { key: '6cb5d067f07b456a8d828f3f42f2730e3e5374e0', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), index.h("div", { key: 'e5b768b0fb96fcdcb786d33fc808368005935491', class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, index.h("p", { key: '777263c2f4bde43d38690f41391eaf8e51d945fa' }, this.fundedBy), index.h("div", { key: 'a415687d08edf8f3e03a6edce9c45f58662c8595', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, index.h("span", { key: 'c0b6498ad4f5e1f4f1945ebb971f9dd81cc74c77', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.hasCookiesSetUp && (index.h("button", { key: '10133d180bfb0d8a6354ea2cbea318a2c46fc463', class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference)))), index.h("div", { key: '917d0980f91a8c42a75bae301b0a18e3777dd021', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop })) : null)))));
     }
 };
-EdsFooter.style = edsFooterCss;
+EdsFooter.style = EdsFooterStyle0;
 
 exports.eds_footer = EdsFooter;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const EdsFrame = class {
     constructor(hostRef) {

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const edsFullscreenMenuCss = "";
+const EdsFullscreenMenuStyle0 = edsFullscreenMenuCss;
 
 const EdsFullscreenMenu = class {
     constructor(hostRef) {
@@ -94,6 +95,6 @@ const EdsFullscreenMenu = class {
         return this.isMenuOpen ? (index.h("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, index.h("div", { class: "flex min-h-full flex-col" }, index.h("div", { class: `bg-default w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, index.h("div", { class: "mx-auto flex items-center justify-between" }, index.h("div", { class: "mr-auto w-[200px] h-[85px]" }, index.h("eds-logo", { type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), index.h("div", { class: "px-16" }, index.h("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), index.h("div", { class: "py-16 px-16" }, index.h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index$1) => (index.h("eds-link", { label: link.label, key: index$1, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), index.h("eds-block-break", null), index.h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index$1) => (index.h("eds-link", { label: link.label, key: index$1, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" }))))), index.h("div", { class: "mt-auto" }, index.h("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
     }
 };
-EdsFullscreenMenu.style = edsFullscreenMenuCss;
+EdsFullscreenMenu.style = EdsFullscreenMenuStyle0;
 
 exports.eds_fullscreen_menu = EdsFullscreenMenu;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const arrowDiagonalBlack = require('./arrow-diagonal-black-0eb8640e.js');
 
 const EdsIconArrowDiagonal = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconArrowDiagonal = class {
         this.addClass = '';
     }
     render() {
-        return index.h("span", { key: '08ebdce5cfbe75bf4bfab8f72493e2178be55c3c', class: this.addClass, innerHTML: index$1.arrowDiagonal });
+        return index.h("span", { key: '08ebdce5cfbe75bf4bfab8f72493e2178be55c3c', class: this.addClass, innerHTML: arrowDiagonalBlack.arrowDiagonal });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const arrowRight = require('./arrow-right-3e38e8a9.js');
 
 const EdsIconArrowRight = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconArrowRight = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '6d704324784e6c3d9c221dcaf83bd86a8a6a94ab', class: this.class, innerHTML: index$1.arrowRight });
+        return index.h("span", { key: '6d704324784e6c3d9c221dcaf83bd86a8a6a94ab', class: this.class, innerHTML: arrowRight.arrowRight });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const bluesky = require('./bluesky-eb0d6051.js');
 
 const EdsIconBluesky = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: index$1.bluesky });
+        return index.h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: bluesky.bluesky });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const chevronDown = require('./chevron-down-27344777.js');
 
 const EdsIconChevronDown = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconChevronDown = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'bc01e9e10033245e02403b6b919911018eef9919', class: this.class, innerHTML: index$1.chevronDown });
+        return index.h("span", { key: 'bc01e9e10033245e02403b6b919911018eef9919', class: this.class, innerHTML: chevronDown.chevronDown });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const chevronLeft = require('./chevron-left-6fc9c6ef.js');
 
 const EdsIconChevronLeft = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconChevronLeft = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'd74bd0b2ddfd5bd61c97309aebb71d7c29f0cf43', class: this.class, innerHTML: index$1.chevronLeft });
+        return index.h("span", { key: 'd74bd0b2ddfd5bd61c97309aebb71d7c29f0cf43', class: this.class, innerHTML: chevronLeft.chevronLeft });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const chevronRight = require('./chevron-right-6d95a117.js');
 
 const EdsIconChevronRight = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconChevronRight = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '998491aed74bd3edd1fb8545f85ab52cf2703b3f', class: this.class, innerHTML: index$1.chevronRight });
+        return index.h("span", { key: '998491aed74bd3edd1fb8545f85ab52cf2703b3f', class: this.class, innerHTML: chevronRight.chevronRight });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const chevronUp = require('./chevron-up-e37d7713.js');
 
 const EdsIconChevronUp = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconChevronUp = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'd0723afa766fc6dac454ec84602bd50ba4e49950', class: this.class, innerHTML: index$1.chevronUp });
+        return index.h("span", { key: 'd0723afa766fc6dac454ec84602bd50ba4e49950', class: this.class, innerHTML: chevronUp.chevronUp });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const close = require('./close-51284af5.js');
 
 const EdsIconClose = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconClose = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '365ad476b1be9c708e73598cad1dd42a908fa1cd', class: this.class, innerHTML: index$1.close });
+        return index.h("span", { key: '365ad476b1be9c708e73598cad1dd42a908fa1cd', class: this.class, innerHTML: close.close });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const copy = require('./copy-53102d0c.js');
 
 const EdsIconCopy = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconCopy = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e', class: this.class, innerHTML: index$1.copy });
+        return index.h("span", { key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e', class: this.class, innerHTML: copy.copy });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const eu = require('./eu-b9665157.js');
 
 const EdsIconEu = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'cc6e5f7d7333ff7ed4a6f716e0ee90806fa782f9', class: this.class, innerHTML: index$1.euSvg });
+        return index.h("span", { key: 'cc6e5f7d7333ff7ed4a6f716e0ee90806fa782f9', class: this.class, innerHTML: eu.euSvg });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const facebook = require('./facebook-7aa65e57.js');
 
 const EdsIconFacebook = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'f859db4f8b6679e138e6d72d1d0f5e5bd1bcf997', class: this.class, innerHTML: index$1.facebook });
+        return index.h("span", { key: 'f859db4f8b6679e138e6d72d1d0f5e5bd1bcf997', class: this.class, innerHTML: facebook.facebook });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const mono = require('./mono-2f3cd653.js');
 
 const EdsIconGitlab = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '5a91cfc15c4dec2b50ce57fb0f1d6cc8f57b03e8', class: this.class, innerHTML: index$1.gitlabBlack });
+        return index.h("span", { key: '5a91cfc15c4dec2b50ce57fb0f1d6cc8f57b03e8', class: this.class, innerHTML: mono.gitlabBlack });
     }
 };
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const linkedin = require('./linkedin-46b0dd56.js');
 
 const EdsIconLinkedin = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'b8e0661a74a92c72b6db109cb48db12da48dcf92', class: this.class, innerHTML: index$1.linkedin });
+        return index.h("span", { key: 'b8e0661a74a92c72b6db109cb48db12da48dcf92', class: this.class, innerHTML: linkedin.linkedin });
     }
 };