@mailstep/design-system 0.8.25 → 0.8.26-beta.1

package/ui/Elements/DropdownSelect/DropdownSelect.js

@@ -1,51 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useRef } from 'react';
-import Popover from '../../Blocks/Popover';
-import Button from '../Button/index';
-import DropdownMenu from '../DropdownMenu';
-import Icon from '../Icon/Icon';
-import styled from '@xstyled/styled-components';
-var ArrowIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-shrink: 0;\n  margin-left: 2;\n"], ["\n  flex-shrink: 0;\n  margin-left: 2;\n"])));
-var CustomIconWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 1;\n"], ["\n  margin-right: 1;\n"])));
-var StyledDropdownMenu = styled(DropdownMenu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 8px;\n  min-width: ", ";\n  width: max-content;\n"], ["\n  position: absolute;\n  top: 8px;\n  min-width: ", ";\n  width: max-content;\n"])), function (_a) {
-    var $fixedWidth = _a.$fixedWidth;
-    return ($fixedWidth ? '160px' : 'max-content');
-});
-var ContentWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var ChevronWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-left: ", ";\n"], ["\n  border-left: ", ";\n"])), function (_a) {
-    var $hasBorder = _a.$hasBorder;
-    return ($hasBorder ? '1px solid white' : 'none');
-});
-export var CustomSelectButton = styled.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: none;\n  min-width: 160px;\n  height: 38px;\n  padding: 0;\n  background-color: red1;\n  color: white;\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  border: none;\n  border-radius: lg;\n  outline: none;\n  cursor: pointer;\n  :disabled {\n    border: slim;\n    background-color: bgLightGray;\n    border-color: lightGray5;\n    color: gray3;\n    opacity: 0.6;\n    cursor: auto;\n  }\n\n  @media (min-width: 1024px) {\n    display: block;\n\n    :focus {\n      outline: none;\n    }\n  }\n\n  ", " {\n    justify-content: space-between;\n    padding-left: 14px;\n  }\n\n  ", " {\n    margin-left: 20px;\n    padding: 12px 14px;\n  }\n"], ["\n  display: none;\n  min-width: 160px;\n  height: 38px;\n  padding: 0;\n  background-color: red1;\n  color: white;\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  border: none;\n  border-radius: lg;\n  outline: none;\n  cursor: pointer;\n  :disabled {\n    border: slim;\n    background-color: bgLightGray;\n    border-color: lightGray5;\n    color: gray3;\n    opacity: 0.6;\n    cursor: auto;\n  }\n\n  @media (min-width: 1024px) {\n    display: block;\n\n    :focus {\n      outline: none;\n    }\n  }\n\n  ", " {\n    justify-content: space-between;\n    padding-left: 14px;\n  }\n\n  ", " {\n    margin-left: 20px;\n    padding: 12px 14px;\n  }\n"])), ContentWrapper, ChevronWrapper);
-var DropdownSelect = function (_a) {
-    var label = _a.label, appearance = _a.appearance, variant = _a.variant, options = _a.options, showChevron = _a.showChevron, onSelect = _a.onSelect, disabled = _a.disabled, icon = _a.icon, ButtonComponent = _a.ButtonComponent;
-    var _b = React.useState(false), showDropdownMenu = _b[0], setShowDropdownMenu = _b[1];
-    var onClose = useCallback(function () {
-        setShowDropdownMenu(false);
-    }, []);
-    var toggleDropdownMenu = React.useCallback(function () {
-        setShowDropdownMenu(function (prev) { return !prev; });
-    }, []);
-    var handleSelectItem = React.useCallback(function (item) {
-        setShowDropdownMenu(false);
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value);
-    }, [onSelect]);
-    var ref = useRef(null);
-    var items = options.map(function (item) { return ({
-        title: item.label,
-        onClick: function () {
-            handleSelectItem(item);
-        },
-        link: '#',
-        name: item.name
-    }); });
-    var ComponentOfButton = ButtonComponent || Button;
-    var isCustomBtn = !!ButtonComponent;
-    return (_jsxs("div", { ref: ref, children: [_jsx(ComponentOfButton, { type: "button", appearance: appearance || 'secondary', variant: variant || 'default', onClick: toggleDropdownMenu, disabled: disabled, "data-cy": "createProductDropdownMenuBtn", children: _jsxs(ContentWrapper, { children: [icon && _jsx(CustomIconWrap, { children: icon }), _jsx("span", { children: label }), showChevron && (_jsx(ChevronWrapper, { "$hasBorder": isCustomBtn, children: _jsx(ArrowIcon, { icon: "chevronDown", size: isCustomBtn ? '100%' : '80%', fixedWidth: isCustomBtn }) }))] }) }), showDropdownMenu && (_jsx(Popover, { parentRef: ref, onClose: onClose, placement: "bottom-start", children: _jsx(StyledDropdownMenu, { showMenu: true, items: items, "$fixedWidth": isCustomBtn }) }))] }));
-};
-export default DropdownSelect;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/ui/Elements/DropdownSelect/index.js

