@manamerge/mana-atomic-ui 1.0.43 → 1.0.45

package/dist/themes/themes/davidWeb/styling/chat-theme.css.js

@@ -1,14 +1,80 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styledComponents = require("styled-components");
-var _sectionLogo_gray = _interopRequireDefault(require("../images/icons/sectionLogo_gray.svg"));
-var _bookmark = _interopRequireDefault(require("../images/icons/bookmark.svg"));
-var _send = _interopRequireDefault(require("../images/icons/send.svg"));
-var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var _default = exports["default"] = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: #131414;\n    color: #ffffff;\n    padding: 14px;\n\n    .ChatRow-author,\n    .ChatRow-moderator,\n    .ChatRow-time,\n    .ChatRow-message {\n        font-family:\n            Metro Sans,\n            Verdana,\n            Geneva,\n            Tahoma,\n            sans-serif;\n        font-style: normal;\n        font-weight: normal;\n        font-size: 13px;\n        line-height: 18px;\n        letter-spacing: 0.0125em;\n        color: #f2f2f3;\n    }\n\n    .ChatRow {\n        padding: 8px 0px 15px;\n        border-bottom: 1px solid #232323;\n    }\n\n    .ChatRow-author {\n        font-family: Gilmer, Verdana, Geneva, Tahoma, sans-serif;\n        font-weight: bold;\n        font-size: 14px;\n        line-height: 20px;\n        color: #ffffff;\n    }\n\n    .ChatRow-moderator,\n    .ChatRow-time {\n        color: #9d9d9e;\n    }\n\n    .ChatRow-moderator {\n        height: 16px;\n        background-image: url(", ");\n        padding-left: 20px;\n        margin-top: 1px;\n    }\n\n    .ChatRow--pinned {\n        background-color: #212324;\n\n        .ChatRow-pinnedIcon {\n            background-image: url(", ");\n            width: 20px;\n            height: 20px;\n            margin: 0;\n        }\n    }\n\n    .ChatRow-message a {\n        color: #7642bc;\n        &:hover {\n            color: #7642bc;\n        }\n    }\n\n    .InputChat-input {\n        background: #131414;\n    }\n    .InputChat-iconSend,\n    .InputChat-iconSend:hover {\n        margin: auto 0;\n        background-image: url(", ");\n    }\n"])), _sectionLogo_gray["default"], _bookmark["default"], _send["default"]);
+import { css } from "styled-components";
+import manaLogo from "../images/icons/sectionLogo_gray.svg";
+import bookMark from "../images/icons/bookmark.svg";
+import sendIcon from "../images/icons/send.svg";
+
+export default css`
+    background-color: #131414;
+    color: #ffffff;
+    padding: 14px;
+
+    .ChatRow-author,
+    .ChatRow-moderator,
+    .ChatRow-time,
+    .ChatRow-message {
+        font-family:
+            Metro Sans,
+            Verdana,
+            Geneva,
+            Tahoma,
+            sans-serif;
+        font-style: normal;
+        font-weight: normal;
+        font-size: 13px;
+        line-height: 18px;
+        letter-spacing: 0.0125em;
+        color: #f2f2f3;
+    }
+
+    .ChatRow {
+        padding: 8px 0px 15px;
+        border-bottom: 1px solid #232323;
+    }
+
+    .ChatRow-author {
+        font-family: Gilmer, Verdana, Geneva, Tahoma, sans-serif;
+        font-weight: bold;
+        font-size: 14px;
+        line-height: 20px;
+        color: #ffffff;
+    }
+
+    .ChatRow-moderator,
+    .ChatRow-time {
+        color: #9d9d9e;
+    }
+
+    .ChatRow-moderator {
+        height: 16px;
+        background-image: url(${manaLogo});
+        padding-left: 20px;
+        margin-top: 1px;
+    }
+
+    .ChatRow--pinned {
+        background-color: #212324;
+
+        .ChatRow-pinnedIcon {
+            background-image: url(${bookMark});
+            width: 20px;
+            height: 20px;
+            margin: 0;
+        }
+    }
+
+    .ChatRow-message a {
+        color: #7642bc;
+        &:hover {
+            color: #7642bc;
+        }
+    }
+
+    .InputChat-input {
+        background: #131414;
+    }
+    .InputChat-iconSend,
+    .InputChat-iconSend:hover {
+        margin: auto 0;
+        background-image: url(${sendIcon});
+    }
+`;

