@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/layout/grid_row_two.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridRowTwo = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659L14.6673 7.33325V8.66658L14.6673 13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V8.66658V7.33325V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325ZM2.66732 8.66658V13.3333H13.334V8.66658H2.66732ZM13.334 7.33325H2.66732V2.66659H13.334V7.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_six.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridSix = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 2.66659V13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666H10.6673H5.33398H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325H5.33398H10.6673H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659ZM10.6673 2.66659H13.334V7.33325H10.6673V2.66659ZM9.33398 8.66658H6.66732V13.3333H9.33398V8.66658ZM6.66732 7.33325H9.33398V2.66659H6.66732V7.33325ZM5.33398 7.33325H2.66732V2.66659H5.33398V7.33325ZM5.33398 8.66658H2.66732V13.3333H5.33398V8.66658ZM10.6673 13.3333V8.66658H13.334V13.3333H10.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_small.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridSmall = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33325H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0696 14.6673 13.3333V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325ZM2.66732 13.3333V10.6666H5.33398V13.3333H2.66732ZM6.66732 13.3333H9.33398V10.6666H6.66732V13.3333ZM6.66732 9.33325H9.33398V6.66658H6.66732V9.33325ZM6.66732 5.33325H9.33398V2.66659H6.66732V5.33325ZM5.33398 2.66659V5.33325H2.66732V2.66659H5.33398ZM5.33398 6.66658V9.33325H2.66732V6.66658H5.33398ZM10.6673 13.3333V10.6666H13.334V13.3333H10.6673ZM10.6673 6.66658V9.33325H13.334V6.66658H10.6673ZM13.334 5.33325H10.6673V2.66659H13.334V5.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/iframe.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const IFrame = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659V13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325ZM2.66732 8.66658V13.3333H7.33398V8.66658H2.66732ZM2.66732 7.33325H7.33398C8.07036 7.33325 8.66732 7.93021 8.66732 8.66658V13.3333H13.334V2.66659H2.66732V7.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/index.ts

@@ -0,0 +1,44 @@
+export { BlockAlignBottom } from './block_align_bottom';
+export { BlockAlignCenter } from './block_align_center';
+export { BlockAlignLeft } from './block_align_left';
+export { BlockAlignMiddle } from './block_align_middle';
+export { BlockAlignRight } from './block_align_right';
+export { BlockAlignTop } from './block_align_top';
+export { BlockHorizontal } from './block_horizontal';
+export { BlockVertical } from './block_vertical';
+export { EditShape } from './edit_shape';
+export { Elements } from './elements';
+export { ElementsAdd } from './elements_add';
+export { ElementsFilled } from './elements_filled';
+export { ElementsMasonry } from './elements_masonry';
+export { Frame } from './frame';
+export { FrameStack } from './frame_stack';
+export { Grid } from './grid';
+export { GridColumnThree } from './grid_column_three';
+export { GridColumnTwo } from './grid_column_two';
+export { GridDynamic } from './grid_dynamic';
+export { GridFrame } from './grid_frame';
+export { GridRowThree } from './grid_row_three';
+export { GridRowTwo } from './grid_row_two';
+export { GridSix } from './grid_six';
+export { GridSmall } from './grid_small';
+export { IFrame } from './iframe';
+export { Kanban } from './kanban';
+export { Layout } from './layout';
+export { List } from './list';
+export { ListFilled } from './list_filled';
+export { Padding } from './padding';
+export { PageBreak } from './page_break';
+export { RotateLeft } from './rotate_left';
+export { RotateRight } from './rotate_right';
+export { Ruler } from './ruler';
+export { Segment } from './segment';
+export { SelectBoundary } from './select_boundary';
+export { SelectArea } from './select_area';
+export { SidebarLeft } from './sidebar_left';
+export { SidebarRight } from './sidebar_right';
+export { Slides } from './slides';
+export { SlidesHorizontal } from './slides_horizontal';
+export { SlidesVertical } from './slides_vertical';
+export { Stack } from './stack';
+export { Text } from './text';

