hds-web 1.27.7 → 1.27.9

package/package.json

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

package/src/HDS/assets/icons/calendar.svg

@@ -1,3 +1,3 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21 10H3M16 2V6M8 2V6M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 10H3M16 2V6M8 2V6M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z"  stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/HDS/assets/icons/clock.svg

@@ -1,3 +1,3 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"  stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/HDS/assets/icons/marker-pin-03.svg

@@ -1,4 +1,4 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22C13 17 20 16.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 16.4183 11 17 12 22Z"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 22C13 17 20 16.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 16.4183 11 17 12 22Z"  stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z"  stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -12,8 +12,8 @@ export default function EventScheduleCard(props) {
     const scheduleSection = () => (
         <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' />
+                <div className="flex gap-2 items-center">
+                    <Icon height='h-[18px] w-[18px]' variant='calendar' strokeClass='stroke-neutral-600 stroke-[1.5px]' />
                     <Typography textStyle='h6' className='capitalize text-neutral-600' >WHEN</Typography>
                 </div>
                 <div className='text-neutral-700 text-hds-m-sub2'>
@@ -21,8 +21,8 @@ export default function EventScheduleCard(props) {
                 </div>
             </div>}
             {props.eventTime && <div className="flex flex-col tb:px-6 py-4 tb:py-0 gap-1">
-                <div className="flex gap-2">
-                    <Icon height='h-[18px] w-[18px]' variant='clock' strokeClass='stroke-neutral-600' />
+                <div className="flex gap-2 items-center">
+                    <Icon height='h-[18px] w-[18px]' variant='clock' strokeClass='stroke-neutral-600 stroke-[1.5px]' />
                     <Typography textStyle='h6' className='capitalize text-neutral-600'  >TIME</Typography>
                 </div>
                 <div className='text-neutral-700 text-hds-m-sub2'>
@@ -30,8 +30,8 @@ export default function EventScheduleCard(props) {
                 </div>
             </div>}
             {props.eventLocation && <div className="flex flex-col tb:px-6 py-4 tb:py-0 gap-1 ">
-                <div className="flex gap-2">
-                    <Icon height='h-[18px] w-[18px]' variant='markerpin03' strokeClass='stroke-neutral-600' />
+                <div className="flex gap-2 items-center">
+                    <Icon height='h-[18px] w-[18px]' variant='markerpin03' strokeClass='stroke-neutral-600 stroke-[1.5px]' />
                     <Typography textStyle='h6' className='capitalize text-neutral-600'  >WHERE</Typography>
                 </div>
                 <div className='text-neutral-700 text-hds-m-sub2'>

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

@@ -5,7 +5,7 @@ import { Badges } from "../../components/BadgesCaption";
 
 export default function EventListingCard(props) {
   return (
-    <div className="group/eventListing hover:shadow-xl rounded-3xl transition-all duration-300">
+    <div className="group/eventListing rounded-3xl transition-all duration-300">
       <div className="self-start rounded-t-3xl">
         {
           props.eventListingImg && (

package/src/styles/tailwind.css

@@ -10435,6 +10435,10 @@ select{
   visibility: visible;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:visible{
+  visibility: visible;
+}
+
 .group\/sc:hover .group-hover\/sc\:block{
   display: block;
 }
@@ -10497,6 +10501,12 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:translate-x-\[0\.15rem\]{
+  --tw-translate-x: 0.15rem;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .group\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
   --tw-border-opacity: 0;
 }
@@ -10662,10 +10672,20 @@ select{
   transition-duration: 150ms;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .group:hover .group-hover\:delay-100{
   transition-delay: 100ms;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:delay-100{
+  transition-delay: 100ms;
+}
+
 .group:hover .group-hover\:duration-100{
   transition-duration: 100ms;
 }
@@ -10674,6 +10694,10 @@ select{
   transition-duration: 300ms;
 }
 
+.group\/eventListing:hover .group-hover\/eventListing\:duration-300{
+  transition-duration: 300ms;
+}
+
 .group:hover .group-hover\:ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }