@mailstep/design-system 0.8.26-beta.6 → 0.8.26

package/ui/Elements/Image/Image.js

@@ -1,157 +0,0 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-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 _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-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 _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 _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { jsx } from "react/jsx-runtime";
-import { Img } from "react-image";
-var formatScrSet = function formatScrSet(srcSet, imageProps) {
-    return Object.entries(srcSet).map(function(param) {
-        var _param = _sliced_to_array(param, 2), width = _param[0], src = _param[1];
-        return "".concat(src, " ").concat(width);
-    }).join(", ");
-};
-var Image = function Image(props) {
-    var src = props.src, loader = props.loader, unloader = props.unloader, decode = props.decode, rest = _object_without_properties(props, [
-        "src",
-        "loader",
-        "unloader",
-        "decode"
-    ]);
-    var srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : void 0;
-    return /* @__PURE__ */ jsx(Img, _object_spread_props(_object_spread({}, rest), {
-        srcSet: srcSetString,
-        src: src
-    }));
-};
-var Image_default = Image;
-export { Image_default as default };

package/ui/Elements/Image/index.js

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

package/ui/Elements/Label/Label.js

@@ -1,62 +0,0 @@
-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.js

@@ -1,4 +0,0 @@
-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/Line/Line.js

@@ -1,47 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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.js

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

package/ui/Elements/Link/Link.js

@@ -1,128 +0,0 @@
-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.js

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

package/ui/Elements/Logo/Logo.js

@@ -1,166 +0,0 @@
-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/index.d.js

@@ -1,2 +0,0 @@
-var index_d_default = Logo;
-export { index_d_default as default };

package/ui/Elements/Logo/index.js

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