@manuscripts/style-guide 1.12.7-LEAN-3579.0 → 1.12.7

package/dist/cjs/components/TableFootnotesSelector.js

@@ -42,12 +42,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableFootnotesSelector = void 0;
-const AddedIcon_1 = __importDefault(require("@manuscripts/assets/react/AddedIcon"));
-const AddIcon_1 = __importDefault(require("@manuscripts/assets/react/AddIcon"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
-const template_icon_1 = require("./icons/template-icon");
+const icons_1 = require("./icons");
 const NotesContainer = styled_components_1.default.div `
   height: 90vh;
   max-height: 400px;
@@ -110,7 +108,7 @@ const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCanc
         react_1.default.createElement(Actions, null,
             react_1.default.createElement(AddNewFootnote, null,
                 react_1.default.createElement(Button_1.IconTextButton, { onClick: onAdd },
-                    react_1.default.createElement(template_icon_1.TemplateIcon, null),
+                    react_1.default.createElement(icons_1.AddNewIcon, null),
                     "Add new")),
             react_1.default.createElement(Button_1.ButtonGroup, null,
                 react_1.default.createElement(Button_1.SecondaryButton, { onClick: onCancel }, "Cancel"),
@@ -138,7 +136,7 @@ const footnoteItem = (note, isSelected, onSelect) => {
     var _a;
     const { node, index } = note;
     return (react_1.default.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
-        react_1.default.createElement(StatusIcon, null, isSelected(node) ? (react_1.default.createElement(AddedIcon_1.default, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (react_1.default.createElement(AddIcon_1.default, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
+        react_1.default.createElement(StatusIcon, null, isSelected(node) ? (react_1.default.createElement(icons_1.AddedIcon, { "data-cy": 'plus-icon-ok' })) : (react_1.default.createElement(icons_1.AddIcon, { "data-cy": 'plus-icon' }))),
         react_1.default.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
 };
 const Separator = styled_components_1.default.div `

package/dist/cjs/components/icons/add-author.js

@@ -19,12 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddAuthor = (props) => (react_1.default.createElement("svg", Object.assign({ width: props.size || 38, height: props.size || 38, viewBox: '0 0 38 38' }, props),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("circle", { id: "add-author-a", cx: 18, cy: 18, r: 18 })),
-    react_1.default.createElement("g", { transform: "translate(1 1)", fill: "none", fillRule: "evenodd" },
-        react_1.default.createElement("mask", { id: "add-author-b", fill: "#fff" },
-            react_1.default.createElement("use", { xlinkHref: "#add-author-a" })),
-        react_1.default.createElement("use", { className: 'add-author-path', fill: props.color || '#FDCD47', xlinkHref: "#add-author-a" }),
-        react_1.default.createElement("path", { d: "M17.305 16.793v-5.6a.7.7 0 0 1 1.4 0v5.6h5.6a.7.7 0 0 1 0 1.4h-5.6v5.6a.7.7 0 0 1-1.4 0v-5.6h-5.6a.7.7 0 0 1 0-1.4h5.6z", stroke: "#FFF", fill: "#FFF", mask: "url(#add-author-b)" }))));
-exports.default = AddAuthor;
+const AddAuthorIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "#0D79D0" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 8C12.2515 8 12.05 8.20147 12.05 8.45V12.05H8.45C8.20147 12.05 8 12.2515 8 12.5C8 12.7485 8.20147 12.95 8.45 12.95H12.05V16.55C12.05 16.7985 12.2515 17 12.5 17C12.7485 17 12.95 16.7985 12.95 16.55V12.95H16.55C16.7985 12.95 17 12.7485 17 12.5C17 12.2515 16.7985 12.05 16.55 12.05H12.95V8.45C12.95 8.20147 12.7485 8 12.5 8Z", fill: "white" }),
+    react_1.default.createElement("path", { d: "M12.05 12.05V12.55H12.55V12.05H12.05ZM12.05 12.95H12.55V12.45H12.05V12.95ZM12.95 12.95V12.45H12.45V12.95H12.95ZM12.95 12.05H12.45V12.55H12.95V12.05ZM12.55 8.45C12.55 8.47761 12.5276 8.5 12.5 8.5V7.5C11.9753 7.5 11.55 7.92533 11.55 8.45H12.55ZM12.55 12.05V8.45H11.55V12.05H12.55ZM8.45 12.55H12.05V11.55H8.45V12.55ZM8.5 12.5C8.5 12.5276 8.47761 12.55 8.45 12.55V11.55C7.92533 11.55 7.5 11.9753 7.5 12.5H8.5ZM8.45 12.45C8.47761 12.45 8.5 12.4724 8.5 12.5H7.5C7.5 13.0247 7.92533 13.45 8.45 13.45V12.45ZM12.05 12.45H8.45V13.45H12.05V12.45ZM12.55 16.55V12.95H11.55V16.55H12.55ZM12.5 16.5C12.5276 16.5 12.55 16.5224 12.55 16.55H11.55C11.55 17.0747 11.9753 17.5 12.5 17.5V16.5ZM12.45 16.55C12.45 16.5224 12.4724 16.5 12.5 16.5V17.5C13.0247 17.5 13.45 17.0747 13.45 16.55H12.45ZM12.45 12.95V16.55H13.45V12.95H12.45ZM16.55 12.45H12.95V13.45H16.55V12.45ZM16.5 12.5C16.5 12.4724 16.5224 12.45 16.55 12.45V13.45C17.0747 13.45 17.5 13.0247 17.5 12.5H16.5ZM16.55 12.55C16.5224 12.55 16.5 12.5276 16.5 12.5H17.5C17.5 11.9753 17.0747 11.55 16.55 11.55V12.55ZM12.95 12.55H16.55V11.55H12.95V12.55ZM12.45 8.45V12.05H13.45V8.45H12.45ZM12.5 8.5C12.4724 8.5 12.45 8.47761 12.45 8.45H13.45C13.45 7.92533 13.0247 7.5 12.5 7.5V8.5Z", fill: "white" })));
+exports.default = AddAuthorIcon;

package/dist/cjs/components/icons/{add-comment-icon.js → add-comment.js}

