@manuscripts/style-guide 2.0.31 → 2.0.32-LEAN-4096.1

package/dist/cjs/components/ContextMenu.js

@@ -26,6 +26,9 @@ const icons_1 = require("./icons");
 const Tooltip_1 = require("./Tooltip");
 const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButton) `
   color: #6e6e6e;
+  &:not([disabled]).selected {
+    background-color: #c9c9c9;
+  }
   &:not([disabled]):hover,
   &:not([disabled]):focus {
     color: #363636;
@@ -39,10 +42,13 @@ const icons = {
     AddOutline: icons_1.AddOutlineIcon,
     Scroll: icons_1.ScrollIcon,
     Delete: icons_1.DeleteIcon,
+    ImageDefault: icons_1.ImageDefaultIcon,
+    ImageLeft: icons_1.ImageLeftIcon,
+    ImageRight: icons_1.ImageRightIcon,
 };
 const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, { size: 32 }, actions.map((action) => {
     const Icon = icons[action.icon];
-    return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
+    return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action, className: action.selected ? 'selected' : '' },
         react_1.default.createElement(Icon, null),
         react_1.default.createElement(Tooltip_1.Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));

package/dist/cjs/components/icons/image-default.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ImageDefaultIcon = (props) => (react_1.default.createElement("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5 6H16.5C17.8807 6 19 7.11929 19 8.5V15.5C19 16.8807 17.8807 18 16.5 18H9.5C8.11929 18 7 16.8807 7 15.5V8.5C7 7.11929 8.11929 6 9.5 6ZM9.5 7.5C8.94772 7.5 8.5 7.94772 8.5 8.5V15.5C8.5 16.0523 8.94772 16.5 9.5 16.5H16.5C17.0523 16.5 17.5 16.0523 17.5 15.5V8.5C17.5 7.94772 17.0523 7.5 16.5 7.5H9.5Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.64648 10.6971C9.64648 10.036 10.2061 9.5 10.8965 9.5C11.5868 9.5 12.1465 10.036 12.1465 10.6971C12.1465 11.3582 11.5868 11.8942 10.8965 11.8942C10.2061 11.8942 9.64648 11.3582 9.64648 10.6971Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5606 15.5527C18.27 15.8478 17.7951 15.8513 17.5 15.5606L14.4776 12.5831L9.53033 17.5303C9.23744 17.8232 8.76256 17.8232 8.46967 17.5303C8.17678 17.2374 8.17678 16.7626 8.46967 16.4697L13.9363 11.003C14.2315 10.7078 14.7096 10.706 15.0071 10.999L18.5527 14.4921C18.8478 14.7828 18.8513 15.2576 18.5606 15.5527Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 19.75C7 19.3358 7.33579 19 7.75 19H18.25C18.6642 19 19 19.3358 19 19.75C19 20.1642 18.6642 20.5 18.25 20.5H7.75C7.33579 20.5 7 20.1642 7 19.75Z", fill: "#6E6E6E" })));
+exports.default = ImageDefaultIcon;

package/dist/cjs/components/icons/image-left.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ImageLeftIcon = (props) => (react_1.default.createElement("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 7H18.25C19.6307 7 20.75 8.11929 20.75 9.5V16.5C20.75 17.8807 19.6307 19 18.25 19H11.25C9.86929 19 8.75 17.8807 8.75 16.5V9.5C8.75 8.11929 9.86929 7 11.25 7ZM11.25 8.5C10.6977 8.5 10.25 8.94772 10.25 9.5V16.5C10.25 17.0523 10.6977 17.5 11.25 17.5H18.25C18.8023 17.5 19.25 17.0523 19.25 16.5V9.5C19.25 8.94772 18.8023 8.5 18.25 8.5H11.25Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.3965 11.6971C11.3965 11.036 11.9561 10.5 12.6465 10.5C13.3368 10.5 13.8965 11.036 13.8965 11.6971C13.8965 12.3582 13.3368 12.8942 12.6465 12.8942C11.9561 12.8942 11.3965 12.3582 11.3965 11.6971Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.3106 16.5527C20.02 16.8478 19.5451 16.8513 19.25 16.5606L16.2276 13.5831L11.2803 18.5303C10.9874 18.8232 10.5126 18.8232 10.2197 18.5303C9.92678 18.2374 9.92678 17.7626 10.2197 17.4697L15.6863 12.003C15.9815 11.7078 16.4596 11.706 16.7571 11.999L20.3027 15.4921C20.5978 15.7828 20.6013 16.2576 20.3106 16.5527Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.75 5.25C7.16421 5.25 7.5 5.58579 7.5 6L7.5 20C7.5 20.4142 7.16421 20.75 6.75 20.75C6.33579 20.75 6 20.4142 6 20L6 6C6 5.58579 6.33579 5.25 6.75 5.25Z", fill: "#6E6E6E" })));
+exports.default = ImageLeftIcon;

package/dist/cjs/components/icons/image-right.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ImageRightIcon = (props) => (react_1.default.createElement("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 5.75H15.5C16.8807 5.75 18 6.86929 18 8.25V15.25C18 16.6307 16.8807 17.75 15.5 17.75H8.5C7.11929 17.75 6 16.6307 6 15.25V8.25C6 6.86929 7.11929 5.75 8.5 5.75ZM8.5 7.25C7.94772 7.25 7.5 7.69772 7.5 8.25V15.25C7.5 15.8023 7.94772 16.25 8.5 16.25H15.5C16.0523 16.25 16.5 15.8023 16.5 15.25V8.25C16.5 7.69772 16.0523 7.25 15.5 7.25H8.5Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.64648 10.4471C8.64648 9.78596 9.20613 9.25 9.89649 9.25C10.5868 9.25 11.1465 9.78596 11.1465 10.4471C11.1465 11.1082 10.5868 11.6442 9.89649 11.6442C9.20613 11.6442 8.64648 11.1082 8.64648 10.4471Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5606 15.3027C17.27 15.5978 16.7951 15.6013 16.5 15.3106L13.4776 12.3331L8.53033 17.2803C8.23744 17.5732 7.76256 17.5732 7.46967 17.2803C7.17678 16.9874 7.17678 16.5126 7.46967 16.2197L12.9363 10.753C13.2315 10.4578 13.7096 10.456 14.0071 10.749L17.5527 14.2421C17.8478 14.5328 17.8513 15.0076 17.5606 15.3027Z", fill: "#6E6E6E" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 4C20.4142 4 20.75 4.33579 20.75 4.75L20.75 18.75C20.75 19.1642 20.4142 19.5 20 19.5C19.5858 19.5 19.25 19.1642 19.25 18.75L19.25 4.75C19.25 4.33579 19.5858 4 20 4Z", fill: "#6E6E6E" })));
+exports.default = ImageRightIcon;

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

@@ -18,8 +18,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LogoutIcon = exports.LinkIcon = exports.HelpIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = 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.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = 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.AddIcon = exports.AddOutlineIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
-exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoldIcon = 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 = void 0;
+exports.ImageDefaultIcon = exports.ImageLeftIcon = exports.HelpIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = 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.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = 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.AddIcon = exports.AddOutlineIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
+exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoldIcon = 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.LogoutIcon = exports.LinkIcon = exports.ImageRightIcon = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthorIcon", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_comment_1 = require("./add-comment");
@@ -116,6 +116,12 @@ var handle_outline_1 = require("./handle-outline");
 Object.defineProperty(exports, "HandleOutlineIcon", { enumerable: true, get: function () { return __importDefault(handle_outline_1).default; } });
 var help_1 = require("./help");
 Object.defineProperty(exports, "HelpIcon", { enumerable: true, get: function () { return __importDefault(help_1).default; } });
+var image_left_1 = require("./image-left");
+Object.defineProperty(exports, "ImageLeftIcon", { enumerable: true, get: function () { return __importDefault(image_left_1).default; } });
+var image_default_1 = require("./image-default");
+Object.defineProperty(exports, "ImageDefaultIcon", { enumerable: true, get: function () { return __importDefault(image_default_1).default; } });
+var image_right_1 = require("./image-right");
+Object.defineProperty(exports, "ImageRightIcon", { enumerable: true, get: function () { return __importDefault(image_right_1).default; } });
 var link_1 = require("./link");
 Object.defineProperty(exports, "LinkIcon", { enumerable: true, get: function () { return __importDefault(link_1).default; } });
 var logout_1 = require("./logout");

package/dist/es/components/ContextMenu.js

@@ -16,10 +16,13 @@
 import React from 'react';
 import styled from 'styled-components';
 import { IconButton, IconButtonGroup } from './Button';
-import { AddCommentIcon, AddOutlineIcon, DeleteIcon, EditIcon, ScrollIcon, } from './icons';
+import { AddCommentIcon, AddOutlineIcon, DeleteIcon, EditIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, ScrollIcon, } from './icons';
 import { Tooltip } from './Tooltip';
 const ContextMenuIconButton = styled(IconButton) `
   color: #6e6e6e;
