@manuscripts/style-guide 3.3.10 → 3.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,7 +16,7 @@ const SaveStatus = ({ status }) => {
16
16
  case 'saved':
17
17
  return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(PopPop, { children: (0, jsx_runtime_1.jsx)(icons_1.SaveStatusSavedIcon, {}) }), (0, jsx_runtime_1.jsx)(Text, { children: "Saved" })] }));
18
18
  case 'failed':
19
- return ((0, jsx_runtime_1.jsxs)(FailedContainer, { children: [(0, jsx_runtime_1.jsx)(PopPop, { children: (0, jsx_runtime_1.jsx)(icons_1.AttentionRedIcon, {}) }), (0, jsx_runtime_1.jsx)(FailedText, { children: "Failed To Save" })] }));
19
+ return ((0, jsx_runtime_1.jsxs)(FailedContainer, { children: [(0, jsx_runtime_1.jsx)(PopPop, { children: (0, jsx_runtime_1.jsx)(icons_1.SaveStatusErrorIcon, {}) }), (0, jsx_runtime_1.jsx)(FailedText, { children: "Save error" })] }));
20
20
  default:
21
21
  return null;
22
22
  }
@@ -36,7 +36,7 @@ const Text = styled_components_1.default.span `
36
36
  margin-left: 0.5em;
37
37
  font-family: ${(props) => props.theme.font.family.Lato};
38
38
  font-size: 14px;
39
- font-weight: 700;
39
+ font-weight: 400;
40
40
  `;
41
41
  const FailedContainer = (0, styled_components_1.default)(Container) `
42
42
  path {
@@ -45,7 +45,7 @@ const FailedContainer = (0, styled_components_1.default)(Container) `
45
45
  }
46
46
  `;
47
47
  const FailedText = (0, styled_components_1.default)(Text) `
48
- color: ${(props) => props.theme.colors.text.error};
48
+ color: ${(props) => props.theme.colors.text.secondary};
49
49
  `;
50
50
  const RotateContinuous = styled_components_1.default.div `