@@ -19,10 +19,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddComment = () => (react_1.default.createElement("svg", { width: "20", height: "15", viewBox: "0 0 20 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const AddCommentIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "20", height: "15", viewBox: "0 0 20 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.94841 4.18359C7.98238 3.96069 8 3.7324 8 3.5C8 3.22122 7.97465 2.94836 7.92613 2.68359H13.5C14.8854 2.68359 16.25 3.64298 16.25 5.10026V9.02502L19.1086 12.9954C19.2731 13.2238 19.2958 13.525 19.1675 13.7755C19.0392 14.026 18.7814 14.1836 18.5 14.1836H5.5C4.11463 14.1836 2.75 13.2242 2.75 11.7669V7.93778C2.9939 7.9787 3.24446 8 3.5 8C3.75553 8 4.00609 7.9787 4.25 7.93778V11.7669C4.25 12.1513 4.67537 12.6836 5.5 12.6836H17.0358L14.8913 9.70516C14.7994 9.57751 14.75 9.42421 14.75 9.26693V5.10026C14.75 4.71587 14.3246 4.18359 13.5 4.18359H7.94841Z", fill: "#FFBD26" }),
     react_1.default.createElement("path", { d: "M11.5 7H8.5", stroke: "#FFBD26", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M12 10H7", stroke: "#FFBD26", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M3.5 1L3.5 6", stroke: "#FFBD26", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M6 3.5L1 3.5", stroke: "#FFBD26", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
-exports.default = AddComment;
+exports.default = AddCommentIcon;

package/dist/cjs/components/icons/{template-icon.js → add-new.js}

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TemplateIcon = void 0;
 const react_1 = __importDefault(require("react"));
-const TemplateIcon = () => (react_1.default.createElement("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const AddNewIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("rect", { x: "1.25", y: "1.25", width: "13.5", height: "15.5", rx: "1.75", fill: "white", stroke: "#6E6E6E", strokeWidth: "1.5" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 6.5C9 6.08579 8.66421 5.75 8.25 5.75H7.25V4.75C7.25 4.33579 6.91421 4 6.5 4C6.08579 4 5.75 4.33579 5.75 4.75V5.75H4.75C4.33579 5.75 4 6.08579 4 6.5C4 6.91421 4.33579 7.25 4.75 7.25H5.75V8.25C5.75 8.66421 6.08579 9 6.5 9C6.91421 9 7.25 8.66421 7.25 8.25V7.25H8.25C8.66421 7.25 9 6.91421 9 6.5Z", fill: "#6E6E6E" })));
-exports.TemplateIcon = TemplateIcon;
+exports.default = AddNewIcon;

package/dist/cjs/components/icons/add.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AddIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.55064 0.720124C10.0717 -0.134581 11.9283 -0.134583 13.4494 0.720123L19.4494 4.0916C21.0248 4.97688 22 6.64341 22 8.45057V14.9612C22 16.7684 21.0248 18.4349 19.4494 19.3202L13.4494 22.6916C11.9283 23.5463 10.0717 23.5463 8.55064 22.6916L2.55064 19.3202C0.975165 18.4349 0 16.7684 0 14.9612L0 8.45057C0 6.64341 0.975162 4.97688 2.55064 4.0916L8.55064 0.720124Z", fill: "#FFBD26" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0039 5.96533C10.7002 5.96533 10.4539 6.21158 10.4539 6.51533V10.783H6.0392C5.74357 10.783 5.50391 11.0226 5.50391 11.3183C5.50391 11.6139 5.74357 11.8536 6.0392 11.8536H10.4539V16.1212C10.4539 16.425 10.7002 16.6712 11.0039 16.6712C11.3077 16.6712 11.5539 16.425 11.5539 16.1212V11.8536H15.9686C16.2642 11.8536 16.5039 11.6139 16.5039 11.3183C16.5039 11.0226 16.2642 10.783 15.9686 10.783H11.5539V6.51533C11.5539 6.21158 11.3077 5.96533 11.0039 5.96533Z", fill: "white" }),
+    react_1.default.createElement("path", { d: "M10.4539 10.783V11.283H10.9539V10.783H10.4539ZM10.4539 11.8536H10.9539V11.3536H10.4539V11.8536ZM11.5539 11.8536V11.3536H11.0539V11.8536H11.5539ZM11.5539 10.783H11.0539V11.283H11.5539V10.783ZM10.9539 6.51533C10.9539 6.48772 10.9763 6.46533 11.0039 6.46533V5.46533C10.424 5.46533 9.95391 5.93543 9.95391 6.51533H10.9539ZM10.9539 10.783V6.51533H9.95391V10.783H10.9539ZM6.0392 11.283H10.4539V10.283H6.0392V11.283ZM6.00391 11.3183C6.00391 11.2988 6.01971 11.283 6.0392 11.283V10.283C5.46742 10.283 5.00391 10.7465 5.00391 11.3183H6.00391ZM6.0392 11.3536C6.01971 11.3536 6.00391 11.3378 6.00391 11.3183H5.00391C5.00391 11.89 5.46742 12.3536 6.0392 12.3536V11.3536ZM10.4539 11.3536H6.0392V12.3536H10.4539V11.3536ZM10.9539 16.1212V11.8536H9.95391V16.1212H10.9539ZM11.0039 16.1712C10.9763 16.1712 10.9539 16.1488 10.9539 16.1212H9.95391C9.95391 16.7011 10.424 17.1712 11.0039 17.1712V16.1712ZM11.0539 16.1212C11.0539 16.1488 11.0315 16.1712 11.0039 16.1712V17.1712C11.5838 17.1712 12.0539 16.7011 12.0539 16.1212H11.0539ZM11.0539 11.8536V16.1212H12.0539V11.8536H11.0539ZM15.9686 11.3536H11.5539V12.3536H15.9686V11.3536ZM16.0039 11.3183C16.0039 11.3378 15.9881 11.3536 15.9686 11.3536V12.3536C16.5404 12.3536 17.0039 11.89 17.0039 11.3183H16.0039ZM15.9686 11.283C15.9881 11.283 16.0039 11.2988 16.0039 11.3183H17.0039C17.0039 10.7465 16.5404 10.283 15.9686 10.283V11.283ZM11.5539 11.283H15.9686V10.283H11.5539V11.283ZM11.0539 6.51533V10.783H12.0539V6.51533H11.0539ZM11.0039 6.46533C11.0315 6.46533 11.0539 6.48772 11.0539 6.51533H12.0539C12.0539 5.93543 11.5838 5.46533 11.0039 5.46533V6.46533Z", fill: "white" })));
+exports.default = AddIcon;

package/dist/cjs/components/icons/added.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AddedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.538 0.721074L18.6149 3.57386C20.1857 4.45652 21.1534 6.08774 21.1534 7.85305V13.5586C21.1534 15.3239 20.1857 16.9552 18.6149 17.8378L13.538 20.6906C11.9672 21.5733 10.0319 21.5733 8.46109 20.6906L3.38416 17.8378C1.81336 16.9552 0.845703 15.3239 0.845703 13.5586V7.85305C0.845703 6.08774 1.81336 4.45652 3.38416 3.57386L8.46109 0.721074C10.0319 -0.161582 11.9672 -0.161582 13.538 0.721074Z", fill: "#80BE86" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.83268 10.9309C7.49327 10.6199 6.94679 10.6344 6.62336 10.9522L6.53347 11.0406C6.20499 11.3634 6.21569 11.8788 6.55357 12.1884L9.46864 14.8597L16.5368 8.29962C16.8769 7.98396 16.8719 7.47082 16.5372 7.16418L16.4442 7.07895C16.1044 6.76753 15.5537 6.76749 15.2148 7.07833L9.42434 12.3895L7.83268 10.9309Z", fill: "white" })));
+exports.default = AddedIcon;

package/dist/cjs/components/icons/arrow-down-circle.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ArrowDownCircleIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "19", viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M18.5 9.5C18.5 14.4706 14.4706 18.5 9.5 18.5C4.52944 18.5 0.5 14.4706 0.5 9.5C0.5 4.52944 4.52944 0.5 9.5 0.5C14.4706 0.5 18.5 4.52944 18.5 9.5Z", stroke: "#E2E2E2" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.3437 8.231C12.7604 7.88994 13.3921 7.93134 13.7545 8.32348C14.117 8.71562 14.073 9.31 13.6562 9.65106L9.56451 13L5.35969 9.70134C4.93548 9.36855 4.87828 8.77516 5.23193 8.37598C5.58557 7.97679 6.21615 7.92296 6.64035 8.25575L9.53703 10.5282L12.3437 8.231Z", fill: "#6E6E6E" })));
+exports.default = ArrowDownCircleIcon;

package/dist/cjs/components/icons/arrow-down.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ArrowDownIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0625 6L12 6.9375L8 10.9375L4 6.9375L4.9375 6L8 9.0625L11.0625 6Z", fill: "#6E6E6E" })));
+exports.default = ArrowDownIcon;

package/dist/cjs/components/icons/{left-arrow.js → arrow-left.js}

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const LeftArrow = () => (react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const ArrowLeftIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.769 9.34373C8.11006 9.76045 8.06866 10.3921 7.67652 10.7545C7.28438 11.117 6.69 11.073 6.34894 10.6562L3 6.56451L6.29866 2.35969C6.63145 1.93548 7.22484 1.87828 7.62403 2.23193C8.02321 2.58557 8.07704 3.21615 7.74425 3.64035L5.47182 6.53703L7.769 9.34373Z", fill: "#6E6E6E" })));
-exports.default = LeftArrow;
+exports.default = ArrowLeftIcon;

package/dist/cjs/components/icons/arrow-up.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ArrowUpIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.65627 4.769C1.23955 5.11006 0.607922 5.06866 0.24548 4.67652C-0.116961 4.28438 -0.0729634 3.69 0.343752 3.34894L4.43549 7.75526e-07L8.64031 3.29867C9.06452 3.63145 9.12172 4.22484 8.76807 4.62403C8.41443 5.02321 7.78385 5.07704 7.35965 4.74425L4.46297 2.47182L1.65627 4.769Z", fill: "#6E6E6E" })));
+exports.default = ArrowUpIcon;

package/dist/cjs/components/icons/attach.js

@@ -19,6 +19,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AttachIcon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const AttachIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M8.85683 5.35715L5.85183 8.36215C5.16883 9.04515 5.16883 10.1531 5.85183 10.8371C6.53483 11.5201 7.64283 11.5201 8.32683 10.8371L12.3928 6.77115C13.7598 5.40415 13.7598 3.18815 12.3928 1.82115C11.0258 0.454148 8.80983 0.454148 7.44283 1.82115L3.02383 6.24115C0.973828 8.29115 0.973828 11.6151 3.02383 13.6661C5.07383 15.7161 8.39783 15.7161 10.4488 13.6661L14.5138 9.60015", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
 exports.default = AttachIcon;

package/dist/cjs/components/icons/attention-blue.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AttentionBlueIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { clipPath: "url(#clip0_62_49)" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.201 17.799 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12C1.5 17.799 6.2 22.5 12 22.5ZM12 24C18.627 24 24 18.627 24 12C24 5.373 18.627 0 12 0C5.373 0 0 5.373 0 12C0 18.627 5.372 24 12 24ZM12 8C11.7348 8 11.4804 7.89464 11.2929 7.70711C11.1054 7.51957 11 7.26522 11 7C11 6.73478 11.1054 6.48043 11.2929 6.29289C11.4804 6.10536 11.7348 6 12 6C12.2652 6 12.5196 6.10536 12.7071 6.29289C12.8946 6.48043 13 6.73478 13 7C13 7.26522 12.8946 7.51957 12.7071 7.70711C12.5196 7.89464 12.2652 8 12 8ZM12.02 18.2C11.7813 18.2 11.5524 18.1052 11.3836 17.9364C11.2148 17.7676 11.12 17.5387 11.12 17.3V10.1C11.12 9.86131 11.2148 9.63239 11.3836 9.4636C11.5524 9.29482 11.7813 9.2 12.02 9.2C12.2587 9.2 12.4876 9.29482 12.6564 9.4636C12.8252 9.63239 12.92 9.86131 12.92 10.1V17.3C12.92 17.5387 12.8252 17.7676 12.6564 17.9364C12.4876 18.1052 12.2587 18.2 12.02 18.2Z", fill: "#1A9BC7" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_62_49" },
+            react_1.default.createElement("rect", { width: "24", height: "24", fill: "white" })))));
+exports.default = AttentionBlueIcon;

package/dist/cjs/components/icons/attention-green.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AttentionGreenIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M11.9998 0C5.38278 0 0 5.3832 0 12C0 18.6168 5.38278 24 11.9998 24C18.6167 24 24 18.6168 24 12C24 5.3832 18.6167 0 11.9998 0ZM11.9998 22.4262C6.2508 22.4262 1.5738 17.749 1.5738 12C1.5738 6.25098 6.25074 1.57386 11.9998 1.57386C17.7488 1.57386 22.426 6.25104 22.426 12C22.4261 17.749 17.7487 22.4262 11.9998 22.4262Z", fill: "#36B260" }),
+    react_1.default.createElement("path", { d: "M16.3444 8.07156L10.1565 14.2591L7.65515 11.7583C7.34777 11.4513 6.84983 11.4511 6.54245 11.7585C6.23495 12.066 6.23495 12.564 6.54245 12.8714L9.60023 15.9287C9.75389 16.0822 9.95519 16.159 10.1565 16.159C10.3578 16.159 10.5596 16.0822 10.7132 15.9284L10.7149 15.9263L17.457 9.18426C17.7645 8.87706 17.7645 8.3787 17.457 8.0715C17.1497 7.76412 16.6514 7.76412 16.3444 8.07156Z", fill: "#36B260" })));
+exports.default = AttentionGreenIcon;

package/dist/cjs/components/icons/attention-orange.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AttentionOrangeIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { clipPath: "url(#clip0_62_51)" },
+        react_1.default.createElement("path", { d: "M12 19.7C12.5523 19.7 13 19.2523 13 18.7C13 18.1477 12.5523 17.7 12 17.7C11.4477 17.7 11 18.1477 11 18.7C11 19.2523 11.4477 19.7 12 19.7Z", fill: "#FE8F1F" }),
+        react_1.default.createElement("path", { d: "M12.92 8.4C12.92 7.90294 12.5171 7.5 12.02 7.5C11.5229 7.5 11.12 7.90294 11.12 8.4V15.6C11.12 16.0971 11.5229 16.5 12.02 16.5C12.5171 16.5 12.92 16.0971 12.92 15.6V8.4Z", fill: "#FE8F1F" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.901 1.98001L22.311 21.567C22.3842 21.7193 22.4176 21.8877 22.408 22.0565C22.3985 22.2252 22.3463 22.3888 22.2564 22.5319C22.1666 22.675 22.0419 22.793 21.894 22.8748C21.7462 22.9567 21.58 22.9998 21.411 23H2.59C2.42092 22.9999 2.25461 22.957 2.10663 22.8752C1.95865 22.7934 1.83382 22.6754 1.74383 22.5323C1.65383 22.3891 1.60159 22.2255 1.592 22.0567C1.58241 21.8879 1.61579 21.7194 1.689 21.567L11.099 1.98101C11.1807 1.8114 11.3085 1.66828 11.4679 1.56812C11.6273 1.46796 11.8118 1.41483 12 1.41483C12.1882 1.41483 12.3727 1.46796 12.5321 1.56812C12.6915 1.66828 12.8193 1.8114 12.901 1.98101V1.98001Z", stroke: "#FE8F1F", strokeWidth: "1.5" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_62_51" },
+            react_1.default.createElement("rect", { width: "24", height: "24", fill: "white" })))));
+exports.default = AttentionOrangeIcon;

