hds-web 1.5.1 → 1.5.3

package/package.json

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

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

@@ -10,7 +10,7 @@ import ReactMarkdown from "react-markdown";
 export default function TalkDetailCard(props) {
   const badgeLeftIconColor = HDSColor(props.badgeLeftIconColor);
   return (
-    <div className="grid grid-cols-1 tb:grid-cols-2 gap-16 db:gap-28 tb:gap-16">
+    <div className="grid grid-cols-1 tb:grid-cols-2 gap-6 db:gap-28 tb:gap-16">
       <div>
       <div className="flex flex-row flex-wrap tb:gap-3 gap-2">
         {props.badges &&
@@ -35,11 +35,11 @@ export default function TalkDetailCard(props) {
           props.tag_line && (<Typography textStyle='h6' className='text-blue-600 uppercase pt-4 pb-2'>{props.tag_line}</Typography>)
         }
         {
-          props.title && (<Typography textStyle='h3' as='h3' className='text-blue-900 pb-4'>{props.title}</Typography>)
+          props.title && (<Typography textStyle='h3' as='h3' className='text-blue-900 pb-6 db:pb-0'>{props.title}</Typography>)
         }
         {
           props.social_share && (
-            <div className='flex items-center '>
+            <div className='flex pb-6 tb:pt-0 tb:pb-0 items-center '>
               {
                 props.social_share.map((socialShare, i) => (
                   <a href={socialShare.share_url} className='mx-2 first:ml-0 last:mr-0'>
@@ -52,8 +52,8 @@ 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="border-t border-neutral-200 border-b pb-6 tb:border-0 tb:pb-0">
+              <Typography textStyle='h6' as='h6' className='uppercase   text-neutral-500 pb-6 pt-6 tb:pt-14'>speakers</Typography>
             
                 {
                   props.speaker_card.map((speaker, i) => (

package/src/HDS/components/Tables/tableB.js

@@ -7,9 +7,9 @@ import { Tab } from '../Tabs'
 import ReactMarkdown from "react-markdown";
 
 const tabs = [
-    { name: 'Level 1', href: '', current: true },
-    { name: 'Level 2', href: '', current: false },
-    { name: 'Level 3', href: '', current: false },
+    { name: 'Tier 1', href: '', current: true },
+    { name: 'Tier 2', href: '', current: false },
+    { name: 'Tier 3', href: '', current: false },
 ]
 
 
@@ -66,9 +66,9 @@ export default function TableB(props) {
     const [activeTab, setActiveTab] = useState(1);
 
     function handleTabClick(tab) {
-        if (tab.name === 'Level 1') setActiveTab(1);
-        if (tab.name === 'Level 2') setActiveTab(2);
-        if (tab.name === 'Level 3') setActiveTab(3);
+        if (tab.name === 'Tier 1') setActiveTab(1);
+        if (tab.name === 'Tier 2') setActiveTab(2);
+        if (tab.name === 'Tier 3') setActiveTab(3);
         // Perform any other actions based on the clicked tab
     }
 
@@ -179,7 +179,7 @@ export default function TableB(props) {
                                     >
                                         <div className=''>
                                             <div className='flex flex-col justify-center items-center text-center'>
-                                                <div className={'flex items-center gap-2'}>
+                                                <div className={'flex items-center gap-2 w-full justify-center'}>
                                                     {TABLE_HEADER[key]['icon'] &&
                                                         (
                                                             <Icon
@@ -192,7 +192,7 @@ export default function TableB(props) {
                                                         TABLE_HEADER[key]['title'] && key == 0 && (
                                                             <Typography
                                                                 textStyle='h5'
-                                                                className={HDSColor(TABLE_HEADER[key]['title_text_color'])}>
+                                                                className={`w-full text-left ${HDSColor(TABLE_HEADER[key]['title_text_color'])}`}>
                                                                 {TABLE_HEADER[key]['title']}
                                                             </Typography>)
                                                     }

package/src/HDS/components/Tables/tableD.js

@@ -54,7 +54,7 @@ const levelCalc = (arr, index) => {
 
 }
 
-export default function TableB(props) {
+export default function TablePlatform(props) {
     const {
         title,
         title_color,
@@ -375,7 +375,7 @@ export default function TableB(props) {
     )
 }
 
-TableB.defaultProps = {
+TablePlatform.defaultProps = {
     title_color: 'text-blue-800',
     desc_color: 'text-blue-600'
 }

package/src/styles/tailwind.css

@@ -5464,6 +5464,10 @@ select {
   padding-top: 2rem;
 }
 
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -8285,6 +8289,10 @@ select {
     border-right-width: 1px;
   }
 
+  .tb\:border-t {
+    border-top-width: 1px;
+  }
+
   .tb\:border-r-neutral-150 {
     --tw-border-opacity: 1;
     border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
@@ -8346,6 +8354,22 @@ select {
     padding-top: 2.875rem;
   }
 
+  .tb\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .tb\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .tb\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .tb\:pt-0 {
+    padding-top: 0px;
+  }
+
   .tb\:text-left {
     text-align: left;
   }
@@ -9089,6 +9113,10 @@ select {
     padding-top: 8rem;
   }
 
+  .db\:pb-0 {
+    padding-bottom: 0px;
+  }
+
   .db\:text-left {
     text-align: left;
   }