Upgrade icons

package.json

@@ -54,7 +54,7 @@
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",
     "lodash": "^4.17.21",
-    "monday-ui-style": "0.1.88",
+    "monday-ui-style": "0.1.89",
     "prop-types": "^15.8.0",
     "react-inlinesvg": "^2.3.0",
     "react-popper": "^2.2.5",

src/components/Icon/Icons/components/Country.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Country = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M4 17V3M7.83676 4.0363C8.56001 4.11785 9.25533 4.33528 9.87627 4.67407 10.4825 5.00475 11.1596 5.21992 11.8647 5.30589 12.5698 5.39187 13.2874 5.34676 13.9717 5.17344L15.2352 4.85329C15.3245 4.83078 15.4185 4.82692 15.5097 4.84204 15.601 4.85715 15.6871 4.89082 15.7612 4.94041 15.8353 4.98999 15.8954 5.05413 15.9369 5.1278 15.9783 5.20146 15.9999 5.28264 16 5.36496V10.9105C16 11.0262 15.9576 11.1387 15.879 11.231 15.8005 11.3233 15.6902 11.3904 15.5648 11.4222L13.9717 11.8261C13.2872 11.999 12.5695 12.0436 11.8644 11.9571 11.1593 11.8707 10.4822 11.655 9.87627 11.3238 9.25533 10.9851 8.56001 10.7676 7.83676 10.6861 7.1135 10.6045 6.37894 10.6607 5.68213 10.851L4 11.3097V4.65941L5.68213 4.20118M7.83676 4.0363C7.1135 3.95476 6.37894 4.01096 5.68213 4.20118M7.83676 4.0363C7.34593 3.99165 6.22784 3.96212 5.68213 4.20118"
+      stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+);
+Country.displayName = 'Country';
+Country.propTypes = {
+  size: PropTypes.string
+}
+export default Country;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Deactivate.js

@@ -5,7 +5,7 @@ import React from 'react';
 const Deactivate = ({size, ...props}) => (
   <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
     <path d="M16.5 10C16.5 13.5899 13.5899 16.5 10 16.5C8.47546 16.5 7.0735 15.9751 5.96497 15.0963L15.0964 5.96512C15.9752 7.07363 16.5 8.47552 16.5 10ZM4.90424 14.0357L14.0358 4.90436C12.9272 4.02511 11.5249 3.5 10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 11.5248 4.02506 12.927 4.90424 14.0357ZM18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10Z"
-      fill="#676879" fillRule="evenodd" clipRule="evenodd" />
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
   </svg>
 );
 Deactivate.displayName = 'Deactivate';

src/components/Icon/Icons/components/Dropdown.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Dropdown = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M3.75 2C2.7835 2 2 2.7835 2 3.75V6.75C2 7.7165 2.7835 8.5 3.75 8.5H16.25C17.2165 8.5 18 7.7165 18 6.75V3.75C18 2.7835 17.2165 2 16.25 2H3.75ZM3.5 3.75C3.5 3.61193 3.61193 3.5 3.75 3.5H16.25C16.3881 3.5 16.5 3.61193 16.5 3.75V6.75C16.5 6.88807 16.3881 7 16.25 7H3.75C3.61193 7 3.5 6.88807 3.5 6.75V3.75ZM10.2002 10.2002C10.6144 10.2002 10.9502 10.536 10.9502 10.9502V15.4393L12.1699 14.2197C12.4628 13.9268 12.9376 13.9268 13.2305 14.2197C13.5234 14.5126 13.5234 14.9874 13.2305 15.2803L10.7305 17.7803C10.4376 18.0732 9.96276 18.0732 9.66987 17.7803L7.16987 15.2803C6.87697 14.9874 6.87697 14.5126 7.16987 14.2197C7.46276 13.9268 7.93763 13.9268 8.23053 14.2197L9.4502 15.4393V10.9502C9.4502 10.536 9.78598 10.2002 10.2002 10.2002Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Dropdown.displayName = 'Dropdown';
+Dropdown.propTypes = {
+  size: PropTypes.string
+}
+export default Dropdown;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Formula.js