package/dist/cjs/components/icons/attention-red.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AttentionRedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { clipPath: "url(#clip0_62_44)" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 1.5C17.799 1.5 22.5 6.201 22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.201 22.5 1.5 17.799 1.5 12C1.5 6.201 6.2 1.5 12 1.5ZM12 0C18.627 0 24 5.373 24 12C24 18.627 18.627 24 12 24C5.373 24 0 18.627 0 12C0 5.373 5.372 0 12 0ZM12 16.2C11.7348 16.2 11.4804 16.3054 11.2929 16.4929C11.1054 16.6804 11 16.9348 11 17.2C11 17.4652 11.1054 17.7196 11.2929 17.9071C11.4804 18.0946 11.7348 18.2 12 18.2C12.2652 18.2 12.5196 18.0946 12.7071 17.9071C12.8946 17.7196 13 17.4652 13 17.2C13 16.9348 12.8946 16.6804 12.7071 16.4929C12.5196 16.3054 12.2652 16.2 12 16.2ZM12.02 6C11.7813 6 11.5524 6.09482 11.3836 6.2636C11.2148 6.43239 11.12 6.66131 11.12 6.9V14.1C11.12 14.3387 11.2148 14.5676 11.3836 14.7364C11.5524 14.9052 11.7813 15 12.02 15C12.2587 15 12.4876 14.9052 12.6564 14.7364C12.8252 14.5676 12.92 14.3387 12.92 14.1V6.9C12.92 6.66131 12.8252 6.43239 12.6564 6.2636C12.4876 6.09482 12.2587 6 12.02 6Z", fill: "#F35143" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_62_44" },
+            react_1.default.createElement("rect", { width: "24", height: "24", fill: "white" })))));
+exports.default = AttentionRedIcon;

