@ebrains/components 2.4.0 → 3.0.0

package/dist/components/eds-toast-manager.js

@@ -67,7 +67,7 @@ const EdsToastManager$1 = /*@__PURE__*/ proxyCustomElement(class EdsToastManager
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (h("div", { key: 'ac2e0d12975d88e9a22db8b92255a597e7f6ea6f', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (h("div", { key: 'd707822f33892171428aa926822dff5ffefac219', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     get hostElement() { return this; }
     static get style() { return EdsToastManagerStyle0; }

package/dist/components/eds-toast2.js

@@ -3,16 +3,18 @@ import { c as cva } from './index2.js';
 import { d as defineCustomElement$2 } from './eds-button2.js';
 import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
 
-const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";
+const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-light)}.bg-success{background-color:var(--brand-green)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-dark)}.text-current{color:currentColor}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.border-l-\\[3px\\]{border-left-width:3px}.border-accent{border-color:var(--brand-green)}.py-16{padding-top:1rem;padding-bottom:1rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}.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)}.opacity-50{opacity:0.5}.hover\\:opacity-100:hover{opacity:1}";
 const EdsToastStyle0 = edsToastCss;
 
-const toastStyles = cva(['relative bottom-4 w-auto p-12 rounded-lg shadow-md'], {
+const toastStyles = cva(['relative bottom-4 w-auto rounded-xs p-12'], {
     variants: {
         intent: {
-            default: 'bg-dark text-light',
+            default: 'bg-dark text-dark',
             success: 'bg-success text-dark',
-            error: 'bg-error text-light',
-            warning: 'bg-warning text-dark'
+            error: 'bg-error text-dark',
+            warning: 'bg-warning text-dark',
+            brand: 'bg-strongest text-accent',
+            brandInverse: 'bg-inverse text-default'
         }
     },
     defaultVariants: {
@@ -70,7 +72,7 @@ const EdsToast = /*@__PURE__*/ proxyCustomElement(class EdsToast extends HTMLEle
             return null;
         }
         const classes = toastStyles({ intent: this.intent });
-        return (h("div", { class: classes, role: "alert", "aria-live": "assertive" }, h("div", { class: "flex items-center justify-between gap-4" }, h("span", { class: "f-ui-01" }, this.message), h("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
+        return (h("div", { class: classes, role: "alert", "aria-live": "assertive" }, h("div", { class: "flex items-center justify-between gap-4" }, h("span", { class: "f-ui-02" }, this.message), h("eds-button", { intent: "ghost", size: "large", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
     }
     get el() { return this; }
     static get style() { return EdsToastStyle0; }

package/dist/components/eds-tooltip2.js

@@ -23,7 +23,7 @@ const EdsTooltip = /*@__PURE__*/ proxyCustomElement(class EdsTooltip extends HTM
     }
     render() {
         const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (h("div", { key: '1ba27ac30f67a50e39b2bfdff2b4392b4adc948a', class: "relative w-full inline-block group" }, h("slot", { key: 'c84887cde7b92c3684ef61e36039d2e8c96f71f2' }), h("div", { key: 'c7e475e74d977b6ab291ba8a315cdb237742a8e6', class: `absolute ${positionClass}
+        return (h("div", { key: '240956acf8218cb0b36254aecd629058ad39f4eb', class: "relative w-full inline-block group" }, h("slot", { key: '4424c8de31fd4e2aa702369314cf0819447ca364' }), h("div", { key: 'f260ef6ee9700231dc77ddc9debc7f5b92f546c6', 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

package/dist/components/eds-user.js

@@ -17,7 +17,7 @@ const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLEle
             this.expanded = e.detail.expanded;
         };
         this.user = undefined;
-        this.intent = 'tertiary';
+        this.intent = 'ghost';
         this.dropdownLabel = 'Account';
         this.expanded = false;
         this.shortMode = false;
@@ -51,8 +51,8 @@ const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLEle
     }
     render() {
         const user = this.parsedUser;
-        const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
-        return (h("div", { key: '1c4017bd33c81ad29385e164dc8611cfac58eca0', class: "block" }, h("div", { key: 'b692ce5a4b6b424c7e109589bdff5617d4e3b33c', class: "flex items-center" }, h("eds-dropdown", { key: '0df9e3b3c5212433ec88da84edd746a1dce8c763', ref: (el) => (this.dropdownEl = el), label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: iconName, class: "text-default", onDropdown: this.handleDropdown }, h("div", { key: 'ef25176f1fc1796dde0b1d56264617d067d06adb', class: "min-w-[280px] p-8" }, h("div", { key: '539532b05094ad47281f7d03c7900b93162e175a', class: "flex gap-x-16", "data-dropdown-no-close": true }, h("eds-avatar", { key: 'ff51082744e2d32e5bc57069ccc99a3214ac3c03', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), h("div", { key: '1850d3ad72889a446fb8f5f29cf96d7434bc8c81', class: "max-w-full" }, user.name && h("p", { key: '29a458e82be47f3b4ce801e289253158b6f7372b', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: 'fbb49fa957c32bd90b15dd71691b975c920049bb', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: 'e634ceb7b74062a19f466abb1f50266370a82747', class: "f-ui-03-light text-light mt-4" }, user.email))), h("div", { key: '3a8a04862973d0e28d7c62d84a6928953fd08df3', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: '50627b6ed0b735079d60b66092181334cd1a954a' })))))));
+        //const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
+        return (h("div", { key: 'd23f741600ca86103642bfe17058e8e966ed00e0', class: "block" }, h("div", { key: 'cf73f261fdd219f236a93b4162656ef3178ca419', class: "flex items-center" }, h("eds-dropdown", { key: 'c69a3c95348c765d893aa01d5631d122de428970', ref: (el) => (this.dropdownEl = el), intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "user", label: this.dropdownLabel, class: "text-default", onDropdown: this.handleDropdown }, h("div", { key: 'f142afdf77953f791ca0478af862934d0904dabb', class: "min-w-[280px] p-8" }, h("div", { key: '7ee37a9f2175e626c278071a409a5c26f4331c8a', class: "flex gap-x-16", "data-dropdown-no-close": true }, h("eds-avatar", { key: '7248877a0579d8d15dec94b994af5150c9dbf2c2', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), h("div", { key: '1766fb5e2613b434c8de825c90141b4f95be00e1', class: "max-w-full" }, user.name && h("p", { key: 'd36907607f575eeb5425c1f2e32e91034fad6dde', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: '73e02010d3d54151252903071bbe30168ea7d64a', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: 'eb522e6c95f15ef0584c7a90c20bb815ccc5d1a1', class: "f-ui-03-light text-light mt-4" }, user.email))), h("div", { key: 'c4284f4dba1964a949380aa0154419e3215daac4', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: '6476e03cf61ad7517e9742e67b44b9c917d9f329' })))))));
     }
     get hostEl() { return this; }
     static get style() { return EdsUserStyle0; }

package/dist/components/eu.js

@@ -1,30 +1,7 @@
-const euSvg = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
-  <defs>
-    <g id="d">
-      <g id="b">
-        <path id="a" d="m0-1-.3 1 .5.1z"/>
-        <use xlink:href="#a" transform="scale(-1 1)"/>
-      </g>
-      <g id="c">
-        <use xlink:href="#b" transform="rotate(72)"/>
-        <use xlink:href="#b" transform="rotate(144)"/>
-      </g>
-      <use xlink:href="#c" transform="scale(-1 1)"/>
-    </g>
-  </defs>
-  <path fill="#039" d="M0 0h640v480H0z"/>
-  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
-    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
-    <use xlink:href="#d" width="100%" height="100%" y="6"/>
-    <g id="e">
-      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
-    </g>
-    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
-  </g>
-</svg>`;
+const euSvg = `<svg width="63" height="50" viewBox="0 0 640 480" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 0h640v480H0V0z" fill="#039"/>
+  <path d="M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z" fill="#FC0"/>
+</svg>
+`;
 
 export { euSvg as e };

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: 'dc96e5e7e26b90d55edf211a12cca96331fd50ee', class: "container" }, h("div", { key: '7168395a53d0d1ccb01ea8850dc78b9bafbc80db', class: "mb-8" }, h("eds-alert", { key: '66969d5478be8b0e07dc96e62aac4273fe23927c', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '1b31ee746e23288fc37c17e71bc9c5a4d9333a0a', class: "flex" }, h("div", { key: 'f04c1b2349c82720f7e3d9a29c2aaf0ff9d73af0', class: "w-full" }, h("ul", { key: '2ba63701fdde544e5c510e03676d1b1c74061931', 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: '7642247ada8ff3201e3a1273a20cb37860a1581d', class: "w-full" }, h("ul", { key: 'ef03781a8ed2067adc0b8cb65ba9268ba0920f04', 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: '424c9b01d69068fa058b25dd89df08154912dfe7', class: "container" }, h("div", { key: '5a9dae817344c3c92b8bdb55b806b1f96e26496d', class: "mb-8" }, h("eds-alert", { key: 'afeaa6e5320151800d31c3fecb85669000409a14', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '87241b25b9f9e326183ba4496983d93bef766380', class: "flex" }, h("div", { key: 'c018e1fffc8198b3e48e1df6b1e8d560e1c7b84a', class: "w-full" }, h("ul", { key: '97845ca2dfe71ac0feb27762c4b3c71c80ca626c', 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: '05adf9099f1b043d08577cf1f233551d83fc4242', class: "w-full" }, h("ul", { key: '55792bcf3ecb93df6884d7366aa8c7f2c3cf5ad5', 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,16 +1,19 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { v as vLogoMargins } from './logo-color-margins.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$i } from './eds-button2.js';
+import { d as defineCustomElement$h } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$g } from './eds-input2.js';
+import { d as defineCustomElement$f } from './eds-input-dropzone2.js';
+import { d as defineCustomElement$e } from './eds-input-field2.js';
+import { d as defineCustomElement$d } from './eds-input-file2.js';
+import { d as defineCustomElement$c } from './eds-input-footer2.js';
+import { d as defineCustomElement$b } from './eds-input-label2.js';
+import { d as defineCustomElement$a } from './eds-input-range2.js';
+import { d as defineCustomElement$9 } from './eds-input-search2.js';
+import { d as defineCustomElement$8 } from './eds-input-select2.js';
+import { d as defineCustomElement$7 } from './eds-link2.js';
+import { d as defineCustomElement$6 } from './eds-logo2.js';
+import { d as defineCustomElement$5 } from './eds-pagination2.js';
+import { d as defineCustomElement$4 } from './eds-switch2.js';
 import { d as defineCustomElement$3 } from './eds-table2.js';
 import { d as defineCustomElement$2 } from './eds-tooltip2.js';
 
@@ -24,7 +27,7 @@ const LogoSpace$1 = /*@__PURE__*/ proxyCustomElement(class LogoSpace extends HTM
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '60dcb01fe1791ae536755d50234c38fe1b8355f2', class: "container" }, h("ul", { key: 'f8392d3dd6620cfe57b39a03c4f427eb201faa2a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f89baf7dfe7257402a93c06faf09d6602a169de3', 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: '94ba054bcc5ada258cb95530dcc380184820cc59', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '226d955d9d0a049d2a99b83a3d1223369c3a75a3', 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: 'ebd3897ab3207f1ddebbf4d9cdbbe6a2069c9952', class: "text-center mt-16" }, h("p", { key: '4e56dc98d24514717e4711204d9bad0c59ca816c', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'e04e02f59c35d52d647f18a71a37657a5d7115b3', 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: 'd499f9bf757d0daa9d22fdb41e56058a1d7b3749', 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: 'afaefa486624790c61ec7be56d25e8214e692f80', class: "container" }, h("ul", { key: '20a3d543d1bb3027cf12ea20d64bfc263c1e911f', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '02e87b7c3b1acf86fe4aba6eb3fcda5cf0737d73', 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: 'cb6614645cfdac9e07fb08a843a1171a60d2cae9', class: "logo-clear-space mx-auto", style: { position: 'relative', padding: '2.5rem', background: '#f5f5f5', borderRadius: '8px' } }, h("div", { key: 'bda137ca9589342b6483262df1429e64eb3785ee', style: { position: 'absolute', top: '0', left: '50%', transform: 'translateX(-50%)', display: 'flex', flexDirection: 'column', alignItems: 'center' } }, h("span", { key: 'd6f5fe1d1b006baf25cfb4b20613d92bace337ce', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E"), h("div", { key: '97ff118cab9d1ebdb1abc7f4c253cab3c1bd9965', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } })), h("div", { key: 'a538f0751fe79c94d90e33325ff1be2e5feebc5c', style: { position: 'absolute', bottom: '0', left: '50%', transform: 'translateX(-50%)', display: 'flex', flexDirection: 'column', alignItems: 'center' } }, h("div", { key: '500d0e1d35fbfb8df0af72cd6019e3ef673ce8f5', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } }), h("span", { key: 'a02e8d7742fed312d090f00213a07774fe1a196f', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E")), h("div", { key: '00ec1e2a973bb99fadb6d73a9af41862c09dd05d', style: { position: 'absolute', left: '4px', top: '50%', transform: 'translateY(-50%)', display: 'flex', alignItems: 'center' } }, h("span", { key: 'd792490e3d3e52895eb19ea489153bd4d37556ed', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E"), h("div", { key: 'da0320e4a4c3e0b6cf5dae32507c488a1698885c', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } })), h("div", { key: '2c01f062de36831c794f1a9defe7b044d28ad9ad', style: { position: 'absolute', right: '4px', top: '50%', transform: 'translateY(-50%)', display: 'flex', alignItems: 'center' } }, h("div", { key: '68e5e2bb4f52a4c6ac003aa1deccfe721a948a92', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } }), h("span", { key: '6e753f8d2513ef86efd3c4b7e4ebf187ec5bf122', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E")), h("div", { key: 'f4a83531bfbbce8e3e89565be7f1c8d0320ea504', style: { border: '1px dashed rgba(0, 200, 123, 0.5)', borderRadius: '4px', padding: '1rem', display: 'flex', alignItems: 'center', justifyContent: 'center' } }, h("eds-logo", { key: '135977a942f8d9c8817bd866ea21a2597860e7b6', variant: "positive", href: "#", style: { display: 'block', width: '250px' } })))), h("li", { key: '2d2d834f16263bb4d95cc0c945af2aa0a53c7dd8', 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: 'b6b7f75960412d0232e417406158b56e3d1946e2', class: "text-center mt-16" }, h("p", { key: '43f97699ab3f882863b9e181e3b31cc576b1e411', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '62c49c7c7675d876bd11feb480836fe344f0f3a1', data: '[\n                  { "Media": "Print", "Min Size": "0.75 cm" },\n                  { "Media": "Web", "Min Size": "29 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))))));
     }
     static get style() { return LogoSpaceStyle0; }
 }, [1, "logo-space"]);
@@ -32,7 +35,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", "eds-tooltip"];
+    const components = ["logo-space", "eds-button", "eds-icon-wrapper", "eds-input", "eds-input-dropzone", "eds-input-field", "eds-input-file", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-logo", "eds-pagination", "eds-switch", "eds-table", "eds-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "logo-space":
             if (!customElements.get(tagName)) {
@@ -41,55 +44,75 @@ function defineCustomElement$1() {
             break;
         case "eds-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$i();
             }
             break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$h();
             }
             break;
         case "eds-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$g();
+            }
+            break;
+        case "eds-input-dropzone":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
             }
             break;
         case "eds-input-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$e();
+            }
+            break;
+        case "eds-input-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
             }
             break;
         case "eds-input-footer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
             }
             break;
         case "eds-input-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$b();
             }
             break;
         case "eds-input-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$a();
             }
             break;
         case "eds-input-search":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$9();
             }
             break;
         case "eds-input-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "eds-link":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
             }
             break;
         case "eds-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "eds-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

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

@@ -11,7 +11,7 @@ const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVari
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '0f0c8f6752da65c793c2f7ad20a9e9a038c15f16', class: "container" }, h("ul", { key: 'fb9647dcdb07fc5eec1a84c7458094add83233ba', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '06069a4da6863f7bd714191610ce44730531c25d', 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: 'a2c24b224acb98ea80b4d43695a0cae87de8f311', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'a672294c291984c387fb5ddfbbf89a5209cf88d3', class: "coloured" }, h("eds-logo", { key: 'f6540444fabfeb1313103ecc860c9543335bf693', type: "no-bg", href: "#" }))), h("li", { key: '769c0e2d304e117ae5925a0d2d981f85cb31281f', 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: '1c4b6cb455ef32c5b94bead22b7116aec3b9233c', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '8e3c36097fa1dd5d0fa8cdafe00daaaa035f5463', class: "bg-default" }, h("eds-logo", { key: 'cdd92bd788afa9e127ad6163ce132f2e6d620c95', type: "black", href: "#" }))), h("li", { key: 'e8012388b0209873684706e16306144174212b6c', 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: '49b42b62f6f769c81526add05822df44941bba5c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '4ba6fc32175d6b6dd3f38e551eb80f4e5d1144d0' }, h("eds-logo", { key: '3ebe5f6551a960873a82af20a4d415b175b7f8de', type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'a7b635b81f06347ecf026f5102fff854275cd0a1', class: "container" }, h("ul", { key: '4d2289f7a8136374bf6cf876f1c7eba0ec2a9422', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e8d3dc755e9923ef57d4cb32876874c84d406620', 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: 'd51a85c405e5c75f4184d72a81bd3b8e001293aa', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: 'fd20af4231cf1e7ddf3878e1cd11aa2fcbdc36a3', class: "coloured" }, h("eds-logo", { key: 'be23d497a621c1b133521a365df483d0a753b4d7', variant: "positive", href: "#" }))), h("li", { key: '6a330cea74757c1e3f6db14ef1c3ee6e8f998e23', 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: '87016c5c2d861900ed0bd2f0302e5969ee23822b', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: 'd592916a66379e9dcafbd39ae6f0393207893e3a', class: "bg-default" }, h("eds-logo", { key: '78b0f667deb8e789166b7b9243d4ac246dd9b9ac', variant: "negative", 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: 'b05bf7f07b39c2119f4716da95f34372f75f6137', class: "container" }, this.renderContent());
+        return h("div", { key: '744c1ba1e806d2659fa2d409c2e2314d02c5d911', 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: '7d88d267037ee805159ea73f27b15d2e7ec0e1b6', class: "container" }, h("ul", { key: '848defdb55c164b9fb3cee0b1425acbcbfeda209', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9e5d7a1218da406b571ef4a8026aabfd2618846d', 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: 'ed5bc7c77061eee46c95e719aa938d1374d413c6', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'b508a4c0fb271a880e16a375cff36ecfe70d55a7', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'e92421e0d04d84ae40d36bdd1d7d20b0582da600', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '1a6c57792d0b9a7fd89036d963556def55a9a3cf', 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: '56b18c6f6932f92995b5e936dc271f07fdcb2896', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '8d77de5838230e17a30d6327c71a3e93cf52c8db', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'f818a1028b59b30aa2d7ddd35146e81d332f653a', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '0ce7ef6e6f3e95d43a8133c12a0b2b57bfb9b67a', 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: '8a0e61ff35121c1c3e60320d4023e44e639cee72', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '412f19f119a71743bae3a824874e1a1dcafcd258', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'a62f01cb47568231e90facf00ab74481e818a40b', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: '87d5bf852fe573878eabdd768aaf979de16c226e', class: "container" }, h("ul", { key: 'd9e47765d5e27f53dc8ced19fa954cd573e76856', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6b7ac8948438ede5dc01365511244e9858b2848b', 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: 'e4fce7db514e0741507b6a37cb7bf47d89047929', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: '787af1c40ebac015c1a57391ab3959e691bd8dd3', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '0e0d4dcea468625e374959d5c2762d8f7ce19e70', orientation: "vertical", variant: "positive", href: "#" }))), h("li", { key: '77860d576cac3f5e71d728dee804c812fe6e430d', 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: 'f598d729ae5436b5777df79135d585378e5e7725', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '860b8539372eebd327c56b5d127203b93a7ae3b8', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '6bc89e4a6fc56125b14dec7079108eef51c961a7', orientation: "vertical", variant: "negative", href: "#" }))))));
     }
     static get style() { return LogoVariationsVerticalStyle0; }
 }, [1, "logo-variations-vertical", {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { h as hLogoColor } from './logo-color.js';
+import { l as logoPositive } from './positive.js';
 
 const logoWrongUsageCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-center{text-align:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(0.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.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}}";
 const LogoWrongUsageStyle0 = logoWrongUsageCss;
@@ -11,7 +11,7 @@ const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '37850687dda1175073866d4898102d185ced3e2d', class: "container" }, h("ul", { key: '2734a992d3ee5249c024dbb982fc452334645dff', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '26514741d093eb98a9898df179a5308864116b2a', 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: '8162f53c61380494f776122dd5e7183dbaa5a941', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: 'c8a6b7af377d7bd214f3fa85d0032af5d9c64b58', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'c17db6db70ecaf33bf39942d18d11041d233c6e0', 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: 'c0e542cfa0cec0729dd56f4b7dd5e3e514a4c375', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '10ee19b46078ea7fcaad394adff676f7a90d39e1', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '7e02bb8a4d1ba255a7a2323bbf7056788822301d', 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: '7901b9c28eaed72f2816cc4fa16461a64b2b876c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '011b641e58c216d125bf0fe0495be11c65710a13', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '4dd09cd947f29519c2c7b3f78dd98bd40a80b54f', 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: 'c19319983842106734c63c103fb04b5e5fc32e39', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '2de8694d6e8b790086a5d9e2ce8c2454ad02e1fb', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '9e70df0ce29692c5f70ac4849fa0765fbf979ad8', 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: 'd0f778976c8dc89ec22174b56600aa69f15a45a2', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: 'e8d9c2bafc5eebfd2f289fee9cfb916abe77b04a', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'd590b661312fd6b56199ee0790a10acda0b8aadb', 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: 'cfeb7d7a4af9fc595c0d4e083ad670a170ca2885', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '15f6ff0ba150d42f18a19973d167510ae4c95c6b', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '56c45146f541a7fb8814810a31e8b0393c976281', 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: '1ded3e72b457a639184f4f3f0801eb62af87f536', class: "mx-auto" }, h("div", { key: '67661f2f1273b925779001cb94b345771a74d726', class: "bg-accent p-16" }, h("div", { key: '33d473c812643bf3fbc87170c80638566de1b0b5', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '7a5edbc5ae089dd87eef05baa755caf8e4a5bde3', 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: '1998b8e5086ba4cd17fdc27727349b9d638664b1', class: "container" }, h("ul", { key: '84771834b81ff0714a75e1e61b9a1162e3bc639d', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4deb145d27c43db40acbd03ef90e1a66fad22f09', 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: '801e579cd87168a51d00c78f6808a1413d689564', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: '591ecf90d303b7302f0431a3099f64f67ec96c1b', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'bedfff759e45149bd7df138736b2cc9f172ee41c', 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: '643ea5b43c95f107f8fc8b0c8ea8234d4e09ba9d', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: 'b9fd83f7586a7fa02d86651ba26acbda08e63394', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '986534ff326d2ef3dd80136d151c46c98ccc8921', 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: '146c299a032bf9907e2bbc8fe72eaeb738cf0458', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: '6ddc987cca3e13ce381572d3aa51a94c7cdbc2be', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '23a471ac8dbda371bf4ba704563305c7c03680b3', 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: 'c6732fff82bc642cd0885e721a8686041809ffb7', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: '463d5c2c43d8c5ec1d4abce3419bc3c66bfa02b6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'c67c213f34b69089e3cbc0df3e9188b44cc9d9cf', 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: '58170477b47eec084e009c953a7216c5ed94a3b9', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: '18e2732bb758ae840dcd15e1ef678496afa2cc3b', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '6c829569009467ee5092a6a426d87e1c3399ca29', 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: '1d66177dd3a30386ee64bafea9026bf16cf80225', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: '4c8e35fa52ef575ab6535dc219710ea356a2e1a3', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '7dc465eaeb42991d4d3066ac0a35a0a5fee929f5', 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: '0f9de8fcd64ed34040f24bbfd38c640593a7a74b', class: "mx-auto" }, h("div", { key: '9f77a72a22b0dcbbdd112816f4a02b991df5d3b1', class: "bg-accent p-16" }, h("div", { key: '1356eccbf5510a3831e9cbd09b582c38fc68a479', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: 'ce32a58d2bccf82202da47d8cc0ac01642e8436a', 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/negative.js

@@ -0,0 +1,104 @@
+const logoNegative = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 800 201.1">
+  <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#Unbenannter_Verlauf);
+      }
+
+      .st1 {
+        fill: url(#Unbenannter_Verlauf_2);
+      }
+
+      .st2 {
+        fill: url(#Unbenannter_Verlauf_4);
+      }
+
+      .st3 {
+        fill: url(#Unbenannter_Verlauf_3);
+      }
+
+      .st4 {
+        fill: url(#Unbenannter_Verlauf_8);
+      }
+
+      .st5 {
+        fill: url(#Unbenannter_Verlauf_6);
+      }
+
+      .st6 {
+        fill: url(#Unbenannter_Verlauf_7);
+      }
+
+      .st7 {
+        fill: url(#Unbenannter_Verlauf_5);
+      }
+
+      .st8 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="-26.7" y1="139.2" x2="155" y2="223.9" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_2" data-name="Unbenannter Verlauf 2" x1="38.6" y1="-1" x2="220.3" y2="83.8" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_3" data-name="Unbenannter Verlauf 3" x1="33" y1="11" x2="214.8" y2="95.7" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_4" data-name="Unbenannter Verlauf 4" x1="-3.5" y1="89.4" x2="178.3" y2="174.1" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_5" data-name="Unbenannter Verlauf 5" x1="4.5" y1="72.2" x2="186.2" y2="156.9" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_6" data-name="Unbenannter Verlauf 6" x1="28.7" y1="20.3" x2="210.5" y2="105" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_7" data-name="Unbenannter Verlauf 7" x1="3.8" y1="73.7" x2="185.5" y2="158.5" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_8" data-name="Unbenannter Verlauf 8" x1="18" y1="43.5" x2="199.7" y2="128.2" gradientTransform="translate(0 204) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset="0" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+  </defs>
+  <path class="st8" d="M318.6,145.7h-55.5V54.7h55.5v9.6h-44.6v30.5h42v9.6h-42v31.5h44.6v9.8ZM340.3,145.7V54.7h37.4c7.5,0,13.4,2.1,17.7,6.4,4.3,4.3,6.5,9.9,6.5,17.1s-.8,8.1-2.5,10.8c-1.6,2.7-3.5,4.7-5.9,6-2.3,1.3-4.4,2.1-6.4,2.5v.8c1.7,0,3.5.6,5.5,1.4,2.1.8,4,2,5.9,3.6,1.9,1.7,3.5,3.8,4.7,6.4s1.8,5.8,1.8,9.6-1,9.4-3.1,13.4c-2,4-4.8,7.2-8.3,9.5s-7.5,3.4-12,3.4h-41.3ZM351.3,103.5v32.6h27c3.1,0,5.8-.5,8.1-1.6,2.3-1.1,4-2.7,5.2-4.8,1.2-2.1,1.8-4.6,1.8-7.7v-4.4c0-3-.6-5.6-1.8-7.7s-3-3.6-5.2-4.7c-2.3-1.1-5-1.7-8.1-1.7,0,0-27,0-27,0ZM351.3,64.4v29.7h25.2c2.9,0,5.3-.5,7.3-1.4,2.1-1,3.7-2.5,4.8-4.3,1.1-1.9,1.7-4.2,1.7-6.9v-4.4c0-2.7-.6-5-1.7-6.8-1.1-1.9-2.7-3.3-4.8-4.3-2-1-4.4-1.6-7.3-1.6,0,0-25.2,0-25.2,0ZM437.7,106.6v39.1h-10.9V54.7h36.2c5.3,0,9.8,1,13.6,3,3.8,2,6.7,4.9,8.7,8.7,2.1,3.8,3.1,8.5,3.1,14.1s-1.6,12.1-4.7,16.4-7.6,7.2-13.6,8.6l20.9,40.1h-12.4l-19.7-39.1h-21.2ZM437.7,97.2h25.3c2.9,0,5.3-.5,7.3-1.4,2.1-1,3.6-2.5,4.7-4.4,1.1-2,1.7-4.4,1.7-7.2v-6.8c0-2.8-.6-5.1-1.7-7-1-2-2.6-3.5-4.7-4.4-2-1-4.4-1.6-7.3-1.6h-25.3v32.8ZM579.9,145.7h-11.5l-9.1-26.8h-36.8l-9.1,26.8h-11.1l31.8-91h13.9l31.8,91h0ZM556.5,109.2l-11.5-33-3.9-11.3h-.7l-3.9,11.3-11.5,33h31.5ZM628.4,145.7h-36.5v-9.1h12.8V63.8h-12.8v-9.1h36.5v9.1h-12.8v72.7h12.8v9.1h0ZM705,145.7l-33.2-55.5-10.9-20.2h-.4v75.7h-10.7V54.7h12.6l33.2,55.5,10.9,20.2h.4V54.7h10.7v91h-12.6ZM768.7,147.2c-7.3,0-13.6-1.4-18.9-4.2-5.2-2.9-9.6-6.8-13.3-11.7l8.1-6.8c3.2,4.3,6.8,7.5,10.7,9.8,3.9,2.2,8.5,3.3,13.8,3.3s11.5-1.6,14.9-4.7c3.5-3.1,5.2-7.3,5.2-12.5s-.6-5.3-1.7-7.3c-1.1-2-3-3.6-5.5-5-2.4-1.4-5.6-2.5-9.6-3.4l-7.4-1.7c-5.5-1.3-10.1-3-13.9-5.1-3.8-2.1-6.7-4.8-8.7-8.1-2-3.3-3-7.3-3-11.9s1.3-9.9,3.8-13.6c2.5-3.7,6-6.6,10.6-8.5s9.9-2.9,15.8-2.9,12.7,1.3,17.6,3.8c5,2.5,9.1,6.2,12.5,11.1l-8.2,6c-2.4-3.5-5.5-6.2-9.1-8.2s-8-3-13.3-3-10.4,1.3-13.8,3.8c-3.3,2.5-5,6.2-5,11.1s.6,5.3,1.8,7.2c1.3,1.9,3.2,3.5,5.7,4.8,2.5,1.2,5.7,2.3,9.5,3.1l7.4,1.7c5.9,1.3,10.7,3.1,14.5,5.3,3.7,2.3,6.5,5,8.2,8.3,1.8,3.3,2.7,7.2,2.7,11.7s-1.3,10.4-3.8,14.5c-2.5,4.1-6.1,7.3-10.8,9.5-4.6,2.3-10.2,3.4-16.7,3.4v.2Z"/>
+  <g>
+    <path class="st0" d="M67.3,19.9c11.2-2.3,22.5-1,32.1,1.5.8.2,1.2-.8.5-1.3-11.6-7.3-20.9-11.4-26.6-13.5l-18.3,4.9c-3.4.9-6.4,2.7-8.9,5.1l-29.6,29.6c-2.5,2.5-4.2,5.5-5.1,8.9l-.7,2.6c1.7-1.5,3.4-3.2,5.2-4.9,12.6-12,29.9-28.4,51.3-32.9h0Z"/>
+    <path class="st1" d="M33.8,172.2l12.3,12.3c2.5,2.5,5.5,4.2,8.9,5.1l40.4,10.8c3.4.9,6.9.9,10.2,0l40.4-10.8c3.4-.9,6.4-2.7,8.9-5.1l2.8-2.8c-80-32.2-119-12.3-123.9-9.5Z"/>
+    <path class="st3" d="M97.7,137.4c-25.1.2-51.1.4-78.8,19.8l10.5,10.5h.1c2-1.5,42.4-27.9,132.8,9.1h.2c0,.1,18.6-18.4,18.6-18.4-7.8-2.8-58.6-21-83.1-21h-.3Z"/>
+    <path class="st2" d="M137.2,41h0c2.6,2.4,5.3,5,8,7.7,26.3,26.3,43.8,37.2,53.9,41.8l-9.5-35.5c-.9-3.4-2.7-6.4-5.1-8.9l-29.6-29.6c-2.5-2.5-5.5-4.2-8.9-5.1L105.7.7c-3.4-.9-6.9-.9-10.2,0l-12.1,3.2c12.4,5.6,31.5,16.5,53.7,37,0,0,.1,0,.2.2h-.1Z"/>
+    <path class="st7" d="M132.7,86.1c4.9,1.6,26.3,12,26.3,12,1.7.7,7.3,3.3,8.9,4.1.7.3,1.3-.6.8-1.1-1.5-1.4-5.8-5-10.9-8.6,0,0-21.8-15.4-27.2-18.5-7.8-4.3-47.4-26.7-81.3-10C25.8,75.6,8,89.7.6,96c-.8,3.2-.7,6.5.1,9.7l3.4,12.8c7.2-6.7,20.2-17.2,40.4-28.2,35.4-19.2,61.9-12.8,88.2-4.2Z"/>
+    <path class="st5" d="M55.9,128c-3.1,1.7-17.5,10.3-17.5,10.3,0,0-4.9,3-.2,1.9,2-.5,7.8-3.1,9.7-3.6,0,0,19.1-7,49.8-5.4h.4c27.6,0,84.2,21,86.6,21.9l1.1.5c1.8-2.2,3.2-4.7,3.9-7.5l2.7-10.2c-14.1-5.9-55.1-22.3-81-22.3s-55.3,14.3-55.5,14.4Z"/>
+    <path class="st6" d="M131.7,44.5c-2-1.7-4.9-3.9-8.5-6.3-1.8-1.3-3.6-2.3-5.4-3.2-8.1-4.1-29.1-13.1-49.2-9-19.7,4.1-35.5,19.2-48.2,31.3-4.7,4.5-8.7,8.3-12.4,11.1l-4.6,17.2c9.4-7.4,24.4-18,43.2-27.2,36.9-18.1,79.2,5.4,87.3,10.3,12.1,7.3,47.9,34.4,64,46.8l2.6-9.8c.7-2.5.8-5,.5-7.5-10.4-3.8-29.7-14.5-60.2-45-3.1-3.1-6.1-5.9-9.1-8.6h0Z"/>
+    <path class="st4" d="M47.5,95.8c-22.1,12-35.5,23.6-41.5,29.6l5.5,20.7c.3,1.2.8,2.4,1.4,3.5,9.5-9.3,38.6-26.3,39.8-27,1-.6,25.6-15.3,58.7-15.3s67.5,16,82.6,22.4l1.1-4.2c-9.9-6.7-37.4-24.5-64.4-33.5-24.9-8.3-50-14.3-83.2,3.8h0Z"/>
+  </g>
+</svg>`;
+
+export { logoNegative as l };

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

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-271c61ff.js";const t={default:"var(--grey-light)",dark:"var(--grey-dark)",black:"var(--brand-black)"},r=class{constructor(a){e(this,a),this.size=100,this.valueMin=0,this.valueMax=100,this.value=60,this.thickness=.1,this.variant="default"}render(){const e=Math.min(Math.max(this.thickness,.1),.2),r=Math.min(Math.max(this.value,this.valueMin),this.valueMax),i=this.size,o=(r-this.valueMin)/(this.valueMax-this.valueMin||1)*360,l=e*i,s=i-2*l,d={fontSize:.2*i+"px"};return a("div",{key:"f5801b63984f42bad206445de4e865c0e161b88e",role:"progressbar","aria-valuemin":this.valueMin,"aria-valuemax":this.valueMax,"aria-valuenow":r,"aria-label":`Gauge value: ${r} of ${this.valueMax}`,class:"relative inline-block rounded-full overflow-hidden",style:{width:`${i}px`,height:`${i}px`,background:`conic-gradient(var(--brand-green) 0deg ${o}deg, ${t[this.variant]||t.default} ${o}deg 360deg)`}},a("div",{key:"1a982401ba1853e937dfbb9aeb4736d4665abab1",class:"absolute bg-inverse rounded-full",style:{width:`${s}px`,height:`${s}px`,top:`${l}px`,left:`${l}px`}}),a("div",{key:"0db002b1a3a3f49fe3fd0f3aa4d3fd0e2ee6a45d",class:"absolute inset-0 flex items-center justify-center"},a("span",{key:"a011eaaab9e6f3d15d706bf9309ae7bafa689387",class:"f-body-01 text-default",style:d},r)))}};r.style=".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.text-default{color:var(--black)}";export{r as eds_gauge}

package/dist/components/{p-5e6f5588.entry.js → p-0d7aee0b.entry.js}

@@ -1 +1 @@
-import{r as e,h as s}from"./p-271c61ff.js";const t=class{constructor(s){e(this,s),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){return s(this.tag,{key:"97a75a0b2a26e912499d844df4e3eb10c2c9eb29"},s("eds-section-heading",{key:"fe5d0d7a0594bac513551c4a7ea45e34598ec265",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),s("slot",{key:"5f6492d074ffc9996ac39449a037e267a5b399d2"}))}};t.style="";const i=class{constructor(s){e(this,s),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){return s(this.tag,{key:"9003f6d452637cdc9ed3bea69689cd92546860b8",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},s(this.headingLevel,{key:"2cb120e1bf8e4816cb56c8ba8f8bbae546bd7baf",class:this.getHeadingClass()},this.sectionTitle))}};export{t as eds_section_core,i as eds_section_heading}
+import{r as e,h as s}from"./p-271c61ff.js";const t=class{constructor(s){e(this,s),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){return s(this.tag,{key:"65cb765fe9b997b5e573f5befd4ca1ea6611f1c5"},s("eds-section-heading",{key:"a48c9fef0a45fbed08749e8b4f17d762d38bbb5b",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),s("slot",{key:"7e26bc40132c32670db60f5765b412d00d64c129"}))}};t.style="";const i=class{constructor(s){e(this,s),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){return s(this.tag,{key:"032f8629ef5ea1c45f40a135a54c32337f7181e9",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},s(this.headingLevel,{key:"37f821426fe05dba66445745da3d23c9ff75345e",class:this.getHeadingClass()},this.sectionTitle))}};export{t as eds_section_core,i as eds_section_heading}

package/dist/components/{p-07d5560c.entry.js → p-0fe10e6c.entry.js}

@@ -1 +1 @@
-import{r as e,h as c}from"./p-271c61ff.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],d=class{constructor(c){e(this,c)}render(){return c("div",{key:"dc96e5e7e26b90d55edf211a12cca96331fd50ee",class:"container"},c("div",{key:"7168395a53d0d1ccb01ea8850dc78b9bafbc80db",class:"mb-8"},c("eds-alert",{key:"66969d5478be8b0e07dc96e62aac4273fe23927c",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),c("div",{key:"1b31ee746e23288fc37c17e71bc9c5a4d9333a0a",class:"flex"},c("div",{key:"f04c1b2349c82720f7e3d9a29c2aaf0ff9d73af0",class:"w-full"},c("ul",{key:"2ba63701fdde544e5c510e03676d1b1c74061931",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),c("div",{key:"7642247ada8ff3201e3a1273a20cb37860a1581d",class:"w-full"},c("ul",{key:"ef03781a8ed2067adc0b8cb65ba9268ba0920f04",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{d as incorrect_use_of_colors}
+import{r as e,h as c}from"./p-271c61ff.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],d=class{constructor(c){e(this,c)}render(){return c("div",{key:"424c9b01d69068fa058b25dd89df08154912dfe7",class:"container"},c("div",{key:"5a9dae817344c3c92b8bdb55b806b1f96e26496d",class:"mb-8"},c("eds-alert",{key:"afeaa6e5320151800d31c3fecb85669000409a14",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),c("div",{key:"87241b25b9f9e326183ba4496983d93bef766380",class:"flex"},c("div",{key:"c018e1fffc8198b3e48e1df6b1e8d560e1c7b84a",class:"w-full"},c("ul",{key:"97845ca2dfe71ac0feb27762c4b3c71c80ca626c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),c("div",{key:"05adf9099f1b043d08577cf1f233551d83fc4242",class:"w-full"},c("ul",{key:"55792bcf3ecb93df6884d7366aa8c7f2c3cf5ad5",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{d as incorrect_use_of_colors}

package/dist/components/p-18e852e1.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-271c61ff.js";const a={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},s=class{constructor(t){e(this,t)}render(){return t("section",{key:"9ab666342a801e51b3a75c979bceadccf4d9736e",class:"w-full"},t("eds-section-core",{key:"4eea7a8b3b8e3b0404108345756d11806ea2805d",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},t("ul",{key:"faa065acac9bce28073f709d147c9b2725150da5",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a).map((([e,a])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:a.replace("/",":"),width:"100%",maxWidth:"300px"}},t("span",{class:"text-default font-bold mr-auto"},"aspect-",e),t("span",{class:"mt-2 text-sm ml-auto"},a))))))))}};export{s as token_ratios}

package/dist/components/p-1cc26ddf.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,g as a}from"./p-271c61ff.js";import{s as o}from"./p-d15065c3.js";const r=class{constructor(e){t(this,e),this.previousActiveElement=null,this.heading="",this.truncate=void 0,this.position="middle",this.size="medium",this.inverseHeader=!1,this.isOpen=!1}getTruncateClass(){return this.truncate?`line-clamp-${this.truncate}`:""}getSizeClass(){switch(this.size){case"small":return"modal-small";case"large":return"modal-large";default:return"modal-medium"}}getModalPositionClasses(){switch(this.position){case"top":return["top-16","left-0","w-full","md:left-1/2","md:w-auto","md:-translate-x-1/2","md:top-20"].join(" ");case"bottom":return["bottom-16","left-0","w-full","md:left-1/2","md:w-auto","md:-translate-x-1/2","md:bottom-20"].join(" ");default:return["top-16","left-0","w-full","md:left-1/2","md:top-1/2","md:w-auto","md:-translate-x-1/2","md:-translate-y-1/2"].join(" ")}}trapFocus(t){var e;if("Tab"!==t.key)return;const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!a||0===a.length)return;const o=a[0],r=a[a.length-1];t.shiftKey?document.activeElement===o&&(r.focus(),t.preventDefault()):document.activeElement===r&&(o.focus(),t.preventDefault())}lockBodyScroll(){document.body.style.overflow="hidden"}unlockBodyScroll(){document.body.style.overflow=""}async open(){var t;this.previousActiveElement=document.activeElement,this.isOpen=!0,this.lockBodyScroll(),setTimeout((()=>{var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');e&&e.length>0&&e[0].focus()}),100),o({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(t=this.heading)||void 0===t?void 0:t.toLowerCase())||"",action:"opened"})}async close(){var t;this.isOpen=!1,this.unlockBodyScroll(),this.previousActiveElement&&"function"==typeof this.previousActiveElement.focus&&setTimeout((()=>{var t;null===(t=this.previousActiveElement)||void 0===t||t.focus()}),100),o({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(t=this.heading)||void 0===t?void 0:t.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen?await this.close():await this.open()}handleGlobalOpen(){this.open()}handleGlobalClose(){this.close()}handleKeyDown(t){this.isOpen&&("Escape"===t.key?this.close():"Tab"===t.key&&this.trapFocus(t))}render(){const t=`modal-title-${this.el.tagName.toLowerCase()}`;return this.isOpen?e("div",{id:"eds-modal",class:"modal-open fixed inset-0 z-9999991 flex",role:"dialog","aria-modal":"true","aria-labelledby":t},e("div",{class:"modal-backdrop fixed inset-0 bg-dark backdrop-visible",onClick:()=>this.close()}),e("div",{class:`container absolute bg-inverse z-10 rounded-lg shadow-lg ${this.getModalPositionClasses()} ${this.getSizeClass()} grow justify-center max-h-[90vh] flex flex-col modal-content modal-content-visible`},e("div",{class:"flex justify-between items-center border-b-2 border-softer px-20 py-24 flex-shrink-0  "+(this.inverseHeader?"bg-strongest text-inverse":"bg-dark text-default")},e("span",{id:t,class:`f-heading-04 mr-8 modal-title ${this.getTruncateClass()}`},this.heading),e("eds-button",{intent:this.inverseHeader?"ghostInverse":"secondary",size:"large",icon:"close","aria-label":"Close modal",onClick:()=>this.close()})),e("div",{class:"pt-8 px-20 py-20 overflow-y-auto flex-1"},e("slot",null)))):null}get el(){return a(this)}};r.style=".modal-open{display:flex}.modal-closed{display:none}.modal-backdrop{}.backdrop-visible{opacity:0.9}.backdrop-hidden{opacity:0}.modal-content{}.modal-content-visible{opacity:1}.modal-content-hidden{opacity:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex-col{flex-direction:column}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.leading-normal{line-height:1.5}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-light)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.top-16{top:1rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-16{bottom:1rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.overflow-y-auto{overflow-y:auto}.max-h-\\[90vh\\]{max-height:90vh}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-light)}.bg-strong{background-color:var(--grey-dark)}.bg-strongest{background-color:var(--brand-black)}.mr-8{margin-right:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.modal-title{line-height:1.5;padding-bottom:2px;display:inline-block}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding-bottom:2px;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-bottom:2px;}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-bottom:2px;}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding-bottom:2px;}.modal-small{min-width:300px;max-width:500px}.modal-medium{min-width:300px;max-width:700px}.modal-large{min-width:300px;max-width:900px}@media (max-width: 749px){.modal-small,.modal-medium,.modal-large{min-width:calc(100% - 2rem);max-width:calc(100% - 2rem);margin:0 1rem}}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}.md\\:gap-y-12{row-gap:0.75rem}}";export{r as eds_modal}

package/dist/components/p-3ccd6948.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-271c61ff.js";import{g as t}from"./p-50e27321.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"41c0a44af7394753c8c656f5a1de86b1446f05e3",class:this.class,innerHTML:t})}};export{a as eds_icon_gitlab}

package/dist/components/p-3d3841d6.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-271c61ff.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"8ebe0d888150e5fefd1d3047cc82548f12f47f9f",class:"w-full"},a("ul",{key:"c57af77dfb437bafaf060a6c6ebece84c4683409",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"6ca948268bd07e50409334b84eeeb362287f131e",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"0f33f8feec6657d21a4e4a1973d4c46cf4f6c526",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"194c9d5367c75c35f021d0b5c64601a72d1141fd",class:"spacing-sample m-16 bg-strong"},a("span",{key:"252af2371d58a8364718210563b7aa9a76a551a6",class:"f-body-01 text-inverse"},"Margin: 1rem / m-16")))),a("li",{key:"833a8373bbe4db4514c84d4e299e2103b37bc75e",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"d364398230aca7af47273a654a8f138d70361c75",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"707e0b62f500c16dc2d72da8e0bd85adabd7280b",class:"spacing-sample ml-64 bg-strong"},a("span",{key:"846c07af2613e90c3acd1fa66aa422db14a95526",class:"f-body-01 text-inverse"},"Margin Left: 4rem / ml-64")))),a("li",{key:"107899eab78bbb70f62b0aa2df8573f7a940024c",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"fb007ac46524cfda56c1033869b3fd7edeec96b8",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"4312aaa901f7ad1075056517b2d8b0902e708aec",class:"spacing-sample mt-32 bg-strong"},a("span",{key:"62a87119afea530831e3bcbb45da16f3a3cfb1b8",class:"f-body-01 text-inverse"},"Margin Top: 2rem / mt-32")))),a("li",{key:"279e6f5af470cf3f969c37f715def542e4d13140",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"057bcacd976a4d7f0a69ccba3b469e79f6e8c86a",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"379423e5ef1b3f5be2a322493266305f2cf46b9d",class:"spacing-sample p-32 bg-strong"},a("span",{key:"a3bd9db6ab5dd4f6204d5009c4328f617f44b78c",class:"f-body-01 text-inverse"},"Padding: 2rem / p-32")))),a("li",{key:"526411b8ab854f67873964446dee7191949f5d54",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"c30d0c423a4d3104ca8736fbd2c0de5159ac8f2d",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"93e0422c2304a0d3a158ba086aa9235a05d621f0",class:"spacing-sample pt-32 bg-strong"},a("span",{key:"dca707847134a421d60930307613a6528a009f9d",class:"f-body-01 text-inverse"},"Padding Top: 2rem / pt-32")))),a("li",{key:"a132977bdf19ba79401ccc05f248711eb2793497",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"2fad0e796528bce6c021cbb9d3036d4a23226b82",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"be02958fc44ca651c348078dfc84fabbe92afaa1",class:"spacing-sample pl-32 bg-strong"},a("span",{key:"6c94b77b470a1dd9de4dad7a6900d2e053236f52",class:"f-body-01 text-inverse"},"Padding Left: 2rem / pl-32"))))))}};export{c as token_spacing}

package/dist/components/p-3f38df99.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s}from"./p-271c61ff.js";import{e as r}from"./p-e0ee2386.js";const t=class{constructor(s){e(this,s),this.class=""}render(){return s("span",{key:"c4a043469698de97b7433749599ee04746df7f8e",class:this.class,innerHTML:r})}};export{t as eds_icon_eu}

package/dist/components/p-527e71d0.entry.js

@@ -0,0 +1 @@
+import{r as e,h as c}from"./p-271c61ff.js";const o=class{constructor(c){e(this,c),this.isAuthenticated=!1}componentWillLoad(){const e=new Promise((e=>{document.addEventListener("initKeycloak",(c=>{e(c.detail)}),{once:!0})})),c=new Promise((e=>{document.addEventListener("authStatusChanged",(c=>{var o;this.isAuthenticated=null===(o=c.detail)||void 0===o?void 0:o.authenticated,e(c.detail)}),{once:!0})}));this.combinedInitPromise=Promise.all([e,c])}render(){return c("div",{key:"10a75e7e117b2f3ab3d0ba8f2a26c122b2e0eed4"},c("eds-splash-screen",{key:"ab527af22c9a9fe861bbed4759946428e3e7fdf0",inverse:!0,initPromise:this.combinedInitPromise}),c("eds-login",{key:"78e7face11e06df76b9dd29e99b7d968cc2cf32e","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),c("main",{key:"30f463e667ccc25062bbf2764fdabc8937b6097c"},c("h1",null,this.isAuthenticated?"Welcome, authenticated user!":"Please log in.")))}};export{o as eds_app_root}