@@ -3,8 +3,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 const Formula = ({size, ...props}) => (
-  <svg viewBox="0 0 16 16" fill="currentColor" width={ size || "16" } height={ size || "16" } {...props}>
-    <path d="M8.84846 2.636C8.99331 2.23983 9.16378 1.97859 9.33668 1.82212 9.49341 1.68028 9.67635 1.59999 9.94227 1.59999H12.1667C12.6269 1.59999 13 1.24182 13 .799995 13 .35817 12.6269 0 12.1667 0H9.94227C9.24601 0 8.65557.239707 8.1935.657866 7.75109 1.05824 7.46075 1.5896 7.26369 2.13991L7.25464 2.16517 5.97024 6.72028H3.4992C3.03898 6.72028 2.6659 7.07846 2.6659 7.52028 2.6659 7.96211 3.03898 8.32028 3.4992 8.32028H5.51909L4.10475 13.3362C3.92773 13.964 3.33437 14.3999 2.65692 14.3999H.833297C.37308 14.3999 0 14.7581 0 15.1999 0 15.6417.37308 15.9999.833297 15.9999H2.65692C4.08709 15.9999 5.33974 15.0796 5.71344 13.7543L7.24566 8.32028H9.83225C10.2925 8.32028 10.6656 7.96211 10.6656 7.52028 10.6656 7.07846 10.2925 6.72028 9.83225 6.72028H7.69681L8.84846 2.636zM15.675 10.1124C16.0244 10.3999 16.0649 10.9049 15.7654 11.2404L14.2301 12.96 15.7652 14.6794C16.0647 15.0148 16.0242 15.5199 15.6748 15.8074 15.3254 16.0949 14.7993 16.0561 14.4998 15.7206L13.1326 14.1892 11.7656 15.7204C11.466 16.0558 10.94 16.0947 10.5906 15.8071 10.2411 15.5196 10.2007 15.0146 10.5002 14.6791L12.0351 12.96 10.5 11.2406C10.2005 10.9052 10.241 10.4002 10.5904 10.1126 10.9398 9.82508 11.4659 9.86393 11.7654 10.1994L13.1326 11.7307 14.5 10.1991C14.7995 9.86367 15.3256 9.82482 15.675 10.1124z"
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M10.8485 4.636C10.9933 4.23983 11.1638 3.97859 11.3367 3.82212 11.4934 3.68028 11.6764 3.59999 11.9423 3.59999H14.1667C14.6269 3.59999 15 3.24182 15 2.8 15 2.35817 14.6269 2 14.1667 2H11.9423C11.246 2 10.6556 2.23971 10.1935 2.65787 9.75109 3.05824 9.46075 3.5896 9.26369 4.13991L9.25464 4.16517 7.97024 8.72028H5.4992C5.03898 8.72028 4.6659 9.07846 4.6659 9.52028 4.6659 9.96211 5.03898 10.3203 5.4992 10.3203H7.51909L6.10475 15.3362C5.92773 15.964 5.33437 16.3999 4.65692 16.3999H2.8333C2.37308 16.3999 2 16.7581 2 17.1999 2 17.6417 2.37308 17.9999 2.8333 17.9999H4.65692C6.08709 17.9999 7.33974 17.0796 7.71344 15.7543L9.24566 10.3203H11.8323C12.2925 10.3203 12.6656 9.96211 12.6656 9.52028 12.6656 9.07846 12.2925 8.72028 11.8323 8.72028H9.69681L10.8485 4.636zM17.675 12.1124C18.0244 12.3999 18.0649 12.9049 17.7654 13.2404L16.2301 14.96 17.7652 16.6794C18.0647 17.0148 18.0242 17.5199 17.6748 17.8074 17.3254 18.0949 16.7993 18.0561 16.4998 17.7206L15.1326 16.1892 13.7656 17.7204C13.466 18.0558 12.94 18.0947 12.5906 17.8071 12.2411 17.5196 12.2007 17.0146 12.5002 16.6791L14.0351 14.96 12.5 13.2406C12.2005 12.9052 12.241 12.4002 12.5904 12.1126 12.9398 11.8251 13.4659 11.8639 13.7654 12.1994L15.1326 13.7307 16.5 12.1991C16.7995 11.8637 17.3256 11.8248 17.675 12.1124z"
       fill="currentColor" />
   </svg>
 );

src/components/Icon/Icons/components/Tags.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Tags = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M9.21715 3.12863C9.28812 2.72054 9.01483 2.33219 8.60675 2.26121C8.19866 2.19024 7.8103 2.46353 7.73933 2.87162L7.15932 6.20667H3C2.58579 6.20667 2.25 6.54245 2.25 6.95667C2.25 7.37088 2.58579 7.70667 3 7.70667H6.89845L6.10073 12.2936H3C2.58579 12.2936 2.25 12.6294 2.25 13.0436C2.25 13.4578 2.58579 13.7936 3 13.7936H5.83986L5.30455 16.8716C5.23358 17.2797 5.50686 17.6681 5.91495 17.739C6.32304 17.81 6.71139 17.5367 6.78237 17.1286L7.36237 13.7936H10.7964L10.2611 16.8719C10.1901 17.2799 10.4634 17.6683 10.8715 17.7393C11.2796 17.8102 11.6679 17.537 11.7389 17.1289L12.319 13.7936H17C17.4142 13.7936 17.75 13.4578 17.75 13.0436C17.75 12.6294 17.4142 12.2936 17 12.2936H12.5798L13.3776 7.70667H17C17.4142 7.70667 17.75 7.37088 17.75 6.95667C17.75 6.54245 17.4142 6.20667 17 6.20667H13.6384L14.1737 3.12887C14.2447 2.72078 13.9714 2.33243 13.5633 2.26146C13.1552 2.19048 12.7668 2.46377 12.6959 2.87186L12.1159 6.20667H8.68184L9.21715 3.12863ZM8.42097 7.70667L7.62324 12.2936H11.0573L11.855 7.70667H8.42097Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+Tags.displayName = 'Tags';
+Tags.propTypes = {
+  size: PropTypes.string
+}
+export default Tags;
+/* tslint:enable */
+/* eslint-enable */

src/components/Icon/Icons/components/Timeline.js

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import PropTypes from 'prop-types';
+import React from 'react';
+const Timeline = ({size, ...props}) => (
+  <svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
+    <path d="M13 5H4.67871M16.3205 10.2148H8.49902M10.5 15.4287H5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+);
+Timeline.displayName = 'Timeline';
+Timeline.propTypes = {
+  size: PropTypes.string
+}
+export default Timeline;
+/* tslint:enable */
+/* eslint-enable */