@ebrains/components 0.9.2-beta → 1.0.0

package/dist/components/eds-user.js

@@ -0,0 +1,97 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './eds-avatar2.js';
+import { d as defineCustomElement$6 } from './eds-block-break2.js';
+import { d as defineCustomElement$5 } from './eds-button2.js';
+import { d as defineCustomElement$4 } from './eds-dropdown2.js';
+import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$2 } from './eds-img2.js';
+
+const edsUserCss = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}";
+const EdsUserStyle0 = edsUserCss;
+
+const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.user = undefined;
+    }
+    /**
+     * Helper getter to ensure we work with a User object.
+     */
+    get parsedUser() {
+        if (typeof this.user === 'string') {
+            try {
+                return JSON.parse(this.user);
+            }
+            catch (error) {
+                //console.error('Failed to parse user JSON:', error);
+                return {};
+            }
+        }
+        return this.user;
+    }
+    async componentWillLoad() { }
+    get initials() {
+        var _a, _b, _c, _d;
+        const user = this.parsedUser;
+        const initials = `${((_a = user.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) || ''}${((_b = user.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0)) || ''}`.toUpperCase();
+        return initials || ((_d = (_c = user.name) === null || _c === void 0 ? void 0 : _c.charAt(0)) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '';
+    }
+    render() {
+        const user = this.parsedUser;
+        return (h("div", { key: '9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b', class: "block" }, h("div", { key: 'ccc34b3c7b0ab8d515eebfa1962264365d20c788', class: "flex items-center" }, h("eds-dropdown", { key: '5283fb61297cd5f631d04da9ca19371a3778068c', label: `Welcome, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: 'd39e041e54fb59a409520e8b88f6f569d55cc6fc', class: "min-w-[280px] p-8" }, h("div", { key: '50e571e30a6902b8443b9766dfb1018c76a2f68e', class: "flex gap-x-16" }, h("eds-avatar", { key: '88a675a256466366aba1028831626253d11d2474', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), h("div", { key: '99626794a7fa243bc599e9e77b0bc1b717d14c96', class: "max-w-full" }, user.name && h("p", { key: '1f1e33e19fd2b266f442b596953100f6b5e6dfcd', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: 'a36ebac6fdae9fa059887f7cc5d1009179f8eef9', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: '976cd925af318831a22f1d43242e0295614bb2a1', class: "f-ui-03-light text-light mt-4" }, user.email))), h("eds-block-break", { key: '7d189caaab8a9b593017312d6e3d6943c36de22b' }), h("div", { key: 'efcfc9a2c1f774abfab09b09682d7839bd1d5d2c', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: 'f54425f35d804753b94bb61e1d8e211a1583ac3b' })))))));
+    }
+    get hostEl() { return this; }
+    static get style() { return EdsUserStyle0; }
+}, [1, "eds-user", {
+        "user": [1025]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-user", "eds-avatar", "eds-block-break", "eds-button", "eds-dropdown", "eds-icon-wrapper", "eds-img"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-user":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsUser$1);
+            }
+            break;
+        case "eds-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-block-break":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "eds-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-img":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const EdsUser = EdsUser$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsUser, defineCustomElement };

package/dist/components/eu.js

@@ -0,0 +1,30 @@
+const euSvg = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;
+
+export { euSvg as e };

package/dist/components/facebook.js

@@ -0,0 +1,14 @@
+const facebook = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { facebook as f };

package/dist/components/gradient-primary-palette.d.ts

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

package/dist/components/gradient-primary-palette.js

@@ -0,0 +1,6 @@
+import { G as GradientPrimaryPalette$1, d as defineCustomElement$1 } from './primary2.js';
+
+const GradientPrimaryPalette = GradientPrimaryPalette$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GradientPrimaryPalette, defineCustomElement };

package/dist/components/gradient-secondary-palette.d.ts

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

package/dist/components/gradient-secondary-palette.js

@@ -0,0 +1,6 @@
+import { G as GradientSecondaryPalette$1, d as defineCustomElement$1 } from './secondary2.js';
+
+const GradientSecondaryPalette = GradientSecondaryPalette$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GradientSecondaryPalette, defineCustomElement };

package/dist/components/gradient-support-palette.d.ts

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

package/dist/components/gradient-support-palette.js

@@ -0,0 +1,6 @@
+import { G as GradientSupportPalette$1, d as defineCustomElement$1 } from './support2.js';
+
+const GradientSupportPalette = GradientSupportPalette$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GradientSupportPalette, defineCustomElement };

package/dist/components/incorrect-use-of-colors.d.ts

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

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

@@ -0,0 +1,81 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './eds-alert2.js';
+import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$2 } from './eds-link2.js';
+
+const primary = [
+    {
+        background: '#9CE142'
+    },
+    {
+        background: '#00C959'
+    },
+    {
+        background: '#00A595'
+    }
+];
+const purple = [
+    {
+        background: '#C461FF'
+    },
+    {
+        background: '#5D3DF9'
+    }
+];
+const red = [
+    {
+        background: '#FFA543'
+    },
+    {
+        background: '#FF4D68'
+    }
+];
+const incorrect = [
+    {
+        background: '#3FA9F5'
+    },
+    ...purple,
+    ...red
+];
+const IncorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class IncorrectUseOfColors extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '3503dcc0e2d3f5b08eec400e74484e5725d7b4af', class: "container" }, h("div", { key: '657857e8826e60c498450326306234c59b4e770b', class: "mb-8" }, h("eds-alert", { key: '88512240affc65314593f8573b3a13f58fb2806d', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '8614d445187d2614e5833b8c89c66b178762574e', class: "flex" }, h("div", { key: '1b36d52dbcbb65e1edb4513899ec898d691193c0', class: "w-full" }, h("ul", { key: '13fb2eaca0ad3fb93487f6c0c976142a18870b4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'adec93113e4c02168906e1da65f48c20e9b2c7dc', class: "w-full" }, h("ul", { key: 'd0b43589866f53c92084b270afb3571ed2723fc8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+    }
+}, [0, "incorrect-use-of-colors"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["incorrect-use-of-colors", "eds-alert", "eds-icon-wrapper", "eds-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "incorrect-use-of-colors":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, IncorrectUseOfColors$1);
+            }
+            break;
+        case "eds-alert":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const IncorrectUseOfColors = IncorrectUseOfColors$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { IncorrectUseOfColors, defineCustomElement };

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.esm.js

@@ -1 +0,0 @@
-

package/dist/components/index.js

@@ -0,0 +1 @@
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/linkedin.js

@@ -0,0 +1,28 @@
+const linkedin = `  <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="M5.63225 6.87897H2.20283V16.9998H5.63225V6.87897Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.85808 3.74816C5.83582 2.75582 5.11335 2 3.94017 2C2.76699 2 2 2.75582 2 3.74816C2 4.71994 2.74432 5.49753 3.89565 5.49753H3.91757C5.11335 5.49753 5.85808 4.71994 5.85808 3.74816Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M18 11.1968C18 8.08811 16.3082 6.64128 14.0514 6.64128C12.2307 6.64128 11.4155 7.62361 10.9603 8.31273V6.87921H7.53045C7.57566 7.82889 7.53045 17 7.53045 17H10.9603V11.3477C10.9603 11.0452 10.9825 10.7435 11.0732 10.5269C11.3211 9.92265 11.8854 9.29701 12.8329 9.29701C14.0743 9.29701 14.5706 10.2251 14.5706 11.5851V16.9997H17.9999L18 11.1968Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { linkedin as l };

package/dist/components/loader.js

@@ -0,0 +1,30 @@
+const loader = `<svg
+width="20"
+height="20"
+viewBox="0 0 20 20"
+fill="none"
+xmlns="http://www.w3.org/2000/svg"
+>
+<g clip-path="url(#clip0_16_4023)">
+    <circle
+    opacity="0.3"
+    cx="10"
+    cy="10"
+    r="8"
+    stroke="currentColor"
+    stroke-width="3"
+    />
+    <path
+    d="M2 10C2 5.58172 5.58172 2 10 2"
+    stroke="currentColor"
+    stroke-width="3"
+    />
+</g>
+<defs>
+    <clipPath id="clip0_16_4023">
+    <rect width="20" height="20" fill="white" />
+    </clipPath>
+</defs>
+</svg>`;
+
+export { loader as l };

package/dist/components/logo-color-margins.js

@@ -0,0 +1,118 @@
+const vLogoMargins = `<?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 1014.1 1278.26" style="enable-background:new 0 0 1014.1 1278.26;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#383838;}
+	.st1{fill:url(#SVGID_1_);}
+	.st3{display:inline;fill:#CCCCCC;}
+</style>
+<g id="Logo">
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M213.54,1126.86h-49.66c-8.81-0.08-11.9-4.53-11.9-12.29v-15.83c0-7.8,3.12-12.26,12.03-12.3h44.45
+					c1.14,0,2.07-0.93,2.07-2.07v-12.95c0-1.14-0.93-2.07-2.07-2.07h-44.78c-8.64-0.16-11.69-4.59-11.69-12.29v-15.64
+					c0-7.83,3.15-12.3,12.15-12.3h48.64c1.14,0,2.07-0.93,2.07-2.07v-13.01c0-1.14-0.93-2.07-2.07-2.07h-78.65
+					c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h79.42c1.14,0,2.07-0.93,2.07-2.07v-13.01
+					C215.61,1127.79,214.69,1126.86,213.54,1126.86z"/>
+				<path class="st0" d="M322.17,1080.02c-0.58-0.36-1.16-0.69-1.74-1c0,0,0-0.01,0-0.01c-3.47-2.18-2.93-7.68,0-9.44
+					c3.37-2.26,6.07-5.27,8.09-9.03c2.02-3.76,3.03-8.39,3.03-13.89c0-6.53-1.53-12.41-4.58-17.64c-3.05-5.22-7.65-9.37-13.8-12.44
+					c-6.15-3.07-13.91-4.61-23.28-4.61h-46.29c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h48.54
+					c10.23,0,18.63-1.56,25.21-4.68c6.58-3.12,11.44-7.35,14.6-12.7c3.16-5.35,4.74-11.4,4.74-18.15c0-6.83-1.38-12.64-4.13-17.41
+					C329.83,1086.31,326.36,1082.62,322.17,1080.02z M261.46,1040.76c0.12-7.45,3.24-11.73,11.81-11.84h15.4
+					c7.91,0,13.77,1.85,17.6,5.55c3.82,3.7,5.74,8.28,5.74,13.73c0,4.26-1.06,7.94-3.19,11.06c-2.13,3.12-4.99,5.53-8.58,7.25
+					c-3.59,1.72-7.62,2.58-12.09,2.58h-14.78c-8.65-0.08-11.79-4.36-11.91-11.84V1040.76z M310.72,1121.38
+					c-4.13,3.7-10.96,5.55-20.5,5.55h-16.86c-8.63-0.08-11.77-4.37-11.89-11.84v-18.62c0.12-7.42,3.22-11.7,11.72-11.84h17.75
+					c5.33,0,9.94,1.03,13.83,3.09c3.89,2.06,6.89,4.84,8.99,8.32c2.11,3.48,3.16,7.31,3.16,11.48
+					C316.91,1113.07,314.85,1117.69,310.72,1121.38z"/>
+				<path class="st0" d="M432.08,1096.47c-1.32-2.42-0.68-6.41,2.72-8.58c0,0-0.01,0-0.02,0c5.79-3.3,10.21-7.7,13.25-13.21
+					c3.38-6.13,5.06-13.23,5.06-21.31c0-8.12-1.68-15.29-5.03-21.5c-3.35-6.21-8.41-11.08-15.18-14.6
+					c-6.77-3.52-15.27-5.29-25.5-5.29h-45c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h15.78
+					c1.14,0,2.07-0.93,2.07-2.07v-35.71c0.03-7.73,3.16-12.15,12.03-12.19h10.86c3.69,0.07,6.16,1.6,7.97,4.65l23.74,44.23
+					c0.36,0.67,1.06,1.09,1.82,1.09h17.96c1.57,0,2.57-1.69,1.82-3.07L432.08,1096.47z M421.26,1074.12
+					c-4.06,1.85-9.32,2.77-15.76,2.77h-13.22c-8.89-0.03-12.03-4.45-12.06-12.19v-23.35c0-7.83,3.15-12.3,12.15-12.3h12.87
+					c6.58,0,11.9,0.98,15.96,2.93c4.06,1.96,7.05,4.76,8.96,8.41c1.91,3.65,2.87,7.97,2.87,12.96c0,4.94-0.95,9.18-2.84,12.7
+					C428.3,1069.59,425.33,1072.27,421.26,1074.12z"/>
+				<path class="st0" d="M538.43,1013.33c-0.3-0.82-1.07-1.37-1.95-1.37h-20.11c-0.87,0-1.65,0.55-1.95,1.37l-46.03,127.91
+					c-0.49,1.35,0.51,2.77,1.95,2.77h16.73c0.88,0,1.67-0.56,1.96-1.39l8.51-24.59c1.15-3.32,4.51-8.96,11.66-8.96h34.49
+					c6.96,0,10.32,5.34,11.55,8.69l8.59,24.87c0.29,0.83,1.07,1.39,1.96,1.39h16.73c1.43,0,2.43-1.42,1.95-2.77L538.43,1013.33z
+					 M536.72,1092.3h-20.54c-7.87,0-7.47-6.56-6.49-9.39l11.59-33.48c1.31-4.7,8.81-4.47,10.35,0l11.69,33.85
+					C544.21,1086.28,544.28,1092.3,536.72,1092.3z"/>
+				<path class="st0" d="M622.33,1011.96h-15.78c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h15.78
+					c1.14,0,2.07-0.93,2.07-2.07v-127.91C624.4,1012.89,623.47,1011.96,622.33,1011.96z"/>
+				<path class="st0" d="M757.93,1011.96h-15.59c-1.14,0-2.07,0.93-2.07,2.07v78.86c-0.03,6.53-7.25,7.15-10.52,2.62l-57.27-82.66
+					c-0.39-0.56-1.02-0.89-1.7-0.89h-15.29c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h15.78
+					c1.14,0,2.07-0.93,2.07-2.07v-78.69c0-6.58,7.27-7.2,10.55-2.63l57.18,82.51c0.39,0.56,1.02,0.89,1.7,0.89h15.16
+					c1.14,0,2.07-0.93,2.07-2.07v-127.91C760,1012.89,759.07,1011.96,757.93,1011.96z"/>
+				<path class="st0" d="M878.54,1092.24c-2.34-4.26-5.41-7.82-9.19-10.7c-3.78-2.88-7.89-5.2-12.31-6.96
+					c-4.43-1.76-8.75-3.16-12.96-4.19l-12.9-3.35c-2.58-0.65-5.26-1.47-8.06-2.48c-2.79-1.01-5.41-2.28-7.83-3.8
+					c-2.43-1.53-4.39-3.43-5.87-5.71c-1.48-2.28-2.22-4.99-2.22-8.12c0-3.74,1.09-7.08,3.26-10.03c2.17-2.94,5.23-5.27,9.19-6.96
+					c3.95-1.7,8.64-2.55,14.06-2.55c7.57,0,13.84,1.69,18.83,5.06c4.52,3.06,7.28,7.24,8.26,12.54c0.18,0.97,1.04,1.67,2.02,1.67
+					h15.25c1.21,0,2.17-1.04,2.07-2.25c-0.52-6.18-2.54-11.72-6.07-16.61c-3.95-5.48-9.36-9.79-16.21-12.93
+					c-6.86-3.14-14.75-4.71-23.7-4.71c-8.86,0-16.81,1.58-23.86,4.74c-7.05,3.16-12.64,7.58-16.76,13.25
+					c-4.13,5.67-6.19,12.32-6.19,19.92c0,9.2,3.08,16.59,9.25,22.18c6.17,5.59,14.54,9.82,25.11,12.7l15.6,4.26
+					c4.73,1.25,8.97,2.69,12.73,4.32c3.76,1.63,6.75,3.7,8.96,6.19c2.21,2.49,3.32,5.7,3.32,9.61c0,4.3-1.27,8.05-3.8,11.25
+					c-2.54,3.2-6.01,5.7-10.41,7.48c-4.41,1.78-9.42,2.68-15.06,2.68c-5.11,0-9.81-0.76-14.09-2.29c-4.28-1.53-7.78-3.87-10.51-7.03
+					c-2.39-2.76-3.88-6.14-4.47-10.13c-0.15-1.01-1.02-1.77-2.04-1.77h-15.91c-1.23,0-2.19,1.07-2.07,2.29
+					c0.71,6.99,2.91,13.09,6.59,18.31c4.08,5.78,9.74,10.24,16.96,13.38c7.22,3.14,15.77,4.71,25.66,4.71
+					c10.32,0,19.12-1.68,26.4-5.03c7.28-3.35,12.85-7.93,16.7-13.73c3.85-5.8,5.77-12.44,5.77-19.92
+					C882.05,1101.59,880.88,1096.5,878.54,1092.24z"/>
+			</g>
+		</g>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="249.5635" y1="764.6226" x2="766.0477" y2="248.1384">
+			<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="M289.29,254.43c69.1-45.25,130.55-55.07,186.97-42.83c0.01,0,0-0.01,0-0.01c23.51,0.92,15.92-14.4,5.15-21.23
+			c-14.2-8.56-28.56-16.25-43.08-22.81c-10.55-4.76-20.96-8.85-31.26-12.27l-60.69,16.26c-18.09,4.85-34.58,14.37-47.82,27.61
+			l-97.97,97.97c-13.24,13.24-22.76,29.74-27.61,47.82l-3.74,13.95C207.09,320.42,246.4,282.52,289.29,254.43z M714.48,497.59
+			c-0.05-0.03-0.11-0.08-0.12-0.09c15.03,7.49,29.2-0.27,10.59-14.65c-120.33-92.09-245.99-170.09-389.15-119.78
+			c-74.47,26.17-139.07,76.8-201.13,127.75c-2.12,14.37-1.33,29.06,2.45,43.17l12.07,45.06c0.11-0.08,0.22-0.17,0.33-0.25
+			c75.27-58.2,153.1-118.38,248.77-141.3C504.89,411.96,612.09,445.49,714.48,497.59z M833.7,444.73
+			c14.5,9.16,28.51,17.12,42.1,23.93l-33.15-123.72c-4.85-18.09-14.37-34.58-27.61-47.82l-97.97-97.97
+			c-13.24-13.24-29.73-22.76-47.82-27.61l-133.82-35.86c-18.09-4.85-37.13-4.85-55.22,0l-31.22,8.37
+			c77.1,42.29,136.88,81.54,228.29,171.94C766.96,404.69,781.65,411.85,833.7,444.73z M421.44,742.77
+			c-61.75-1.17-114.61,10.93-163.21,30.51l40.33,40.33c13.24,13.24,29.74,22.76,47.82,27.61l133.83,35.86
+			c18.09,4.85,37.13,4.85,55.22,0l133.82-35.86c18.09-4.85,34.58-14.37,47.82-27.61l2.6-2.6
+			C621.09,773.07,521.26,744.65,421.44,742.77L421.44,742.77z M881.84,499.71c-95.32-48.27-157.65-108.49-173.11-124.07
+			c-72.69-73.28-241.37-239.88-414.2-113.2c-44.87,32.88-89.16,73.07-130.31,115.24l-19.28,71.95
+			c55.82-44.72,114.62-86.79,182.4-110.61c177.55-62.39,324.4,53.3,466.42,165.19c26.23,20.66,51.72,40.74,76.83,59.22l7.83-29.23
+			c2.44-9.11,3.65-18.46,3.63-27.81C882.06,504.16,881.98,501.94,881.84,499.71z M400.5,446.8
+			c-93.67,22.44-170.67,81.98-245.15,139.56c-1.16,0.9-2.33,1.8-3.49,2.7l21.1,78.76c1.84,6.86,4.36,13.49,7.49,19.8
+			c9.76-6.99,19.43-14.02,29.03-21c80.84-58.82,164.44-119.64,276.14-132.53c121.16-13.97,249.09,27.52,371.12,81.09l5.43-20.27
+			C718.58,504.37,557.93,409.09,400.5,446.8z M488.55,559.41c-66.31,7.65-121.53,32.87-173.81,65.39
+			c-18.62,11.99-11.52,24.4,6.34,19.15c0.02-0.01,0.03-0.01,0.05-0.01c35.83-11.53,75.35-18.36,120.95-18.11
+			c128.48,0.73,255.36,37.11,379.63,82.4c9.77-11.79,16.95-25.55,20.94-40.41l7.43-27.71C730.12,587.19,604.93,545.99,488.55,559.41
+			z M200.28,715.32c0.1,0.11,0.2,0.22,0.3,0.32l38.02,38.02c53.89-23.09,112.87-37.71,183.32-36.38
+			c107.21,2.04,213.25,33.18,317.45,74.02l75.42-75.42c-122.31-44.37-247.04-79.78-372.76-80.49
+			C339.3,634.82,270.16,669.68,200.28,715.32z"/>
+	</g>
+</g>
+<g id="Margins" class="st2">
+	<path class="st3" d="M546.76,1261.11H497.1c-8.81-0.08-11.9-4.53-11.9-12.29v-15.83c0-7.8,3.12-12.26,12.03-12.3h44.45
+		c1.14,0,2.07-0.93,2.07-2.07v-12.95c0-1.14-0.93-2.07-2.07-2.07h-44.78c-8.64-0.16-11.69-4.59-11.69-12.29v-15.64
+		c0-7.83,3.15-12.3,12.15-12.3h48.64c1.14,0,2.07-0.93,2.07-2.07v-13.01c0-1.14-0.93-2.07-2.07-2.07h-78.65
+		c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h79.42c1.14,0,2.07-0.93,2.07-2.07v-13.01
+		C548.83,1262.04,547.91,1261.11,546.76,1261.11z"/>
+	<path class="st3" d="M114.9,599.42v49.66c-0.08,8.81-4.53,11.9-12.29,11.9H86.77c-7.8,0-12.26-3.12-12.3-12.03v-44.45
+		c0-1.14-0.93-2.07-2.07-2.07H59.46c-1.14,0-2.07,0.93-2.07,2.07v44.78c-0.16,8.64-4.59,11.69-12.29,11.69H29.45
+		c-7.83,0-12.3-3.15-12.3-12.15v-48.64c0-1.14-0.93-2.07-2.07-2.07H2.07c-1.14,0-2.07,0.93-2.07,2.07v78.65
+		c0,1.14,0.93,2.07,2.07,2.07h127.91c1.14,0,2.07-0.93,2.07-2.07v-79.42c0-1.14-0.93-2.07-2.07-2.07h-13.01
+		C115.83,597.35,114.9,598.28,114.9,599.42z"/>
+	<path class="st3" d="M996.95,599.42v49.66c-0.08,8.81-4.53,11.9-12.29,11.9h-15.83c-7.8,0-12.26-3.12-12.3-12.03v-44.45
+		c0-1.14-0.93-2.07-2.07-2.07h-12.95c-1.14,0-2.07,0.93-2.07,2.07v44.78c-0.16,8.64-4.59,11.69-12.29,11.69h-15.64
+		c-7.83,0-12.3-3.15-12.3-12.15v-48.64c0-1.14-0.93-2.07-2.07-2.07h-13.01c-1.14,0-2.07,0.93-2.07,2.07v78.65
+		c0,1.14,0.93,2.07,2.07,2.07h127.91c1.14,0,2.07-0.93,2.07-2.07v-79.42c0-1.14-0.93-2.07-2.07-2.07h-13.01
+		C997.88,597.35,996.95,598.28,996.95,599.42z"/>
+	<path class="st3" d="M546.76,114.9H497.1c-8.81-0.08-11.9-4.53-11.9-12.29V86.77c0-7.8,3.12-12.26,12.03-12.3h44.45
+		c1.14,0,2.07-0.93,2.07-2.07V59.46c0-1.14-0.93-2.07-2.07-2.07h-44.78c-8.64-0.16-11.69-4.59-11.69-12.29V29.45
+		c0-7.83,3.15-12.3,12.15-12.3h48.64c1.14,0,2.07-0.93,2.07-2.07V2.07c0-1.14-0.93-2.07-2.07-2.07h-78.65
+		c-1.14,0-2.07,0.93-2.07,2.07v127.91c0,1.14,0.93,2.07,2.07,2.07h79.42c1.14,0,2.07-0.93,2.07-2.07v-13.01
+		C548.83,115.83,547.91,114.9,546.76,114.9z"/>
+</g>
+</svg>
+`;
+
+export { vLogoMargins as v };