@griddo/ax 11.10.11-rc.0 → 11.10.11

package/src/components/Gallery/style.tsx

@@ -247,28 +247,28 @@ const ImageWrapper = styled.div<{ selected: boolean }>`
 `;
 
 export {
-  Wrapper,
-  FolderPanel,
-  FolderPanelContent,
-  ContentWrapper,
-  Header,
-  Search,
-  Filters,
-  TabsWrapper,
-  GalleryWrapper,
-  Grid,
-  LoadingWrapper,
-  EmptyWrapper,
-  NotificationWrapper,
-  SectionWrapper,
-  SectionHeader,
-  SectionTitle,
-  FoldersGrid,
-  FoldersWrapper,
-  FoldersIconWrapper,
-  ResizeHandle,
-  SearchTags,
-  ImageWrapper,
-  IconWrapper,
-  FiltersGlobal,
+	Wrapper,
+	FolderPanel,
+	FolderPanelContent,
+	ContentWrapper,
+	Header,
+	Search,
+	Filters,
+	TabsWrapper,
+	GalleryWrapper,
+	Grid,
+	LoadingWrapper,
+	EmptyWrapper,
+	NotificationWrapper,
+	SectionWrapper,
+	SectionHeader,
+	SectionTitle,
+	FoldersGrid,
+	FoldersWrapper,
+	FoldersIconWrapper,
+	ResizeHandle,
+	SearchTags,
+	ImageWrapper,
+	IconWrapper,
+	FiltersGlobal,
 };

package/src/components/GuardModal/index.tsx

@@ -5,43 +5,43 @@ import { Modal } from "@ax/components";
 import * as S from "./style";
 
 const GuardModal = (props: IGuardModalProps): JSX.Element => {
-  const { isOpen, discardChanges, toggleModal } = props;
-
-  const mainAction = {
-    title: "Yes, discard changes",
-    onClick: discardChanges,
-  };
-
-  const secondaryAction = {
-    title: "Cancel",
-    onClick: toggleModal,
-  };
-
-  const modalText = (
-    <>
-      Some changes <strong>are not saved</strong>. If you exit without saving it, it will be lost. Do you want to
-      discard your changes?
-    </>
-  );
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      hide={toggleModal}
-      size="S"
-      title="Unsaved changes"
-      mainAction={mainAction}
-      secondaryAction={secondaryAction}
-    >
-      {<S.ModalContent data-testid='guard-modal-content'>{modalText}</S.ModalContent>}
-    </Modal>
-  );
+	const { isOpen, discardChanges, toggleModal } = props;
+
+	const mainAction = {
+		title: "Yes, discard changes",
+		onClick: discardChanges,
+	};
+
+	const secondaryAction = {
+		title: "Cancel",
+		onClick: toggleModal,
+	};
+
+	const modalText = (
+		<>
+			Some changes <strong>are not saved</strong>. If you exit without saving it, it will be lost. Do you want to
+			discard your changes?
+		</>
+	);
+
+	return (
+		<Modal
+			isOpen={isOpen}
+			hide={toggleModal}
+			size="S"
+			title="Unsaved changes"
+			mainAction={mainAction}
+			secondaryAction={secondaryAction}
+		>
+			{<S.ModalContent data-testid="guard-modal-content">{modalText}</S.ModalContent>}
+		</Modal>
+	);
 };
 
 export interface IGuardModalProps {
-  isOpen: boolean;
-  discardChanges: () => void;
-  toggleModal: () => void;
+	isOpen: boolean;
+	discardChanges: () => void;
+	toggleModal: () => void;
 }
 
 export default GuardModal;

package/src/components/GuardModal/style.tsx

@@ -1,13 +1,13 @@
 import styled from "styled-components";
 
 const ModalContent = styled.div`
-  padding: ${p => p.theme.spacing.m};
+  padding: ${(p) => p.theme.spacing.m};
   p {
-    margin-bottom: ${p => p.theme.spacing.m};
+    margin-bottom: ${(p) => p.theme.spacing.m};
   }
   div {
     margin-bottom: 0;
   }
 `;
 
-export { ModalContent };
+export { ModalContent };

package/src/components/Icon/components/Active.js