@@ -1,3 +0,0 @@
-import DropdownSelect from './DropdownSelect';
-export { CustomSelectButton } from './DropdownSelect';
-export default DropdownSelect;

package/ui/Elements/ErrorMessage/ErrorMessage.js

@@ -1,15 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css, th } from '@xstyled/styled-components';
-var tooltip = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
-var ErrorWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n"], ["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n"])));
-var StyledWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  .inline {\n    margin-top: 1;\n  }\n  .tooltip {\n    ", "\n  }\n"], ["\n  .inline {\n    margin-top: 1;\n  }\n  .tooltip {\n    ", "\n  }\n"])), tooltip);
-var ErrorMessage = function (_a) {
-    var children = _a.children, appearance = _a.appearance;
-    return (_jsx(StyledWrapper, { children: _jsx(ErrorWrap, { className: appearance, children: _jsx("span", { "data-testid": "error-message", children: children }) }) }));
-};
-export default ErrorMessage;
-var templateObject_1, templateObject_2, templateObject_3;

package/ui/Elements/ErrorMessage/index.js

@@ -1,3 +0,0 @@
-import ErrorMessage from './ErrorMessage';
-export { ErrorMessage };
-export default ErrorMessage;

package/ui/Elements/ErrorMessage/stories/ErrorMessage.stories.js

@@ -1,19 +0,0 @@
-import ErrorMessage from '../ErrorMessage';
-var meta = {
-    title: 'Elements/ErrorMessage',
-    component: ErrorMessage,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        children: 'This is an error message',
-    },
-};
-export var Tooltip = {
-    args: {
-        children: 'This is a tooltip error message',
-        appearance: "tooltip"
-    },
-};

package/ui/Elements/ErrorMessage/types.js

@@ -1 +0,0 @@
-export {};

package/ui/Elements/HighlightBox/HighlightBox.js

