@manuscripts/style-guide 2.0.24-LEAN-4104.0 → 2.0.24-LEAN-4112.0

package/dist/cjs/components/Menus/Menus.js

@@ -44,8 +44,8 @@ const MenuContainer = styled_components_1.default.div `
   }
 `;
 const Menus = ({ menus, innerRef, handleClick, }) => {
-    return (react_1.default.createElement(MenusContainer, { ref: innerRef }, menus.map((menu, index) => {
-        return (react_1.default.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
+    return (react_1.default.createElement(MenusContainer, { ref: innerRef, className: 'manuscript-menus' }, menus.map((menu, index) => {
+        return (react_1.default.createElement(MenuContainer, { className: 'menu', key: `menu-${index}`, isEnabled: menu.isEnabled },
             react_1.default.createElement(MenuHeading, { onMouseDown: (e) => {
                     e.preventDefault();
                     handleClick([index]);

package/dist/cjs/components/Menus/Submenu.js

@@ -96,7 +96,7 @@ const SubmenuLabel = ({ menu, handleClick }) => {
     if ((0, menus_1.isMenuSeparator)(menu)) {
         return null;
     }
-    return (react_1.default.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
+    return (react_1.default.createElement(Container, { isOpen: menu.isOpen, className: `submenu ${menu.isEnabled ? '' : 'disabled'}`, onMouseDown: (e) => {
             e.preventDefault();
             handleClick([]);
         } },
@@ -116,7 +116,7 @@ const Submenu = ({ menu, handleClick }) => {
     if (!menu.submenu) {
         return react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick });
     }
-    return (react_1.default.createElement(exports.SubmenuContainer, null,
+    return (react_1.default.createElement(exports.SubmenuContainer, { className: 'submenu' },
         react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick }),
         menu.submenu && menu.isOpen && (react_1.default.createElement(exports.NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (react_1.default.createElement(exports.Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
 };

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

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = 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.DotsIcon = exports.DeleteIcon = exports.DeleteSolidIcon = exports.CorrespondingAuthorIcon = exports.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = 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.AddNewIcon = exports.AddedIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
-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.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = void 0;
+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.SectionCategoryIcon = exports.SearchIcon = exports.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = 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");
@@ -148,10 +148,6 @@ var search_1 = require("./search");
 Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(search_1).default; } });
 var section_category_1 = require("./section-category");
 Object.defineProperty(exports, "SectionCategoryIcon", { enumerable: true, get: function () { return __importDefault(section_category_1).default; } });
-var slider_off_1 = require("./slider-off");
-Object.defineProperty(exports, "SliderOffIcon", { enumerable: true, get: function () { return __importDefault(slider_off_1).default; } });
-var slider_on_1 = require("./slider-on");
-Object.defineProperty(exports, "SliderOnIcon", { enumerable: true, get: function () { return __importDefault(slider_on_1).default; } });
 var task_step_done_1 = require("./task-step-done");
 Object.defineProperty(exports, "TaskStepDoneIcon", { enumerable: true, get: function () { return __importDefault(task_step_done_1).default; } });
 var toolbar_bold_1 = require("./toolbar-bold");

package/dist/es/components/Menus/Menus.js

@@ -38,8 +38,8 @@ const MenuContainer = styled.div `
   }
 `;
 export const Menus = ({ menus, innerRef, handleClick, }) => {
-    return (React.createElement(MenusContainer, { ref: innerRef }, menus.map((menu, index) => {
-        return (React.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
+    return (React.createElement(MenusContainer, { ref: innerRef, className: 'manuscript-menus' }, menus.map((menu, index) => {
+        return (React.createElement(MenuContainer, { className: 'menu', key: `menu-${index}`, isEnabled: menu.isEnabled },
             React.createElement(MenuHeading, { onMouseDown: (e) => {
                     e.preventDefault();
                     handleClick([index]);

package/dist/es/components/Menus/Submenu.js

@@ -90,7 +90,7 @@ export const SubmenuLabel = ({ menu, handleClick }) => {
     if (isMenuSeparator(menu)) {
         return null;
     }
-    return (React.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
+    return (React.createElement(Container, { isOpen: menu.isOpen, className: `submenu ${menu.isEnabled ? '' : 'disabled'}`, onMouseDown: (e) => {
             e.preventDefault();
             handleClick([]);
         } },
@@ -109,7 +109,7 @@ export const Submenu = ({ menu, handleClick }) => {
     if (!menu.submenu) {
         return React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick });
     }
-    return (React.createElement(SubmenuContainer, null,
+    return (React.createElement(SubmenuContainer, { className: 'submenu' },
         React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick }),
         menu.submenu && menu.isOpen && (React.createElement(NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (React.createElement(Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
 };

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

@@ -77,8 +77,6 @@ export { default as SaveStatusSavedIcon } from './save-status-saved';
 export { default as SaveStatusSavingIcon } from './save-status-saving';
 export { default as SearchIcon } from './search';
 export { default as SectionCategoryIcon } from './section-category';
-export { default as SliderOffIcon } from './slider-off';
-export { default as SliderOnIcon } from './slider-on';
 export { default as TaskStepDoneIcon } from './task-step-done';
 export { default as ToolbarBoldIcon } from './toolbar-bold';
 export { default as ToolbarCitationIcon } from './toolbar-citation';

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

@@ -77,8 +77,6 @@ export { default as SaveStatusSavedIcon } from './save-status-saved';
 export { default as SaveStatusSavingIcon } from './save-status-saving';
 export { default as SearchIcon } from './search';
 export { default as SectionCategoryIcon } from './section-category';
-export { default as SliderOffIcon } from './slider-off';
-export { default as SliderOnIcon } from './slider-on';
 export { default as TaskStepDoneIcon } from './task-step-done';
 export { default as ToolbarBoldIcon } from './toolbar-bold';
 export { default as ToolbarCitationIcon } from './toolbar-citation';

package/package.json

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

package/dist/cjs/components/icons/slider-off.js

@@ -1,10 +0,0 @@
-"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 SliderOffIcon = (props) => (react_1.default.createElement("svg", { width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("rect", { width: "34", height: "18", rx: "9", fill: "#C9C9C9" }),
-    react_1.default.createElement("circle", { cx: "8.875", cy: "9", r: "7.875", fill: "white" })));
-exports.default = SliderOffIcon;

package/dist/cjs/components/icons/slider-on.js

@@ -1,10 +0,0 @@
-"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 SliderOnIcon = (props) => (react_1.default.createElement("svg", { width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("rect", { x: "34", y: "18", width: "34", height: "18", rx: "9", transform: "rotate(180 34 18)", fill: "#0D79D0" }),
-    react_1.default.createElement("circle", { cx: "25.125", cy: "9", r: "7.875", transform: "rotate(180 25.125 9)", fill: "white" })));
-exports.default = SliderOnIcon;

package/dist/es/components/icons/slider-off.js

@@ -1,5 +0,0 @@
-import React from 'react';
-const SliderOffIcon = (props) => (React.createElement("svg", { width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("rect", { width: "34", height: "18", rx: "9", fill: "#C9C9C9" }),
-    React.createElement("circle", { cx: "8.875", cy: "9", r: "7.875", fill: "white" })));
-export default SliderOffIcon;

package/dist/es/components/icons/slider-on.js

@@ -1,5 +0,0 @@
-import React from 'react';
-const SliderOnIcon = (props) => (React.createElement("svg", { width: "34", height: "18", viewBox: "0 0 34 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("rect", { x: "34", y: "18", width: "34", height: "18", rx: "9", transform: "rotate(180 34 18)", fill: "#0D79D0" }),
-    React.createElement("circle", { cx: "25.125", cy: "9", r: "7.875", transform: "rotate(180 25.125 9)", fill: "white" })));
-export default SliderOnIcon;

package/dist/types/components/icons/slider-off.d.ts

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

package/dist/types/components/icons/slider-on.d.ts

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