@manuscripts/style-guide 2.1.14-LEAN-4623.0 → 3.0.1-LEAN-4579.0

package/dist/es/components/icons/task-step-done.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import React from 'react';
-const TaskStepDoneIcon = (props) => (React.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const TaskStepDoneIcon = (props) => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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.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" })));
 export default TaskStepDoneIcon;

package/dist/es/components/icons/toolbar-bold.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarBoldIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarBoldIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarBoldIcon;

package/dist/es/components/icons/toolbar-citation.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarCitationIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarCitationIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarCitationIcon;

package/dist/es/components/icons/toolbar-code.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ToolbarCodeIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarCodeIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.createElement("path", { d: "M5.96863 12.7023L1.46861 8.20223L6.07794 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
     React.createElement("path", { d: "M13.0779 12.7023L17.578 8.20223L12.9686 3.5929", stroke: "#B3A1FC", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
 export default ToolbarCodeIcon;

package/dist/es/components/icons/toolbar-equation.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarEquationIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarEquationIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarEquationIcon;

package/dist/es/components/icons/toolbar-figure.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarFigureIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarFigureIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarFigureIcon;

package/dist/es/components/icons/toolbar-indent.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ToolbarIndentIcon = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarIndentIcon = (props) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
     React.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
     React.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),

package/dist/es/components/icons/toolbar-italic.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarItalicIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarItalicIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.21802 13.4211H7.5L9.82349 2.5H11.5415L9.21802 13.4211Z", fill: "#6E6E6E" })));
 export default ToolbarItalicIcon;

package/dist/es/components/icons/toolbar-ordered-list.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarOrderedListIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarOrderedListIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarOrderedListIcon;

package/dist/es/components/icons/toolbar-subscript.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarSubscriptIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarSubscriptIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarSubscriptIcon;

package/dist/es/components/icons/toolbar-superscript.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarSuperscriptIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarSuperscriptIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarSuperscriptIcon;

package/dist/es/components/icons/toolbar-symbol.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarSymbolIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarSymbolIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarSymbolIcon;

package/dist/es/components/icons/toolbar-table.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarTableIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarTableIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarTableIcon;

package/dist/es/components/icons/toolbar-underline.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarUnderlineIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarUnderlineIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarUnderlineIcon;

package/dist/es/components/icons/toolbar-unordered-list.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const ToolbarUnorderedListIcon = (props) => (React.createElement("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ToolbarUnorderedListIcon = (props) => (React.createElement("svg", { width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default ToolbarUnorderedListIcon;

package/dist/es/components/icons/triangle-collapsed.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const TriangleCollapsedIcon = (props) => (React.createElement("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const TriangleCollapsedIcon = (props) => (React.createElement("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default TriangleCollapsedIcon;

package/dist/es/components/icons/triangle-expanded.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const TriangleExpandedIcon = (props) => (React.createElement("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const TriangleExpandedIcon = (props) => (React.createElement("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.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" })));
 export default TriangleExpandedIcon;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-const UploadIcon = (props) => (React.createElement("svg", Object.assign({ width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const UploadIcon = (props) => (React.createElement("svg", { width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.createElement("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     React.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.createElement("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));

package/dist/es/components/icons/vertical-ellipsis.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const VerticalEllipsisIcon = (props) => (React.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const VerticalEllipsisIcon = (props) => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.createElement("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }),
     React.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }),
     React.createElement("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })));

package/dist/es/components/icons/x.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const XIcon = (props) => (React.createElement("svg", Object.assign({ width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+export const XIcon = (props) => (React.createElement("svg", { width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34921 12.4923C3.01447 12.1576 3.01447 11.6187 3.34921 11.2839L12.7654 \n        1.86772C13.1001 1.53298 13.639 1.53298 13.9738 1.86772C14.3085 2.20246 \n        14.3085 2.74135 13.9738 3.07609L4.55758 12.4923C4.22284 12.8271 3.68395 \n        12.8271 3.34921 12.4923Z" }),
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34921 1.86667C3.01447 2.20141 3.01447 2.74029 3.34921 3.07503L12.7654 \n        12.4913C13.1001 12.826 13.639 12.826 13.9738 12.4913C14.3085 12.1565 \n        14.3085 11.6176 13.9738 11.2829L4.55758 1.86667C4.22284 1.53193 3.68395 \n        1.53193 3.34921 1.86667Z" })));
 export default XIcon;

package/dist/es/hooks/use-menus.js

@@ -26,13 +26,21 @@ const getSubmenuState = (specs, pointer, position) => {
             return spec;
         }
         const current = [...position, index];
-        return Object.assign(Object.assign({}, spec), { submenu: spec.submenu && getSubmenuState(spec.submenu, pointer, current), isOpen: isPart(pointer, current) });
+        return {
+            ...spec,
+            submenu: spec.submenu && getSubmenuState(spec.submenu, pointer, current),
+            isOpen: isPart(pointer, current),
+        };
     });
 };
 const getMenuState = (specs, pointer) => {
     return specs.map((spec, index) => {
         const position = [index];
-        return Object.assign(Object.assign({}, spec), { submenu: spec.submenu && getSubmenuState(spec.submenu, pointer, position), isOpen: isPart(pointer, position) });
+        return {
+            ...spec,
+            submenu: spec.submenu && getSubmenuState(spec.submenu, pointer, position),
+            isOpen: isPart(pointer, position),
+        };
     });
 };
 const getMenuAt = (state, position) => {

package/dist/es/lib/__tests__/errors-decoder.test.js

@@ -0,0 +1,33 @@
+/*!
+ * © 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.
+ */
+import decodeError from '../errors-decoder';
+describe('decodedError', () => {
+    it('should decode error as', () => {
+        const decoded = decodeError('NOTES_NOT_UPDATED');
+        expect(decoded).toEqual({
+            title: 'Production Notes cannot be updated',
+            description: 'There was an internal error while updating the Production notes.',
+            type: 'System',
+        });
+    });
+    it('should decode unknown error as', () => {
+        const decoded = decodeError('UNKNOWN_FAKE_ERROR');
+        expect(decoded).toEqual({
+            title: 'Unknown',
+            description: '',
+        });
+    });
+});

package/dist/es/lib/capabilities.js

@@ -8,15 +8,15 @@ var Actions;
     Actions["editWithoutTracking"] = "edit-without-tracking";
 })(Actions || (Actions = {}));
 export const getCapabilities = (project, profile, role, actions, isViewingMode) => {
-    const userID = profile === null || profile === void 0 ? void 0 : profile.userID;
-    const isMemberOf = (group) => { var _a; return (_a = group === null || group === void 0 ? void 0 : group.includes(userID !== null && userID !== void 0 ? userID : '')) !== null && _a !== void 0 ? _a : false; };
-    const isOwner = isMemberOf(project === null || project === void 0 ? void 0 : project.owners);
-    const isEditor = isMemberOf(project === null || project === void 0 ? void 0 : project.editors);
-    const isWriter = isMemberOf(project === null || project === void 0 ? void 0 : project.writers);
-    const isAnnotator = isMemberOf(project === null || project === void 0 ? void 0 : project.annotators);
-    const isProofer = isMemberOf(project === null || project === void 0 ? void 0 : project.proofers);
-    const isViewer = isMemberOf(project === null || project === void 0 ? void 0 : project.viewers) || isViewingMode;
-    const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
+    const userID = profile?.userID;
+    const isMemberOf = (group) => group?.includes(userID ?? '') ?? false;
+    const isOwner = isMemberOf(project?.owners);
+    const isEditor = isMemberOf(project?.editors);
+    const isWriter = isMemberOf(project?.writers);
+    const isAnnotator = isMemberOf(project?.annotators);
+    const isProofer = isMemberOf(project?.proofers);
+    const isViewer = isMemberOf(project?.viewers) || isViewingMode;
+    const allowed = (action) => !!actions?.includes(action);
     const canEditWithoutTracking = allowed(Actions.editWithoutTracking);
     const isPrivileged = isOwner || isEditor || isWriter;
     const canEditFiles = (isPrivileged || isAnnotator) && !isViewingMode;
@@ -63,5 +63,5 @@ export const useCalcPermission = ({ project, profile, role, permittedActions, is
 };
 export const CapabilitiesProvider = (props) => {
     const { can } = props;
-    return (React.createElement(CapabilitiesContext.Provider, { value: can }, props === null || props === void 0 ? void 0 : props.children));
+    return (React.createElement(CapabilitiesContext.Provider, { value: can }, props?.children));
 };

package/dist/es/lib/menus.js

@@ -14,5 +14,5 @@
  * limitations under the License.
  */
 export const isMenuSeparator = (menu) => {
-    return (menu === null || menu === void 0 ? void 0 : menu.role) === 'separator';
+    return menu?.role === 'separator';
 };

package/dist/types/components/Drawer.d.ts

@@ -1,17 +1,16 @@
 import React from 'react';
-interface DrawerProps {
-    items: Array<{
-        id: string;
-        label: string;
-        country?: string;
-        city?: string;
-        state?: string;
-    }>;
-    selectedIds?: string[];
+export interface DrawerProps {
     title: string;
-    onSelect: (id: string) => void;
     onBack: () => void;
     width?: string;
+    children: React.ReactNode;
 }
+export declare const DrawerItemsList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const DrawerListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    selected?: boolean | undefined;
+}, never>;
+export declare const DrawerIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const DrawerLabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DrawerItemLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const DrawerItemMeta: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const Drawer: React.FC<DrawerProps>;
-export {};

package/dist/types/components/icons/add-role.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const AddRoleIcon: React.FC<IconProps>;
+export default AddRoleIcon;

package/dist/types/components/icons/index.d.ts

@@ -20,6 +20,7 @@ export { default as AddedIcon } from './added';
 export { default as AddNewIcon } from './add-new';
 export { default as AddOutlineIcon } from './add-outline';
 export { default as AddIcon } from './add';
+export { default as AddRoleIcon } from './add-role';
 export { default as ArrowDownIcon } from './arrow-down';
 export { default as ArrowDownCircleIcon } from './arrow-down-circle';
 export { default as ArrowLeftIcon } from './arrow-left';
@@ -35,7 +36,6 @@ export { default as AffiliationIcon } from './affiliation';
 export { default as AuthorPlaceholderIcon } from './author-placeholder';
 export { default as AffiliationPlaceholderIcon } from './affiliation-placeholder';
 export { default as BookIcon } from './book';
-export { default as ChatIcon } from './chat';
 export { default as SystemUserAvatarIcon } from './system-user-avatar';
 export { default as CitationCountIcon } from './citation-count';
 export { default as CommentReplyIcon } from './comment-reply';

package/dist/types/{components/icons/chat.d.ts → lib/__tests__/errors-decoder.test.d.ts}

@@ -1,5 +1,5 @@
 /*!
- * © 2025 Atypon Systems LLC
+ * © 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.
@@ -13,7 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-import { IconProps } from './types';
-declare const ChatIcon: React.FC<IconProps>;
-export default ChatIcon;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.1.14-LEAN-4623.0",
+  "version": "3.0.1-LEAN-4579.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -15,97 +15,95 @@
     "react"
   ],
   "scripts": {
-    "build": "npm-run-all --parallel 'build:* --project tsconfig.build.json'",
+    "build": "npm-run-all --parallel build:*",
     "build:cjs": "tsc --outDir dist/cjs --module commonjs",
     "build:es": "tsc --outDir dist/es --declarationDir dist/types --declaration",
     "build-storybook": "storybook build",
-    "dev": "npm-run-all --parallel 'build:* --project tsconfig.build.json --watch'",
+    "dev": "npm-run-all --parallel 'build:* --watch'",
     "lint": "eslint src stories --ext .ts,.tsx --max-warnings=0",
-    "lint:fix": "eslint src stories --fix --ext .ts,.tsx --max-warnings=0",
     "prebuild": "rimraf dist",
     "prettier": "prettier --write \"{src,stories}/**/*.{ts,tsx}\"",
     "preversion": "npm-run-all --parallel lint typecheck test",
     "storybook": "storybook dev -p 6006",
     "test": "jest",
     "typecheck": "tsc --noEmit",
-    "version": "yarn build",
+    "version": "pnpm build",
     "prepare": "husky install"
   },
   "dependencies": {
-    "@headlessui/react": "^2.1.10",
-    "@manuscripts/json-schema": "2.2.11",
-    "date-fns": "^2.29.3",
-    "formik": "^2.2.9",
-    "fuzzysort": "^2.0.4",
-    "lodash": "^4.17.21",
-    "prosemirror-commands": "1.5.2",
-    "prosemirror-history": "1.3.2",
-    "prosemirror-keymap": "1.2.2",
-    "prosemirror-model": "1.19.4",
+    "@headlessui/react": "2.2.3",
+    "@manuscripts/json-schema": "2.2.12",
+    "date-fns": "2.30.0",
+    "formik": "2.4.6",
+    "lodash": "4.17.21",
+    "prosemirror-commands": "1.7.1",
+    "prosemirror-history": "1.4.1",
+    "prosemirror-keymap": "1.2.3",
+    "prosemirror-model": "1.25.0",
     "prosemirror-state": "1.4.3",
-    "prosemirror-view": "1.32.7",
-    "react": "^18.3.1",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
-    "react-modal": "^3.16.1",
-    "react-modern-calendar-datepicker": "^3.1.6",
-    "react-router-dom": "^5.3.4",
-    "react-select": "^5.7.3",
-    "react-sizeme": "^3.0.2",
-    "react-tooltip": "^5.28.0",
-    "styled-components": "^5.2.0"
+    "prosemirror-view": "1.40.0",
+    "react": "18.3.1",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-dom": "18.3.1",
+    "react-is": "18.3.1",
+    "react-modal": "3.16.3",
+    "react-modern-calendar-datepicker": "3.1.6",
+    "react-router-dom": "5.3.4",
+    "react-select": "5.10.1",
+    "react-sizeme": "3.0.2",
+    "react-tooltip": "5.28.1",
+    "styled-components": "5.3.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.5",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@manuscripts/eslint-config": "^0.5.1",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
-    "@storybook/react": "^7.6.10",
-    "@storybook/react-webpack5": "^7.6.10",
-    "@storybook/test": "^7.6.10",
-    "@types/jest": "^29.2.4",
-    "@types/lodash": "^4.14.202",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-modal": "^3.16.3",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.4",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@typescript-eslint/parser": "^5.47.0",
-    "babel-jest": "^29.3.1",
-    "eslint": "^8.30.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-header": "^3.1.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^27.1.7",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-mdx": "^2.0.5",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "husky": "^8.0.2",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.1",
-    "rimraf": "^3.0.0",
-    "storybook": "^7.6.10",
-    "typeface-lato": "^1.1.13",
-    "typescript": "^4.4.4"
+    "@babel/core": "7.23.7",
+    "@babel/preset-env": "7.23.8",
+    "@babel/preset-react": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
+    "@manuscripts/eslint-config": "0.5.1",
+    "@storybook/addon-actions": "7.6.10",
+    "@storybook/addon-essentials": "7.6.10",
+    "@storybook/addon-interactions": "7.6.10",
+    "@storybook/addon-links": "7.6.10",
+    "@storybook/blocks": "7.6.10",
+    "@storybook/react": "7.6.10",
+    "@storybook/react-webpack5": "7.6.10",
+    "@storybook/test": "7.6.10",
+    "@types/jest": "29.5.14",
+    "@types/lodash": "4.17.16",
+    "@types/react": "18.3.21",
+    "@types/react-dom": "18.3.7",
+    "@types/react-modal": "3.16.3",
+    "@types/react-router-dom": "5.3.3",
+    "@types/styled-components": "5.1.34",
+    "@typescript-eslint/eslint-plugin": "5.62.0",
+    "@typescript-eslint/parser": "5.62.0",
+    "babel-jest": "29.7.0",
+    "eslint": "8.57.1",
+    "eslint-config-prettier": "8.10.0",
+    "eslint-plugin-header": "3.1.1",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jest": "27.9.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-mdx": "2.3.4",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-promise": "6.6.0",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-simple-import-sort": "8.0.0",
+    "eslint-plugin-storybook": "0.12.0",
+    "husky": "8.0.3",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "npm-run-all": "4.1.5",
+    "prettier": "2.8.8",
+    "rimraf": "6.0.1",
+    "storybook": "7.6.10",
+    "typeface-lato": "1.1.13",
+    "typescript": "4.9.5"
   },
-  "resolutions": {
-    "@types/react": "^18.3.1",
-    "jackspeak": "2.1.1"
+  "engines": {
+    "node": ">=20.16.0"
   }
 }

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

@@ -1,26 +0,0 @@
-"use strict";
-/*!
- * © 2025 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 ChatIcon = (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: "M3.5 4.5V9.5L0.5 14.5H13.5C14.605 14.5 15.5 13.605 15.5 12.5V4.5C15.5 3.395 14.605 2.5 13.5 2.5H5.5C4.395 2.5 3.5 3.395 3.5 4.5Z", fill: "white", fillOpacity: "0.01", stroke: "#353535", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-    react_1.default.createElement("path", { d: "M6.5 6.5H12.5", stroke: "#353535", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-    react_1.default.createElement("path", { d: "M6.5 10.5H9.5", stroke: "#353535", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
-exports.default = ChatIcon;

package/dist/es/components/icons/chat.js

@@ -1,21 +0,0 @@
-/*!
- * © 2025 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 React from 'react';
-const ChatIcon = (props) => (React.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("path", { d: "M3.5 4.5V9.5L0.5 14.5H13.5C14.605 14.5 15.5 13.605 15.5 12.5V4.5C15.5 3.395 14.605 2.5 13.5 2.5H5.5C4.395 2.5 3.5 3.395 3.5 4.5Z", fill: "white", fillOpacity: "0.01", stroke: "#353535", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M6.5 6.5H12.5", stroke: "#353535", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M6.5 10.5H9.5", stroke: "#353535", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })));
-export default ChatIcon;