@@ -1,14 +1,14 @@
 import React from "react";
 
-const SvgActive = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12 4a7.49 7.49 0 017.35 6.04c2.6.18 4.65 2.32 4.65 4.96 0 2.76-2.24 5-5 5H6c-3.31 0-6-2.69-6-6 0-3.09 2.34-5.64 5.35-5.96A7.496 7.496 0 0112 4zm-5.5 9.5L10 17l6.59-6.59L15.18 9 10 14.18l-2.09-2.09L6.5 13.5z"
-      fill="#AFC628"
-    />
-  </svg>
+const SvgActive = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M12 4a7.49 7.49 0 017.35 6.04c2.6.18 4.65 2.32 4.65 4.96 0 2.76-2.24 5-5 5H6c-3.31 0-6-2.69-6-6 0-3.09 2.34-5.64 5.35-5.96A7.496 7.496 0 0112 4zm-5.5 9.5L10 17l6.59-6.59L15.18 9 10 14.18l-2.09-2.09L6.5 13.5z"
+			fill="#AFC628"
+		/>
+	</svg>
 );
 
 export default SvgActive;

package/src/components/Icon/components/Add.js

@@ -1,9 +1,9 @@
 import React from "react";
 
-const SvgAdd = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" fill="#5057FF" />
-  </svg>
+const SvgAdd = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" fill="#5057FF" />
+	</svg>
 );
 
 export default SvgAdd;

package/src/components/Icon/components/AddCircle.js

@@ -1,12 +1,12 @@
 import React from "react";
 
-const SvgAddCircle = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
-      fill="#5057FF"
-    />
-  </svg>
+const SvgAddCircle = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
 export default SvgAddCircle;

package/src/components/Icon/components/Alert.js

@@ -1,16 +1,16 @@
 import * as React from "react";
 
 function SvgAlert(props) {
-  return (
-    <svg width={24} height={24} fill="none" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM13 13V7h-2v6h2zm0 4v-2h-2v2h2zm-9-5c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8z"
-        fill="#5057FF"
-      />
-    </svg>
-  );
+	return (
+		<svg width={24} height={24} fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM13 13V7h-2v6h2zm0 4v-2h-2v2h2zm-9-5c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8z"
+				fill="#5057FF"
+			/>
+		</svg>
+	);
 }
 
 export default SvgAlert;

package/src/components/Icon/components/Back.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 const SvgBack = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <path
-      fill="#5057FF"
-      d="M7 19v-2h7.1c1.05 0 1.963-.333 2.737-1 .776-.667 1.163-1.5 1.163-2.5s-.387-1.833-1.163-2.5c-.774-.667-1.687-1-2.737-1H7.8l2.6 2.6L9 14 4 9l5-5 1.4 1.4L7.8 8h6.3c1.617 0 3.004.525 4.162 1.575C19.421 10.625 20 11.933 20 13.5c0 1.567-.58 2.875-1.738 3.925C17.104 18.475 15.717 19 14.1 19H7Z"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			d="M7 19v-2h7.1c1.05 0 1.963-.333 2.737-1 .776-.667 1.163-1.5 1.163-2.5s-.387-1.833-1.163-2.5c-.774-.667-1.687-1-2.737-1H7.8l2.6 2.6L9 14 4 9l5-5 1.4 1.4L7.8 8h6.3c1.617 0 3.004.525 4.162 1.575C19.421 10.625 20 11.933 20 13.5c0 1.567-.58 2.875-1.738 3.925C17.104 18.475 15.717 19 14.1 19H7Z"
+		/>
+	</svg>
 );
 export default SvgBack;

package/src/components/Icon/components/BulletList.js

