Merge pull request #102 from code4rena-dev/mango/add-icons-for-uio

Add icons to support UIO project

Author: captainmangoC4

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@code4rena/components-library",
-  "version": "4.5.14",
+  "version": "4.6.0",
   "description": "Code4rena's official components library ",
   "types": "./dist/lib.d.ts",
   "exports": {

package.json

@@ -100,6 +100,9 @@ export const icons = (size: string, color: string, className?: string): Record<s
                 <path fill={color} fillRule="evenodd" clipRule="evenodd" d="M14.911 3.9C14.911 3.40294 14.508 3 14.011 3C13.5139 3 13.111 3.40294 13.111 3.9V4.48749H8.68879V3.9C8.68879 3.40294 8.28585 3 7.78879 3C7.29174 3 6.88879 3.40294 6.88879 3.9V4.48749H5.45543C4.13764 4.48749 2.99988 5.51889 2.99988 6.87499V9.85001V17.2875C2.99988 18.6436 4.13764 19.675 5.45543 19.675H16.3443C17.6621 19.675 18.7999 18.6436 18.7999 17.2875V9.85001V6.87499C18.7999 5.51889 17.6621 4.48749 16.3443 4.48749H14.911V3.9ZM16.9999 8.95001V6.87499C16.9999 6.58804 16.7447 6.28749 16.3443 6.28749H14.911V6.875C14.911 7.37206 14.508 7.775 14.011 7.775C13.5139 7.775 13.111 7.37206 13.111 6.875V6.28749H8.68879V6.875C8.68879 7.37206 8.28585 7.775 7.78879 7.775C7.29174 7.775 6.88879 7.37206 6.88879 6.875V6.28749H5.45543C5.05501 6.28749 4.79988 6.58804 4.79988 6.87499V8.95001H16.9999ZM4.79988 10.75H16.9999V17.2875C16.9999 17.5744 16.7447 17.875 16.3443 17.875H5.45543C5.05501 17.875 4.79988 17.5744 4.79988 17.2875V10.75Z" />
             </g>
         </svg>,
+    "chat-bubble": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path fillRule="evenodd" clipRule="evenodd" d="M3.23061 11C3.23061 6.6543 6.85796 3.17505 11.2778 3.17505C15.6977 3.17505 19.3251 6.6543 19.3251 11C19.3251 15.3458 15.6977 18.825 11.2778 18.825H3.50005C3.22197 18.825 2.96259 18.685 2.81012 18.4524C2.65765 18.2198 2.63259 17.9261 2.74347 17.6711L4.10234 14.5457C3.54522 13.4815 3.23061 12.2759 3.23061 11ZM11.2778 4.82505C7.72025 4.82505 4.88061 7.6138 4.88061 11C4.88061 12.121 5.18931 13.1709 5.73023 14.0772C5.86643 14.3055 5.88436 14.5853 5.77839 14.829L4.75836 17.175H11.2778C14.8354 17.175 17.6751 14.3863 17.6751 11C17.6751 7.61381 14.8354 4.82505 11.2778 4.82505Z" fill={color} />
+        </svg>,    
     "check": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
             <g>
                 <path fill={color} fillRule="evenodd" clipRule="evenodd" d="M18.3698 6.2636C18.7213 6.61508 18.7213 7.18492 18.3698 7.5364L9.54687 16.3593C9.1954 16.7108 8.62555 16.7108 8.27408 16.3593L4.26366 12.3489C3.91219 11.9974 3.91219 11.4276 4.26366 11.0761C4.61514 10.7246 5.18499 10.7246 5.53646 11.0761L8.91048 14.4501L17.097 6.2636C17.4485 5.91213 18.0183 5.91213 18.3698 6.2636Z" />
@@ -380,7 +383,14 @@ export const icons = (size: string, color: string, className?: string): Record<s
                     <path fill={color} fillRule="evenodd" clipRule="evenodd" d="M10.5014 4.8C9.7674 4.8 9.06347 5.09158 8.54446 5.61058C8.02546 6.12959 7.73388 6.83351 7.73388 7.5675V9.60154H13.2689V7.5675C13.2689 6.83351 12.9773 6.12959 12.4583 5.61058C11.9393 5.09157 11.2354 4.8 10.5014 4.8ZM15.0689 9.60154V7.5675C15.0689 6.35612 14.5877 5.19436 13.7311 4.33779C12.8745 3.48122 11.7128 3 10.5014 3C9.29001 3 8.12824 3.48122 7.27167 4.33779C6.4151 5.19436 5.93388 6.35612 5.93388 7.5675V9.60154H5.3669C4.05964 9.60154 2.9999 10.6613 2.9999 11.9685V17.103C2.9999 18.4103 4.05964 19.47 5.3669 19.47H15.6359C16.9432 19.47 18.0029 18.4103 18.0029 17.103V11.9685C18.0029 10.6613 16.9432 9.60154 15.6359 9.60154H15.0689ZM5.3669 11.4015C5.05376 11.4015 4.7999 11.6554 4.7999 11.9685V17.103C4.7999 17.4162 5.05375 17.67 5.3669 17.67H15.6359C15.949 17.67 16.2029 17.4162 16.2029 17.103V11.9685C16.2029 11.6554 15.949 11.4015 15.6359 11.4015H5.3669Z" />
                 </g>
             </g>
-        </svg>,
+          </svg>,
+    "lock-slash": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M10.5417 11H6.05C5.74624 11 5.5 11.2462 5.5 11.55V17.7833C5.5 18.0871 5.74624 18.3333 6.05 18.3333H15.95C16.2538 18.3333 16.5 18.0871 16.5 17.7833V16.9583" stroke={color} strokeWidth="1.65" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M14.6667 11.0001V7.33341C14.6667 6.1112 13.9333 3.66675 11 3.66675C10.3154 3.66675 9.75067 3.79989 9.28702 4.01958" stroke={color} strokeWidth="1.65" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M14.6667 11H15.95C16.2538 11 16.5 11.2462 16.5 11.55V11.9167" stroke={color} strokeWidth="1.65" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M7.33334 7.33325V7.79159V10.9999" stroke={color} strokeWidth="1.65" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M2.75 2.75L19.25 19.25" stroke={color} strokeWidth="1.65" strokeLinecap="round" strokeLinejoin="round"/>
+          </svg>,
     "log-out": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
             <g>
                 <path fill={color} fillRule="evenodd" clipRule="evenodd" d="M5.52951 4.8C5.336 4.8 5.15041 4.87687 5.01358 5.0137C4.87675 5.15054 4.79988 5.33612 4.79988 5.52963V16.937C4.79988 17.1305 4.87675 17.3161 5.01358 17.453C5.15041 17.5898 5.336 17.6667 5.52951 17.6667H8.78877C9.28582 17.6667 9.68877 18.0696 9.68877 18.5667C9.68877 19.0637 9.28582 19.4667 8.78877 19.4667H5.52951C4.85861 19.4667 4.21519 19.2002 3.74079 18.7258C3.26639 18.2514 2.99988 17.6079 2.99988 16.937V5.52963C2.99988 4.85873 3.26639 4.21531 3.74079 3.74091C4.21519 3.26651 4.85861 3 5.52951 3H8.78877C9.28582 3 9.68877 3.40294 9.68877 3.9C9.68877 4.39706 9.28582 4.8 8.78877 4.8H5.52951ZM13.856 6.52288C14.2075 6.17141 14.7773 6.17141 15.1288 6.52288L19.1938 10.5879C19.362 10.7514 19.4666 10.9801 19.4666 11.2333C19.4666 11.3844 19.4293 11.5268 19.3635 11.6519C19.3576 11.6631 19.3514 11.6743 19.345 11.6853C19.3253 11.7192 19.3033 11.752 19.2788 11.7836C19.2742 11.7896 19.2695 11.7955 19.2647 11.8014C19.2435 11.8273 19.221 11.852 19.1972 11.8754L15.1288 15.9438C14.7773 16.2953 14.2075 16.2953 13.856 15.9438C13.5045 15.5924 13.5045 15.0225 13.856 14.671L16.3937 12.1333H8.78879C8.29174 12.1333 7.88879 11.7304 7.88879 11.2333C7.88879 10.7363 8.29174 10.3333 8.78879 10.3333H16.3937L13.856 7.79567C13.5045 7.4442 13.5045 6.87435 13.856 6.52288Z" />
@@ -557,6 +567,13 @@ export const icons = (size: string, color: string, className?: string): Record<s
                 </g>
             </g>
         </svg>,
+    "signal": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fillRule="evenodd" clipRule="evenodd" d="M11 4.67497C11.4557 4.67497 11.825 5.04433 11.825 5.49997V7.3333C11.825 7.78894 11.4557 8.1583 11 8.1583C10.5444 8.1583 10.175 7.78894 10.175 7.3333V5.49997C10.175 5.04433 10.5444 4.67497 11 4.67497Z" fill={color}/>
+                <path fillRule="evenodd" clipRule="evenodd" d="M11 13.8416C11.4557 13.8416 11.825 14.211 11.825 14.6666V16.5C11.825 16.9556 11.4557 17.325 11 17.325C10.5444 17.325 10.175 16.9556 10.175 16.5V14.6666C10.175 14.211 10.5444 13.8416 11 13.8416Z" fill={color}/>
+                <path fillRule="evenodd" clipRule="evenodd" d="M4.67503 11C4.67503 10.5443 5.04439 10.175 5.50003 10.175H7.33336C7.789 10.175 8.15836 10.5443 8.15836 11C8.15836 11.4556 7.789 11.825 7.33336 11.825H5.50003C5.04439 11.825 4.67503 11.4556 4.67503 11Z" fill={color}/>
+                <path fillRule="evenodd" clipRule="evenodd" d="M13.8417 11C13.8417 10.5443 14.2111 10.175 14.6667 10.175H16.5C16.9557 10.175 17.325 10.5443 17.325 11C17.325 11.4556 16.9557 11.825 16.5 11.825H14.6667C14.2111 11.825 13.8417 11.4556 13.8417 11Z" fill={color}/>
+                <path fillRule="evenodd" clipRule="evenodd" d="M1.00836 11C1.00836 5.48172 5.48178 1.0083 11 1.0083C16.5182 1.0083 20.9917 5.48172 20.9917 11C20.9917 16.5182 16.5182 20.9916 11 20.9916C5.48178 20.9916 1.00836 16.5182 1.00836 11ZM11 2.6583C6.39305 2.6583 2.65836 6.39299 2.65836 11C2.65836 15.6069 6.39305 19.3416 11 19.3416C15.607 19.3416 19.3417 15.6069 19.3417 11C19.3417 6.39299 15.607 2.6583 11 2.6583Z" fill={color}/>
+          </svg>,    
     "star": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
             <g >
                 <path fill={color} fillRule="evenodd" clipRule="evenodd" d="M9.10789 3.09263C9.79177 1.63579 11.8639 1.63579 12.5477 3.09263L14.197 6.60605C14.2112 6.63621 14.2394 6.65734 14.2724 6.6624L18.0423 7.24182C19.5703 7.47667 20.1931 9.34094 19.1131 10.4471L16.3245 13.3031C16.3023 13.3259 16.2923 13.3578 16.2974 13.3891L16.9465 17.369C17.2019 18.9345 15.5399 20.1051 14.1518 19.3376L10.8762 17.5262C10.8461 17.5095 10.8095 17.5095 10.7794 17.5262L7.5038 19.3376C6.11573 20.1051 4.45379 18.9345 4.70913 17.369L5.35828 13.3891C5.36339 13.3578 5.35331 13.3259 5.33113 13.3031L2.54256 10.4471C1.4625 9.34094 2.08531 7.47667 3.61339 7.24182L7.38328 6.6624C7.41621 6.65734 7.44445 6.63621 7.45861 6.60605L9.10789 3.09263ZM10.7725 3.81389C10.7638 3.81911 10.7507 3.82897 10.7373 3.85751L9.08802 7.37093C8.81904 7.94393 8.28237 8.34535 7.65672 8.44151L3.88683 9.02092C3.85803 9.02535 3.84468 9.03447 3.83657 9.04159C3.82586 9.051 3.81435 9.0666 3.80717 9.08808C3.8 9.10955 3.79982 9.12894 3.80273 9.1429C3.80493 9.15347 3.81011 9.16878 3.83047 9.18962L6.61904 12.0456C7.0405 12.4773 7.23192 13.0834 7.1348 13.6789L6.48565 17.6588C6.48072 17.689 6.48571 17.7045 6.48993 17.714C6.49571 17.727 6.5075 17.743 6.52676 17.7566C6.54602 17.7702 6.5651 17.7759 6.57928 17.7769C6.58962 17.7777 6.60593 17.7772 6.63274 17.7624L9.90837 15.951C10.4805 15.6346 11.1751 15.6346 11.7473 15.951L15.0229 17.7624C15.0497 17.7772 15.066 17.7777 15.0764 17.7769C15.0905 17.7759 15.1096 17.7702 15.1289 17.7566C15.1481 17.743 15.1599 17.727 15.1657 17.714C15.1699 17.7045 15.1749 17.689 15.17 17.6588L14.5208 13.6789C14.4237 13.0834 14.6151 12.4773 15.0366 12.0456L17.8252 9.18962C17.8455 9.16878 17.8507 9.15347 17.8529 9.1429C17.8558 9.12894 17.8556 9.10955 17.8485 9.08808C17.8413 9.0666 17.8298 9.051 17.8191 9.04159C17.811 9.03447 17.7976 9.02535 17.7688 9.02092L13.9989 8.44151C13.3733 8.34535 12.8366 7.94393 12.5676 7.37093L10.9183 3.85751C10.9049 3.82897 10.8918 3.81911 10.8832 3.81389C10.8711 3.80655 10.8519 3.8 10.8278 3.8C10.8037 3.8 10.7846 3.80655 10.7725 3.81389Z" />