@manuscripts/style-guide 0.31.26 → 0.31.28

package/dist/cjs/components/ManuscriptNoteList.js

@@ -143,6 +143,8 @@ exports.NoteBodyContainer = styled_components_1.default.div `
   ${(props) => borderStyle(props.theme.colors.border.secondary)};
   ${(props) => (props.isNew || props.isSelected) &&
     borderStyle(props.theme.colors.border.primary)}
+  ${(props) => props.isSelected &&
+    `background: ${props.theme.colors.background.selected};`}
 
   .tooltip {
     border-radius: 6px;

package/dist/cjs/components/icons/block-quote-icon.js

@@ -0,0 +1,11 @@
+"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 BlockQuoteIcon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9098 2C12.5223 2 13.0801 2.28215 13.4826 2.74866C13.8647 3.19156 14.1053 3.80224 14.1053 4.47925V10.6319C14.1053 11.3089 13.8647 11.9196 13.4826 12.3624C13.0801 12.829 12.5223 13.1111 11.9098 13.1111H4.09026C3.47778 13.1111 2.91998 12.829 2.51747 12.3624C2.13533 11.9196 1.89478 11.3089 1.89478 10.6319V4.47925C1.89478 3.80224 2.13533 3.19156 2.51747 2.74866C2.91998 2.28215 3.47778 2 4.09026 2H11.9098Z", stroke: "#F474AE", strokeWidth: "1.5" }),
+    react_1.default.createElement("path", { d: "M9.68858 9.77734C10.3827 9.77734 10.9475 9.15104 10.9475 8.38111C10.9475 7.63837 10.4219 7.02917 9.76151 6.98709C9.75008 6.85028 9.75875 6.47781 10.0808 5.9591C10.1051 5.92 10.1007 5.86726 10.0705 5.83373C9.93925 5.68818 9.858 5.59633 9.80101 5.53206C9.72609 5.44732 9.69187 5.4087 9.64181 5.35836C9.62492 5.34145 9.60353 5.3329 9.58222 5.3329C9.56143 5.3329 9.54073 5.34097 9.52402 5.35711C8.99417 5.8685 8.40886 6.89482 8.42134 8.16213L8.42988 8.38832C8.48289 9.19312 9.01228 9.77734 9.68858 9.77734Z", fill: "#F474AE" }),
+    react_1.default.createElement("path", { d: "M6.32017 9.77734C7.01431 9.77734 7.57905 9.15104 7.57905 8.38111C7.57905 7.63837 7.05346 7.02917 6.39311 6.98709C6.38167 6.85028 6.39034 6.47781 6.71237 5.9591C6.73671 5.92 6.73229 5.86726 6.70207 5.83373C6.57084 5.68818 6.4896 5.59633 6.4326 5.53206C6.35768 5.44732 6.32346 5.4087 6.2734 5.35836C6.25652 5.34145 6.23512 5.3329 6.21381 5.3329C6.19302 5.3329 6.17232 5.34097 6.15561 5.35711C5.5946 5.89858 4.97139 7.01735 5.06147 8.38822C5.11448 9.19312 5.64388 9.77734 6.32017 9.77734Z", fill: "#F474AE" })));
+exports.default = BlockQuoteIcon;

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

@@ -1,19 +1,4 @@
 "use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LeftArrow = exports.AnnotatorIcon = exports.ReadingIcon = exports.EditIcon = exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.AddComment = exports.CloseOIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
+exports.PullQuoteIcon = exports.BlockQuoteIcon = exports.LeftArrow = exports.AnnotatorIcon = exports.ReadingIcon = exports.EditIcon = exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.AddComment = exports.CloseOIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthor", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_icon_active_1 = require("./add-icon-active");
@@ -75,3 +75,7 @@ var annotator_icon_1 = require("./annotator-icon");
 Object.defineProperty(exports, "AnnotatorIcon", { enumerable: true, get: function () { return __importDefault(annotator_icon_1).default; } });
 var left_arrow_1 = require("./left-arrow");
 Object.defineProperty(exports, "LeftArrow", { enumerable: true, get: function () { return __importDefault(left_arrow_1).default; } });
+var block_quote_icon_1 = require("./block-quote-icon");
+Object.defineProperty(exports, "BlockQuoteIcon", { enumerable: true, get: function () { return __importDefault(block_quote_icon_1).default; } });
+var pull_quote_icon_1 = require("./pull-quote-icon");
+Object.defineProperty(exports, "PullQuoteIcon", { enumerable: true, get: function () { return __importDefault(pull_quote_icon_1).default; } });

package/dist/cjs/components/icons/pull-quote-icon.js

@@ -0,0 +1,11 @@
+"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 PullQuoteIcon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9098 2C12.508 2 13.0473 2.23511 13.4386 2.60744C13.8547 3.00349 14.1053 3.5527 14.1053 4.15498V9.36594C14.1053 9.96822 13.8547 10.5174 13.4386 10.9135C13.0473 11.2858 12.508 11.5209 11.9098 11.5209H7.83366C7.68767 11.5209 7.309 12.3465 6.96876 12.791C6.70571 13.1346 6.46407 13.4489 6.30314 13.6313C6.15419 13.8 5.90332 14.0496 5.62402 14.3247C5.49595 14.0581 5.36099 13.7524 5.24394 13.3942C5.04532 12.7863 4.97569 12.264 4.90137 11.8546L3.97666 11.5181C3.42392 11.4904 2.92782 11.2621 2.5615 10.9135C2.14533 10.5174 1.89478 9.96822 1.89478 9.36594V4.15498C1.89478 3.5527 2.14533 3.00349 2.5615 2.60744C2.95275 2.23511 3.49204 2 4.09026 2H11.9098Z", stroke: "#F474AE", strokeWidth: "1.5" }),
+    react_1.default.createElement("path", { d: "M9.68858 8.88867C10.3827 8.88867 10.9475 8.26237 10.9475 7.49244C10.9475 6.74969 10.4219 6.1405 9.76151 6.09841C9.75008 5.96161 9.75875 5.58913 10.0808 5.07043C10.1051 5.03132 10.1007 4.97858 10.0705 4.94506C9.93925 4.7995 9.858 4.70766 9.80101 4.64339C9.72609 4.55865 9.69187 4.52003 9.64181 4.46969C9.62492 4.45278 9.60353 4.44423 9.58222 4.44423C9.56143 4.44423 9.54073 4.45229 9.52402 4.46844C8.99417 4.97983 8.40886 6.00615 8.42134 7.27346L8.42988 7.49965C8.48289 8.30445 9.01228 8.88867 9.68858 8.88867Z", fill: "#F474AE" }),
+    react_1.default.createElement("path", { d: "M6.32017 8.88867C7.01431 8.88867 7.57905 8.26237 7.57905 7.49244C7.57905 6.74969 7.05346 6.1405 6.39311 6.09841C6.38167 5.96161 6.39034 5.58913 6.71237 5.07043C6.73671 5.03132 6.73229 4.97858 6.70207 4.94506C6.57084 4.7995 6.4896 4.70766 6.4326 4.64339C6.35768 4.55865 6.32346 4.52003 6.2734 4.46969C6.25652 4.45278 6.23512 4.44423 6.21381 4.44423C6.19302 4.44423 6.17232 4.45229 6.15561 4.46844C5.5946 5.00991 4.97139 6.12867 5.06147 7.49955C5.11448 8.30445 5.64388 8.88867 6.32017 8.88867Z", fill: "#F474AE" })));
+exports.default = PullQuoteIcon;

package/dist/es/components/ManuscriptNoteList.js

@@ -118,6 +118,8 @@ export const NoteBodyContainer = styled.div `
   ${(props) => borderStyle(props.theme.colors.border.secondary)};
   ${(props) => (props.isNew || props.isSelected) &&
     borderStyle(props.theme.colors.border.primary)}
