Merge pull request #17 from mondaycom/feat/orr/update-icons

feat: icons and icons story

src/components/Icon/Icons/components/Add.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Add = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.75 3C10.75 2.58579 10.4142 2.25 10 2.25C9.58579 2.25 9.25 2.58579 9.25 3V9.25H3C2.58579 9.25 2.25 9.58579 2.25 10C2.25 10.4142 2.58579 10.75 3 10.75H9.25V17C9.25 17.4142 9.58579 17.75 10 17.75C10.4142 17.75 10.75 17.4142 10.75 17V10.75H17C17.4142 10.75 17.75 10.4142 17.75 10C17.75 9.58579 17.4142 9.25 17 9.25H10.75V3Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Add.displayName = 'Add';
+Add.propTypes = {
+  size: PropTypes.string
+}
+export default Add;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/AddSmall.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const AddSmall = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.75 6C10.75 5.58579 10.4142 5.25 10 5.25C9.58579 5.25 9.25 5.58579 9.25 6V9.25H6C5.58579 9.25 5.25 9.58579 5.25 10C5.25 10.4142 5.58579 10.75 6 10.75H9.25V14C9.25 14.4142 9.58579 14.75 10 14.75C10.4142 14.75 10.75 14.4142 10.75 14V10.75H14C14.4142 10.75 14.75 10.4142 14.75 10C14.75 9.58579 14.4142 9.25 14 9.25H10.75V6Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+AddSmall.displayName = 'AddSmall';
+AddSmall.propTypes = {
+  size: PropTypes.string
+}
+export default AddSmall;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Check.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Check = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M8.53033 14.2478L8 13.7175L7.46967 14.2478C7.76256 14.5407 8.23744 14.5407 8.53033 14.2478ZM8 12.6569L4.53033 9.18718C4.23744 8.89429 3.76256 8.89429 3.46967 9.18718C3.17678 9.48008 3.17678 9.95495 3.46967 10.2478L7.46967 14.2478L8 13.7175L8.53033 14.2478L16.2478 6.53033C16.5407 6.23743 16.5407 5.76256 16.2478 5.46967C15.955 5.17677 15.4801 5.17677 15.1872 5.46967L8 12.6569Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Check.displayName = 'Check';
+Check.propTypes = {
+  size: PropTypes.string
+}
+export default Check;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Close.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Close = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M3.53033 2.46967C3.23744 2.17678 2.76256 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23744 2.46967 3.53033L8.97639 10.037L2.47093 16.5425C2.17804 16.8354 2.17804 17.3103 2.47093 17.6032C2.76382 17.8961 3.2387 17.8961 3.53159 17.6032L10.037 11.0977L16.5425 17.6032C16.8354 17.8961 17.3103 17.8961 17.6032 17.6032C17.8961 17.3103 17.8961 16.8354 17.6032 16.5425L11.0977 10.037L17.6044 3.53033C17.8973 3.23744 17.8973 2.76256 17.6044 2.46967C17.3115 2.17678 16.8367 2.17678 16.5438 2.46967L10.037 8.97639L3.53033 2.46967Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Close.displayName = 'Close';
+Close.propTypes = {
+  size: PropTypes.string
+}
+export default Close;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/CloseSmall.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const CloseSmall = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+CloseSmall.displayName = 'CloseSmall';
+CloseSmall.propTypes = {
+  size: PropTypes.string
+}
+export default CloseSmall;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Drag.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Drag = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M7.5 4C6.67157 4 6 3.32843 6 2.5 6 1.67157 6.67157 1 7.5 1 8.32843 1 9 1.67157 9 2.5 9 3.32843 8.32843 4 7.5 4zM12.5 4C11.6716 4 11 3.32843 11 2.5 11 1.67157 11.6716 1 12.5 1 13.3284 1 14 1.67157 14 2.5 14 3.32843 13.3284 4 12.5 4zM7.5 9C6.67157 9 6 8.32843 6 7.5 6 6.67157 6.67157 6 7.5 6 8.32843 6 9 6.67157 9 7.5 9 8.32843 8.32843 9 7.5 9zM12.5 9C11.6716 9 11 8.32843 11 7.5 11 6.67157 11.6716 6 12.5 6 13.3284 6 14 6.67157 14 7.5 14 8.32843 13.3284 9 12.5 9zM7.5 14C6.67157 14 6 13.3284 6 12.5 6 11.6716 6.67157 11 7.5 11 8.32843 11 9 11.6716 9 12.5 9 13.3284 8.32843 14 7.5 14zM7.5 19C6.67157 19 6 18.3284 6 17.5 6 16.6716 6.67157 16 7.5 16 8.32843 16 9 16.6716 9 17.5 9 18.3284 8.32843 19 7.5 19zM12.5 14C11.6716 14 11 13.3284 11 12.5 11 11.6716 11.6716 11 12.5 11 13.3284 11 14 11.6716 14 12.5 14 13.3284 13.3284 14 12.5 14zM12.5 19C11.6716 19 11 18.3284 11 17.5 11 16.6716 11.6716 16 12.5 16 13.3284 16 14 16.6716 14 17.5 14 18.3284 13.3284 19 12.5 19z"
+      fill="currentColor" />
+  </svg>
+);
+Drag.displayName = 'Drag';
+Drag.propTypes = {
+  size: PropTypes.string
+}
+export default Drag;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/DropdownChevronDown.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const DropdownChevronDown = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.5303 12.5303L10 12L9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303ZM10 10.9393L6.53033 7.46967C6.23744 7.17678 5.76256 7.17678 5.46967 7.46967C5.17678 7.76256 5.17678 8.23744 5.46967 8.53033L9.46967 12.5303L10 12L10.5303 12.5303L14.5303 8.53033C14.8232 8.23744 14.8232 7.76256 14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967L10 10.9393Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+DropdownChevronDown.displayName = 'DropdownChevronDown';
+DropdownChevronDown.propTypes = {
+  size: PropTypes.string
+}
+export default DropdownChevronDown;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/DropdownChevronLeft.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const DropdownChevronLeft = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M7.46967 10.5303L8 10L7.46967 9.46967C7.17678 9.76256 7.17678 10.2374 7.46967 10.5303ZM9.06066 10L12.5303 6.53033C12.8232 6.23744 12.8232 5.76256 12.5303 5.46967C12.2374 5.17678 11.7626 5.17678 11.4697 5.46967L7.46967 9.46967L8 10L7.46967 10.5303L11.4697 14.5303C11.7626 14.8232 12.2374 14.8232 12.5303 14.5303C12.8232 14.2374 12.8232 13.7626 12.5303 13.4697L9.06066 10Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+DropdownChevronLeft.displayName = 'DropdownChevronLeft';
+DropdownChevronLeft.propTypes = {
+  size: PropTypes.string
+}
+export default DropdownChevronLeft;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/DropdownChevronRight.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const DropdownChevronRight = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M12.5303 9.46967L12 10L12.5303 10.5303C12.8232 10.2374 12.8232 9.76256 12.5303 9.46967ZM10.9393 10L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5303 10.5303L12 10L12.5303 9.46967L8.53033 5.46967C8.23744 5.17678 7.76256 5.17678 7.46967 5.46967C7.17678 5.76256 7.17678 6.23744 7.46967 6.53033L10.9393 10Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+DropdownChevronRight.displayName = 'DropdownChevronRight';
+DropdownChevronRight.propTypes = {
+  size: PropTypes.string
+}
+export default DropdownChevronRight;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/DropdownChevronUp.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const DropdownChevronUp = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M9.46967 7.46967L10 8L10.5303 7.46967C10.2374 7.17678 9.76256 7.17678 9.46967 7.46967ZM10 9.06066L13.4697 12.5303C13.7626 12.8232 14.2374 12.8232 14.5303 12.5303C14.8232 12.2374 14.8232 11.7626 14.5303 11.4697L10.5303 7.46967L10 8L9.46967 7.46967L5.46967 11.4697C5.17678 11.7626 5.17678 12.2374 5.46967 12.5303C5.76256 12.8232 6.23744 12.8232 6.53033 12.5303L10 9.06066Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+DropdownChevronUp.displayName = 'DropdownChevronUp';
+DropdownChevronUp.propTypes = {
+  size: PropTypes.string
+}
+export default DropdownChevronUp;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Menu.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Menu = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M6 10.5C6 11.3284 5.32843 12 4.5 12 3.67157 12 3 11.3284 3 10.5 3 9.67157 3.67157 9 4.5 9 5.32843 9 6 9.67157 6 10.5zM11.8333 10.5C11.8333 11.3284 11.1618 12 10.3333 12 9.50492 12 8.83334 11.3284 8.83334 10.5 8.83334 9.67157 9.50492 9 10.3333 9 11.1618 9 11.8333 9.67157 11.8333 10.5zM17.6667 10.5C17.6667 11.3284 16.9951 12 16.1667 12 15.3383 12 14.6667 11.3284 14.6667 10.5 14.6667 9.67157 15.3383 9 16.1667 9 16.9951 9 17.6667 9.67157 17.6667 10.5z"
+      fill="currentColor" />
+  </svg>
+);
+Menu.displayName = 'Menu';
+Menu.propTypes = {
+  size: PropTypes.string
+}
+export default Menu;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/MoveArrowDown.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const MoveArrowDown = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.0711 2.24999C10.4853 2.24999 10.8211 2.58578 10.8211 2.99999L10.8211 15.3315L15.4494 10.7031C15.7423 10.4103 16.2172 10.4103 16.5101 10.7031C16.8029 10.996 16.8029 11.4709 16.5101 11.7638L10.6014 17.6725C10.3085 17.9653 9.83364 17.9653 9.54075 17.6725L3.6321 11.7638C3.3392 11.4709 3.3392 10.996 3.6321 10.7031C3.92499 10.4103 4.39986 10.4103 4.69276 10.7031L9.32108 15.3315L9.32108 2.99999C9.32108 2.58578 9.65686 2.24999 10.0711 2.24999Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+MoveArrowDown.displayName = 'MoveArrowDown';
+MoveArrowDown.propTypes = {
+  size: PropTypes.string
+}
+export default MoveArrowDown;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/MoveArrowLeft.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const MoveArrowLeft = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M17.8921 10.071C17.8921 10.4853 17.5563 10.821 17.1421 10.821L4.81065 10.821L9.43897 15.4494C9.73186 15.7423 9.73186 16.2171 9.43897 16.51C9.14608 16.8029 8.6712 16.8029 8.37831 16.51L2.46966 10.6014C2.17677 10.3085 2.17677 9.83361 2.46966 9.54071L8.37831 3.63207C8.67121 3.33917 9.14608 3.33917 9.43897 3.63207C9.73187 3.92496 9.73187 4.39983 9.43897 4.69273L4.81065 9.32104L17.1421 9.32104C17.5563 9.32104 17.8921 9.65683 17.8921 10.071Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+MoveArrowLeft.displayName = 'MoveArrowLeft';
+MoveArrowLeft.propTypes = {
+  size: PropTypes.string
+}
+export default MoveArrowLeft;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/MoveArrowRight.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const MoveArrowRight = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+MoveArrowRight.displayName = 'MoveArrowRight';
+MoveArrowRight.propTypes = {
+  size: PropTypes.string
+}
+export default MoveArrowRight;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/MoveArrowUp.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const MoveArrowUp = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.0711 17.8922C9.65686 17.8922 9.32108 17.5564 9.32108 17.1422L9.32108 4.81068L4.69276 9.439C4.39986 9.7319 3.92499 9.7319 3.6321 9.439C3.3392 9.14611 3.3392 8.67124 3.6321 8.37834L9.54075 2.46969C9.83364 2.1768 10.3085 2.1768 10.6014 2.46969L16.5101 8.37834C16.8029 8.67124 16.8029 9.14611 16.5101 9.439C16.2172 9.7319 15.7423 9.7319 15.4494 9.439L10.8211 4.81068L10.8211 17.1422C10.8211 17.5564 10.4853 17.8922 10.0711 17.8922Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+MoveArrowUp.displayName = 'MoveArrowUp';
+MoveArrowUp.propTypes = {
+  size: PropTypes.string
+}
+export default MoveArrowUp;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/NavigationChevronDown.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const NavigationChevronDown = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.5303 14.5303L10 14L9.46967 14.5303C9.76256 14.8232 10.2374 14.8232 10.5303 14.5303ZM10 12.9393L3.53033 6.46967C3.23744 6.17678 2.76256 6.17678 2.46967 6.46967C2.17678 6.76256 2.17678 7.23744 2.46967 7.53033L9.46967 14.5303L10 14L10.5303 14.5303L17.5303 7.53033C17.8232 7.23744 17.8232 6.76256 17.5303 6.46967C17.2374 6.17678 16.7626 6.17678 16.4697 6.46967L10 12.9393Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+NavigationChevronDown.displayName = 'NavigationChevronDown';
+NavigationChevronDown.propTypes = {
+  size: PropTypes.string
+}
+export default NavigationChevronDown;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/NavigationChevronLeft.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const NavigationChevronLeft = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M5.46967 10.5303L6 10L5.46967 9.46967C5.17678 9.76256 5.17678 10.2374 5.46967 10.5303ZM7.06066 10L13.5303 3.53033C13.8232 3.23744 13.8232 2.76256 13.5303 2.46967C13.2374 2.17678 12.7626 2.17678 12.4697 2.46967L5.46967 9.46967L6 10L5.46967 10.5303L12.4697 17.5303C12.7626 17.8232 13.2374 17.8232 13.5303 17.5303C13.8232 17.2374 13.8232 16.7626 13.5303 16.4697L7.06066 10Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+NavigationChevronLeft.displayName = 'NavigationChevronLeft';
+NavigationChevronLeft.propTypes = {
+  size: PropTypes.string
+}
+export default NavigationChevronLeft;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/NavigationChevronRight.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const NavigationChevronRight = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303L13 10L13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+NavigationChevronRight.displayName = 'NavigationChevronRight';
+NavigationChevronRight.propTypes = {
+  size: PropTypes.string
+}
+export default NavigationChevronRight;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/NavigationChevronUp.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const NavigationChevronUp = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M9.46967 5.46967L10 6L10.5303 5.46967C10.2374 5.17678 9.76256 5.17678 9.46967 5.46967ZM10 7.06066L16.4697 13.5303C16.7626 13.8232 17.2374 13.8232 17.5303 13.5303C17.8232 13.2374 17.8232 12.7626 17.5303 12.4697L10.5303 5.46967L10 6L9.46967 5.46967L2.46967 12.4697C2.17678 12.7626 2.17678 13.2374 2.46967 13.5303C2.76256 13.8232 3.23744 13.8232 3.53033 13.5303L10 7.06066Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+NavigationChevronUp.displayName = 'NavigationChevronUp';
+NavigationChevronUp.propTypes = {
+  size: PropTypes.string
+}
+export default NavigationChevronUp;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/index.js

