feat: icons

package.json

@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.3.52",
+  "version": "0.3.53",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {
@@ -53,7 +53,7 @@
     "autosize": "4.0.2",
     "classnames": "^2.2.6",
     "lodash": "^4.17.21",
-    "monday-ui-style": "0.1.18",
+    "monday-ui-style": "0.1.19",
     "prop-types": "^15.7.2",
     "react-inlinesvg": "^2.1.1",
     "react-popper": "^2.2.3",

src/components/Icon/Icons/components/BoardPrivate.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const BoardPrivate = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M7.5 4.5H16C16.2761 4.5 16.5 4.72386 16.5 5V8.07833C17.0321 8.16476 17.5579 8.32923 18 8.60307V5C18 3.89543 17.1046 3 16 3H4C2.89543 3 2 3.89543 2 5V15C2 16.1046 2.89543 17 4 17H10.499V15.5H7.5L7.5 4.5ZM6 4.5H4C3.72386 4.5 3.5 4.72386 3.5 5V15C3.5 15.2761 3.72386 15.5 4 15.5H6L6 4.5ZM17.2933 12.4648V13.4775H14.3638V12.4648C14.3638 11.6558 15.0196 11 15.8285 11C16.6375 11 17.2933 11.6558 17.2933 12.4648ZM12.1693 13.4775H12.8638V12.4648C12.8638 10.8274 14.1911 9.5 15.8285 9.5C17.4659 9.5 18.7933 10.8274 18.7933 12.4648V13.4775H19.4924C19.7625 13.4775 19.9815 13.6965 19.9815 13.9667V19.5108C19.9815 19.781 19.7625 20 19.4924 20H12.1693C11.8992 20 11.6802 19.781 11.6802 19.5108V13.9667C11.6802 13.6965 11.8992 13.4775 12.1693 13.4775Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+BoardPrivate.displayName = 'BoardPrivate';
+BoardPrivate.propTypes = {
+  size: PropTypes.string
+}
+export default BoardPrivate;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Collapse.js

@@ -4,9 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 const Collapse = ({size, ...props}) => (
   <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
-    <path d="M4.36386 4.36386C5.85865 2.86906 7.88603 2.0293 9.99999 2.0293C12.1139 2.0293 14.1413 2.86906 15.6361 4.36386C17.1309 5.85865 17.9707 7.88603 17.9707 9.99999C17.9707 12.1139 17.1309 14.1413 15.6361 15.6361C14.1413 17.1309 12.1139 17.9707 9.99999 17.9707C7.88603 17.9707 5.85865 17.1309 4.36386 15.6361C2.86906 14.1413 2.0293 12.1139 2.0293 9.99999C2.0293 7.88603 2.86906 5.85865 4.36386 4.36386ZM9.99999 3.5293C8.28385 3.5293 6.63801 4.21103 5.42452 5.42452C4.21103 6.63801 3.5293 8.28385 3.5293 9.99999C3.5293 11.7161 4.21103 13.362 5.42452 14.5755C6.63801 15.7889 8.28385 16.4707 9.99999 16.4707C11.7161 16.4707 13.362 15.7889 14.5755 14.5755C15.7889 13.362 16.4707 11.7161 16.4707 9.99999C16.4707 8.28385 15.7889 6.63801 14.5755 5.42452C13.362 4.21103 11.7161 3.5293 9.99999 3.5293Z"
-      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
-    <path d="M12.8106 5.99431C13.0898 6.30034 13.068 6.77472 12.7619 7.05385L10.6227 9.00508C10.5466 9.07793 10.4574 9.13719 10.3588 9.1792 10.2501 9.22555 10.1328 9.24975 10.0136 9.24975 9.89451 9.24975 9.77715 9.22555 9.66846 9.1792 9.57037 9.13737 9.48158 9.07848 9.40572 9.00618L7.25422 7.05536C6.94737 6.77713 6.92417 6.30282 7.2024 5.99597 7.48063 5.68911 7.95494 5.66591 8.26179 5.94414L10.0124 7.53149 11.7511 5.94562C12.0571 5.66648 12.5315 5.68828 12.8106 5.99431zM7.20223 14.0037C6.92402 13.6969 6.94725 13.2226 7.25413 12.9444L9.40591 10.9935C9.48181 10.9212 9.57061 10.8623 9.66862 10.8205 9.7774 10.7742 9.89476 10.75 10.0138 10.75 10.1329 10.75 10.2502 10.7742 10.359 10.8205 10.4576 10.8626 10.5468 10.9218 10.6229 10.9947L12.7616 12.9459C13.0676 13.2251 13.0893 13.6995 12.8101 14.0055 12.5309 14.3115 12.0566 14.3332 11.7506 14.054L10.0125 12.4683 8.26162 14.0556C7.95475 14.3338 7.48044 14.3106 7.20223 14.0037z"
+    <path d="M6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L9.46967 7.53033C9.76256 7.82322 10.2374 7.82322 10.5303 7.53033L14.5303 3.53033C14.8232 3.23744 14.8232 2.76256 14.5303 2.46967C14.2374 2.17678 13.7626 2.17678 13.4697 2.46967L10 5.93934L6.53033 2.46967ZM5.46967 16.5696C5.17678 16.8625 5.17678 17.3374 5.46967 17.6303C5.76256 17.9232 6.23744 17.9232 6.53033 17.6303L10 14.1606L13.4697 17.6303C13.7626 17.9232 14.2374 17.9232 14.5303 17.6303C14.8232 17.3374 14.8232 16.8625 14.5303 16.5696L10.5303 12.5696C10.2374 12.2768 9.76256 12.2768 9.46967 12.5696L5.46967 16.5696Z"
       fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
   </svg>
 );

src/components/Icon/Icons/components/DashboardPrivate.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const DashboardPrivate = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M4.00012 2C2.89555 2 2.00012 2.89543 2.00012 4V16C2.00012 17.1046 2.89555 18 4.00012 18H10.0001V16.5H4.00012C3.72398 16.5 3.50012 16.2761 3.50012 16V4C3.50012 3.72386 3.72398 3.5 4.00012 3.5H16.0001C16.2763 3.5 16.5001 3.72386 16.5001 4V8.15342C17.0464 8.23781 17.5544 8.41921 18.0001 8.67655V4C18.0001 2.89543 17.1047 2 16.0001 2H4.00012ZM15.0001 5.75V8.16995C14.4509 8.26748 13.9425 8.46347 13.5001 8.73596V5.75C13.5001 5.33579 13.8359 5 14.2501 5C14.6643 5 15.0001 5.33579 15.0001 5.75ZM9.50012 14.25C9.50012 14.6642 9.83591 15 10.2501 15C10.6643 15 11.0001 14.6642 11.0001 14.25V7.75C11.0001 7.33579 10.6643 7 10.2501 7C9.83591 7 9.50012 7.33579 9.50012 7.75L9.50012 14.25ZM5.50012 14.25C5.50012 14.6642 5.83591 15 6.25012 15C6.66434 15 7.00012 14.6642 7.00012 14.25V10.75C7.00012 10.3358 6.66434 10 6.25012 10C5.83591 10 5.50012 10.3358 5.50012 10.75L5.50012 14.25ZM12.169 13.4775H12.8634V12.4648C12.8634 10.8274 14.1908 9.5 15.8282 9.5C17.4656 9.5 18.7929 10.8274 18.7929 12.4648V13.4775H19.492C19.7622 13.4775 19.9812 13.6965 19.9812 13.9667V19.5108C19.9812 19.781 19.7622 20 19.492 20H12.169C11.8988 20 11.6798 19.781 11.6798 19.5108V13.9667C11.6798 13.6965 11.8988 13.4775 12.169 13.4775ZM17.2929 12.4648V13.4775H14.3634V12.4648C14.3634 11.6558 15.0192 11 15.8282 11C16.6371 11 17.2929 11.6558 17.2929 12.4648Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+DashboardPrivate.displayName = 'DashboardPrivate';
+DashboardPrivate.propTypes = {
+  size: PropTypes.string
+}
+export default DashboardPrivate;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Doc.js

@@ -4,7 +4,9 @@ import PropTypes from 'prop-types';
 import React from 'react';
 const Doc = ({size, ...props}) => (
   <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
-    <path d="M5.64953 3.60729C5.71822 3.53859 5.8114 3.5 5.90855 3.5H9.78048V5.89155C9.78048 7.13419 10.7878 8.14155 12.0305 8.14155H14.4577V16.1458C14.4577 16.2429 14.4192 16.3361 14.3505 16.4048C14.2818 16.4735 14.1886 16.5121 14.0914 16.5121H5.90855C5.8114 16.5121 5.71822 16.4735 5.64953 16.4048C5.58083 16.3361 5.54224 16.2429 5.54224 16.1458V3.86631C5.54224 3.76916 5.58083 3.67599 5.64953 3.60729ZM14.4365 6.64155L11.2805 3.54309V5.89155C11.2805 6.30576 11.6163 6.64155 12.0305 6.64155H14.4365ZM5.90855 2C5.41357 2 4.93887 2.19663 4.58887 2.54663C4.23887 2.89663 4.04224 3.37134 4.04224 3.86631V16.1458C4.04224 16.6407 4.23887 17.1154 4.58887 17.4654C4.93887 17.8154 5.41357 18.0121 5.90855 18.0121H14.0914C14.5864 18.0121 15.0611 17.8154 15.4111 17.4654C15.7611 17.1154 15.9577 16.6407 15.9577 16.1458V6.34766C15.9577 6.14635 15.8768 5.9535 15.7332 5.81247L12.0686 2.21481C11.9284 2.07713 11.7397 2 11.5432 2H5.90855ZM6.79075 10.3009C6.79075 9.88668 7.12654 9.5509 7.54075 9.5509H12.4592C12.8734 9.5509 13.2092 9.88668 13.2092 10.3009C13.2092 10.7151 12.8734 11.0509 12.4592 11.0509H7.54075C7.12654 11.0509 6.79075 10.7151 6.79075 10.3009ZM7.54075 12.7895C7.12654 12.7895 6.79075 13.1253 6.79075 13.5395C6.79075 13.9537 7.12654 14.2895 7.54075 14.2895H11.141C11.5552 14.2895 11.891 13.9537 11.891 13.5395C11.891 13.1253 11.5552 12.7895 11.141 12.7895H7.54075Z"
+    <path d="M6.81934 9.8501C6.40512 9.8501 6.06934 10.1859 6.06934 10.6001 6.06934 11.0143 6.40512 11.3501 6.81934 11.3501H12.8413C13.2555 11.3501 13.5913 11.0143 13.5913 10.6001 13.5913 10.1859 13.2555 9.8501 12.8413 9.8501H6.81934zM6.81953 13.0501C6.40531 13.0501 6.06953 13.3859 6.06953 13.8001 6.06953 14.2143 6.40531 14.5501 6.81953 14.5501H10.6828C11.097 14.5501 11.4328 14.2143 11.4328 13.8001 11.4328 13.3859 11.097 13.0501 10.6828 13.0501H6.81953z"
+      fill="currentColor" />
+    <path d="M16.5561 7.56686C16.5561 7.58719 16.5553 7.60733 16.5537 7.62725V16.3269C16.5537 16.7839 16.3722 17.2223 16.049 17.5454C15.7258 17.8686 15.2874 18.0502 14.8304 18.0502H5.12372C4.66667 18.0502 4.22833 17.8686 3.90514 17.5454C3.58196 17.2223 3.40039 16.7839 3.40039 16.3269V3.67353C3.40039 3.21647 3.58196 2.77814 3.90514 2.45495C4.22833 2.13176 4.66667 1.9502 5.12372 1.9502H11.0208C11.4775 1.95029 11.9157 2.1317 12.2387 2.45456L16.0492 6.265C16.372 6.58807 16.5536 7.02626 16.5537 7.483V7.50648C16.5553 7.5264 16.5561 7.54653 16.5561 7.56686ZM5.12372 3.4502C5.06449 3.4502 5.00769 3.47372 4.9658 3.51561C4.92392 3.55749 4.90039 3.6143 4.90039 3.67353V16.3269C4.90039 16.3861 4.92392 16.4429 4.9658 16.4848C5.00769 16.5267 5.06449 16.5502 5.12372 16.5502H14.8304C14.8896 16.5502 14.9464 16.5267 14.9883 16.4848C15.0302 16.4429 15.0537 16.3861 15.0537 16.3269V8.31686H11.9128C11.4557 8.31686 11.0174 8.1353 10.6942 7.81211C10.371 7.48892 10.1895 7.05059 10.1895 6.59353V3.50488L5.12372 3.4502ZM14.4797 6.81686L11.6895 4.02658V6.59353C11.6895 6.65276 11.713 6.70956 11.7549 6.75145C11.7967 6.79333 11.8536 6.81686 11.9128 6.81686H14.4797Z"
       fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
   </svg>
 );

src/components/Icon/Icons/components/DocPrivate.js

@@ -0,0 +1,21 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const DocPrivate = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M16.4057 7.56686C16.4057 7.58719 16.4049 7.60733 16.4033 7.62725V8.31519H14V8.31686H11.7624C11.3053 8.31686 10.867 8.1353 10.5438 7.81211C10.2206 7.48892 10.0391 7.05059 10.0391 6.59353V3.50488L4.97333 3.4502C4.9141 3.4502 4.8573 3.47372 4.81541 3.51561C4.77353 3.55749 4.75 3.6143 4.75 3.67353V16.3269C4.75 16.3861 4.77353 16.4429 4.81541 16.4848C4.8573 16.5267 4.9141 16.5502 4.97333 16.5502H10.3008V18.0502H4.97333C4.51627 18.0502 4.07794 17.8686 3.75475 17.5454C3.43157 17.2223 3.25 16.7839 3.25 16.3269V3.67353C3.25 3.21647 3.43157 2.77814 3.75475 2.45495C4.07794 2.13176 4.51628 1.9502 4.97333 1.9502H10.8704C11.3271 1.95029 11.7653 2.1317 12.0884 2.45456L15.8988 6.265C16.2217 6.58807 16.4032 7.02626 16.4033 7.483V7.50648C16.4049 7.5264 16.4057 7.54653 16.4057 7.56686ZM14.3293 6.81686L11.5391 4.02658V6.59353C11.5391 6.65276 11.5626 6.70956 11.6045 6.75145C11.6464 6.79333 11.7032 6.81686 11.7624 6.81686H14.3293Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+    <path d="M6.66895 9.85016C6.25473 9.85016 5.91895 10.1859 5.91895 10.6002 5.91895 11.0144 6.25473 11.3502 6.66895 11.3502H11C11.4142 11.3502 11.75 11.0144 11.75 10.6002 11.75 10.1859 11.4142 9.85016 11 9.85016H6.66895zM5.9191 13.8002C5.9191 13.3859 6.25489 13.0502 6.6691 13.0502H9C9.41421 13.0502 9.75 13.3859 9.75 13.8002 9.75 14.2144 9.41421 14.5502 9 14.5502H6.6691C6.25489 14.5502 5.9191 14.2144 5.9191 13.8002z"
+      fill="currentColor" />
+    <path d="M12.1689 13.4777H12.8633V12.465C12.8633 10.8276 14.1907 9.50018 15.8281 9.50018C17.4654 9.50018 18.7928 10.8276 18.7928 12.465V13.4777H19.4919C19.762 13.4777 19.981 13.6967 19.981 13.9668V19.511C19.981 19.7811 19.762 20.0002 19.4919 20.0002H12.1689C11.8987 20.0002 11.6797 19.7811 11.6797 19.511V13.9668C11.6797 13.6967 11.8987 13.4777 12.1689 13.4777ZM17.2928 12.465V13.4777H14.3633V12.465C14.3633 11.656 15.0191 11.0002 15.8281 11.0002C16.637 11.0002 17.2928 11.656 17.2928 12.465Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+DocPrivate.displayName = 'DocPrivate';
+DocPrivate.propTypes = {
+  size: PropTypes.string
+}
+export default DocPrivate;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Folder.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Folder = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M3 2.25C2.58579 2.25 2.25 2.58579 2.25 3V16.8571C2.25 17.2714 2.58579 17.6071 3 17.6071H16.8571C17.2714 17.6071 17.6071 17.2714 17.6071 16.8571V3C17.6071 2.58579 17.2714 2.25 16.8571 2.25H3ZM3.75 16.1071V3.75H16.1071V16.1071H3.75ZM10.5303 12.5303C10.2374 12.8232 9.76256 12.8232 9.46967 12.5303L9.46797 12.5286L6.46967 9.53033C6.17678 9.23744 6.17678 8.76256 6.46967 8.46967C6.76256 8.17678 7.23744 8.17678 7.53033 8.46967L10 10.9393L12.4697 8.46967C12.7626 8.17678 13.2374 8.17678 13.5303 8.46967C13.8232 8.76256 13.8232 9.23744 13.5303 9.53033L11.1947 11.8659L11.1903 11.8704L10.5303 12.5303Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Folder.displayName = 'Folder';
+Folder.propTypes = {
+  size: PropTypes.string
+}
+export default Folder;
+/* tslint:enable */
+/* eslint-enable */