package/src/icons/layout/kanban.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Kanban = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.33398 13.3333V2.66659C7.33398 1.93021 6.73703 1.33325 6.00065 1.33325H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H6.00065C6.73703 14.6666 7.33398 14.0696 7.33398 13.3333ZM2.66732 2.66659H6.00065V13.3333H2.66732V2.66659ZM14.6673 2.66659V10.6666C14.6673 11.403 14.0704 11.9999 13.334 11.9999H10.0007C9.26427 11.9999 8.66732 11.403 8.66732 10.6666V2.66659C8.66732 1.93021 9.26427 1.33325 10.0007 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659ZM10.0007 2.66659H13.334V10.6666H10.0007V2.66659Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/layout.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Layout = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1206 2H1.87814C1.2087 2 0.666016 2.59695 0.666016 3.33333V12.6667C0.666016 13.403 1.2087 14 1.87814 14H5.33268H6.66602H14.1206C14.79 14 15.3327 13.403 15.3327 12.6667V3.33333C15.3327 2.59695 14.79 2 14.1206 2ZM6.66602 12.6667H13.9993V6.66667H6.66602V12.6667ZM5.33268 6.66667H1.99935V12.6667H5.33268V6.66667ZM13.9993 5.33333H1.99935V3.33333H13.9993V5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/list.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const List = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 5.99992H6.66732V9.99992H14.6673V5.99992ZM13.334 7.33325V8.66658H8.00065V7.33325H13.334ZM5.33398 5.99992H1.33398V9.99992H5.33398V5.99992ZM4.00065 7.33325V8.66658H2.66732V7.33325H4.00065ZM4.00065 2.66659H2.66732V3.99992H4.00065V2.66659ZM4.00065 11.9999H2.66732V13.3333H4.00065V11.9999ZM1.33398 10.6666H5.33398V14.6666H1.33398V10.6666ZM13.334 2.66659H8.00065V3.99992H13.334V2.66659ZM14.6673 1.33325H6.66732V5.33325H14.6673V1.33325ZM13.334 11.9999H8.00065V13.3333H13.334V11.9999ZM6.66732 10.6666H14.6673V14.6666H6.66732V10.6666ZM1.33398 1.33325V5.33325H5.33398V1.33325H1.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/list_filled.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ListFilled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.33398 1.33325H5.33398V5.33325H1.33398V1.33325Z" />
+      <path d="M1.33398 10.6666H5.33398V14.6666H1.33398V10.6666Z" />
+      <path d="M1.33398 5.99992H5.33398V9.99992H1.33398V5.99992Z" />
+      <path d="M6.66732 1.33325H14.6673V5.33325H6.66732V1.33325Z" />
+      <path d="M6.66732 10.6666H14.6673V14.6666H6.66732V10.6666Z" />
+      <path d="M6.66732 5.99992H14.6673V9.99992H6.66732V5.99992Z" />
+    </Icon>
+  );
+};

