@ebrains/components 0.9.2-beta → 1.0.0

package/dist/components/logo-color.js

@@ -0,0 +1,115 @@
+const hLogoColor = `<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1834.73 775.39" style="enable-background:new 0 0 1834.73 775.39;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#383838;}
+	.st1{fill:url(#SVGID_1_);}
+	.st2{display:none;}
+	.st3{display:inline;fill:#CCCCCC;}
+</style>
+<g id="Logo">
+	<g>
+		<path class="st0" d="M820.81,445.19l-62.9,0.13c-11.15-0.08-15.09-5.71-15.11-15.54l-0.04-20.05c-0.02-9.88,3.92-15.53,15.2-15.61
+			l56.29-0.11c1.45,0,2.62-1.18,2.62-2.63l-0.03-16.4c0-1.45-1.18-2.62-2.63-2.62l-56.72,0.11c-10.94-0.17-14.82-5.79-14.84-15.53
+			l-0.04-19.81c-0.02-9.92,3.96-15.59,15.36-15.61l61.61-0.12c1.45,0,2.62-1.18,2.62-2.63l-0.03-16.48c0-1.45-1.18-2.62-2.63-2.62
+			l-99.6,0.2c-1.45,0-2.62,1.18-2.62,2.63l0.32,161.99c0,1.45,1.18,2.62,2.63,2.62l100.58-0.2c1.45,0,2.62-1.18,2.62-2.63
+			l-0.03-16.48C823.44,446.36,822.26,445.19,820.81,445.19z"/>
+		<path class="st0" d="M958.26,385.59c-0.73-0.45-1.47-0.87-2.21-1.27c0,0,0-0.01,0-0.01c-4.4-2.75-3.73-9.71-0.02-11.95
+			c4.27-2.87,7.67-6.68,10.23-11.45c2.55-4.77,3.82-10.64,3.8-17.6c-0.02-8.27-1.97-15.72-5.84-22.32
+			c-3.88-6.61-9.71-11.85-17.51-15.72c-7.79-3.88-17.62-5.8-29.49-5.78l-58.62,0.12c-1.45,0-2.62,1.18-2.62,2.63l0.32,161.99
+			c0,1.45,1.18,2.62,2.63,2.62l61.48-0.12c12.96-0.03,23.6-2.02,31.92-5.98c8.32-3.96,14.47-9.34,18.46-16.12
+			c3.99-6.79,5.97-14.45,5.96-23c-0.02-8.65-1.77-16-5.27-22.04C967.98,393.53,963.57,388.88,958.26,385.59z M881.28,336.02
+			c0.14-9.44,4.08-14.86,14.92-15.02l19.51-0.04c10.02-0.02,17.45,2.31,22.31,6.98c4.85,4.67,7.29,10.47,7.3,17.38
+			c0.01,5.39-1.33,10.06-4.01,14.01c-2.69,3.95-6.3,7.02-10.84,9.21c-4.54,2.19-9.64,3.29-15.3,3.3l-18.72,0.04
+			c-10.95-0.07-14.94-5.49-15.12-14.97L881.28,336.02z M943.87,438c-5.22,4.69-13.87,7.05-25.95,7.07l-21.36,0.04
+			c-10.93-0.08-14.92-5.5-15.09-14.97l-0.05-23.58c0.14-9.4,4.05-14.82,14.81-15.02l22.48-0.04c6.75-0.01,12.59,1.28,17.52,3.88
+			c4.93,2.6,8.73,6.11,11.41,10.51c2.68,4.4,4.02,9.25,4.03,14.53C951.69,427.46,949.09,433.31,943.87,438z"/>
+		<path class="st0" d="M1097.5,406.14c-1.68-3.06-0.87-8.11,3.42-10.88c0,0-0.02,0-0.03,0c7.32-4.2,12.91-9.78,16.75-16.77
+			c4.26-7.77,6.38-16.77,6.36-27c-0.02-10.29-2.16-19.36-6.42-27.22c-4.26-7.86-10.68-14.01-19.27-18.46
+			c-8.58-4.45-19.35-6.66-32.31-6.63l-56.99,0.11c-1.45,0-2.62,1.18-2.62,2.63l0.32,161.99c0,1.45,1.18,2.62,2.63,2.62l19.99-0.04
+			c1.45,0,2.62-1.18,2.62-2.63l-0.09-45.22c0.02-9.79,3.98-15.4,15.21-15.47l13.75-0.03c4.67,0.08,7.8,2.01,10.11,5.86l30.18,55.96
+			c0.46,0.85,1.35,1.38,2.31,1.38l22.75-0.05c1.99,0,3.25-2.14,2.29-3.89L1097.5,406.14z M1083.75,377.87
+			c-5.14,2.35-11.79,3.54-19.96,3.55l-16.74,0.03c-11.26-0.02-15.24-5.61-15.3-15.41l-0.06-29.57c-0.02-9.92,3.96-15.59,15.36-15.61
+			l16.3-0.03c8.33-0.02,15.07,1.21,20.22,3.68c5.15,2.47,8.94,6.01,11.37,10.63c2.43,4.62,3.65,10.09,3.67,16.41
+			c0.01,6.26-1.18,11.63-3.56,16.09C1092.65,372.11,1088.89,375.52,1083.75,377.87z"/>
+		<path class="st0" d="M1231.98,300.59c-0.38-1.04-1.36-1.73-2.47-1.73l-25.47,0.05c-1.11,0-2.09,0.7-2.46,1.74l-57.97,162.11
+			c-0.61,1.71,0.66,3.51,2.47,3.5l21.19-0.04c1.12,0,2.11-0.71,2.47-1.77l10.72-31.16c1.44-4.2,5.68-11.36,14.74-11.38l43.68-0.09
+			c8.81-0.02,13.08,6.74,14.65,10.97l10.94,31.47c0.37,1.06,1.36,1.76,2.48,1.76l21.19-0.04c1.82,0,3.08-1.81,2.46-3.51
+			L1231.98,300.59z M1230.02,400.61l-26.02,0.05c-9.97,0.02-9.48-8.28-8.24-11.88l14.59-42.43c1.64-5.95,11.14-5.68,13.11-0.03
+			l14.9,42.85C1239.48,392.96,1239.59,400.59,1230.02,400.61z"/>
+		<path class="st0" d="M1338.23,298.64l-19.99,0.04c-1.45,0-2.62,1.18-2.62,2.63l0.32,161.99c0,1.45,1.18,2.62,2.63,2.62l19.99-0.04
+			c1.45,0,2.62-1.18,2.62-2.63l-0.32-161.99C1340.86,299.81,1339.68,298.64,1338.23,298.64z"/>
+		<path class="st0" d="M1509.96,298.3l-19.74,0.04c-1.45,0-2.62,1.18-2.62,2.63l0.2,99.87c-0.02,8.27-9.16,9.07-13.32,3.35
+			l-72.74-104.54c-0.49-0.71-1.3-1.13-2.16-1.12l-19.36,0.04c-1.45,0-2.62,1.18-2.62,2.63l0.32,161.99c0,1.45,1.18,2.62,2.63,2.62
+			l19.99-0.04c1.45,0,2.62-1.18,2.62-2.63l-0.2-99.66c-0.02-8.33,9.19-9.13,13.35-3.36l72.63,104.35c0.49,0.71,1.3,1.13,2.16,1.12
+			l19.2-0.04c1.45,0,2.62-1.18,2.62-2.63l-0.32-161.99C1512.58,299.47,1511.41,298.3,1509.96,298.3z"/>
+		<path class="st0" d="M1662.91,399.66c-2.98-5.38-6.87-9.89-11.66-13.53c-4.8-3.64-10-6.57-15.61-8.79
+			c-5.61-2.22-11.09-3.98-16.43-5.28l-16.34-4.21c-3.27-0.81-6.67-1.85-10.21-3.12c-3.54-1.27-6.85-2.87-9.93-4.8
+			c-3.08-1.93-5.56-4.33-7.45-7.21c-1.88-2.88-2.83-6.31-2.84-10.28c-0.01-4.74,1.36-8.97,4.1-12.71c2.74-3.73,6.62-6.68,11.62-8.84
+			s10.94-3.25,17.79-3.26c9.58-0.02,17.53,2.1,23.86,6.36c5.73,3.86,9.23,9.15,10.5,15.87c0.23,1.23,1.32,2.12,2.57,2.11l19.31-0.04
+			c1.53,0,2.75-1.32,2.62-2.85c-0.67-7.83-3.24-14.84-7.73-21.03c-5.02-6.93-11.88-12.37-20.57-16.33
+			c-8.69-3.96-18.7-5.92-30.02-5.9c-11.21,0.02-21.28,2.04-30.2,6.06c-8.92,4.02-15.99,9.63-21.2,16.82
+			c-5.21,7.2-7.81,15.61-7.79,25.25c0.02,11.65,3.95,21.01,11.78,28.07c7.83,7.06,18.44,12.4,31.84,16.02l19.77,5.35
+			c5.99,1.57,11.37,3.38,16.14,5.44c4.77,2.06,8.55,4.66,11.37,7.82c2.81,3.15,4.22,7.21,4.23,12.16c0.01,5.44-1.59,10.2-4.79,14.26
+			c-3.21,4.06-7.6,7.23-13.17,9.5c-5.58,2.27-11.93,3.41-19.06,3.43c-6.48,0.01-12.43-0.94-17.85-2.86
+			c-5.42-1.92-9.86-4.88-13.33-8.88c-3.03-3.49-4.92-7.76-5.69-12.81c-0.19-1.28-1.29-2.24-2.59-2.24l-20.15,0.04
+			c-1.56,0-2.77,1.36-2.61,2.91c0.92,8.85,3.71,16.57,8.4,23.17c5.19,7.31,12.36,12.95,21.51,16.9c9.15,3.96,19.99,5.92,32.51,5.9
+			c13.07-0.03,24.21-2.17,33.43-6.44c9.22-4.27,16.25-10.08,21.11-17.44c4.86-7.36,7.28-15.77,7.26-25.25
+			C1667.38,411.5,1665.88,405.05,1662.91,399.66z"/>
+	</g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="235.8266" y1="540.5296" x2="540.6145" y2="235.7417" gradientTransform="matrix(1 -1.991997e-03 1.991997e-03 1 -0.7765 1.6618)">
+		<stop  offset="0" style="stop-color:#00A595"/>
+		<stop  offset="0.4813" style="stop-color:#00C959"/>
+		<stop  offset="1" style="stop-color:#9CE142"/>
+	</linearGradient>
+	<path class="st1" d="M258.97,240.6c40.72-26.78,76.97-32.65,110.28-25.5c0,0,0-0.01,0-0.01c13.87,0.52,9.38-8.52,3.01-12.53
+		c-8.39-5.03-16.87-9.55-25.45-13.41c-6.23-2.8-12.38-5.2-18.46-7.2l-35.8,9.67c-10.67,2.88-20.39,8.52-28.19,16.35l-57.7,57.93
+		c-7.8,7.83-13.4,17.57-16.24,28.25l-2.19,8.24C210.54,279.64,233.7,257.23,258.97,240.6z M510.17,383.6
+		c-0.03-0.02-0.07-0.05-0.07-0.05c8.88,4.41,17.23-0.19,6.23-8.66c-71.12-54.2-145.36-100.09-229.78-70.23
+		c-43.92,15.53-81.98,45.49-118.54,75.62c-1.23,8.48-0.75,17.15,1.5,25.47l7.18,26.57c0.06-0.05,0.13-0.1,0.19-0.15
+		c44.35-34.43,90.21-70.04,146.64-83.67C386.39,333.31,449.69,352.97,510.17,383.6z M580.46,352.26
+		c8.57,5.39,16.84,10.07,24.87,14.07l-19.71-72.97c-2.88-10.67-8.52-20.39-16.35-28.19l-57.93-57.7
+		c-7.83-7.8-17.57-13.4-28.25-16.24l-79.01-21c-10.68-2.84-21.92-2.82-32.59,0.06l-18.42,4.97
+		c45.55,24.86,80.87,47.96,134.92,101.19C541.03,328.71,549.71,332.92,580.46,352.26z M337.53,528.62
+		c-36.44-0.62-67.62,6.59-96.28,18.2l23.84,23.75c7.83,7.8,17.57,13.4,28.25,16.24l79.02,21c10.68,2.84,21.92,2.82,32.59-0.06
+		l78.93-21.32c10.67-2.88,20.39-8.52,28.19-16.35l1.53-1.54C455.38,546.27,396.44,529.62,337.53,528.62L337.53,528.62z
+		 M608.94,384.65c-56.3-28.37-93.16-63.84-102.3-73.01c-42.98-43.16-142.72-141.27-244.56-66.32
+		c-26.44,19.46-52.53,43.23-76.76,68.16l-11.29,42.48c32.89-26.46,67.54-51.35,107.51-65.49c104.7-37.03,191.5,31.07,275.44,96.94
+		c15.5,12.16,30.57,23.98,45.41,34.85l4.59-17.26c1.43-5.38,2.13-10.9,2.11-16.41C609.07,387.28,609.02,385.96,608.94,384.65z
+		 M324.83,353.99c-55.25,13.35-100.62,48.58-144.5,82.65c-0.68,0.53-1.37,1.06-2.06,1.6l12.55,46.45c1.09,4.05,2.59,7.95,4.44,11.67
+		c5.75-4.14,11.45-8.29,17.1-12.42c47.64-34.8,96.9-70.79,162.8-78.53c71.49-8.39,147.02,15.95,219.1,47.42l3.18-11.97
+		C512.6,387.59,417.68,331.55,324.83,353.99z M376.92,420.34c-39.12,4.59-71.68,19.54-102.49,38.79
+		c-10.97,7.1-6.77,14.41,3.77,11.29c0.01,0,0.02-0.01,0.03-0.01c21.13-6.84,44.44-10.92,71.35-10.83
+		c75.82,0.28,150.74,21.6,224.12,48.18c5.75-6.97,9.97-15.1,12.31-23.87l4.35-16.36C519.5,436.45,445.58,412.28,376.92,420.34z
+		 M206.99,512.68c0.06,0.06,0.12,0.13,0.18,0.19l22.48,22.39c31.77-13.69,66.56-22.38,108.14-21.68
+		c63.27,1.08,125.88,19.33,187.42,43.31l44.42-44.59c-72.23-26.04-145.88-46.79-220.07-47.06
+		C288.93,465.01,248.17,485.67,206.99,512.68z"/>
+</g>
+<g id="Margins" class="st2">
+	<path class="st3" d="M438.49,145.52h-62.9c-11.15-0.11-15.08-5.74-15.08-15.57v-20.05c0-9.88,3.96-15.52,15.23-15.58h56.29
+		c1.45,0,2.62-1.17,2.62-2.62V75.3c0-1.45-1.17-2.62-2.62-2.62h-56.72c-10.94-0.2-14.81-5.81-14.81-15.56V37.3
+		c0-9.92,3.99-15.58,15.39-15.58h61.61c1.45,0,2.62-1.17,2.62-2.62V2.62c0-1.45-1.17-2.62-2.62-2.62h-99.6
+		c-1.45,0-2.62,1.17-2.62,2.62v161.99c0,1.45,1.17,2.62,2.62,2.62h100.58c1.45,0,2.62-1.17,2.62-2.62v-16.48
+		C441.11,146.69,439.94,145.52,438.49,145.52z"/>
+	<path class="st3" d="M145.51,339.22l0.13,62.9c-0.08,11.15-5.71,15.09-15.54,15.11l-20.05,0.04c-9.88,0.02-15.53-3.92-15.61-15.2
+		l-0.11-56.29c0-1.45-1.18-2.62-2.63-2.62l-16.4,0.03c-1.45,0-2.62,1.18-2.62,2.63l0.11,56.72c-0.17,10.94-5.79,14.82-15.53,14.84
+		l-19.81,0.04c-9.92,0.02-15.59-3.96-15.61-15.36l-0.12-61.61c0-1.45-1.18-2.62-2.63-2.62l-16.48,0.03c-1.45,0-2.62,1.18-2.62,2.63
+		l0.2,99.6c0,1.45,1.18,2.62,2.63,2.62l161.99-0.32c1.45,0,2.62-1.18,2.62-2.63l-0.2-100.58c0-1.45-1.18-2.62-2.63-2.62l-16.48,0.03
+		C146.68,336.59,145.51,337.77,145.51,339.22z"/>
+	<path class="st3" d="M1812.91,339.22l0.13,62.9c-0.08,11.15-5.71,15.09-15.54,15.11l-20.05,0.04c-9.88,0.02-15.53-3.92-15.61-15.2
+		l-0.11-56.29c0-1.45-1.18-2.62-2.63-2.62l-16.4,0.03c-1.45,0-2.62,1.18-2.62,2.63l0.11,56.72c-0.17,10.94-5.79,14.82-15.53,14.84
+		l-19.81,0.04c-9.92,0.02-15.59-3.96-15.61-15.36l-0.12-61.61c0-1.45-1.18-2.62-2.63-2.62l-16.48,0.03c-1.45,0-2.62,1.18-2.62,2.63
+		l0.2,99.6c0,1.45,1.18,2.62,2.63,2.62l161.99-0.32c1.45,0,2.62-1.18,2.62-2.63l-0.2-100.58c0-1.45-1.18-2.62-2.63-2.62l-16.48,0.03
+		C1814.08,336.59,1812.91,337.77,1812.91,339.22z"/>
+	<path class="st3" d="M438.49,754.55h-62.9c-11.15-0.11-15.08-5.74-15.08-15.57v-20.05c0-9.88,3.96-15.52,15.23-15.58h56.29
+		c1.45,0,2.62-1.17,2.62-2.62v-16.4c0-1.45-1.17-2.62-2.62-2.62h-56.72c-10.94-0.2-14.81-5.81-14.81-15.56v-19.81
+		c0-9.92,3.99-15.58,15.39-15.58h61.61c1.45,0,2.62-1.17,2.62-2.62v-16.48c0-1.45-1.17-2.62-2.62-2.62h-99.6
+		c-1.45,0-2.62,1.17-2.62,2.62v161.99c0,1.45,1.17,2.62,2.62,2.62h100.58c1.45,0,2.62-1.17,2.62-2.62v-16.48
+		C441.11,755.73,439.94,754.55,438.49,754.55z"/>
+</g>
+</svg>
+`;
+
+export { hLogoColor as h };