package/dist/cjs/components/icons/avatar.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AvatarIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M16 0C24.837 0 32 7.163 32 16C32 24.837 24.837 32 16 32C7.163 32 0 24.837 0 16C0 7.163 7.163 0 16 0ZM16 17.585C14.7258 17.585 13.4651 17.8457 12.2954 18.351C11.1257 18.8563 10.0718 19.5956 9.19841 20.5234C8.32504 21.4512 7.65073 22.5478 7.21694 23.7459C6.78315 24.944 6.59907 26.2181 6.676 27.49C9.31009 29.6338 12.6038 30.802 16 30.797C19.396 30.802 22.6896 29.6342 25.324 27.491C25.4009 26.2191 25.2168 24.945 24.7831 23.7469C24.3493 22.5488 23.675 21.4522 22.8016 20.5244C21.9282 19.5966 20.8743 18.8573 19.7046 18.352C18.5349 17.8467 17.2742 17.586 16 17.586V17.585ZM16 1.203C7.828 1.203 1.203 7.828 1.203 16C1.203 20.03 2.815 23.685 5.429 26.354C5.672 21.779 8.82 17.976 13.062 16.753C12.0228 16.1131 11.2209 15.1516 10.778 14.0145C10.3351 12.8773 10.2754 11.6267 10.608 10.4526C10.9406 9.27843 11.6473 8.24491 12.6208 7.509C13.5943 6.7731 14.7814 6.37501 16.0018 6.37522C17.2221 6.37543 18.4091 6.77391 19.3823 7.51015C20.3556 8.24639 21.0619 9.28015 21.3941 10.4544C21.7263 11.6287 21.6662 12.8793 21.2229 14.0163C20.7796 15.1533 19.9774 16.1145 18.938 16.754C23.18 17.976 26.328 21.779 26.571 26.354C29.2842 23.5912 30.802 19.8723 30.797 16C30.797 7.828 24.172 1.203 16 1.203ZM16 7.621C15.4219 7.61225 14.8479 7.71854 14.3113 7.93369C13.7747 8.14885 13.2863 8.46857 12.8744 8.87426C12.4625 9.27994 12.1355 9.76349 11.9122 10.2968C11.6889 10.83 11.574 11.4024 11.574 11.9805C11.574 12.5586 11.6889 13.131 11.9122 13.6642C12.1355 14.1975 12.4625 14.6811 12.8744 15.0867C13.2863 15.4924 13.7747 15.8122 14.3113 16.0273C14.8479 16.2425 15.4219 16.3488 16 16.34C17.1448 16.3227 18.2368 15.8557 19.0402 15.0401C19.8436 14.2244 20.294 13.1254 20.294 11.9805C20.294 10.8356 19.8436 9.73663 19.0402 8.92095C18.2368 8.10527 17.1448 7.63834 16 7.621Z", fill: "#6E6E6E" })));
+exports.default = AvatarIcon;

package/dist/cjs/components/icons/citation-count.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const CitationCountIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "18", height: "16", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M7.04082 15V15.75H7.79082V15H7.04082ZM1 15H0.25V15.75H1V15ZM6.98639 1H7.73639V0.25H6.98639V1ZM6.98639 3.71318V4.46318H7.73639V3.71318H6.98639ZM3.82993 8.97674H3.07993V9.72674H3.82993V8.97674ZM7.04082 8.97674H7.79082V8.22674H7.04082V8.97674ZM17 15V15.75H17.75V15H17ZM10.9592 15H10.2092V15.75H10.9592V15ZM16.9456 1H17.6956V0.25H16.9456V1ZM16.9456 3.71318V4.46318H17.6956V3.71318H16.9456ZM13.7891 8.97674H13.0391V9.72674H13.7891V8.97674ZM17 8.97674H17.75V8.22674H17V8.97674ZM7.04082 14.25H1V15.75H7.04082V14.25ZM1.75 15V8.97674H0.25V15H1.75ZM1.75 8.97674C1.75 7.94593 1.86197 6.98457 2.08203 6.09001L0.625454 5.7317C0.373856 6.75446 0.25 7.837 0.25 8.97674H1.75ZM2.08203 6.09001C2.2994 5.2064 2.6292 4.44921 3.06325 3.80804L1.82111 2.96715C1.27556 3.77302 0.879745 4.69799 0.625454 5.7317L2.08203 6.09001ZM3.06325 3.80804C3.48836 3.18007 4.02861 2.68023 4.69102 2.30281L3.94844 0.999515C3.08703 1.49032 2.37559 2.14808 1.82111 2.96715L3.06325 3.80804ZM4.69102 2.30281C5.32296 1.94275 6.07986 1.75 6.98639 1.75V0.25C5.86117 0.25 4.84031 0.491354 3.94844 0.999515L4.69102 2.30281ZM6.23639 1V3.71318H7.73639V1H6.23639ZM6.98639 2.96318C6.24207 2.96318 5.56238 3.15073 5.00484 3.58031L5.92033 4.76853C6.16098 4.58312 6.49715 4.46318 6.98639 4.46318V2.96318ZM5.00484 3.58031C4.50577 3.96483 4.11078 4.46447 3.81256 5.05916L5.15342 5.73154C5.36315 5.31331 5.62121 4.999 5.92033 4.76853L5.00484 3.58031ZM3.81256 5.05916C3.51804 5.64649 3.32427 6.29539 3.22357 6.99828L4.70841 7.21102C4.78911 6.64776 4.94001 6.15713 5.15342 5.73154L3.81256 5.05916ZM3.22357 6.99828C3.12802 7.66519 3.07993 8.32478 3.07993 8.97674H4.57993C4.57993 8.39873 4.62255 7.81026 4.70841 7.21102L3.22357 6.99828ZM3.82993 9.72674H7.04082V8.22674H3.82993V9.72674ZM6.29082 8.97674V15H7.79082V8.97674H6.29082ZM17 14.25H10.9592V15.75H17V14.25ZM11.7092 15V8.97674H10.2092V15H11.7092ZM11.7092 8.97674C11.7092 7.94593 11.8212 6.98457 12.0412 6.09001L10.5846 5.7317C10.333 6.75446 10.2092 7.837 10.2092 8.97674H11.7092ZM12.0412 6.09001C12.2586 5.2064 12.5884 4.44921 13.0224 3.80804L11.7803 2.96715C11.2347 3.77302 10.8389 4.69799 10.5846 5.7317L12.0412 6.09001ZM13.0224 3.80804C13.4475 3.18007 13.9878 2.68023 14.6502 2.30281L13.9076 0.999515C13.0462 1.49032 12.3348 2.14808 11.7803 2.96715L13.0224 3.80804ZM14.6502 2.30281C15.2821 1.94275 16.039 1.75 16.9456 1.75V0.25C15.8204 0.25 14.7995 0.491354 13.9076 0.999515L14.6502 2.30281ZM16.1956 1V3.71318H17.6956V1H16.1956ZM16.9456 2.96318C16.2013 2.96318 15.5216 3.15073 14.964 3.58031L15.8795 4.76853C16.1202 4.58312 16.4563 4.46318 16.9456 4.46318V2.96318ZM14.964 3.58031C14.465 3.96483 14.07 4.46447 13.7717 5.05916L15.1126 5.73154C15.3223 5.31331 15.5804 4.999 15.8795 4.76853L14.964 3.58031ZM13.7717 5.05916C13.4772 5.64649 13.2835 6.29539 13.1828 6.99828L14.6676 7.21102C14.7483 6.64776 14.8992 6.15713 15.1126 5.73154L13.7717 5.05916ZM13.1828 6.99828C13.0872 7.66519 13.0391 8.32478 13.0391 8.97674H14.5391C14.5391 8.39873 14.5817 7.81026 14.6676 7.21102L13.1828 6.99828ZM13.7891 9.72674H17V8.22674H13.7891V9.72674ZM16.25 8.97674V15H17.75V8.97674H16.25Z", fill: "#C9C9C9" })));
+exports.default = CitationCountIcon;

package/dist/cjs/components/icons/comment-reply.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const CommentReplyIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M15 16.032C15 11.333 15 6.032 5 7.152M6.628 10.03L4 7.015L6.628 4V10.03Z", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round" })));
+exports.default = CommentReplyIcon;

package/dist/cjs/components/icons/{back-arrow.js → comment-resolve.js}

@@ -18,9 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackArrow = void 0;
 const react_1 = __importDefault(require("react"));
