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

Feat/orr/update icons

package.json

@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {
@@ -39,7 +39,7 @@
     "@react-hook/merged-ref": "^1.3.0",
     "classnames": "^2.2.6",
     "lodash": "^4.17.19",
-    "monday-ui-style": "0.0.10",
+    "monday-ui-style": "0.0.12",
     "prop-types": "^15.7.2",
     "react-inlinesvg": "^2.1.1",
     "react-popper": "^2.2.3",

src/components/Icon/Icons/components/Announcement.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Announcement = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M16.812 16.4614C16.6504 16.4614 16.4996 16.4183 16.3596 16.3213L15.5409 15.7827C13.2881 14.2776 10.694 13.4115 8.00303 13.2553C8.06205 13.5636 8.15447 13.8644 8.2803 14.1561C8.51729 14.7055 8.85123 15.1902 9.2929 15.6104C9.61607 15.9228 9.62684 16.4291 9.32522 16.7522C9.16363 16.9138 8.94818 17 8.73274 17C8.52806 17 8.33416 16.9246 8.17257 16.7738C7.58009 16.2136 7.11688 15.5457 6.79371 14.7917C6.57789 14.2881 6.43413 13.7653 6.36244 13.2297H5.50102C4.56383 13.2297 3.69126 12.8634 3.02338 12.2063C2.36626 11.5492 2 10.6658 2 9.72864C2 8.79145 2.36626 7.91888 3.02338 7.251C3.69126 6.59388 4.56383 6.22762 5.50102 6.22762L7.11688 6.22762H7.11847C10.1342 6.22731 13.0421 5.34399 15.5517 3.67457L16.3704 3.13595C16.6181 2.97436 16.9413 2.95282 17.1998 3.09286C17.4584 3.2329 17.6307 3.50221 17.6307 3.80384V15.6535C17.6307 15.9551 17.4691 16.2244 17.1998 16.3644C17.0706 16.4291 16.9413 16.4614 16.812 16.4614ZM16.0041 14.1561C13.5588 12.6372 10.7903 11.7754 7.92481 11.6354V7.82193C10.7903 7.68189 13.5588 6.8201 16.0041 5.3012V14.1561ZM5.50102 7.84348H6.30895V11.6138H5.50102C4.99472 11.6138 4.52074 11.4199 4.16525 11.0644C3.80976 10.7089 3.61586 10.2349 3.61586 9.72864C3.61586 9.22234 3.80976 8.74836 4.16525 8.39287C4.52074 8.03738 4.99472 7.84348 5.50102 7.84348Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Announcement.displayName = 'Announcement';
+Announcement.propTypes = {
+  size: PropTypes.string
+}
+export default Announcement;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Archive.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Archive = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M2.42943 3.16234C2.75328 2.83849 3.19251 2.65656 3.6505 2.65656H16.3496C16.8075 2.65656 17.2468 2.83849 17.5706 3.16234C17.8945 3.48618 18.0764 3.92542 18.0764 4.38341V6.33711C18.0764 6.75132 17.7406 7.08711 17.3264 7.08711H2.67365C2.25943 7.08711 1.92365 6.75132 1.92365 6.33711V4.38341C1.92365 3.92542 2.10558 3.48619 2.42943 3.16234ZM3.6505 4.15656C3.59033 4.15656 3.53263 4.18046 3.49009 4.223C3.44755 4.26554 3.42365 4.32324 3.42365 4.38341V5.58711H16.5764V4.38341C16.5764 4.32324 16.5525 4.26554 16.51 4.223C16.4674 4.18046 16.4097 4.15656 16.3496 4.15656H3.6505ZM3.58942 7.95349C4.00363 7.95349 4.33942 8.28928 4.33942 8.70349V14.621C4.33942 14.9452 4.46821 15.2561 4.69747 15.4854C4.92674 15.7146 5.23768 15.8434 5.5619 15.8434H14.4381C14.7623 15.8434 15.0733 15.7146 15.3025 15.4854C15.5318 15.2561 15.6606 14.9452 15.6606 14.621V8.70349C15.6606 8.28928 15.9964 7.95349 16.4106 7.95349C16.8248 7.95349 17.1606 8.28928 17.1606 8.70349V14.621C17.1606 15.343 16.8738 16.0355 16.3632 16.546C15.8526 17.0566 15.1601 17.3434 14.4381 17.3434H5.5619C4.83986 17.3434 4.14738 17.0566 3.63681 16.546C3.12625 16.0355 2.83942 15.343 2.83942 14.621V8.70349C2.83942 8.28928 3.1752 7.95349 3.58942 7.95349ZM8.91846 9.78302C8.50424 9.78302 8.16846 10.1188 8.16846 10.533C8.16846 10.9472 8.50424 11.283 8.91846 11.283H11.0816C11.4959 11.283 11.8316 10.9472 11.8316 10.533C11.8316 10.1188 11.4959 9.78302 11.0816 9.78302H8.91846Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Archive.displayName = 'Archive';
+Archive.propTypes = {
+  size: PropTypes.string
+}
+export default Archive;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Board.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Board = ({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 5V15C16.5 15.2761 16.2761 15.5 16 15.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.5ZM2 5C2 3.89543 2.89543 3 4 3H16C17.1046 3 18 3.89543 18 5V15C18 16.1046 17.1046 17 16 17H4C2.89543 17 2 16.1046 2 15V5Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Board.displayName = 'Board';
+Board.propTypes = {
+  size: PropTypes.string
+}
+export default Board;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Bolt.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Bolt = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M11.3336 2.28375C11.6473 2.38119 11.8611 2.67147 11.8611 2.99999V7.80555H15C15.2785 7.80555 15.5341 7.95989 15.6638 8.20639C15.7934 8.45289 15.7758 8.75094 15.618 8.98045L9.50692 17.8693C9.32081 18.1401 8.98017 18.2581 8.66643 18.1607C8.35269 18.0632 8.13889 17.773 8.13889 17.4444V12.6389H5C4.72148 12.6389 4.4659 12.4845 4.33624 12.238C4.20657 11.9915 4.22418 11.6935 4.38197 11.464L10.4931 2.5751C10.6792 2.30438 11.0198 2.1863 11.3336 2.28375ZM6.42577 11.1389H8.88889C9.3031 11.1389 9.63889 11.4747 9.63889 11.8889V15.0297L13.5742 9.30555H11.1111C10.6969 9.30555 10.3611 8.96976 10.3611 8.55555V5.41475L6.42577 11.1389Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Bolt.displayName = 'Bolt';
+Bolt.propTypes = {
+  size: PropTypes.string
+}
+export default Bolt;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Bookmark.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Bookmark = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M6.5 3.75C6.4337 3.75 6.37011 3.77634 6.32322 3.82322C6.27634 3.87011 6.25 3.9337 6.25 4V16.5595L10.0699 13.8856C10.3281 13.7048 10.6719 13.7048 10.9301 13.8856L14.75 16.5595V4C14.75 3.9337 14.7237 3.87011 14.6768 3.82322C14.6299 3.77634 14.5663 3.75 14.5 3.75H6.5ZM14.2833 18.0638C14.4706 18.1949 14.6902 18.2721 14.9183 18.287C15.1464 18.3019 15.3742 18.254 15.577 18.1485C15.7798 18.043 15.9497 17.884 16.0684 17.6886C16.187 17.4932 16.2499 17.2691 16.25 17.0405V4C16.25 3.53587 16.0656 3.09075 15.7374 2.76256C15.4092 2.43437 14.9641 2.25 14.5 2.25H6.5C6.03587 2.25 5.59075 2.43437 5.26256 2.76256C4.93437 3.09075 4.75 3.53587 4.75 4V17.04C4.75015 17.2686 4.81297 17.4932 4.93163 17.6886C5.05029 17.8839 5.22025 18.043 5.42301 18.1485C5.62578 18.254 5.8536 18.3019 6.08168 18.287C6.30977 18.2721 6.52939 18.1949 6.71667 18.0638L10.5 15.4155L14.2833 18.0638Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Bookmark.displayName = 'Bookmark';
+Bookmark.propTypes = {
+  size: PropTypes.string
+}
+export default Bookmark;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Broadcast.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Broadcast = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M12 3.75C14.3472 3.75 16.25 5.65279 16.25 8H17.75C17.75 4.82436 15.1756 2.25 12 2.25V3.75ZM3.75 5C3.75 4.86193 3.86193 4.75 4 4.75H6L6 15.25H4C3.86193 15.25 3.75 15.1381 3.75 15V5ZM7.5 15.25H15C15.1381 15.25 15.25 15.1381 15.25 15V10H16.75V15C16.75 15.9665 15.9665 16.75 15 16.75H4C3.0335 16.75 2.25 15.9665 2.25 15V5C2.25 4.0335 3.0335 3.25 4 3.25H10V4.75H7.5L7.5 15.25ZM13.25 8C13.25 7.30964 12.6904 6.75 12 6.75V5.25C13.5188 5.25 14.75 6.48122 14.75 8H13.25Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Broadcast.displayName = 'Broadcast';
+Broadcast.propTypes = {
+  size: PropTypes.string
+}
+export default Broadcast;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Chart.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Chart = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10 3.25C8.20979 3.25 6.4929 3.96116 5.22703 5.22703C3.96116 6.4929 3.25 8.20979 3.25 10C3.25 11.7902 3.96116 13.5071 5.22703 14.773C6.4929 16.0388 8.20979 16.75 10 16.75C11.7902 16.75 13.5071 16.0388 14.773 14.773C16.0388 13.5071 16.75 11.7902 16.75 10C16.75 8.20979 16.0388 6.4929 14.773 5.22703C13.5071 3.96116 11.7902 3.25 10 3.25ZM9.25 4.80383C8.13491 4.96476 7.09374 5.48164 6.28769 6.28769C5.30312 7.27226 4.75 8.60761 4.75 10C4.75 11.3924 5.30312 12.7277 6.28769 13.7123C7.27226 14.6969 8.60761 15.25 10 15.25C11.1399 15.25 12.2416 14.8793 13.1439 14.2046L9.46967 10.5303C9.32902 10.3897 9.25 10.1989 9.25 10V4.80383ZM14.2046 13.1439L10.75 9.68934V4.80383C11.8651 4.96476 12.9063 5.48164 13.7123 6.28769C14.6969 7.27226 15.25 8.60761 15.25 10C15.25 11.1399 14.8793 12.2416 14.2046 13.1439Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Chart.displayName = 'Chart';
+Chart.propTypes = {
+  size: PropTypes.string
+}
+export default Chart;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Column.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Column = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M6 4.5H4C3.72386 4.5 3.5 4.72386 3.5 5V15C3.5 15.2761 3.72386 15.5 4 15.5H6L6 4.5ZM7.5 4.5L7.5 15.5H16C16.2761 15.5 16.5 15.2761 16.5 15V5C16.5 4.72386 16.2761 4.5 16 4.5H7.5ZM4 3C2.89543 3 2 3.89543 2 5V15C2 16.1046 2.89543 17 4 17H16C17.1046 17 18 16.1046 18 15V5C18 3.89543 17.1046 3 16 3H4ZM12 6H15V14H12V6Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Column.displayName = 'Column';
+Column.propTypes = {
+  size: PropTypes.string
+}
+export default Column;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Dashboard.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Dashboard = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M4 3.5H16C16.2761 3.5 16.5 3.72386 16.5 4V16C16.5 16.2761 16.2761 16.5 16 16.5H4C3.72386 16.5 3.5 16.2761 3.5 16V4C3.5 3.72386 3.72386 3.5 4 3.5ZM2 4C2 2.89543 2.89543 2 4 2H16C17.1046 2 18 2.89543 18 4V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4ZM5.5 14.25C5.5 14.6642 5.83579 15 6.25 15C6.66421 15 7 14.6642 7 14.25V10.75C7 10.3358 6.66421 10 6.25 10C5.83579 10 5.5 10.3358 5.5 10.75L5.5 14.25ZM10.25 15C9.83579 15 9.5 14.6642 9.5 14.25L9.5 7.75C9.5 7.33579 9.83579 7 10.25 7C10.6642 7 11 7.33579 11 7.75V14.25C11 14.6642 10.6642 15 10.25 15ZM13.5 14.25C13.5 14.6642 13.8358 15 14.25 15C14.6642 15 15 14.6642 15 14.25V5.75C15 5.33579 14.6642 5 14.25 5C13.8358 5 13.5 5.33579 13.5 5.75V14.25Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Dashboard.displayName = 'Dashboard';
+Dashboard.propTypes = {
+  size: PropTypes.string
+}
+export default Dashboard;
+/* tslint:enable */
+/* eslint-enable */