package/dist/components/logo-space.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LogoSpace extends Components.LogoSpace, HTMLElement {}
+export const LogoSpace: {
+    prototype: LogoSpace;
+    new (): LogoSpace;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/logo-space.js

@@ -0,0 +1,101 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { v as vLogoMargins } from './logo-color-margins.js';
+import { d as defineCustomElement$c } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$b } from './eds-input2.js';
+import { d as defineCustomElement$a } from './eds-input-field2.js';
+import { d as defineCustomElement$9 } from './eds-input-footer2.js';
+import { d as defineCustomElement$8 } from './eds-input-label2.js';
+import { d as defineCustomElement$7 } from './eds-input-range2.js';
+import { d as defineCustomElement$6 } from './eds-input-search2.js';
+import { d as defineCustomElement$5 } from './eds-input-select2.js';
+import { d as defineCustomElement$4 } from './eds-link2.js';
+import { d as defineCustomElement$3 } from './eds-pagination2.js';
+import { d as defineCustomElement$2 } from './eds-table2.js';
+
+const logoSpaceCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}";
+const LogoSpaceStyle0 = logoSpaceCss;
+
+const LogoSpace$1 = /*@__PURE__*/ proxyCustomElement(class LogoSpace extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: 'fdad9dd7dcfd064513452108f8a4cd13078d7146', class: "container" }, h("ul", { key: 'b13477839ec81d27c2b42cc99211d22af46b68e1', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '383a4e04e633675ab8561ddc583b34bea53a75cf', 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: '43457a7e47ae85448c3283514ea8cbe7081c727b', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'db8762d40d62a07b72d5d40a4dbfbd7a5cd6381f', 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: '7d1c9e3f1ff874f4916dc2ecf79d2779c631a1ca', class: "text-center mt-16" }, h("p", { key: '4b6430627d3245a915b3f8185cc5aa473995aeca', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '919120aa30fc233898f364cd24ebfe3c6dd82c7f', 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: '0f7b0c08a70626d0c8069d9916d486a04bbd62a2', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
+    }
+    static get style() { return LogoSpaceStyle0; }
+}, [1, "logo-space"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["logo-space", "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"];
+    components.forEach(tagName => { switch (tagName) {
+        case "logo-space":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoSpace$1);
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "eds-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "eds-input-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "eds-input-footer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "eds-input-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "eds-input-range":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-input-search":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-input-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "eds-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const LogoSpace = LogoSpace$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LogoSpace, defineCustomElement };

package/dist/components/logo-variations-horizontal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LogoVariationsHorizontal extends Components.LogoVariationsHorizontal, HTMLElement {}
+export const LogoVariationsHorizontal: {
+    prototype: LogoVariationsHorizontal;
+    new (): LogoVariationsHorizontal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+import { L as LogoVariationsHorizontal$1, d as defineCustomElement$1 } from './logo-variations-horizontal2.js';
+
+const LogoVariationsHorizontal = LogoVariationsHorizontal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LogoVariationsHorizontal, defineCustomElement };

package/dist/components/{logo-variations-horizontal.entry.js → logo-variations-horizontal2.js}

@@ -1,15 +1,37 @@
-import { r as registerInstance, h } from './index-9d277061.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './eds-logo2.js';
 
 const logoVariationsHorizontalCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.coloured{background:linear-gradient(to left,\n      #9CE142 0%,\n      #00C959 50%,\n      #00A595 100%)}.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-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
+const LogoVariationsHorizontalStyle0 = logoVariationsHorizontalCss;
 
-const LogoVariationsHorizontal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVariationsHorizontal extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '02941660c566920227b36481dd7d211ad0ae35cc', class: "container" }, h("ul", { key: 'a1859aafecdba011251097f758b38171278cac22', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c105a4f208a7b7f15c6e0b28aff947e14bd533b9', 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: '7b465faf996ae41431f505a81f86711988fcf680', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '6e4ecd4347777a1fed5502129abe7247e2963923', class: "coloured" }, h("eds-logo", { key: '8b129a330768f306d009bf93a4602d761559d0b8', type: "no-bg", href: "#" }))), h("li", { key: '451cadfdb5178acc0269988a06afb0e454a07833', 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: '7b9d5fc604ebea27478f9ea3f95bf353e3310132', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd3bb58f4f9c5c5e2d74511d7aac5375d221119e2', class: "bg-default" }, h("eds-logo", { key: 'bff3e05b114130b767cfecd65de33ba6ebf63778', type: "black", href: "#" }))), h("li", { key: 'f7a627949d4c2e2a31f2e8c713a311c440c7d644', 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: '09f14d2777c7462c493953748b92cdadf971e67e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'c7b79be6d031fb97e875525b848350a988879193' }, h("eds-logo", { key: '8a7fcf5800747bca95402df008423fd57ef2ebde', type: "color-white", href: "#" }))))));
+        return (h("div", { key: '987c614ac28a196ef8fff32c776b286269377dec', class: "container" }, h("ul", { key: 'fc9335a57da5e088f50a4c22ff40546554251515', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '714701eb21a78f77f5294ec8bf4799443311ca73', 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: 'd60bf8e9307aa9243cade43a4cc43df8d11fd561', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'a1357c422ecfb85210692c5686f2e1c295094858', class: "coloured" }, h("eds-logo", { key: '07ac7f715db7c573bcf40e9023c5189fbbe0958c', type: "no-bg", href: "#" }))), h("li", { key: 'c452df580d16d70b5dc00485e9ba05a6738b0293', 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: '55eebb8ae1b53b26ce8505f648a7f079f15521b9', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'c7394e8f6e044b260b9450f3b06b0ebb44fba4e1', class: "bg-default" }, h("eds-logo", { key: '0febbfc78be2a064c0ff7f768936f1521dcac11c', type: "black", href: "#" }))), h("li", { key: '9473120a767856f6a18b8973b6d0cc12f736f239', 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: '8d2eb712f5d7c862fa8ac633177bb07dc4ac7c1e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '594c586462a164e790ba224e902605363322561c' }, h("eds-logo", { key: 'bd19f2348abf5a9e347fa1b171f8ced2598093c7', type: "color-white", href: "#" }))))));
     }
-};
-LogoVariationsHorizontal.style = logoVariationsHorizontalCss;
+    static get style() { return LogoVariationsHorizontalStyle0; }
+}, [1, "logo-variations-horizontal"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["logo-variations-horizontal", "eds-logo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "logo-variations-horizontal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoVariationsHorizontal);
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
 
-export { LogoVariationsHorizontal as logo_variations_horizontal };
+export { LogoVariationsHorizontal as L, defineCustomElement as d };

package/dist/components/logo-variations-tabs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LogoVariationsTabs extends Components.LogoVariationsTabs, HTMLElement {}
+export const LogoVariationsTabs: {
+    prototype: LogoVariationsTabs;
+    new (): LogoVariationsTabs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,60 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './eds-logo2.js';
+import { d as defineCustomElement$3 } from './logo-variations-horizontal2.js';
+import { d as defineCustomElement$2 } from './logo-variations-vertical2.js';
+
+const LogoVariationsTabs$1 = /*@__PURE__*/ proxyCustomElement(class LogoVariationsTabs extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.tabIndex = undefined;
+    }
+    renderContent() {
+        switch (this.tabIndex) {
+            case 0:
+                return h("logo-variations-horizontal", null);
+            case 1:
+                return h("logo-variations-vertical", null);
+            default:
+                return h("p", null, "Content not available.");
+        }
+    }
+    render() {
+        return h("div", { key: '2403a062886a97ebbc34bb9f95e755ab1a278731', class: "container" }, this.renderContent());
+    }
+}, [0, "logo-variations-tabs", {
+        "tabIndex": [2, "tab-index"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["logo-variations-tabs", "eds-logo", "logo-variations-horizontal", "logo-variations-vertical"];
+    components.forEach(tagName => { switch (tagName) {
+        case "logo-variations-tabs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoVariationsTabs$1);
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "logo-variations-horizontal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "logo-variations-vertical":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const LogoVariationsTabs = LogoVariationsTabs$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LogoVariationsTabs, defineCustomElement };

package/dist/components/logo-variations-vertical.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LogoVariationsVertical extends Components.LogoVariationsVertical, HTMLElement {}
+export const LogoVariationsVertical: {
+    prototype: LogoVariationsVertical;
+    new (): LogoVariationsVertical;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+import { L as LogoVariationsVertical$1, d as defineCustomElement$1 } from './logo-variations-vertical2.js';
+
+const LogoVariationsVertical = LogoVariationsVertical$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LogoVariationsVertical, defineCustomElement };

package/dist/components/{logo-variations-vertical.entry.js → logo-variations-vertical2.js}

@@ -1,17 +1,42 @@
-import { r as registerInstance, h } from './index-9d277061.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './eds-logo2.js';
 
 const logoVariationsVerticalCss = ".coloured{background:linear-gradient(to left,\n      #9CE142 0%,\n      #00C959 50%,\n      #00A595 100%)}ol,ul,menu{list-style:none;margin:0;padding:0}.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-center{text-align:center}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.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 LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
 
-const LogoVariationsVertical = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariationsVertical extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
         this.orientation = 'vertical';
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'e842e396933ee714f86a9443b55cd7045d12277e', class: "container" }, h("ul", { key: 'dfea7dc44294bfe2acbbfd580bff8908cbeb98bf', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'fe44c472c10b814ff815c2a8cd7101adb0890872', 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: '5ed6f1029df41907ca8b27a51612a1078f353ade', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'eae38dbd0f8d4b92f2768559dbe65d6c136ba746', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '7a05dacc86c54c6ff51810b14c9dc99fad4e36b5', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '4055ab71f60098acea7e27f2a8706c45aecb7097', 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: '340cfb0cbf6383d46eabd91b6fb591a003ec00f6', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd4158d0b6413cae236c333fe0ffdd77dbda22c88', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'a411c3438499758b68cf949a83d9097da70a11f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'a7a97185be422337fb333709c61fe7c435bc82f3', 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: 'cef2acc75d1749cd93699a99a2d80aeaa61ed632', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '43be8f5ca418a93b58c8f3a52d04a6e50b5bb03b', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'b5453b1009c0aa5c799c417e5c13b30cfc647840', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: '1e9f6ca3f43c6818c6213c581dcf0743958c9b5f', class: "container" }, h("ul", { key: 'd6cae4ea607afe3cad7b7eb675efe2c27fee8bce', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '2c08ccbd732b2e33c7ee75a62bd743d0977a212d', 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: '8996d851b5041d7b3f2349034f6ba858b9564937', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '623832731b38e02f69f795b1f959052425a233df', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'dd8c635e0dd09b4c972c0d201e6bc6cbd899a896', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: 'f99951011003ed2409a44a5175ab67a2478ee22c', 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: '45c69ba60358e36f980df1fa1db4521dbcc38fc1', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd026d40d15b4e5e8a3d7718298130414198d5699', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '62ca0a1c8bd93f3b780ba91d5b9bbd31d7bbe1f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'b1c75a34b36bec4dde679f5bde1129e0315cac37', 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: '16c68f40c6a4bcaf3d618f8787682a974a8c900c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'ce3b8ee8b54fabccd816388bb1a3acf642147c28', class: "mx-auto w-[300px]" }, h("eds-logo", { key: '8baa9d4f187e515d5a274156976fb134d79bd004', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
-};
-LogoVariationsVertical.style = logoVariationsVerticalCss;
+    static get style() { return LogoVariationsVerticalStyle0; }
+}, [1, "logo-variations-vertical", {
+        "orientation": [1],
+        "type": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["logo-variations-vertical", "eds-logo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "logo-variations-vertical":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoVariationsVertical);
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
 
-export { LogoVariationsVertical as logo_variations_vertical };
+export { LogoVariationsVertical as L, defineCustomElement as d };