@mailstep/design-system 0.8.26 → 0.8.27

package/ui/Elements/Image/types.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type ImageProps = {
     src: string;
     loader?: ReactNode | null;

package/ui/Elements/Label/Label.d.ts

@@ -1,4 +1,4 @@
-export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
     fontSize?: number | string;
 }, never>;
-export declare const FieldLabel: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;

package/ui/Elements/Label/Label.js

@@ -0,0 +1,62 @@
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  color: ",
+        ";\n  font-family: ",
+        ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n          font-size: ",
+        ";\n        "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n  margin-left: 8px;\n  ",
+        ";\n  ",
+        "\n  ",
+        ";\n"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n  ",
+        ";\n  font-size: 12px;\n"
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import styled, { css } from "@xstyled/styled-components";
+import { system, th } from "@xstyled/styled-components";
+var style = css(_templateObject(), th.color("typoPrimary"), th("fonts.primary"));
+var Label = styled.label(_templateObject2(), style, function(param) {
+    var fontSize = param.fontSize;
+    return fontSize ? css(_templateObject1(), fontSize) : null;
+}, system);
+var FieldLabel = styled.label(_templateObject3(), style);
+export { FieldLabel, Label };

package/ui/Elements/Label/index.d.ts

@@ -1,4 +1,3 @@
 import { Label } from './Label';
-
 export { Label, FieldLabel } from './Label';
 export default Label;

package/ui/Elements/Label/index.js

@@ -0,0 +1,4 @@
+import { Label } from "./Label";
+import { Label as Label2, FieldLabel } from "./Label";
+var Label_default = Label;
+export { FieldLabel, Label2 as Label, Label_default as default };

package/ui/Elements/Label/stories/Label.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+    component: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
         fontSize?: number | string;
     }, never>;
     tags: string[];

package/ui/Elements/Line/Line.d.ts

@@ -1,4 +1,3 @@
 import { ILine } from './types';
-
 declare const Line: ILine;
 export default Line;

package/ui/Elements/Line/Line.js

@@ -0,0 +1,47 @@
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  width: 100%;\n  border-bottom: 1px ",
+        ";\n  border-bottom-color: lightGray3;\n  margin: ",
+        ";\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx } from "react/jsx-runtime";
+import styled from "@xstyled/styled-components";
+var gabs = {
+    none: 0,
+    small: "5px",
+    medium: "10px",
+    large: "20px"
+};
+var LineComponent = styled.div(_templateObject(), function(param) {
+    var variant = param.variant;
+    return variant;
+}, function(param) {
+    var gab = param.gab, gabTop = param.gabTop, gabBottom = param.gabBottom;
+    return "".concat(gabs[gab] || gabs[gabTop], " 0 ").concat(gabs[gab] || gabs[gabBottom]);
+});
+var Line = function Line(param) {
+    var _param_gab = param.gab, gab = _param_gab === void 0 ? "none" : _param_gab, _param_gabTop = param.gabTop, gabTop = _param_gabTop === void 0 ? "none" : _param_gabTop, _param_gabBottom = param.gabBottom, gabBottom = _param_gabBottom === void 0 ? "none" : _param_gabBottom, _param_variant = param.variant, variant = _param_variant === void 0 ? "solid" : _param_variant;
+    return /* @__PURE__ */ jsx(LineComponent, {
+        gab: gab,
+        gabTop: gabTop,
+        gabBottom: gabBottom,
+        variant: variant
+    });
+};
+var Line_default = Line;
+export { Line_default as default };

package/ui/Elements/Line/index.d.js

@@ -0,0 +1,3 @@
+import { Gab, Variant, ILine } from "./types";
+var index_d_default = Line;
+export { Gab, ILine, Variant, index_d_default as default };

package/ui/Elements/Line/index.d.ts

@@ -1,4 +1,3 @@
-import { default as Line } from './Line';
-
+import Line from './Line';
 export { Line };
 export default Line;

package/ui/Elements/Line/index.js

@@ -0,0 +1,3 @@
+import Line from "./Line";
+var Line_default = Line;
+export { Line, Line_default as default };

