hds-web 1.26.3 → 1.26.5

package/package.json

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

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

@@ -16,7 +16,7 @@ export default function LiveStatus(props) {
   return (
     <div className={`${bgColorClass} px-3 py-1 rounded-full inline-flex items-center shadow`}>
       <div className={`${circleBgClass} ${blink} mr-1 w-3 h-3 min-w-[12px] min-h-[12px] rounded-full`}></div>
-      <Typography textStyle="h6" as="h6" className={`${textColorClass} uppercase`}>{props.statusText}</Typography>
+      <Typography textStyle="body3c-medium" className={`${textColorClass} `}>{props.statusText}</Typography>
     </div>
   );
 }

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

@@ -10,7 +10,7 @@ export default function EventListingCard(props) {
         {
           props.eventListingImg && (
             <div>
-              <img src={props.eventListingImg} alt={props.title} />
+              <img src={props.eventListingImg} alt={props.title} className={` border-b border-neutral-200 rounded-t-3xl max-h-[179px] object-contain ${props.imgBG}`} />
             </div>
           )
         }

package/src/styles/tailwind.css

@@ -1768,6 +1768,10 @@ select{
   max-height: 100vh;
 }
 
+.max-h-\[179px\]{
+  max-height: 179px;
+}
+
 .min-h-\[12px\]{
   min-height: 12px;
 }
@@ -2194,6 +2198,10 @@ select{
   max-width: min-content;
 }
 
+.max-w-\[270px\]{
+  max-width: 270px;
+}
+
 .flex-1{
   flex: 1 1 0%;
 }