@@ -1,16 +1,16 @@
 import * as React from "react";
 
 function SvgBulletList(props) {
-  return (
-    <svg width={24} height={24} fill="none" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M2.5 6C2.5 5.17 3.17 4.5 4 4.5C4.83 4.5 5.5 5.17 5.5 6C5.5 6.83 4.83 7.5 4 7.5C3.17 7.5 2.5 6.83 2.5 6ZM2.5 12C2.5 11.17 3.17 10.5 4 10.5C4.83 10.5 5.5 11.17 5.5 12C5.5 12.83 4.83 13.5 4 13.5C3.17 13.5 2.5 12.83 2.5 12ZM4 16.5C3.17 16.5 2.5 17.18 2.5 18C2.5 18.82 3.18 19.5 4 19.5C4.82 19.5 5.5 18.82 5.5 18C5.5 17.18 4.83 16.5 4 16.5ZM8 19C7.44772 19 7 18.5523 7 18C7 17.4477 7.44772 17 8 17H20C20.5523 17 21 17.4477 21 18C21 18.5523 20.5523 19 20 19H8ZM7 12C7 12.5523 7.44772 13 8 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H8C7.44772 11 7 11.4477 7 12ZM7 6C7 5.44772 7.44772 5 8 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H8C7.44772 7 7 6.55228 7 6Z"
-        fill="#5057FF"
-      />
-    </svg>
-  );
+	return (
+		<svg width={24} height={24} fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M2.5 6C2.5 5.17 3.17 4.5 4 4.5C4.83 4.5 5.5 5.17 5.5 6C5.5 6.83 4.83 7.5 4 7.5C3.17 7.5 2.5 6.83 2.5 6ZM2.5 12C2.5 11.17 3.17 10.5 4 10.5C4.83 10.5 5.5 11.17 5.5 12C5.5 12.83 4.83 13.5 4 13.5C3.17 13.5 2.5 12.83 2.5 12ZM4 16.5C3.17 16.5 2.5 17.18 2.5 18C2.5 18.82 3.18 19.5 4 19.5C4.82 19.5 5.5 18.82 5.5 18C5.5 17.18 4.83 16.5 4 16.5ZM8 19C7.44772 19 7 18.5523 7 18C7 17.4477 7.44772 17 8 17H20C20.5523 17 21 17.4477 21 18C21 18.5523 20.5523 19 20 19H8ZM7 12C7 12.5523 7.44772 13 8 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H8C7.44772 11 7 11.4477 7 12ZM7 6C7 5.44772 7.44772 5 8 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H8C7.44772 7 7 6.55228 7 6Z"
+				fill="#5057FF"
+			/>
+		</svg>
+	);
 }
 
 export default SvgBulletList;

package/src/components/Icon/components/Button.js

@@ -1,9 +1,14 @@
 import React from "react";
 
-const SvgButton = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path fillRule="evenodd" clipRule="evenodd" d="M5 7h14c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2zm0 8h14V9H5v6z" fill="#5057FF" />
-  </svg>
+const SvgButton = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M5 7h14c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2zm0 8h14V9H5v6z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
 export default SvgButton;

package/src/components/Icon/components/Calendar.js

@@ -1,14 +1,14 @@
 import React from "react";
 
-const SvgCalendar = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M16 2H15V0H13V2H5V0H3V2H2C0.89 2 0.01 2.9 0.01 4L0 18C0 19.1 0.89 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM4 9V11H6V9H4ZM10 9H8V11H10V9ZM14 9V11H12V9H14ZM2 18H16V7H2V18Z"
-      fill="#5057FF"
-    />
-  </svg>
+const SvgCalendar = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M16 2H15V0H13V2H5V0H3V2H2C0.89 2 0.01 2.9 0.01 4L0 18C0 19.1 0.89 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM4 9V11H6V9H4ZM10 9H8V11H10V9ZM14 9V11H12V9H14ZM2 18H16V7H2V18Z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
 export default SvgCalendar;

package/src/components/Icon/components/CancelEvent.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 const SvgCancelEvent = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <path
-      fill="#5057FF"
-      d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16H5V9h14v10ZM5 7V5h14v2H5Zm3.23 9.41 1.06 1.06 2.44-2.44 2.44 2.44 1.06-1.06-2.44-2.44 2.44-2.44-1.06-1.06-2.44 2.44-2.44-2.44-1.06 1.06 2.44 2.44-2.44 2.44Z"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16H5V9h14v10ZM5 7V5h14v2H5Zm3.23 9.41 1.06 1.06 2.44-2.44 2.44 2.44 1.06-1.06-2.44-2.44 2.44-2.44-1.06-1.06-2.44 2.44-2.44-2.44-1.06 1.06 2.44 2.44-2.44 2.44Z"
+		/>
+	</svg>
 );
 export default SvgCancelEvent;

