hds-web 1.3.5 → 1.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Avatars/hasConAv.js

@@ -7,7 +7,7 @@ export default function HasConAvatar({ name, designation, size, imageUrl }) {
     return (
         <div className={`tb:max-w-[289px] group rounded-3xl flex items-center justify-between bg-neutral-0 tb:inline-flex tb:flex-col shadow tb:min-w-[18rem]`}>
 
-            <div className="px-5 py-[30px] tb:p-0 text-left tb:flex-col min-h-[96px] tb:flex tb:items-center tb:px-8 tb:pb-8 tb:mt-8 tb:ml-0 tb-l:text-center">
+            <div className="px-5 py-[30px] tb:p-0 text-left tb:flex-col min-h-[96px] tb:flex tb:items-center tb:px-8 tb:pb-8 tb:mt-8 tb:ml-0 tb:text-center">
                 <Typography textStyle='h5' className='text-blue-400'>{name}</Typography>
                 <Typography textStyle='h7' className='text-blue-800 uppercase'>{designation}</Typography>
             </div>

package/src/HDS/components/Carousels/carouselCard.js

@@ -43,13 +43,15 @@ export default function CarouselCard(props) {
     const totalCards = props.cards.length;
 
     const nextCard = () => {
-        if (currentCard >= totalCards-3) {
-            scrollToCard(0);
+        const scrollByAmount = window.innerWidth > 900 ? 3 : 1;
+    
+        if (currentCard >= totalCards - scrollByAmount) {
+          scrollToCard(0);
         } else {
-            scrollToCard(currentCard + 1);
+          scrollToCard(currentCard + scrollByAmount);
         }
-    };
-
+      };
+    
     const previousCard = () => {
         if (currentCard === 0) {
             scrollToCard(totalCards - 1);