forstok-ui-lib 5.8.2 → 5.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "5.8.2",
+  "version": "5.8.3",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/images/icons/person.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="auto" height="auto" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM12 14.5C13.46 14.5 16.93 15.09 18.36 16.83C19.38 15.49 20 13.82 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12C4 13.82 4.62 15.49 5.64 16.83C7.07 15.09 10.54 14.5 12 14.5ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM10.5 9.5C10.5 10.33 11.17 11 12 11C12.83 11 13.5 10.33 13.5 9.5C13.5 8.67 12.83 8 12 8C11.17 8 10.5 8.67 10.5 9.5Z" fill="#000000"/>
+</svg>

package/src/components/icon/styles.ts

@@ -33,7 +33,7 @@ import IconNotificationDownload from '../../assets/images/icons/notif-download-w
 import IconNotificationUpload from '../../assets/images/icons/notif-upload-white.svg';
 import IconBar from '../../assets/images/icons/humberbars.svg';
 import IconClose from '../../assets/images/icons/close.svg';
-
+import IconPerson from '../../assets/images/icons/person.svg';
 const NotificationStyled = css`
   width: 44px;
   height: 44px;
@@ -279,6 +279,12 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
           content: url(${IconClose}); 
         }`
       break;
+    case 'person': 
+      style += `
+        &:before { 
+          content: url(${IconPerson}); 
+        }`
+      break;
     default: 
       break;
   }