@manuscripts/style-guide 2.0.36-LEAN-4356.1 → 2.1.0

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.
@@ -0,0 +1,91 @@
1
+ "use strict";
2
+ /*!
3
+ * © 2025 Atypon Systems LLC
4
+ *
5
+ * Licensed under the Apache License, Version 2.0 (the "License");
6
+ * you may not use this file except in compliance with the License.
7
+ * You may obtain a copy of the License at
8
+ *
9
+ * http://www.apache.org/licenses/LICENSE-2.0
10
+ *
11
+ * Unless required by applicable law or agreed to in writing, software
12
+ * distributed under the License is distributed on an "AS IS" BASIS,
13
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14
+ * See the License for the specific language governing permissions and
15
+ * limitations under the License.
16
+ */
17
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
+ if (k2 === undefined) k2 = k;
19
+ var desc = Object.getOwnPropertyDescriptor(m, k);
20
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
+ desc = { enumerable: true, get: function() { return m[k]; } };
22
+ }
23
+ Object.defineProperty(o, k2, desc);
24
+ }) : (function(o, m, k, k2) {
25
+ if (k2 === undefined) k2 = k;
26
+ o[k2] = m[k];
27
+ }));
28
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
30
+ }) : function(o, v) {
31
+ o["default"] = v;
32
+ });
33
+ var __importStar = (this && this.__importStar) || function (mod) {
34
+ if (mod && mod.__esModule) return mod;
35
+ var result = {};
36
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
+ __setModuleDefault(result, mod);
38
+ return result;
39
+ };
40
+ var __importDefault = (this && this.__importDefault) || function (mod) {
41
+ return (mod && mod.__esModule) ? mod : { "default": mod };
42
+ };
43
+ Object.defineProperty(exports, "__esModule", { value: true });
44
+ exports.DraggableModal = void 0;
45
+ const react_1 = __importStar(require("react"));
46
+ const styled_components_1 = __importDefault(require("styled-components"));
47
+ const StyledModal_1 = require("./StyledModal");
48
+ const DraggableModal = ({ children, isOpen, onRequestClose }) => {
49
+ const [pos, setPos] = (0, react_1.useState)({ left: 0, top: 0, prevX: 0, prevY: 0 });
50
+ const [drag, setDrag] = (0, react_1.useState)(false);
51
+ const mouseDown = (event) => {
52
+ if (event.target instanceof Element &&
53
+ (event.target.tagName === 'INPUT' || event.target.tagName === 'BUTTON')) {
54
+ return;
55
+ }
56
+ pos.prevX = event.screenX;
57
+ pos.prevY = event.screenY;
58
+ setPos((state) => (Object.assign(Object.assign({}, state), { prevX: event.screenX, prevY: event.screenY })));
59
+ setDrag(true);
60
+ };
61
+ const mouseMove = (0, react_1.useCallback)(function (event) {
62
+ if (!drag) {
63
+ return;
64
+ }
65
+ const left = pos.left + event.screenX - pos.prevX;
66
+ const top = pos.top + event.screenY - pos.prevY;
67
+ setPos((state) => (Object.assign(Object.assign({}, state), { left,
68
+ top, prevX: event.screenX, prevY: event.screenY })));
69
+ }, [pos, drag]);
70
+ (0, react_1.useEffect)(() => {
71
+ const mouseup = () => {
72
+ setDrag(false);
73
+ };
74
+ document.addEventListener('mouseup', mouseup);
75
+ return () => {
76
+ document.removeEventListener('mouseup', mouseup);
77
+ };
78
+ }, []);
79
+ return (react_1.default.createElement(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", style: {
80
+ content: {
81
+ left: pos.left + 'px',
82
+ top: pos.top + 'px',
83
+ transition: 'none',
84
+ },
85
+ } },
86
+ react_1.default.createElement(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal" }, children)));
87
+ };
88
+ exports.DraggableModal = DraggableModal;
89
+ const DraggableModalContainer = (0, styled_components_1.default)(StyledModal_1.ModalContainer) `
90
+ padding: 0 2rem 2rem 2rem;
91
+ `;
@@ -40,6 +40,10 @@ const transitionDelay = 300;
40
40
  const delayedTransitionTime = totalTransitionTime - transitionDelay;
41
41
  const ReactModalAdapter = (_a) => {
42
42
  var { className, modalClassName } = _a, props = __rest(_a, ["className", "modalClassName"]);
43
+ props.style = props.style || {};
44
+ if (props.pointerEventsOnBackdrop == 'none') {
45
+ props.style.content = Object.assign(Object.assign({}, props.style.content), { pointerEvents: 'all' });
46
+ }
43
47
  return (react_1.default.createElement(react_modal_1.default, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, preventScroll: true, appElement: document.getElementById('root') }, props)));
44
48
  };
45
49
  exports.ModalContainer = styled_components_1.default.div `
@@ -137,12 +141,15 @@ exports.StyledModal = (0, styled_components_1.default)(ReactModalAdapter).attrs(
137
141
  left: 0;
138
142
  right: 0;
139
143
  bottom: 0;
140
- background-color: ${(props) => props.theme.colors.background.dark};
144
+ background-color: ${(props) => props.pointerEventsOnBackdrop === 'none'
145
+ ? 'rgba(0,0,0,0.1)'
146
+ : props.theme.colors.background.dark};
141
147
  z-index: 1000;
142
148
  display: flex;
143
149
  justify-content: center;
144
150
  align-items: center;
145
151
  opacity: 0;
152
+ pointer-events: ${(props) => props.pointerEventsOnBackdrop || 'auto'};
146
153
 
147
154
  &--after-open {
148
155
  transition: opacity ${totalTransitionTime}ms ease-in-out;
@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  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;
22
- 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.IndentIcon = exports.ImageRightIcon = void 0;
22
+ 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;
23
23
  var add_author_1 = require("./add-author");
24
24
  Object.defineProperty(exports, "AddAuthorIcon", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
25
25
  var add_comment_1 = require("./add-comment");
@@ -122,8 +122,6 @@ var image_default_1 = require("./image-default");
122
122
  Object.defineProperty(exports, "ImageDefaultIcon", { enumerable: true, get: function () { return __importDefault(image_default_1).default; } });
123
123
  var image_right_1 = require("./image-right");
124
124
  Object.defineProperty(exports, "ImageRightIcon", { enumerable: true, get: function () { return __importDefault(image_right_1).default; } });
125
- var indent_1 = require("./indent");
126
- Object.defineProperty(exports, "IndentIcon", { enumerable: true, get: function () { return __importDefault(indent_1).default; } });
127
125
  var link_1 = require("./link");
128
126
  Object.defineProperty(exports, "LinkIcon", { enumerable: true, get: function () { return __importDefault(link_1).default; } });
129
127
  var logout_1 = require("./logout");
package/dist/cjs/index.js CHANGED
@@ -40,6 +40,7 @@ __exportStar(require("./components/RadioButton"), exports);
40
40
  __exportStar(require("./components/AutoSaveInput"), exports);
41
41
  __exportStar(require("./components/Avatar"), exports);
42
42
  __exportStar(require("./components/Dialog"), exports);
43
+ __exportStar(require("./components/DraggableModal"), exports);
43
44
  __exportStar(require("./components/Checkbox"), exports);
44
45
  __exportStar(require("./components/Form"), exports);
45
46
  __exportStar(require("./components/MultiValueInput"), exports);
@@ -0,0 +1,61 @@
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, { useCallback, useEffect, useState } from 'react';
17
+ import styled from 'styled-components';
18
+ import { ModalContainer, StyledModal } from './StyledModal';
19
+ export const DraggableModal = ({ children, isOpen, onRequestClose }) => {
20
+ const [pos, setPos] = useState({ left: 0, top: 0, prevX: 0, prevY: 0 });
21
+ const [drag, setDrag] = useState(false);
22
+ const mouseDown = (event) => {
23
+ if (event.target instanceof Element &&
24
+ (event.target.tagName === 'INPUT' || event.target.tagName === 'BUTTON')) {
25
+ return;
26
+ }
27
+ pos.prevX = event.screenX;
28
+ pos.prevY = event.screenY;
29
+ setPos((state) => (Object.assign(Object.assign({}, state), { prevX: event.screenX, prevY: event.screenY })));
30
+ setDrag(true);
31
+ };
32
+ const mouseMove = useCallback(function (event) {
33
+ if (!drag) {
34
+ return;
35
+ }
36
+ const left = pos.left + event.screenX - pos.prevX;
37
+ const top = pos.top + event.screenY - pos.prevY;
38
+ setPos((state) => (Object.assign(Object.assign({}, state), { left,
39
+ top, prevX: event.screenX, prevY: event.screenY })));
40
+ }, [pos, drag]);
41
+ useEffect(() => {
42
+ const mouseup = () => {
43
+ setDrag(false);
44
+ };
45
+ document.addEventListener('mouseup', mouseup);
46
+ return () => {
47
+ document.removeEventListener('mouseup', mouseup);
48
+ };
49
+ }, []);
50
+ return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", style: {
51
+ content: {
52
+ left: pos.left + 'px',
53
+ top: pos.top + 'px',
54
+ transition: 'none',
55
+ },
56
+ } },
57
+ React.createElement(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal" }, children)));
58
+ };
59
+ const DraggableModalContainer = styled(ModalContainer) `
60
+ padding: 0 2rem 2rem 2rem;
61
+ `;
@@ -34,6 +34,10 @@ const transitionDelay = 300;
34
34
  const delayedTransitionTime = totalTransitionTime - transitionDelay;
35
35
  const ReactModalAdapter = (_a) => {
36
36
  var { className, modalClassName } = _a, props = __rest(_a, ["className", "modalClassName"]);
37
+ props.style = props.style || {};
38
+ if (props.pointerEventsOnBackdrop == 'none') {
39
+ props.style.content = Object.assign(Object.assign({}, props.style.content), { pointerEvents: 'all' });
40
+ }
37
41
  return (React.createElement(ReactModal, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, preventScroll: true, appElement: document.getElementById('root') }, props)));
38
42
  };
39
43
  export const ModalContainer = styled.div `