@@ -1,65 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { useTheme } from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
-var StyledHighlightBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: ml;\n  font-size: 12px;\n  text-align: center;\n  line-height: 19.2px;\n  min-width: 0;\n  font-weight: semiBold;\n  .default {\n    height: 24px;\n    padding: 2px 8px !important;\n  }\n  .small {\n    height: 18px;\n    padding: 1px 6px;\n  }\n  .wide {\n    height: 2.75em;\n    display: flex;\n    flex-flow: row wrap;\n    width: 11rem;\n    align-content: center;\n    line-height: 14px;\n    padding: 0.5px 12px;\n  }\n  .fitContent {\n    width: fit-content;\n    height: auto;\n    padding: 4px 5px;\n    font-size: 13px;\n    line-height: 15px;\n    font-weight: 400;\n  }\n  background-color: ", ";\n  color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: ml;\n  font-size: 12px;\n  text-align: center;\n  line-height: 19.2px;\n  min-width: 0;\n  font-weight: semiBold;\n  .default {\n    height: 24px;\n    padding: 2px 8px !important;\n  }\n  .small {\n    height: 18px;\n    padding: 1px 6px;\n  }\n  .wide {\n    height: 2.75em;\n    display: flex;\n    flex-flow: row wrap;\n    width: 11rem;\n    align-content: center;\n    line-height: 14px;\n    padding: 0.5px 12px;\n  }\n  .fitContent {\n    width: fit-content;\n    height: auto;\n    padding: 4px 5px;\n    font-size: 13px;\n    line-height: 15px;\n    font-weight: 400;\n  }\n  background-color: ", ";\n  color: ", ";\n"])), function (_a) {
-    var $bgcolor = _a.$bgcolor;
-    return $bgcolor;
-}, function (_a) {
-    var $fontColor = _a.$fontColor;
-    return $fontColor;
-});
-var OverflowWrap = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-overflow: ellipsis;\n  overflow: hidden;\n"], ["\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
-export var flagAppearanceToColorMap = {
-    neutralBold: 'neutral300',
-    neutralSubtle: 'neutral20',
-    blueBold: 'blue70',
-    blueSubtle: 'blue20',
-    tealBold: 'teal60',
-    tealSubtle: 'teal20',
-    greenBold: 'green60',
-    greenSubtle: 'green20',
-    orangeBold: 'orange60',
-    orangeSubtle: 'orange20',
-    yellowBold: 'yellow60',
-    yellowSubtle: 'yellow20',
-    pinkBold: 'magenta60',
-    pinkSubtle: 'magenta20',
-    purpleBold: 'purple60',
-    purpleSubtle: 'purple20',
-    redBold: 'red60',
-    redSubtle: 'red20'
-};
-export var flagAppearanceToFontColorMap = {
-    neutralBold: 'white',
-    neutralSubtle: 'typoPrimary',
-    blueBold: 'white',
-    blueSubtle: 'blue80',
-    tealBold: 'white',
-    tealSubtle: 'teal90',
-    greenBold: 'white',
-    greenSubtle: 'green80',
-    orangeBold: 'white',
-    orangeSubtle: 'orange80',
-    yellowBold: 'typoPrimary',
-    yellowSubtle: 'typoPrimary',
-    pinkBold: 'white',
-    pinkSubtle: 'magenta80',
-    purpleBold: 'white',
-    purpleSubtle: 'purple80',
-    redBold: 'white',
-    redSubtle: 'red80'
-};
-var HighlightBox = function (_a) {
-    var children = _a.children, appearance = _a.appearance, _b = _a.size, size = _b === void 0 ? 'default' : _b, className = _a.className, prefix = _a.prefix;
-    var theme = useTheme();
-    var bgColor = th.color(appearance ? flagAppearanceToColorMap[appearance] : 'transparent')({ theme: theme });
-    var fontColor = th.color(appearance ? flagAppearanceToFontColorMap[appearance] : 'typoPrimary')({ theme: theme });
-    var name = prefix ? "".concat(prefix, "Label") : 'label';
-    return (_jsx(StyledHighlightBox, { "$bgcolor": bgColor, "$fontColor": fontColor, "data-cy": name, children: _jsx(OverflowWrap, { className: size + ' ' + (className || ''), children: children }) }));
-};
-export default HighlightBox;
-var templateObject_1, templateObject_2;

package/ui/Elements/HighlightBox/index.js

@@ -1,2 +0,0 @@
-import HighlightBox from './HighlightBox';
-export default HighlightBox;

package/ui/Elements/Icon/BadgeIcon.js

@@ -1,48 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import styled from '@xstyled/styled-components';
-import Icon from './Icon';
-var Badge = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-table;\n  vertical-align: middle;\n  position: absolute;\n  top: -10%;\n  right: -10%;\n  font-size: 60%;\n"], ["\n  display: inline-table;\n  vertical-align: middle;\n  position: absolute;\n  top: -10%;\n  right: -10%;\n  font-size: 60%;\n"])));
-var RelativeWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-export var BadgeIcon = function (_a) {
-    var badge = _a.badge, iconProps = __rest(_a, ["badge"]);
-    var badgeProps = useMemo(function () {
-        if (badge == 'warning') {
-            return {
-                icon: 'warningDual',
-                fill: 'black',
-                secondaryColor: 'yellow2'
-            };
-        }
-        return {};
-    }, [badge]);
-    return (_jsxs(RelativeWrap, { children: [_jsx(Badge, __assign({}, badgeProps)), _jsx(Icon, __assign({}, iconProps))] }));
-};
-export default BadgeIcon;
-var templateObject_1, templateObject_2;

package/ui/Elements/Icon/Icon.js

