@manuscripts/style-guide 2.1.8-LEAN-4344.0 → 2.1.8

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

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarFigureIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ToolbarIndentIcon = (props) => (_jsxs("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.5002C8.35742 11.3878 7.98843 12.1074 7.53325 12.1074L3.82445 12.1074C3.36927 12.1074 3.00028 11.3878 3.00028 10.5002C3.00028 9.61261 3.36927 8.89307 3.82445 8.89307L7.53325 8.89307C7.98843 8.89307 8.35742 9.61261 8.35742 10.5002Z", fill: "#6E6E6E" }), _jsx("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })] })));
+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),
+    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" }),
+    React.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.5002C8.35742 11.3878 7.98843 12.1074 7.53325 12.1074L3.82445 12.1074C3.36927 12.1074 3.00028 11.3878 3.00028 10.5002C3.00028 9.61261 3.36927 8.89307 3.82445 8.89307L7.53325 8.89307C7.98843 8.89307 8.35742 9.61261 8.35742 10.5002Z", fill: "#6E6E6E" }),
+    React.createElement("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
 export default ToolbarIndentIcon;

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

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarItalicIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.21802 13.4211H7.5L9.82349 2.5H11.5415L9.21802 13.4211Z", fill: "#6E6E6E" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarOrderedListIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarSubscriptIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarSuperscriptIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarSymbolIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarTableIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarUnderlineIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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-unindent.js

@@ -1,3 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ToolbarUnindentIcon = (props) => (_jsxs("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14258 10.5003C5.14258 9.61268 5.51157 8.89314 5.96675 8.89314L9.67555 8.89314C10.1307 8.89314 10.4997 9.61268 10.4997 10.5003C10.4997 11.3879 10.1307 12.1074 9.67555 12.1074L5.96675 12.1074C5.51157 12.1074 5.14258 11.3879 5.14258 10.5003Z", fill: "#6E6E6E" }), _jsx("path", { d: "M3.55069 10.6355C3.4831 10.5675 3.4831 10.4325 3.55069 10.3645L6.61649 7.28013C6.64139 7.25508 6.65798 7.25155 6.66414 7.25059C6.673 7.2492 6.68713 7.24979 6.70517 7.25839C6.73862 7.27433 6.78571 7.31919 6.78571 7.41561L6.78571 13.5844C6.78571 13.6808 6.73862 13.7257 6.70517 13.7416C6.68713 13.7502 6.673 13.7508 6.66414 13.7494C6.65798 13.7484 6.64139 13.7449 6.61649 13.7199L3.55069 10.6355Z", fill: "#6E6E6E", stroke: "#6E6E6E" })] })));
+import React from 'react';
+const ToolbarUnindentIcon = (props) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    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" }),
+    React.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14258 10.5003C5.14258 9.61268 5.51157 8.89314 5.96675 8.89314L9.67555 8.89314C10.1307 8.89314 10.4997 9.61268 10.4997 10.5003C10.4997 11.3879 10.1307 12.1074 9.67555 12.1074L5.96675 12.1074C5.51157 12.1074 5.14258 11.3879 5.14258 10.5003Z", fill: "#6E6E6E" }),
+    React.createElement("path", { d: "M3.55069 10.6355C3.4831 10.5675 3.4831 10.4325 3.55069 10.3645L6.61649 7.28013C6.64139 7.25508 6.65798 7.25155 6.66414 7.25059C6.673 7.2492 6.68713 7.24979 6.70517 7.25839C6.73862 7.27433 6.78571 7.31919 6.78571 7.41561L6.78571 13.5844C6.78571 13.6808 6.73862 13.7257 6.70517 13.7416C6.68713 13.7502 6.673 13.7508 6.66414 13.7494C6.65798 13.7484 6.64139 13.7449 6.61649 13.7199L3.55069 10.6355Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
 export default ToolbarUnindentIcon;

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

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ToolbarUnorderedListIcon = (props) => (_jsx("svg", Object.assign({ width: "19", height: "16", viewBox: "0 0 19 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const TriangleCollapsedIcon = (props) => (_jsx("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const TriangleExpandedIcon = (props) => (_jsx("svg", Object.assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: _jsx("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" }) })));
+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),
+    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,3 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const UploadIcon = (props) => (_jsxs("svg", Object.assign({ width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M8.5 12.5V1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M13.5 6.5L8.5 1.5L3.5 6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M15.5 16.5H1.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+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),
+    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" })));
 export default UploadIcon;

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

@@ -1,3 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VerticalEllipsisIcon = (props) => (_jsxs("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }), _jsx("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }), _jsx("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })] })));
+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),
+    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" })));
 export default VerticalEllipsisIcon;

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

@@ -1,3 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const XIcon = (props) => (_jsxs("svg", Object.assign({ width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("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" }), _jsx("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" })] })));
+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),
+    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-scroll-detection.js

@@ -15,8 +15,8 @@
  */
 import { useRef, useState } from 'react';
 export const useScrollDetection = (topTrigger, bottomTrigger) => {
-    const refRoot = useRef(null);
-    const observer = useRef(null);
+    const refRoot = useRef();
+    const observer = useRef();
     const [triggers, setTriggers] = useState({ bottom: false, top: false });
     const ref = (node) => {
         if (!node) {

package/dist/es/lib/capabilities.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 var Actions;
 (function (Actions) {
@@ -7,13 +6,13 @@ var Actions;
     Actions["addNote"] = "add-note";
     Actions["setMainManuscript"] = "set-main-manuscript";
 })(Actions || (Actions = {}));
-export const getCapabilities = (project, profile, role, actions) => {
+export const getCapabilities = (project, profile, role, actions, isViewingMode) => {
     const isEditor = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.editors) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isOwner = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.owners) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isWriter = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.writers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isAnnotator = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.annotators) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isProofer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.proofers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
-    const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
+    const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))) || isViewingMode; };
     const isProdEditor = () => role == 'pe';
     const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
     return {
@@ -73,10 +72,10 @@ CapabilitiesContext.displayName = 'CapabilitiesContext';
 export const usePermissions = () => {
     return React.useContext(CapabilitiesContext);
 };
-export const useCalcPermission = ({ project, profile, role, permittedActions, }) => {
-    return getCapabilities(project, profile, role, permittedActions);
+export const useCalcPermission = ({ project, profile, role, permittedActions, isViewingMode, }) => {
+    return getCapabilities(project, profile, role, permittedActions, isViewingMode);
 };
 export const CapabilitiesProvider = (props) => {
     const { can } = props;
-    return (_jsx(CapabilitiesContext.Provider, Object.assign({ value: can }, { children: props === null || props === void 0 ? void 0 : props.children })));
+    return (React.createElement(CapabilitiesContext.Provider, { value: can }, props === null || props === void 0 ? void 0 : props.children));
 };

package/dist/es/lib/files.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { FileAudioIcon, FileCodeIcon, FileCompressedIcon, FileDocumentIcon, FileFigureIcon, FileGraphicalAbstractIcon, FileImageIcon, FileLatexIcon, FilePdfIcon, FileTableIcon, FileUnknownIcon, FileVideoIcon, } from '../components/icons';
 export var FileType;
 (function (FileType) {
@@ -54,53 +54,53 @@ const extension2type = new Map([
 const type2icon = new Map([
     [
         FileType.Audio,
-        _jsx(FileAudioIcon, { className: "file-icon" }, FileType.Audio),
+        React.createElement(FileAudioIcon, { key: FileType.Audio, className: "file-icon" }),
     ],
     [
         FileType.Video,
-        _jsx(FileVideoIcon, { className: "file-icon" }, FileType.Video),
+        React.createElement(FileVideoIcon, { key: FileType.Video, className: "file-icon" }),
     ],
     [
         FileType.PlainDocument,
-        _jsx(FileDocumentIcon, { color: "#1A9BC7", className: "file-icon" }, FileType.PlainDocument),
+        React.createElement(FileDocumentIcon, { key: FileType.PlainDocument, color: "#1A9BC7", className: "file-icon" }),
     ],
     [
         FileType.SheetsWorkbooks,
-        _jsx(FileTableIcon, { className: "file-icon" }, FileType.SheetsWorkbooks),
+        React.createElement(FileTableIcon, { key: FileType.SheetsWorkbooks, className: "file-icon" }),
     ],
     [
         FileType.Latex,
-        _jsx(FileLatexIcon, { color: "#1A9BC7", className: "file-icon" }, FileType.Latex),
+        React.createElement(FileLatexIcon, { key: FileType.Latex, color: "#1A9BC7", className: "file-icon" }),
     ],
     [
         FileType.CodeFile,
-        _jsx(FileCodeIcon, { className: "file-icon" }, FileType.CodeFile),
+        React.createElement(FileCodeIcon, { key: FileType.CodeFile, className: "file-icon" }),
     ],
     [
         FileType.PdfFile,
-        _jsx(FilePdfIcon, { className: "file-icon" }, FileType.PdfFile),
+        React.createElement(FilePdfIcon, { key: FileType.PdfFile, className: "file-icon" }),
     ],
     [
         FileType.CompressedFile,
-        _jsx(FileCompressedIcon, { className: "file-icon" }, FileType.CompressedFile),
+        React.createElement(FileCompressedIcon, { key: FileType.CompressedFile, className: "file-icon" }),
     ],
     [
         FileType.PlainText,
-        _jsx(FileDocumentIcon, { color: "#FFBD26", className: "file-icon" }, FileType.PlainText),
+        React.createElement(FileDocumentIcon, { key: FileType.PlainText, color: "#FFBD26", className: "file-icon" }),
     ],
     [
         FileType.Image,
-        _jsx(FileImageIcon, { className: "file-icon" }, FileType.Image),
+        React.createElement(FileImageIcon, { key: FileType.Image, className: "file-icon" }),
     ],
     [
         FileType.Figure,
-        _jsx(FileFigureIcon, { className: "file-icon" }, FileType.Figure),
+        React.createElement(FileFigureIcon, { key: FileType.Figure, className: "file-icon" }),
     ],
     [
         FileType.GraphicalAbstract,
-        _jsx(FileGraphicalAbstractIcon, { className: "file-icon" }, FileType.GraphicalAbstract),
+        React.createElement(FileGraphicalAbstractIcon, { key: FileType.GraphicalAbstract, className: "file-icon" }),
     ],
-    [undefined, _jsx(FileUnknownIcon, { className: "file-icon" }, undefined)],
+    [undefined, React.createElement(FileUnknownIcon, { key: undefined, className: "file-icon" })],
 ]);
 export const getFileType = (name) => {
     const extension = getExtension(name);

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

@@ -14,22 +14,16 @@
  * limitations under the License.
  */
 import React from 'react';
-export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, {
+export declare const TextButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
-    type?: string | undefined;
-}>, keyof {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}> & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}, never>, never>> & string;
+}, "type">;
+interface State {
+    isOpen: boolean;
+}
 interface Dismiss {
     text: string;
     action?: () => void;
@@ -43,7 +37,12 @@ export declare enum AlertMessageType {
 interface Props {
     type: AlertMessageType;
     dismissButton?: Dismiss;
+    hideCloseButton?: boolean;
     children: React.ReactNode;
 }
-export declare const AlertMessage: React.FC<Props>;
+export declare class AlertMessage extends React.Component<Props, State> {
+    state: State;
+    render(): false | React.JSX.Element;
+    private handleClose;
+}
 export {};

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

@@ -25,5 +25,18 @@ interface AutoSaveInputProps {
     isInvalid?: boolean | null;
     disabled?: boolean;
 }
-export declare const AutoSaveInput: React.FC<FieldProps & AutoSaveInputProps>;
+interface State {
+    focused: boolean;
+}
+export declare class AutoSaveInput extends React.Component<FieldProps & AutoSaveInputProps, State> {
+    state: {
+        focused: boolean;
+    };
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private handleSubmit;
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+}
 export {};

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

@@ -13,5 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
-export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Badge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -13,45 +13,95 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
-type ButtonTemplateProps = {
-    danger?: boolean;
-    disabled?: boolean;
-    mini?: boolean;
-    type?: string;
-};
-export declare const SecondaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, never>> & string;
-export declare const PrimaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, never>> & string;
-export declare const LoginButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, never>, never>> & string;
-export declare const TertiaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, never>> & string;
-export declare const IconTextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, never>> & string;
-export declare const ToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, {
+export declare const SecondaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+}, "type">;
+export declare const PrimaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+}, "type">;
+export declare const LoginButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+}, "type">;
+export declare const TertiaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+}, "type">;
+export declare const IconTextButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+}, "type">;
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
     selected?: boolean | undefined;
-}>> & string;
-export declare const ToggleButtonAlt: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, {
+}, "type">;
+export declare const ToggleButtonAlt: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
     selected?: boolean | undefined;
-}>> & string;
-export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, "size" | "defaultColor" | "iconColor"> & {
+}, "type">;
+export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
     defaultColor?: boolean | undefined;
     size?: number | undefined;
     iconColor?: string | undefined;
-}, never>> & string;
-export declare const RoundIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, "size" | "defaultColor" | "iconColor"> & {
+}, "type">;
+export declare const RoundIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
     defaultColor?: boolean | undefined;
     size?: number | undefined;
     iconColor?: string | undefined;
