@ebrains/components 2.1.0 → 2.2.0

package/dist/components/eds-tooltip2.js

@@ -0,0 +1,52 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { s as sendAnalytics } from './analytics.js';
+
+const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.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)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}";
+const EdsTooltipStyle0 = edsTooltipCss;
+
+const EdsTooltip = /*@__PURE__*/ proxyCustomElement(class EdsTooltip extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.content = undefined;
+        this.position = 'top';
+    }
+    /** fire analytics on every hover */
+    handleHover() {
+        sendAnalytics({
+            category: 'ui-component',
+            tag: this.el.tagName.toLowerCase(),
+            name: this.content.toLowerCase(),
+            action: 'hover'
+        });
+    }
+    render() {
+        const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
+        return (h("div", { key: '135df7d17db03fb3bb7bbcc50ad9ee5d84a2bca2', class: "relative w-full inline-block group" }, h("slot", { key: '4c12874eeb942e33f9c62ea6f1077fd051f683b6' }), h("div", { key: '8bb7173d16889b2ae550dc0269d9e47e1dae00ac', class: `absolute ${positionClass}
+            rounded-xs bg-strongest text-inverse 
+            f-ui-03-light pointer-events-none 
+            z-10 px-4 opacity-0 transition-opacity duration-150 ease-in-out
+            group-hover:opacity-100 whitespace-normal break-words`, role: "tooltip" }, this.content)));
+    }
+    get el() { return this; }
+    static get style() { return EdsTooltipStyle0; }
+}, [1, "eds-tooltip", {
+        "content": [1],
+        "position": [1]
+    }, [[1, "mouseenter", "handleHover"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-tooltip":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsTooltip);
+            }
+            break;
+    } });
+}
+
+export { EdsTooltip as E, defineCustomElement as d };

package/dist/components/eds-trl.js

