hds-web 1.26.9 → 1.27.1

package/package.json

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

package/src/HDS/components/Hero/herolinkcard.js

@@ -28,11 +28,11 @@ const tabCard = (Content) => (
         <div className='flex items-center flex-wrap flex-row gap-2'>
           {Content.buttons.map((btn, index) => (
             <Fragment key={index}>
-              {btn.cta_link && btn.cta_text && btn.cta_type && (
-                <a href={btn.cta_link} key={index} className='flex pt-6'>
+              {btn.url && btn.text && btn.type && (
+                <a href={btn.url} key={index} className='flex pt-6'>
                   <HDSButton
-                    label={btn.cta_text}
-                    type={ btn.cta_type}
+                    label={btn.text}
+                    type={ btn.type}
                     leftIconVariant='none'
                     rightIconVariant='none'
                     state='default'
@@ -40,7 +40,7 @@ const tabCard = (Content) => (
                     rightAnimatedArrow={true}
                     rightAnimatedArrowColor='#3970FD'
                     animatedHoverStroke='group-hover:stroke-neutral-0'
-                    className={'flex ' + ((btn.cta_type === 'ghost') ? 
+                    className={'flex ' + ((btn.type === 'ghost') ?
                     ' border-opacity-0 hover:border-opacity-100 border-2 border-purple-800 rounded-full ' : '') }
                     // btnTextColorClass={HDSColor('text-neutral-0')}
                     btnbgHoverClass={btn.btnBgColorClass}
@@ -63,7 +63,7 @@ export default function HeroLinkCard(props) {
     const LinkCardsFn = (props) => {
         return (
           props.linkCards && (
-                <div className="flex px-8 tb:px-0 tb:justify-center overflow-auto no-scrollbar db:overflow-visible scrollbar-hide flex-row mt-16 gap-6 tb:flex-row  ">
+                <div className="flex tb:justify-center overflow-auto no-scrollbar db:overflow-visible scrollbar-hide flex-row mt-10 tb:mt-12 db:mt-16 gap-6 tb:flex-row  ">
                     {props.linkCards.map((card, index) => (
                         <div key={index} className={`${HDSColor(card.cardBorderClass)} ${HDSColor(card.cardBgColor)} ${HDSColor(card.cardHoverBg)} transition-all ease-out duration-300 hover:shadow-2xl hover:border-opacity-0 border rounded-2xl w-full min-w-[11.5rem] max-w-[22.313rem]`}>
                             <LinkCard
@@ -84,11 +84,11 @@ export default function HeroLinkCard(props) {
         );
     };
 
-    
+
     return (
       <div>
         <div className="flex flex-col-reverse tb:flex tb:flex-row tb:justify-between">
-          <div className="tb:w-1/2 db:max-w-[535px]">
+          <div className={`tb:w-1/2 db:max-w-[${props.contentWd ? props.contentWd : '535px'}]`}>
             {props &&
               tabCard(props)}
           </div>
@@ -143,4 +143,4 @@ export default function HeroLinkCard(props) {
         </div>
       </div>
     );
-}
+}

package/src/styles/tailwind.css

@@ -10876,6 +10876,10 @@ select{
     margin-top: -4px;
   }
 
+  .tb\:mt-12{
+    margin-top: 3rem;
+  }
+
   .tb\:block{
     display: block;
   }
@@ -12307,6 +12311,10 @@ select{
     margin-top: 0px;
   }
 
+  .db\:mt-16{
+    margin-top: 4rem;
+  }
+
   .db\:block{
     display: block;
   }