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

package/dist/cjs/components/icons/outline-unordered-list.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 OutlineUnorderedListIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.25 12C17.6642 12 18 12.3358 18 12.75C18 13.1642 17.6642 13.5 17.25 13.5H9.75C9.33579 13.5 9 13.1642 9 12.75C9 12.3358 9.33579 12 9.75 12H17.25ZM17.25 5C17.6642 5 18 5.33579 18 5.75C18 6.16421 17.6642 6.5 17.25 6.5H9.75C9.33579 6.5 9 6.16421 9 5.75C9 5.33579 9.33579 5 9.75 5H17.25Z", fill: "#0B6BB8" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75569 3.5C5.00148 3.5 6.01139 4.50991 6.01139 5.75569C6.01139 7.00148 5.00148 8.01139 3.75569 8.01139C2.50991 8.01139 1.5 7.00148 1.5 5.75569C1.5 4.50991 2.50991 3.5 3.75569 3.5ZM3.75569 4.73038C3.18943 4.73038 2.73038 5.18943 2.73038 5.75569C2.73038 6.32196 3.18943 6.78101 3.75569 6.78101C4.32196 6.78101 4.78101 6.32196 4.78101 5.75569C4.78101 5.18943 4.32196 4.73038 3.75569 4.73038Z", fill: "#0B6BB8" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75569 10.5C5.00148 10.5 6.01139 11.5099 6.01139 12.7557C6.01139 14.0015 5.00148 15.0114 3.75569 15.0114C2.50991 15.0114 1.5 14.0015 1.5 12.7557C1.5 11.5099 2.50991 10.5 3.75569 10.5ZM3.75569 11.7304C3.18943 11.7304 2.73038 12.1894 2.73038 12.7557C2.73038 13.322 3.18943 13.781 3.75569 13.781C4.32196 13.781 4.78101 13.322 4.78101 12.7557C4.78101 12.1894 4.32196 11.7304 3.75569 11.7304Z", fill: "#0B6BB8" })));
+exports.default = OutlineUnorderedListIcon;

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

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlusIcon = void 0;
 const react_1 = __importDefault(require("react"));