@@ -1,282 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { faFacebookF } from '@fortawesome/free-brands-svg-icons/faFacebookF';
-import { faInstagram } from '@fortawesome/free-brands-svg-icons/faInstagram';
-import { faLinkedinIn } from '@fortawesome/free-brands-svg-icons/faLinkedinIn';
-import { faTwitter } from '@fortawesome/free-brands-svg-icons/faTwitter';
-import { faYoutube } from '@fortawesome/free-brands-svg-icons/faYoutube';
-import { faTriangleExclamation as fadTriangleExclamation } from '@fortawesome/pro-duotone-svg-icons/faTriangleExclamation';
-import { faCoffee as falCoffee } from '@fortawesome/pro-light-svg-icons/faCoffee';
-import { faHandHoldingBox } from '@fortawesome/pro-light-svg-icons/faHandHoldingBox';
-import { faPaperclip } from '@fortawesome/pro-light-svg-icons/faPaperclip';
-import { faStopwatch } from '@fortawesome/pro-light-svg-icons/faStopwatch';
-import { faArrowRightToBracket } from '@fortawesome/pro-regular-svg-icons/faArrowRightToBracket';
-import { faBell } from '@fortawesome/pro-regular-svg-icons/faBell';
-import { faBox as faBoxRegular } from '@fortawesome/pro-regular-svg-icons/faBox';
-import { faCalendar } from '@fortawesome/pro-regular-svg-icons/faCalendar';
-import { faCalendarPlus } from '@fortawesome/pro-regular-svg-icons/faCalendarPlus';
-import { faCartFlatbedBoxes } from '@fortawesome/pro-regular-svg-icons/faCartFlatbedBoxes';
-import { faChevronDown } from '@fortawesome/pro-regular-svg-icons/faChevronDown';
-import { faChevronRight as farChevronRight } from '@fortawesome/pro-regular-svg-icons/faChevronRight';
-import { faChevronUp } from '@fortawesome/pro-regular-svg-icons/faChevronUp';
-import { faCircleArrowDown } from '@fortawesome/pro-regular-svg-icons/faCircleArrowDown';
-import { faCircleArrowRight } from '@fortawesome/pro-regular-svg-icons/faCircleArrowRight';
-import { faCircleQuestion } from '@fortawesome/pro-regular-svg-icons/faCircleQuestion';
-import { faClock } from '@fortawesome/pro-regular-svg-icons/faClock';
-import { faCoffee as farCoffee } from '@fortawesome/pro-regular-svg-icons/faCoffee';
-import { faCommentDots } from '@fortawesome/pro-regular-svg-icons/faCommentDots';
-import { faComments } from '@fortawesome/pro-regular-svg-icons/faComments';
-import { faCopy } from '@fortawesome/pro-regular-svg-icons/faCopy';
-import { faEllipsisVertical } from '@fortawesome/pro-regular-svg-icons/faEllipsisVertical';
-import { faEnvelope as faEnvelopeLight } from '@fortawesome/pro-regular-svg-icons/faEnvelope';
-import { faEyeSlash } from '@fortawesome/pro-regular-svg-icons/faEyeSlash';
-import { faFaceMeh } from '@fortawesome/pro-regular-svg-icons/faFaceMeh';
-import { faFile } from '@fortawesome/pro-regular-svg-icons/faFile';
-import { faFileAlt } from '@fortawesome/pro-regular-svg-icons/faFileAlt';
-import { faFileLines } from '@fortawesome/pro-regular-svg-icons/faFileLines';
-import { faFileSearch } from '@fortawesome/pro-regular-svg-icons/faFileSearch';
-import { faFilter } from '@fortawesome/pro-regular-svg-icons/faFilter';
-import { faGear } from '@fortawesome/pro-regular-svg-icons/faGear';
-import { faHand } from '@fortawesome/pro-regular-svg-icons/faHand';
-import { faLink } from '@fortawesome/pro-regular-svg-icons/faLink';
-import { faLock } from '@fortawesome/pro-regular-svg-icons/faLock';
-import { faPenToSquare } from '@fortawesome/pro-regular-svg-icons/faPenToSquare';
-import { faShareSquare } from '@fortawesome/pro-regular-svg-icons/faShareSquare';
-import { faSquareMinus } from '@fortawesome/pro-regular-svg-icons/faSquareMinus';
-import { faTrashCan } from '@fortawesome/pro-regular-svg-icons/faTrashCan';
-import { faTriangleExclamation as farTriangleExclamation } from '@fortawesome/pro-regular-svg-icons/faTriangleExclamation';
-import { faAngleLeft } from '@fortawesome/pro-solid-svg-icons/faAngleLeft';
-import { faAngleRight } from '@fortawesome/pro-solid-svg-icons/faAngleRight';
-import { faAnglesRight } from '@fortawesome/pro-solid-svg-icons/faAnglesRight';
-import { faArrowDownToBracket } from '@fortawesome/pro-solid-svg-icons/faArrowDownToBracket';
-import { faArrowLeft } from '@fortawesome/pro-solid-svg-icons/faArrowLeft';
-import { faArrowsRotate } from '@fortawesome/pro-solid-svg-icons/faArrowsRotate';
-import { faBadgeCheck } from '@fortawesome/pro-solid-svg-icons/faBadgeCheck';
-import { faBan } from '@fortawesome/pro-solid-svg-icons/faBan';
-import { faBatteryBolt } from '@fortawesome/pro-solid-svg-icons/faBatteryBolt';
-import { faBox } from '@fortawesome/pro-solid-svg-icons/faBox';
-import { faBoxArchive } from '@fortawesome/pro-solid-svg-icons/faBoxArchive';
-import { faBoxCircleCheck } from '@fortawesome/pro-solid-svg-icons/faBoxCircleCheck';
-import { faBoxOpen } from '@fortawesome/pro-solid-svg-icons/faBoxOpen';
-import { faBoxesStacked } from '@fortawesome/pro-solid-svg-icons/faBoxesStacked';
-import { faCamera } from '@fortawesome/pro-solid-svg-icons/faCamera';
-import { faCartArrowDown } from '@fortawesome/pro-solid-svg-icons/faCartArrowDown';
-import { faChartLine } from '@fortawesome/pro-solid-svg-icons/faChartLine';
-import { faCheck } from '@fortawesome/pro-solid-svg-icons/faCheck';
-import { faChevronDown as fasChevronDown } from '@fortawesome/pro-solid-svg-icons/faChevronDown';
-import { faChevronLeft } from '@fortawesome/pro-solid-svg-icons/faChevronLeft';
-import { faChevronRight as fasChevronRight } from '@fortawesome/pro-solid-svg-icons/faChevronRight';
-import { faChevronUp as fasChevronUp } from '@fortawesome/pro-solid-svg-icons/faChevronUp';
-import { faCircleCheck } from '@fortawesome/pro-solid-svg-icons/faCircleCheck';
-import { faCircleInfo } from '@fortawesome/pro-solid-svg-icons/faCircleInfo';
-import { faCircleXmark } from '@fortawesome/pro-solid-svg-icons/faCircleXmark';
-import { faCoffee as fasCoffee } from '@fortawesome/pro-solid-svg-icons/faCoffee';
-import { faComputerMouseScrollwheel } from '@fortawesome/pro-solid-svg-icons/faComputerMouseScrollwheel';
-import { faCrop } from '@fortawesome/pro-solid-svg-icons/faCrop';
-import { faCube } from '@fortawesome/pro-solid-svg-icons/faCube';
-import { faEquals } from '@fortawesome/pro-solid-svg-icons/faEquals';
-import { faExchange } from '@fortawesome/pro-solid-svg-icons/faExchange';
-import { faFlag } from '@fortawesome/pro-solid-svg-icons/faFlag';
-import { faFlaskRoundPotion } from '@fortawesome/pro-solid-svg-icons/faFlaskRoundPotion';
-import { faFluxCapacitor } from '@fortawesome/pro-solid-svg-icons/faFluxCapacitor';
-import { faGlobe } from '@fortawesome/pro-solid-svg-icons/faGlobe';
-import { faGreaterThanEqual } from '@fortawesome/pro-solid-svg-icons/faGreaterThanEqual';
-import { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';
-import { faHouseUser } from '@fortawesome/pro-solid-svg-icons/faHouseUser';
-import { faLaptopCode } from '@fortawesome/pro-solid-svg-icons/faLaptopCode';
-import { faLessThanEqual } from '@fortawesome/pro-solid-svg-icons/faLessThanEqual';
-import { faLocationCrosshairs } from '@fortawesome/pro-solid-svg-icons/faLocationCrosshairs';
-import { faLuggageCart } from '@fortawesome/pro-solid-svg-icons/faLuggageCart';
-import { faMinus } from '@fortawesome/pro-solid-svg-icons/faMinus';
-import { faNotEqual } from '@fortawesome/pro-solid-svg-icons/faNotEqual';
-import { faNoteSticky } from '@fortawesome/pro-solid-svg-icons/faNoteSticky';
-import { faPaperPlane } from '@fortawesome/pro-solid-svg-icons/faPaperPlane';
-import { faPen } from '@fortawesome/pro-solid-svg-icons/faPen';
-import { faPeopleCarry as fasPeopleCarry } from '@fortawesome/pro-solid-svg-icons/faPeopleCarry';
-import { faPlus } from '@fortawesome/pro-solid-svg-icons/faPlus';
-import { faSearch } from '@fortawesome/pro-solid-svg-icons/faSearch';
-import { faShelves } from '@fortawesome/pro-solid-svg-icons/faShelves';
-import { faShippingFast } from '@fortawesome/pro-solid-svg-icons/faShippingFast';
-import { faSquareCheck } from '@fortawesome/pro-solid-svg-icons/faSquareCheck';
-import { faStore } from '@fortawesome/pro-solid-svg-icons/faStore';
-import { faTags } from '@fortawesome/pro-solid-svg-icons/faTags';
-import { faTriangleExclamation } from '@fortawesome/pro-solid-svg-icons/faTriangleExclamation';
-import { faTruck } from '@fortawesome/pro-solid-svg-icons/faTruck';
-import { faTruckRampBox } from '@fortawesome/pro-solid-svg-icons/faTruckRampBox';
-import { faUpDownLeftRight } from '@fortawesome/pro-solid-svg-icons/faUpDownLeftRight';
-import { faUser } from '@fortawesome/pro-solid-svg-icons/faUser';
-import { faUsersGear } from '@fortawesome/pro-solid-svg-icons/faUsersGear';
-import { faWatch } from '@fortawesome/pro-solid-svg-icons/faWatch';
-import { faWebhook } from '@fortawesome/pro-solid-svg-icons/faWebhook';
-import { faWineGlassCrack } from '@fortawesome/pro-solid-svg-icons/faWineGlassCrack';
-import { faXmark as fasXmark } from '@fortawesome/pro-solid-svg-icons/faXmark';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import styled, { useTheme, th } from '@xstyled/styled-components';
-import * as icons from './icons';
-export var iconDictionary = {
-    greaterThan: faAngleRight,
-    startsWith: faAnglesRight,
-    lessThen: faAngleLeft,
-    endsWith: faBan,
-    pen: faPen,
-    edit: faPenToSquare,
-    avatar: faUser,
-    arrowLeft: faArrowLeft,
-    arrowsRotate: faArrowsRotate,
-    upDownLeftRight: faUpDownLeftRight,
-    attachment: faPaperclip,
-    dashboard: faChartLine,
-    chevronUp: faChevronUp,
-    chevronDown: faChevronDown,
-    chevronRight: farChevronRight,
-    clock: faClock,
-    complaint: faFileAlt,
-    computerMouseScrollwheel: faComputerMouseScrollwheel,
-    mailLight: faEnvelopeLight,
-    eshop: faStore,
-    expedition: faShippingFast,
-    equals: faEquals,
-    fluxCapacitor: faFluxCapacitor,
-    wineGlassCrack: faWineGlassCrack,
-    paperPlane: faPaperPlane,
-    flaskRoundPotion: faFlaskRoundPotion,
-    batteryBolt: faBatteryBolt,
-    ellipsisVertical: faEllipsisVertical,
-    greaterThanEqual: faGreaterThanEqual,
-    home: faHome,
-    gear: faGear,
-    inbound: faCartArrowDown,
-    inventory: faFile,
-    knowledgeBase: faLaptopCode,
-    luggageCart: faLuggageCart,
-    cartFlatbedBoxes: faCartFlatbedBoxes,
-    lessThanEqual: faLessThanEqual,
-    logout: faArrowRightToBracket,
-    login: faArrowRightToBracket,
-    logs: faCopy,
-    notification: faBell,
-    organisation: faHouseUser,
-    partner: farTriangleExclamation,
-    exchangeRates: farTriangleExclamation,
-    product: faBoxOpen,
-    box: faBox,
-    boxRegular: faBoxRegular,
-    boxes: faBoxesStacked,
-    boxChecked: faBoxCircleCheck,
-    shelves: faShelves,
-    reservation: faHandHoldingBox,
-    return: [faShareSquare, 'horizontal'],
-    search: faSearch,
-    supplier: farTriangleExclamation,
-    transfer: faExchange,
-    users: faUsersGear,
-    warning: farTriangleExclamation,
-    close: fasXmark,
-    false: fasXmark,
-    deleteX: fasXmark,
-    deleteCan: faTrashCan,
-    import: faCircleArrowDown,
-    export: faCircleArrowRight,
-    check: faCheck,
-    camera: faCamera,
-    crop: faCrop,
-    squareCheck: faSquareCheck,
-    squareMinus: faSquareMinus,
-    goLeft: faChevronLeft,
-    goRight: fasChevronRight,
-    goDown: fasChevronDown,
-    goUp: fasChevronUp,
-    internal: faEyeSlash,
-    password: faLock,
-    notEqual: faNotEqual,
-    calendar: faCalendar,
-    note: faNoteSticky,
-    comments: faComments,
-    commentDots: faCommentDots,
-    calendarPlus: faCalendarPlus,
-    download: faArrowDownToBracket,
-    plus: faPlus,
-    minus: faMinus,
-    warningDual: fadTriangleExclamation,
-    info: faCircleInfo,
-    cube: faCube,
-    flatBox: faBoxArchive,
-    link: faLink,
-    facebook: faFacebookF,
-    twitter: faTwitter,
-    youtube: faYoutube,
-    linkedin: faLinkedinIn,
-    instagram: faInstagram,
-    faceMeh: faFaceMeh,
-    handStop: faHand,
-    drag: faHand,
-    flag: faFlag,
-    findDetail: faFileSearch,
-    compass: faLocationCrosshairs,
-    boxRamp: faTruckRampBox,
-    earth: faGlobe,
-    filePlaceholder: faFileLines,
-    tags: faTags,
-    circleCheck: faCircleCheck,
-    circleX: faCircleXmark,
-    circleTriangle: faTriangleExclamation,
-    questionMak: faCircleQuestion,
-    badgeCheck: faBadgeCheck,
-    peopleCarry: fasPeopleCarry,
-    stopwatch: faStopwatch,
-    truck: faTruck,
-    webhook: faWebhook,
-    watch: faWatch,
-    filter: faFilter
-};
-library.add(farCoffee, fasCoffee, falCoffee, faHandHoldingBox, faLuggageCart, faPaperclip, fasPeopleCarry, faStopwatch, faTruck, faWatch, faFileSearch, faCircleCheck, faCircleXmark, faTriangleExclamation, faBadgeCheck);
-var iconPrefixMap = {
-    normal: 'far',
-    light: 'fal',
-    solid: 'fas'
-};
-var FaIconSizing = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  --fa-secondary-color: ", ";\n  --fa-secondary-opacity: 1;\n  display: ", ";\n"], ["\n  ", "\n  --fa-secondary-color: ", ";\n  --fa-secondary-opacity: 1;\n  display: ", ";\n"])), function (_a) {
-    var size = _a.size;
-    return size && "font-size: ".concat(size, ";");
-}, function (_a) {
-    var $colorSecondary = _a.$colorSecondary;
-    return $colorSecondary;
-}, function (_a) {
-    var $fixedWidth = _a.$fixedWidth;
-    return ($fixedWidth ? 'contents' : 'block');
-});
-var Icon = function (_a) {
-    var icon = _a.icon, fill = _a.fill, stroke = _a.stroke, _b = _a.style, style = _b === void 0 ? 'normal' : _b, size = _a.size, className = _a.className, secondaryColor = _a.secondaryColor, _c = _a.fixedWidth, fixedWidth = _c === void 0 ? true : _c, spinning = _a.spinning;
-    var theme = useTheme();
-    var colorFill = fill && th.color(fill)({ theme: theme });
-    var colorStroke = stroke && th.color(stroke)({ theme: theme });
-    var colorSecondary = secondaryColor && th.color(secondaryColor)({ theme: theme });
-    var namedIcon = (typeof icon === 'string' && (iconDictionary === null || iconDictionary === void 0 ? void 0 : iconDictionary[icon])) || false;
-    var iconProp = useMemo(function () {
-        if (namedIcon) {
-            return Array.isArray(namedIcon) ? namedIcon[0] : namedIcon;
-        }
-        return [iconPrefixMap[style], icon];
-    }, [icon, style, namedIcon]);
-    var flipProp = (namedIcon && Array.isArray(namedIcon) && namedIcon[1]) || undefined;
-    var IconComponent = icons[icon];
-    return (_jsx(FaIconSizing, { size: size, className: className !== null && className !== void 0 ? className : '', "$colorSecondary": colorSecondary, "$fixedWidth": fixedWidth, children: IconComponent ? _jsx(IconComponent, __assign({ fill: colorFill, stroke: colorStroke }, (size ? { width: size, height: size } : {}))) : (_jsx(FontAwesomeIcon, { color: colorFill, flip: flipProp, icon: iconProp, className: "faIcon ".concat(fixedWidth ? 'fa-fw' : '', " ").concat(spinning ? 'fa-spin' : '') })) }));
-};
-export default Icon;
-var templateObject_1;

