hds-web 1.4.8 → 1.5.1

package/package.json

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

package/src/HDS/components/Cards/Misc/talkcard2.js

@@ -40,10 +40,10 @@ export default function TalkCard2(props) {
                     </div>
                     <div className="tb-l:w-[380px] db:w-[520px] flex flex-col tb:justify-between">
                         <div>
-                            <Typography className='my-2 text-blue-800' textStyle='h5'>{props.title}</Typography>
+                            <Typography className='mt-2 text-blue-800' textStyle='h5'>{props.title}</Typography>
                             {props.para &&
                                 <Typography
-                                    className='line-clamp-3 text-neutral-700'
+                                    className='line-clamp-3 mt-2 text-neutral-700'
                                     textStyle='body1c'>
                                     {props.para}
                                 </Typography>

package/src/HDS/components/Cards/TalkDetailCard/talkDetailCard.js

@@ -12,6 +12,7 @@ export default function TalkDetailCard(props) {
   return (
     <div className="grid grid-cols-1 tb:grid-cols-2 gap-16 db:gap-28 tb:gap-16">
       <div>
+      <div className="flex flex-row flex-wrap tb:gap-3 gap-2">
         {props.badges &&
           props.badges.map((value, index) => (
             <div key={index} className='flex  whitespace-nowrap'>
@@ -24,9 +25,11 @@ export default function TalkDetailCard(props) {
                 children={value.label}
 
               />
+              
             </div>
           ))
         }
+        </div>
 
         {
           props.tag_line && (<Typography textStyle='h6' className='text-blue-600 uppercase pt-4 pb-2'>{props.tag_line}</Typography>)
@@ -51,7 +54,7 @@ export default function TalkDetailCard(props) {
           props.speaker_card && (
             <div>
               <Typography textStyle='h6' as='h6' className='uppercase text-neutral-500 pb-6 pt-8 tb:pt-14'>speakers</Typography>
-              <div className="flex flex-row flex-wrap tb:gap-3 gap-2">
+            
                 {
                   props.speaker_card.map((speaker, i) => (
                     <div key={i} className='pb-4 last:pb-0'>
@@ -66,7 +69,7 @@ export default function TalkDetailCard(props) {
                     </div>
                   ))
                 }
-              </div>
+         
             </div>
           )
         }

package/src/styles/tailwind.css

@@ -2015,12 +2015,6 @@ select {
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
-.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
-}
-
 .divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(30 86 227 / 0.1);
 }
@@ -8873,13 +8867,8 @@ select {
     padding-bottom: 3rem;
   }
 
-  .tb-l\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .tb-l\:pb-12 {
-    padding-bottom: 3rem;
+  .tb-l\:pb-0 {
+    padding-bottom: 0px;
   }
 
   .tb-l\:pb-6 {
@@ -8890,22 +8879,6 @@ select {
     padding-left: 2rem;
   }
 
-  .tb-l\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .tb-l\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .tb-l\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .tb-l\:pb-0 {
-    padding-bottom: 0px;
-  }
-
   .tb-l\:text-left {
     text-align: left;
   }