-const PlusIcon = ({ width = 11, height = 10, viewBox = '0 0 11 10', color = '#6E6E6E', transform, }) => (react_1.default.createElement("svg", { width: width, height: height, viewBox: viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", transform: transform },
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 0.5C5.25147 0.5 5.05 0.701472 5.05 0.95V4.55H1.45C1.20147 4.55 1 4.75147 1 5C1 5.24853 1.20147 5.45 1.45 5.45H5.05V9.05C5.05 9.29853 5.25147 9.5 5.5 9.5C5.74853 9.5 5.95 9.29853 5.95 9.05V5.45H9.55C9.79853 5.45 10 5.24853 10 5C10 4.75147 9.79853 4.55 9.55 4.55H5.95V0.95C5.95 0.701472 5.74853 0.5 5.5 0.5Z", fill: color }),
-    react_1.default.createElement("path", { d: "M5.05 4.55V5.05H5.55V4.55H5.05ZM5.05 5.45H5.55V4.95H5.05V5.45ZM5.95 5.45V4.95H5.45V5.45H5.95ZM5.95 4.55H5.45V5.05H5.95V4.55ZM5.55 0.95C5.55 0.977614 5.52761 1 5.5 1V0C4.97533 0 4.55 0.425329 4.55 0.95H5.55ZM5.55 4.55V0.95H4.55V4.55H5.55ZM1.45 5.05H5.05V4.05H1.45V5.05ZM1.5 5C1.5 5.02761 1.47761 5.05 1.45 5.05V4.05C0.925329 4.05 0.5 4.47533 0.5 5H1.5ZM1.45 4.95C1.47761 4.95 1.5 4.97239 1.5 5H0.5C0.5 5.52467 0.925328 5.95 1.45 5.95V4.95ZM5.05 4.95H1.45V5.95H5.05V4.95ZM5.55 9.05V5.45H4.55V9.05H5.55ZM5.5 9C5.52761 9 5.55 9.02239 5.55 9.05H4.55C4.55 9.57467 4.97533 10 5.5 10V9ZM5.45 9.05C5.45 9.02239 5.47239 9 5.5 9V10C6.02467 10 6.45 9.57467 6.45 9.05H5.45ZM5.45 5.45V9.05H6.45V5.45H5.45ZM9.55 4.95H5.95V5.95H9.55V4.95ZM9.5 5C9.5 4.97239 9.52238 4.95 9.55 4.95V5.95C10.0747 5.95 10.5 5.52467 10.5 5H9.5ZM9.55 5.05C9.52239 5.05 9.5 5.02761 9.5 5H10.5C10.5 4.47533 10.0747 4.05 9.55 4.05V5.05ZM5.95 5.05H9.55V4.05H5.95V5.05ZM5.45 0.95V4.55H6.45V0.95H5.45ZM5.5 1C5.47239 1 5.45 0.977615 5.45 0.95H6.45C6.45 0.425329 6.02467 0 5.5 0V1Z", fill: color })));
+const PlusIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 0.5C5.25147 0.5 5.05 0.701472 5.05 0.95V4.55H1.45C1.20147 4.55 1 4.75147 1 5C1 5.24853 1.20147 5.45 1.45 5.45H5.05V9.05C5.05 9.29853 5.25147 9.5 5.5 9.5C5.74853 9.5 5.95 9.29853 5.95 9.05V5.45H9.55C9.79853 5.45 10 5.24853 10 5C10 4.75147 9.79853 4.55 9.55 4.55H5.95V0.95C5.95 0.701472 5.74853 0.5 5.5 0.5Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { d: "M5.05 4.55V5.05H5.55V4.55H5.05ZM5.05 5.45H5.55V4.95H5.05V5.45ZM5.95 5.45V4.95H5.45V5.45H5.95ZM5.95 4.55H5.45V5.05H5.95V4.55ZM5.55 0.95C5.55 0.977614 5.52761 1 5.5 1V0C4.97533 0 4.55 0.425329 4.55 0.95H5.55ZM5.55 4.55V0.95H4.55V4.55H5.55ZM1.45 5.05H5.05V4.05H1.45V5.05ZM1.5 5C1.5 5.02761 1.47761 5.05 1.45 5.05V4.05C0.925329 4.05 0.5 4.47533 0.5 5H1.5ZM1.45 4.95C1.47761 4.95 1.5 4.97239 1.5 5H0.5C0.5 5.52467 0.925328 5.95 1.45 5.95V4.95ZM5.05 4.95H1.45V5.95H5.05V4.95ZM5.55 9.05V5.45H4.55V9.05H5.55ZM5.5 9C5.52761 9 5.55 9.02239 5.55 9.05H4.55C4.55 9.57467 4.97533 10 5.5 10V9ZM5.45 9.05C5.45 9.02239 5.47239 9 5.5 9V10C6.02467 10 6.45 9.57467 6.45 9.05H5.45ZM5.45 5.45V9.05H6.45V5.45H5.45ZM9.55 4.95H5.95V5.95H9.55V4.95ZM9.5 5C9.5 4.97239 9.52238 4.95 9.55 4.95V5.95C10.0747 5.95 10.5 5.52467 10.5 5H9.5ZM9.55 5.05C9.52239 5.05 9.5 5.02761 9.5 5H10.5C10.5 4.47533 10.0747 4.05 9.55 4.05V5.05ZM5.95 5.05H9.55V4.05H5.95V5.05ZM5.45 0.95V4.55H6.45V0.95H5.45ZM5.5 1C5.47239 1 5.45 0.977615 5.45 0.95H6.45C6.45 0.425329 6.02467 0 5.5 0V1Z", fill: "#6E6E6E" })));
 exports.PlusIcon = PlusIcon;
 exports.default = exports.PlusIcon;