package/ui/Elements/Icon/icons/Add.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Add = function (props) { return (_jsxs("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", stroke: "white" }, props, { children: [_jsxs("g", { clipPath: "url(#clip0_1232_3409)", children: [_jsx("path", { d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "white", stroke: "none", d: "M5.81115 7.89697C5.39693 7.89697 5.06115 8.23276 5.06115 8.64697C5.06115 9.06119 5.39693 9.39697 5.81115 9.39697L8.23954 9.39697L8.23954 11.8254C8.23954 12.2396 8.57533 12.5754 8.98954 12.5754C9.40376 12.5754 9.73954 12.2396 9.73954 11.8254V9.39697H12.1679C12.5822 9.39697 12.9179 9.06119 12.9179 8.64697C12.9179 8.23276 12.5822 7.89697 12.1679 7.89697L9.73954 7.89697L9.73954 5.46858C9.73954 5.05436 9.40376 4.71858 8.98954 4.71858C8.57533 4.71858 8.23954 5.05436 8.23954 5.46858L8.23954 7.89697L5.81115 7.89697Z" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_1232_3409", children: _jsx("rect", { width: "18", height: "18" }) }) })] }))); };

package/ui/Elements/Icon/icons/AddPhoto.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var AddPhoto = function (props) { return (_jsxs("svg", __assign({ width: "36", height: "36", viewBox: "0 0 37 34", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z" })] }))); };

package/ui/Elements/Icon/icons/Admin.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Admin = function (props) { return (_jsxs("svg", __assign({ width: "42", height: "42", viewBox: "0 0 42 42", fill: "none", stroke: "#DB2B19", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.0137 8.96659C33.7785 9.23434 34.2895 9.95534 34.2895 10.7656V22.6183C34.2895 25.9311 33.0855 29.0933 30.9592 31.5433C29.89 32.7771 28.5373 33.7378 27.1005 34.5148L20.874 37.8783L14.637 34.5131C13.1985 33.7361 11.844 32.7771 10.773 31.5416C8.645 29.0916 7.4375 25.9276 7.4375 22.6113V10.7656C7.4375 9.95534 7.9485 9.23434 8.71325 8.96659L20.2317 4.91884C20.6412 4.77534 21.0875 4.77534 21.4952 4.91884L33.0137 8.96659Z", strokeWidth: "2.625", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M16.3144 20.856L19.6254 24.1688L26.4469 17.3473", strokeWidth: "2.625", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };

package/ui/Elements/Icon/icons/ArrowDown.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-export var ArrowDown = function (props) { return (_jsx("svg", __assign({ width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", stroke: "#22394E", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M1 1L5.64645 5.64645C5.84171 5.84171 6.15829 5.84171 6.35355 5.64645L11 1", strokeWidth: "2", strokeLinecap: "round" }) }))); };

package/ui/Elements/Icon/icons/ArrowForward.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-export var ArrowForward = function (props) { return (_jsx("svg", __assign({ width: "7", height: "11", viewBox: "0 0 7 11", fill: "#A3B3C1" }, props, { children: _jsx("path", { d: "M0.244995 9.565L1.13 10.45L6.08 5.5L1.13 0.550003L0.244995 1.435L4.31 5.5L0.244995 9.565Z" }) }))); };

package/ui/Elements/Icon/icons/ArrowUp.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-export var ArrowUp = function (props) { return (_jsx("svg", __assign({ width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", stroke: "#22394E", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { d: "M1 6L5.64645 1.35355C5.84171 1.15829 6.15829 1.15829 6.35355 1.35355L11 6", strokeWidth: "2", strokeLinecap: "round" }) }))); };

package/ui/Elements/Icon/icons/ArrowUpRightDownLeft.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var ArrowUpRightDownLeft = function (props) { return (_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }, props, { children: [_jsx("path", { d: "M11 19H5v-6" }), _jsx("path", { d: "M13 5h6v6" }), _jsx("path", { d: "M19 5 5 19" })] }))); };

package/ui/Elements/Icon/icons/ArrowsLeftRight.js

@@ -1,13 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-export var ArrowsLeftRight = function (props) { return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M502.6 438.6L598.6 342.6C611.1 330.1 611.1 309.8 598.6 297.3L502.6 201.3C490.1 188.8 469.8 188.8 457.3 201.3C444.8 213.8 444.8 234.1 457.3 246.6L498.7 288L141.2 288L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3C170.1 188.8 149.8 188.8 137.3 201.3L41.3 297.3C35.3 303.3 31.9 311.4 31.9 319.9C31.9 328.4 35.3 336.5 41.3 342.5L137.3 438.5C149.8 451 170.1 451 182.6 438.5C195.1 426 195.1 405.7 182.6 393.2L141.2 351.8L498.7 351.8L457.3 393.2C444.8 405.7 444.8 426 457.3 438.5C469.8 451 490.1 451 502.6 438.5z" }) }))); };