hds-web 1.7.6 → 1.7.8

package/package.json

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

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

@@ -113,6 +113,7 @@ export default function IconCard(props) {
                                 btnBgColorClass={btn.btnBg}
                                 btnTextHoverClass={btn.btnTextColorClass}
                                 animatedHoverStroke={btn.animatedHoverStroke}
+                                btnTextColorClass={btn.btnTextColorClass}
                             />
                         </a>))
                         }

package/src/HDS/components/Headers/v3Header.js

@@ -167,8 +167,8 @@ export default function V3Header(props) {
     }
 
     return (
-        <Popover className="relative">
-            <div className={`flex items-center ${HDSColor(props.headerBg)} justify-between py-4 pl-6 tb:px-8 db:px-[100px] db:py-6 tb-l:justify-between tb-l:space-x-6`}>
+        <Popover className="relative max-w-7xl mx-auto">
+            <div className={`flex items-center ${HDSColor(props.headerBg)} justify-between py-4 db:py-6 tb-l:justify-between`}>
                 <div className='flex items-center'>
                     <a href={props.headerUrl} className="flex items-center">
                         <Icon height='w-[103px] h-[33px]' variant={'hasuraPrimary'} strokeColor={''} />

package/src/HDS/modules/TextCard/textCard.js

@@ -131,19 +131,28 @@ export default function TextCard(props) {
               </div>
             )
           }
-          {
-            props.button && (
-              <HDSButton
-                label={props.button.cta_text}
-                type='secondary'
-                leftIconVariant='none'
-                rightIconVariant='none'
-                state='default'
-                size='md'
-                rightAnimatedArrow={true}
-                rightAnimatedArrowColor='#3970FD'
-              />
-            )
+
+          {props.button &&
+            <div className="flex gap-6 items-center">
+              {props.button.map((btn, index) => (
+                <a href={btn.cta_link} key={index} className="flex ">
+                  <HDSButton
+                    label={btn.cta_text}
+                    type={btn.cta_type || 'secondary'}
+                    leftIconVariant='none'
+                    rightIconVariant='none'
+                    state='default'
+                    size='md'
+                    rightAnimatedArrow={true}
+                    rightAnimatedArrowColor={btn.rightAnimatedArrowColor || '#3970FD'}
+                    btnBgColorClass={btn.btnBg}
+                    btnTextHoverClass={btn.btnTextColorClass}
+                    animatedHoverStroke={btn.animatedHoverStroke}
+                    btnTextColorClass={btn.btnTextColorClass}
+                  />
+                </a>))
+              }
+            </div>
           }
         </div>
         {

package/src/styles/tailwind.css

@@ -1720,6 +1720,10 @@ select{
   max-width: min-content;
 }
 
+.max-w-\[1328px\]{
+  max-width: 1328px;
+}
+
 .flex-1{
   flex: 1 1 0%;
 }
@@ -9594,6 +9598,10 @@ select{
     padding-top: 2.875rem;
   }
 
+  .tb\:pl-0{
+    padding-left: 0px;
+  }
+
   .tb\:text-left{
     text-align: left;
   }