hds-web 1.30.6 → 1.30.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.30.6",
+  "version": "1.30.8",
   "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}>

package/src/HDS/modules/Faq/faq.js

@@ -36,7 +36,7 @@ function DefaultAccordion(props) {
             {props.accordionData && props.accordionData.map((item, index) => (
                 <div
                     key={index}
-                    className="py-6 flex cursor-pointer"
+                    className=" first:pt-0 last:pb-0 py-6 flex cursor-pointer"
                     onClick={() => handleOpen(index)}
                 >
                     {/* <div 

package/src/styles/tailwind.css

@@ -2351,6 +2351,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));
 }
 
+.rotate-0{
+  --tw-rotate: 0deg;
+  -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));
+}
+
 .scale-150{
   --tw-scale-x: 1.5;
   --tw-scale-y: 1.5;
@@ -9396,6 +9402,10 @@ select{
   border-bottom-left-radius: 9999px;
 }
 
+.first\:pt-0:first-child{
+  padding-top: 0px;
+}
+
 .last\:mb-0:last-child{
   margin-bottom: 0px;
 }
@@ -12927,6 +12937,22 @@ select{
   color: rgb(30 86 227 / var(--tw-text-opacity));
 }
 
+.\[\&\>p\>img\:nth-child\(2\)\]\:max-w-\[140px\]>p>img:nth-child(2){
+  max-width: 140px;
+}
+
+.\[\&\>p\>img\]\:mt-4>p>img{
+  margin-top: 1rem;
+}
+
+.\[\&\>p\>img\]\:w-full>p>img{
+  width: 100%;
+}
+
+.\[\&\>p\>img\]\:max-w-\[420px\]>p>img{
+  max-width: 420px;
+}
+
 .\[\&\>p\]\:pb-1>p{
   padding-bottom: 0.25rem;
 }