package/src/components/Icon/components/Category.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 
 const SvgCategory = (props) => (
-  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="m11 2-5.5 9h11L11 2Zm0 3.84L12.93 9H9.06L11 5.84ZM16.5 13c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5Zm0 7a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5ZM2 21.5h8v-8H2v8Zm2-6h4v4H4v-4Z"
-      fill="#5057FF"
-    />
-  </svg>
+	<svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			d="m11 2-5.5 9h11L11 2Zm0 3.84L12.93 9H9.06L11 5.84ZM16.5 13c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5Zm0 7a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5ZM2 21.5h8v-8H2v8Zm2-6h4v4H4v-4Z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
 export default SvgCategory;

package/src/components/Icon/components/Change.js

@@ -1,14 +1,14 @@
 import React from "react";
 
-const SvgChange = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M6.99 19L3 15L6.99 11L6.99 14L14 14L14 16L6.99 16L6.99 19ZM10 8L17.01 8L17.01 5L21 9L17.01 13L17.01 10L10 10L10 8Z"
-      fill="#5057FF"
-      />
-  </svg>
+const SvgChange = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M6.99 19L3 15L6.99 11L6.99 14L14 14L14 16L6.99 16L6.99 19ZM10 8L17.01 8L17.01 5L21 9L17.01 13L17.01 10L10 10L10 8Z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
 export default SvgChange;

package/src/components/Icon/components/Close.js

@@ -1,12 +1,12 @@
 import React from "react";
 
-const SvgClose = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      d="M18.646 6.764a.5.5 0 000-.708l-.702-.702a.5.5 0 00-.708 0l-4.882 4.882a.5.5 0 01-.708 0L6.764 5.354a.5.5 0 00-.708 0l-.702.702a.5.5 0 000 .708l4.882 4.882a.5.5 0 010 .708l-4.882 4.882a.5.5 0 000 .708l.702.702a.5.5 0 00.708 0l4.882-4.882a.5.5 0 01.708 0l4.882 4.882a.5.5 0 00.708 0l.702-.702a.5.5 0 000-.708l-4.882-4.882a.5.5 0 010-.708l4.882-4.882z"
-      fill="#5057FF"
-    />
-  </svg>
+const SvgClose = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			d="M18.646 6.764a.5.5 0 000-.708l-.702-.702a.5.5 0 00-.708 0l-4.882 4.882a.5.5 0 01-.708 0L6.764 5.354a.5.5 0 00-.708 0l-.702.702a.5.5 0 000 .708l4.882 4.882a.5.5 0 010 .708l-4.882 4.882a.5.5 0 000 .708l.702.702a.5.5 0 00.708 0l4.882-4.882a.5.5 0 01.708 0l4.882 4.882a.5.5 0 00.708 0l.702-.702a.5.5 0 000-.708l-4.882-4.882a.5.5 0 010-.708l4.882-4.882z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
 export default SvgClose;

package/src/components/Icon/components/ClosePanel.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 const SvgClosePanel = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <path
-      fill="#5057FF"
-      fillRule="evenodd"
-      d="M3 20V4c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2Zm12 0V4H5v16h10ZM11 9l.705.705L9.415 12l2.29 2.295L11 15l-3-3 3-3Z"
-      clipRule="evenodd"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			fillRule="evenodd"
+			d="M3 20V4c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2Zm12 0V4H5v16h10ZM11 9l.705.705L9.415 12l2.29 2.295L11 15l-3-3 3-3Z"
+			clipRule="evenodd"
+		/>
+	</svg>
 );
 export default SvgClosePanel;

