hds-web 1.27.5 → 1.27.7

package/package.json

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

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

@@ -10,7 +10,7 @@ import { Icon } from "../../common-components";
 export default function EventScheduleCard(props) {
 
     const scheduleSection = () => (
-        <div className="flex tb:divide-x divide-y tb:divide-y-0 divide-neutral-200 py-6 tb:flex-row flex-col">
+        <div className="flex tb:divide-x divide-y tb:divide-y-0 divide-neutral-200 pb-6 tb:flex-row flex-col">
             {props.eventDate && <div className="flex flex-col tb:pr-6 pb-4 tb:pb-0 gap-1">
                 <div className="flex gap-2">
                     <Icon height='h-[18px] w-[18px]' variant='calendar' strokeClass='stroke-neutral-600' />
@@ -38,14 +38,14 @@ export default function EventScheduleCard(props) {
                     {props.eventLocation}
                 </div>
             </div>}
-            {props.social  && <div className="px-6 flex flex-wrap gap-4 items-center">
-                {props.social && props.social.twitter &&  <a href={props.social.twitter}>
+            {props.social && <div className="px-6 flex flex-wrap gap-4 items-center">
+                {props.social && props.social.twitter && <a href={props.social.twitter}>
                     <Icon variant='twitter' className='brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300' />
                 </a>}
-                {props.social && props.social.linkedin &&  <a href={props.social.linkedin}>
+                {props.social && props.social.linkedin && <a href={props.social.linkedin}>
                     <Icon variant='linkedin' className='brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300' />
                 </a>}
-                {props.social && props.social.facebook &&  <a href={props.social.facebook}>
+                {props.social && props.social.facebook && <a href={props.social.facebook}>
                     <Icon variant='facebookBlue' className='brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300' />
                 </a>}
             </div>}
@@ -75,10 +75,15 @@ export default function EventScheduleCard(props) {
                 {props.title &&
                     <Typography
                         textStyle='h3'
-                        className={HDSColor(props.titleTextColor)}>
+                        as='h3'
+                        className={HDSColor(props.titleTextColor) + ' pb-6'}>
                         {props.title}
                     </Typography>}
-                {scheduleSection(props)}
+                {
+                (props.eventDate || props.eventTime || props.eventLocation || props.social)
+                    &&
+                    scheduleSection(props)
+                }
                 {props.subtitle &&
                     <Typography
                         textStyle='h5'

package/src/styles/tailwind.css

@@ -1636,6 +1636,10 @@ select{
   height: 130px;
 }
 
+.h-\[179px\]{
+  height: 179px;
+}
+
 .h-\[18px\]{
   height: 18px;
 }
@@ -1728,10 +1732,6 @@ select{
   max-height: 144px;
 }
 
-.max-h-\[179px\]{
-  max-height: 179px;
-}
-
 .max-h-\[181px\]{
   max-height: 181px;
 }
@@ -10860,6 +10860,10 @@ select{
     margin-top: 2.5rem;
   }
 
+  .tb\:mt-12{
+    margin-top: 3rem;
+  }
+
   .tb\:mt-4{
     margin-top: 1rem;
   }
@@ -10876,10 +10880,6 @@ select{
     margin-top: -4px;
   }
 
-  .tb\:mt-12{
-    margin-top: 3rem;
-  }
-
   .tb\:block{
     display: block;
   }
@@ -12381,10 +12381,6 @@ select{
     max-width: 500px;
   }
 
-  .db\:max-w-\[535px\]{
-    max-width: 535px;
-  }
-
   .db\:max-w-\[540px\]{
     max-width: 540px;
   }