@manuscripts/style-guide 3.7.0 → 3.7.1
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.
- package/dist/cjs/components/ExpandableSection.js +3 -3
- package/dist/cjs/components/Resizer/ResizerButtonInner.js +24 -8
- package/dist/cjs/components/Shortcut/index.js +3 -1
- package/dist/cjs/components/StyledModal.js +1 -1
- package/dist/cjs/components/icons/index.js +3 -1
- package/dist/cjs/components/icons/toolbar-cross-reference.js +5 -0
- package/dist/es/components/ExpandableSection.js +3 -3
- package/dist/es/components/Resizer/ResizerButtonInner.js +24 -8
- package/dist/es/components/Shortcut/index.js +3 -1
- package/dist/es/components/StyledModal.js +1 -1
- package/dist/es/components/icons/index.js +1 -0
- package/dist/es/components/icons/toolbar-cross-reference.js +3 -0
- package/dist/types/components/ExpandableSection.d.ts +3 -1
- package/dist/types/components/icons/index.d.ts +1 -0
- package/dist/types/components/icons/toolbar-cross-reference.d.ts +4 -0
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
10
10
|
const icons_1 = require("./icons");
|
|
11
|
-
const ExpandableSection = ({ title, children, defaultOpen = true, bordered = false, }) => {
|
|
11
|
+
const ExpandableSection = ({ title, children, defaultOpen = true, bordered = false, className, icon: Icon, }) => {
|
|
12
12
|
const [open, setOpen] = (0, react_1.useState)(defaultOpen);
|
|
13
13
|
const handleKeyDown = (e) => {
|
|
14
14
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
@@ -16,7 +16,7 @@ const ExpandableSection = ({ title, children, defaultOpen = true, bordered = fal
|
|
|
16
16
|
setOpen((prev) => !prev);
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(Container, { bordered: bordered, children: [(0, jsx_runtime_1.jsxs)(Header, { onClick: () => setOpen((prev) => !prev), onKeyDown: handleKeyDown, tabIndex: 0, role: "button", "aria-expanded": open, children: [(0, jsx_runtime_1.jsx)(Title, { children: title }), (0, jsx_runtime_1.jsx)(ArrowIcon, { "$open": open })] }), (0, jsx_runtime_1.jsx)(ContentOuter, { open: open, inert: !open || undefined, children: (0, jsx_runtime_1.jsx)(ContentInner, { children: (0, jsx_runtime_1.jsx)("div", { children: children }) }) })] }));
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(Container, { bordered: bordered, className: className, children: [(0, jsx_runtime_1.jsxs)(Header, { onClick: () => setOpen((prev) => !prev), onKeyDown: handleKeyDown, tabIndex: 0, role: "button", "aria-expanded": open, children: [(0, jsx_runtime_1.jsx)(Title, { children: title }), (0, jsx_runtime_1.jsx)(ArrowIcon, { as: Icon ?? icons_1.ArrowDownCircleIcon, "$open": open })] }), (0, jsx_runtime_1.jsx)(ContentOuter, { open: open, inert: !open || undefined, children: (0, jsx_runtime_1.jsx)(ContentInner, { children: (0, jsx_runtime_1.jsx)("div", { children: children }) }) })] }));
|
|
20
20
|
};
|
|
21
21
|
exports.ExpandableSection = ExpandableSection;
|
|
22
22
|
const Container = styled_components_1.default.div `
|
|
@@ -46,7 +46,7 @@ const ContentOuter = styled_components_1.default.div `
|
|
|
46
46
|
display: ${(props) => (props.open ? 'block' : 'none')};
|
|
47
47
|
// TODO: Uncomment this when we have a better solution for the overflow issue
|
|
48
48
|
// ISSUE: the width of the container is not limited
|
|
49
|
-
// - it is wider than the parent container
|
|
49
|
+
// - it is wider than the parent container
|
|
50
50
|
// and the truncation is not working as expected
|
|
51
51
|
// display: grid;
|
|
52
52
|
// grid-template-rows: ${(props) => (props.open ? '1fr' : '0fr')};
|
|
@@ -84,10 +84,14 @@ exports.HorizontalEndResizerButtonInner = (0, styled_components_1.default)(Horiz
|
|
|
84
84
|
&:hover,
|
|
85
85
|
&:focus {
|
|
86
86
|
&::before {
|
|
87
|
-
transform: rotate(
|
|
87
|
+
transform: rotate(
|
|
88
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
89
|
+
);
|
|
88
90
|
}
|
|
89
91
|
&::after {
|
|
90
|
-
transform: rotate(
|
|
92
|
+
transform: rotate(
|
|
93
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
94
|
+
);
|
|
91
95
|
}
|
|
92
96
|
}
|
|
93
97
|
`;
|
|
@@ -102,10 +106,14 @@ exports.HorizontalStartResizerButtonInner = (0, styled_components_1.default)(Hor
|
|
|
102
106
|
&:hover,
|
|
103
107
|
&:focus {
|
|
104
108
|
&::before {
|
|
105
|
-
transform: rotate(
|
|
109
|
+
transform: rotate(
|
|
110
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
111
|
+
);
|
|
106
112
|
}
|
|
107
113
|
&::after {
|
|
108
|
-
transform: rotate(
|
|
114
|
+
transform: rotate(
|
|
115
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
116
|
+
);
|
|
109
117
|
}
|
|
110
118
|
}
|
|
111
119
|
`;
|
|
@@ -140,10 +148,14 @@ exports.VerticalEndResizerButtonInner = (0, styled_components_1.default)(Vertica
|
|
|
140
148
|
&:hover,
|
|
141
149
|
&:focus {
|
|
142
150
|
&::before {
|
|
143
|
-
transform: rotate(
|
|
151
|
+
transform: rotate(
|
|
152
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
153
|
+
);
|
|
144
154
|
}
|
|
145
155
|
&::after {
|
|
146
|
-
transform: rotate(
|
|
156
|
+
transform: rotate(
|
|
157
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
158
|
+
);
|
|
147
159
|
}
|
|
148
160
|
}
|
|
149
161
|
`;
|
|
@@ -160,10 +172,14 @@ exports.VerticalStartResizerButtonInner = (0, styled_components_1.default)(Verti
|
|
|
160
172
|
&:hover,
|
|
161
173
|
&:focus {
|
|
162
174
|
&::before {
|
|
163
|
-
transform: rotate(
|
|
175
|
+
transform: rotate(
|
|
176
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
177
|
+
);
|
|
164
178
|
}
|
|
165
179
|
&::after {
|
|
166
|
-
transform: rotate(
|
|
180
|
+
transform: rotate(
|
|
181
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
182
|
+
);
|
|
167
183
|
}
|
|
168
184
|
}
|
|
169
185
|
`;
|
|
@@ -29,7 +29,9 @@ exports.Shortcut = styled_components_1.default.span `
|
|
|
29
29
|
border-radius: ${({ theme }) => theme.grid.radius.small};
|
|
30
30
|
background: ${({ theme }) => theme.colors.background.primary};
|
|
31
31
|
font-size: ${({ theme }) => theme.font.size.small};
|
|
32
|
-
box-shadow:
|
|
32
|
+
box-shadow:
|
|
33
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
34
|
+
0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
33
35
|
`;
|
|
34
36
|
exports.ShortcutConnector = styled_components_1.default.span `
|
|
35
37
|
padding: 0 ${({ theme }) => theme.grid.unit * 2}px;
|
|
@@ -92,7 +92,7 @@ const StyledModalContent = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick
|
|
|
92
92
|
onRequestClose?.();
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
|
-
return ((0, jsx_runtime_1.jsx)(Dialog, { ref: dialogRef, onClick: e => {
|
|
95
|
+
return ((0, jsx_runtime_1.jsx)(Dialog, { ref: dialogRef, onClick: (e) => {
|
|
96
96
|
e.stopPropagation();
|
|
97
97
|
handleBackdropClick(e);
|
|
98
98
|
}, "$hideOverlay": hideOverlay, "$pointerEventsOnBackdrop": pointerEventsOnBackdrop, className: className ? `Modal ${className}` : 'Modal', style: style?.content, "aria-labelledby": ariaLabelledby ? ariaLabelledby : undefined, id: id ? id : undefined, children: children }));
|
|
@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.FilePdfIcon = exports.FileMainDocumentIcon = exports.FileLatexIcon = exports.FileImageIcon = exports.FileHeadshotGridIcon = 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.CameraIcon = exports.CalendarIcon = 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
22
|
exports.ToolbarBoldIcon = exports.TickIcon = exports.TaskStepDoneIcon = exports.SupplementsIcon = 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.ORCIDIcon = 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.LeadingHalfLeftIcon = exports.LeadingWallpaperIcon = exports.LeadingLargeFloatIcon = exports.LeadingSmallFloatIcon = exports.LeadingHeroImageIcon = exports.LogoutIcon = exports.LockIcon = exports.LinkIcon = exports.InspectorPluginIcon = exports.InfoCircleIcon = exports.ImageRightIcon = exports.ImageDefaultIcon = exports.ImageLeftIcon = exports.HelpIcon = exports.GlobeIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = exports.FileVideoIcon = exports.FileUnknownIcon = exports.FileTableIcon = void 0;
|
|
23
|
-
exports.WebLinkIcon = exports.PencilIcon = exports.NotificationsIcon = exports.EyeIcon = exports.XIcon = 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 = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarSpecialCharactersIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoxedTextIcon = void 0;
|
|
23
|
+
exports.WebLinkIcon = exports.PencilIcon = exports.NotificationsIcon = exports.EyeIcon = exports.XIcon = 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 = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarSpecialCharactersIcon = exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCrossReferenceIcon = exports.ToolbarCitationIcon = exports.ToolbarBoxedTextIcon = 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");
|
|
@@ -225,6 +225,8 @@ var toolbar_boxed_text_1 = require("./toolbar-boxed-text");
|
|
|
225
225
|
Object.defineProperty(exports, "ToolbarBoxedTextIcon", { enumerable: true, get: function () { return __importDefault(toolbar_boxed_text_1).default; } });
|
|
226
226
|
var toolbar_citation_1 = require("./toolbar-citation");
|
|
227
227
|
Object.defineProperty(exports, "ToolbarCitationIcon", { enumerable: true, get: function () { return __importDefault(toolbar_citation_1).default; } });
|
|
228
|
+
var toolbar_cross_reference_1 = require("./toolbar-cross-reference");
|
|
229
|
+
Object.defineProperty(exports, "ToolbarCrossReferenceIcon", { enumerable: true, get: function () { return __importDefault(toolbar_cross_reference_1).default; } });
|
|
228
230
|
var toolbar_code_1 = require("./toolbar-code");
|
|
229
231
|
Object.defineProperty(exports, "ToolbarCodeIcon", { enumerable: true, get: function () { return __importDefault(toolbar_code_1).default; } });
|
|
230
232
|
var toolbar_equation_1 = require("./toolbar-equation");
|
|
@@ -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 ToolbarCrossReferenceIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.55963 0V3.81877L10.2936 2.62136L11 4.49838L7.23242 5.72815L9.55352 8.77022L7.87156 10L5.48318 6.95793C5.03466 7.62675 4.58614 8.25243 4.13761 8.83495C3.71152 9.3959 3.41998 9.78425 3.263 10L1.48012 8.86731L3.73395 5.72815L0 4.53074L0.706422 2.62136L4.47401 3.81877V0H6.55963Z", fill: "#4999C3" }) }));
|
|
5
|
+
exports.default = ToolbarCrossReferenceIcon;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { ArrowDownCircleIcon } from './icons';
|
|
5
|
-
export const ExpandableSection = ({ title, children, defaultOpen = true, bordered = false, }) => {
|
|
5
|
+
export const ExpandableSection = ({ title, children, defaultOpen = true, bordered = false, className, icon: Icon, }) => {
|
|
6
6
|
const [open, setOpen] = useState(defaultOpen);
|
|
7
7
|
const handleKeyDown = (e) => {
|
|
8
8
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
@@ -10,7 +10,7 @@ export const ExpandableSection = ({ title, children, defaultOpen = true, bordere
|
|
|
10
10
|
setOpen((prev) => !prev);
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
return (_jsxs(Container, { bordered: bordered, children: [_jsxs(Header, { onClick: () => setOpen((prev) => !prev), onKeyDown: handleKeyDown, tabIndex: 0, role: "button", "aria-expanded": open, children: [_jsx(Title, { children: title }), _jsx(ArrowIcon, { "$open": open })] }), _jsx(ContentOuter, { open: open, inert: !open || undefined, children: _jsx(ContentInner, { children: _jsx("div", { children: children }) }) })] }));
|
|
13
|
+
return (_jsxs(Container, { bordered: bordered, className: className, children: [_jsxs(Header, { onClick: () => setOpen((prev) => !prev), onKeyDown: handleKeyDown, tabIndex: 0, role: "button", "aria-expanded": open, children: [_jsx(Title, { children: title }), _jsx(ArrowIcon, { as: Icon ?? ArrowDownCircleIcon, "$open": open })] }), _jsx(ContentOuter, { open: open, inert: !open || undefined, children: _jsx(ContentInner, { children: _jsx("div", { children: children }) }) })] }));
|
|
14
14
|
};
|
|
15
15
|
const Container = styled.div `
|
|
16
16
|
border: ${(props) => props.bordered
|
|
@@ -39,7 +39,7 @@ const ContentOuter = styled.div `
|
|
|
39
39
|
display: ${(props) => (props.open ? 'block' : 'none')};
|
|
40
40
|
// TODO: Uncomment this when we have a better solution for the overflow issue
|
|
41
41
|
// ISSUE: the width of the container is not limited
|
|
42
|
-
// - it is wider than the parent container
|
|
42
|
+
// - it is wider than the parent container
|
|
43
43
|
// and the truncation is not working as expected
|
|
44
44
|
// display: grid;
|
|
45
45
|
// grid-template-rows: ${(props) => (props.open ? '1fr' : '0fr')};
|
|
@@ -78,10 +78,14 @@ export const HorizontalEndResizerButtonInner = styled(HorizontalResizerButtonInn
|
|
|
78
78
|
&:hover,
|
|
79
79
|
&:focus {
|
|
80
80
|
&::before {
|
|
81
|
-
transform: rotate(
|
|
81
|
+
transform: rotate(
|
|
82
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
83
|
+
);
|
|
82
84
|
}
|
|
83
85
|
&::after {
|
|
84
|
-
transform: rotate(
|
|
86
|
+
transform: rotate(
|
|
87
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
88
|
+
);
|
|
85
89
|
}
|
|
86
90
|
}
|
|
87
91
|
`;
|
|
@@ -96,10 +100,14 @@ export const HorizontalStartResizerButtonInner = styled(HorizontalResizerButtonI
|
|
|
96
100
|
&:hover,
|
|
97
101
|
&:focus {
|
|
98
102
|
&::before {
|
|
99
|
-
transform: rotate(
|
|
103
|
+
transform: rotate(
|
|
104
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
105
|
+
);
|
|
100
106
|
}
|
|
101
107
|
&::after {
|
|
102
|
-
transform: rotate(
|
|
108
|
+
transform: rotate(
|
|
109
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
110
|
+
);
|
|
103
111
|
}
|
|
104
112
|
}
|
|
105
113
|
`;
|
|
@@ -134,10 +142,14 @@ export const VerticalEndResizerButtonInner = styled(VerticalResizerButtonInner)
|
|
|
134
142
|
&:hover,
|
|
135
143
|
&:focus {
|
|
136
144
|
&::before {
|
|
137
|
-
transform: rotate(
|
|
145
|
+
transform: rotate(
|
|
146
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
147
|
+
);
|
|
138
148
|
}
|
|
139
149
|
&::after {
|
|
140
|
-
transform: rotate(
|
|
150
|
+
transform: rotate(
|
|
151
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
152
|
+
);
|
|
141
153
|
}
|
|
142
154
|
}
|
|
143
155
|
`;
|
|
@@ -154,10 +166,14 @@ export const VerticalStartResizerButtonInner = styled(VerticalResizerButtonInner
|
|
|
154
166
|
&:hover,
|
|
155
167
|
&:focus {
|
|
156
168
|
&::before {
|
|
157
|
-
transform: rotate(
|
|
169
|
+
transform: rotate(
|
|
170
|
+
${(props) => (props.$isCollapsed ? '-40deg' : '40deg')}
|
|
171
|
+
);
|
|
158
172
|
}
|
|
159
173
|
&::after {
|
|
160
|
-
transform: rotate(
|
|
174
|
+
transform: rotate(
|
|
175
|
+
${(props) => (props.$isCollapsed ? '40deg' : '-40deg')}
|
|
176
|
+
);
|
|
161
177
|
}
|
|
162
178
|
}
|
|
163
179
|
`;
|
|
@@ -23,7 +23,9 @@ export const Shortcut = styled.span `
|
|
|
23
23
|
border-radius: ${({ theme }) => theme.grid.radius.small};
|
|
24
24
|
background: ${({ theme }) => theme.colors.background.primary};
|
|
25
25
|
font-size: ${({ theme }) => theme.font.size.small};
|
|
26
|
-
box-shadow:
|
|
26
|
+
box-shadow:
|
|
27
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
28
|
+
0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
27
29
|
`;
|
|
28
30
|
export const ShortcutConnector = styled.span `
|
|
29
31
|
padding: 0 ${({ theme }) => theme.grid.unit * 2}px;
|
|
@@ -56,7 +56,7 @@ export const StyledModalContent = ({ isOpen, onRequestClose, shouldCloseOnOverla
|
|
|
56
56
|
onRequestClose?.();
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
return (_jsx(Dialog, { ref: dialogRef, onClick: e => {
|
|
59
|
+
return (_jsx(Dialog, { ref: dialogRef, onClick: (e) => {
|
|
60
60
|
e.stopPropagation();
|
|
61
61
|
handleBackdropClick(e);
|
|
62
62
|
}, "$hideOverlay": hideOverlay, "$pointerEventsOnBackdrop": pointerEventsOnBackdrop, className: className ? `Modal ${className}` : 'Modal', style: style?.content, "aria-labelledby": ariaLabelledby ? ariaLabelledby : undefined, id: id ? id : undefined, children: children }));
|
|
@@ -115,6 +115,7 @@ export { default as TickIcon } from './tick';
|
|
|
115
115
|
export { default as ToolbarBoldIcon } from './toolbar-bold';
|
|
116
116
|
export { default as ToolbarBoxedTextIcon } from './toolbar-boxed-text';
|
|
117
117
|
export { default as ToolbarCitationIcon } from './toolbar-citation';
|
|
118
|
+
export { default as ToolbarCrossReferenceIcon } from './toolbar-cross-reference';
|
|
118
119
|
export { default as ToolbarCodeIcon } from './toolbar-code';
|
|
119
120
|
export { default as ToolbarEquationIcon } from './toolbar-equation';
|
|
120
121
|
export { default as ToolbarFigureIcon } from './toolbar-figure';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const ToolbarCrossReferenceIcon = (props) => (_jsx("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M6.55963 0V3.81877L10.2936 2.62136L11 4.49838L7.23242 5.72815L9.55352 8.77022L7.87156 10L5.48318 6.95793C5.03466 7.62675 4.58614 8.25243 4.13761 8.83495C3.71152 9.3959 3.41998 9.78425 3.263 10L1.48012 8.86731L3.73395 5.72815L0 4.53074L0.706422 2.62136L4.47401 3.81877V0H6.55963Z", fill: "#4999C3" }) }));
|
|
3
|
+
export default ToolbarCrossReferenceIcon;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
1
|
+
import React, { FC, ReactNode } from 'react';
|
|
2
2
|
interface ExpandableSectionProps {
|
|
3
3
|
title: ReactNode;
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
defaultOpen?: boolean;
|
|
6
6
|
bordered?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
icon?: FC<React.SVGAttributes<SVGElement>>;
|
|
7
9
|
}
|
|
8
10
|
export declare const ExpandableSection: FC<ExpandableSectionProps>;
|
|
9
11
|
export {};
|
|
@@ -115,6 +115,7 @@ export { default as TickIcon } from './tick';
|
|
|
115
115
|
export { default as ToolbarBoldIcon } from './toolbar-bold';
|
|
116
116
|
export { default as ToolbarBoxedTextIcon } from './toolbar-boxed-text';
|
|
117
117
|
export { default as ToolbarCitationIcon } from './toolbar-citation';
|
|
118
|
+
export { default as ToolbarCrossReferenceIcon } from './toolbar-cross-reference';
|
|
118
119
|
export { default as ToolbarCodeIcon } from './toolbar-code';
|
|
119
120
|
export { default as ToolbarEquationIcon } from './toolbar-equation';
|
|
120
121
|
export { default as ToolbarFigureIcon } from './toolbar-figure';
|
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.7.
|
|
4
|
+
"version": "3.7.1",
|
|
5
5
|
"repository": "github:Atypon-OpenSource/manuscripts-style-guide",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"main": "dist/cjs",
|