package/src/components/Icon/components/CodeBody.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 const SvgCodeBody = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <path
-      fill="#5057FF"
-      fillRule="evenodd"
-      d="M7.5 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5.5 19v-1a1 1 0 1 1 2 0 1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-12a1 1 0 0 0-1 1v3a1 1 0 0 1-2 0V5c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7.5 3h14c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 21.5 21h-14Zm-4.6-7.825L4.375 11.7c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.712-.3-.275 0-.513.1-.713.3L.775 12.475c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325L2.95 16.05c.2.2.438.3.712.3.276 0 .513-.1.713-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L2.9 13.175Zm7.35 0L8.775 14.65c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3l2.175-2.175c.1-.1.17-.208.213-.325.041-.117.062-.242.062-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325L10.2 10.3a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7l1.475 1.475Z"
-      clipRule="evenodd"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			fillRule="evenodd"
+			d="M7.5 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5.5 19v-1a1 1 0 1 1 2 0 1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-12a1 1 0 0 0-1 1v3a1 1 0 0 1-2 0V5c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7.5 3h14c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 21.5 21h-14Zm-4.6-7.825L4.375 11.7c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.712-.3-.275 0-.513.1-.713.3L.775 12.475c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325L2.95 16.05c.2.2.438.3.712.3.276 0 .513-.1.713-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L2.9 13.175Zm7.35 0L8.775 14.65c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3l2.175-2.175c.1-.1.17-.208.213-.325.041-.117.062-.242.062-.375s-.02-.258-.063-.375a.877.877 0 0 0-.212-.325L10.2 10.3a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7l1.475 1.475Z"
+			clipRule="evenodd"
+		/>
+	</svg>
 );
 export default SvgCodeBody;

package/src/components/Icon/components/CodeHead.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 const SvgCodeHead = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <path
-      fill="#5057FF"
-      fillRule="evenodd"
-      d="M2.9 5.175 4.375 3.7c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.712-.3-.275 0-.513.1-.713.3L.775 4.475c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325L2.95 8.05c.2.2.438.3.712.3.276 0 .513-.1.713-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L2.9 5.175Zm7.35 0L8.775 6.65c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3l2.175-2.175c.1-.1.17-.208.213-.325.041-.117.062-.242.062-.375s-.02-.258-.063-.375a.878.878 0 0 0-.212-.325L10.2 2.3a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7l1.475 1.475ZM5.5 11a1 1 0 1 1 2 0v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-6a1 1 0 1 1 0-2h7c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 21.5 22h-14c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5.5 20v-9Z"
-      clipRule="evenodd"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			fillRule="evenodd"
+			d="M2.9 5.175 4.375 3.7c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.712-.3-.275 0-.513.1-.713.3L.775 4.475c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325L2.95 8.05c.2.2.438.3.712.3.276 0 .513-.1.713-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L2.9 5.175Zm7.35 0L8.775 6.65c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3l2.175-2.175c.1-.1.17-.208.213-.325.041-.117.062-.242.062-.375s-.02-.258-.063-.375a.878.878 0 0 0-.212-.325L10.2 2.3a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7l1.475 1.475ZM5.5 11a1 1 0 1 1 2 0v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-6a1 1 0 1 1 0-2h7c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 21.5 22h-14c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5.5 20v-9Z"
+			clipRule="evenodd"
+		/>
+	</svg>
 );
 export default SvgCodeHead;

