hds-web 1.30.5 → 1.30.7

package/package.json

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

package/src/HDS/components/Cards/EventCards/eventschedule.js

@@ -16,27 +16,27 @@ export default function EventScheduleCard(props) {
                     <Icon height='h-[18px] w-[18px]' variant='calendar' strokeClass='stroke-neutral-600 stroke-2' />
                     <Typography textStyle='h6' className='capitalize text-neutral-600' >WHEN</Typography>
                 </div>
-                <div className='text-neutral-700 text-hds-m-sub2'>
+               <Typography textStyle='sub2' className='text-neutral-700'> 
                     {props.eventDate}
-                </div>
+                </Typography>
             </div>}
             {props.eventTime && <div className="flex flex-col tb:px-6 py-4 tb:py-0 gap-1">
                 <div className="flex gap-2 items-center">
                     <Icon height='h-[18px] w-[18px]' variant='clock' strokeClass='stroke-neutral-600 stroke-2' />
                     <Typography textStyle='h6' className='capitalize text-neutral-600'  >TIME</Typography>
                 </div>
-                <div className='text-neutral-700 text-hds-m-sub2'>
+               <Typography textStyle='sub2' className='text-neutral-700'> 
                     {props.eventTime}
-                </div>
+                </Typography>
             </div>}
             {props.eventLocation && <div className="flex flex-col tb:px-6 py-4 tb:py-0 gap-1 ">
                 <div className="flex gap-2 items-center">
                     <Icon height='h-[18px] w-[18px]' variant='markerpin03' strokeClass='stroke-neutral-600 stroke-2' />
                     <Typography textStyle='h6' className='capitalize text-neutral-600'  >WHERE</Typography>
                 </div>
-                <div className='text-neutral-700 text-hds-m-sub2'>
+               <Typography textStyle='sub2' className='text-neutral-700'> 
                     {props.eventLocation}
-                </div>
+                </Typography>
             </div>}
             {props.social && <div className="px-6 flex flex-wrap gap-4 items-center">
                 {props.social && props.social.twitter && <a href={props.social.twitter}>
@@ -66,12 +66,13 @@ export default function EventScheduleCard(props) {
     return (
         <>
             <div>
-                <div className="pb-2">
-                    {props.eventBadge && <Badges
+                {props.eventBadge && <div className="pb-2">
+                    <Badges
                         color={props.badgeColor ?? 'green'}
                         children={props.eventBadge}
-                    />}
+                    />
                 </div>
+                }
                 {props.title &&
                     <Typography
                         textStyle='h3'
@@ -109,7 +110,7 @@ export default function EventScheduleCard(props) {
                         ))}
 
                     </div>
-                    }
+                }
             </div>
         </>
     )