forstok-ui-lib 5.11.2 → 5.11.4

package/package.json

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

package/src/assets/images/icons/person-red.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="#fc5c64"/>
+</svg>

package/src/assets/stylesheets/shares.styles.ts

@@ -104,7 +104,7 @@ const getBulkActionWrapperModifiedStyled = ({ $isOpen }:{ $isOpen?: boolean }) =
             top: 0;
             left: 0;
             z-index: 100;
-            background-color: rgba(0, 0, 0, .1);
+            background-color: rgba(0, 0, 0, .5);
           }
         }
       }

package/src/components/dropdown/styles.ts

@@ -240,7 +240,7 @@ export const DropDownOverlayWrapper = styled.div`
   top: 0;
   left: 0;
   z-index: 100;
-  background-color: rgba(0, 0, 0, .1);
+  background-color: rgba(0, 0, 0, .5);
   display: none;
   @media only screen and (min-width: 768px) {
     display: none !important;

package/src/components/icon/styles.ts

@@ -1,6 +1,7 @@
 import type { MouseEvent } from 'react';
 import styled, { css } from 'styled-components';
 import IconPerson from '../../assets/images/icons/person.svg';
+import IconPersonRed from '../../assets/images/icons/person-red.svg';
 import IconCart from '../../assets/images/icons/cart.svg';
 
 const NotificationStyled = css`
@@ -254,6 +255,12 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
           content: url(${IconPerson}); 
         }`
       break;
+    case 'person-red': 
+      style += `
+        &:before { 
+          content: url(${IconPersonRed}); 
+        }`
+      break;
     case 'cart': 
       style += `
         &:before { 

package/src/components/popup/styles.ts

@@ -253,7 +253,7 @@ export const PopupBody = styled.div<{ $mode?: string | null, $width?: string | n
   padding: 20px 10px;
   grid-gap: 1em;
   min-height: 5vh;
-  max-height: calc(100vh - 170px);
+  max-height: calc(100vh - 250px);
   height: auto;
   overflow: auto;
   overflow-x: hidden;