package/dist/themes/themes/davidWeb/styling/filter-list-theme.css.js

@@ -1,12 +1,47 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styledComponents = require("styled-components");
-var _sectionlogo = _interopRequireDefault(require("../images/icons/sectionlogo.svg"));
-var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var _default = exports["default"] = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: #000;\n    color: #f2f2f3;\n    h3,\n    .FilterListRow-title,\n    .FilterList-groupTitle,\n    .FilterList-listItem > label {\n        color: inherit;\n    }\n\n    .FilterList-btnGroup {\n        border-top: 1px solid #1d1e23;\n        button {\n            text-transform: capitalize;\n            color: inherit;\n        }\n    }\n\n    .FilterList-btnReset,\n    .FilterList-btnReset:hover {\n        background: transparent;\n        border: none;\n        color: inherit;\n    }\n\n    &.FilterList {\n        padding: 30px 35px 56px;\n    }\n\n    &.FilterListRow .FilterList-listItem[data-shape=\"manamerge\"] {\n        &:before {\n            content: \"\";\n            background: 0 0 url(", ") no-repeat;\n            width: 22px;\n            height: 22px;\n            margin: 0px 32px;\n            display: inline-block;\n            position: absolute;\n        }\n        label {\n            padding-left: 64px;\n        }\n    }\n"])), _sectionlogo["default"]);
+import { css } from "styled-components";
+import manaLogo from "../images/icons/sectionlogo.svg";
+
+export default css`
+    background-color: #000;
+    color: #f2f2f3;
+    h3,
+    .FilterListRow-title,
+    .FilterList-groupTitle,
+    .FilterList-listItem > label {
+        color: inherit;
+    }
+
+    .FilterList-btnGroup {
+        border-top: 1px solid #1d1e23;
+        button {
+            text-transform: capitalize;
+            color: inherit;
+        }
+    }
+
+    .FilterList-btnReset,
+    .FilterList-btnReset:hover {
+        background: transparent;
+        border: none;
+        color: inherit;
+    }
+
+    &.FilterList {
+        padding: 30px 35px 56px;
+    }
+
+    &.FilterListRow .FilterList-listItem[data-shape="manamerge"] {
+        &:before {
+            content: "";
+            background: 0 0 url(${manaLogo}) no-repeat;
+            width: 22px;
+            height: 22px;
+            margin: 0px 32px;
+            display: inline-block;
+            position: absolute;
+        }
+        label {
+            padding-left: 64px;
+        }
+    }
+`;

package/dist/themes/themes/davidWeb/styling/notification-theme.css.js