51
51
  svg {
@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  exports.FileVideoIcon = exports.FileUnknownIcon = exports.FileTableIcon = exports.FilePdfIcon = exports.FileMainDocumentIcon = exports.FileLatexIcon = exports.FileImageIcon = exports.FileGraphicalAbstractIcon = exports.FileFigureIcon = exports.FileDocumentIcon = exports.FileCorruptedIcon = exports.FileCompressedIcon = exports.FileCodeIcon = exports.FileAudioIcon = exports.EditAttrsTrackingIcon = exports.EditIcon = exports.DraggableIcon = exports.DotsIcon = exports.DeleteIcon = exports.DeleteSolidIcon = exports.CorrespondingAuthorIcon = exports.CommentIcon = exports.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = exports.ChatIcon = exports.BookIcon = exports.AffiliationPlaceholderIcon = exports.AuthorPlaceholderIcon = exports.AffiliationIcon = exports.AlertIcon = exports.AvatarIcon = exports.AttentionRedIcon = exports.AttentionOrangeIcon = exports.AttentionGreenIcon = exports.AttentionBlueIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowLeftIcon = exports.ArrowDownCircleIcon = exports.ArrowDownIcon = exports.AddRoleIcon = exports.AddIcon = exports.AddOutlineIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddFigureIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
22
- exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarSpecialCharactersIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoxedTextIcon = exports.ToolbarBoldIcon = exports.TickIcon = exports.TaskStepDoneIcon = exports.SliderOnIcon = exports.SliderOffIcon = exports.SectionCategoryIcon = exports.SearchIcon = exports.ScrollIcon = exports.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEmbedIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = exports.ManuscriptIcon = exports.LogoutIcon = exports.LockIcon = exports.LinkIcon = exports.InspectorPluginIcon = exports.ImageRightIcon = exports.ImageDefaultIcon = exports.ImageLeftIcon = exports.HelpIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = void 0;
23
- exports.DangerIcon = exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.TranslateIcon = exports.ToolbarUnindentIcon = exports.ToolbarIndentIcon = exports.ToolbarUnorderedListIcon = void 0;
22
+ exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarSpecialCharactersIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoxedTextIcon = exports.ToolbarBoldIcon = exports.TickIcon = exports.TaskStepDoneIcon = exports.SliderOnIcon = exports.SliderOffIcon = exports.SectionCategoryIcon = exports.SearchIcon = exports.ScrollIcon = exports.SaveStatusErrorIcon = exports.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEmbedIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = exports.ManuscriptIcon = exports.LogoutIcon = exports.LockIcon = exports.LinkIcon = exports.InspectorPluginIcon = exports.ImageRightIcon = exports.ImageDefaultIcon = exports.ImageLeftIcon = exports.HelpIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = void 0;
23
+ exports.DangerIcon = exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.TranslateIcon = exports.ToolbarUnindentIcon = exports.ToolbarIndentIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = void 0;
24
24
  var add_author_1 = require("./add-author");
25
25
  Object.defineProperty(exports, "AddAuthorIcon", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
26
26
  var add_comment_1 = require("./add-comment");
@@ -179,6 +179,8 @@ var save_status_saved_1 = require("./save-status-saved");
179
179
  Object.defineProperty(exports, "SaveStatusSavedIcon", { enumerable: true, get: function () { return __importDefault(save_status_saved_1).default; } });
180
180
  var save_status_saving_1 = require("./save-status-saving");
181
181
  Object.defineProperty(exports, "SaveStatusSavingIcon", { enumerable: true, get: function () { return __importDefault(save_status_saving_1).default; } });
182
+ var save_status_error_1 = require("./save-status-error");
183
+ Object.defineProperty(exports, "SaveStatusErrorIcon", { enumerable: true, get: function () { return __importDefault(save_status_error_1).default; } });
182
184
  var scroll_1 = require("./scroll");
183
185
  Object.defineProperty(exports, "ScrollIcon", { enumerable: true, get: function () { return __importDefault(scroll_1).default; } });
184
186
  var search_1 = require("./search");
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const SaveStatusErrorIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M1.78138 8.66481C-0.264932 9.8341 0.0274413 13.0505 2.65849 13.0511H12.8905C15.5215 13.0511 17.2757 8.07953 12.8904 6.90971C12.5981 3.1078 7.04369 1.35262 4.99722 5.44728C3.24317 5.44728 1.78146 6.61707 1.78138 8.66481Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.72879 5.01736C5.87898 2.95783 7.91126 2.36194 9.70374 2.79082C11.4478 3.20821 13.0047 4.60833 13.2924 6.5716C14.3175 6.9008 15.037 7.4474 15.4775 8.12298C15.9565 8.85769 16.0788 9.70245 15.9548 10.4877C15.7142 12.0118 14.4922 13.49 12.8904 13.49H2.65842C1.90751 13.4898 1.28935 13.2579 0.834706 12.8599C0.382925 12.4644 0.119408 11.9279 0.0324793 11.3628C-0.129481 10.3096 0.315 9.11972 1.34973 8.41657C1.40498 7.39534 1.80147 6.55959 2.43174 5.96841C3.04545 5.39277 3.85636 5.07181 4.72879 5.01736ZM9.49933 3.64419C7.99607 3.28458 6.3123 3.79692 5.38942 5.6434C5.31514 5.79202 5.16325 5.88616 4.99715 5.88616C4.21663 5.88616 3.52442 6.1456 3.03127 6.60815C2.54256 7.06657 2.21994 7.75174 2.2199 8.66504C2.21982 8.82233 2.13541 8.96738 1.99893 9.04546C1.13936 9.53664 0.779611 10.4521 0.899227 11.2297C0.958506 11.6148 1.13361 11.9555 1.41254 12.1996C1.68873 12.4414 2.09385 12.6125 2.65842 12.6126H12.8904C13.9195 12.6126 14.8901 11.6047 15.0881 10.3507C15.1834 9.74683 15.0864 9.12867 14.7432 8.60221C14.4018 8.07861 13.7893 7.60354 12.7773 7.33358C12.5974 7.28556 12.4673 7.12915 12.453 6.94345C12.3239 5.26421 11.0281 4.00999 9.49933 3.64419Z", fill: "#F35143" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.52701 9.50991C8.40149 9.50991 8.30327 9.4717 8.23233 9.39527C8.16138 9.31884 8.11773 9.20693 8.10136 9.05953L7.83942 6.25898C7.81213 6.01332 7.85852 5.81679 7.97857 5.6694C8.09863 5.51654 8.28144 5.44011 8.52701 5.44011C8.76166 5.44011 8.93901 5.51654 9.05907 5.6694C9.17912 5.81679 9.22551 6.01332 9.19822 6.25898L8.93629 9.05953C8.91992 9.20693 8.87626 9.31884 8.80532 9.39527C8.73983 9.4717 8.64706 9.50991 8.52701 9.50991ZM8.52701 11.3278C8.30873 11.3278 8.1341 11.2623 8.00313 11.1313C7.87762 11.0003 7.81486 10.831 7.81486 10.6236C7.81486 10.4216 7.87762 10.2578 8.00313 10.1323C8.1341 10.0012 8.30873 9.93572 8.52701 9.93572C8.74529 9.93572 8.91446 10.0012 9.03451 10.1323C9.16002 10.2578 9.22278 10.4216 9.22278 10.6236C9.22278 10.831 9.16002 11.0003 9.03451 11.1313C8.91446 11.2623 8.74529 11.3278 8.52701 11.3278Z", fill: "#F35143" })] }));
5
+ exports.default = SaveStatusErrorIcon;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
- const SaveStatusSavedIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.5 8.5L8 11L13 6", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] }));
4
+ const SaveStatusSavedIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M4.72879 5.01493C5.87898 2.95619 7.91126 2.36052 9.70374 2.78924C11.4478 3.20647 13.0047 4.60605 13.2923 6.56856C14.3175 6.89764 15.037 7.44403 15.4775 8.11934C15.9565 8.85377 16.0788 9.69821 15.9548 10.4832C15.7142 12.0067 14.4922 13.4843 12.8904 13.4843H2.65842C1.90751 13.4841 1.28935 13.2523 0.834706 12.8545C0.382925 12.4591 0.119408 11.9228 0.0324793 11.3579C-0.129481 10.3052 0.315 9.1157 1.34973 8.41283C1.40498 7.39199 1.80147 6.55656 2.43174 5.96561C3.04545 5.39019 3.85636 5.06936 4.72879 5.01493ZM9.49933 3.64229C7.99607 3.28281 6.3123 3.79496 5.38941 5.64072C5.31514 5.78928 5.16325 5.88339 4.99715 5.88339C4.21663 5.88339 3.52442 6.14273 3.03127 6.6051C2.54256 7.06335 2.21994 7.74825 2.2199 8.6612C2.21982 8.81843 2.13541 8.96342 1.99893 9.04148C1.13936 9.53246 0.779611 10.4476 0.899227 11.2249C0.958506 11.6098 1.13361 11.9504 1.41254 12.1944C1.68873 12.4361 2.09385 12.6071 2.65842 12.6072H12.8904C13.9195 12.6072 14.8901 11.5998 15.0881 10.3462C15.1834 9.74258 15.0864 9.12466 14.7432 8.5984C14.4018 8.075 13.7893 7.60011 12.7773 7.33025C12.5974 7.28225 12.4673 7.1259 12.453 6.94027C12.3239 5.26168 11.0281 4.00794 9.49933 3.64229Z", fill: "#353535" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.83375 8.60263C5.61415 8.37347 5.25942 8.36752 5.03713 8.59372L5.16258 8.46607C4.94222 8.6903 4.94257 9.0575 5.16092 9.28367L6.64735 10.8234C6.8668 11.0507 7.22857 11.0583 7.45382 10.8418L10.6709 7.75008C10.8968 7.53293 10.9033 7.17708 10.681 6.95088L10.8064 7.07853C10.5861 6.85429 10.2218 6.84877 9.9951 7.06413L7.04469 9.86626L5.83375 8.60263Z", fill: "#353535" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.9951 7.06413C10.1999 6.86962 10.5167 6.85567 10.7385 7.01999C10.8996 7.24472 10.875 7.55387 10.6709 7.75008L7.45382 10.8418C7.24263 11.0448 6.91162 11.0506 6.69024 10.8633L6.64735 10.8234L5.16092 9.28367C4.96369 9.07931 4.94457 8.75992 5.1052 8.5348C5.32688 8.37089 5.63536 8.39561 5.83375 8.60263L7.04469 9.86626L9.9951 7.06413ZM5.16258 8.46607C5.14132 8.4877 5.12235 8.51076 5.1052 8.5348C5.08152 8.55231 5.05858 8.5719 5.03713 8.59372L5.16258 8.46607ZM10.8064 7.07853C10.7852 7.05691 10.7622 7.03754 10.7385 7.01999C10.7213 6.99601 10.7024 6.97269 10.681 6.95088L10.8064 7.07853Z", fill: "#353535" })] }));
5
5
  exports.default = SaveStatusSavedIcon;
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
- const SaveStatusSavingIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M1.5 8.5C1.5 4.634 4.634 1.5 8.5 1.5C11.136 1.5 13.328 3.141 14.5 5.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.5 1.5V5.5H10.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 9.5C15.5 13.366 12.366 16.5 8.5 16.5C5.864 16.5 3.672 14.859 2.5 12.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.5 16.5V12.5H6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] }));
4
+ const SaveStatusSavingIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M5.00952 0.601385C8.65885 -0.895443 12.7584 0.497603 14.8201 3.71791C15.0887 4.1375 14.9696 4.6974 14.5538 4.96847C14.138 5.23951 13.5831 5.11924 13.3145 4.69972C11.7115 2.19573 8.52138 1.11368 5.6846 2.27721C3.41043 3.21003 1.97045 5.33611 1.79002 7.6519C1.75123 8.14991 1.31958 8.52218 0.826057 8.48304C0.33261 8.44382 -0.0359859 8.00811 0.00280092 7.51016C0.234328 4.53832 2.08281 1.80186 5.00952 0.601385Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.3651 5.05769C15.3638 5.30564 15.1649 5.50632 14.9192 5.5076L10.7188 5.52945C10.3184 5.53153 10.1164 5.04312 10.3996 4.75742L14.6217 0.496996C14.9048 0.211301 15.3888 0.415086 15.3867 0.819115L15.3651 5.05769Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.9905 15.3986C7.34115 16.8954 3.24155 15.5024 1.17987 12.2821C0.91126 11.8625 1.03041 11.3026 1.44621 11.0315C1.862 10.7605 2.41687 10.8808 2.68552 11.3003C4.28853 13.8043 7.47862 14.8863 10.3154 13.7228C12.5896 12.79 14.0296 10.6639 14.21 8.3481C14.2488 7.8501 14.6804 7.47782 15.1739 7.51696C15.6674 7.55618 16.036 7.99189 15.9972 8.48984C15.7657 11.4617 13.9172 14.1981 10.9905 15.3986Z", fill: "#6E6E6E" }), (0, jsx_runtime_1.jsx)("path", { d: "M0.634908 10.9423C0.636174 10.6944 0.835054 10.4937 1.08077 10.4924L5.28122 10.4706C5.68161 10.4685 5.88357 10.9569 5.60044 11.2426L1.37834 15.503C1.09521 15.7887 0.611191 15.5849 0.613255 15.1809L0.634908 10.9423Z", fill: "#6E6E6E" })] }));
5
5
  exports.default = SaveStatusSavingIcon;
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import styled from 'styled-components';
3
- import { AttentionRedIcon, SaveStatusOfflineIcon, SaveStatusSavedIcon, SaveStatusSavingIcon, } from './icons';
3
+ import { SaveStatusErrorIcon, SaveStatusOfflineIcon, SaveStatusSavedIcon, SaveStatusSavingIcon, } from './icons';
4
4
  export const SaveStatus = ({ status }) => {
5
5
  switch (status) {
6
6
  case 'offline':
@@ -10,7 +10,7 @@ export const SaveStatus = ({ status }) => {
10
10
  case 'saved':
11
11
  return (_jsxs(Container, { children: [_jsx(PopPop, { children: _jsx(SaveStatusSavedIcon, {}) }), _jsx(Text, { children: "Saved" })] }));
12
12
  case 'failed':
13
- return (_jsxs(FailedContainer, { children: [_jsx(PopPop, { children: _jsx(AttentionRedIcon, {}) }), _jsx(FailedText, { children: "Failed To Save" })] }));
13
+ return (_jsxs(FailedContainer, { children: [_jsx(PopPop, { children: _jsx(SaveStatusErrorIcon, {}) }), _jsx(FailedText, { children: "Save error" })] }));
14
14
  default:
15
15
  return null;
16
16
  }
@@ -29,7 +29,7 @@ const Text = styled.span `
29
29
  margin-left: 0.5em;
30
30
  font-family: ${(props) => props.theme.font.family.Lato};
31
31
  font-size: 14px;
32
- font-weight: 700;
32
+ font-weight: 400;
33
33
  `;
34
34
  const FailedContainer = styled(Container) `
35
35
  path {
@@ -38,7 +38,7 @@ const FailedContainer = styled(Container) `
38
38
  }
39
39
  `;
40
40
  const FailedText = styled(Text) `
41
- color: ${(props) => props.theme.colors.text.error};
41
+ color: ${(props) => props.theme.colors.text.secondary};
42
42
  `;
43
43
  const RotateContinuous = styled.div `
44
44
  svg {
@@ -92,6 +92,7 @@ export { default as RoleReadingIcon } from './role-reading';
92
92
  export { default as SaveStatusOfflineIcon } from './save-status-offline';
93
93
  export { default as SaveStatusSavedIcon } from './save-status-saved';
94
94
  export { default as SaveStatusSavingIcon } from './save-status-saving';
95
+ export { default as SaveStatusErrorIcon } from './save-status-error';
95
96
  export { default as ScrollIcon } from './scroll';
96
97
  export { default as SearchIcon } from './search';
97
98
  export { default as SectionCategoryIcon } from './section-category';
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SaveStatusErrorIcon = (props) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M1.78138 8.66481C-0.264932 9.8341 0.0274413 13.0505 2.65849 13.0511H12.8905C15.5215 13.0511 17.2757 8.07953 12.8904 6.90971C12.5981 3.1078 7.04369 1.35262 4.99722 5.44728C3.24317 5.44728 1.78146 6.61707 1.78138 8.66481Z", fill: "white" }), _jsx("path", { d: "M4.72879 5.01736C5.87898 2.95783 7.91126 2.36194 9.70374 2.79082C11.4478 3.20821 13.0047 4.60833 13.2924 6.5716C14.3175 6.9008 15.037 7.4474 15.4775 8.12298C15.9565 8.85769 16.0788 9.70245 15.9548 10.4877C15.7142 12.0118 14.4922 13.49 12.8904 13.49H2.65842C1.90751 13.4898 1.28935 13.2579 0.834706 12.8599C0.382925 12.4644 0.119408 11.9279 0.0324793 11.3628C-0.129481 10.3096 0.315 9.11972 1.34973 8.41657C1.40498 7.39534 1.80147 6.55959 2.43174 5.96841C3.04545 5.39277 3.85636 5.07181 4.72879 5.01736ZM9.49933 3.64419C7.99607 3.28458 6.3123 3.79692 5.38942 5.6434C5.31514 5.79202 5.16325 5.88616 4.99715 5.88616C4.21663 5.88616 3.52442 6.1456 3.03127 6.60815C2.54256 7.06657 2.21994 7.75174 2.2199 8.66504C2.21982 8.82233 2.13541 8.96738 1.99893 9.04546C1.13936 9.53664 0.779611 10.4521 0.899227 11.2297C0.958506 11.6148 1.13361 11.9555 1.41254 12.1996C1.68873 12.4414 2.09385 12.6125 2.65842 12.6126H12.8904C13.9195 12.6126 14.8901 11.6047 15.0881 10.3507C15.1834 9.74683 15.0864 9.12867 14.7432 8.60221C14.4018 8.07861 13.7893 7.60354 12.7773 7.33358C12.5974 7.28556 12.4673 7.12915 12.453 6.94345C12.3239 5.26421 11.0281 4.00999 9.49933 3.64419Z", fill: "#F35143" }), _jsx("path", { d: "M8.52701 9.50991C8.40149 9.50991 8.30327 9.4717 8.23233 9.39527C8.16138 9.31884 8.11773 9.20693 8.10136 9.05953L7.83942 6.25898C7.81213 6.01332 7.85852 5.81679 7.97857 5.6694C8.09863 5.51654 8.28144 5.44011 8.52701 5.44011C8.76166 5.44011 8.93901 5.51654 9.05907 5.6694C9.17912 5.81679 9.22551 6.01332 9.19822 6.25898L8.93629 9.05953C8.91992 9.20693 8.87626 9.31884 8.80532 9.39527C8.73983 9.4717 8.64706 9.50991 8.52701 9.50991ZM8.52701 11.3278C8.30873 11.3278 8.1341 11.2623 8.00313 11.1313C7.87762 11.0003 7.81486 10.831 7.81486 10.6236C7.81486 10.4216 7.87762 10.2578 8.00313 10.1323C8.1341 10.0012 8.30873 9.93572 8.52701 9.93572C8.74529 9.93572 8.91446 10.0012 9.03451 10.1323C9.16002 10.2578 9.22278 10.4216 9.22278 10.6236C9.22278 10.831 9.16002 11.0003 9.03451 11.1313C8.91446 11.2623 8.74529 11.3278 8.52701 11.3278Z", fill: "#F35143" })] }));
3
+ export default SaveStatusErrorIcon;
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const SaveStatusSavedIcon = (props) => (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5.5 8.5L8 11L13 6", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] }));
2
+ const SaveStatusSavedIcon = (props) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M4.72879 5.01493C5.87898 2.95619 7.91126 2.36052 9.70374 2.78924C11.4478 3.20647 13.0047 4.60605 13.2923 6.56856C14.3175 6.89764 15.037 7.44403 15.4775 8.11934C15.9565 8.85377 16.0788 9.69821 15.9548 10.4832C15.7142 12.0067 14.4922 13.4843 12.8904 13.4843H2.65842C1.90751 13.4841 1.28935 13.2523 0.834706 12.8545C0.382925 12.4591 0.119408 11.9228 0.0324793 11.3579C-0.129481 10.3052 0.315 9.1157 1.34973 8.41283C1.40498 7.39199 1.80147 6.55656 2.43174 5.96561C3.04545 5.39019 3.85636 5.06936 4.72879 5.01493ZM9.49933 3.64229C7.99607 3.28281 6.3123 3.79496 5.38941 5.64072C5.31514 5.78928 5.16325 5.88339 4.99715 5.88339C4.21663 5.88339 3.52442 6.14273 3.03127 6.6051C2.54256 7.06335 2.21994 7.74825 2.2199 8.6612C2.21982 8.81843 2.13541 8.96342 1.99893 9.04148C1.13936 9.53246 0.779611 10.4476 0.899227 11.2249C0.958506 11.6098 1.13361 11.9504 1.41254 12.1944C1.68873 12.4361 2.09385 12.6071 2.65842 12.6072H12.8904C13.9195 12.6072 14.8901 11.5998 15.0881 10.3462C15.1834 9.74258 15.0864 9.12466 14.7432 8.5984C14.4018 8.075 13.7893 7.60011 12.7773 7.33025C12.5974 7.28225 12.4673 7.1259 12.453 6.94027C12.3239 5.26168 11.0281 4.00794 9.49933 3.64229Z", fill: "#353535" }), _jsx("path", { d: "M5.83375 8.60263C5.61415 8.37347 5.25942 8.36752 5.03713 8.59372L5.16258 8.46607C4.94222 8.6903 4.94257 9.0575 5.16092 9.28367L6.64735 10.8234C6.8668 11.0507 7.22857 11.0583 7.45382 10.8418L10.6709 7.75008C10.8968 7.53293 10.9033 7.17708 10.681 6.95088L10.8064 7.07853C10.5861 6.85429 10.2218 6.84877 9.9951 7.06413L7.04469 9.86626L5.83375 8.60263Z", fill: "#353535" }), _jsx("path", { d: "M9.9951 7.06413C10.1999 6.86962 10.5167 6.85567 10.7385 7.01999C10.8996 7.24472 10.875 7.55387 10.6709 7.75008L7.45382 10.8418C7.24263 11.0448 6.91162 11.0506 6.69024 10.8633L6.64735 10.8234L5.16092 9.28367C4.96369 9.07931 4.94457 8.75992 5.1052 8.5348C5.32688 8.37089 5.63536 8.39561 5.83375 8.60263L7.04469 9.86626L9.9951 7.06413ZM5.16258 8.46607C5.14132 8.4877 5.12235 8.51076 5.1052 8.5348C5.08152 8.55231 5.05858 8.5719 5.03713 8.59372L5.16258 8.46607ZM10.8064 7.07853C10.7852 7.05691 10.7622 7.03754 10.7385 7.01999C10.7213 6.99601 10.7024 6.97269 10.681 6.95088L10.8064 7.07853Z", fill: "#353535" })] }));
3
3
  export default SaveStatusSavedIcon;
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const SaveStatusSavingIcon = (props) => (_jsxs("svg", { width: "17", height: "18", viewBox: "0 0 17 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M1.5 8.5C1.5 4.634 4.634 1.5 8.5 1.5C11.136 1.5 13.328 3.141 14.5 5.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M14.5 1.5V5.5H10.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M15.5 9.5C15.5 13.366 12.366 16.5 8.5 16.5C5.864 16.5 3.672 14.859 2.5 12.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2.5 16.5V12.5H6.5", stroke: "#6E6E6E", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] }));
2
+ const SaveStatusSavingIcon = (props) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M5.00952 0.601385C8.65885 -0.895443 12.7584 0.497603 14.8201 3.71791C15.0887 4.1375 14.9696 4.6974 14.5538 4.96847C14.138 5.23951 13.5831 5.11924 13.3145 4.69972C11.7115 2.19573 8.52138 1.11368 5.6846 2.27721C3.41043 3.21003 1.97045 5.33611 1.79002 7.6519C1.75123 8.14991 1.31958 8.52218 0.826057 8.48304C0.33261 8.44382 -0.0359859 8.00811 0.00280092 7.51016C0.234328 4.53832 2.08281 1.80186 5.00952 0.601385Z", fill: "#6E6E6E" }), _jsx("path", { d: "M15.3651 5.05769C15.3638 5.30564 15.1649 5.50632 14.9192 5.5076L10.7188 5.52945C10.3184 5.53153 10.1164 5.04312 10.3996 4.75742L14.6217 0.496996C14.9048 0.211301 15.3888 0.415086 15.3867 0.819115L15.3651 5.05769Z", fill: "#6E6E6E" }), _jsx("path", { d: "M10.9905 15.3986C7.34115 16.8954 3.24155 15.5024 1.17987 12.2821C0.91126 11.8625 1.03041 11.3026 1.44621 11.0315C1.862 10.7605 2.41687 10.8808 2.68552 11.3003C4.28853 13.8043 7.47862 14.8863 10.3154 13.7228C12.5896 12.79 14.0296 10.6639 14.21 8.3481C14.2488 7.8501 14.6804 7.47782 15.1739 7.51696C15.6674 7.55618 16.036 7.99189 15.9972 8.48984C15.7657 11.4617 13.9172 14.1981 10.9905 15.3986Z", fill: "#6E6E6E" }), _jsx("path", { d: "M0.634908 10.9423C0.636174 10.6944 0.835054 10.4937 1.08077 10.4924L5.28122 10.4706C5.68161 10.4685 5.88357 10.9569 5.60044 11.2426L1.37834 15.503C1.09521 15.7887 0.611191 15.5849 0.613255 15.1809L0.634908 10.9423Z", fill: "#6E6E6E" })] }));
3
3
  export default SaveStatusSavingIcon;
@@ -92,6 +92,7 @@ export { default as RoleReadingIcon } from './role-reading';
92
92
  export { default as SaveStatusOfflineIcon } from './save-status-offline';
93
93
  export { default as SaveStatusSavedIcon } from './save-status-saved';
94
94
  export { default as SaveStatusSavingIcon } from './save-status-saving';
95
+ export { default as SaveStatusErrorIcon } from './save-status-error';
95
96
  export { default as ScrollIcon } from './scroll';
96
97
  export { default as SearchIcon } from './search';
97
98
  export { default as SectionCategoryIcon } from './section-category';
@@ -0,0 +1,19 @@
1
+ /*!
2
+ * © 2025 Atypon Systems LLC
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ import React from 'react';
17
+ import { IconProps } from './types';
18
+ declare const SaveStatusErrorIcon: React.FC<IconProps>;
19
+ export default SaveStatusErrorIcon;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@manuscripts/style-guide",
3
3
  "description": "Shared components for Manuscripts applications",
4
- "version": "3.3.10",
4
+ "version": "3.3.12",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -41,7 +41,7 @@
41
41
  "prosemirror-keymap": "1.2.3",
42
42
  "prosemirror-model": "1.25.0",
43
43
  "prosemirror-state": "1.4.3",
44
- "prosemirror-view": "1.40.0",
44
+ "prosemirror-view": "1.41.0",
45
45
  "react": "19.2.0",
46
46
  "react-dnd": "16.0.1",
47
47
  "react-dnd-html5-backend": "16.0.1",