package/src/icons/layout/padding.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Padding = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.79 14 14.1206 14H1.87814C1.2087 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 3.33333V12.6667H13.9993V3.33333H1.99935ZM3.99935 8.66667H7.33268V10.6667H6.66602V12H9.33268V10.6667H8.66602V8.66667H11.9993V9.33333H13.3327V6.66667H11.9993V7.33333H8.66602V5.33333H9.33268V4H6.66602V5.33333H7.33268V7.33333H3.99935V6.66667H2.66602V9.33333H3.99935V8.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/page_break.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PageBreak = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.0007 1.33325V4.66659C14.0007 5.40297 13.4037 5.99992 12.6673 5.99992H3.33398C2.5976 5.99992 2.00065 5.40297 2.00065 4.66659V1.33325H3.33398V4.66659H12.6673V1.33325H14.0007ZM14.0007 11.3333V14.6666H12.6673V11.3333H3.33398V14.6666H2.00065V11.3333C2.00065 10.5969 2.5976 9.99992 3.33398 9.99992H12.6673C13.4037 9.99992 14.0007 10.5969 14.0007 11.3333ZM2.66732 8.66658V7.33325H1.33398V8.66658H2.66732ZM4.66732 7.33325V8.66658H3.33398V7.33325H4.66732ZM6.66732 8.66658V7.33325H5.33398V8.66658H6.66732ZM8.66732 7.33325V8.66658H7.33398V7.33325H8.66732ZM10.6673 8.66658V7.33325H9.33398V8.66658H10.6673ZM12.6673 7.33325V8.66658H11.334V7.33325H12.6673ZM14.6673 8.66658V7.33325H13.334V8.66658H14.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/rotate_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const RotateLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99914 0.666748C5.99029 0.666748 4.12301 1.4816 2.77029 2.85737L2.66428 1.28847L1.33398 1.37836L1.60121 5.33342H5.33247V4.00008H3.52609C4.64478 2.74888 6.25649 2.00008 7.99914 2.00008C10.1664 2.00008 12.1311 3.15822 13.1968 5.00057L14.351 4.33293C13.0493 2.08268 10.6472 0.666748 7.99914 0.666748ZM13.656 9.33341L7.99913 14.9903L2.34228 9.33341L7.99913 3.67656L13.656 9.33341ZM4.2279 9.33341L7.99913 13.1047L11.7704 9.33341L7.99913 5.56218L4.2279 9.33341Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/rotate_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const RotateRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.0207 1.28847L12.9147 2.85737C11.562 1.4816 9.69469 0.666748 7.68584 0.666748C5.03777 0.666748 2.63568 2.08268 1.33398 4.33293L2.48813 5.00057C3.55387 3.15822 5.5186 2.00008 7.68584 2.00008C9.42848 2.00008 11.0402 2.74888 12.1589 4.00008H10.3525V5.33342H14.0838L14.351 1.37836L13.0207 1.28847ZM2.02899 9.33341L7.68584 3.67656L13.3427 9.33341L7.68584 14.9903L2.02899 9.33341ZM11.4571 9.33341L7.68584 5.56218L3.9146 9.33341L7.68584 13.1047L11.4571 9.33341Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/ruler.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Ruler = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3327 10.6667V5.33333C15.3327 4.59695 14.7357 4 13.9993 4H1.99935C1.26297 4 0.666016 4.59695 0.666016 5.33333V10.6667C0.666016 11.403 1.26297 12 1.99935 12H13.9993C14.7357 12 15.3327 11.403 15.3327 10.6667ZM1.99935 5.33333L3.33268 5.33333V7.33333H4.66602V5.33333H5.99935V8.66667H7.33268V5.33333H8.66602V7.33333H9.99935V5.33333H11.3327V8.66667H12.666V5.33333L13.9993 5.33333V10.6667H1.99935V5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/segment.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Segment = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.3553 9.70246L9.7032 5.35456C9.4686 4.95755 9.33398 4.49446 9.33398 3.99992C9.33398 2.52716 10.5279 1.33325 12.0007 1.33325C13.4734 1.33325 14.6673 2.52716 14.6673 3.99992C14.6673 5.47268 13.4734 6.66658 12.0007 6.66658C11.5061 6.66658 11.043 6.53197 10.646 6.29737L6.2981 10.6453C6.5327 11.0423 6.66732 11.5054 6.66732 11.9999C6.66732 13.4727 5.47341 14.6666 4.00065 14.6666C2.52789 14.6666 1.33398 13.4727 1.33398 11.9999C1.33398 10.5272 2.52789 9.33325 4.00065 9.33325C4.49519 9.33325 4.95829 9.46787 5.3553 9.70246ZM4.00065 13.3333C4.73703 13.3333 5.33398 12.7363 5.33398 11.9999C5.33398 11.2635 4.73703 10.6666 4.00065 10.6666C3.26427 10.6666 2.66732 11.2635 2.66732 11.9999C2.66732 12.7363 3.26427 13.3333 4.00065 13.3333ZM13.334 3.99992C13.334 4.7363 12.737 5.33325 12.0007 5.33325C11.2643 5.33325 10.6673 4.7363 10.6673 3.99992C10.6673 3.26354 11.2643 2.66659 12.0007 2.66659C12.737 2.66659 13.334 3.26354 13.334 3.99992Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/select_area.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SelectArea = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 2V4H2V5.33333H4V7.33333H5.33333V5.33333H7.33333V4H5.33333V2H4ZM8.66667 4V5.33333H12.6667V12.6667H5.33333V8.66667H4V12.6667C4 13.403 4.59695 14 5.33333 14H12.6667C13.403 14 14 13.403 14 12.6667V5.33333C14 4.59695 13.403 4 12.6667 4H8.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/select_boundary.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SelectBoundary = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.33398 1.33325V2.66659H7.33398V1.33325H5.33398ZM8.66732 1.33325V2.66659H10.6673V1.33325H8.66732ZM5.33398 14.6666V13.3333H7.33398V14.6666H5.33398ZM8.66732 13.3333V14.6666H10.6673V13.3333H8.66732ZM1.33398 10.6666V8.66659H2.66732V10.6666H1.33398ZM1.33398 5.33325V7.33325H2.66732V5.33325H1.33398ZM13.334 10.6666V8.66659H14.6673V10.6666H13.334ZM13.334 5.33325V7.33325H14.6673V5.33325H13.334ZM1.33398 3.99992V1.33325H4.00065V2.66659H2.66732V3.99992H1.33398ZM13.334 3.99992H14.6673V1.33325H12.0007V2.66659H13.334V3.99992ZM1.33398 11.9999H2.66732V13.3333H4.00065V14.6666H1.33398V11.9999ZM12.0007 13.3333V14.6666H14.6673V11.9999H13.334V13.3333H12.0007Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/sidebar_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SidebarLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.79 14 14.1206 14H1.87814C1.2087 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 3.33333V12.6667H5.33268V3.33333H1.99935ZM6.66602 3.33333V12.6667H13.9993V3.33333H6.66602Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/sidebar_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SidebarRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.79 14 14.1206 14H1.87814C1.2087 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 3.33333V12.6667H9.33268V3.33333H1.99935ZM10.666 3.33333V12.6667H13.9993V3.33333H10.666Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/slides.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Slides = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.3333 2.00008V0.666748H2.66667V2.00008H13.3333ZM12.6667 3.33341H3.33333C2.59695 3.33341 2 3.93037 2 4.66675V11.3334C2 12.0698 2.59695 12.6667 3.33333 12.6667H12.6667C13.403 12.6667 14 12.0698 14 11.3334V4.66675C14 3.93037 13.403 3.33341 12.6667 3.33341ZM3.33333 11.3334V4.66675H12.6667V11.3334H3.33333ZM13.3333 14.0001V15.3334H2.66667V14.0001H13.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/slides_horizontal.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SlidesHorizontal = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33325H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V7.99992C1.33398 8.7363 1.93094 9.33325 2.66732 9.33325H13.334C14.0704 9.33325 14.6673 8.7363 14.6673 7.99992V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325ZM2.66732 7.99992V2.66659H13.334V7.99992H2.66732ZM14.6673 10.6666V11.9999H1.33398V10.6666H14.6673ZM14.6673 14.6666V13.3333H1.33398V14.6666H14.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/slides_vertical.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SlidesVertical = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3333 13.3333V2.66659C15.3333 1.93021 14.7364 1.33325 14 1.33325L8.66667 1.33325C7.93029 1.33325 7.33333 1.93021 7.33333 2.66659L7.33333 13.3333C7.33333 14.0696 7.93029 14.6666 8.66667 14.6666H14C14.7364 14.6666 15.3333 14.0696 15.3333 13.3333ZM8.66667 2.66659L14 2.66659V13.3333H8.66667L8.66667 2.66659Z"
+      />
+      <path d="M0.654297 9.99992H5.98763V8.66658H0.654297V9.99992Z" />
+      <path d="M0.654297 12.6666H5.98763V11.3333H0.654297V12.6666Z" />
+      <path d="M0.654297 7.33325H5.98763V5.99992H0.654297V7.33325Z" />
+      <path d="M0.654297 3.33325V4.66658H5.98763V3.33325H0.654297Z" />
+      <path d="M0.654297 3.33325V4.66658H5.98763V3.33325H0.654297Z" />
+    </Icon>
+  );
+};