@@ -1,22 +1,166 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styledComponents = require("styled-components");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var _default = exports["default"] = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    /* ____ GENERAL DEFINITIONS ____ */\n    --font-family-gilmer: Gilmer, Verdana, Geneva, Tahoma, sans-serif;\n    --font-family-metro:\n        Metro Sans, ManamergeMetro, Gilmer, Verdana, Geneva, Tahoma, sans-serif;\n    --modal-z-index: 9;\n    /* --notification-toasts-z-index: 99 is the default */\n\n    .SidePanel {\n        top: 0;\n        ", " {\n            top: 50px;\n        }\n    }\n    .SidePanel-container {\n        background-color: #000;\n        overflow-y: hidden;\n    }\n\n    /* __ LIST SPECIFICS __ */\n    .NotificationsList {\n        padding: 16px;\n        ", " {\n            padding: 32px;\n        }\n\n        h2 {\n            font-style: normal;\n            font-weight: bold;\n            font-size: 28px;\n            line-height: 34px;\n            margin-bottom: 32px;\n        }\n\n        .NotificationsList-items {\n            background: #000;\n            padding-right: 16px;\n            ", " {\n                padding-right: 32px;\n            }\n        }\n\n        /* < SCROLLBAR definitions */\n        .NotificationsList-items::-webkit-scrollbar {\n            width: 2px;\n        }\n\n        .NotificationsList-items::-webkit-scrollbar-track {\n            background-color: #373942;\n        }\n\n        .NotificationsList-items::-webkit-scrollbar-thumb {\n            background-color: #858687;\n        }\n        /* SCROLLBAR definitions /> */\n\n        /* __ LIST ROW SPECIFICS __ */\n        .NotificationItem-cta {\n            cursor: pointer;\n            transition: 0.3s;\n\n            &:hover {\n                opacity: 0.7;\n            }\n        }\n\n        .NotificationItem--unread,\n        .NotificationItem--read {\n            margin: 0;\n        }\n\n        .NotificationItem--unread {\n            border: none;\n            box-shadow: 0px 4px 10px 1px #000 19%;\n            .NotificationItem-cta {\n                border-color: #373942;\n            }\n        }\n        .NotificationItem--unread + .NotificationItem--unread {\n            margin-top: 15px;\n        }\n\n        .NotificationItem--read + .NotificationItem--read {\n            border-top: 1px solid #373942;\n        }\n\n        .NotificationItem-title h5,\n        .NotificationItem-description,\n        .TimeAgo {\n            color: #bdbec2;\n            font-family: var(--font-family-gilmer);\n            font-weight: 400;\n            font-size: 12px;\n            line-height: 16px;\n        }\n\n        .TimeAgo {\n            text-transform: uppercase;\n            color: #76767d;\n        }\n\n        .NotificationItem-title h5 {\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: white;\n        }\n    }\n\n    /* __ TOAST SPECIFICS __ */\n    .NotificationToasts {\n        bottom: 50%;\n        ", " {\n            bottom: 0;\n        }\n    }\n\n    .NotificationToast {\n        .NotificationToast-title h6 {\n            font-family: var(--font-family-gilmer);\n            font-weight: bold;\n            display: inline-block;\n            font-size: 18px;\n            line-height: 26px;\n            color: #000;\n        }\n\n        .NotificationToast-description p {\n            font-family: var(--font-family-metro);\n            font-size: 15px;\n            line-height: 25px;\n            letter-spacing: 0.0125em;\n            color: #343536;\n            margin: 16px 0px;\n        }\n\n        .NotificationToast-link {\n            border-top: 1px solid #d4d4d4;\n            font-family: var(--font-family-gilmer);\n            font-weight: bold;\n            font-size: 14px;\n            line-height: 20px;\n            color: #3a9ef8;\n            transition: 0.3s;\n        }\n        .NotificationToast-link:hover {\n            opacity: 0.7;\n        }\n\n        .NotificationToast-cta,\n        .NotificationToast-cta:hover {\n            font-family: var(--font-family-metro);\n            text-transform: none;\n            font-size: 16px;\n            color: rgba(0, 0, 0, 0.8);\n            border-color: rgba(0, 0, 0, 0.8);\n            min-width: 118px;\n            height: 52px;\n            transition: 0.3s;\n        }\n        .NotificationToast-cta:hover {\n            opacity: 0.7;\n        }\n    }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.media.largeMobileUp;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.media.largeMobileUp;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.media.largeMobileUp;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.media.largeMobileUp;
-});
+import { css } from "styled-components";
+
+export default css`
+    /* ____ GENERAL DEFINITIONS ____ */
+    --font-family-gilmer: Gilmer, Verdana, Geneva, Tahoma, sans-serif;
+    --font-family-metro:
+        Metro Sans, ManamergeMetro, Gilmer, Verdana, Geneva, Tahoma, sans-serif;
+    --modal-z-index: 9;
+    /* --notification-toasts-z-index: 99 is the default */
+
+    .SidePanel {
+        top: 0;
+        ${({ theme }) => theme.media.largeMobileUp} {
+            top: 50px;
+        }
+    }
+    .SidePanel-container {
+        background-color: #000;
+        overflow-y: hidden;
+    }
+
+    /* __ LIST SPECIFICS __ */
+    .NotificationsList {
+        padding: 16px;
+        ${({ theme }) => theme.media.largeMobileUp} {
+            padding: 32px;
+        }
+
+        h2 {
+            font-style: normal;
+            font-weight: bold;
+            font-size: 28px;
+            line-height: 34px;
+            margin-bottom: 32px;
+        }
+
+        .NotificationsList-items {
+            background: #000;
+            padding-right: 16px;
+            ${({ theme }) => theme.media.largeMobileUp} {
+                padding-right: 32px;
+            }
+        }
+
+        /* < SCROLLBAR definitions */
+        .NotificationsList-items::-webkit-scrollbar {
+            width: 2px;
+        }
+
+        .NotificationsList-items::-webkit-scrollbar-track {
+            background-color: #373942;
+        }
+
+        .NotificationsList-items::-webkit-scrollbar-thumb {
+            background-color: #858687;
+        }
+        /* SCROLLBAR definitions /> */
+
+        /* __ LIST ROW SPECIFICS __ */
+        .NotificationItem-cta {
+            cursor: pointer;
+            transition: 0.3s;
+
+            &:hover {
+                opacity: 0.7;
+            }
+        }
+
+        .NotificationItem--unread,
+        .NotificationItem--read {
+            margin: 0;
+        }
+
+        .NotificationItem--unread {
+            border: none;
+            box-shadow: 0px 4px 10px 1px #000 19%;
+            .NotificationItem-cta {
+                border-color: #373942;
+            }
+        }
+        .NotificationItem--unread + .NotificationItem--unread {
+            margin-top: 15px;
+        }
+
+        .NotificationItem--read + .NotificationItem--read {
+            border-top: 1px solid #373942;
+        }
+
+        .NotificationItem-title h5,
+        .NotificationItem-description,
+        .TimeAgo {
+            color: #bdbec2;
+            font-family: var(--font-family-gilmer);
+            font-weight: 400;
+            font-size: 12px;
+            line-height: 16px;
+        }
+
+        .TimeAgo {
+            text-transform: uppercase;
+            color: #76767d;
+        }
+
+        .NotificationItem-title h5 {
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+            color: white;
+        }
+    }
+
+    /* __ TOAST SPECIFICS __ */
+    .NotificationToasts {
+        bottom: 50%;
+        ${({ theme }) => theme.media.largeMobileUp} {
+            bottom: 0;
+        }
+    }
+
+    .NotificationToast {
+        .NotificationToast-title h6 {
+            font-family: var(--font-family-gilmer);
+            font-weight: bold;
+            display: inline-block;
+            font-size: 18px;
+            line-height: 26px;
+            color: #000;
+        }
+
+        .NotificationToast-description p {
+            font-family: var(--font-family-metro);
+            font-size: 15px;
+            line-height: 25px;
+            letter-spacing: 0.0125em;
+            color: #343536;
+            margin: 16px 0px;
+        }
+
+        .NotificationToast-link {
+            border-top: 1px solid #d4d4d4;
+            font-family: var(--font-family-gilmer);
+            font-weight: bold;
+            font-size: 14px;
+            line-height: 20px;
+            color: #3a9ef8;
+            transition: 0.3s;
+        }
+        .NotificationToast-link:hover {
+            opacity: 0.7;
+        }
+
+        .NotificationToast-cta,
+        .NotificationToast-cta:hover {
+            font-family: var(--font-family-metro);
+            text-transform: none;
+            font-size: 16px;
+            color: rgba(0, 0, 0, 0.8);
+            border-color: rgba(0, 0, 0, 0.8);
+            min-width: 118px;
+            height: 52px;
+            transition: 0.3s;
+        }
+        .NotificationToast-cta:hover {
+            opacity: 0.7;
+        }
+    }
+`;