+  &:not([disabled]).selected {
+    background-color: #c9c9c9;
+  }
   &:not([disabled]):hover,
   &:not([disabled]):focus {
     color: #363636;
@@ -33,10 +36,13 @@ const icons = {
     AddOutline: AddOutlineIcon,
     Scroll: ScrollIcon,
     Delete: DeleteIcon,
+    ImageDefault: ImageDefaultIcon,
+    ImageLeft: ImageLeftIcon,
+    ImageRight: ImageRightIcon,
 };
 export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, { size: 32 }, actions.map((action) => {
     const Icon = icons[action.icon];
-    return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
+    return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action, className: action.selected ? 'selected' : '' },
         React.createElement(Icon, null),
         React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
 })));

package/dist/es/components/icons/image-default.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const ImageDefaultIcon = (props) => (React.createElement("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5 6H16.5C17.8807 6 19 7.11929 19 8.5V15.5C19 16.8807 17.8807 18 16.5 18H9.5C8.11929 18 7 16.8807 7 15.5V8.5C7 7.11929 8.11929 6 9.5 6ZM9.5 7.5C8.94772 7.5 8.5 7.94772 8.5 8.5V15.5C8.5 16.0523 8.94772 16.5 9.5 16.5H16.5C17.0523 16.5 17.5 16.0523 17.5 15.5V8.5C17.5 7.94772 17.0523 7.5 16.5 7.5H9.5Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.64648 10.6971C9.64648 10.036 10.2061 9.5 10.8965 9.5C11.5868 9.5 12.1465 10.036 12.1465 10.6971C12.1465 11.3582 11.5868 11.8942 10.8965 11.8942C10.2061 11.8942 9.64648 11.3582 9.64648 10.6971Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5606 15.5527C18.27 15.8478 17.7951 15.8513 17.5 15.5606L14.4776 12.5831L9.53033 17.5303C9.23744 17.8232 8.76256 17.8232 8.46967 17.5303C8.17678 17.2374 8.17678 16.7626 8.46967 16.4697L13.9363 11.003C14.2315 10.7078 14.7096 10.706 15.0071 10.999L18.5527 14.4921C18.8478 14.7828 18.8513 15.2576 18.5606 15.5527Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 19.75C7 19.3358 7.33579 19 7.75 19H18.25C18.6642 19 19 19.3358 19 19.75C19 20.1642 18.6642 20.5 18.25 20.5H7.75C7.33579 20.5 7 20.1642 7 19.75Z", fill: "#6E6E6E" })));
+export default ImageDefaultIcon;