package/src/icons/layout/stack.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Stack = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.79 14 14.1206 14H1.87814C1.2087 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 3.33333V12.6667H13.9993V3.33333H1.99935ZM7.33268 10.6667C7.33268 11.0349 7.63116 11.3333 7.99935 11.3333C8.36754 11.3333 8.66602 11.0349 8.66602 10.6667C8.66602 10.2985 8.36754 10 7.99935 10C7.63116 10 7.33268 10.2985 7.33268 10.6667ZM7.99935 8.66667C7.63116 8.66667 7.33268 8.36819 7.33268 8C7.33268 7.63181 7.63116 7.33333 7.99935 7.33333C8.36754 7.33333 8.66602 7.63181 8.66602 8C8.66602 8.36819 8.36754 8.66667 7.99935 8.66667ZM7.33268 5.33333C7.33268 5.70152 7.63116 6 7.99935 6C8.36754 6 8.66602 5.70152 8.66602 5.33333C8.66602 4.96514 8.36754 4.66667 7.99935 4.66667C7.63116 4.66667 7.33268 4.96514 7.33268 5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/text.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Text = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659V13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325ZM2.66732 2.66659V13.3333H13.334V2.66659H2.66732ZM8.66732 5.99992V9.99992H9.33398V11.3333H6.66732V9.99992H7.33398V5.99992H6.00065V6.66659H4.66732V4.66659H11.334V6.66659H10.0007V5.99992H8.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/atlas.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Atlas = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99921 2C10.5765 2 12.6659 4.08934 12.6659 6.66667C12.6659 9.244 10.5765 11.3333 7.99921 11.3333C5.42188 11.3333 3.33254 9.244 3.33254 6.66667C3.33254 4.08934 5.42188 2 7.99921 2ZM8.66588 13.3004V14H9.99921V15.3333H5.99921V14H7.33254V13.3003C5.80799 13.1485 4.3974 12.4795 3.31445 11.4098L4.25144 10.4612C5.2436 11.4412 6.57641 12 7.99921 12C10.9447 12 13.3325 9.61219 13.3325 6.66667C13.3325 5.26647 12.7915 3.95315 11.8391 2.96532L12.7989 2.03986C13.9886 3.27377 14.6659 4.91777 14.6659 6.66667C14.6659 10.1236 12.0348 12.9659 8.66588 13.3004ZM4.66588 6.66667C4.66588 4.82572 6.15826 3.33333 7.99921 3.33333C9.84016 3.33333 11.3325 4.82572 11.3325 6.66667C11.3325 8.50762 9.84016 10 7.99921 10C6.15826 10 4.66588 8.50762 4.66588 6.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/compass.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Compass = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM9.85973 9.86034L11.7201 4.2792L6.13897 6.13958L4.27859 11.7207L9.85973 9.86034ZM8.80564 8.80625L6.38678 9.61253L7.19306 7.19367L9.61192 6.38739L8.80564 8.80625Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/direction.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Direction = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00049 0.915771L2.0957 15.256L8.00049 12.7253L13.9053 15.256L8.00049 0.915771ZM11.429 12.7441L8.00049 11.2747L4.57195 12.7441L8.00049 4.41763L11.429 12.7441Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/direction_angled.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const DirectionAngled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.9993 2L0.666016 7.71429L6.15621 9.84314L8.28506 15.3333L13.9993 2ZM8.3468 11.8045L7.1867 8.81265L4.19485 7.65255L11.4608 4.53859L8.3468 11.8045Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/globe.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Globe = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 0.666687C12.0494 0.666687 15.3327 3.94993 15.3327 8.00002C15.3327 12.0501 12.0494 15.3334 7.99935 15.3334C3.94926 15.3334 0.666016 12.0501 0.666016 8.00002C0.666016 3.94993 3.94926 0.666687 7.99935 0.666687ZM13.9468 8.79763C13.24 9.16526 12.3092 9.47266 11.2522 9.68461C11.1019 11.2193 10.7465 12.574 10.2296 13.5718C12.2024 12.7814 13.6578 10.9737 13.9468 8.79763ZM9.99021 8.53636C9.99624 8.3598 9.99935 8.18092 9.99935 8.00002C9.99935 4.65602 8.93695 2.00002 7.99935 2.00002C7.06175 2.00002 5.99935 4.65602 5.99935 8.00002C5.99935 8.19133 6.00283 8.38039 6.00956 8.56684C6.63495 8.63221 7.3032 8.66669 7.99935 8.66669C8.68471 8.66669 9.35718 8.61835 9.99021 8.53636ZM11.3302 8.30277C11.3318 8.20233 11.3327 8.1014 11.3327 8.00002C11.3327 5.78159 10.929 3.77822 10.2296 2.42822C12.2138 3.22316 13.6745 5.0472 13.9517 7.24011C13.638 7.59223 12.6485 8.01051 11.3302 8.30277ZM6.11862 9.91824C6.71669 9.97212 7.3466 10 7.99935 10C8.64156 10 9.27432 9.96362 9.88287 9.89611C9.58216 12.2945 8.75068 14 7.99935 14C7.25033 14 6.42166 12.305 6.11862 9.91824ZM4.66972 8.36683C4.28708 8.2905 3.93047 8.20061 3.60485 8.09836C2.77789 7.83867 2.23748 7.52038 2.04312 7.27162C2.3102 5.06468 3.77543 3.22697 5.76905 2.42822C5.06972 3.77822 4.66602 5.78159 4.66602 8.00002C4.66602 8.12298 4.66726 8.24527 4.66972 8.36683ZM4.75211 9.74057C4.90546 11.2522 5.25846 12.5862 5.76905 13.5718C3.83053 12.7952 2.3916 11.0361 2.06799 8.91054C2.76364 9.27287 3.68157 9.55449 4.75211 9.74057Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/globe_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GlobeSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.36384 3.30732L0.861278 1.80476L1.80409 0.861949L15.1374 14.1953L14.1946 15.1381L12.6921 13.6355C11.4204 14.6956 9.78435 15.3334 7.99935 15.3334C3.94926 15.3334 0.666016 12.0501 0.666016 8.00002C0.666016 6.21502 1.30376 4.57898 2.36384 3.30732ZM11.7445 12.688L10.88 11.8235C10.7075 12.4812 10.4889 13.0714 10.2296 13.5718C10.7795 13.3515 11.2891 13.0522 11.7445 12.688ZM9.02574 9.96922L9.75774 10.7012C9.39033 12.6672 8.66352 14 7.99935 14C7.25033 14 6.42166 12.305 6.11862 9.91824C6.71669 9.97212 7.3466 10 7.99935 10C8.34498 10 8.68788 9.98948 9.02574 9.96922ZM7.72136 8.66484L6.03281 6.97629C6.01095 7.30852 5.99935 7.65051 5.99935 8.00002C5.99935 8.19133 6.00283 8.38039 6.00956 8.56684C6.55125 8.62346 7.12509 8.65691 7.72136 8.66484ZM4.81155 5.75503C4.7161 6.46391 4.66602 7.21862 4.66602 8.00002C4.66602 8.12298 4.66726 8.24527 4.66972 8.36683C4.28708 8.2905 3.93047 8.20061 3.60485 8.09836C2.77789 7.83867 2.23748 7.52038 2.04312 7.27162C2.18025 6.1385 2.63323 5.1027 3.31142 4.2549L4.81155 5.75503ZM5.76905 2.42822C5.65104 2.65603 5.54145 2.90243 5.4408 3.16533L6.49552 4.22005C6.89115 2.86113 7.46548 2.00002 7.99935 2.00002C8.91076 2.00002 9.94009 4.50969 9.99689 7.72142L11.8314 9.5559C12.6495 9.35557 13.3722 9.0965 13.9468 8.79764C13.844 9.57134 13.5938 10.2985 13.2253 10.9499L14.1971 11.9217C14.9163 10.7875 15.3327 9.44237 15.3327 8.00002C15.3327 3.94993 12.0494 0.666687 7.99935 0.666687C6.557 0.666687 5.2119 1.08309 4.07772 1.80225L5.0495 2.77403C5.28027 2.64348 5.52056 2.52778 5.76905 2.42822ZM11.3302 8.30277C11.3318 8.20233 11.3327 8.1014 11.3327 8.00002C11.3327 5.78159 10.929 3.77822 10.2296 2.42822C12.2138 3.22316 13.6745 5.0472 13.9517 7.24011C13.638 7.59223 12.6485 8.01051 11.3302 8.30277ZM4.75211 9.74057C4.90546 11.2522 5.25846 12.5862 5.76905 13.5718C3.83053 12.7952 2.3916 11.0361 2.06799 8.91054C2.76364 9.27287 3.68157 9.55449 4.75211 9.74057Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/index.ts

@@ -0,0 +1,22 @@
+export { Atlas } from './atlas';
+export { Compass } from './compass';
+export { Direction } from './direction';
+export { DirectionAngled } from './direction_angled';
+export { Globe } from './globe';
+export { GlobeSlash } from './globe_slash';
+export { Location } from './location';
+export { LocationSlash } from './location_slash';
+export { Map } from './map';
+export { Marker } from './marker';
+export { Panorama } from './panorama';
+export { Pin } from './pin';
+export { PinArrow } from './pin_arrow';
+export { PinLocation } from './pin_location';
+export { PinPlus } from './pin_plus';
+export { PinQuestion } from './pin_question';
+export { PinSlash } from './pin_slash';
+export { PushPin } from './push_pin';
+export { PushPinFilled } from './push_pin_filled';
+export { PushPinSlash } from './push_pin_slash';
+export { Radar } from './radar';
+export { Route } from './route';

package/src/icons/maps/location.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Location = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 8.66663H2.03597C2.3434 11.4477 4.5516 13.6559 7.33268 13.9633V15.3333H8.66602V13.9633C11.4471 13.6559 13.6553 11.4477 13.9627 8.66663H15.3327V7.33329H13.9627C13.6553 4.55222 11.4471 2.34401 8.66602 2.03658V0.666626H7.33268V2.03658C4.5516 2.34401 2.3434 4.55222 2.03597 7.33329H0.666016V8.66663ZM3.33268 7.99996C3.33268 5.42263 5.42202 3.33329 7.99935 3.33329C10.5767 3.33329 12.666 5.42263 12.666 7.99996C12.666 10.5773 10.5767 12.6666 7.99935 12.6666C5.42202 12.6666 3.33268 10.5773 3.33268 7.99996ZM7.99935 5.33329C9.47211 5.33329 10.666 6.5272 10.666 7.99996C10.666 9.47272 9.47211 10.6666 7.99935 10.6666C6.52659 10.6666 5.33268 9.47272 5.33268 7.99996C5.33268 6.5272 6.52659 5.33329 7.99935 5.33329ZM6.66602 7.99996C6.66602 7.26358 7.26297 6.66663 7.99935 6.66663C8.73573 6.66663 9.33268 7.26358 9.33268 7.99996C9.33268 8.73634 8.73573 9.33329 7.99935 9.33329C7.26297 9.33329 6.66602 8.73634 6.66602 7.99996Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/location_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LocationSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.391 9.58212L13.4085 10.5996C13.6955 10.0034 13.8869 9.35242 13.9627 8.66663H15.3327V7.33329H13.9627C13.6553 4.55222 11.4471 2.34401 8.66602 2.03658V0.666626H7.33268V2.03658C6.64689 2.11239 5.99593 2.30378 5.39971 2.59085L6.41719 3.60833C6.91124 3.43031 7.44396 3.33329 7.99935 3.33329C10.5767 3.33329 12.666 5.42263 12.666 7.99996C12.666 8.55535 12.569 9.08807 12.391 9.58212ZM8.66602 13.9633C9.82325 13.8354 10.8813 13.3784 11.7445 12.6879L14.1946 15.138L15.1374 14.1952L1.80409 0.861888L0.861278 1.8047L3.31142 4.25484C2.62093 5.11801 2.16389 6.17606 2.03597 7.33329H0.666016V8.66663H2.03597C2.3434 11.4477 4.5516 13.6559 7.33268 13.9633V15.3333H8.66602V13.9633ZM3.33268 7.99996C3.33268 6.95174 3.67828 5.98423 4.26176 5.20518L5.7019 6.64531C5.4673 7.04232 5.33268 7.50542 5.33268 7.99996C5.33268 9.47272 6.52659 10.6666 7.99935 10.6666C8.49389 10.6666 8.95699 10.532 9.35399 10.2974L10.7941 11.7375C10.0151 12.321 9.04757 12.6666 7.99935 12.6666C5.42202 12.6666 3.33268 10.5773 3.33268 7.99996ZM6.71118 7.6546C6.68172 7.76475 6.66602 7.88052 6.66602 7.99996C6.66602 8.73634 7.26297 9.33329 7.99935 9.33329C8.11879 9.33329 8.23456 9.31759 8.34471 9.28813L6.71118 7.6546Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/map.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Map = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 13.1472L6.07261 14.7267L10.7186 12.0719L14.6673 13.6514V2.88199L10.616 1.26147L5.92869 3.93996L1.33398 2.40839V13.1472ZM9.33398 11.3274L6.66732 12.8512V5.05356L9.33398 3.52975V11.3274ZM10.6673 10.6153L13.334 11.682V3.7847L10.7186 2.73854L10.6673 2.76784V10.6153ZM2.66732 12.1862L5.33398 13.0751V5.14718L2.66732 4.25829V12.1862Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/marker.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Marker = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66732 7.93336V12.6667H7.33398V7.93336C5.81249 7.62452 4.66732 6.27935 4.66732 4.66671C4.66732 2.82576 6.1597 1.33337 8.00065 1.33337C9.8416 1.33337 11.334 2.82576 11.334 4.66671C11.334 6.27935 10.1888 7.62452 8.66732 7.93336ZM6.00065 9.43824V10.7896C4.04544 11.0337 2.66732 11.5912 2.66732 12C2.66732 12.538 5.05341 13.3334 8.00065 13.3334C10.9479 13.3334 13.334 12.538 13.334 12C13.334 11.5912 11.9559 11.0337 10.0007 10.7896V9.43824C12.7046 9.73452 14.6673 10.6452 14.6673 12C14.6673 13.6712 11.6808 14.6667 8.00065 14.6667C4.32047 14.6667 1.33398 13.6712 1.33398 12C1.33398 10.6452 3.29673 9.73452 6.00065 9.43824ZM10.0007 4.66671C10.0007 5.77128 9.10522 6.66671 8.00065 6.66671C6.89608 6.66671 6.00065 5.77128 6.00065 4.66671C6.00065 3.56214 6.89608 2.66671 8.00065 2.66671C9.10522 2.66671 10.0007 3.56214 10.0007 4.66671Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/maps/panorama.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Panorama = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 6.3518C3.20642 6.63194 3.88691 6.85654 4.66732 7.01981L4.66732 8.98019V10.3547L4.66732 12.312C3.44778 12.0329 2.66732 11.641 2.66732 11.3333V6.3518ZM6.00065 12.5438L6.00065 12.6667L6.00065 13.8951C3.29673 13.5989 1.33398 12.6881 1.33398 11.3333V4.66667C1.33398 2.9955 4.32047 2 8.00065 2C11.6808 2 14.6673 2.9955 14.6673 4.66667V11.3317V11.3333C14.6673 12.6881 12.7046 13.5989 10.0007 13.8951V12.6667V12.5438V10.1229C9.38314 10.0458 8.70806 10 8.00065 10C7.29324 10 6.61817 10.0458 6.00065 10.1229L6.00065 12.5438ZM13.334 11.3333C13.334 11.641 12.5535 12.0329 11.334 12.312L11.334 10.3547V8.98019L11.334 7.01981C12.1144 6.85654 12.7949 6.63194 13.334 6.3518V11.3333ZM10.0007 8.77153V5.87709C11.9559 5.63302 13.334 5.07551 13.334 4.66667C13.334 4.1287 10.9479 3.33333 8.00065 3.33333C5.05341 3.33333 2.66732 4.1287 2.66732 4.66667C2.66732 5.07551 4.04544 5.63302 6.00065 5.87709V8.77153C6.63208 8.70235 7.30394 8.66667 8.00065 8.66667C8.69736 8.66667 9.36922 8.70235 10.0007 8.77153Z"
+      />
+    </Icon>
+  );
+};