package/src/components/Icon/components/CodeHeadBody.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 const SvgCodeHeadBody = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <path
-      fill="#5057FF"
-      fillRule="evenodd"
-      d="M2.9 4.175 4.375 2.7c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.712-.3-.275 0-.513.1-.713.3L.775 3.475c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325L2.95 7.05c.2.2.438.3.712.3.276 0 .513-.1.713-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L2.9 4.175Zm7.35 0L8.775 5.65c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3l2.175-2.175c.1-.1.17-.208.213-.325.041-.117.062-.242.062-.375s-.02-.258-.063-.375a.878.878 0 0 0-.212-.325L10.2 1.3a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7l1.475 1.475ZM6.5 8a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1Zm7-4a1 1 0 0 0 1 1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1 1 1 0 1 0-2 0v1c0 .55.196 1.02.588 1.413.391.391.862.587 1.412.587h14c.55 0 1.02-.196 1.413-.587.391-.392.587-.863.587-1.413V5c0-.55-.196-1.02-.587-1.413A1.926 1.926 0 0 0 21.5 3h-7a1 1 0 0 0-1 1Zm-9.125 8.7L2.9 14.175l1.475 1.475c.2.2.3.433.3.7 0 .267-.1.5-.3.7-.2.2-.438.3-.712.3a.973.973 0 0 1-.713-.3L.775 14.875a.877.877 0 0 1-.213-.325 1.107 1.107 0 0 1-.062-.375c0-.133.02-.258.063-.375a.877.877 0 0 1 .212-.325L2.95 11.3c.2-.2.438-.3.712-.3.276 0 .513.1.713.3.2.2.3.433.3.7 0 .267-.1.5-.3.7Zm4.4 2.95 1.475-1.475L8.775 12.7a.96.96 0 0 1-.3-.7c0-.267.1-.5.3-.7a.999.999 0 0 1 1.425 0l2.175 2.175c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.877.877 0 0 1-.212.325L10.2 17.05c-.2.2-.438.3-.712.3a.973.973 0 0 1-.713-.3.96.96 0 0 1-.3-.7c0-.267.1-.5.3-.7Z"
-      clipRule="evenodd"
-    />
-  </svg>
+	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+		<path
+			fill="#5057FF"
+			fillRule="evenodd"
+			d="M2.9 4.175 4.375 2.7c.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7-.2-.2-.438-.3-.712-.3-.275 0-.513.1-.713.3L.775 3.475c-.1.1-.17.208-.213.325a1.107 1.107 0 0 0-.062.375c0 .133.02.258.063.375a.877.877 0 0 0 .212.325L2.95 7.05c.2.2.438.3.712.3.276 0 .513-.1.713-.3.2-.2.3-.433.3-.7 0-.267-.1-.5-.3-.7L2.9 4.175Zm7.35 0L8.775 5.65c-.2.2-.3.433-.3.7 0 .267.1.5.3.7.2.2.438.3.713.3.274 0 .512-.1.712-.3l2.175-2.175c.1-.1.17-.208.213-.325.041-.117.062-.242.062-.375s-.02-.258-.063-.375a.878.878 0 0 0-.212-.325L10.2 1.3a.999.999 0 0 0-1.425 0c-.2.2-.3.433-.3.7 0 .267.1.5.3.7l1.475 1.475ZM6.5 8a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1Zm7-4a1 1 0 0 0 1 1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1 1 1 0 1 0-2 0v1c0 .55.196 1.02.588 1.413.391.391.862.587 1.412.587h14c.55 0 1.02-.196 1.413-.587.391-.392.587-.863.587-1.413V5c0-.55-.196-1.02-.587-1.413A1.926 1.926 0 0 0 21.5 3h-7a1 1 0 0 0-1 1Zm-9.125 8.7L2.9 14.175l1.475 1.475c.2.2.3.433.3.7 0 .267-.1.5-.3.7-.2.2-.438.3-.712.3a.973.973 0 0 1-.713-.3L.775 14.875a.877.877 0 0 1-.213-.325 1.107 1.107 0 0 1-.062-.375c0-.133.02-.258.063-.375a.877.877 0 0 1 .212-.325L2.95 11.3c.2-.2.438-.3.712-.3.276 0 .513.1.713.3.2.2.3.433.3.7 0 .267-.1.5-.3.7Zm4.4 2.95 1.475-1.475L8.775 12.7a.96.96 0 0 1-.3-.7c0-.267.1-.5.3-.7a.999.999 0 0 1 1.425 0l2.175 2.175c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.877.877 0 0 1-.212.325L10.2 17.05c-.2.2-.438.3-.712.3a.973.973 0 0 1-.713-.3.96.96 0 0 1-.3-.7c0-.267.1-.5.3-.7Z"
+			clipRule="evenodd"
+		/>
+	</svg>
 );
 export default SvgCodeHeadBody;

package/src/components/Icon/components/Collapsed.js

@@ -1,16 +1,16 @@
 import * as React from "react";
 
 function SvgCollapsed(props) {
-  return (
-    <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11 8.394L9.59 7 5 11.505 9.59 16 11 14.616l-3.17-3.111L11 8.394zm8 0L17.59 7 13 11.505 17.59 16 19 14.616l-3.17-3.111L19 8.394z"
-        fill="#5057FF"
-      />
-    </svg>
-  );
+	return (
+		<svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M11 8.394L9.59 7 5 11.505 9.59 16 11 14.616l-3.17-3.111L11 8.394zm8 0L17.59 7 13 11.505 17.59 16 19 14.616l-3.17-3.111L19 8.394z"
+				fill="#5057FF"
+			/>
+		</svg>
+	);
 }
 
 export default SvgCollapsed;