@@ -0,0 +1,24 @@
+/* eslint-disable */
+/* tslint:disable */
+export {default as Add} from './components/Add';
+export {default as AddSmall} from './components/AddSmall';
+export {default as Check} from './components/Check';
+export {default as Close} from './components/Close';
+export {default as CloseSmall} from './components/CloseSmall';
+export {default as DoubleCheck} from './components/DoubleCheck';
+export {default as Drag} from './components/Drag';
+export {default as DropdownChevronDown} from './components/DropdownChevronDown';
+export {default as DropdownChevronLeft} from './components/DropdownChevronLeft';
+export {default as DropdownChevronRight} from './components/DropdownChevronRight';
+export {default as DropdownChevronUp} from './components/DropdownChevronUp';
+export {default as Menu} from './components/Menu';
+export {default as MoveArrowDown} from './components/MoveArrowDown';
+export {default as MoveArrowLeft} from './components/MoveArrowLeft';
+export {default as MoveArrowRight} from './components/MoveArrowRight';
+export {default as MoveArrowUp} from './components/MoveArrowUp';
+export {default as NavigationChevronDown} from './components/NavigationChevronDown';
+export {default as NavigationChevronLeft} from './components/NavigationChevronLeft';
+export {default as NavigationChevronRight} from './components/NavigationChevronRight';
+export {default as NavigationChevronUp} from './components/NavigationChevronUp';
+/* tslint:enable */
+/* eslint-enable */