+  ${(props) => props.isSelected &&
+    `background: ${props.theme.colors.background.selected};`}
 
   .tooltip {
     border-radius: 6px;

package/dist/es/components/icons/block-quote-icon.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const BlockQuoteIcon = () => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9098 2C12.5223 2 13.0801 2.28215 13.4826 2.74866C13.8647 3.19156 14.1053 3.80224 14.1053 4.47925V10.6319C14.1053 11.3089 13.8647 11.9196 13.4826 12.3624C13.0801 12.829 12.5223 13.1111 11.9098 13.1111H4.09026C3.47778 13.1111 2.91998 12.829 2.51747 12.3624C2.13533 11.9196 1.89478 11.3089 1.89478 10.6319V4.47925C1.89478 3.80224 2.13533 3.19156 2.51747 2.74866C2.91998 2.28215 3.47778 2 4.09026 2H11.9098Z", stroke: "#F474AE", strokeWidth: "1.5" }),
+    React.createElement("path", { d: "M9.68858 9.77734C10.3827 9.77734 10.9475 9.15104 10.9475 8.38111C10.9475 7.63837 10.4219 7.02917 9.76151 6.98709C9.75008 6.85028 9.75875 6.47781 10.0808 5.9591C10.1051 5.92 10.1007 5.86726 10.0705 5.83373C9.93925 5.68818 9.858 5.59633 9.80101 5.53206C9.72609 5.44732 9.69187 5.4087 9.64181 5.35836C9.62492 5.34145 9.60353 5.3329 9.58222 5.3329C9.56143 5.3329 9.54073 5.34097 9.52402 5.35711C8.99417 5.8685 8.40886 6.89482 8.42134 8.16213L8.42988 8.38832C8.48289 9.19312 9.01228 9.77734 9.68858 9.77734Z", fill: "#F474AE" }),
+    React.createElement("path", { d: "M6.32017 9.77734C7.01431 9.77734 7.57905 9.15104 7.57905 8.38111C7.57905 7.63837 7.05346 7.02917 6.39311 6.98709C6.38167 6.85028 6.39034 6.47781 6.71237 5.9591C6.73671 5.92 6.73229 5.86726 6.70207 5.83373C6.57084 5.68818 6.4896 5.59633 6.4326 5.53206C6.35768 5.44732 6.32346 5.4087 6.2734 5.35836C6.25652 5.34145 6.23512 5.3329 6.21381 5.3329C6.19302 5.3329 6.17232 5.34097 6.15561 5.35711C5.5946 5.89858 4.97139 7.01735 5.06147 8.38822C5.11448 9.19312 5.64388 9.77734 6.32017 9.77734Z", fill: "#F474AE" })));
+export default BlockQuoteIcon;

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