-const BackArrow = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 408 408", width: props.size || 408, height: props.size || 408 }, props),
-    react_1.default.createElement("path", { d: "M408 178.5H96.9L239.7 35.7 204 0 0 204l204 204 35.7-35.7L96.9 229.5H408v-51z", fill: props.color || '#000', fillRule: "evenodd" })));
-exports.BackArrow = BackArrow;
-exports.default = exports.BackArrow;
+const CommentResolveIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M8.64608 13.144C8.08269 12.5841 7.17265 12.5695 6.60236 13.1222L6.92419 12.8103C6.35886 13.3582 6.35977 14.2553 6.91993 14.808L10.7334 18.5701C11.2964 19.1255 12.2245 19.1439 12.8024 18.615L21.0556 11.0609C21.6353 10.5303 21.6519 9.66087 21.0816 9.10819L21.4034 9.42008C20.8381 8.8722 19.9037 8.85872 19.322 9.3849L11.7527 16.2314L8.64608 13.144Z", fill: "#353535" })));
+exports.default = CommentResolveIcon;

package/dist/cjs/components/icons/corresponding-author.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const CorrespondingAuthorIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { clipPath: "url(#clip0_4650_181752)" },
+        react_1.default.createElement("path", { d: "M16.17 6.497C15.9068 6.23386 15.698 5.92144 15.5556 5.57758C15.4132 5.23373 15.3399 4.86518 15.34 4.493C15.34 3.74164 15.0415 3.02106 14.5102 2.48977C13.9789 1.95848 13.2584 1.66 12.507 1.66C12.1348 1.66007 11.7663 1.58681 11.4224 1.44439C11.0786 1.30198 10.7661 1.0932 10.503 0.830002C10.2399 0.566854 9.92758 0.35811 9.58382 0.215691C9.24005 0.0732722 8.8716 -3.05176e-05 8.4995 -3.05176e-05C8.1274 -3.05176e-05 7.75895 0.0732722 7.41518 0.215691C7.07142 0.35811 6.75908 0.566854 6.496 0.830002C5.96474 1.36123 5.24429 1.65977 4.493 1.66C4.12096 1.66 3.75257 1.73328 3.40886 1.87565C3.06514 2.01802 2.75283 2.2267 2.48977 2.48977C2.2267 2.75284 2.01802 3.06514 1.87565 3.40886C1.73328 3.75258 1.66 4.12097 1.66 4.493C1.66 5.244 1.361 5.965 0.83 6.496C0.566851 6.75908 0.358107 7.07142 0.215688 7.41519C0.0732693 7.75895 -3.33786e-05 8.12741 -3.33786e-05 8.4995C-3.33786e-05 8.8716 0.0732693 9.24006 0.215688 9.58382C0.358107 9.92758 0.566851 10.2399 0.83 10.503C1.361 11.035 1.66 11.756 1.66 12.507C1.66 13.2584 1.95848 13.9789 2.48977 14.5102C3.02106 15.0415 3.74164 15.34 4.493 15.34C5.244 15.34 5.965 15.639 6.496 16.17C6.75908 16.4331 7.07142 16.6419 7.41518 16.7843C7.75895 16.9267 8.1274 17 8.4995 17C8.8716 17 9.24005 16.9267 9.58382 16.7843C9.92758 16.6419 10.2399 16.4331 10.503 16.17C10.7661 15.9068 11.0786 15.698 11.4224 15.5556C11.7663 15.4132 12.1348 15.3399 12.507 15.34C13.2584 15.34 13.9789 15.0415 14.5102 14.5102C15.0415 13.9789 15.34 13.2584 15.34 12.507C15.34 11.755 15.639 11.035 16.17 10.503C16.7011 9.97173 16.9995 9.25125 16.9995 8.5C16.9995 7.74876 16.7011 7.02827 16.17 6.497Z", fill: "#6E76E5" }),
+        react_1.default.createElement("path", { d: "M8.503 15C6.78133 14.9976 5.1309 14.3125 3.91368 13.0949C2.69647 11.8773 2.01185 10.2267 2.01 8.50501C2.01185 6.78334 2.69647 5.13269 3.91368 3.9151C5.1309 2.69751 6.78133 2.01239 8.503 2.01001C10.2253 2.0116 11.8766 2.69634 13.0946 3.91398C14.3126 5.13163 14.9979 6.78273 15 8.50501C14.9979 10.2273 14.3126 11.8784 13.0946 13.096C11.8766 14.3137 10.2253 14.9984 8.503 15ZM8.503 2.93601C7.02659 2.9376 5.61112 3.52487 4.56723 4.56895C3.52334 5.61302 2.93632 7.0286 2.935 8.50501C2.93659 9.98125 3.52373 11.3966 4.56758 12.4404C5.61144 13.4843 7.02676 14.0714 8.503 14.073C9.97933 14.0714 11.3948 13.4843 12.4388 12.4405C13.4828 11.3967 14.0701 9.98134 14.072 8.50501C14.0704 7.02851 13.4832 5.61293 12.4391 4.56889C11.3951 3.52484 9.9795 2.9376 8.503 2.93601Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M8.496 10.891C8.45267 10.891 8.41367 10.878 8.379 10.852C8.353 10.8173 8.34 10.7783 8.34 10.735V9.071C8.34 9.05367 8.33133 9.04067 8.314 9.032C8.30533 9.02333 8.29233 9.02333 8.275 9.032L6.78 9.89C6.74533 9.90733 6.71933 9.916 6.702 9.916C6.64133 9.916 6.59367 9.88567 6.559 9.825L6.481 9.682C6.47233 9.66467 6.468 9.63867 6.468 9.604C6.468 9.552 6.494 9.50867 6.546 9.474L8.041 8.629C8.05833 8.62033 8.067 8.60733 8.067 8.59C8.067 8.57267 8.05833 8.55967 8.041 8.551L6.546 7.706C6.468 7.654 6.45067 7.58467 6.494 7.498L6.559 7.355C6.57633 7.31167 6.60667 7.28567 6.65 7.277C6.69333 7.25967 6.73667 7.264 6.78 7.29L8.275 8.148C8.29233 8.15667 8.30533 8.15667 8.314 8.148C8.33133 8.13933 8.34 8.12633 8.34 8.109V6.445C8.34 6.40167 8.353 6.367 8.379 6.341C8.41367 6.30633 8.45267 6.289 8.496 6.289H8.665C8.70833 6.289 8.743 6.30633 8.769 6.341C8.80367 6.367 8.821 6.40167 8.821 6.445V8.109C8.821 8.12633 8.82533 8.13933 8.834 8.148C8.85133 8.15667 8.86867 8.15667 8.886 8.148L10.381 7.29C10.4157 7.27267 10.4417 7.264 10.459 7.264C10.5023 7.264 10.5457 7.29433 10.589 7.355L10.667 7.498C10.6843 7.53267 10.693 7.55867 10.693 7.576C10.693 7.61933 10.667 7.66267 10.615 7.706L9.12 8.551C9.11133 8.55967 9.107 8.57267 9.107 8.59C9.107 8.60733 9.11133 8.62033 9.12 8.629L10.615 9.474C10.7017 9.53467 10.719 9.604 10.667 9.682L10.589 9.825C10.563 9.86833 10.5283 9.89867 10.485 9.916C10.4503 9.92467 10.4113 9.916 10.368 9.89L8.886 9.032C8.86867 9.02333 8.85133 9.02333 8.834 9.032C8.82533 9.04067 8.821 9.05367 8.821 9.071V10.735C8.821 10.7783 8.80367 10.8173 8.769 10.852C8.743 10.878 8.70833 10.891 8.665 10.891H8.496Z", fill: "white" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_4650_181752" },
+            react_1.default.createElement("rect", { width: "17", height: "17", fill: "white" })))));
+exports.default = CorrespondingAuthorIcon;