@@ -1,17 +1,18 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$e } from './eds-button2.js';
-import { d as defineCustomElement$d } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$c } from './eds-input2.js';
-import { d as defineCustomElement$b } from './eds-input-field2.js';
-import { d as defineCustomElement$a } from './eds-input-footer2.js';
-import { d as defineCustomElement$9 } from './eds-input-label2.js';
-import { d as defineCustomElement$8 } from './eds-input-range2.js';
-import { d as defineCustomElement$7 } from './eds-input-search2.js';
-import { d as defineCustomElement$6 } from './eds-input-select2.js';
-import { d as defineCustomElement$5 } from './eds-link2.js';
-import { d as defineCustomElement$4 } from './eds-pagination2.js';
-import { d as defineCustomElement$3 } from './eds-progress-bar2.js';
-import { d as defineCustomElement$2 } from './eds-table2.js';
+import { d as defineCustomElement$f } from './eds-button2.js';
+import { d as defineCustomElement$e } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$d } from './eds-input2.js';
+import { d as defineCustomElement$c } from './eds-input-field2.js';
+import { d as defineCustomElement$b } from './eds-input-footer2.js';
+import { d as defineCustomElement$a } from './eds-input-label2.js';
+import { d as defineCustomElement$9 } from './eds-input-range2.js';
+import { d as defineCustomElement$8 } from './eds-input-search2.js';
+import { d as defineCustomElement$7 } from './eds-input-select2.js';
+import { d as defineCustomElement$6 } from './eds-link2.js';
+import { d as defineCustomElement$5 } from './eds-pagination2.js';
+import { d as defineCustomElement$4 } from './eds-progress-bar2.js';
+import { d as defineCustomElement$3 } from './eds-table2.js';
+import { d as defineCustomElement$2 } from './eds-tooltip2.js';
 
 const EdsTrl$1 = /*@__PURE__*/ proxyCustomElement(class EdsTrl extends HTMLElement {
     constructor() {
@@ -54,7 +55,7 @@ const EdsTrl$1 = /*@__PURE__*/ proxyCustomElement(class EdsTrl extends HTMLEleme
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (h("div", { key: '51e2ef0877ef34a3c413d8bb690d659525845a92', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: 'b682cb9ce8182302b82042173fcc93aed65f7006', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
+        return (h("div", { key: '42873472d353599cbc2903b00ff03f0f802f1120', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: '980a4d934f0554fefd34f8c4631f305d45f81bc3', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
     }
 }, [0, "eds-trl", {
         "applications": [1]
@@ -63,7 +64,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-trl", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-progress-bar", "eds-table"];
+    const components = ["eds-trl", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-progress-bar", "eds-table", "eds-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-trl":
             if (!customElements.get(tagName)) {
@@ -72,65 +73,70 @@ function defineCustomElement$1() {
             break;
         case "eds-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "eds-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "eds-input-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "eds-input-footer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "eds-input-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "eds-input-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "eds-input-search":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "eds-input-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "eds-link":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "eds-pagination":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "eds-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "eds-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/eds-user.js

@@ -13,7 +13,12 @@ const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLEle
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.handleDropdown = (e) => {
+            this.expanded = e.detail.expanded;
+        };
         this.user = undefined;
+        this.intent = 'tertiary';
+        this.expanded = false;
     }
     /**
      * Helper getter to ensure we work with a User object.
@@ -39,12 +44,15 @@ const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLEle
     }
     render() {
         const user = this.parsedUser;
-        return (h("div", { key: '8a1f10cc85d8e2707042c85bc597b76fb2d25da4', class: "block" }, h("div", { key: 'a744de3d113920b8ff0d01ce273672b2bff57c97', class: "flex items-center" }, h("eds-dropdown", { key: 'e9230372d79936a785050ebb3e41f40e73282a57', label: `Hi, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: '7d4bd0ee0985c840a18764cac784726ff1c987fb', class: "min-w-[280px] p-8" }, h("div", { key: '603d6807988dd79cd4e7827918ff8932d8463fc3', class: "flex gap-x-16" }, h("eds-avatar", { key: '65ba89139cb6e3b6cb90c2072eb68cc7dc1da49c', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), h("div", { key: 'df35b758918ebccbdfe6630bd356e647522404e1', class: "max-w-full" }, user.name && h("p", { key: '7174f34445bb1a0b77a3c1b893421bd104832485', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: '72d853f5014c03803dce7aa0a74d96847ed8c875', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: 'e406e2f3ca8504220ee9586a1d176c15c7236502', class: "f-ui-03-light text-light mt-4" }, user.email))), h("div", { key: '8fd3b42ab4eb3d1d70a0b827e3a03af8503c55d1', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: '6a477155c256543b7793947d52feb3f5abb0df6e' })))))));
+        const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
+        return (h("div", { key: '965387104c4bd6cd3223c08f16d90146c098594c', class: "block" }, h("div", { key: '37fe5539cb058112ebe0d910439acb55b5abccd8', class: "flex items-center" }, h("eds-dropdown", { key: '17afc8dbae191aec1202ba04d85c41ed656a8c5b', label: `Hi, ${user.preferred_username}`, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: iconName, class: "text-default", onDropdown: this.handleDropdown }, h("div", { key: '0228c1728b0b73e2504d2608339f9be408be09b8', class: "min-w-[280px] p-8" }, h("div", { key: 'b83148ff8249bde91842b036da5506f9f5cbb145', class: "flex gap-x-16" }, h("eds-avatar", { key: '243a05bae2e4e592dc386b1897d824232d0bcfa6', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), h("div", { key: '6938f54621aa89e61aa6639e8c88af4e262e0fec', class: "max-w-full" }, user.name && h("p", { key: '224ce5cf6819a9dd0c3794410a94da30cc4213bf', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: '096ac761149763ef4305ef5e9bf1f4b593a0fe4f', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: '79f7da3c6c5efc1f521991c403184cf050b3d2e7', class: "f-ui-03-light text-light mt-4" }, user.email))), h("div", { key: '52ce98bcc290902605ebd427ee8ab72ac9af3d62', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: '88d1b250c434830347e0eb813214382ce899c485' })))))));
     }
     get hostEl() { return this; }
     static get style() { return EdsUserStyle0; }
 }, [1, "eds-user", {
-        "user": [1025]
+        "user": [1025],
+        "intent": [1],
+        "expanded": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/incorrect-use-of-colors.js

@@ -44,7 +44,7 @@ const IncorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class IncorrectU
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '99f72ce6be806d58cdbe053d86a07e7769e7c298', class: "container" }, h("div", { key: '4689bc35f56681d07747158f45bed8960bd764bb', class: "mb-8" }, h("eds-alert", { key: 'bda983921ff3779dc947d13ff7b3c4f0509154ea', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'ef02b05fb6fb761cae3cc5120478d9670ae65508', class: "flex" }, h("div", { key: '968ccc8bc1acec2856325c921d737f0ac2d0e26d', class: "w-full" }, h("ul", { key: 'aafe0547a6f6185216cf5ba08cca1e5ed97f7fb8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'f8af94ee21c7ed37b177fa3b5285e9bfe76e8e46', class: "w-full" }, h("ul", { key: 'ef52e37263e0bfda9d631f7aa6abe2074cbebe78', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: 'd09d8204f4369476882f0614e96c07c953b34f54', class: "container" }, h("div", { key: 'a80342ee08961192aa3a664f66406b220cd208ed', class: "mb-8" }, h("eds-alert", { key: '242c9bae130e9a7487412da4f75ab30a2db49335', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'f9d60933f46189f848938a5beb1ca5fadfa84934', class: "flex" }, h("div", { key: 'd7f33f14834c5a97aafbdb447f723e1a20b5e498', class: "w-full" }, h("ul", { key: '0e3b7baf000534530164f373884a6957419539a7', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'd0422452dbb56de94fee33562b07867fb9bfd6ac', class: "w-full" }, h("ul", { key: 'e5daf06bbcec1227ccf03b3f3a8a6016a33c289c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 }, [0, "incorrect-use-of-colors"]);
 function defineCustomElement$1() {

package/dist/components/logo-space.js

@@ -1,17 +1,18 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { v as vLogoMargins } from './logo-color-margins.js';
-import { d as defineCustomElement$d } from './eds-button2.js';
-import { d as defineCustomElement$c } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$b } from './eds-input2.js';
-import { d as defineCustomElement$a } from './eds-input-field2.js';
-import { d as defineCustomElement$9 } from './eds-input-footer2.js';
-import { d as defineCustomElement$8 } from './eds-input-label2.js';
-import { d as defineCustomElement$7 } from './eds-input-range2.js';
-import { d as defineCustomElement$6 } from './eds-input-search2.js';
-import { d as defineCustomElement$5 } from './eds-input-select2.js';
-import { d as defineCustomElement$4 } from './eds-link2.js';
-import { d as defineCustomElement$3 } from './eds-pagination2.js';
-import { d as defineCustomElement$2 } from './eds-table2.js';
+import { d as defineCustomElement$e } from './eds-button2.js';
+import { d as defineCustomElement$d } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$c } from './eds-input2.js';
+import { d as defineCustomElement$b } from './eds-input-field2.js';
+import { d as defineCustomElement$a } from './eds-input-footer2.js';
+import { d as defineCustomElement$9 } from './eds-input-label2.js';
+import { d as defineCustomElement$8 } from './eds-input-range2.js';
+import { d as defineCustomElement$7 } from './eds-input-search2.js';
+import { d as defineCustomElement$6 } from './eds-input-select2.js';
+import { d as defineCustomElement$5 } from './eds-link2.js';
+import { d as defineCustomElement$4 } from './eds-pagination2.js';
+import { d as defineCustomElement$3 } from './eds-table2.js';
+import { d as defineCustomElement$2 } from './eds-tooltip2.js';
 
 const logoSpaceCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.text-center{text-align:center}.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}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.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)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}";
 const LogoSpaceStyle0 = logoSpaceCss;
@@ -23,7 +24,7 @@ const LogoSpace$1 = /*@__PURE__*/ proxyCustomElement(class LogoSpace extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '715c9aab5f553f14a183efcec753ac3a7d2a6ef7', class: "container" }, h("ul", { key: 'd552744d7c502654c1863a0e2bfe939aa5ab0447', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '06ea3756aa8416e11a0f8c3995e70112808791e8', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '186172fddc2a100fb5f757ce7175501f7b838896', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '6131a46a1f7d4efac1feb05ffbd88ca35ba07d08', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'df5acbe2348d1fcf069ddb55ce8c7180ecea0959', class: "text-center mt-16" }, h("p", { key: '65b120c29fd408808ab2b6ca3e038915f386c033', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '137055ef0dd2e79db8dd0cfac8c297385c693338', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: 'cbaf5b78b83fa1874d2555ae07dcd849007d9b28', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
+        return (h("div", { key: '2ff3cdb12cbd61fc4053418d1a678409c05755f2', class: "container" }, h("ul", { key: 'abfc33d14841a457959f5b15e8542465e8a0f883', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd81281a2d146a19d036678cb794f5224236ce521', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9d3774468a2b09098b84a8354683b2c6940491f5', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'cb4d4a3ff951b25fba627bd98cc1319dcb803158', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'fa2f563d8ad8100b6d12c626f41b4552d99c743e', class: "text-center mt-16" }, h("p", { key: 'bda0bb099f9e82b9462bee494f7d417bdd9984b9', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '92b100f67e3a7dd84d817b5dbc8cdfe76d6b2408', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: '4d6ad4aacf24c4386493fe74ed928321627602ac', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
     }
     static get style() { return LogoSpaceStyle0; }
 }, [1, "logo-space"]);
@@ -31,7 +32,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["logo-space", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-table"];
+    const components = ["logo-space", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-table", "eds-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "logo-space":
             if (!customElements.get(tagName)) {
@@ -40,60 +41,65 @@ function defineCustomElement$1() {
             break;
         case "eds-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "eds-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "eds-input-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "eds-input-footer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "eds-input-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "eds-input-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "eds-input-search":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "eds-input-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "eds-link":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "eds-pagination":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "eds-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/logo-variations-horizontal2.js

@@ -11,7 +11,7 @@ const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVari
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '42b4022e993bb4e340a4f930706ed61d487856af', class: "container" }, h("ul", { key: '368cb376390f9cd4f311c34f35e227916bccc3aa', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c144cf24fe85d4ca731cbcb47aee2ae6bbfb9500', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '9ebdf9fae31f6370bd469cf4c3964e5fa5dae53b', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '347dfdc62a77f9bc2774870d0bce4803a9def6a1', class: "coloured" }, h("eds-logo", { key: '642ed4f4dd0720b457e8871d8d39a3e6f8817919', type: "no-bg", href: "#" }))), h("li", { key: '4b97f489fdc512de54c0f2c0bbf206f6d64fec57', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '217c5485599de77021d5b008952a7463a95e8d22', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'c3e7f3b4b770662cc83c261af241306e8449cddb', class: "bg-default" }, h("eds-logo", { key: '1d0a90da209d8dbc28b91ccd3d3e112ed189428d', type: "black", href: "#" }))), h("li", { key: 'f8879a7c790e1b5f0555d6d764e828fbc6a4e263', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '93f6729dc8f3e4cf0257e57c4b034e94cfefa99d', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'd45eaff596387f93aabc377fa96f1b386b8c5e42' }, h("eds-logo", { key: '4a8209824ad3dcec06be65303dc9f0cf01613a8f', type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'd8357d0a4234d0c411881928a6daabdda928f272', class: "container" }, h("ul", { key: '30e3d8efd0f5fd173f48c6e1e02005e7da813ce9', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '751d2de97fe8774614b15de1feda7f59c8da2ef0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'd0ba9b152a505a591cabf5a54b720b6e718173e0', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '81b91d5c53a7ac440364083dd06222f32bf5dc51', class: "coloured" }, h("eds-logo", { key: '921cac572b2da3871eff8c2912de79babb909c91', type: "no-bg", href: "#" }))), h("li", { key: '74cebe6855e0e23d95a3ec74927b569c29b34d07', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'ed5484e8ff8f85251f85a61fb53d21639dbb914b', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '7a5f1894fe514a323e8955c01d1ab071187c2a5c', class: "bg-default" }, h("eds-logo", { key: '9a072cdaf4f7f901b8cb91d3fe9bc85ddb0e8eba', type: "black", href: "#" }))), h("li", { key: 'ea3f60807f78264c6305061dc292d1d17f7fd173', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '530e8f71e5d6f56a9f8981ad454ecbd00162030e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'b74d2cfb21a8d6f8288444cfed8ba9dc80d929b7' }, h("eds-logo", { key: 'f31c76f4f3e3f03f02d2712a272ba893f7832a7a', type: "color-white", href: "#" }))))));
     }
     static get style() { return LogoVariationsHorizontalStyle0; }
 }, [1, "logo-variations-horizontal"]);

package/dist/components/logo-variations-tabs.js

@@ -20,7 +20,7 @@ const LogoVariationsTabs$1 = /*@__PURE__*/ proxyCustomElement(class LogoVariatio
         }
     }
     render() {
-        return h("div", { key: 'ac936a8594bc4f5f8573da7ac2751103fe287e48', class: "container" }, this.renderContent());
+        return h("div", { key: 'a7e8981363410d2a325478150990092516e74f2e', class: "container" }, this.renderContent());
     }
 }, [0, "logo-variations-tabs", {
         "tabIndex": [2, "tab-index"]

package/dist/components/logo-variations-vertical2.js

@@ -13,7 +13,7 @@ const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariat
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '9384d3b91a4b09c780a1bb8d6b49f441f7a7a22a', class: "container" }, h("ul", { key: '60a89752afab4d76da7a3fc070bff2f7cc98d4b0', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a8b35e2eaa5b0b5f4aa233fbcaa2a21b1e340c7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'f9893c662898f97567d4a56eaf2d5a620e087743', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '6fad2d66a3e34c11344210c3b8d92279d566f866', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '66740c018c8f3aa3fbeb2cab8c392713b7e004ed', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '7a5a2ee2fab87b6ea7892134b5b1fb939cc5665c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '79bd10816b9dfe8ab28d444d7dfb4b361afea94f', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '10f00983923848d8e89b6d7c7990972a76fbaf80', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '3e10d0887921355c0974ad8a4c04cc86e901440d', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'eeaabdfa7d788647845d5488decfd06815fc2c47', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '1b058b1513f09eb8a1043ab3ff8a4cda28246576', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'bd3698e6210ecbe356f0c334a983b21ef6b7b5e3', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'c9321f6b80b68e74a02dbf77ba83f2bc2567c538', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: '983decc613dcf98cc903eb0220e4604e6eaff4d0', class: "container" }, h("ul", { key: '4c76eb52168bc862e3d9ba4afcfce2feadb92ab8', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4e51746424e45dcae4bd01fe5ff30a9634333e2f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '18227e8430d94259740bcbcfe100540831d2a857', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '374be81aba7532670ff470026317a49d78f54762', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'fdfe6b1cc100dff3a53c9065bc16803043df97e5', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '5aaf638a69109964188bbcad753f420177859107', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'aadc470260f28236f3f4628ebf5c7261915f1fb2', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '3fed72cb0a3f38c6619d78a6995746a3cee5ee0e', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'bcf169b31b33615c82b768f20a0b648236644c65', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '62f0c6803ca0ec6090db435388da6754054c2007', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '32813722dca892164d108df2ef0a3048cb4ebbbd', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'e33669ea223f6d923d71e2a8568140ae5ef739e3', class: "mx-auto w-[300px]" }, h("eds-logo", { key: '4176811098a57727ed30bfc1db82fa16aa06bd6c', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
     static get style() { return LogoVariationsVerticalStyle0; }
 }, [1, "logo-variations-vertical", {

package/dist/components/logo-wrong-usage.js

@@ -11,7 +11,7 @@ const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'db92af6471b73d6342c4c218ef26b7439e72e9c9', class: "container" }, h("ul", { key: '57239717b1f53107a5bfbc94794568ea9fe3b392', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c32313633ff55e2fbb28bca75f4d0e9bc2eb85d0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ec127af6b1b3c5e0aed8c4c5bf6fb34166a50e89', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '130ae0f920e4b4231d00bf46804176f9c2d2750a', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '4efd7dd8cbc1fdefd65a94891c465373ac05391e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ea7fbe7c25663e944d80d1feb52ab972edf73aa8', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '373939ac376d7f95a77e84e35b8c2773cecca0e0', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '23351f40af859f9a36b108db8c95dbdefe7f889a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '6606581d39d6b1834eebc720be8695bec9052c5a', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '10d459c1e0db7351b8d247bb0ab2c3db1f39cfc3', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '9253a8fdab1547c0a9282e44d7dfb586107c0916', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7db0f94ca0d2a7c6b3cde529028c2789794b31b5', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '39280d53b73bb6ad80d3398e508941604f4fc856', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '24d87e264048c1f675cc0182c6dbf049af15f622', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '35cac43885a2364650ab3e758071b1fd685019fa', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: 'cd3d762cd6889f764bedc6b4ccd241e1b52413f6', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '0a5c20a333830b85c2943b44c3ad1c3066c582cc', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e2ced6578e0ea0574b1025c708061436beaa0c32', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'e41cf94b8ba85c372fe3118497a61f5fd9d127a0', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '87b548c1183299d29b14e3159ec712e27e72632f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1a96f1f9ffa1d9c3e29fa3c107893d440f259922', class: "mx-auto" }, h("div", { key: 'a2cfab02c9328045d9833fa143d53cdb5cc249fc', class: "bg-accent p-16" }, h("div", { key: 'fee8c2a733e1822b1b97db56f6b835a9694ee071', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: 'a978cd92ca70c5dd3437e251e603bc33099bb250', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (h("div", { key: 'fa573cdaaa0d55c820b5a355bff48d5f1d10544a', class: "container" }, h("ul", { key: '5c1941d3c45fa4814ffbdfaf30af106542862802', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'fd02c67fbe23ebb78289e5281c5b4917a44c950e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '246527a7926c377c287a3c8073b06952b54dc694', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '88ebc748214a558e6cee28b8624f287de2faf80c', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'dbf4655e3bbbad7566f64f5b8eb474c749967c38', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '5d2c9c916bc81ce831daf99c6293024aa9b0b2f0', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'f9a37e0a587b60bf607efd2e1f3aa4114f67ef33', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '3e1126e6636e0064ce852cc4249a684b77d7ba0a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'a1eb4d8ea7764734f24b39cb95b36d6718f331a3', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: 'e3d0156ec563c657c03beaa61a7ae068e78df09c', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '062a45841b978d79fe82e5773ba82c98e8f9eb6c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'd0f276a91bf1ea13b4f482e39e9f83b7ef3f2593', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '62f67b5f28839a5bb3706e78004c1989feced677', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'c4d0025e06c8385935a4b6162d65f78bc3d7b94d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c6118e7d56abcf4a54f6f590d9a77a9397fa3209', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: 'a6c71000e3cf8b6d3a28c8f8c0df0840fdf2a749', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'd558e277275a305f3d491eba94aad8c1e7eec471', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '56947add9521b76a88ea05f8f64b6f0f656a9863', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '0de198ca711a32e9b0f6ff7275af9dc2bce3c1b6', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '12b7c15e994ae6b40041da68eaa609ee0ec499a7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9ef38af84bee3b83b04f881e6481769fc39991ff', class: "mx-auto" }, h("div", { key: '7f793491cf76a2c937ab0ca820dfd3f2a5779728', class: "bg-accent p-16" }, h("div", { key: '60bfff8e962a543dcda5db9d1bdf75a3702f8b38', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '8a0a6a43def963fd5bd00e857ab7e21d60e54454', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
     static get style() { return LogoWrongUsageStyle0; }
 }, [1, "logo-wrong-usage"]);

package/dist/components/p-0452fe52.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-efbc374c.js";import{p as c}from"./p-024c7937.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"4c0a1ff37a1bfa79173c6b91da33fb808ef1b918",class:this.class,innerHTML:c})}};export{a as eds_icon_public}

package/dist/components/p-04f288b1.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-efbc374c.js";import{l as a}from"./p-54b8f143.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"8bba88cba6d29b204b4a4ceae3c41129bb6edcaa",class:this.class,innerHTML:a})}};export{c as eds_icon_linkedin}

package/dist/components/p-06951aa3.entry.js

@@ -0,0 +1 @@
+import{r as s,h as f}from"./p-efbc374c.js";import{f as r}from"./p-4687b64c.js";const c=class{constructor(f){s(this,f),this.class=""}render(){return f("span",{key:"1981b2c066cfa5f0fb4326017df4bfbdfff09873",class:this.class,innerHTML:r})}};export{c as eds_icon_facebook}

package/dist/components/p-0da7d1c9.js

@@ -0,0 +1 @@
+const n='<svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <path\n      d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"\n      fill="currentColor"\n    />\n    <path\n      d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"\n      fill="currentColor"\n    />\n  </svg>';export{n as d}

package/dist/components/p-101392d0.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-efbc374c.js";import{u as c}from"./p-46d0716d.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"ccb41b3ad799e44dab0664dadd5407f6aef9b39c",class:this.class,innerHTML:c})}};export{e as eds_icon_user}

package/dist/components/p-171f8e6b.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-efbc374c.js";const s=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("token-list",{show:"background"});case 1:return t("token-list",{show:"text"});case 2:return t("token-list",{show:"border"});case 3:return t("token-radii",null);case 4:return t("token-list",{show:"outline"});case 5:return t("token-shadows",null);default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"17148efe64117050084010b77d85de64bdfe2000",class:"container"},this.renderContent())}};export{s as docs_tokens}

package/dist/components/{p-d95d7353.entry.js → p-1b032aa8.entry.js}

@@ -1 +1 @@
-import{r as e,h as r}from"./p-efbc374c.js";const t={tokens:{"grey-100":"#f8f8f8","grey-200":"#f2f2f2","grey-300":"#e6e6e6","grey-400":"#d8d8d8","grey-500":"#8c8c8c","grey-600":"#6e6e6e","grey-700":"#666666","grey-800":"#4d4d4d","grey-900":"#242424","green-100":"#eaffee","green-200":"#d3ffdc","green-300":"#9dffb4","green-400":"#63fb92","green-500":"#00e766","green-600":"#00c959","green-700":"#009d45","green-800":"#007734","green-900":"#004f23","yellow-100":"#fefee5","yellow-200":"#ffffcb","yellow-300":"#fdfdaa","yellow-400":"#ffff8b","yellow-500":"#ffff51","yellow-600":"#f3f30a","yellow-700":"#d7d72b","yellow-800":"#9a9a1e","yellow-900":"#636313","orange-100":"#fff4ee","orange-200":"#ffeade","orange-300":"#ffdcc5","orange-400":"#ffcca9","orange-500":"#ffb87e","orange-600":"#ffa543","orange-700":"#cb7f28","orange-800":"#995f1e","orange-900":"#653f14","red-100":"#feefef","red-200":"#ffe0e1","red-300":"#ffc7c9","red-400":"#ff9ea2","red-500":"#ff7a7f","red-600":"#ff4d68","red-700":"#d01111","red-800":"#a3001a","red-900":"#6f0011","purple-100":"#f9f3ff","purple-200":"#f4e8ff","purple-300":"#e9ceff","purple-400":"#ddb1ff","purple-500":"#d18fff","purple-600":"#c461ff","purple-700":"#af56e4","purple-800":"#8337b1","purple-900":"#3d1e4f","blue-100":"#eff0ff","blue-200":"#dee0ff","blue-300":"#caceff","blue-400":"#b2b8ff","blue-500":"#7a89f5","blue-600":"#2b69fc","blue-700":"#0034cb","blue-800":"#002799","blue-900":"#001a65","cyan-100":"#E0EEFF","cyan-200":"#D3E6FF","cyan-300":"#B5D8FF","cyan-400":"#92C8FF","cyan-500":"#6CBFFE","cyan-600":"#3FA9F5","cyan-700":"#267FBE","cyan-800":"#1F689B","cyan-900":"#15496D",black:"#000000",white:"#ffffff",transparent:"transparent",current:"currentColor"},border:{default:"black",inverse:"white","inverse-soft":"rgba(255, 255, 255, 0.3)","inverse-softer":"rgba(255, 255, 255, 0.15)",soft:"rgba(0, 0, 0, .15 )",softer:"rgba(0, 0, 0, .1 )",softest:"rgba(0, 0, 0, .05 )",accent:"green-500",error:"red-700",current:"currentColor",transparent:"transparent"},text:{inverse:"white",default:"black",current:"currentColor",transparent:"transparent",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300",success:"green-800",warning:"yellow-900",error:"red-700",accent:"green-500","on-gradient":"rgba(0, 0, 0, 0.55)"},background:{default:"grey-200",inverse:"white","inverse-soft":"rgba(255, 255, 255, .2)","inverse-softer":"rgba(255, 255, 255, .15)",dark:"grey-300",darker:"grey-400",strong:"grey-700","strong-dark":"grey-800",stronger:"grey-900",strongest:"black","strongest-soft":"rgba(0, 0, 0, .05)",accent:"green-500","accent-dark":"green-600","accent-darker":"green-800",success:"green-200",warning:"yellow-200",error:"red-200",current:"currentColor",transparent:"transparent",overlay:"rgba(0, 0, 0, 0.25)","on-gradient":"rgba(0, 0, 0, 0.1)","on-dark":"rgba(255, 255, 255, 0.2)"},underline:{accent:"green-500",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300"},outline:{default:"black",accent:"green-500"},gradients:{"gradient-01-top":"gradient-01-top","gradient-02-top":"gradient-02-top","gradient-03-top":"gradient-03-top","gradient-04-top":"gradient-04-top","gradient-01-bottom":"gradient-01-bottom","gradient-02-bottom":"gradient-02-bottom","gradient-03-bottom":"gradient-03-bottom","gradient-04-bottom":"gradient-04-bottom"}},a=class{constructor(r){e(this,r),this.show=void 0}getTextColor(e){if(e.startsWith("rgba")||e.startsWith("rgb")){const r=e.replace(/rgba?\(/,"").replace(")","").split(",").map((e=>parseFloat(e.trim())));return(.299*r[0]+.587*r[1]+.114*r[2])/255>.5?"text-default":"text-inverse"}if(e.startsWith("#")){const r=e.replace("#","");return(.299*parseInt(r.substring(0,2),16)+.587*parseInt(r.substring(2,4),16)+.114*parseInt(r.substring(4,6),16))/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(e){return t.tokens[e]?t.tokens[e]:e}renderSection(e,t){if("tokens"===e){const e=this.groupTokensByCategory(t);return Object.entries(e).map((([,e])=>r("ul",{class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.map((e=>{const t=Object.keys(e)[0],a=this.resolveColor(e[t]),s=this.getTextColor(a);return r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},r("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline-flex"},r("eds-code-block",{code:a,language:"hex",class:"min-w-[210px] mr-4"}),r("eds-code-block",{language:"css",code:`var(--${t})`,class:"min-w-[210px]"}))),r("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline block"},r("eds-code-block",{code:a,class:"min-w-[210px] mb-4"}),r("eds-code-block",{code:`var(--${t})`,class:"min-w-[210px]"}))))})))))}return r("ul",{class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map((([t,a])=>{const s=this.resolveColor(a),n=this.getTextColor(s),l=s.startsWith("#")||s.startsWith("rgb")?{backgroundColor:s}:{border:`2px solid ${s}`};return r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},r("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:l},r("div",{class:"w-full flex"},r("span",{class:`${n} mr-auto font-bold`},t),r("span",{class:`${n} ml-auto  mr-4 font-bold`},a)),r("span",{class:`${n}`},r("eds-code-block","background"===e?{code:`bg-${t}`,class:"min-w-[210px] mr-4"}:{code:`${e}-${t}`,class:"border"===e?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))})))}groupTokensByCategory(e){const r={};return Object.entries(e).forEach((([e,t])=>{const a=e.split("-")[0];r[a]||(r[a]=[]),r[a].push({[e]:t})})),r}render(){return r("section",{key:"b8b778fe87179f77bb71705d89026c500b0293fb",class:"w-full mt-28"},Object.entries(this.show?{[this.show]:t[this.show]}:t).map((([e,r])=>r?this.renderSection(e,r):null)))}},s={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},n=class{constructor(r){e(this,r)}render(){return r("section",{key:"584f5f90e1e3813692870fbd8fd382956729dbf1",class:"w-full mt-28"},r("ul",{key:"81786b7835d62739d6ec034609e77209e15e3b38",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(s).map((([e,t])=>r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},r("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${e}`},r("eds-code-block",{language:"Utility Class",code:`rounded-${e}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),r("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"})))))))}},l={shadows:{small:"0px 1.5px 2px rgba(0, 0, 0, 0.1)",hover:"0px 0px 16px rgba(0, 0, 0, 0.2)",accent:"0px 0px 12px rgba(0, 201, 89, 0.6)",podium:"0px 0px 8px 8px rgb(0 0 0 / 25%);",border:"0 10px 10px rgba(0, 0, 0, 0.15);","border-top":"0 -10px 10px rgba(0, 0, 0, 0.15);"},dropShadows:{small:"0px 0px 16px rgba(0, 0, 0, 0.3)"}},o=class{constructor(r){e(this,r)}render(){return r("section",{key:"8ca055cb3616c9bc3f6e8c1032671ff53a540156",class:"w-full mt-28"},r("ul",{key:"7b72868285aaffe0f31628b5ab142e39aaccd964",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(l).map((([e,t])=>Object.entries(t).map((([t,a])=>r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},r("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:a}},r("eds-code-block",{code:`${e}-${t}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),r("eds-code-block",{code:`${a}`,language:"css",class:"ml-auto min-w-[200px]"})))))))))}};export{a as token_list,n as token_radii,o as token_shadows}
+import{r as e,h as r}from"./p-efbc374c.js";const t={tokens:{"grey-100":"#f8f8f8","grey-200":"#f2f2f2","grey-300":"#e6e6e6","grey-400":"#d8d8d8","grey-500":"#8c8c8c","grey-600":"#6e6e6e","grey-700":"#666666","grey-800":"#4d4d4d","grey-900":"#242424","green-100":"#eaffee","green-200":"#d3ffdc","green-300":"#9dffb4","green-400":"#63fb92","green-500":"#00e766","green-600":"#00c959","green-700":"#009d45","green-800":"#007734","green-900":"#004f23","yellow-100":"#fefee5","yellow-200":"#ffffcb","yellow-300":"#fdfdaa","yellow-400":"#ffff8b","yellow-500":"#ffff51","yellow-600":"#f3f30a","yellow-700":"#d7d72b","yellow-800":"#9a9a1e","yellow-900":"#636313","orange-100":"#fff4ee","orange-200":"#ffeade","orange-300":"#ffdcc5","orange-400":"#ffcca9","orange-500":"#ffb87e","orange-600":"#ffa543","orange-700":"#cb7f28","orange-800":"#995f1e","orange-900":"#653f14","red-100":"#feefef","red-200":"#ffe0e1","red-300":"#ffc7c9","red-400":"#ff9ea2","red-500":"#ff7a7f","red-600":"#ff4d68","red-700":"#d01111","red-800":"#a3001a","red-900":"#6f0011","purple-100":"#f9f3ff","purple-200":"#f4e8ff","purple-300":"#e9ceff","purple-400":"#ddb1ff","purple-500":"#d18fff","purple-600":"#c461ff","purple-700":"#af56e4","purple-800":"#8337b1","purple-900":"#3d1e4f","blue-100":"#eff0ff","blue-200":"#dee0ff","blue-300":"#caceff","blue-400":"#b2b8ff","blue-500":"#7a89f5","blue-600":"#2b69fc","blue-700":"#0034cb","blue-800":"#002799","blue-900":"#001a65","cyan-100":"#E0EEFF","cyan-200":"#D3E6FF","cyan-300":"#B5D8FF","cyan-400":"#92C8FF","cyan-500":"#6CBFFE","cyan-600":"#3FA9F5","cyan-700":"#267FBE","cyan-800":"#1F689B","cyan-900":"#15496D",black:"#000000",white:"#ffffff",transparent:"transparent",current:"currentColor"},border:{default:"black",inverse:"white","inverse-soft":"rgba(255, 255, 255, 0.3)","inverse-softer":"rgba(255, 255, 255, 0.15)",soft:"rgba(0, 0, 0, .15 )",softer:"rgba(0, 0, 0, .1 )",softest:"rgba(0, 0, 0, .05 )",accent:"green-500",error:"red-700",current:"currentColor",transparent:"transparent"},text:{inverse:"white",default:"black",current:"currentColor",transparent:"transparent",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300",success:"green-800",warning:"yellow-900",error:"red-700",accent:"green-500","on-gradient":"rgba(0, 0, 0, 0.55)"},background:{default:"grey-200",inverse:"white","inverse-soft":"rgba(255, 255, 255, .2)","inverse-softer":"rgba(255, 255, 255, .15)",dark:"grey-300",darker:"grey-400",strong:"grey-700","strong-dark":"grey-800",stronger:"grey-900",strongest:"black","strongest-soft":"rgba(0, 0, 0, .05)",accent:"green-500","accent-dark":"green-600","accent-darker":"green-800",success:"green-200",warning:"yellow-200",error:"red-200",current:"currentColor",transparent:"transparent",overlay:"rgba(0, 0, 0, 0.25)","on-gradient":"rgba(0, 0, 0, 0.1)","on-dark":"rgba(255, 255, 255, 0.2)"},underline:{accent:"green-500",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300"},outline:{default:"black",accent:"green-500"},gradients:{"gradient-01-top":"gradient-01-top","gradient-02-top":"gradient-02-top","gradient-03-top":"gradient-03-top","gradient-04-top":"gradient-04-top","gradient-01-bottom":"gradient-01-bottom","gradient-02-bottom":"gradient-02-bottom","gradient-03-bottom":"gradient-03-bottom","gradient-04-bottom":"gradient-04-bottom"}},a=class{constructor(r){e(this,r),this.show=void 0}getTextColor(e){if(e.startsWith("rgba")||e.startsWith("rgb")){const r=e.replace(/rgba?\(/,"").replace(")","").split(",").map((e=>parseFloat(e.trim())));return(.299*r[0]+.587*r[1]+.114*r[2])/255>.5?"text-default":"text-inverse"}if(e.startsWith("#")){const r=e.replace("#","");return(.299*parseInt(r.substring(0,2),16)+.587*parseInt(r.substring(2,4),16)+.114*parseInt(r.substring(4,6),16))/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(e){return t.tokens[e]?t.tokens[e]:e}renderSection(e,t){if("tokens"===e){const e=this.groupTokensByCategory(t);return Object.entries(e).map((([,e])=>r("ul",{class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.map((e=>{const t=Object.keys(e)[0],a=this.resolveColor(e[t]),s=this.getTextColor(a);return r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},r("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline-flex"},r("eds-code-block",{code:a,language:"hex",class:"min-w-[210px] mr-4"}),r("eds-code-block",{language:"css",code:`var(--${t})`,class:"min-w-[210px]"}))),r("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:a}},r("span",{class:`${s} f-body-02`},t),r("div",{class:"inline block"},r("eds-code-block",{code:a,class:"min-w-[210px] mb-4"}),r("eds-code-block",{code:`var(--${t})`,class:"min-w-[210px]"}))))})))))}return r("ul",{class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map((([t,a])=>{const s=this.resolveColor(a),n=this.getTextColor(s),l=s.startsWith("#")||s.startsWith("rgb")?{backgroundColor:s}:{border:`2px solid ${s}`};return r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},r("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:l},r("div",{class:"w-full flex"},r("span",{class:`${n} mr-auto font-bold`},t),r("span",{class:`${n} ml-auto  mr-4 font-bold`},a)),r("span",{class:`${n}`},r("eds-code-block","background"===e?{code:`bg-${t}`,class:"min-w-[210px] mr-4"}:{code:`${e}-${t}`,class:"border"===e?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))})))}groupTokensByCategory(e){const r={};return Object.entries(e).forEach((([e,t])=>{const a=e.split("-")[0];r[a]||(r[a]=[]),r[a].push({[e]:t})})),r}render(){return r("section",{key:"c5a0dc7f4e58c77624481262b1a6ac31df5425ee",class:"w-full mt-28"},Object.entries(this.show?{[this.show]:t[this.show]}:t).map((([e,r])=>r?this.renderSection(e,r):null)))}},s={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},n=class{constructor(r){e(this,r)}render(){return r("section",{key:"d0e212f61414068b55b2ce1a3d9c7c2a51743908",class:"w-full mt-28"},r("ul",{key:"f656822bfc1a95bb4435eec2db9573e4362d1c59",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(s).map((([e,t])=>r("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},r("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${e}`},r("eds-code-block",{language:"Utility Class",code:`rounded-${e}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),r("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"})))))))}},l={shadows:{small:"0px 1.5px 2px rgba(0, 0, 0, 0.1)",hover:"0px 0px 16px rgba(0, 0, 0, 0.2)",accent:"0px 0px 12px rgba(0, 201, 89, 0.6)",podium:"0px 0px 8px 8px rgb(0 0 0 / 25%);",border:"0 10px 10px rgba(0, 0, 0, 0.15);","border-top":"0 -10px 10px rgba(0, 0, 0, 0.15);"},dropShadows:{small:"0px 0px 16px rgba(0, 0, 0, 0.3)"}},o=class{constructor(r){e(this,r)}render(){return r("section",{key:"2f8e9eef279ee176ba1c72660181a4a36a184985",class:"w-full mt-28"},r("ul",{key:"a5ddc9f6faab20c73b6dbb08364925d3b221e848",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(l).map((([e,t])=>Object.entries(t).map((([t,a])=>r("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},r("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:a}},r("eds-code-block",{code:`${e}-${t}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),r("eds-code-block",{code:`${a}`,language:"css",class:"ml-auto min-w-[200px]"})))))))))}};export{a as token_list,n as token_radii,o as token_shadows}

package/dist/components/p-28ec52a7.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r,g as t}from"./p-efbc374c.js";import{e as n}from"./p-0e6d43c5.js";import{h as s}from"./p-2692f93d.js";import{h as e,a as i,b as p,c as a,v as l,d as h,e as f,f as m,g as d}from"./p-83ff4a95.js";import{v as c}from"./p-9c5a453b.js";import{g as C}from"./p-50e27321.js";import{c as w}from"./p-1ded61bd.js";import{c as g}from"./p-4587d0ef.js";import{c as v}from"./p-5d046674.js";import{c as u}from"./p-ece618b3.js";import{a as b}from"./p-32e6c4df.js";import{a as j}from"./p-c8e7c854.js";import{t as L}from"./p-373119b3.js";import{l as k}from"./p-54b8f143.js";import{f as M}from"./p-4687b64c.js";import{y as x}from"./p-ecbb679f.js";import{m as Z}from"./p-5ab1d64a.js";import{b as B}from"./p-81899237.js";import{s as H}from"./p-2066b033.js";import{l as y}from"./p-2117611b.js";import{s as V}from"./p-b822abb7.js";import{c as W}from"./p-8983de37.js";import{d as D}from"./p-0da7d1c9.js";import{m as _}from"./p-aefcb641.js";import{m as z}from"./p-29041952.js";import{u as N}from"./p-46d0716d.js";import{c as O}from"./p-0be28996.js";import{u as S}from"./p-d962849c.js";import{t as J}from"./p-c776b6f8.js";import{t as R}from"./p-ba720bf3.js";import{s as U}from"./p-e2d5a487.js";import{b as E}from"./p-05754401.js";import{m as q}from"./p-86bb73dc.js";import{p as A}from"./p-b73410de.js";import{p as F}from"./p-cdf19579.js";import{p as G}from"./p-c1e4ef92.js";import{p as I}from"./p-694fc085.js";import{p as K}from"./p-024c7937.js";import{t as P}from"./p-7198c024.js";import{u as Q}from"./p-1b2913c8.js";import{b as T}from"./p-52c28fa2.js";import{s as X}from"./p-58967f53.js";import{d as Y}from"./p-454bdd5a.js";import{e as $}from"./p-27c4a06e.js";import{v as oo}from"./p-f2abe4d8.js";import{c as ro}from"./p-4eb2cf7f.js";const to=Object.freeze({__proto__:null,twitter:L,linkedin:k,facebook:M,youtube:x,mastodon:Z,bluesky:B,euSvg:n,arrowRight:j,arrowDiagonal:b,bookmark:E,chevronUp:w,chevronDown:g,chevronRight:v,chevronLeft:u,check:'<svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <rect width="20" height="20" rx="4" fill="currentColor" />\n    <path d="M4 10L8 14L16 6" stroke="white" stroke-width="3" />\n  </svg>',clear:' <svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <path\n      fill-rule="evenodd"\n      clip-rule="evenodd"\n      d="M2 10C2 5.57714 5.57714 2 10 2C14.4229 2 18 5.57714 18 10C18 14.4229 14.4229 18 10 18C5.57714 18 2 14.4229 2 10ZM6.50503 7.49497L9.01005 10L6.50503 12.505L7.49497 13.495L10 10.99L12.505 13.495L13.495 12.505L10.99 10L13.495 7.49497L12.505 6.50503L10 9.01005L7.49497 6.50503L6.50503 7.49497Z"\n      fill="currentColor"\n    />\n  </svg>',close:W,completed:'<svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <circle\n      cx="10.0001"\n      cy="10.0001"\n      r="9.00007"\n      fill="white"\n      stroke="currentColor"\n      stroke-width="2"\n    />\n    <path\n      d="M6 9.33303L8.9474 12.6664L14.0001 7.33301"\n      stroke="currentColor"\n      stroke-width="2.00002"\n    />\n  </svg>',copy:O,documentation:'<svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <path\n      d="M12 5C10.8954 5 10 5.89543 10 7V17C10 15.8954 10.8954 15 12 15H18V5H12Z"\n      stroke="currentColor"\n      stroke-width="1.5"\n    />\n    <path\n      d="M8 5C9.10457 5 10 5.89543 10 7V17C10 15.8954 9.10457 15 8 15H2V5H8Z"\n      stroke="currentColor"\n      stroke-width="1.5"\n    />\n  </svg>',download:D,error:'<svg\nwidth="20"\nheight="20"\nviewBox="0 0 20 20"\nfill="none"\nxmlns="http://www.w3.org/2000/svg"\n>\n<path\n    fill-rule="evenodd"\n    clip-rule="evenodd"\n    d="M10 2C5.57714 2 2 5.57714 2 10C2 14.4229 5.57714 18 10 18C14.4229 18 18 14.4229 18 10C18 5.57714 14.4229 2 10 2Z"\n    stroke="currentColor"\n    stroke-width="2"\n/>\n<path\n    d="M7 7L10 10M13 13L10 10M10 10L13 7M10 10L7 13"\n    stroke="currentColor"\n    stroke-width="1.5"\n/>\n</svg>',gitlabColor:'  <svg width="20" height="20" viewBox="0 0 36 36">\n    <path fill="#e24329" d="M2 14l9.38 9v-9l-4-12.28c-.205-.632-1.176-.632-1.38 0z"></path>\n    <path fill="#e24329" d="M34 14l-9.38 9v-9l4-12.28c.205-.632 1.176-.632 1.38 0z"></path>\n    <path fill="#e24329" d="M18,34.38 3,14 33,14 Z"></path>\n    <path fill="#fc6d26" d="M18,34.38 11.38,14 2,14 6,25Z"></path>\n    <path fill="#fc6d26" d="M18,34.38 24.62,14 34,14 30,25Z"></path>\n    <path fill="#fca326" d="M2 14L.1 20.16c-.18.565 0 1.2.5 1.56l17.42 12.66z"></path>\n    <path fill="#fca326" d="M34 14l1.9 6.16c.18.565 0 1.2-.5 1.56L18 34.38z"></path>\n  </svg>',gitlabBlack:C,loader:y,hLogoColor:s,hLogoBlack:e,hLogoColorWhite:i,hLogoWhite:p,hLogoWhiteNoBg:a,vLogoColor:l,vLogoBlack:h,vLogoColorWhite:f,vLogoWhite:m,vLogoWhiteNoBg:d,vLogoMargins:c,menu:_,minus:q,more:z,failed:'<svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <circle\n      cx="10.0001"\n      cy="10.0001"\n      r="9.00007"\n      fill="white"\n      stroke="currentColor"\n      stroke-width="2"\n    />\n    <path\n      d="M6.21053 14.0001L10 10M13.7895 6L10 10M10 10L6 6M10 10L14.0001 14.0001"\n      stroke="currentColor"\n      stroke-width="2.00002"\n    />\n  </svg>',filter:' <svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <path\n      d="M2 6.5H6M9 6.5H18M18 13.5H14M11 13.5H2"\n      stroke="currentColor"\n      stroke-width="2"\n    />\n    <path\n      d="M10 6.5C10 7.88071 8.88071 9 7.5 9C6.11929 9 5 7.88071 5 6.5C5 5.11929 6.11929 4 7.5 4C8.88071 4 10 5.11929 10 6.5Z"\n      stroke="currentColor"\n      stroke-width="2"\n    />\n    <path\n      d="M10 13.5C10 14.8807 11.1193 16 12.5 16C13.8807 16 15 14.8807 15 13.5C15 12.1193 13.8807 11 12.5 11C11.1193 11 10 12.1193 10 13.5Z"\n      stroke="currentColor"\n      stroke-width="2"\n    />\n  </svg>',group:'<svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <path\n      fill-rule="evenodd"\n      clip-rule="evenodd"\n      d="M6.75 4C6.75 2.20507 8.20507 0.75 10 0.75C11.7949 0.75 13.25 2.20507 13.25 4C13.25 4.02739 13.2497 4.0547 13.249 4.08193C14.372 4.69978 15.3002 5.62799 15.9181 6.75102C15.9453 6.75034 15.9726 6.75 16 6.75C17.7949 6.75 19.25 8.20507 19.25 10C19.25 11.7949 17.7949 13.25 16 13.25C15.9726 13.25 15.9453 13.2497 15.9181 13.249C15.3002 14.372 14.372 15.3002 13.249 15.9181C13.2497 15.9453 13.25 15.9726 13.25 16C13.25 17.7949 11.7949 19.25 10 19.25C8.20507 19.25 6.75 17.7949 6.75 16C6.75 15.9726 6.75034 15.9453 6.75102 15.9181C5.62799 15.3002 4.69978 14.372 4.08193 13.249C4.0547 13.2497 4.02739 13.25 4 13.25C2.20507 13.25 0.75 11.7949 0.75 10C0.75 8.20507 2.20507 6.75 4 6.75C4.02739 6.75 4.0547 6.75034 4.08193 6.75102C4.69978 5.62799 5.62799 4.69978 6.75101 4.08193C6.75034 4.0547 6.75 4.02739 6.75 4ZM10 2.25C9.0335 2.25 8.25 3.0335 8.25 4C8.25 4.9665 9.0335 5.75 10 5.75C10.9665 5.75 11.75 4.9665 11.75 4C11.75 3.0335 10.9665 2.25 10 2.25ZM14.4169 12.839C13.4224 12.2833 12.75 11.2202 12.75 10C12.75 8.77982 13.4224 7.7167 14.4169 7.16096C14.0099 6.52904 13.471 5.99011 12.839 5.58309C12.2833 6.57758 11.2202 7.25 10 7.25C8.77982 7.25 7.7167 6.57759 7.16097 5.5831C6.52904 5.99011 5.99011 6.52904 5.58309 7.16097C6.57758 7.7167 7.25 8.77982 7.25 10C7.25 11.2202 6.57758 12.2833 5.58309 12.839C5.99011 13.471 6.52904 14.0099 7.16096 14.4169C7.7167 13.4224 8.77982 12.75 10 12.75C11.2202 12.75 12.2833 13.4224 12.839 14.4169C13.471 14.0099 14.0099 13.471 14.4169 12.839ZM8.25 16C8.25 15.0335 9.0335 14.25 10 14.25C10.9665 14.25 11.75 15.0335 11.75 16C11.75 16.9665 10.9665 17.75 10 17.75C9.0335 17.75 8.25 16.9665 8.25 16ZM2.25 10C2.25 10.9665 3.0335 11.75 4 11.75C4.9665 11.75 5.75 10.9665 5.75 10C5.75 9.0335 4.9665 8.25 4 8.25C3.0335 8.25 2.25 9.0335 2.25 10ZM16 11.75C15.0335 11.75 14.25 10.9665 14.25 10C14.25 9.0335 15.0335 8.25 16 8.25C16.9665 8.25 17.75 9.0335 17.75 10C17.75 10.9665 16.9665 11.75 16 11.75Z"\n      fill="currentColor"\n    />\n  </svg>',plus:F,paper:A,privat:I,pub:K,portal:G,user:N,upDonw:Q,search:H,success:V,tutorial:P,warning:' <svg\n    width="20"\n    height="20"\n    viewBox="0 0 20 20"\n    fill="none"\n    xmlns="http://www.w3.org/2000/svg"\n  >\n    <path\n      fill-rule="evenodd"\n      clip-rule="evenodd"\n      d="M10 3C6.13 3 3 6.13 3 10C3 13.87 6.13 17 10 17C13.87 17 17 13.87 17 10C17 6.13 13.87 3 10 3Z"\n      stroke="currentColor"\n      stroke-width="2"\n    />\n    <path d="M10 6V10.5" stroke="currentColor" stroke-width="2" />\n    <circle cx="10" cy="12.9209" r="1.40346" fill="currentColor" />\n  </svg>',unknown:S,thumbsUp:J,thumbsDown:R,star:U,external:'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5858 3H17V9.41421L14.5 6.91421L8.70712 12.7071L7.29291 11.2929L13.0858 5.5L10.5858 3Z" fill="currentColor"></path><path d="M8 4H5C3.89543 4 3 4.89543 3 6V15C3 16.1046 3.89543 17 5 17H14C15.1046 17 16 16.1046 16 15V12H14V15H5V6H8V4Z" fill="currentColor"></path></svg>',bin:T,start:X,draft:Y,edit:$,view:oo,clone:ro}),no=class{constructor(r){o(this,r)}getSvgData(){return Object.entries(to).filter((([o])=>!o.toLowerCase().includes("logo")&&!o.toLowerCase().includes("eu"))).map((([o,r])=>({name:o,icon:r})))}get hostWidth(){return this.hostEl.parentElement?this.hostEl.parentElement.offsetWidth:400}render(){const o=this.getSvgData();return r("div",{key:"36ab796174ab215a5e8f834f0d6291853305e732",class:"full-width"},r("eds-table",{key:"31fca470f340fa54137887ef426f4f7e1fc72f73","table-data":JSON.stringify(o),config:JSON.stringify({icon:{format:"svg"},name:{format:"bold"}}),"rows-per-page":10,"search-enabled":!0,"pagination-enabled":!0}))}get hostEl(){return t(this)}};no.style=":host,.full-width{display:block;width:100%}";export{no as svg_repository}

package/dist/components/p-2f712656.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e}from"./p-efbc374c.js";import{e as r}from"./p-0e6d43c5.js";const c=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"89fde5fbed839d6fdedc0399bf1475abf22d205d",class:this.class,innerHTML:r})}};export{c as eds_icon_eu}

package/dist/components/p-3097c321.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-efbc374c.js";import{t}from"./p-373119b3.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"6f1d0b5e073ef4d754aecb600a8578fc59950496",class:this.class,innerHTML:t})}};export{e as eds_icon_twitter}

package/dist/components/p-36db7db0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r}from"./p-efbc374c.js";const a=class{constructor(r){t(this,r),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return r("logo-variations-horizontal",null);case 1:return r("logo-variations-vertical",null);default:return r("p",null,"Content not available.")}}render(){return r("div",{key:"a7e8981363410d2a325478150990092516e74f2e",class:"container"},this.renderContent())}};export{a as logo_variations_tabs}

package/dist/components/p-38b0ea8d.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-efbc374c.js";import{s as t}from"./p-58967f53.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"360d1178d8f9f8485718f5ab1ed823ac16be2987",class:this.class,innerHTML:t})}};export{e as eds_icon_start}