@@ -131,12 +135,15 @@ export const StyledModal = styled(ReactModalAdapter).attrs({
131
135
  left: 0;
132
136
  right: 0;
133
137
  bottom: 0;
134
- background-color: ${(props) => props.theme.colors.background.dark};
138
+ background-color: ${(props) => props.pointerEventsOnBackdrop === 'none'
139
+ ? 'rgba(0,0,0,0.1)'
140
+ : props.theme.colors.background.dark};
135
141
  z-index: 1000;
136
142
  display: flex;
137
143
  justify-content: center;
138
144
  align-items: center;
139
145
  opacity: 0;
146
+ pointer-events: ${(props) => props.pointerEventsOnBackdrop || 'auto'};
140
147
 
141
148
  &--after-open {
142
149
  transition: opacity ${totalTransitionTime}ms ease-in-out;
@@ -64,7 +64,6 @@ export { default as HelpIcon } from './help';
64
64
  export { default as ImageLeftIcon } from './image-left';
65
65
  export { default as ImageDefaultIcon } from './image-default';
66
66
  export { default as ImageRightIcon } from './image-right';
67
- export { default as IndentIcon } from './indent';
68
67
  export { default as LinkIcon } from './link';
69
68
  export { default as LogoutIcon } from './logout';
70
69
  export { default as OutlineBlockQuoteIcon } from './outline-block-quote';
package/dist/es/index.js CHANGED
@@ -20,6 +20,7 @@ export * from './components/RadioButton';
20
20
  export * from './components/AutoSaveInput';
21
21
  export * from './components/Avatar';
22
22
  export * from './components/Dialog';
23
+ export * from './components/DraggableModal';
23
24
  export * from './components/Checkbox';
24
25
  export * from './components/Form';
25
26
  export * from './components/MultiValueInput';
@@ -0,0 +1,21 @@
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
+ export declare const DraggableModal: React.FC<{
18
+ children: React.ReactNode;
19
+ isOpen: boolean;
20
+ onRequestClose: () => void;
21
+ }>;
@@ -18,6 +18,7 @@ import ReactModal from 'react-modal';
18
18
  import { ThemeProps } from 'styled-components';
19
19
  interface Props {
20
20
  modalClassName?: ReactModal.Classes;
21
+ pointerEventsOnBackdrop?: 'all' | 'none' | 'auto';
21
22
  }
22
23
  export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
23
24
  export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -64,7 +64,6 @@ export { default as HelpIcon } from './help';
64
64
  export { default as ImageLeftIcon } from './image-left';
65
65
  export { default as ImageDefaultIcon } from './image-default';
66
66
  export { default as ImageRightIcon } from './image-right';
67
- export { default as IndentIcon } from './indent';
68
67
  export { default as LinkIcon } from './link';
69
68
  export { default as LogoutIcon } from './logout';
70
69
  export { default as OutlineBlockQuoteIcon } from './outline-block-quote';
@@ -21,6 +21,7 @@ export * from './components/RadioButton';
21
21
  export * from './components/AutoSaveInput';
22
22
  export * from './components/Avatar';
23
23
  export * from './components/Dialog';
24
+ export * from './components/DraggableModal';
24
25
  export * from './components/Checkbox';
25
26
  export * from './components/Form';
26
27
  export * from './components/MultiValueInput';
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": "2.0.36-LEAN-4356.1",
4
+ "version": "2.1.0",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const IndentIcon = (props) => (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
8
- react_1.default.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
9
- react_1.default.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
10
- react_1.default.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
11
- react_1.default.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
12
- react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.4997C8.35742 11.3873 7.98843 12.1069 7.53325 12.1069L3.82445 12.1069C3.36927 12.1069 3.00028 11.3873 3.00028 10.4997C3.00028 9.61212 3.36927 8.89258 3.82445 8.89258L7.53325 8.89258C7.98843 8.89258 8.35742 9.61212 8.35742 10.4997Z", fill: "#6E6E6E" }),
13
- react_1.default.createElement("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
14
- exports.default = IndentIcon;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- const IndentIcon = (props) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
3
- React.createElement("line", { x1: "13", y1: "6.5", x2: "20", y2: "6.5", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
4
- React.createElement("line", { x1: "13", y1: "10.25", x2: "20", y2: "10.25", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
5
- React.createElement("line", { x1: "13", y1: "14", x2: "20", y2: "14", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
6
- React.createElement("line", { x1: "5.5", y1: "17.75", x2: "20", y2: "17.75", stroke: "#6E6E6E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
7
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.35742 10.4997C8.35742 11.3873 7.98843 12.1069 7.53325 12.1069L3.82445 12.1069C3.36927 12.1069 3.00028 11.3873 3.00028 10.4997C3.00028 9.61212 3.36927 8.89258 3.82445 8.89258L7.53325 8.89258C7.98843 8.89258 8.35742 9.61212 8.35742 10.4997Z", fill: "#6E6E6E" }),
8
- React.createElement("path", { d: "M9.94931 10.3645C10.0169 10.4325 10.0169 10.5675 9.94931 10.6355L6.88351 13.7199C6.85861 13.7449 6.84202 13.7484 6.83586 13.7494C6.827 13.7508 6.81287 13.7502 6.79482 13.7416C6.76137 13.7257 6.71429 13.6808 6.71429 13.5844L6.71429 7.41561C6.71429 7.31919 6.76137 7.27433 6.79482 7.25839C6.81287 7.24979 6.827 7.2492 6.83586 7.25059C6.84202 7.25156 6.85861 7.25508 6.88351 7.28013L9.94931 10.3645Z", fill: "#6E6E6E", stroke: "#6E6E6E" })));
9
- export default IndentIcon;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from './types';
3
- declare const IndentIcon: React.FC<IconProps>;
4
- export default IndentIcon;