@ebrains/components 2.4.0 → 3.0.0

package/dist/components/positive.js

@@ -0,0 +1,65 @@
+const logoPositive = `<?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_293);
+      }
+
+      .st1 {
+        fill: url(#Unbenannter_Verlauf_292);
+      }
+
+      .st2 {
+        fill: url(#Unbenannter_Verlauf_295);
+      }
+
+      .st3 {
+        fill: url(#Unbenannter_Verlauf_294);
+      }
+
+      .st4 {
+        fill: url(#Unbenannter_Verlauf_297);
+      }
+
+      .st5 {
+        fill: url(#Unbenannter_Verlauf_296);
+      }
+
+      .st6 {
+        fill: url(#Unbenannter_Verlauf_291);
+      }
+
+      .st7 {
+        fill: url(#Unbenannter_Verlauf_29);
+      }
+    </style>
+    <linearGradient id="Unbenannter_Verlauf_29" data-name="Unbenannter Verlauf 29" x1="-26.7" y1="64.8" x2="155" y2="-19.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03a98f"/>
+      <stop offset=".1" stop-color="#10a97b"/>
+      <stop offset=".3" stop-color="#23aa5f"/>
+      <stop offset="1" stop-color="#00ff9d"/>
+    </linearGradient>
+    <linearGradient id="Unbenannter_Verlauf_291" data-name="Unbenannter Verlauf 29" x1="38.6" y1="205" x2="220.3" y2="120.2" xlink:href="#Unbenannter_Verlauf_29"/>
+    <linearGradient id="Unbenannter_Verlauf_292" data-name="Unbenannter Verlauf 29" x1="33" y1="193" x2="214.8" y2="108.3" xlink:href="#Unbenannter_Verlauf_29"/>
+    <linearGradient id="Unbenannter_Verlauf_293" data-name="Unbenannter Verlauf 29" x1="-3.5" y1="114.7" x2="178.3" y2="30" xlink:href="#Unbenannter_Verlauf_29"/>
+    <linearGradient id="Unbenannter_Verlauf_294" data-name="Unbenannter Verlauf 29" x1="4.5" y1="131.8" x2="186.2" y2="47.1" xlink:href="#Unbenannter_Verlauf_29"/>
+    <linearGradient id="Unbenannter_Verlauf_295" data-name="Unbenannter Verlauf 29" x1="28.6" y1="183.6" x2="210.4" y2="98.9" xlink:href="#Unbenannter_Verlauf_29"/>
+    <linearGradient id="Unbenannter_Verlauf_296" data-name="Unbenannter Verlauf 29" x1="3.8" y1="130.3" x2="185.5" y2="45.5" xlink:href="#Unbenannter_Verlauf_29"/>
+    <linearGradient id="Unbenannter_Verlauf_297" data-name="Unbenannter Verlauf 29" x1="18" y1="160.6" x2="199.7" y2="75.9" xlink:href="#Unbenannter_Verlauf_29"/>
+  </defs>
+  <path d="M318.6,145.7h-55.5V54.7h55.5v9.6h-44.6v30.5h42v9.6h-42v31.5h44.6v9.6ZM340.3,145.7V54.7h37.4c7.5,0,13.4,2.1,17.7,6.4s6.5,9.9,6.5,17.1-.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.4,1.2,2.6,1.8,5.8,1.8,9.6s-1,9.4-3.1,13.4c-2,4-4.8,7.2-8.3,9.5-3.5,2.3-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.7h-27ZM351.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.6h-25.2ZM437.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,91ZM556.5,109.2l-11.5-33-3.9-11.3h-.7l-3.9,11.3-11.5,33h31.4ZM628.4,145.7h-36.5v-9.1h12.8V63.8h-12.8v-9.1h36.5v9.1h-12.8v72.7h12.8v9.1ZM705,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.5,4.6-1.9,9.9-2.9,15.8-2.9s12.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.2-3.6-2-8-3-13.3-3s-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.4Z"/>
+  <g>
+    <path class="st7" 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.9Z"/>
+    <path class="st6" 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="st1" 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="st0" 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.1.2.2Z"/>
+    <path class="st3" 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="st2" 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.4.1,0,.2,0,.4,0,27.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="st5" 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.6Z"/>
+    <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.8Z"/>
+  </g>
+</svg>`;
+
+export { logoPositive as l };