package/dist/es/components/icons/image-left.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const ImageLeftIcon = (props) => (React.createElement("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 7H18.25C19.6307 7 20.75 8.11929 20.75 9.5V16.5C20.75 17.8807 19.6307 19 18.25 19H11.25C9.86929 19 8.75 17.8807 8.75 16.5V9.5C8.75 8.11929 9.86929 7 11.25 7ZM11.25 8.5C10.6977 8.5 10.25 8.94772 10.25 9.5V16.5C10.25 17.0523 10.6977 17.5 11.25 17.5H18.25C18.8023 17.5 19.25 17.0523 19.25 16.5V9.5C19.25 8.94772 18.8023 8.5 18.25 8.5H11.25Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.3965 11.6971C11.3965 11.036 11.9561 10.5 12.6465 10.5C13.3368 10.5 13.8965 11.036 13.8965 11.6971C13.8965 12.3582 13.3368 12.8942 12.6465 12.8942C11.9561 12.8942 11.3965 12.3582 11.3965 11.6971Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.3106 16.5527C20.02 16.8478 19.5451 16.8513 19.25 16.5606L16.2276 13.5831L11.2803 18.5303C10.9874 18.8232 10.5126 18.8232 10.2197 18.5303C9.92678 18.2374 9.92678 17.7626 10.2197 17.4697L15.6863 12.003C15.9815 11.7078 16.4596 11.706 16.7571 11.999L20.3027 15.4921C20.5978 15.7828 20.6013 16.2576 20.3106 16.5527Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.75 5.25C7.16421 5.25 7.5 5.58579 7.5 6L7.5 20C7.5 20.4142 7.16421 20.75 6.75 20.75C6.33579 20.75 6 20.4142 6 20L6 6C6 5.58579 6.33579 5.25 6.75 5.25Z", fill: "#6E6E6E" })));
+export default ImageLeftIcon;

