hds-web 1.30.1 → 1.30.2

package/package.json

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

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

@@ -58,55 +58,25 @@ export default function HomePageCarousel(props) {
 
     const maxVisibleCards = 6;
 
-    const arrowStyle = ' text-2xl z-10 bg-black h-12 w-12 ml-6 w-10 rounded-full bg-neutral-0 hover:bg-neutral-0 flex items-center justify-center shadow';
+    const arrowStyle = ' text-2xl z-10 bg-black h-10 ml-6 w-10 rounded-full bg-purple-200 hover:bg-neutral-0 flex items-center justify-center';
 
-    const disableButton = (current, dir) => {
-        if (dir === 'isLeft') {
-            if (current === 0) return true;
-            else return false
-        }
-
-        if (dir === 'isRight') {
-            if (current === 2) return true;
-            else return false
-        }
-
-
-    }
-
-    const sliderLeftControl = () => (
+    const sliderControl = isLeft => (
         <button
             type="button"
+            onClick={isLeft ? previousCard : nextCard}
+            className={`flex  ${arrowStyle} ${isLeft ? '' : ''}`}
 
-            onClick={() => {
-
-                previousCard();
-            }}
-            className={`flex bg-blue-600 ${arrowStyle} disabled:bg-neutral-200 `}
-            disabled={disableButton(currentCard, 'isLeft')} // Disable the button if it's the last card
         >
-            <span role="img" aria-label={`Arrow left `}>
-                {(
-                    <Icon height={'h-6 w-6 stroke-[1.5]'} variant={'arrowleft'} strokeColor='#1F2A37' />
-                )}
-            </span>
-        </button>
-    );
-    const sliderRightControl = () => (
-        <button
-            type="button"
+            <span role="img" aria-label={`Arrow ${isLeft ? 'left' : 'right'}`}>
+                {isLeft ?
 
-            onClick={() => {
+                    <Icon height={'h-6 w-6'} variant={'chevronleft'} strokeColor='#00288E' />
 
-                nextCard();
-            }}
-            className={`flex bg-blue-600 ${arrowStyle} disabled:bg-neutral-200 `}
-            disabled={disableButton(currentCard, 'isRight')} // Disable the button if it's the last card
-        >
-            <span role="img" aria-label={`Arrow right `}>
-                {(
-                    <Icon height={'h-6 w-6 stroke-[1.5]'} variant={'arrowright'} strokeColor='#1F2A37' />
-                )}
+                    :
+
+                    <Icon height={'h-6 w-6'} variant={'chevronright'} strokeColor='#00288E' />
+
+                }
             </span>
         </button>
     );
@@ -160,8 +130,8 @@ export default function HomePageCarousel(props) {
                 <div className="flex pt-10 justify-center items-center">
                     {/* {slider()} */}
                     <div className="flex">
-                        {sliderLeftControl()}
-                        {sliderRightControl()}
+                        {sliderControl(true)}
+                        {sliderControl()}
                     </div>
                 </div>
                 <div className="justify-center select-none  items-center"
@@ -173,18 +143,18 @@ export default function HomePageCarousel(props) {
                         >
 
                             {props.cards.map((item, i) => (
-                                <div className="snap-center mx-5 shrink-0" key={i} ref={refs[i]}>
+                                <div className=" db:snap-center snap-center tb-m:snap-start mx-5 shrink-0" key={i} ref={refs[i]}>
                                     <div className="w-full select-none rounded-3xl object-contain">
                                         {React.createElement(props.component, item)}
                                     </div>
 
                                 </div>
                             ))}
-                            {/* <div className="db:snap-center snap-center tb-m:snap-start mx-5 shrink-0" key={totalCards}>
+                            <div className="db:snap-center snap-center tb-m:snap-start mx-5 shrink-0" key={totalCards}>
                                 <div className="w-full select-none rounded-3xl object-contain">
                                     {React.createElement(props.component, props.cards[0])}
                                 </div>
-                            </div> */}
+                            </div>
                         
 
                         </div>

package/src/HDS/modules/Events/eventsAgenda.js

@@ -36,7 +36,7 @@ export default function EventAgenda(props) {
             }
             {
               list.description && (
-                <Typography textStyle="body1" className="text-neutral-700 [&>p]:pb-1 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800">
+                <Typography textStyle="body1" className="text-neutral-700 [&>p]:pb-1 [&>p>img]:my-6 [&>p>img]:max-w-[420px] [&>p>img]:w-full [&>p>img]:rounded-3xl last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-1 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>p>a:hover]:text-blue-800">
                   <ReactMarkdown>{list.description}</ReactMarkdown>
                 </Typography>
               )