@@ -1,18 +1,3 @@
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 import React from 'react';
 const GraphicalAbstractIcon = (props) => (React.createElement("svg", { className: props.className, width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M18.5 12.7197C20.9853 12.7197 23 10.705 23 8.21973C23 5.73445 20.9853 3.71973 18.5 3.71973C16.0147 3.71973 14 5.73445 14 8.21973C14 10.705 16.0147 12.7197 18.5 12.7197Z", stroke: "#FFBD26", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),

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

@@ -41,3 +41,5 @@ export { default as EditIcon } from './edit-icon';
 export { default as ReadingIcon } from './reading-icon';
 export { default as AnnotatorIcon } from './annotator-icon';
 export { default as LeftArrow } from './left-arrow';
+export { default as BlockQuoteIcon } from './block-quote-icon';
+export { default as PullQuoteIcon } from './pull-quote-icon';

package/dist/es/components/icons/pull-quote-icon.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const PullQuoteIcon = () => (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9098 2C12.508 2 13.0473 2.23511 13.4386 2.60744C13.8547 3.00349 14.1053 3.5527 14.1053 4.15498V9.36594C14.1053 9.96822 13.8547 10.5174 13.4386 10.9135C13.0473 11.2858 12.508 11.5209 11.9098 11.5209H7.83366C7.68767 11.5209 7.309 12.3465 6.96876 12.791C6.70571 13.1346 6.46407 13.4489 6.30314 13.6313C6.15419 13.8 5.90332 14.0496 5.62402 14.3247C5.49595 14.0581 5.36099 13.7524 5.24394 13.3942C5.04532 12.7863 4.97569 12.264 4.90137 11.8546L3.97666 11.5181C3.42392 11.4904 2.92782 11.2621 2.5615 10.9135C2.14533 10.5174 1.89478 9.96822 1.89478 9.36594V4.15498C1.89478 3.5527 2.14533 3.00349 2.5615 2.60744C2.95275 2.23511 3.49204 2 4.09026 2H11.9098Z", stroke: "#F474AE", strokeWidth: "1.5" }),
+    React.createElement("path", { d: "M9.68858 8.88867C10.3827 8.88867 10.9475 8.26237 10.9475 7.49244C10.9475 6.74969 10.4219 6.1405 9.76151 6.09841C9.75008 5.96161 9.75875 5.58913 10.0808 5.07043C10.1051 5.03132 10.1007 4.97858 10.0705 4.94506C9.93925 4.7995 9.858 4.70766 9.80101 4.64339C9.72609 4.55865 9.69187 4.52003 9.64181 4.46969C9.62492 4.45278 9.60353 4.44423 9.58222 4.44423C9.56143 4.44423 9.54073 4.45229 9.52402 4.46844C8.99417 4.97983 8.40886 6.00615 8.42134 7.27346L8.42988 7.49965C8.48289 8.30445 9.01228 8.88867 9.68858 8.88867Z", fill: "#F474AE" }),
+    React.createElement("path", { d: "M6.32017 8.88867C7.01431 8.88867 7.57905 8.26237 7.57905 7.49244C7.57905 6.74969 7.05346 6.1405 6.39311 6.09841C6.38167 5.96161 6.39034 5.58913 6.71237 5.07043C6.73671 5.03132 6.73229 4.97858 6.70207 4.94506C6.57084 4.7995 6.4896 4.70766 6.4326 4.64339C6.35768 4.55865 6.32346 4.52003 6.2734 4.46969C6.25652 4.45278 6.23512 4.44423 6.21381 4.44423C6.19302 4.44423 6.17232 4.45229 6.15561 4.46844C5.5946 5.00991 4.97139 6.12867 5.06147 7.49955C5.11448 8.30445 5.64388 8.88867 6.32017 8.88867Z", fill: "#F474AE" })));
+export default PullQuoteIcon;

package/dist/types/components/icons/block-quote-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BlockQuoteIcon: React.FC<React.SVGAttributes<SVGElement>>;
+export default BlockQuoteIcon;

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

@@ -1,18 +1,3 @@
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 import React from 'react';
 import { IconProps } from './types';
 declare const GraphicalAbstractIcon: React.FC<IconProps>;

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

@@ -41,3 +41,5 @@ export { default as EditIcon } from './edit-icon';
 export { default as ReadingIcon } from './reading-icon';
 export { default as AnnotatorIcon } from './annotator-icon';
 export { default as LeftArrow } from './left-arrow';
+export { default as BlockQuoteIcon } from './block-quote-icon';
+export { default as PullQuoteIcon } from './pull-quote-icon';

package/dist/types/components/icons/pull-quote-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PullQuoteIcon: React.FC<React.SVGAttributes<SVGElement>>;
+export default PullQuoteIcon;

package/dist/types/theme.d.ts

@@ -75,6 +75,7 @@ interface Variations {
 }
 interface Background {
     dark: string;
+    selected: string;
 }
 interface Border {
     field: States;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.31.26",
+  "version": "0.31.28",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",