package/dist/es/components/icons/image-right.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const ImageRightIcon = (props) => (React.createElement("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 5.75H15.5C16.8807 5.75 18 6.86929 18 8.25V15.25C18 16.6307 16.8807 17.75 15.5 17.75H8.5C7.11929 17.75 6 16.6307 6 15.25V8.25C6 6.86929 7.11929 5.75 8.5 5.75ZM8.5 7.25C7.94772 7.25 7.5 7.69772 7.5 8.25V15.25C7.5 15.8023 7.94772 16.25 8.5 16.25H15.5C16.0523 16.25 16.5 15.8023 16.5 15.25V8.25C16.5 7.69772 16.0523 7.25 15.5 7.25H8.5Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.64648 10.4471C8.64648 9.78596 9.20613 9.25 9.89649 9.25C10.5868 9.25 11.1465 9.78596 11.1465 10.4471C11.1465 11.1082 10.5868 11.6442 9.89649 11.6442C9.20613 11.6442 8.64648 11.1082 8.64648 10.4471Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5606 15.3027C17.27 15.5978 16.7951 15.6013 16.5 15.3106L13.4776 12.3331L8.53033 17.2803C8.23744 17.5732 7.76256 17.5732 7.46967 17.2803C7.17678 16.9874 7.17678 16.5126 7.46967 16.2197L12.9363 10.753C13.2315 10.4578 13.7096 10.456 14.0071 10.749L17.5527 14.2421C17.8478 14.5328 17.8513 15.0076 17.5606 15.3027Z", fill: "#6E6E6E" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 4C20.4142 4 20.75 4.33579 20.75 4.75L20.75 18.75C20.75 19.1642 20.4142 19.5 20 19.5C19.5858 19.5 19.25 19.1642 19.25 18.75L19.25 4.75C19.25 4.33579 19.5858 4 20 4Z", fill: "#6E6E6E" })));
+export default ImageRightIcon;

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

@@ -61,6 +61,9 @@ export { default as FileVideoIcon } from './file-video';
 export { default as HandleInspectorIcon } from './handle-inspector';
 export { default as HandleOutlineIcon } from './handle-outline';
 export { default as HelpIcon } from './help';
+export { default as ImageLeftIcon } from './image-left';
+export { default as ImageDefaultIcon } from './image-default';
+export { default as ImageRightIcon } from './image-right';
 export { default as LinkIcon } from './link';
 export { default as LogoutIcon } from './logout';
 export { default as OutlineBlockQuoteIcon } from './outline-block-quote';

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

@@ -18,6 +18,7 @@ export interface Actions {
     label: string;
     action: () => void;
     icon: string;
+    selected?: boolean;
 }
 export interface ContextMenuProps {
     actions: Actions[];

package/dist/types/components/icons/image-default.d.ts

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

package/dist/types/components/icons/image-left.d.ts

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

package/dist/types/components/icons/image-right.d.ts

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

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

@@ -61,6 +61,9 @@ export { default as FileVideoIcon } from './file-video';
 export { default as HandleInspectorIcon } from './handle-inspector';
 export { default as HandleOutlineIcon } from './handle-outline';
 export { default as HelpIcon } from './help';
+export { default as ImageLeftIcon } from './image-left';
+export { default as ImageDefaultIcon } from './image-default';
+export { default as ImageRightIcon } from './image-right';
 export { default as LinkIcon } from './link';
 export { default as LogoutIcon } from './logout';
 export { default as OutlineBlockQuoteIcon } from './outline-block-quote';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.0.31",
+  "version": "2.0.32-LEAN-4096.1",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",