package/dist/themes/themes/manamerge/fonts/index.js

@@ -1,19 +1,57 @@
-"use strict";
+import { createGlobalStyle } from "styled-components";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ManamergeStyles = void 0;
-var _styledComponents = require("styled-components");
-var _GilmerRegular = _interopRequireDefault(require("./Gilmer/Gilmer-Regular.woff2"));
-var _GilmerBold = _interopRequireDefault(require("./Gilmer/Gilmer-Bold.woff2"));
-var _GilmerHeavy = _interopRequireDefault(require("./Gilmer/Gilmer-Heavy.woff2"));
-var _GilmerLight = _interopRequireDefault(require("./Gilmer/Gilmer-Light.woff2"));
-var _GilmerMedium = _interopRequireDefault(require("./Gilmer/Gilmer-Medium.woff2"));
-var _SpringwoodBrushItalic = _interopRequireDefault(require("./Springwood/SpringwoodBrush-Italic.woff2"));
-var _SpringwoodBrushRegular = _interopRequireDefault(require("./Springwood/SpringwoodBrush-Regular.woff2"));
-var _templateObject; // Fonts Manamerge Gilmer
+// Fonts Manamerge Gilmer
+import ManamergeGilmerRegular from "./Gilmer/Gilmer-Regular.woff2";
+import ManamergeGilmerBold from "./Gilmer/Gilmer-Bold.woff2";
+import ManamergeGilmerHeavy from "./Gilmer/Gilmer-Heavy.woff2";
+import ManamergeGilmerLight from "./Gilmer/Gilmer-Light.woff2";
+import ManamergeGilmerMedium from "./Gilmer/Gilmer-Medium.woff2";
 // Fonts SpringWood
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var ManamergeStyles = exports.ManamergeStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 300;\n  }\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 400;\n  }\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 500;\n  }\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 700;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 900;\n  }\n    @font-face {\n    font-family: Springwood;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 400;\n  }\n    @font-face {\n    font-family: Springwood;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 400;\n  }\n"])), _GilmerLight["default"], _GilmerRegular["default"], _GilmerMedium["default"], _GilmerBold["default"], _GilmerHeavy["default"], _SpringwoodBrushItalic["default"], _SpringwoodBrushRegular["default"]);
+import SpringwoodBrushItalic from "./Springwood/SpringwoodBrush-Italic.woff2";
+import SpringwoodBrushRegular from "./Springwood/SpringwoodBrush-Regular.woff2";
+
+export const ManamergeStyles = createGlobalStyle`
+  @font-face {
+    font-family: ManamergeGilmer;
+    src: url(${ManamergeGilmerLight}) format('woff2');
+    font-style: normal;
+    font-weight: 300;
+  }
+  @font-face {
+    font-family: ManamergeGilmer;
+    src: url(${ManamergeGilmerRegular}) format('woff2');
+    font-style: normal;
+    font-weight: 400;
+  }
+  @font-face {
+    font-family: ManamergeGilmer;
+    src: url(${ManamergeGilmerMedium}) format('woff2');
+    font-style: normal;
+    font-weight: 500;
+  }
+  @font-face {
+    font-family: ManamergeGilmer;
+    src: url(${ManamergeGilmerBold}) format('woff2');
+    font-style: normal;
+    font-weight: 700;
+  }
+
+  @font-face {
+    font-family: ManamergeGilmer;
+    src: url(${ManamergeGilmerHeavy}) format('woff2');
+    font-style: normal;
+    font-weight: 900;
+  }
+    @font-face {
+    font-family: Springwood;
+    src: url(${SpringwoodBrushItalic}) format('woff2');
+    font-style: italic;
+    font-weight: 400;
+  }
+    @font-face {
+    font-family: Springwood;
+    src: url(${SpringwoodBrushRegular}) format('woff2');
+    font-style: normal;
+    font-weight: 400;
+  }
+`;

