Merge pull request #45 from code4rena-dev/develop

Minor Version - Card Component + Icon Fix

package.json

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

src/lib/Card/Card.scss

@@ -6,11 +6,11 @@
   background: $color__n-85;
   border-radius: $border-radius__m;
   width: 100%;
-  
+
   &--transparent {
     background: transparent;
   }
-  
+
   &--outlined {
     border: 1px solid $color__n-60;
   }
@@ -37,7 +37,7 @@
       order: 2;
     }
   }
-  
+
   &__main {
     display: flex;
     flex-direction: row;
@@ -49,6 +49,8 @@
   &__image {
     height: 5.625rem;
     width: 5.625rem;
+    min-height: 5.625rem;
+    min-width: 5.625rem;
     border-radius: 50%;
     overflow: hidden;
     display: flex;
@@ -66,11 +68,15 @@
     &--l {
       height: 9rem;
       width: 9rem;
+      min-height: 9rem;
+      min-width: 9rem;
     }
 
     &--s {
       height: 4rem;
       width: 4rem;
+      min-height: 4rem;
+      min-width: 4rem;
     }
 
     &--radius-l {
@@ -106,12 +112,13 @@
     margin: 0 $spacing__m;
     flex-grow: 1;
     order: 2;
+    word-break: break-all;
   }
 
   &__cta {
     order: 3;
   }
-  
+
   &__footer {
     color: $color__n-10;
     border-top: 1px solid $color__n-60;
@@ -120,10 +127,10 @@
     justify-content: space-between;
     padding: 0;
   }
-  
+
   &__footer-link-wrapper {
     padding: 0;
-    
+
     a {
       color: $color__n-10;
       border-left: 1px solid $color__n-60;
@@ -136,10 +143,10 @@
       }
     }
   }
-  
+
   &__footer-details {
     padding: $spacing__s $spacing__m;
     margin: 0;
     justify-self: flex-start;
   }
-}
+}

src/lib/Icon/iconList.tsx

@@ -209,7 +209,7 @@ export const icons = (size: string, color: string, className?: string): Record<s
                 </g>
             </g>
         </svg>,
-    "more-vertical": <svg className={className} width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+    "more-vertical": <svg className={className} width={size} height={size} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
             <g id="more-vertical">
                 <g>
                     <path fill={color} d="M12.5 4.75C12.5 5.7165 11.7165 6.5 10.75 6.5C9.7835 6.5 9 5.7165 9 4.75C9 3.7835 9.7835 3 10.75 3C11.7165 3 12.5 3.7835 12.5 4.75Z" />