refactor: Add support for react versions>= 16.8, style changes

Author: ajayduth-keyvalue

package-lock.json

@@ -85,7 +85,7 @@
     "webpack-merge-and-include-globally": "^2.3.4"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": ">=16.8.0"
   },
   "files": [
     "build"

package.json

@@ -1,9 +1,9 @@
-export const DEFAULT_SPACE_BETWEEN_PICS = 20;
+export const DEFAULT_SPACE_BETWEEN_PICS = 45;
 
 export enum Elements {
   Avatar = "Avatar",
   ExtraCount = "ExtraCount",
   Name = "Name"
 }
 
-export const DEFAULT_AVATAR_SIZE = 40;
+export const DEFAULT_AVATAR_SIZE = 64;

src/lib/inline-images/constants.ts

@@ -8,7 +8,7 @@
     margin-top: 5px;
   }
   img {
-    border: 3px solid white;
+    border: 4px solid white;
     transition: all 0.3s;
     &.elevateOnHover:hover {
       transform: scale(1.1); 
@@ -40,8 +40,9 @@
     top: 0;
   }
   .extraCount {
-    border: 3px solid white;
-    background: floralwhite;
+    border: 4px solid white;
+    background: #F3F3FF;
+    color: #5D5FEF;
     display: flex;
     justify-content: center;
     align-items: center;