package/dist/cjs/components/icons/delete-solid.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const DeleteSolidIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M15.494 3.375H11.955C11.93 3.165 11.714 3 11.451 3H8.548C8.286 3 8.07 3.165 8.045 3.375H4.506C4.226 3.375 4 3.561 4 3.792V4.583C4 4.813 4.227 5 4.506 5H15.494C15.774 5 16 4.814 16 4.583V3.792C16 3.562 15.773 3.375 15.494 3.375ZM5 6V16.491C5 16.772 5.23 17 5.513 17H14.487C14.5541 17.0004 14.6207 16.9875 14.6829 16.9621C14.745 16.9367 14.8015 16.8993 14.8492 16.852C14.8969 16.8048 14.9347 16.7485 14.9606 16.6866C14.9865 16.6246 14.9999 16.5581 15 16.491V6H5ZM8.753 13.874C8.753 14.184 8.5 14.435 8.188 14.435C8.03886 14.4355 7.89559 14.3769 7.78966 14.2719C7.68373 14.1669 7.62379 14.0241 7.623 13.875V8.311C7.623 8.001 7.876 7.75 8.188 7.75C8.5 7.75 8.753 8 8.753 8.31V13.873V13.874ZM12.377 13.874C12.377 14.184 12.124 14.435 11.812 14.435C11.6629 14.4355 11.5196 14.3769 11.4137 14.2719C11.3077 14.1669 11.2478 14.0241 11.247 13.875V8.311C11.247 8.001 11.5 7.75 11.812 7.75C12.124 7.75 12.377 8 12.377 8.31V13.873V13.874Z", fill: "#6E6E6E" })));
+exports.default = DeleteSolidIcon;

package/dist/cjs/components/icons/{delete-icon.js → deleted.js}

@@ -3,13 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteIcon = void 0;
 const react_1 = __importDefault(require("react"));
-const DeleteIcon = () => (react_1.default.createElement("svg", { width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const DeleteIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M2.00001 2.99995C2 3.0013 2 3.00265 2 3.00399V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00399C11 3.00265 11 3.0013 11 2.99995C11.5978 3.34576 12 3.99211 12 4.73239V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73239C1 3.99211 1.4022 3.34576 2.00001 2.99995Z", fill: "#F35143" }),
     react_1.default.createElement("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z", fill: "#F35143" }),
     react_1.default.createElement("rect", { className: "icon_element", y: "2", width: "13", height: "3", rx: "1.5", fill: "#F35143" }),
     react_1.default.createElement("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z", fill: "#F35143" }),
     react_1.default.createElement("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z", fill: "#F35143" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z", fill: "white" })));
-exports.DeleteIcon = DeleteIcon;
+exports.default = DeleteIcon;

package/dist/cjs/components/icons/{dots-icon.js → dots.js}

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const DotsIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "4", height: "16", viewBox: "0 0 4 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const DotsIcon = (props) => (react_1.default.createElement("svg", Object.assign({ className: props.className, width: "4", height: "16", viewBox: "0 0 4 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("circle", { cx: "2", cy: "2", r: "2", fill: "#6E6E6E" }),
     react_1.default.createElement("circle", { cx: "2", cy: "8", r: "2", fill: "#6E6E6E" }),
     react_1.default.createElement("circle", { cx: "2", cy: "14", r: "2", fill: "#6E6E6E" })));

package/dist/cjs/components/icons/edit.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const EditIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M15.0353 2.96374C14.7512 2.67922 14.4139 2.45349 14.0425 2.29948C13.6711 2.14547 13.273 2.06619 12.871 2.06619C12.469 2.06619 12.0709 2.14547 11.6995 2.29948C11.3281 2.45349 10.9908 2.67922 10.7067 2.96374L2.77073 10.8987C2.70957 10.9601 2.67023 11.0399 2.65873 11.1259L2.07099 15.4811C2.06262 15.5416 2.06838 15.6032 2.08781 15.6612C2.10724 15.7191 2.13982 15.7717 2.18299 15.8149C2.25766 15.8896 2.36006 15.9333 2.46353 15.9333C2.48166 15.9333 2.49873 15.9333 2.51686 15.9301L5.14086 15.576C5.24362 15.5592 5.33578 15.503 5.39775 15.4193C5.45972 15.3356 5.48662 15.2311 5.47273 15.1279C5.45884 15.0247 5.40526 14.931 5.32337 14.8667C5.24148 14.8024 5.13774 14.7725 5.03419 14.7835L2.93073 15.0672L3.34139 12.0304L6.53819 15.2272C6.57467 15.2647 6.61829 15.2945 6.66647 15.3148C6.71465 15.3352 6.76643 15.3456 6.81873 15.3456C6.87103 15.3456 6.9228 15.3352 6.97098 15.3148C7.01916 15.2945 7.06278 15.2647 7.09926 15.2272L15.0353 7.29334C15.3207 7.00975 15.5471 6.67234 15.7013 6.30066C15.8554 5.92897 15.9343 5.5304 15.9334 5.12801C15.9334 4.30881 15.6134 3.54081 15.0353 2.96374ZM10.8603 3.93974L12.1937 5.27201L4.95099 12.5147L3.61873 11.1813L10.8614 3.93867L10.8603 3.93974ZM6.82193 14.3824L5.51846 13.0789L12.7611 5.83627L14.0625 7.13974L6.82193 14.3824ZM14.6193 6.56907L11.4299 3.38081C11.8353 3.04694 12.3409 2.86347 12.8721 2.86347C13.1695 2.86277 13.4641 2.92084 13.7391 3.03434C14.014 3.14784 14.2638 3.31454 14.4741 3.52486C14.6845 3.73518 14.8512 3.98498 14.9647 4.25992C15.0782 4.53485 15.1362 4.8295 15.1355 5.12694C15.1355 5.66241 14.9521 6.16481 14.6182 6.56907H14.6193Z", fill: "#353535", stroke: "#353535", strokeWidth: "0.533333" })));
+exports.default = EditIcon;

package/dist/cjs/components/icons/{audio-icon.js → file-audio.js}

@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AudioIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const FileAudioIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M12 21.7197C11.6022 21.7197 11.2206 21.5617 10.9393 21.2804C10.658 20.9991 10.5 20.6176 10.5 20.2197V5.21973C10.5 4.8219 10.658 4.44037 10.9393 4.15907C11.2206 3.87776 11.6022 3.71973 12 3.71973C12.3978 3.71973 12.7794 3.87776 13.0607 4.15907C13.342 4.44037 13.5 4.8219 13.5 5.21973V20.2197C13.5 20.6176 13.342 20.9991 13.0607 21.2804C12.7794 21.5617 12.3978 21.7197 12 21.7197Z", fill: "#F474AE" }),
     react_1.default.createElement("path", { d: "M6 18.7197C5.60218 18.7197 5.22064 18.5617 4.93934 18.2804C4.65804 17.9991 4.5 17.6176 4.5 17.2197V8.21973C4.5 7.8219 4.65804 7.44037 4.93934 7.15907C5.22064 6.87776 5.60218 6.71973 6 6.71973C6.39782 6.71973 6.77936 6.87776 7.06066 7.15907C7.34196 7.44037 7.5 7.8219 7.5 8.21973V17.2197C7.5 17.6176 7.34196 17.9991 7.06066 18.2804C6.77936 18.5617 6.39782 18.7197 6 18.7197Z", fill: "#F474AE" }),
     react_1.default.createElement("path", { d: "M18 15.7197C17.6022 15.7197 17.2206 15.5617 16.9393 15.2804C16.658 14.9991 16.5 14.6176 16.5 14.2197V11.2197C16.5 10.8219 16.658 10.4404 16.9393 10.1591C17.2206 9.87776 17.6022 9.71973 18 9.71973C18.3978 9.71973 18.7794 9.87776 19.0607 10.1591C19.342 10.4404 19.5 10.8219 19.5 11.2197V14.2197C19.5 14.6176 19.342 14.9991 19.0607 15.2804C18.7794 15.5617 18.3978 15.7197 18 15.7197Z", fill: "#F474AE" })));
-exports.default = AudioIcon;
+exports.default = FileAudioIcon;

package/dist/cjs/components/icons/{code-file-icon.js → file-code.js}

