hds-web 1.31.7 → 1.31.9

package/package.json

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

package/src/HDS/components/BadgesCaption/badges.js

@@ -26,7 +26,7 @@ const colorVariants = {
   purple500: 'bg-purple-500 shadow-sm',
   blue500:'bg-blue-500 shadow-sm',
   green500:'bg-green-500 shadow-sm',
-  borderN400:'border border-neutral-400'
+  borderN400: 'border border-neutral-400 group-hover/badge:bg-blue-500 group-hover/badge:text-neutral-0 group-hover/badge:border-opacity-0 transition-all duration-100 ease-in-out'
 
 }
 

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

@@ -12,7 +12,7 @@ export default function EventListingCard(props) {
           props.eventListingImg && (
             <div className="relative">
               <div>
-                <img src={props.eventListingImg} alt={props.title} className={` rounded-t-3xl h-[179px] object-cover ${props.imgBG}`} />
+                <img src={props.eventListingImg} alt={props.title} className={` rounded-t-3xl h-[179px] object-cover ${props.imgBG}`} loading="lazy" />
                 {props.imgTagText && <div className=" scale-75 absolute top-2 -right-1">
                   <LiveStatus
                     statusCircleBgClass={props.circleBG ?? 'bg-red-400'}

package/src/styles/tailwind.css

@@ -2411,14 +2411,14 @@ select{
           animation: bounce 1s infinite;
 }
 
-.cursor-pointer{
-  cursor: pointer;
-}
-
 .cursor-default{
   cursor: default;
 }
 
+.cursor-pointer{
+  cursor: pointer;
+}
+
 .select-none{
   -webkit-user-select: none;
           user-select: none;
@@ -7832,6 +7832,10 @@ select{
   transition-duration: 350ms;
 }
 
+.duration-100{
+  transition-duration: 100ms;
+}
+
 .ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -10570,6 +10574,10 @@ select{
   --tw-border-opacity: 0;
 }
 
+.group\/badge:hover .group-hover\/badge\:border-opacity-0{
+  --tw-border-opacity: 0;
+}
+
 .group\/card:hover .group-hover\/card\:bg-blue-200{
   --tw-bg-opacity: 1;
   background-color: rgb(223 232 255 / var(--tw-bg-opacity));
@@ -10620,6 +10628,16 @@ select{
   background-color: rgb(219 198 255 / var(--tw-bg-opacity));
 }
 
+.group\/badge:hover .group-hover\/badge\:bg-neutral-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
+.group\/badge:hover .group-hover\/badge\:bg-blue-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(57 112 253 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-gradient-to-t{
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -10706,6 +10724,11 @@ select{
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
+.group\/badge:hover .group-hover\/badge\:text-neutral-0{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .group\/img:hover .group-hover\/img\:opacity-0{
   opacity: 0;
 }