package/src/components/Icon/components/ColorPicker.js

@@ -1,14 +1,14 @@
 import * as React from "react";
 
 function SvgColorPicker(props) {
-  return (
-    <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M20.71 5.63l-2.34-2.34a.996.996 0 00-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM10.92 15H7.08l5.98-5.98 1.92 1.92L10.92 15z"
-        fill="#5057FF"
-      />
-    </svg>
-  );
+	return (
+		<svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<path
+				d="M20.71 5.63l-2.34-2.34a.996.996 0 00-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM10.92 15H7.08l5.98-5.98 1.92 1.92L10.92 15z"
+				fill="#5057FF"
+			/>
+		</svg>
+	);
 }
 
 export default SvgColorPicker;

package/src/components/Icon/components/Compose.js

@@ -1,13 +1,13 @@
 import React from "react";
 
-const SvgCompose = props => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      d="M19.619 11.524h-1.428v-3.81a1.91 1.91 0 00-1.905-1.904h-3.81V4.38a2.382 2.382 0 00-4.762 0V5.81h-3.81A1.902 1.902 0 002.01 7.714v3.62h1.419A2.573 2.573 0 016 13.903a2.573 2.573 0 01-2.571 2.572H2v3.62A1.91 1.91 0 003.905 22h3.619v-1.429A2.573 2.573 0 0110.095 18a2.573 2.573 0 012.572 2.571V22h3.619a1.91 1.91 0 001.904-1.905v-3.81h1.429a2.382 2.382 0 000-4.761z"
-      stroke="#5057FF"
-      strokeWidth={2}
-    />
-  </svg>
+const SvgCompose = (props) => (
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			d="M19.619 11.524h-1.428v-3.81a1.91 1.91 0 00-1.905-1.904h-3.81V4.38a2.382 2.382 0 00-4.762 0V5.81h-3.81A1.902 1.902 0 002.01 7.714v3.62h1.419A2.573 2.573 0 016 13.903a2.573 2.573 0 01-2.571 2.572H2v3.62A1.91 1.91 0 003.905 22h3.619v-1.429A2.573 2.573 0 0110.095 18a2.573 2.573 0 012.572 2.571V22h3.619a1.91 1.91 0 001.904-1.905v-3.81h1.429a2.382 2.382 0 000-4.761z"
+			stroke="#5057FF"
+			strokeWidth={2}
+		/>
+	</svg>
 );
 
 export default SvgCompose;

package/src/components/Icon/components/Copy.js

@@ -1,14 +1,14 @@
 import React from "react";
 
 const SvgCopy = (props) => (
-  <svg width={24} height={24} fill="none" {...props}>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15.5263 2.3158H4.78947C3.80526 2.3158 3 3.12106 3 4.10527V16.6316H4.78947V4.10527H15.5263V2.3158ZM18.2105 5.89475H8.36842C7.38421 5.89475 6.57894 6.70001 6.57894 7.68422V20.2105C6.57894 21.1947 7.38421 22 8.36842 22H18.2105C19.1947 22 20 21.1947 20 20.2105V7.68422C20 6.70001 19.1947 5.89475 18.2105 5.89475ZM8.36843 20.2105H18.2105V7.68422H8.36843V20.2105Z"
-      fill="#5057FF"
-    />
-  </svg>
+	<svg width={24} height={24} fill="none" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M15.5263 2.3158H4.78947C3.80526 2.3158 3 3.12106 3 4.10527V16.6316H4.78947V4.10527H15.5263V2.3158ZM18.2105 5.89475H8.36842C7.38421 5.89475 6.57894 6.70001 6.57894 7.68422V20.2105C6.57894 21.1947 7.38421 22 8.36842 22H18.2105C19.1947 22 20 21.1947 20 20.2105V7.68422C20 6.70001 19.1947 5.89475 18.2105 5.89475ZM8.36843 20.2105H18.2105V7.68422H8.36843V20.2105Z"
+			fill="#5057FF"
+		/>
+	</svg>
 );
 
-export default SvgCopy;
+export default SvgCopy;