package/dist/cjs/components/icons/{annotator-icon.js → role-annotating.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 AnnotatorIcon = () => (react_1.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const RoleAnnotatingIcon = (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: "M5.5 6.5H12.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M5.5 9.5H12.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M16.5 8C16.5 4.41 13.142 1.5 9 1.5C4.858 1.5 1.5 4.41 1.5 8C1.5 11.59 4.858 14.5 9 14.5C9.525 14.5 10.037 14.452 10.532 14.363L14.5 16.5V12.409C15.738 11.25 16.5 9.704 16.5 8Z", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
-exports.default = AnnotatorIcon;
+exports.default = RoleAnnotatingIcon;

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ReadingIcon = () => (react_1.default.createElement("svg", { width: "18", height: "16", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const RoleReadingIcon = (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: "M1.5 8.5L3.5 1.5H5.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M16.5 8.5L14.5 1.5H12.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M1.5 8.5H7.5V12.5C7.5 12.7652 7.39464 13.0196 7.20711 13.2071C7.01957 13.3946 6.76522 13.5 6.5 13.5H2.5C2.23478 13.5 1.98043 13.3946 1.79289 13.2071C1.60536 13.0196 1.5 12.7652 1.5 12.5V8.5Z", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M10.5 8.5H16.5V12.5C16.5 12.7652 16.3946 13.0196 16.2071 13.2071C16.0196 13.3946 15.7652 13.5 15.5 13.5H11.5C11.2348 13.5 10.9804 13.3946 10.7929 13.2071C10.6054 13.0196 10.5 12.7652 10.5 12.5V8.5Z", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M7.5 8.5H10.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
-exports.default = ReadingIcon;
+exports.default = RoleReadingIcon;

package/dist/cjs/components/icons/save-status-offline.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 SaveStatusOfflineIcon = (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: "M12.487 5.513C11.8612 4.67043 10.9855 4.04685 9.98458 3.73112C8.98366 3.4154 7.90863 3.42363 6.91267 3.75466C5.91672 4.08569 5.05064 4.72261 4.43787 5.57468C3.82509 6.42674 3.49687 7.45048 3.49999 8.5C3.49999 8.517 3.49999 8.533 3.49999 8.55C2.89241 8.67337 2.35235 9.0181 1.98464 9.51726C1.61694 10.0164 1.44782 10.6344 1.51013 11.2512C1.57244 11.8681 1.86172 12.4398 2.32182 12.8553C2.78192 13.2709 3.38001 13.5006 3.99999 13.5H4.49999", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M7.32797 13.5H14C14.663 13.5 15.2989 13.2366 15.7677 12.7678C16.2366 12.2989 16.5 11.663 16.5 11C16.5 10.337 16.2366 9.70108 15.7677 9.23224C15.2989 8.7634 14.663 8.50001 14 8.50001C13.8304 8.50013 13.6612 8.51722 13.495 8.55101C13.495 8.53301 13.5 8.51701 13.5 8.50001C13.4987 8.14523 13.4598 7.79158 13.384 7.44501", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M1.5 16.5L16.5 1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+exports.default = SaveStatusOfflineIcon;

package/dist/cjs/components/icons/{add-icon-active.js → save-status-saved.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 AddIconActive = (props) => (react_1.default.createElement("svg", Object.assign({ width: 32, height: 34 }, props),
-    react_1.default.createElement("g", { stroke: props.color || '#FFE185', fill: "none", fillRule: "evenodd" },
-        react_1.default.createElement("path", { d: "M20 3.144a8 8 0 0 0-8 0L6 6.608a8 8 0 0 0-4 6.928v6.928a8 8 0 0 0 4 6.928l6 3.464a8 8 0 0 0 8 0l6-3.464a8 8 0 0 0 4-6.928v-6.928a8 8 0 0 0-4-6.928l-6-3.464z", strokeWidth: 2 }))));
-exports.default = AddIconActive;
+const SaveStatusSavedIcon = (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: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M5.5 8.5L8 11L13 6", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
+exports.default = SaveStatusSavedIcon;

package/dist/cjs/components/icons/save-status-saving.js

@@ -0,0 +1,27 @@
+"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 SaveStatusSavingIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M1.5 8.5C1.5 4.634 4.634 1.5 8.5 1.5C11.136 1.5 13.328 3.141 14.5 5.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M14.5 1.5V5.5H10.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M15.5 9.5C15.5 13.366 12.366 16.5 8.5 16.5C5.864 16.5 3.672 14.859 2.5 12.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M2.5 16.5V12.5H6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
+exports.default = SaveStatusSavingIcon;

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

@@ -19,47 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const SearchIcon = (props) => (react_1.default.createElement("svg", Object.assign({ height: 50.667, width: 50.667 }, props),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: "a", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M19 1c9.941 0 18 8.059 18 18s-8.059 18-18 18S1 28.941 1 19 9.059 1 19 1z", clipRule: "evenodd" })),
-        react_1.default.createElement("clipPath", { id: "b", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M0 0h38v38H0z" })),
-        react_1.default.createElement("clipPath", { id: "c", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M19 1c9.941 0 18 8.059 18 18s-8.059 18-18 18S1 28.941 1 19 9.059 1 19 1z", clipRule: "evenodd" })),
-        react_1.default.createElement("clipPath", { id: "d", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M0 0h38v38H0z" })),
-        react_1.default.createElement("clipPath", { id: "e", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M1 1h36v36H1z" })),
-        react_1.default.createElement("clipPath", { id: "f", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M1 1h36v36H1z" })),
-        react_1.default.createElement("clipPath", { id: "g", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M19 1c9.941 0 18 8.059 18 18s-8.059 18-18 18S1 28.941 1 19 9.059 1 19 1z", clipRule: "evenodd" })),
-        react_1.default.createElement("clipPath", { id: "h", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M1 1h36v36H1z" })),
-        react_1.default.createElement("clipPath", { id: "i", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M26.947 12.252a.796.796 0 0 0-.075-1.137.842.842 0 0 0-1.165-.06l-4.692 4.566a6.426 6.426 0 0 0-3.82-1.247 6.306 6.306 0 0 0-3.553 1.095 6.42 6.42 0 0 0-.844 9.9 6.32 6.32 0 0 0 3.313 1.687 6.294 6.294 0 0 0 3.683-.468 6.364 6.364 0 0 0 2.793-2.469 6.406 6.406 0 0 0 .94-3.61 5.98 5.98 0 0 0-1.273-3.685zm-7.143 4.557a4.683 4.683 0 0 1 1.715 2.14 4.736 4.736 0 0 1-1.098 5.15 4.652 4.652 0 0 1-5.144.892 4.662 4.662 0 0 1-2.052-1.813 4.728 4.728 0 0 1-.694-2.663 4.605 4.605 0 0 1 1.405-3.226 4.548 4.548 0 0 1 3.256-1.285c.954 0 1.857.292 2.612.805z", clipRule: "evenodd" })),
-        react_1.default.createElement("clipPath", { id: "j", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M1 1h36v36H1z" })),
-        react_1.default.createElement("clipPath", { id: "k", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M8 30h22V8H8zm18.835-17.849a.644.644 0 0 0-.067-.927.693.693 0 0 0-.956-.061l-4.784 4.655a6.279 6.279 0 0 0-3.833-1.294 6.186 6.186 0 0 0-5.746 3.91 6.267 6.267 0 0 0 1.453 6.828 6.162 6.162 0 0 0 6.83 1.19 6.244 6.244 0 0 0 3.645-5.943 5.83 5.83 0 0 0-1.326-3.697zM12.381 20.51c.055-2.623 2.21-4.703 4.814-4.655a4.81 4.81 0 0 1 4.463 3.038 4.887 4.887 0 0 1-1.132 5.314 4.796 4.796 0 0 1-5.31.921 4.853 4.853 0 0 1-2.835-4.618z", clipRule: "evenodd" })),
-        react_1.default.createElement("clipPath", { id: "l", clipPathUnits: "userSpaceOnUse" },
-            react_1.default.createElement("path", { d: "M1 1h36v36H1z" }))),
-    react_1.default.createElement("g", { clipPath: "url(#a)", transform: "matrix(1.33333 0 0 -1.33333 0 50.667)" },
-        react_1.default.createElement("g", { clipPath: "url(#b)" },
-            react_1.default.createElement("path", { d: "M19 1c9.941 0 18 8.059 18 18s-8.059 18-18 18S1 28.941 1 19 9.059 1 19 1z", fill: "none", stroke: "#fff", strokeWidth: 4, strokeMiterlimit: 10 }))),
-    react_1.default.createElement("g", { clipPath: "url(#c)", transform: "matrix(1.33333 0 0 -1.33333 0 50.667)" },
-        react_1.default.createElement("g", { clipPath: "url(#d)" },
-            react_1.default.createElement("g", { clipPath: "url(#e)" },
-                react_1.default.createElement("g", { clipPath: "url(#f)" },
-                    react_1.default.createElement("path", { d: "M19 1c9.941 0 18 8.059 18 18s-8.059 18-18 18S1 28.941 1 19 9.059 1 19 1z", fill: props.color || '#7fb5d5' })),
-                react_1.default.createElement("g", { clipPath: "url(#g)" },
-                    react_1.default.createElement("g", { clipPath: "url(#h)" },
-                        react_1.default.createElement("path", { d: "M19 1c9.941 0 18 8.059 18 18s-8.059 18-18 18S1 28.941 1 19 9.059 1 19 1z", fill: "none", stroke: "#fff", strokeWidth: 4, strokeMiterlimit: 10 }))),
-                react_1.default.createElement("g", { clipPath: "url(#i)" },
-                    react_1.default.createElement("g", { clipPath: "url(#j)" },
-                        react_1.default.createElement("path", { d: "M6 32h26V6H6z", fill: "#fff" }))),
-                react_1.default.createElement("g", { clipPath: "url(#k)" },
-                    react_1.default.createElement("g", { clipPath: "url(#l)" },
-                        react_1.default.createElement("path", { d: "M26.835 12.151a.644.644 0 0 0-.067-.927.693.693 0 0 0-.956-.061l-4.784 4.655a6.279 6.279 0 0 0-3.833-1.294 6.186 6.186 0 0 0-5.746 3.91 6.267 6.267 0 0 0 1.453 6.828 6.162 6.162 0 0 0 6.83 1.19 6.244 6.244 0 0 0 3.645-5.943 5.83 5.83 0 0 0-1.326-3.697zM12.381 20.51c.055-2.623 2.21-4.703 4.814-4.655a4.81 4.81 0 0 1 4.463 3.038 4.887 4.887 0 0 1-1.132 5.314 4.796 4.796 0 0 1-5.31.921 4.853 4.853 0 0 1-2.835-4.618z", fill: "none", stroke: "#fff", strokeWidth: 0.6, strokeMiterlimit: 10 }))))))));
+const SearchIcon = (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: "M6.5 12C9.53757 12 12 9.53757 12 6.5C12 3.46243 9.53757 1 6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12Z", stroke: "#1A9BC7" }),
+    react_1.default.createElement("path", { d: "M10.3739 10.4674L13.56 14.45", stroke: "#1A9BC7", strokeLinecap: "square" })));
 exports.default = SearchIcon;

package/dist/cjs/components/icons/task-step-done.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 TaskStepDone = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const TaskStepDoneIcon = (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 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#353535" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.96942 7.53878C4.56992 7.16264 3.93338 7.1734 3.53964 7.57093L3.71338 7.39552C3.32324 7.78942 3.33476 8.41736 3.73198 8.79134L6.4256 11.3274L12.2328 5.82715C12.6326 5.44848 12.6332 4.83693 12.2258 4.45339L12.4056 4.62263C12.0019 4.24258 11.3437 4.2432 10.9389 4.62068L6.38269 8.86941L4.96942 7.53878Z", fill: "white" })));
-exports.default = TaskStepDone;
+exports.default = TaskStepDoneIcon;

package/dist/cjs/components/icons/toolbar-bold.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 ToolbarBoldIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0757 13.5688H5V3H9.9292C12.0386 3 13.2837 3.99609 13.2837 5.63672C13.2837 6.77197 12.4341 7.73145 11.3135 7.88525V8.02441C12.6978 8.09766 13.7671 9.17432 13.7671 10.522C13.7671 12.375 12.3389 13.5688 10.0757 13.5688ZM7.68799 4.89697V7.30664H9.10889C10.0903 7.30664 10.6616 6.85254 10.6616 6.10547C10.6616 5.35107 10.127 4.89697 9.21143 4.89697H7.68799ZM7.68799 11.6719H9.31396C10.4272 11.6719 11.0352 11.1812 11.0352 10.2876C11.0352 9.42334 10.4126 8.93994 9.29932 8.93994H7.68799V11.6719Z", fill: "#6E6E6E" })));
+exports.default = ToolbarBoldIcon;

package/dist/cjs/components/icons/toolbar-citation.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 ToolbarCitationIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.018 6.842L13.656 5.482L14.336 7.114L10.63 8.406L12.874 11.5L11.48 12.554L9.134 9.29L6.924 12.554L5.394 11.5L7.604 8.406L4 7.114L4.612 5.482L8.216 6.842V3H10.018V6.842Z", fill: "#1A9BC7" })));
+exports.default = ToolbarCitationIcon;

package/dist/cjs/components/icons/toolbar-code.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 ToolbarCodeIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M5.96863 12.7023L1.46861 8.20223L6.07794 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    react_1.default.createElement("path", { d: "M13.0779 12.7023L17.578 8.20223L12.9686 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+exports.default = ToolbarCodeIcon;

package/dist/cjs/components/icons/toolbar-equation.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 ToolbarEquationIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.00284 9.09123C7.00284 7.13615 7.50772 5.5302 8.55508 4.19816H9.57559C8.80215 5.18645 8.19522 7.24895 8.19522 9.08586C8.19522 10.9335 8.79678 12.996 9.57559 13.9843H8.55508C7.50772 12.6523 7.00284 11.0463 7.00284 9.09123ZM12.9835 10.2568H12.8976L11.6193 12.33H10.3517L12.2906 9.41887L10.3356 6.48088H11.6837L12.9405 8.54338H13.0318L14.2779 6.48088H15.5616L13.6334 9.37053L15.5831 12.33H14.2565L12.9835 10.2568ZM4.93594 2.3125C5.33438 2.3125 5.58438 2.35938 5.85001 2.41406L5.61563 3.52344C5.44376 3.48438 5.17032 3.44531 4.80313 3.44531C4.02969 3.44531 3.55313 3.85156 3.37344 4.79688L3.22501 5.57812H5.15469L4.92032 6.70312H2.99063L1.47501 14H0.100006L1.61563 6.70312H0.217194L0.451569 5.57812H1.85001L2.00626 4.75781C2.33438 3.03125 3.23282 2.3125 4.93594 2.3125ZM17.3636 4.19816C18.4056 5.5302 18.9105 7.13615 18.9105 9.09123C18.9105 11.0463 18.4056 12.6523 17.3636 13.9843H16.3431C17.1165 12.996 17.7235 10.9335 17.7235 9.08586C17.7235 7.24895 17.1165 5.18645 16.3431 4.19816H17.3636Z", fill: "#FE8F1F" })));
+exports.default = ToolbarEquationIcon;

package/dist/cjs/components/icons/toolbar-figure.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 ToolbarFigureIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 0.5C14.433 0.5 16 2.067 16 4V12C16 13.933 14.433 15.5 12.5 15.5H6.5C4.567 15.5 3 13.933 3 12V4C3 2.067 4.567 0.5 6.5 0.5H12.5ZM12.5 2H6.5C5.39543 2 4.5 2.89543 4.5 4V12C4.5 13.1046 5.39543 14 6.5 14H12.5C13.6046 14 14.5 13.1046 14.5 12V4C14.5 2.89543 13.6046 2 12.5 2ZM7.25 5C7.66421 5 8 5.33579 8 5.75V11.25C8 11.6642 7.66421 12 7.25 12C6.83579 12 6.5 11.6642 6.5 11.25V5.75C6.5 5.33579 6.83579 5 7.25 5ZM10.25 7C10.6642 7 11 7.33579 11 7.75V11.25C11 11.6642 10.6642 12 10.25 12C9.83579 12 9.5 11.6642 9.5 11.25V7.75C9.5 7.33579 9.83579 7 10.25 7Z", fill: "#8DD439" })));
+exports.default = ToolbarFigureIcon;

package/dist/cjs/components/icons/toolbar-italic.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 ToolbarItalicIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.21802 13.4211H7.5L9.82349 2.5H11.5415L9.21802 13.4211Z", fill: "#6E6E6E" })));
+exports.default = ToolbarItalicIcon;

package/dist/cjs/components/icons/toolbar-ordered-list.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 ToolbarOrderedListIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.87165 9C4.95312 9 5.67634 9.57924 5.67634 10.433C5.67634 10.9688 5.36161 11.4442 4.50446 12.2076L3.70759 12.9408V13.0045H5.7433V13.9621H2.07031V13.1417L3.5971 11.7054C4.30692 11.0491 4.48772 10.8047 4.48772 10.5201C4.48772 10.1652 4.22656 9.92745 3.82812 9.92745C3.41295 9.92745 3.125 10.2087 3.125 10.6071V10.6306H2V10.6105C2 9.64955 2.75 9 3.87165 9ZM15.8583 11C16.2725 11 16.6083 11.3358 16.6083 11.75C16.6083 12.1642 16.2725 12.5 15.8583 12.5H9.35826C8.94405 12.5 8.60826 12.1642 8.60826 11.75C8.60826 11.3358 8.94405 11 9.35826 11H15.8583ZM4.47433 2.25V7.08147H3.24554V3.35826H3.18192L2.01674 4.14509V3.08705L3.24554 2.25H4.47433ZM15.8583 4C16.2725 4 16.6083 4.33579 16.6083 4.75C16.6083 5.16421 16.2725 5.5 15.8583 5.5H9.35826C8.94405 5.5 8.60826 5.16421 8.60826 4.75C8.60826 4.33579 8.94405 4 9.35826 4H15.8583Z", fill: "#0B6BB8" })));
+exports.default = ToolbarOrderedListIcon;

package/dist/cjs/components/icons/toolbar-subscript.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 ToolbarSubscriptIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.9121 8.71838V15.0597H12.585V10.0104H12.5059L10.9502 11.0826V9.84778L12.5894 8.71838H13.9121ZM11.2808 3.90002V5.31555H8.45605V13.0597H6.81836V5.31555H4V3.90002H11.2808Z", fill: "#6E6E6E" })));
+exports.default = ToolbarSubscriptIcon;

package/dist/cjs/components/icons/toolbar-superscript.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 ToolbarSuperscriptIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7808 3.88165V5.29718H7.95605V13.0413H6.31836V5.29718H3.5V3.88165H10.7808ZM15.4121 2.70001V9.04132H14.085V3.992H14.0059L12.4502 5.06427V3.82941L14.0894 2.70001H15.4121Z", fill: "#6E6E6E" })));
+exports.default = ToolbarSuperscriptIcon;

package/dist/cjs/components/icons/toolbar-symbol.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 ToolbarSymbolIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.93411 4.5L10.3289 6.8948L10.3309 6.89282L11.4033 7.96526L7.86861 11.5H13.38V13H5.38V11.5H5.72371L9.25647 7.96725L5.78922 4.5H5.35V3H13.35V4.5H7.93411Z", fill: "#FFBD26" })));
+exports.default = ToolbarSymbolIcon;

package/dist/cjs/components/icons/toolbar-table.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 ToolbarTableIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 2C16.3807 2 17.5 3.11929 17.5 4.5V11.5C17.5 12.8807 16.3807 14 15 14H4C2.61929 14 1.5 12.8807 1.5 11.5V4.5C1.5 3.11929 2.61929 2 4 2H15ZM5 7H3V11.5C3 12.0128 3.38604 12.4355 3.88338 12.4933L4 12.5H5V7ZM16 7H6.5V12.5H15C15.5128 12.5 15.9355 12.114 15.9933 11.6166L16 11.5V7ZM5 3.5H4C3.44772 3.5 3 3.94772 3 4.5V5.5H5V3.5ZM15 3.5H6.5V5.5H16V4.5C16 3.98716 15.614 3.56449 15.1166 3.50673L15 3.5Z", fill: "#F35143" })));
+exports.default = ToolbarTableIcon;

package/dist/cjs/components/icons/toolbar-underline.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 ToolbarUnderlineIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.75 12.4551C14.1642 12.4551 14.5 12.7909 14.5 13.2051C14.5 13.6193 14.1642 13.9551 13.75 13.9551H5.25C4.83579 13.9551 4.5 13.6193 4.5 13.2051C4.5 12.7909 4.83579 12.4551 5.25 12.4551H13.75ZM7.57227 2.5V7.90234C7.57227 9.04492 8.28711 9.8125 9.54102 9.8125C10.7949 9.8125 11.5039 9.04492 11.5039 7.90234V2.5H13.0156V8.04297C13.0156 9.88867 11.6797 11.166 9.54102 11.166C7.40234 11.166 6.06641 9.88867 6.06641 8.04297V2.5H7.57227Z", fill: "#6E6E6E" })));
+exports.default = ToolbarUnderlineIcon;

package/dist/cjs/components/icons/toolbar-unordered-list.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 ToolbarUnorderedListIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75569 2.5C5.00148 2.5 6.01139 3.50991 6.01139 4.75569C6.01139 6.00148 5.00148 7.01139 3.75569 7.01139C2.50991 7.01139 1.5 6.00148 1.5 4.75569C1.5 3.50991 2.50991 2.5 3.75569 2.5ZM3.75569 3.73038C3.18943 3.73038 2.73038 4.18943 2.73038 4.75569C2.73038 5.32196 3.18943 5.78101 3.75569 5.78101C4.32196 5.78101 4.78101 5.32196 4.78101 4.75569C4.78101 4.18943 4.32196 3.73038 3.75569 3.73038ZM3.75569 9.5C5.00148 9.5 6.01139 10.5099 6.01139 11.7557C6.01139 13.0015 5.00148 14.0114 3.75569 14.0114C2.50991 14.0114 1.5 13.0015 1.5 11.7557C1.5 10.5099 2.50991 9.5 3.75569 9.5ZM3.75569 10.7304C3.18943 10.7304 2.73038 11.1894 2.73038 11.7557C2.73038 12.322 3.18943 12.781 3.75569 12.781C4.32196 12.781 4.78101 12.322 4.78101 11.7557C4.78101 11.1894 4.32196 10.7304 3.75569 10.7304ZM16.25 11C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H9.75C9.33579 12.5 9 12.1642 9 11.75C9 11.3358 9.33579 11 9.75 11H16.25ZM16.25 4C16.6642 4 17 4.33579 17 4.75C17 5.16421 16.6642 5.5 16.25 5.5H9.75C9.33579 5.5 9 5.16421 9 4.75C9 4.33579 9.33579 4 9.75 4H16.25Z", fill: "#0B6BB8" })));
+exports.default = ToolbarUnorderedListIcon;

package/dist/cjs/components/icons/triangle-collapsed.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 TriangleCollapsedIcon = (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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.731 5.65627C5.38994 5.23955 5.43134 4.60792 5.82348 4.24548C6.21562 3.88304 6.81 3.92704 7.15106 4.34375L10.5 8.43549L7.20134 12.6403C6.86855 13.0645 6.27516 13.1217 5.87597 12.7681C5.47679 12.4144 5.42296 11.7839 5.75575 11.3596L8.02818 8.46297L5.731 5.65627Z", fill: "#6E6E6E" })));
+exports.default = TriangleCollapsedIcon;

package/dist/cjs/components/icons/triangle-expanded.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 TriangleExpandedIcon = (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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8437 6.231C11.2604 5.88994 11.8921 5.93134 12.2545 6.32348C12.617 6.71562 12.573 7.31 12.1562 7.65106L8.06451 11L3.85969 7.70134C3.43548 7.36855 3.37828 6.77516 3.73193 6.37598C4.08557 5.97679 4.71615 5.92296 5.14035 6.25575L8.03703 8.52818L10.8437 6.231Z", fill: "#6E6E6E" })));
+exports.default = TriangleExpandedIcon;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const UploadIcon = () => (react_1.default.createElement("svg", { width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const UploadIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M13.5 6.5L8.5 1.5L3.5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));

package/dist/cjs/components/icons/vertical-ellipsis.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 VerticalEllipsisIcon = (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("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }),
+    react_1.default.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }),
+    react_1.default.createElement("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })));
+exports.default = VerticalEllipsisIcon;

package/dist/es/components/AlertMessage.js

@@ -13,15 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import AttentionBlue from '@manuscripts/assets/react/AttentionBlue';
-import AttentionOrange from '@manuscripts/assets/react/AttentionOrange';
-import AttentionRed from '@manuscripts/assets/react/AttentionRed';
-import CloseIconDark from '@manuscripts/assets/react/CloseIconDark';
-import SuccessGreen from '@manuscripts/assets/react/SuccessGreen';
 import React from 'react';
 import { SizeMe } from 'react-sizeme';
 import styled, { css } from 'styled-components';
 import { IconButton, IconTextButton } from './Button';
+import { AttentionBlueIcon, AttentionGreenIcon, AttentionOrangeIcon, AttentionRedIcon, } from './icons';
 const buttonStyles = css `
   color: inherit;
   margin-left: ${(props) => props.theme.grid.unit * 4}px;
@@ -94,13 +90,9 @@ const TextContainer = styled.div `
   align-items: center;
   word-break: break-word;
 `;
-const SuccessIcon = styled(SuccessGreen) `
+const SuccessIcon = styled(AttentionGreenIcon) `
   transform: scale(0.75, 0.75);
 `;
-const CloseIcon = styled(CloseIconDark) `
-  width: 100%;
-  height: 100%;
-`;
 export var AlertMessageType;
 (function (AlertMessageType) {
     AlertMessageType["success"] = "success";
@@ -110,9 +102,9 @@ export var AlertMessageType;
 })(AlertMessageType || (AlertMessageType = {}));
 const alertIcons = {
     success: SuccessIcon,
-    error: AttentionRed,
-    info: AttentionBlue,
-    warning: AttentionOrange,
+    error: AttentionRedIcon,
+    info: AttentionBlueIcon,
+    warning: AttentionOrangeIcon,
 };
 const alertContainers = {
     success: SuccessAlertContainer,
@@ -135,15 +127,12 @@ export class AlertMessage extends React.Component {
         const { isOpen } = this.state;
         const AlertContainer = alertContainers[type];
         const AlertIcon = alertIcons[type];
-        return (isOpen && (React.createElement(SizeMe, null, ({ size }) => (React.createElement(AlertContainer, { className: 'alert-message' },
+        return (isOpen && (React.createElement(SizeMe, null, () => (React.createElement(AlertContainer, { className: 'alert-message' },
             React.createElement(InnerContainer, null,
                 React.createElement(InformativeIcon, null, React.createElement(AlertIcon, null)),
                 React.createElement(TextContainer, null, children),
                 dismissButton && (React.createElement(TextButton, { onClick: dismissButton.action
                         ? dismissButton.action
-                        : this.handleClose }, dismissButton.text))),
-            !hideCloseButton &&
-                ((size.width && size.width >= 900) || !dismissButton) && (React.createElement(CloseIconButton, { onClick: this.handleClose },
-                React.createElement(CloseIcon, null))))))));
+                        : this.handleClose }, dismissButton.text))))))));
     }
 }

package/dist/es/components/Avatar.js

@@ -13,9 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import AvatarNormal from '@manuscripts/assets/react/AvatarNormal';
 import React, { useCallback, useState } from 'react';
 import styled from 'styled-components';
+import { AvatarIcon } from './icons';
 const AvatarContainer = styled.div `
   display: flex;
   align-items: center;
@@ -29,7 +29,7 @@ const RoundedImage = styled.img `
   align-items: center;
   justify-content: center;
 `;
-const StyledAvatar = styled(AvatarNormal) `
+const StyledAvatar = styled(AvatarIcon) `
   path {
     fill: ${(props) => props.color || props.theme.colors.text.secondary};
   }

package/dist/es/components/Button.js

@@ -222,7 +222,7 @@ export const RoundIconButton = styled(IconButton).attrs((props) => ({
   border-radius: 50%;
   box-sizing: border-box;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-  display: inline-block;
+  display: inline-flex;
   height: 40px;
   padding: 0;
   position: relative;
@@ -234,12 +234,6 @@ export const RoundIconButton = styled(IconButton).attrs((props) => ({
   &:hover {
     background: ${(props) => props.theme.colors.background.fifth} !important;
   }
-
-  svg {
-    max-height: 16px;
-    max-width: 16px;
-    vertical-align: middle;
-  }
 `;
 export const SecondaryIconButton = styled(IconButton) `
   ${(props) => btnColors(props.theme.colors.text.secondary, props.theme.colors.background.primary, 'transparent', false)}

package/dist/es/components/Comments/CommentActions.js

@@ -18,7 +18,7 @@ import styled from 'styled-components';
 import { useDropdown } from '../../hooks/use-dropdown';
 import { IconTextButton } from '../Button';
 import { DropdownButton, DropdownContainer, DropdownList } from '../Dropdown';
-import DotsIcon from '../icons/dots-icon';
+import { DotsIcon } from '../icons';
 import { ResolveButton } from './ResolveButton';
 export const CommentActions = ({ id, target, can, isResolved, handleSetResolved, deleteComment, setIsEditing, isOwnComment, isProdNote, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();

package/dist/es/components/Comments/CommentBody.js

@@ -1,9 +1,24 @@
-import AnnotationReply from '@manuscripts/assets/react/AnnotationReply';
+/*!
+ * © 2020 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.
+ */
 import { Field, Form, Formik } from 'formik';
 import React, { useEffect } from 'react';
 import styled from 'styled-components';
 import { ButtonGroup, PrimaryButton, SecondaryButton } from '../Button';
 import { FormError } from '../Form';
+import { CommentReplyIcon } from '../icons';
 import { Tooltip } from '../Tooltip';
 export const CommentBody = React.memo(({ comment, saveComment, deleteComment, isReply, isNew, handleCreateReply, setIsEditing, scrollIntoHighlight, onFocusOut, isEditing, isProdNote, }) => {
     useEffect(() => {
@@ -38,7 +53,7 @@ export const CommentBody = React.memo(({ comment, saveComment, deleteComment, is
         !isReply && (React.createElement(CommentFooter, null,
             React.createElement("span", null,
                 React.createElement(ActionButton, { hidden: !isProdNote, "data-tooltip-id": `reply-${comment._id}`, onClick: () => handleCreateReply(comment._id), "aria-label": 'reply', className: "reply-button note-actions" },
-                    React.createElement(AnnotationReply, null))),
+                    React.createElement(CommentReplyIcon, null))),
             React.createElement(Tooltip, { id: `reply-${comment._id}`, place: "bottom" }, "Reply")))))));
 });
 const CommentFooter = styled.div `