package/dist/components/primary.js

@@ -35,7 +35,7 @@ const ColorPrimaryPalette = /*@__PURE__*/ proxyCustomElement(class ColorPrimaryP
         ];
     }
     render() {
-        return (h("ul", { key: '247df18cb7672b14048e390299894acf0ff44714', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: '8e734cf4a60694d3f9e3b8418cda0b5ae2b53c0c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 }, [0, "color-primary-palette"]);
 function defineCustomElement() {

package/dist/components/primary2.js

@@ -35,7 +35,7 @@ const GradientPrimaryPalette = /*@__PURE__*/ proxyCustomElement(class GradientPr
         ];
     }
     render() {
-        return (h("ul", { key: '6858be14a27601106581efe8fd9221daf4f0ddfc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: '258789470870c2782879bbf43ee7320b7c20278c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
                 background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
             } }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16" }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }

package/dist/components/secondary.js

@@ -60,7 +60,7 @@ const ColorSecondaryPalette = /*@__PURE__*/ proxyCustomElement(class ColorSecond
         this.show = undefined;
     }
     render() {
-        return (h("ul", { key: '1712cc4bd243d5bde96aac8334ce26706edf4731', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: '5ed603d55cb6903a0dcfa620ae51a729a61cc883', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 }, [0, "color-secondary-palette", {
         "show": [1]

package/dist/components/secondary2.js

@@ -60,19 +60,19 @@ const GradientSecondaryPalette = /*@__PURE__*/ proxyCustomElement(class Gradient
         ];
     }
     render() {
-        return (h("div", { key: '568e55cca12f97a4afc1a5acffd8ffd64938da44' }, h("ul", { key: '16f19b9d89e83015db81290acfddb3ffc0368aa2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd1b205d58e171e2a194685888a919d7178291118', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3be3ecf27999f572951253260802099e49c60392', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '69225b7fdfb7caca0f969c9f8443e5feae1e5049' }, h("ul", { key: '191050a4e4062a36abbe3dcbd341e42cf1bbc729', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '1983fa3f61c360c114d0219701e31cb986864b75', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '9f578c04f4bdb27ad92300ee3607f07332798798', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: '931046b9a1b98bcb147f3d65f1278aa0104b7620', class: "grid" }, h("span", { key: '15341ab5e4937589bd6495e88af46f52b66c13f6', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f73ee08c5e15162f757c1f20084c23dc4cd4fa4f', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '414005a29611c2abf4adb9e1429ba46ed946e17c', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'ea676e150c48d8b6f92d664955e435445c00b290', class: "grid" }, h("span", { key: '1b379dba41b32ebf0e79feee6c73646686976123', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: 'b327219cfb31f7f6cc2ef1bfbba30acb676f1df8', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'b8192f45ddef48a5adc24b9dbd023ab39212b9b7', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '46d3cab1cb3dd781fb0b10a7e2a475a335d3a14b', class: "grid" }, h("span", { key: '20c96e39bb215773e97152fc6232b40c35369492', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'bf5eefcd1e597bd459367dde6435337fca6790bb', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '439f646e2f45512485a0e871340fe1c0d99af31d', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'ff06a5814e4d7a677ea695640235df7f1b09c685', class: "grid" }, h("span", { key: '1f2329355cde34ce8de0db364588a9210414a63f', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: 'ce99a877251340fa0fe40cf1a9449c180f3d4f4a', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'aeff17cba43d8048125b7934c9359183b98c94e5', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: '945802383c8208d374156a239bd902e55e54993b', class: "grid" }, h("span", { key: 'dc9b6be317846769a1e8365c0a3a2c974ccfa23b', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'bbff2c3bf5769945f07db0813c21d7a14d8495b6', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '93d9b9d19f789a9731ed444c74bada150295ce28', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8b87555408c3539afe4bd90c19f3d2034cc57d54', class: "grid" }, h("span", { key: '2d5b21465eeb219886486f77f2f72351c5f054aa', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'b16aa8a075b2a7a3676b7f193ba4fa3185e72f49', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '3878257fda9acf2175bc8a152c62b09ec5c4924f' }), h("ul", { key: '8b98d84de8eab1fdf31b21ec30aef8af95f82f4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6eec8f2913b8805929a6931856be3fea0b665fdd', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'fdc4febd09538cc9d2e0d5efee8394d680859aef', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '4dbe74c2a516f22ef522d95fa3fb0c5815207a3c', class: "grid" }, h("span", { key: '22867c70b47939d9f9b30078c6873486eef8a03d', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '0510a917d4b4bc373d6a259cef421c20e6fef0cc', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '649226a0e9dc4825c3f009ac1b2044b68b55a80b', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '70d71385d6f5fa63e64831f31b3ca5c5b15a059f', class: "grid" }, h("span", { key: 'e31cb3e8d926d12dfb59c60e236458311867bd83', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'f36f4f08dc044852213b42dfde6e106a1b85c982', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '40c2cdbce85fe5233a167f2133082877ed46fe8a' }), h("ul", { key: '6c0ef5e7552351757cf0f419bf1b254cca6f9121', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd7b26c790d754d5ba55b3c02f601718c07b2c54a', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '24c753409e5b67d70212ea6a39850b4355ced584', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '05e44f954e17e71e93983544efb08fb3f8415efb', class: "grid" }, h("span", { key: 'ff3dac59c5d99e3c3a0bea5454771a46546699dc', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '629424b91fe69ba2348995ea321b5de71b9bb0e1', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '3cadcf4a4d666bfea773aeaf797dcebe0224e9c7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a725f4f13d4c944a18c3158f735d8dd172e35128', class: "grid" }, h("span", { key: '02c30563e47078f08752ab718e923dacfca8cf6b', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '460cfb91e2f9bf5c9f557b844c0bd1d7e904c9d2', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '14c4755af95cb41e5149db0de90a0f0aef429325', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '058568211b7fe1f9318ca17df97b54e06ae0ea5d', class: "grid" }, h("span", { key: '082e7edbbc979c8481e4c87471d5217fecd70325', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '1d7f777eeeae24bba34af35a328cfca5be2d6ab8', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '2226100dd044fe6cb53652f6384a6b1eff1cf20b', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '33f9d85cffdd0f83b9caf87805dd18eae875a76d', class: "grid" }, h("span", { key: '6637f361a11e185af2953435c93a76799e6fda05', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '749318eac8b7f37e1da1302bcbd17f93f0af344d', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '9d3b781a726649c0accc613cb697d01bb42c5e32', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: 'ef619263619ba173c62312b766cb00d6d5098123', class: "grid" }, h("span", { key: 'b5585b81fbc61845e6e5cf0ed23782f904cf3d58', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '346257d86c37f5058f9b4deddf9166f1522970ce', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '59b89beef607a724b2bfed5b9bad2a78e5708b42', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f8e1a2462a31e0a3901618ec76338dde5ae10943', class: "grid" }, h("span", { key: '6e83c3aaae0ae9ec8df2d6eff620059256e4540f', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '714d4e2a90966381c56671c295ec106581eeddef', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '0014a9aa45398ea35a1f80b6d2e01b4cbc0e99e0' }), h("ul", { key: 'ef5896480deed0bf14c7ebc583b875e31271cff1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '130103977198e73dcf1e76c8b247dfd0052e66b4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '8f971d70daed0c51ae3794f5eeea9b8d5bbd689a', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'a6b623c79282ce86a61e729057900ecbb5a68168', class: "grid" }, h("span", { key: 'f6eb8b41c30a9acf4f71f23c4f5dc63475792874', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'f0606ad3c6c4676d2899052e33f6c4441953cf6d', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'c910b8bfbe955617edcdaeea4fa3e3398c134b18', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a33a31c3d55d5490eb48800f921408dc48e046d5', class: "grid" }, h("span", { key: 'd74a10f52e474e9db505461bb53c44c9e12405ee', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '01ca7c9b8cf3dd0d3b3f3159a426f6f4f0840c5f', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '8d19ffae79f0d6c800d1ab6f303d978b2d0c6ae3' }), h("ul", { key: '508b78eda27c872d411df1b6c9f9bd8ece25b4ee', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '69ec343591e60f178e5c9a8742495739f489c8f5', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '8b142eaf31a4456fad672dbb8c60076e2c4ddfc5', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: '8563d07bc98d7a37b1c0eb04957420875247571e', class: "grid" }, h("span", { key: 'b99f1f4d7c044625462542434c6b8941e0b4f8eb', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '1d5524bcd82d295aa9bb502f04a4b3deb6816a4d', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f3dec7ffb1d822eec1fbda4e189624c52b3d46b3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '61135fbeab7e0657b589199cdf8caa39b5a97191', class: "grid" }, h("span", { key: '3feae86bababfb8dd0ae4c78e342b6b40a5353d6', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '458f2c43915ff00eff926dc39afe9a56b822df67', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '6fdbdbd92c843ddaa42d3cad358317ec7dc92723', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'bf5f0cf2b9ef7c9a4814fa6f423cb4b9434878c3', class: "grid" }, h("span", { key: '074772116344b8e4e4283e448a67de07019fc807', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'f963109c62079dd8dd85fb82eae94ece0170d8fd', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'c2e79bf856562f0830ea6fe651ec774644d64f08', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd08a0628c64b87da7e8714b75e2c380228ea6144', class: "grid" }, h("span", { key: '79bfd7870adbc66d77770dd59d63f1e368fc3d32', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '88d5fce43c419d06b0d1a7c5196ca2cb7c2e4171', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '36b4521488bd73d13f2e666b899e50df1537eb81', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '1f0f2dd84c18ab45e5db4f09cdacc4cffdd6db30', class: "grid" }, h("span", { key: '3050e33955bd0c6486ac385b7d89f404fd2ffb47', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: 'c40759231240722eb9c93878d74f4a2028492b3a', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '01746b746ebe1c229169f8c9d0b078bff564edbf', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'c11478286125955885b8e4e650f284876af7144b', class: "grid" }, h("span", { key: '013e2e01b741eaff76a5ab017304dd6f2afb91c4', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'ab81b5c103a1dd18b91227848fdd0ed379e92738', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: 'c94304a7f235b4ba472a07004773424d8a90c222', class: "grid" }, h("span", { key: 'b1b47cc470037312522f3de03c8249870dda6703', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '665d8aa39800f35bf04f04912ff18f6599f27735', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '4c09ed9f92d05ee3918d8f67b429989ae512d561', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3500216d692f134a3a02426adf62e32bbf49d776', class: "grid" }, h("span", { key: 'eff3cd5a7e07a2a8d51db3471389ecdc0ffc4d83', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'e34aae1a29feadb849ae0e4ffa5037e716f67777', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 }, [0, "gradient-secondary-palette"]);
 function defineCustomElement() {

package/dist/components/support.js

@@ -60,7 +60,7 @@ const ColorSupportPalette = /*@__PURE__*/ proxyCustomElement(class ColorSupportP
         return 'text-default';
     }
     render() {
-        return (h("ul", { key: 'f8847f5ebf1c015d60cc1b699b4cfbeceff77b59', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (h("ul", { key: '44b71e2df44c8c9d5a5ba570d25050a09566bf3f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));

package/dist/components/support2.js

@@ -51,11 +51,11 @@ const GradientSupportPalette = /*@__PURE__*/ proxyCustomElement(class GradientSu
         ];
     }
     render() {
-        return (h("ul", { key: '8f8703b8b6ef19574984d630d23f4a078e2683c1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6981ecea14309c747455aff6dff44c807391fb22', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '23dc2b606d633779313a98cde5df750a21c50267', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '3649c7d9a2c815cc6ab1f414f062321f29a00701', class: "grid" }, h("span", { key: '732dfac36b9bb5d9df0dfe96bfd4fb36c5288d2e', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f0505ec5aaff33b24b19db784b3b16b9f73f18db', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'ca7457b315b438bf41a7f0b1dfd2205d493e1c06', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd29ebbce1ea5dbf25888388bbc3cd73416642c94', class: "grid" }, h("span", { key: '8e503b62bc19087efe3291f2454eec4b00b18a4a', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '5a12462534602160bce47b9c9f397557f8f1057d', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '491e060c9201186f987ae4f075eee0efca38b6bc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e2084e7d7cfce5a784efbcdaf0c597b749ecc1d0', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '633ced7174a5242a3dff2d51d53add5a20bcbf0a', class: "grid" }, h("span", { key: 'a0000924f7a9614b4dd8651880b51925f0868487', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '6007da47921d8ae881156f9c57af43a839e71743', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '4aa67182a26f57bbeb9dd251db1cbbe0ba1919fe', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '963ac8d736c7b54366d2e2798e77bc04ac01d539', class: "grid" }, h("span", { key: 'd574f8c3b02fdcd9bca10d186916b848b275ae85', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '97b5290bd127179160eb6fc8b76914cb620b733c', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'f5f7ff4bdad90dff2506112c812fe4c466539f7f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '8517f8e52dbb41ece0da2019d072f7e73fc8d2a0', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: 'b2a9b236f4d09ceef5bda9568b2210ce5f244a35', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6527094bbfe9ae9b3d07107e06ad25639a5a9102', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'fd97b352fd25574a076855b168e9a86dd12450a5', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '1ecf065df68a1038dfb3d98e4f3b6c1de65bc08e', class: "grid" }, h("span", { key: '8768cb503ab0a21870428ed166f8e25f45072a3f', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'd2ca5585cb8e58941c1e24e3b92d24c113042f4b', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '179d621b1f7355241aba0332d8cb261300cc313b', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '2857e7fe056cd77b613697fcd0a71b6904d7f522', class: "grid" }, h("span", { key: '37fb181e166357e3a735a3b28cec42c04fa307d0', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '2df6d62a1f29d5815a910c3a1d69137a72d38837', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'b8f91e3c53126c2eaf8b4055754acbb40ff5641a', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '37f55d6e6af310b057b6c76011f995377e8479b4', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '2310de38c6deed34dde453039d22c3295c3515a0', class: "grid" }, h("span", { key: '3cf79727b544d93d73e58b257f73864bf928d301', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'd1f2e667b2e49c39b5c58a63a995aeedd4e8b659', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '6dfbad0e7a87977d9ad4eb3d6732c2582f66000d', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9e5a372a3a1b72ad7ef8e7658fc5ee328ee4ebc6', class: "grid" }, h("span", { key: '1b808be8fc77c51983ef4c43e8a3f0dc47b46006', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'ccabc7f2ddc85de55fb3b099b0b95b2030baa818', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '2831236d472040166824309e964608560f8935d8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '8471b5023d94083d8118f9c452b35d0c1c173662', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '08db76c840f25159be21cf66f8ab1a5e7c0ec206', class: "grid" }, h("span", { key: 'b46181d8eaa69635063b39efeab603d6961428cc', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'a91102f446f351b6be7d27051b947bf72a394606', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '98d406eaa5d641640ca5eb95271fc400282c6f69', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a4cf89fe913982b3c296dc745323630518b9834f', class: "grid" }, h("span", { key: 'ea5a30092e75135670580b40263314a1e16fb725', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '0a4fe2b93027193d508f593432c7c2589ceedba9', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '117711ee44837fe7545490304e714e4e433c608b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '7c1251b8075a6d67b82e88e038ed772e292e0742', class: "grid" }, h("span", { key: '55793b301d204f7d5996f85ae5ad003d61930f5f', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'a5eab2850d8a5e41ec043cd3b506a2f536f20820', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b7642a477a00c4f811b4cc36f36458179802211b', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '791c7d3c9d83c82848805efe96d6567dbcf2579a', class: "grid" }, h("span", { key: '3d46cbb0ccce0f1554d19c33aa4fb0a92d24381f', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '68ce16ea65d735d9025729b5cbffa173a2b9e07a', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'ee9efa5eec6d06a960619eb84de06703df3a4358', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '49227a94ee6c63902c24ae6e1ce598721f2179e7', class: "grid" }, h("span", { key: '25c2e7c420bf7501c91fb810dcc15b8fabe75211', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '0a7918f45e4315630fdd51701fd502930db1d62d', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '93fd3a9ce6103b162559697d43bd6c79134bd12e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9b8af5c7b8c039647035c2252cb9febddf1c12d8', class: "grid" }, h("span", { key: 'c50c154e8587bb41f1c80b61869103d12339308f', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '567798f8d597a9fe26123dd489443e6c752f0b38', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '4297335389feff02c051beea3bbfee33677f61ac', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '0a5cda329ffc92c33e323ded6c74a2f3b6309797', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '02babf093dea42599bdd40ae789b795714b638a2', class: "grid" }, h("span", { key: 'a5c2e49f307c005c29b6c3c0d5c37604a20b38d7', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'e9281ee3b7c23920e165f90796772c5057f0e591', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '0144a15a5f4276c6d686dd7ea2893ead295d81ad', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '84e6de06e4c31803fa99ef2113866e947631be02', class: "grid" }, h("span", { key: '1a21ce9476d86e83c3a61c591d015d917f34bad2', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'c81bd5ea778d4694847bcbd0f23c320e5acc9167', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: 'a1033cf5a07c5adae91f6968ef0d74ea910ff02e', class: "grid" }, h("span", { key: 'e5d58be01a90c281fa701d022b24807a3b1a8404', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '7bef9018db3e4997997124f6f3d697ecf614531e', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'c95ed9f2caf0a75b34e6cc1ca3d4afa12f163b35', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1ab575c669e9fb41388df03fe029c4dc63c167b0', class: "grid" }, h("span", { key: '58c31b1b22572eb897f7e5a2d82135b92505eae3', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'ca75da8134fd83a86150fd6dbcdde73a2561c453', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '700df92ad4634107b94e19ae2dd21b04909393b6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '9038289a89c119a695fcd3a0eb6d174f13a33591', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '73a8b1f9955f52c8e83aff7f85d269af13206cfa', class: "grid" }, h("span", { key: 'd7cd4652abb1e85f1751149c4be6ba5fc13c6da5', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'b38ed95e45e80e3ce59edff465293a9d9f42ab37', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '72ffcc7e26b91aaa5315738d902e3becbade6759', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '856966a786985018be9151aaef0442456056ca88', class: "grid" }, h("span", { key: '6baa9c0a4a587055b85940d846369086bc688075', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '578fbcd62e8ca8d6cd6d43891540451724133f6e', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 }, [0, "gradient-support-palette"]);
 function defineCustomElement() {

package/dist/components/svg-repository.js

@@ -1,60 +1,28 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { e as euSvg } from './eu.js';
-import { h as hLogoColor } from './logo-color.js';
-import { h as hLogoBlack, a as hLogoColorWhite, b as hLogoWhite, c as hLogoWhiteNoBg, v as vLogoColor, d as vLogoBlack, e as vLogoColorWhite, f as vLogoWhite, g as vLogoWhiteNoBg } from './logo-white-no-bg.js';
-import { v as vLogoMargins } from './logo-color-margins.js';
 import { g as gitlabBlack } from './mono.js';
-import { c as chevronUp } from './chevron-up.js';
-import { c as chevronDown } from './chevron-down.js';
-import { c as chevronRight } from './chevron-right.js';
-import { c as chevronLeft } from './chevron-left.js';
-import { a as arrowDiagonal } from './arrow-diagonal-black.js';
-import { a as arrowRight } from './arrow-right.js';
 import { t as twitter } from './twitter.js';
 import { l as linkedin } from './linkedin.js';
 import { f as facebook } from './facebook.js';
 import { y as youtube } from './youtube.js';
 import { m as mastodon } from './mastodon.js';
 import { b as bluesky } from './bluesky.js';
-import { s as search } from './search.js';
-import { l as loader } from './loader.js';
-import { s as success } from './success.js';
-import { c as close } from './close.js';
-import { d as download } from './download.js';
-import { m as menu } from './menu.js';
-import { m as more } from './more.js';
-import { u as user } from './user.js';
-import { c as copy } from './copy.js';
-import { u as unknown } from './unknown.js';
-import { t as thumbsUp } from './thumbs-up.js';
-import { t as thumbsDown } from './thumbs-down.js';
-import { s as star } from './star.js';
-import { b as bookmark } from './bookmark.js';
-import { m as minus } from './minus.js';
-import { p as paper } from './paper.js';
-import { p as plus } from './plus.js';
-import { p as portal } from './portal.js';
-import { p as privat } from './private.js';
-import { p as pub } from './public.js';
-import { t as tutorial } from './tutotial.js';
-import { u as upDown } from './up-and-down.js';
-import { b as bin } from './bin.js';
-import { s as start } from './start.js';
-import { d as draft } from './draft.js';
-import { e as edit } from './edit.js';
-import { v as view } from './view.js';
-import { c as clone } from './clone.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 { l as logoNegative } from './negative.js';
+import { l as logoPositive } from './positive.js';
+import { d as defineCustomElement$h } from './eds-button2.js';
+import { d as defineCustomElement$g } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$f } from './eds-input2.js';
+import { d as defineCustomElement$e } from './eds-input-dropzone2.js';
+import { d as defineCustomElement$d } from './eds-input-field2.js';
+import { d as defineCustomElement$c } from './eds-input-file2.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-switch2.js';
 import { d as defineCustomElement$3 } from './eds-table2.js';
 import { d as defineCustomElement$2 } from './eds-tooltip2.js';
 
@@ -68,175 +36,6 @@ const color = `  <svg width="20" height="20" viewBox="0 0 36 36">
     <path fill="#fca326" d="M34 14l1.9 6.16c.18.565 0 1.2-.5 1.56L18 34.38z"></path>
   </svg>`;
 
-const arrowExternal = `<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>`;
-
-const error = `<svg
-width="20"
-height="20"
-viewBox="0 0 20 20"
-fill="none"
-xmlns="http://www.w3.org/2000/svg"
->
-<path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    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"
-    stroke="currentColor"
-    stroke-width="2"
-/>
-<path
-    d="M7 7L10 10M13 13L10 10M10 10L13 7M10 10L7 13"
-    stroke="currentColor"
-    stroke-width="1.5"
-/>
-</svg>`;
-
-const completed = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle
-      cx="10.0001"
-      cy="10.0001"
-      r="9.00007"
-      fill="white"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path
-      d="M6 9.33303L8.9474 12.6664L14.0001 7.33301"
-      stroke="currentColor"
-      stroke-width="2.00002"
-    />
-  </svg>`;
-
-const failed = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle
-      cx="10.0001"
-      cy="10.0001"
-      r="9.00007"
-      fill="white"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path
-      d="M6.21053 14.0001L10 10M13.7895 6L10 10M10 10L6 6M10 10L14.0001 14.0001"
-      stroke="currentColor"
-      stroke-width="2.00002"
-    />
-  </svg>`;
-
-const warning = ` <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      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"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path d="M10 6V10.5" stroke="currentColor" stroke-width="2" />
-    <circle cx="10" cy="12.9209" r="1.40346" fill="currentColor" />
-  </svg>`;
-
-const check = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect width="20" height="20" rx="4" fill="currentColor" />
-    <path d="M4 10L8 14L16 6" stroke="white" stroke-width="3" />
-  </svg>`;
-
-const clear = ` <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      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"
-      fill="currentColor"
-    />
-  </svg>`;
-
-const documentation = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M12 5C10.8954 5 10 5.89543 10 7V17C10 15.8954 10.8954 15 12 15H18V5H12Z"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-    <path
-      d="M8 5C9.10457 5 10 5.89543 10 7V17C10 15.8954 9.10457 15 8 15H2V5H8Z"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-  </svg>`;
-
-const filter = ` <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M2 6.5H6M9 6.5H18M18 13.5H14M11 13.5H2"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path
-      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"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path
-      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"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-  </svg>`;
-
-const group = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      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"
-      fill="currentColor"
-    />
-  </svg>`;
-
 const svgs = /*#__PURE__*/Object.freeze({
   __proto__: null,
   twitter: twitter,
@@ -246,63 +45,10 @@ const svgs = /*#__PURE__*/Object.freeze({
   mastodon: mastodon,
   bluesky: bluesky,
   euSvg: euSvg,
-  arrowRight: arrowRight,
-  arrowDiagonal: arrowDiagonal,
-  bookmark: bookmark,
-  chevronUp: chevronUp,
-  chevronDown: chevronDown,
-  chevronRight: chevronRight,
-  chevronLeft: chevronLeft,
-  check: check,
-  clear: clear,
-  close: close,
-  completed: completed,
-  copy: copy,
-  documentation: documentation,
-  download: download,
-  error: error,
   gitlabColor: color,
   gitlabBlack: gitlabBlack,
-  loader: loader,
-  hLogoColor: hLogoColor,
-  hLogoBlack: hLogoBlack,
-  hLogoColorWhite: hLogoColorWhite,
-  hLogoWhite: hLogoWhite,
-  hLogoWhiteNoBg: hLogoWhiteNoBg,
-  vLogoColor: vLogoColor,
-  vLogoBlack: vLogoBlack,
-  vLogoColorWhite: vLogoColorWhite,
-  vLogoWhite: vLogoWhite,
-  vLogoWhiteNoBg: vLogoWhiteNoBg,
-  vLogoMargins: vLogoMargins,
-  menu: menu,
-  minus: minus,
-  more: more,
-  failed: failed,
-  filter: filter,
-  group: group,
-  plus: plus,
-  paper: paper,
-  privat: privat,
-  pub: pub,
-  portal: portal,
-  user: user,
-  upDown: upDown,
-  search: search,
-  success: success,
-  tutorial: tutorial,
-  warning: warning,
-  unknown: unknown,
-  thumbsUp: thumbsUp,
-  thumbsDown: thumbsDown,
-  star: star,
-  external: arrowExternal,
-  bin: bin,
-  start: start,
-  draft: draft,
-  edit: edit,
-  view: view,
-  clone: clone
+  logoNegative: logoNegative,
+  logoPositive: logoPositive
 });
 
 const svgRepositoryCss = ":host,.full-width{display:block;width:100%}";
@@ -335,7 +81,7 @@ const SvgRepository$1 = /*@__PURE__*/ proxyCustomElement(class SvgRepository ext
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: '996c9a1b05d34ec171b8c58098fb3fd8e28aa81f', class: "full-width" }, h("eds-table", { key: 'bc8d69bba7a6e6580ee808935fe7845194f6d38b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: 'b531a1f93b32fbf4aba94d7a4aa68f7f4202a8e6', class: "full-width" }, h("eds-table", { key: 'a66b06f5d08c39db1d63af2194455273b3ae172b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     get hostEl() { return this; }
     static get style() { return SvgRepositoryStyle0; }
@@ -344,7 +90,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["svg-repository", "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 = ["svg-repository", "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-pagination", "eds-switch", "eds-table", "eds-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "svg-repository":
             if (!customElements.get(tagName)) {
@@ -353,55 +99,70 @@ function defineCustomElement$1() {
             break;
         case "eds-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$h();
             }
             break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$g();
             }
             break;
         case "eds-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$f();
+            }
+            break;
+        case "eds-input-dropzone":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
             }
             break;
         case "eds-input-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$d();
+            }
+            break;
+        case "eds-input-file":
+            if (!customElements.get(tagName)) {
+                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$5();
+            }
+            break;
+        case "eds-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }