@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/arrow/arrow_right_curved_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowRightCurvedCircle = (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 14ZM8.19461 4.47136L9.72321 5.99996H6.66602C5.19326 5.99996 3.99935 7.19387 3.99935 8.66663C3.99935 10.1394 5.19326 11.3333 6.66602 11.3333V9.99996C5.92964 9.99996 5.33268 9.40301 5.33268 8.66663C5.33268 7.93025 5.92964 7.33329 6.66602 7.33329H9.72321L8.19461 8.86189L9.13742 9.8047L12.2755 6.66663L9.13742 3.52855L8.19461 4.47136Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_up.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowUp = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66672 3.60947V14.6667H7.33338V3.60947L3.13812 7.80474L2.19531 6.86193L8.00005 1.05719L13.8048 6.86193L12.862 7.80474L8.66672 3.60947Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_up_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowUpBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.86328 8H5.45259L6.78592 14.6667H9.21233L10.5457 8H14.135L7.99913 0.98761L1.86328 8ZM7.99913 3.0124L11.1966 6.66667H9.45259L8.11926 13.3333H7.879L6.54566 6.66667H4.80164L7.99913 3.0124Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_up_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowUpCircle = (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 14ZM8.66602 11.3333V6.94277L10.1946 8.47136L11.1374 7.52855L7.99935 4.39048L4.86128 7.52855L5.80409 8.47136L7.33268 6.94277V11.3333H8.66602Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDown = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.862 4.86194L13.8048 5.80475L8.00005 11.6095L2.19531 5.80475L3.13812 4.86194L8.00005 9.72387L12.862 4.86194Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDownCircle = (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 14ZM11.1374 7.13803L10.1946 6.19522L7.99935 8.39048L5.80409 6.19522L4.86128 7.13803L7.99935 10.2761L11.1374 7.13803Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDownDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.5293 3.52856L8.0007 7.05716L4.47211 3.52856L3.5293 4.47137L8.0007 8.94278L12.4721 4.47137L11.5293 3.52856ZM12.4721 7.80471L11.5293 6.8619L8.0007 10.3905L4.47211 6.8619L3.5293 7.80471L8.0007 12.2761L12.4721 7.80471Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down_double_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDownDoubleCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM10.1946 7.52856L11.1374 8.47136L7.99935 11.6094L4.86128 8.47136L5.80409 7.52856L7.99935 9.72382L10.1946 7.52856ZM10.1946 4.86189L7.99935 7.05715L5.80409 4.86189L4.86128 5.8047L7.99935 8.94277L11.1374 5.8047L10.1946 4.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.27624 7.99993L11.1382 12.8619L10.1954 13.8047L4.39062 7.99993L10.1954 2.19519L11.1382 3.138L6.27624 7.99993Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeftCircle = (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 14ZM8.19461 11.138L9.13742 10.1952L6.94216 7.99996L9.13742 5.8047L8.19461 4.86189L5.05654 7.99996L8.19461 11.138Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeftDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.52805 12.4714L8.47085 11.5286L4.94226 7.99997L8.47085 4.47137L7.52805 3.52856L3.05664 7.99997L7.52805 12.4714ZM11.8042 11.5286L8.27559 7.99997L11.8042 4.47137L10.8614 3.52856L6.38997 7.99997L10.8614 12.4714L11.8042 11.5286Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left_double_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeftDoubleCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM7.52794 11.138L4.38987 7.99996L7.52794 4.86189L8.47075 5.8047L6.27549 7.99996L8.47075 10.1952L7.52794 11.138ZM10.1946 11.138L11.1374 10.1952L8.94216 7.99996L11.1374 5.8047L10.1946 4.86189L7.05654 7.99996L10.1946 11.138Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.72326 7.99993L4.86133 3.138L5.80414 2.19519L11.6089 7.99993L5.80414 13.8047L4.86133 12.8619L9.72326 7.99993Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_right_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronRightCircle = (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 14ZM7.13742 4.86189L6.19461 5.8047L8.38987 7.99996L6.19461 10.1952L7.13742 11.138L10.2755 7.99996L7.13742 4.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_right_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronRightDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.13812 3.52856L4.19531 4.47137L7.72391 7.99997L4.19531 11.5286L5.13812 12.4714L9.60953 7.99997L5.13812 3.52856ZM8.47145 3.52856L7.52865 4.47137L11.0572 7.99997L7.52865 11.5286L8.47145 12.4714L12.9429 7.99997L8.47145 3.52856Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_right_double_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronRightDoubleCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM8.47075 4.86189L11.6088 7.99996L8.47075 11.138L7.52795 10.1952L9.72321 7.99996L7.52795 5.8047L8.47075 4.86189ZM5.80409 4.86189L4.86128 5.8047L7.05654 7.99996L4.86128 10.1952L5.80409 11.138L8.94216 7.99996L5.80409 4.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_scroll.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronScroll = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.33398 13.9333L5.33398 10.9333L6.30065 9.96667L8.33398 12L10.3673 9.96667L11.334 10.9333L8.33398 13.9333ZM6.30065 5.96667L5.33398 5L8.33398 2L11.334 5L10.3673 5.96667L8.33398 3.93333L6.30065 5.96667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_up.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronUp = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00005 6.27612L3.13812 11.1381L2.19531 10.1952L8.00005 4.3905L13.8048 10.1952L12.862 11.1381L8.00005 6.27612Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_up_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronUpCircle = (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 14ZM4.86128 8.86189L5.80409 9.8047L7.99935 7.60944L10.1946 9.8047L11.1374 8.86189L7.99935 5.72382L4.86128 8.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_up_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronUpDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.5293 7.52866L4.47211 8.47147L8.0007 4.94287L11.5293 8.47147L12.4721 7.52866L8.0007 3.05725L3.5293 7.52866ZM4.47211 11.8048L8.0007 8.2762L11.5293 11.8048L12.4721 10.862L8.0007 6.39058L3.5293 10.862L4.47211 11.8048Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_up_double_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronUpDoubleCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM5.80409 11.138L4.86128 10.1952L7.99935 7.05715L11.1374 10.1952L10.1946 11.138L7.99935 8.94277L5.80409 11.138ZM4.86128 7.52855L5.80409 8.47136L7.99935 6.2761L10.1946 8.47136L11.1374 7.52855L7.99935 4.39048L4.86128 7.52855Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/forward_all.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ForwardAll = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.19591 3.80475L9.05784 6.66668H8.66732C3.42136 6.66668 1.33398 8.83754 1.33398 14H2.66732C2.66732 9.56248 4.16969 8.00001 8.66732 8.00001H9.05784L6.19591 10.8619L7.13872 11.8047L11.6101 7.33334L7.13872 2.86194L6.19591 3.80475ZM9.52925 3.80475L13.0578 7.33334L9.52925 10.8619L10.4721 11.8047L14.9435 7.33334L10.4721 2.86194L9.52925 3.80475Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/forward_all_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ForwardAllBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 2.3905L12.2768 7.99998L6.66732 13.6095V10.5558C5.30436 10.4059 3.91819 11.0253 2.47206 12.4714L1.33398 13.6095V12C1.33398 7.90044 3.15993 5.60857 6.66732 5.3566V2.3905ZM8.00065 5.60945V6.66665H7.33398C4.65262 6.66665 3.16762 7.87331 2.77425 10.455C4.31654 9.3345 5.89882 8.954 7.49567 9.35322L8.00065 9.47946V10.3905L10.3912 7.99998L8.00065 5.60945ZM9.33398 2.3905V4.3905L12.9435 7.99998L9.33398 11.6095V13.6095L14.9435 7.99998L9.33398 2.3905Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/forward_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ForwardBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.38828 1V4.8617C2.54994 5.08954 0 7.60381 0 12.233V14.0167L1.26126 12.7554C2.92127 11.0954 4.94291 10.3999 7.38828 10.6606V14.6L15.1597 7.8L7.38828 1ZM8.86559 6.32239V4.25646L12.9154 7.80005L8.86559 11.3436V9.39065L8.24823 9.28775C5.72544 8.86729 3.50497 9.28842 1.626 10.5459C2.17885 7.68998 4.28439 6.32239 8.12676 6.32239H8.86559Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/index.ts

@@ -0,0 +1,62 @@
+export { ArrowAll } from './arrow_all';
+export { ArrowAllDiagonal } from './arrow_all_diagonal';
+export { ArrowBothDownwards } from './arrow_both_downwards';
+export { ArrowBothUpwards } from './arrow_both_upwards';
+export { ArrowCircleLeft } from './arrow_circle_left';
+export { ArrowCircleLeftDouble } from './arrow_circle_left_double';
+export { ArrowCircleLeftDoubleAlert } from './arrow_circle_left_double_alert';
+export { ArrowCircleRight } from './arrow_circle_right';
+export { ArrowCircleRightDouble } from './arrow_circle_right_double';
+export { ArrowCircleRightDoubleAlert } from './arrow_circle_right_double_alert';
+export { ArrowDiagonalDownLeft } from './arrow_diagonal_down_left';
+export { ArrowDiagonalDownLeftCircle } from './arrow_diagonal_down_left_circle';
+export { ArrowDiagonalDownRight } from './arrow_diagonal_down_right';
+export { ArrowDiagonalDownRightCircle } from './arrow_diagonal_down_right_circle';
+export { ArrowDiagonalUpLeft } from './arrow_diagonal_up_left';
+export { ArrowDiagonalUpLeftCircle } from './arrow_diagonal_up_left_circle';
+export { ArrowDiagonalUpRight } from './arrow_diagonal_up_right';
+export { ArrowDiagonalUpRightCircle } from './arrow_diagonal_up_right_circle';
+export { ArrowDown } from './arrow_down';
+export { ArrowDownBold } from './arrow_down_bold';
+export { ArrowDownCircle } from './arrow_down_circle';
+export { ArrowLeft } from './arrow_left';
+export { ArrowLeftBold } from './arrow_left_bold';
+export { ArrowLeftCircle } from './arrow_left_circle';
+export { ArrowLeftCurved } from './arrow_left_curved';
+export { ArrowLeftCurvedCircle } from './arrow_left_curved_circle';
+export { ArrowRight } from './arrow_right';
+export { ArrowRightBold } from './arrow_right_bold';
+export { ArrowRightCircle } from './arrow_right_circle';
+export { ArrowRightCurved } from './arrow_right_curved';
+export { ArrowRightCurvedCircle } from './arrow_right_curved_circle';
+export { ArrowUp } from './arrow_up';
+export { ArrowUpBold } from './arrow_up_bold';
+export { ArrowUpCircle } from './arrow_up_circle';
+export { ChevronDown } from './chevron_down';
+export { ChevronDownCircle } from './chevron_down_circle';
+export { ChevronDownDouble } from './chevron_down_double';
+export { ChevronDownDoubleCircle } from './chevron_down_double_circle';
+export { ChevronLeft } from './chevron_left';
+export { ChevronLeftCircle } from './chevron_left_circle';
+export { ChevronLeftDouble } from './chevron_left_double';
+export { ChevronLeftDoubleCircle } from './chevron_left_double_circle';
+export { ChevronRight } from './chevron_right';
+export { ChevronRightCircle } from './chevron_right_circle';
+export { ChevronRightDouble } from './chevron_right_double';
+export { ChevronRightDoubleCircle } from './chevron_right_double_circle';
+export { ChevronScroll } from './chevron_scroll';
+export { ChevronUp } from './chevron_up';
+export { ChevronUpCircle } from './chevron_up_circle';
+export { ChevronUpDouble } from './chevron_up_double';
+export { ChevronUpDoubleCircle } from './chevron_up_double_circle';
+export { ForwardAll } from './forward_all';
+export { ForwardAllBold } from './forward_all_bold';
+export { ForwardBold } from './forward_bold';
+export { Redo } from './redo';
+export { RedoBold } from './redo_bold';
+export { Reply } from './reply';
+export { ReplyAll } from './reply_all';
+export { ReplyAllBold } from './reply_all_bold';
+export { ReplyBold } from './reply_bold';
+export { Undo } from './undo';
+export { UndoBold } from './undo_bold';

package/src/icons/arrow/redo.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Redo = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 7.57718V4H14.6673V10H8.66732V8.66667H12.4884C12.1203 8.18829 11.583 7.48264 11.3012 7.17327C10.2222 5.98898 9.06142 5.33333 7.66732 5.33333C4.26386 5.33333 2.66732 7.59812 2.66732 10.6667H1.33398C1.33398 6.94148 3.40755 4 7.66732 4C9.493 4 10.978 4.83879 12.2868 6.27529C12.5668 6.58268 13.0012 7.14129 13.334 7.57718Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/redo_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const RedoBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14 12.6667V3.72388L11.3313 6.39257C11.0036 6.07236 10.8059 5.89473 10.5646 5.70166C9.64976 4.96978 8.74047 4.66669 7.33333 4.66669C4.74233 4.66669 2 6.78576 2 9.33335V10.9428L3.13807 9.80476C3.16557 9.77726 3.22971 9.71837 3.32609 9.63862C3.49207 9.50125 3.68205 9.36308 3.89107 9.23446C4.47162 8.87719 5.07683 8.66669 5.66667 8.66669C6.70717 8.66669 7.22384 8.96538 7.82621 9.89767L5.05719 12.6667H14ZM10.8619 7.80476L11.3333 8.27616L12.6667 6.94283V11.3334H8.27614L9.49813 10.1114L9.2455 9.66926C8.30272 8.0194 7.41135 7.33335 5.66667 7.33335C5.07162 7.33335 4.49357 7.46925 3.93975 7.70794C4.69773 6.71743 6.05175 6.00002 7.33333 6.00002C8.44471 6.00002 9.05923 6.20486 9.73168 6.74282C10.0177 6.97161 10.251 7.19382 10.8619 7.80476Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/reply.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Reply = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.60893 6.66668H10.6661C12.8753 6.66668 14.6661 8.45754 14.6661 10.6667C14.6661 12.8758 12.8753 14.6667 10.6661 14.6667H8.99945V13.3333H10.6661C12.1389 13.3333 13.3328 12.1394 13.3328 10.6667C13.3328 9.19392 12.1389 8.00001 10.6661 8.00001H3.60893L6.47085 10.8619L5.52805 11.8047L1.05664 7.33334L5.52805 2.86194L6.47085 3.80475L3.60893 6.66668Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/reply_all.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ReplyAll = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.52805 11.8047L6.47085 10.8619L2.94226 7.33334L6.47085 3.80475L5.52805 2.86194L1.05664 7.33334L5.52805 11.8047ZM9.80419 10.8619L6.94226 8.00001H7.33278C11.8304 8.00001 13.3328 9.56248 13.3328 14H14.6661C14.6661 8.83754 12.5787 6.66668 7.33278 6.66668H6.94226L9.80419 3.80475L8.86138 2.86194L4.38997 7.33334L8.86138 11.8047L9.80419 10.8619Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/reply_all_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ReplyAllBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.05664 7.99998L6.66612 4.3905V2.3905L1.05664 7.99998L6.66612 13.6095V11.6095L3.05664 7.99998ZM9.33278 10.5558V13.6095L3.72331 7.99998L9.33278 2.3905V5.3566C12.8402 5.60857 14.6661 7.90044 14.6661 12V13.6095L13.528 12.4714C12.0819 11.0253 10.6957 10.4059 9.33278 10.5558ZM7.99945 5.60945L5.60893 7.99998L7.99945 10.3905V9.47946L8.50443 9.35322C10.1013 8.954 11.6836 9.3345 13.2258 10.455C12.8325 7.87331 11.3475 6.66665 8.66612 6.66665H7.99945V5.60945Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/reply_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ReplyBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.988281 7.99998L8.00068 14.1358V10.5812C10.2072 10.3459 12.0314 10.9735 13.5293 12.4714L14.6673 13.6095V12C14.6673 7.82295 12.3665 5.55425 8.00068 5.34866V1.86414L0.988281 7.99998ZM3.01307 7.99998L6.66734 4.80249V6.66665H7.33401C10.8011 6.66665 12.701 7.90066 13.1998 10.4777C11.5044 9.34298 9.5008 8.96299 7.22441 9.34239L6.66734 9.43523V11.1975L3.01307 7.99998Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/undo.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Undo = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 7.57718C3.0001 7.14129 3.43446 6.58268 3.71453 6.27529C5.02334 4.83879 6.5083 4 8.33398 4C12.5938 4 14.6673 6.94148 14.6673 10.6667H13.334C13.334 7.59812 11.7374 5.33333 8.33398 5.33333C6.93988 5.33333 5.77915 5.98898 4.70012 7.17327C4.41825 7.48264 3.88097 8.18829 3.51295 8.66667H7.33398V10H1.33398V4H2.66732V7.57718Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/undo_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const UndoBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 12.6667H10.9428L8.17379 9.89767C8.77616 8.96538 9.29283 8.66669 10.3333 8.66669C10.9232 8.66669 11.5284 8.87719 12.1089 9.23446C12.318 9.36308 12.5079 9.50125 12.6739 9.63862C12.7703 9.71837 12.8344 9.77726 12.8619 9.80476L14 10.9428V9.33335C14 6.78576 11.2577 4.66669 8.66667 4.66669C7.25953 4.66669 6.35024 4.96978 5.43539 5.70166C5.19406 5.89473 4.99642 6.07236 4.66869 6.39257L2 3.72388V12.6667ZM3.33333 11.3334V6.94283L4.66667 8.27616L5.13807 7.80476C5.74901 7.19382 5.98233 6.97161 6.26831 6.74282C6.94077 6.20486 7.55529 6.00002 8.66667 6.00002C9.94825 6.00002 11.3023 6.71743 12.0603 7.70794C11.5064 7.46925 10.9284 7.33335 10.3333 7.33335C8.58865 7.33335 7.69728 8.0194 6.7545 9.66926L6.50187 10.1114L7.72386 11.3334H3.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/audio_video/drag_indicator.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const DragIndicator = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M5.66732 14C5.30065 14 4.98687 13.8696 4.72598 13.6087C4.46465 13.3473 4.33398 13.0333 4.33398 12.6667C4.33398 12.3 4.46465 11.986 4.72598 11.7247C4.98687 11.4638 5.30065 11.3333 5.66732 11.3333C6.03398 11.3333 6.34798 11.4638 6.60932 11.7247C6.87021 11.986 7.00065 12.3 7.00065 12.6667C7.00065 13.0333 6.87021 13.3473 6.60932 13.6087C6.34798 13.8696 6.03398 14 5.66732 14ZM10.334 14C9.96732 14 9.65354 13.8696 9.39265 13.6087C9.13132 13.3473 9.00065 13.0333 9.00065 12.6667C9.00065 12.3 9.13132 11.986 9.39265 11.7247C9.65354 11.4638 9.96732 11.3333 10.334 11.3333C10.7007 11.3333 11.0147 11.4638 11.276 11.7247C11.5369 11.986 11.6673 12.3 11.6673 12.6667C11.6673 13.0333 11.5369 13.3473 11.276 13.6087C11.0147 13.8696 10.7007 14 10.334 14ZM5.66732 9.33333C5.30065 9.33333 4.98687 9.20267 4.72598 8.94133C4.46465 8.68044 4.33398 8.36667 4.33398 8C4.33398 7.63333 4.46465 7.31933 4.72598 7.058C4.98687 6.79711 5.30065 6.66667 5.66732 6.66667C6.03398 6.66667 6.34798 6.79711 6.60932 7.058C6.87021 7.31933 7.00065 7.63333 7.00065 8C7.00065 8.36667 6.87021 8.68044 6.60932 8.94133C6.34798 9.20267 6.03398 9.33333 5.66732 9.33333ZM10.334 9.33333C9.96732 9.33333 9.65354 9.20267 9.39265 8.94133C9.13132 8.68044 9.00065 8.36667 9.00065 8C9.00065 7.63333 9.13132 7.31933 9.39265 7.058C9.65354 6.79711 9.96732 6.66667 10.334 6.66667C10.7007 6.66667 11.0147 6.79711 11.276 7.058C11.5369 7.31933 11.6673 7.63333 11.6673 8C11.6673 8.36667 11.5369 8.68044 11.276 8.94133C11.0147 9.20267 10.7007 9.33333 10.334 9.33333ZM5.66732 4.66667C5.30065 4.66667 4.98687 4.536 4.72598 4.27467C4.46465 4.01378 4.33398 3.7 4.33398 3.33333C4.33398 2.96667 4.46465 2.65289 4.72598 2.392C4.98687 2.13067 5.30065 2 5.66732 2C6.03398 2 6.34798 2.13067 6.60932 2.392C6.87021 2.65289 7.00065 2.96667 7.00065 3.33333C7.00065 3.7 6.87021 4.01378 6.60932 4.27467C6.34798 4.536 6.03398 4.66667 5.66732 4.66667ZM10.334 4.66667C9.96732 4.66667 9.65354 4.536 9.39265 4.27467C9.13132 4.01378 9.00065 3.7 9.00065 3.33333C9.00065 2.96667 9.13132 2.65289 9.39265 2.392C9.65354 2.13067 9.96732 2 10.334 2C10.7007 2 11.0147 2.13067 11.276 2.392C11.5369 2.65289 11.6673 2.96667 11.6673 3.33333C11.6673 3.7 11.5369 4.01378 11.276 4.27467C11.0147 4.536 10.7007 4.66667 10.334 4.66667Z" />
+    </Icon>
+  );
+};

package/src/icons/audio_video/eject.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Eject = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66583 11.3333C2.13337 11.3333 1.81578 10.7399 2.11113 10.2969L7.44447 2.29687C7.70835 1.90104 8.28999 1.90104 8.55387 2.29687L13.8872 10.2969C14.1826 10.7399 13.865 11.3333 13.3325 11.3333H2.66583ZM12.0868 10L7.99917 3.86852L3.91151 10H12.0868ZM1.99917 12.6667V14H13.9992V12.6667H1.99917Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/audio_video/equalizer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Equalizer = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.3327 2V3.33333H15.3327V2H11.3327ZM0.666016 4.66667V6H4.66602V4.66667H0.666016ZM0.666016 8.66667V7.33333H4.66602V8.66667H0.666016ZM0.666016 10V11.3333H4.66602V10H0.666016ZM0.666016 12.6667V14H4.66602V12.6667H0.666016ZM5.99935 14V12.6667H9.99935V14H5.99935ZM5.99935 10V11.3333H9.99935V10H5.99935ZM5.99935 8.66667V7.33333H9.99935V8.66667H5.99935ZM11.3327 12.6667V14H15.3327V12.6667H11.3327ZM11.3327 11.3333V10H15.3327V11.3333H11.3327ZM11.3327 7.33333V8.66667H15.3327V7.33333H11.3327ZM11.3327 6V4.66667H15.3327V6H11.3327Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/audio_video/fast_forward.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const FastForward = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 3.33325V12.6666C1.33398 13.2394 2.0086 13.5455 2.43965 13.1683L7.77299 8.50163C8.07654 8.23602 8.07654 7.7638 7.77299 7.4982L2.43965 2.83153C2.0086 2.45436 1.33398 2.76047 1.33398 3.33325ZM6.32159 7.99991L2.66732 11.1974V4.80243L6.32159 7.99991ZM8.00065 3.33325C8.00065 2.76047 8.67527 2.45436 9.10632 2.83153L14.4397 7.4982C14.7432 7.7638 14.7432 8.23602 14.4397 8.50163L9.10632 13.1683C8.67527 13.5455 8.00065 13.2394 8.00065 12.6666V3.33325ZM9.33398 4.80243L12.9883 7.99991L9.33398 11.1974V4.80243Z"
+      />
+    </Icon>
+  );
+};