@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const CodeFileIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const FileCodeIcon = (props) => (react_1.default.createElement("svg", Object.assign({ className: props.className, width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M5.35566 15.2819L1.02175 10.948L5.46094 6.50879", stroke: "#B3A1FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M15.4617 15.2819L19.7956 10.948L15.3564 6.50879", stroke: "#B3A1FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M12.5 1.96973L8.75 19.4697", stroke: "#B3A1FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-exports.default = CodeFileIcon;
+exports.default = FileCodeIcon;

package/dist/cjs/components/icons/{compressed-file-icon.js → file-compressed.js}

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const CompressedFileIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "22", height: "26", viewBox: "0 0 22 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const FileCompressedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ className: props.className, width: "22", height: "26", viewBox: "0 0 22 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("line", { x1: "11.75", y1: "2.21973", x2: "11.75", y2: "3.71973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
     react_1.default.createElement("line", { x1: "11.75", y1: "5.21973", x2: "11.75", y2: "6.71973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
     react_1.default.createElement("line", { x1: "11.75", y1: "8.21973", x2: "11.75", y2: "9.71973", stroke: "#6E6E6E", strokeWidth: "1.5" }),
@@ -30,4 +30,4 @@ const CompressedFileIcon = (props) => (react_1.default.createElement("svg", { cl
     react_1.default.createElement("path", { d: "M7.97502 12.7197V13.2221C7.97502 13.2935 7.9633 13.3635 7.93987 13.4321C7.91904 13.5008 7.88911 13.5653 7.85006 13.6257L5.17911 17.649H7.88911V18.7197H3.5V18.1844C3.5 18.1212 3.51041 18.0595 3.53124 17.9991C3.55207 17.9359 3.5807 17.8783 3.61715 17.8261L6.29591 13.7904H3.71867V12.7197H7.97502Z", fill: "#6E6E6E" }),
     react_1.default.createElement("path", { d: "M11.5859 18.7197H10.2582V12.7197H11.5859V18.7197Z", fill: "#6E6E6E" }),
     react_1.default.createElement("path", { d: "M15.5245 16.7142V18.7197H14.2046V12.7197H16.2117C16.6126 12.7197 16.9563 12.7705 17.2426 12.8721C17.5316 12.9709 17.7685 13.1082 17.9533 13.2839C18.1407 13.4596 18.2787 13.6669 18.3672 13.9057C18.4557 14.1446 18.5 14.4026 18.5 14.6799C18.5 14.9792 18.4544 15.2537 18.3633 15.5035C18.2722 15.7534 18.1329 15.9675 17.9455 16.1459C17.7581 16.3244 17.5199 16.4644 17.2309 16.566C16.9445 16.6648 16.6048 16.7142 16.2117 16.7142H15.5245ZM15.5245 15.6641H16.2117C16.5554 15.6641 16.8027 15.5777 16.9537 15.4047C17.1046 15.2317 17.1801 14.9901 17.1801 14.6799C17.1801 14.5427 17.1606 14.4177 17.1216 14.3052C17.0825 14.1926 17.0226 14.0965 16.9419 14.0169C16.8638 13.9346 16.7636 13.8714 16.6413 13.8275C16.5215 13.7836 16.3783 13.7616 16.2117 13.7616H15.5245V15.6641Z", fill: "#6E6E6E" })));
-exports.default = CompressedFileIcon;
+exports.default = FileCompressedIcon;

package/dist/cjs/components/icons/{corrupted-file-icon.js → file-corrupted.js}

@@ -19,9 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const CorruptedFileIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: props.className },
+const FileCorruptedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M14.186 5.65149L13.6777 6.20297L14.186 5.65149L9.91329 1.71322C9.59104 1.4162 9.16952 1.25 8.7288 1.25H8.72312H8.7174H8.71165H8.70585H8.70003H8.69416H8.68826H8.68232H8.67635H8.67034H8.66429H8.65821H8.65209H8.64593H8.63974H8.63352H8.62725H8.62096H8.61462H8.60825H8.60185H8.59541H8.58894H8.58243H8.57588H8.5693H8.56269H8.55604H8.54936H8.54264H8.53589H8.5291H8.52228H8.51543H8.50854H8.50162H8.49466H8.48767H8.48064H8.47359H8.4665H8.45937H8.45221H8.44502H8.4378H8.43054H8.42325H8.41593H8.40857H8.40118H8.39376H8.38631H8.37882H8.37131H8.36376H8.35617H8.34856H8.34091H8.33323H8.32552H8.31778H8.31001H8.3022H8.29437H8.2865H8.2786H8.27067H8.26271H8.25472H8.2467H8.23864H8.23056H8.22244H8.2143H8.20612H8.19792H8.18968H8.18142H8.17312H8.16479H8.15644H8.14805H8.13964H8.13119H8.12272H8.11421H8.10568H8.09712H8.08852H8.0799H8.07126H8.06258H8.05387H8.04513H8.03637H8.02758H8.01876H8.00991H8.00103H7.99212H7.98319H7.97423H7.96524H7.95622H7.94718H7.9381H7.929H7.91987H7.91072H7.90154H7.89233H7.88309H7.87383H7.86454H7.85522H7.84588H7.83651H7.82711H7.81769H7.80824H7.79877H7.78926H7.77974H7.77018H7.7606H7.751H7.74137H7.73171H7.72203H7.71232H7.70259H7.69283H7.68305H7.67324H7.66341H7.65355H7.64367H7.63376H7.62383H7.61388H7.6039H7.59389H7.58386H7.57381H7.56373H7.55363H7.54351H7.53336H7.52319H7.51299H7.50277H7.49253H7.48226H7.47198H7.46166H7.45133H7.44097H7.43059H7.42019H7.40976H7.39931H7.38884H7.37834H7.36783H7.35729H7.34673H7.33615H7.32554H7.31492H7.30427H7.2936H7.28291H7.2722H7.26146H7.25071H7.23993H7.22913H7.21831H7.20747H7.19661H7.18573H7.17483H7.16391H7.15297H7.142H7.13102H7.12002H7.10899H7.09795H7.08688H7.0758H7.0647H7.05357H7.04243H7.03127H7.02009H7.00889H6.99767H6.98643H6.97517H6.96389H6.9526H6.94128H6.92995H6.9186H6.90723H6.89584H6.88443H6.87301H6.86156H6.8501H6.83862H6.82713H6.81561H6.80408H6.79253H6.78096H6.76938H6.75778H6.74616H6.73452H6.72287H6.7112H6.69951H6.68781H6.67609H6.66435H6.6526H6.64083H6.62904H6.61724H6.60542H6.59359H6.58173H6.56987H6.55799H6.54609H6.53418H6.52225H6.5103H6.49834H6.48637H6.47438H6.46238H6.45036H6.43832H6.42627H6.41421H6.40213H6.39004H6.37793H6.36581H6.35367H6.34152H6.32936H6.31718H6.30499H6.29279H6.28057H6.26834H6.25609H6.24383H6.23156H6.21927H6.20697H6.19466H6.18234H6.17H6.15765H6.14529H6.13291H6.12052H6.10812H6.09571H6.08329H6.07085H6.0584H6.04594H6.03347H6.02098H6.00849H5.99598H5.98346H5.97093H5.95839H5.94584H5.93327H5.9207H5.90811H5.89551H5.88291H5.87029H5.85766H5.84502H5.83237H5.81971H5.80704H5.79436H5.78167H5.76897H5.75626H5.74354H5.73081H5.71808H5.70533H5.69257H5.6798H5.66703H5.65424H5.64145H5.62865H5.61583H5.60301H5.59018H5.57735H5.5645H5.55165H5.53878H5.52591H5.51303H5.50015H5.48725H5.47435H5.46144H5.44852H5.4356H5.42266H5.40972H5.39677H5.38382H5.37086H5.35789H5.34491H5.33193H5.31894H5.30594H5.29294H5.27993H5.26692H5.2539H5.24087H5.22783H5.21479H5.20175H5.1887H5.17564H5.16258H5.14951H5.13643H5.12335H5.11027H5.09718H5.08408H5.07098H5.05788H5.04477H5.03165H5.01854H5.00541H4.99228H4.97915H4.96601H4.95287H4.93973H4.92658H4.91343H4.90027H4.88711H4.87395H4.86078H4.84761H4.83443H4.82126H4.80808H4.79489H4.7817H4.76851H4.75532H4.74213H4.72893H4.71573H4.70253H4.68932H4.67611H4.6629H4.64969H4.63648H4.62326H4.61004H4.59683H4.5836H4.57038H4.55716H4.54393H4.53071H4.51748H4.50425H4.49102H4.47779H4.46456H4.45133H4.43809H4.42486H4.41163H4.39839H4.38516H4.37192H4.35869H4.34545H4.33222H4.31899H4.30575H4.29252H4.27928H4.26605H4.25282H4.23959H4.22636H4.21313H4.1999H4.18667H4.17345H4.16022H4.147H4.13378H4.12056H4.10734H4.09412H4.0809H4.06769H4.05448H4.04127H4.02806H4.01486H4.00166H3.98846H3.97526H3.96206H3.94887H3.93568H3.9225H3.90931H3.89613H3.88296H3.86978H3.85661H3.84345H3.83028H3.81712H3.80397H3.79082H3.77767H3.76452H3.75138H3.73825H3.72512H3.71199H3.69887H3.68575H3.67264H3.65953H3.64642H3.63332H3.62023H3.60714H3.59406H3.58098H3.56791H3.55484H3.54178H3.52872H3.51567H3.50263H3.48959H3.47655H3.46353H3.45051H3.43749H3.42449H3.41148H3.39849H3.3855H3.37252H3.35955H3.34658H3.33362H3.32067H3.30772H3.29478H3.28185H3.26892H3.25601H3.2431H3.2302H3.21731H3.20442H3.19154H3.17867H3.16581H3.15296H3.14012H3.12728H3.11445H3.10163H3.08882H3.07602H3.06323H3.05045H3.03767H3.02491H3.01215H2.99941C2.03233 1.25 1.25 2.03408 1.25 3V15C1.25 15.9665 2.0335 16.75 3 16.75H13C13.9665 16.75 14.75 15.9665 14.75 15V6.93827C14.75 6.4494 14.5455 5.98282 14.186 5.65149Z", stroke: "#6E6E6E", strokeWidth: "1.5" }),
     react_1.default.createElement("path", { d: "M5 13C6.06061 11.4908 8.94545 9.37781 12 13", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
     react_1.default.createElement("path", { d: "M5 5C5 5 5 5.52369 5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
     react_1.default.createElement("path", { d: "M9 2V7H14", stroke: "#6E6E6E", strokeWidth: "1.5" })));
-exports.default = CorruptedFileIcon;
+exports.default = FileCorruptedIcon;

package/dist/cjs/components/icons/{document-icon.js → file-document.js}

@@ -19,9 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const DocumentIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("rect", { x: "1", y: "1.71973", width: "18", height: "22", rx: "2", stroke: props.color, strokeWidth: "2" }),
-    react_1.default.createElement("rect", { x: "5.16699", y: "6.07715", width: "5.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: props.color }),
-    react_1.default.createElement("rect", { x: "5.16699", y: "11.791", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: props.color }),
-    react_1.default.createElement("rect", { x: "5.16699", y: "17.5059", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: props.color })));
-exports.default = DocumentIcon;
+const FileDocumentIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("rect", { x: "1", y: "1.72021", width: "18", height: "22", rx: "2", stroke: "#1A9BC7", strokeWidth: "2" }),
+    react_1.default.createElement("rect", { x: "5.16699", y: "6.07715", width: "5.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: "#1A9BC7" }),
+    react_1.default.createElement("rect", { x: "5.16699", y: "11.7915", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: "#1A9BC7" }),
+    react_1.default.createElement("rect", { x: "5.16699", y: "17.5059", width: "9.66667", height: "1.14286", rx: "0.5", fill: "#1A9BC7", stroke: "#1A9BC7" })));
+exports.default = FileDocumentIcon;

package/dist/cjs/components/icons/file-figure.js

@@ -0,0 +1,26 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const FileFigureIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M17.0435 2.72021H7.47826C5.55727 2.72021 4 4.27748 4 6.19848V19.242C4 21.163 5.55727 22.7202 7.47826 22.7202H17.0435C18.9645 22.7202 20.5217 21.163 20.5217 19.242V6.19848C20.5217 4.27748 18.9645 2.72021 17.0435 2.72021Z", stroke: "#8DD439", strokeWidth: "2" }),
+    react_1.default.createElement("path", { d: "M11.3909 8.80728C11.3909 8.08691 10.8069 7.50293 10.0866 7.50293C9.36621 7.50293 8.78223 8.08691 8.78223 8.80728V18.3725C8.78223 19.0928 9.36621 19.6768 10.0866 19.6768C10.8069 19.6768 11.3909 19.0928 11.3909 18.3725V8.80728Z", fill: "#8DD439" }),
+    react_1.default.createElement("path", { d: "M15.7396 12.2853C15.7396 11.5649 15.1556 10.981 14.4352 10.981C13.7148 10.981 13.1309 11.5649 13.1309 12.2853V18.3723C13.1309 19.0926 13.7148 19.6766 14.4352 19.6766C15.1556 19.6766 15.7396 19.0926 15.7396 18.3723V12.2853Z", fill: "#8DD439" })));
+exports.default = FileFigureIcon;

package/dist/cjs/components/icons/{graphical_abstract_icon.js → file-graphical-abstract.js}

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const GraphicalAbstractIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const FileGraphicalAbstractIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M18.5 12.7197C20.9853 12.7197 23 10.705 23 8.21973C23 5.73445 20.9853 3.71973 18.5 3.71973C16.0147 3.71973 14 5.73445 14 8.21973C14 10.705 16.0147 12.7197 18.5 12.7197Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M13 14.7197H6V21.7197H13V14.7197Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M2 9.71973L6 2.71973L10 9.71973H2Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-exports.default = GraphicalAbstractIcon;
+exports.default = FileGraphicalAbstractIcon;

package/dist/cjs/components/icons/{image-icon.js → file-image.js}

@@ -1,24 +1,9 @@
 "use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ImageIcon = (props) => (react_1.default.createElement("svg", { className: props.className, width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const FileImage = (props) => (react_1.default.createElement("svg", Object.assign({ width: "20", height: "25", viewBox: "0 0 20 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 0.719727H3C1.34315 0.719727 0 2.06287 0 3.71973V21.7197C0 23.3766 1.34315 24.7197 3 24.7197H17C18.6569 24.7197 20 23.3766 20 21.7197V3.71973C20 2.06287 18.6569 0.719727 17 0.719727ZM2 3.71973C2 3.16744 2.44772 2.71973 3 2.71973H17C17.5523 2.71973 18 3.16744 18 3.71973V16.4876L13.2952 11.5701C12.948 11.1982 12.3852 11.1982 12.0381 11.5701L2.27769 22.4113C2.10568 22.2317 2 21.988 2 21.7197V3.71973ZM4.46682 22.7197H17C17.5523 22.7197 18 22.272 18 21.7197V19.1483C18 19.1483 18 19.1483 18 19.1483L12.6666 13.5904L4.46682 22.7197ZM5.55552 10.815C5.55552 10.552 5.7545 10.3388 5.99996 10.3388C6.24542 10.3388 6.44441 10.552 6.44441 10.815C6.44441 11.078 6.24542 11.2912 5.99996 11.2912C5.7545 11.2912 5.55552 11.078 5.55552 10.815ZM5.99996 8.43401C4.77266 8.43401 3.77774 9.5 3.77774 10.815C3.77774 12.1299 4.77266 13.1959 5.99996 13.1959C7.22726 13.1959 8.22218 12.1299 8.22218 10.815C8.22218 9.5 7.22726 8.43401 5.99996 8.43401Z", fill: "#36B260" })));
-exports.default = ImageIcon;
+exports.default = FileImage;