icons updated

Author: Arif-un

src/CloseIcon.jsx

@@ -2,9 +2,23 @@ import React from 'react'
 
 export default function CloseIcon() {
   return (
-    <svg className='msl-close-icn'>
-      <line x1='0' y1='0' x2='15' y2='15' />
-      <line x1='0' y1='15' x2='15' y2='0' />
+    <svg viewBox='0 0 10 10' className='msl-close-icn'>
+      <line
+        stroke='currentColor'
+        strokeLinecap='round'
+        x1='0'
+        y1='0'
+        x2='10'
+        y2='10'
+      />
+      <line
+        stroke='currentColor'
+        strokeLinecap='round'
+        x1='0'
+        y1='10'
+        x2='10'
+        y2='0'
+      />
     </svg>
   )
 }

src/DownIcon.jsx

@@ -2,9 +2,23 @@ import React from 'react'
 
 export default function DownIcon() {
   return (
-    <svg className='msl-arrow-icn'>
-      <line x1='10' y1='15' x2='2' y2='7' />
-      <line x1='18' y1='7' x2='10' y2='15' />
+    <svg viewBox='0 0 20 20' className='msl-arrow-icn'>
+      <line
+        stroke='currentColor'
+        strokeLinecap='round'
+        x1='10'
+        y1='14'
+        x2='4'
+        y2='8'
+      />
+      <line
+        stroke='currentColor'
+        strokeLinecap='round'
+        x1='16'
+        y1='8'
+        x2='10'
+        y2='14'
+      />
     </svg>
   )
 }

src/MultiSelect.jsx

@@ -151,7 +151,7 @@ function MultiSelect({
 
     setValue(preDefinedValue)
     // close on option select
-    closeOnSelect && setMenuOpen(false)
+    closeOnSelect && singleSelect && setMenuOpen(false)
   }, [defaultValue])
 
   const setNewValue = (val) => {
@@ -176,6 +176,7 @@ function MultiSelect({
     }
     return { label, value }
   }
+
   const addValue = (newValObj) => {
     let tmp = [...value]
     if (singleSelect) {