package/ui/Elements/Line/stories/Line.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('../types').ILine;
+    component: import("../types").ILine;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Line/types.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-
+import { type FC } from 'react';
 export type Gab = 'none' | 'small' | 'medium' | 'large';
 export type Variant = 'solid' | 'dashed';
 export type LineProps = {

package/ui/Elements/Link/Link.d.ts

@@ -1,5 +1,4 @@
-import { default as React, FC } from 'react';
-
+import React, { type FC } from 'react';
 type ToObjectType = {
     pathname?: string;
     search?: string;

package/ui/Elements/Link/Link.js

@@ -0,0 +1,128 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n          pointer-events: none;\n          opacity: 0.5;\n        "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  color: ",
+        ";\n  cursor: pointer;\n  :visited {\n    color: ",
+        ";\n  }\n  :hover {\n    color: ",
+        ";\n  }\n  :active {\n    color: ",
+        ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ",
+        ";\n  font-size: ",
+        ";\n\n  ",
+        "\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx } from "react/jsx-runtime";
+import { NavLink as ReactLink } from "react-router-dom";
+import { createRgba } from "../../utils";
+import styled, { css, useTheme, th } from "@xstyled/styled-components";
+var StyledLink = styled(ReactLink)(_templateObject1(), function(param) {
+    var color = param.color;
+    return createRgba(color, 0.7);
+}, function(param) {
+    var color = param.color;
+    return color;
+}, function(param) {
+    var color = param.color;
+    return color;
+}, function(param) {
+    var color = param.color;
+    return color;
+}, th("fonts.primary"), function(param) {
+    var size = param.size;
+    return size;
+}, function(param) {
+    var disabled = param.disabled;
+    return disabled ? css(_templateObject()) : null;
+});
+var Link = function Link(props) {
+    var _props_size;
+    var theme = useTheme();
+    var themeColor = props.color ? th.color(props.color)({
+        theme: theme
+    }) : void 0;
+    var themeFontSize = th.fontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 1)({
+        theme: theme
+    });
+    return /* @__PURE__ */ jsx(StyledLink, _object_spread_props(_object_spread({}, props), {
+        to: props.to || "",
+        color: themeColor,
+        size: themeFontSize,
+        children: props.children
+    }));
+};
+var Link_default = Link;
+export { Link_default as default };

package/ui/Elements/Link/index.d.ts

@@ -1,4 +1,3 @@
-import { default as Link } from './Link';
-
+import Link from './Link';
 export { Link };
 export default Link;

package/ui/Elements/Link/index.js

@@ -0,0 +1,3 @@
+import Link from "./Link";
+var Link_default = Link;
+export { Link, Link_default as default };

package/ui/Elements/Link/stories/Link.stories.d.ts

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
-
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     title: string;
-    component: import('react').FC<{
+    component: import("react").FC<{
         as?: any;
         children?: React.ReactNode;
         to?: string | {

package/ui/Elements/Logo/Logo.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { LogoProps } from './types';
-
+import React from 'react';
+import type { LogoProps } from './types';
 declare const Logo: React.FC<LogoProps>;
 export default Logo;

package/ui/Elements/Logo/Logo.js

@@ -0,0 +1,166 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  width: ",
+        ";\n  height: ",
+        ";\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx } from "react/jsx-runtime";
+import logoBlackImage from "./assets/mailship/logo_black.png";
+import logoMImage from "./assets/mailship/logo_m.png";
+import logoWhiteImage from "./assets/mailship/logo_white.png";
+import logoSvg from "./assets/mailship/mailship-logo.svg";
+import logoMailstepBlack from "./assets/mailstep/mailstep_black.svg";
+import logoMailstepWhite from "./assets/mailstep/mailstep_white.svg";
+import logoMailstock from "./assets/mailstock/mailstock.svg";
+import logoMailwise from "./assets/mailwise/mailwiseLogo.svg";
+import logoMailwiseSmall from "./assets/mailwise/mailwiseLogoSmall.svg";
+import logoMailwrap from "./assets/mailwrap/mailwrapLogo.svg";
+import logoMailwrapSmall from "./assets/mailwrap/mailwrapLogoSmall.svg";
+import warehouseManager2 from "./assets/warehouse/manager2.svg";
+import warehouseManager3 from "./assets/warehouse/manager3.svg";
+import warehouseManager from "./assets/warehouse/manager.svg";
+import styled from "@xstyled/styled-components";
+var defaultSizes = {
+    small: "30px",
+    // cca 100px width on full logo
+    medium: "46px",
+    // cca 150px width on full logo
+    big: "61px"
+};
+var variantMap = {
+    mailship: {
+        white: logoWhiteImage,
+        black: logoBlackImage,
+        m: logoMImage,
+        s: logoSvg
+    },
+    mailwise: {
+        black: logoMailwise,
+        s: logoMailwiseSmall
+    },
+    mailstock: {
+        black: logoMailstock
+    },
+    mailstep: {
+        black: logoMailstepBlack,
+        white: logoMailstepWhite
+    },
+    mailwrap: {
+        black: logoMailwrap,
+        s: logoMailwrapSmall
+    },
+    warehouse: {
+        black: warehouseManager,
+        m: warehouseManager2,
+        s: warehouseManager3
+    }
+};
+var StyledImage = styled.img(_templateObject(), function(param) {
+    var width = param.width;
+    return width || "auto";
+}, function(param) {
+    var height = param.height, width = param.width, size = param.size;
+    return height || (width ? "auto" : size ? defaultSizes[size] : defaultSizes.medium);
+});
+var Logo = function Logo(_0) {
+    var _0_brand = _0.brand, brand = _0_brand === void 0 ? "mailship" : _0_brand, variant = _0.variant, size = _0.size, width = _0.width, height = _0.height, rest = _object_without_properties(_0, [
+        "brand",
+        "variant",
+        "size",
+        "width",
+        "height"
+    ]);
+    var variants = variantMap[brand];
+    var logo = variants === null || variants === void 0 ? void 0 : variants[variant];
+    if (!logo) {
+        console.warn("No variant for this logo exists.");
+        return null;
+    }
+    return /* @__PURE__ */ jsx(StyledImage, _object_spread({
+        src: logo,
+        size: size,
+        width: width,
+        height: height
+    }, rest));
+};
+var Logo_default = Logo;
+export { Logo_default as default };

package/ui/Elements/Logo/assets/mailship/mailship-logo.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="239.398" height="68.428" viewBox="0 0 239.398 68.428">
-  <g id="Group_7689" data-name="Group 7689" transform="translate(-9808.002 19883.955)">
-    <path id="Path_3997" data-name="Path 3997" d="M264.019,322.535V303.762c0-1.3-.145-3.624-1.957-3.624-2.611,0-2.9,3.407-2.9,5.293v17.1H246.62V303.907c0-1.522-.073-3.481-2.028-3.481-2.9,0-2.828,3.191-2.828,5.293v16.817h-12.54V288.683h12.54v1.741c0,1.3-.073,2.609-.145,3.914,1.957-3.7,4.133-6.38,8.625-6.38,4.787,0,7.251,2.973,8.989,7.032,1.45-4.131,3.7-7.032,8.409-7.032a8.921,8.921,0,0,1,5.945,2.247c2.682,2.466,2.972,5.728,2.972,9.134v23.2Z" transform="translate(9578.778 -20153.648)" fill="#e4001b"/>
-    <path id="Path_3998" data-name="Path 3998" d="M279.461,322.535c.145-1.883.29-3.843.435-5.726-1.812,3.624-4.349,6.452-8.7,6.452-8.554,0-10.294-11.31-10.294-17.831,0-6.742,1.959-17.472,10.583-17.472,4.06,0,6.525,2.683,8.119,6.09-.145-1.812-.145-3.551-.362-5.365h12.83v33.852Zm-2.754-24.211c-3.262,0-3.191,6.235-3.191,8.48,0,1.886.145,6.091,2.827,6.091,3.336,0,2.973-6.525,2.973-8.773C279.316,302.312,279.243,298.324,276.707,298.324Z" transform="translate(9599.282 -20153.648)" fill="#121415"/>
-    <path id="Path_3999" data-name="Path 3999" d="M290.049,292.215a7.409,7.409,0,0,1-7.322-7.393,7.322,7.322,0,1,1,7.322,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9613.406 -20160.371)" fill="#121415"/>
-    <path id="Path_4000" data-name="Path 4000" d="M294.475,329.712V276.869h12.54v52.843Z" transform="translate(9621.012 -20160.824)" fill="#121415"/>
-    <path id="Path_4001" data-name="Path 4001" d="M325.662,299.92c-1.3-1.3-3.187-2.973-5.146-2.973a1.748,1.748,0,0,0-1.957,1.6c0,4.059,11.961,2.609,11.961,12.83,0,7.683-6.523,11.888-13.628,11.888-4.711,0-7.974-1.377-12.033-3.553l4.566-9.351c1.522,1.595,3.988,3.552,6.307,3.552,1.087,0,2.464-.507,2.464-1.812,0-3.479-12.18-2.537-12.18-12.54,0-7.538,7.1-11.6,13.919-11.6a22.292,22.292,0,0,1,10.076,2.756Z" transform="translate(9627.732 -20153.648)" fill="#121415"/>
-    <path id="Path_4002" data-name="Path 4002" d="M340.167,329.712v-17.9c0-1.45.073-4.133-1.958-4.133-2.464,0-2.68,3.191-2.68,5v17.034H322.986V276.869h12.542v18.92c0,2.174-.145,4.349-.29,6.523,1.665-3.914,4.349-7.177,8.915-7.177,6.525,0,8.625,5.945,8.625,11.526v23.051Z" transform="translate(9639.464 -20160.824)" fill="#121415"/>
-    <path id="Path_4003" data-name="Path 4003" d="M351.3,292.215a7.409,7.409,0,0,1-7.32-7.393,7.321,7.321,0,1,1,7.32,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9653.049 -20160.371)" fill="#121415"/>
-    <path id="Path_4004" data-name="Path 4004" d="M367.972,293.468c1.74-3.263,3.843-5.51,7.757-5.51,8.625,0,11.018,10.875,11.018,17.688,0,6.74-2.031,17.616-10.728,17.616-3.914,0-6.088-2.25-8.047-5.293.145,1.884.292,3.7.292,5.581v14.571H355.723V288.683h12.541Zm2.827,4.856c-2.682,0-2.9,5.22-2.9,7.106,0,1.81.218,7.246,2.828,7.246,2.827,0,3.044-5.582,3.044-7.538C373.772,303.254,373.482,298.324,370.8,298.324Z" transform="translate(9660.653 -20153.648)" fill="#121415"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="239.398" height="68.428" viewBox="0 0 239.398 68.428">
+  <g id="Group_7689" data-name="Group 7689" transform="translate(-9808.002 19883.955)">
+    <path id="Path_3997" data-name="Path 3997" d="M264.019,322.535V303.762c0-1.3-.145-3.624-1.957-3.624-2.611,0-2.9,3.407-2.9,5.293v17.1H246.62V303.907c0-1.522-.073-3.481-2.028-3.481-2.9,0-2.828,3.191-2.828,5.293v16.817h-12.54V288.683h12.54v1.741c0,1.3-.073,2.609-.145,3.914,1.957-3.7,4.133-6.38,8.625-6.38,4.787,0,7.251,2.973,8.989,7.032,1.45-4.131,3.7-7.032,8.409-7.032a8.921,8.921,0,0,1,5.945,2.247c2.682,2.466,2.972,5.728,2.972,9.134v23.2Z" transform="translate(9578.778 -20153.648)" fill="#e4001b"/>
+    <path id="Path_3998" data-name="Path 3998" d="M279.461,322.535c.145-1.883.29-3.843.435-5.726-1.812,3.624-4.349,6.452-8.7,6.452-8.554,0-10.294-11.31-10.294-17.831,0-6.742,1.959-17.472,10.583-17.472,4.06,0,6.525,2.683,8.119,6.09-.145-1.812-.145-3.551-.362-5.365h12.83v33.852Zm-2.754-24.211c-3.262,0-3.191,6.235-3.191,8.48,0,1.886.145,6.091,2.827,6.091,3.336,0,2.973-6.525,2.973-8.773C279.316,302.312,279.243,298.324,276.707,298.324Z" transform="translate(9599.282 -20153.648)" fill="#121415"/>
+    <path id="Path_3999" data-name="Path 3999" d="M290.049,292.215a7.409,7.409,0,0,1-7.322-7.393,7.322,7.322,0,1,1,7.322,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9613.406 -20160.371)" fill="#121415"/>
+    <path id="Path_4000" data-name="Path 4000" d="M294.475,329.712V276.869h12.54v52.843Z" transform="translate(9621.012 -20160.824)" fill="#121415"/>
+    <path id="Path_4001" data-name="Path 4001" d="M325.662,299.92c-1.3-1.3-3.187-2.973-5.146-2.973a1.748,1.748,0,0,0-1.957,1.6c0,4.059,11.961,2.609,11.961,12.83,0,7.683-6.523,11.888-13.628,11.888-4.711,0-7.974-1.377-12.033-3.553l4.566-9.351c1.522,1.595,3.988,3.552,6.307,3.552,1.087,0,2.464-.507,2.464-1.812,0-3.479-12.18-2.537-12.18-12.54,0-7.538,7.1-11.6,13.919-11.6a22.292,22.292,0,0,1,10.076,2.756Z" transform="translate(9627.732 -20153.648)" fill="#121415"/>
+    <path id="Path_4002" data-name="Path 4002" d="M340.167,329.712v-17.9c0-1.45.073-4.133-1.958-4.133-2.464,0-2.68,3.191-2.68,5v17.034H322.986V276.869h12.542v18.92c0,2.174-.145,4.349-.29,6.523,1.665-3.914,4.349-7.177,8.915-7.177,6.525,0,8.625,5.945,8.625,11.526v23.051Z" transform="translate(9639.464 -20160.824)" fill="#121415"/>
+    <path id="Path_4003" data-name="Path 4003" d="M351.3,292.215a7.409,7.409,0,0,1-7.32-7.393,7.321,7.321,0,1,1,7.32,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9653.049 -20160.371)" fill="#121415"/>
+    <path id="Path_4004" data-name="Path 4004" d="M367.972,293.468c1.74-3.263,3.843-5.51,7.757-5.51,8.625,0,11.018,10.875,11.018,17.688,0,6.74-2.031,17.616-10.728,17.616-3.914,0-6.088-2.25-8.047-5.293.145,1.884.292,3.7.292,5.581v14.571H355.723V288.683h12.541Zm2.827,4.856c-2.682,0-2.9,5.22-2.9,7.106,0,1.81.218,7.246,2.828,7.246,2.827,0,3.044-5.582,3.044-7.538C373.772,303.254,373.482,298.324,370.8,298.324Z" transform="translate(9660.653 -20153.648)" fill="#121415"/>
+  </g>
+</svg>

package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg

@@ -1,18 +1,18 @@
-<svg width="138px" height="39px" viewBox="0 0 138 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="Header-logo">
-	<title>Group 9</title>
-	<defs>
-		<polygon id="path-1" points="6.359447e-05 0 137.821904 0 137.821904 38.9675115 6.359447e-05 38.9675115"></polygon>
-	</defs>
-	<g id="HP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-		<g id="HP-1.2-(tmavá)" transform="translate(-260.000000, -29.000000)">
-			<g id="Group-9" transform="translate(260.000000, 29.000000)">
-				<g id="Clip-2"></g>
-				<path  fill="black" d="M48.9009677,30.6111982 L55.5624885,30.6111982 L55.5624885,10.4867281 L48.9009677,10.4867281 L48.9009677,30.6111982 Z M52.198341,0 C49.7499539,0 48.5575576,1.97142857 48.5575576,3.98419355 C48.5575576,5.9524424 49.7499539,7.9683871 52.198341,7.9683871 C54.6721659,7.9683871 55.8836406,5.9524424 55.8836406,3.98419355 C55.8836406,1.97142857 54.6721659,0 52.198341,0 L52.198341,0 Z M58.5164516,30.6111982 L65.1557143,30.6111982 L65.1557143,0.206682028 L58.5164516,0.206682028 L58.5164516,30.6111982 Z M75.8491244,17.882765 C74.4977419,17.583871 74.0176037,17.3104147 74.0176037,16.6903687 C74.0176037,16.2102304 74.313318,15.8223041 75.6201843,15.8223041 C76.739447,15.8223041 78.1130876,16.3247005 79.143318,16.7380645 L80.4501843,11.6091705 C79.143318,10.9000922 77.8618894,10.2800461 74.2465438,10.2800461 C69.9411982,10.2800461 67.8807373,13.6473733 67.8807373,16.9415668 C67.8807373,20.0576959 69.184424,22.1849309 72.1383871,23.0084793 C73.6042396,23.4218433 74.1066359,23.9496774 74.1066359,24.5665438 C74.1066359,25.1834101 73.6042396,25.5268203 72.7584332,25.5268203 C71.4515668,25.5268203 70.0334101,25.024424 68.7742396,24.2676498 L67.1239631,28.5284793 C68.6375115,29.8321659 70.4435945,31.1135945 73.4198157,31.1135945 C78.6631797,31.1135945 81.2514747,27.9306912 81.2514747,24.2453917 C81.2514747,21.4058986 79.46447,18.6141014 75.8491244,17.882765 L75.8491244,17.882765 Z M91.1404147,10.4867281 L91.1404147,4.69327189 L84.478894,4.69327189 L84.478894,10.4867281 L82.8317972,10.4867281 L82.8317972,16.7825806 L84.478894,16.7825806 L84.478894,30.6111982 L91.1404147,30.6111982 L91.1404147,16.7825806 L93.4775115,16.7825806 L93.4775115,10.4867281 L91.1404147,10.4867281 Z" id="Fill-1" class="Header-logoLetter"></path>
-				<path  fill="black" d="M122.069553,24.3598935 L122.047295,24.3598935 C120.629139,24.3598935 119.894623,22.5506309 119.894623,20.7445479 C119.894623,18.9575433 120.629139,17.1482806 122.047295,17.1482806 L122.069553,17.1482806 C123.49089,17.1482806 124.222226,18.9575433 124.222226,20.7445479 C124.222226,22.5506309 123.49089,24.3598935 122.069553,24.3598935 M124.085498,10.1878659 C123.239692,10.1878659 122.597388,10.3722899 122.047295,10.6711839 C121.109277,11.1735802 120.536927,12.0448244 120.056788,12.9128889 L120.056788,10.4867599 L113.417526,10.4867599 L113.417526,38.9675433 L120.056788,38.9675433 L120.056788,28.7097553 C120.444715,29.4188336 120.924853,30.2900779 122.047295,30.7479581 C122.575129,30.9768982 123.214254,31.1136263 124.085498,31.1136263 C128.365406,31.1136263 130.518079,25.8957 130.518079,20.674594 C130.518079,15.4089719 128.365406,10.1878659 124.085498,10.1878659" id="Fill-5" class="Header-logoLetter"></path>
-				<path  fill="black" d="M101.465009,17.882765 C101.465009,17.3899078 101.579479,16.7698618 101.865654,16.2770046 C102.151829,15.7809677 102.609709,15.4089401 103.296529,15.4089401 C104.647912,15.4311982 105.12805,16.8048387 105.12805,17.882765 L101.465009,17.882765 Z M111.357129,21.7270507 L111.357129,20.8589862 C111.357129,15.4089401 108.953258,10.3277419 103.296529,10.1878341 L103.067589,10.1878341 C97.620723,10.1878341 94.8957,15.5011521 94.8957,20.7445161 C94.8957,26.0101382 97.620723,31.2757604 103.023073,31.2757604 L103.296529,31.2757604 C108.196483,31.1612903 110.256944,28.0928571 111.2204,24.932212 C111.287175,24.6110599 111.334871,24.2676498 111.334871,23.9242396 L105.12805,23.9242396 C104.991322,24.8654378 104.695608,25.9401843 103.344225,25.9401843 C103.321967,25.9401843 103.321967,25.9179263 103.296529,25.9179263 C102.037359,25.8956682 101.375976,24.7032719 101.375976,21.7270507 L111.357129,21.7270507 Z" id="Fill-6" class="Header-logoLetter"></path>
-				<path  fill="black" d="M36.8371286,24.1086954 L36.8148705,24.1086954 C35.256806,24.1086954 34.5922438,22.2326585 34.5922438,20.3089258 C34.5922438,18.362935 35.3013221,16.4837184 36.8148705,16.4837184 L36.8371286,16.4837184 C38.3029811,16.4837184 39.0565756,18.3851931 39.0565756,20.3089258 C39.0565756,22.2326585 38.3029811,24.1086954 36.8371286,24.1086954 L36.8371286,24.1086954 Z M39.1933037,10.4867599 L39.1933037,12.6616908 C38.7131654,11.6537184 38.0263452,10.8746862 36.8371286,10.509018 C36.3569903,10.3500318 35.8068982,10.2800779 35.164594,10.2800779 C30.7002622,10.2800779 28.5030733,15.453488 28.5030733,20.674594 C28.5030733,25.8480041 30.7002622,31.0214143 35.164594,31.0214143 C35.8291562,31.0214143 36.3569903,30.932382 36.8371286,30.7479581 C38.1885111,30.2678198 38.8276355,29.1676355 39.1933037,28.321829 L39.1933037,30.61123 L45.7435341,30.61123 L45.7435341,10.4867599 L39.1933037,10.4867599 Z" id="Fill-7" class="Header-logoLetter"></path>
-				<path  d="M9.86738157,30.6104986 L16.5295382,30.6104986 L16.5295382,19.049024 C16.5295382,17.9272175 16.7584783,16.3246369 18.2236949,16.3246369 C19.6660175,16.3246369 19.8033816,18.0187935 19.8033816,19.049024 L19.8033816,30.6104986 L26.4655382,30.6104986 L26.4655382,16.668047 C26.4655382,13.3713097 24.6798055,10.1661484 21.0167641,10.1661484 C17.9718608,10.1661484 16.9874184,11.3337429 16.0945521,12.3868673 C15.3848378,11.2650608 14.3546074,10.1661484 11.5615382,10.1661484 C9.06609124,10.1661484 7.4635106,11.4940009 6.59353825,12.5929134 L6.59353825,10.4637705 L6.359447e-05,10.4637705 L6.359447e-05,30.6104986 L6.57064424,30.6104986 L6.57064424,19.049024 C6.57064424,17.8585355 6.82247834,16.3246369 8.2190129,16.3246369 C9.68422949,16.3246369 9.86738157,17.8585355 9.86738157,19.049024 L9.86738157,30.6104986 Z" id="Fill-8" fill="#E20714"></path>
-			</g>
-		</g>
-	</g>
+<svg width="138px" height="39px" viewBox="0 0 138 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="Header-logo">
+	<title>Group 9</title>
+	<defs>
+		<polygon id="path-1" points="6.359447e-05 0 137.821904 0 137.821904 38.9675115 6.359447e-05 38.9675115"></polygon>
+	</defs>
+	<g id="HP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+		<g id="HP-1.2-(tmavá)" transform="translate(-260.000000, -29.000000)">
+			<g id="Group-9" transform="translate(260.000000, 29.000000)">
+				<g id="Clip-2"></g>
+				<path  fill="black" d="M48.9009677,30.6111982 L55.5624885,30.6111982 L55.5624885,10.4867281 L48.9009677,10.4867281 L48.9009677,30.6111982 Z M52.198341,0 C49.7499539,0 48.5575576,1.97142857 48.5575576,3.98419355 C48.5575576,5.9524424 49.7499539,7.9683871 52.198341,7.9683871 C54.6721659,7.9683871 55.8836406,5.9524424 55.8836406,3.98419355 C55.8836406,1.97142857 54.6721659,0 52.198341,0 L52.198341,0 Z M58.5164516,30.6111982 L65.1557143,30.6111982 L65.1557143,0.206682028 L58.5164516,0.206682028 L58.5164516,30.6111982 Z M75.8491244,17.882765 C74.4977419,17.583871 74.0176037,17.3104147 74.0176037,16.6903687 C74.0176037,16.2102304 74.313318,15.8223041 75.6201843,15.8223041 C76.739447,15.8223041 78.1130876,16.3247005 79.143318,16.7380645 L80.4501843,11.6091705 C79.143318,10.9000922 77.8618894,10.2800461 74.2465438,10.2800461 C69.9411982,10.2800461 67.8807373,13.6473733 67.8807373,16.9415668 C67.8807373,20.0576959 69.184424,22.1849309 72.1383871,23.0084793 C73.6042396,23.4218433 74.1066359,23.9496774 74.1066359,24.5665438 C74.1066359,25.1834101 73.6042396,25.5268203 72.7584332,25.5268203 C71.4515668,25.5268203 70.0334101,25.024424 68.7742396,24.2676498 L67.1239631,28.5284793 C68.6375115,29.8321659 70.4435945,31.1135945 73.4198157,31.1135945 C78.6631797,31.1135945 81.2514747,27.9306912 81.2514747,24.2453917 C81.2514747,21.4058986 79.46447,18.6141014 75.8491244,17.882765 L75.8491244,17.882765 Z M91.1404147,10.4867281 L91.1404147,4.69327189 L84.478894,4.69327189 L84.478894,10.4867281 L82.8317972,10.4867281 L82.8317972,16.7825806 L84.478894,16.7825806 L84.478894,30.6111982 L91.1404147,30.6111982 L91.1404147,16.7825806 L93.4775115,16.7825806 L93.4775115,10.4867281 L91.1404147,10.4867281 Z" id="Fill-1" class="Header-logoLetter"></path>
+				<path  fill="black" d="M122.069553,24.3598935 L122.047295,24.3598935 C120.629139,24.3598935 119.894623,22.5506309 119.894623,20.7445479 C119.894623,18.9575433 120.629139,17.1482806 122.047295,17.1482806 L122.069553,17.1482806 C123.49089,17.1482806 124.222226,18.9575433 124.222226,20.7445479 C124.222226,22.5506309 123.49089,24.3598935 122.069553,24.3598935 M124.085498,10.1878659 C123.239692,10.1878659 122.597388,10.3722899 122.047295,10.6711839 C121.109277,11.1735802 120.536927,12.0448244 120.056788,12.9128889 L120.056788,10.4867599 L113.417526,10.4867599 L113.417526,38.9675433 L120.056788,38.9675433 L120.056788,28.7097553 C120.444715,29.4188336 120.924853,30.2900779 122.047295,30.7479581 C122.575129,30.9768982 123.214254,31.1136263 124.085498,31.1136263 C128.365406,31.1136263 130.518079,25.8957 130.518079,20.674594 C130.518079,15.4089719 128.365406,10.1878659 124.085498,10.1878659" id="Fill-5" class="Header-logoLetter"></path>
+				<path  fill="black" d="M101.465009,17.882765 C101.465009,17.3899078 101.579479,16.7698618 101.865654,16.2770046 C102.151829,15.7809677 102.609709,15.4089401 103.296529,15.4089401 C104.647912,15.4311982 105.12805,16.8048387 105.12805,17.882765 L101.465009,17.882765 Z M111.357129,21.7270507 L111.357129,20.8589862 C111.357129,15.4089401 108.953258,10.3277419 103.296529,10.1878341 L103.067589,10.1878341 C97.620723,10.1878341 94.8957,15.5011521 94.8957,20.7445161 C94.8957,26.0101382 97.620723,31.2757604 103.023073,31.2757604 L103.296529,31.2757604 C108.196483,31.1612903 110.256944,28.0928571 111.2204,24.932212 C111.287175,24.6110599 111.334871,24.2676498 111.334871,23.9242396 L105.12805,23.9242396 C104.991322,24.8654378 104.695608,25.9401843 103.344225,25.9401843 C103.321967,25.9401843 103.321967,25.9179263 103.296529,25.9179263 C102.037359,25.8956682 101.375976,24.7032719 101.375976,21.7270507 L111.357129,21.7270507 Z" id="Fill-6" class="Header-logoLetter"></path>
+				<path  fill="black" d="M36.8371286,24.1086954 L36.8148705,24.1086954 C35.256806,24.1086954 34.5922438,22.2326585 34.5922438,20.3089258 C34.5922438,18.362935 35.3013221,16.4837184 36.8148705,16.4837184 L36.8371286,16.4837184 C38.3029811,16.4837184 39.0565756,18.3851931 39.0565756,20.3089258 C39.0565756,22.2326585 38.3029811,24.1086954 36.8371286,24.1086954 L36.8371286,24.1086954 Z M39.1933037,10.4867599 L39.1933037,12.6616908 C38.7131654,11.6537184 38.0263452,10.8746862 36.8371286,10.509018 C36.3569903,10.3500318 35.8068982,10.2800779 35.164594,10.2800779 C30.7002622,10.2800779 28.5030733,15.453488 28.5030733,20.674594 C28.5030733,25.8480041 30.7002622,31.0214143 35.164594,31.0214143 C35.8291562,31.0214143 36.3569903,30.932382 36.8371286,30.7479581 C38.1885111,30.2678198 38.8276355,29.1676355 39.1933037,28.321829 L39.1933037,30.61123 L45.7435341,30.61123 L45.7435341,10.4867599 L39.1933037,10.4867599 Z" id="Fill-7" class="Header-logoLetter"></path>
+				<path  d="M9.86738157,30.6104986 L16.5295382,30.6104986 L16.5295382,19.049024 C16.5295382,17.9272175 16.7584783,16.3246369 18.2236949,16.3246369 C19.6660175,16.3246369 19.8033816,18.0187935 19.8033816,19.049024 L19.8033816,30.6104986 L26.4655382,30.6104986 L26.4655382,16.668047 C26.4655382,13.3713097 24.6798055,10.1661484 21.0167641,10.1661484 C17.9718608,10.1661484 16.9874184,11.3337429 16.0945521,12.3868673 C15.3848378,11.2650608 14.3546074,10.1661484 11.5615382,10.1661484 C9.06609124,10.1661484 7.4635106,11.4940009 6.59353825,12.5929134 L6.59353825,10.4637705 L6.359447e-05,10.4637705 L6.359447e-05,30.6104986 L6.57064424,30.6104986 L6.57064424,19.049024 C6.57064424,17.8585355 6.82247834,16.3246369 8.2190129,16.3246369 C9.68422949,16.3246369 9.86738157,17.8585355 9.86738157,19.049024 L9.86738157,30.6104986 Z" id="Fill-8" fill="#E20714"></path>
+			</g>
+		</g>
+	</g>
 </svg>