-}, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, "size" | "defaultColor" | "iconColor"> & {
+} & {
+    defaultColor: boolean;
+}, "type" | "defaultColor">;
+export declare const SecondaryIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
     defaultColor?: boolean | undefined;
     size?: number | undefined;
     iconColor?: string | undefined;
-}, never>>, never>, never>> & string;
-export declare const SecondaryIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ButtonTemplateProps>, keyof ButtonTemplateProps> & ButtonTemplateProps, "size" | "defaultColor" | "iconColor"> & {
-    defaultColor?: boolean | undefined;
-    size?: number | undefined;
-    iconColor?: string | undefined;
-}, never>, never>> & string;
-export declare const ButtonGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IconButtonGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, "type">;
+export declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     size?: number | undefined;
-}>> & string;
-export {};
+}, never>;

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

@@ -13,10 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
-export declare const CheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+export declare const CheckboxLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
     disabled?: boolean | undefined;
-}>> & string;
-export declare const CheckboxField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, never>, {
+}, never>;
+export declare const CheckboxField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    type: "checkbox";
+} & {
     type?: string | undefined;
-}>> & string;
+}, "type">;

package/dist/types/components/DatePicker/CalendarDatePicker.d.ts

@@ -1,21 +1,19 @@
-/*!
- * © 2023 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-modern-calendar-datepicker/lib/DatePicker.css';
 import React from 'react';
-declare const calendarPotentialDueDate: (stepDueDate: Date, selectedDate: Date | undefined, submissionDueDate: Date) => Date | null;
+import { Day, DayValue, RenderInputProps } from 'react-modern-calendar-datepicker';
+declare const calendarGetDay: (date: Date) => {
+    year: number;
+    month: number;
+    day: number;
+};
+declare const calendarPotentialDueDate: (stepDueDate: Date, dueDate: Day, submissionDueDate: Date) => Date;
 declare const calendarDatePickerDefaultDateFormat = "d MMM, EEEE";
+type CalendarDatePickerConfigs = {
+    color?: string;
+    position?: 'auto' | 'top' | 'bottom';
+    calendarClassName?: string;
+    selectedDayClassName?: string;
+};
 type CalendarDialogConfigs = {
     header?: string;
     dueDateMessage?: string;
@@ -23,11 +21,12 @@ type CalendarDialogConfigs = {
 type CalendarDatePickerProps = {
     currentDueDate: Date;
     originalDueDate: Date;
-    handleDateChange: (day: Date | undefined) => void;
+    handleDateChange: (day: DayValue) => void;
+    datePickerConfigs?: CalendarDatePickerConfigs;
     dialogConfigs?: CalendarDialogConfigs;
+    Button: React.FC<RenderInputProps>;
     primaryButtonTitle?: string;
     secondaryButtonTitle?: string;
-    buttonLabel?: string;
 };
 declare const CalendarDatePicker: React.FC<CalendarDatePickerProps>;
-export { calendarPotentialDueDate, calendarDatePickerDefaultDateFormat, CalendarDialogConfigs, CalendarDatePickerProps, CalendarDatePicker, };
+export { Day as CalendarDay, DayValue as CalendarDayValue, RenderInputProps as CalendarRenderInputProps, calendarGetDay, calendarPotentialDueDate, calendarDatePickerDefaultDateFormat, CalendarDatePickerConfigs, CalendarDialogConfigs, CalendarDatePickerProps, CalendarDatePicker, };