package/dist/themes/themes/manamerge/images/icons/modal/closeicon.svg.js

@@ -1,43 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import React from "react";
 // eslint-disable-next-line react/prop-types
-var CheckIcon = function CheckIcon(_ref) {
-  var color = _ref.color,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M15 9L9 15",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M9 9L15 15",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-var _default = exports["default"] = CheckIcon;
+const CheckIcon = ({ color, className = "" }) => (
+    <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        <path
+            d="M15 9L9 15"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        <path
+            d="M9 9L15 15"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+    </svg>
+);
+
+export default CheckIcon;

package/dist/themes/themes/manamerge/images/icons/navigation/notification.svg.js

@@ -1,50 +1,49 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import React from "react";
 // eslint-disable-next-line react/prop-types
-var NotificationIcon = function NotificationIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    width: "25",
-    height: "25",
-    viewBox: "0 0 25 25",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M10.5467 4.6875C8.42301 5.29427 7.2915 7.44792 7.2915 9.67448V16.7253H7.28499C7.28499 18.0807 6.34229 18.582 4.95947 18.582V20.3255H20.0441V18.5859C18.6613 18.5859 17.7108 18.0859 17.7108 16.7292H17.7173V9.67969C17.7173 7.44792 16.7108 5.29167 14.5832 4.6888L10.5467 4.6875Z",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M10.9375 2.604H14.0625",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M12.5002 22.3958C12.8597 22.3958 13.1512 22.1044 13.1512 21.7448C13.1512 21.3852 12.8597 21.0938 12.5002 21.0938C12.1406 21.0938 11.8491 21.3852 11.8491 21.7448C11.8491 22.1044 12.1406 22.3958 12.5002 22.3958Z",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M12.4998 22.1525C12.7249 22.1525 12.9074 21.97 12.9074 21.745C12.9074 21.5199 12.7249 21.3374 12.4998 21.3374C12.2748 21.3374 12.0923 21.5199 12.0923 21.745C12.0923 21.97 12.2748 22.1525 12.4998 22.1525Z",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M12.5002 21.9076C12.5901 21.9076 12.6629 21.8347 12.6629 21.7448C12.6629 21.6549 12.5901 21.582 12.5002 21.582C12.4103 21.582 12.3374 21.6549 12.3374 21.7448C12.3374 21.8347 12.4103 21.9076 12.5002 21.9076Z",
-    stroke: color,
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-var _default = exports["default"] = NotificationIcon;
+const NotificationIcon = ({ color }) => (
+    <svg
+        width="25"
+        height="25"
+        viewBox="0 0 25 25"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M10.5467 4.6875C8.42301 5.29427 7.2915 7.44792 7.2915 9.67448V16.7253H7.28499C7.28499 18.0807 6.34229 18.582 4.95947 18.582V20.3255H20.0441V18.5859C18.6613 18.5859 17.7108 18.0859 17.7108 16.7292H17.7173V9.67969C17.7173 7.44792 16.7108 5.29167 14.5832 4.6888L10.5467 4.6875Z"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        <path
+            d="M10.9375 2.604H14.0625"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        <path
+            d="M12.5002 22.3958C12.8597 22.3958 13.1512 22.1044 13.1512 21.7448C13.1512 21.3852 12.8597 21.0938 12.5002 21.0938C12.1406 21.0938 11.8491 21.3852 11.8491 21.7448C11.8491 22.1044 12.1406 22.3958 12.5002 22.3958Z"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        <path
+            d="M12.4998 22.1525C12.7249 22.1525 12.9074 21.97 12.9074 21.745C12.9074 21.5199 12.7249 21.3374 12.4998 21.3374C12.2748 21.3374 12.0923 21.5199 12.0923 21.745C12.0923 21.97 12.2748 22.1525 12.4998 22.1525Z"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        <path
+            d="M12.5002 21.9076C12.5901 21.9076 12.6629 21.8347 12.6629 21.7448C12.6629 21.6549 12.5901 21.582 12.5002 21.582C12.4103 21.582 12.3374 21.6549 12.3374 21.7448C12.3374 21.8347 12.4103 21.9076 12.5002 21.9076Z"
+            stroke={color}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+    </svg>
+);
+
+export default NotificationIcon;