hds-web 1.7.5 → 1.7.7

package/package.json

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

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-[1328px] mx-auto">
+            <div className={`flex items-center ${HDSColor(props.headerBg)} pl-4 tb:pl-0 justify-between py-4 tb:px-8 db:px-[100px] db:py-6 tb-l:justify-between tb-l:space-x-6`}>
                 <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/components/Hero/h2.js

@@ -112,7 +112,7 @@ export default function HeroSecondary({ heroData, logo, scrollArrow, fontSize })
 
         {heroData.buttons[0] &&
           <HDSButton
-            type="secondary"
+            type={heroData.buttons[0].cta_type || "secondary"}
             btnTextColorClass={HDSColor('text-neutral-0')}
             leftIconVariant='none'
             rightIconVariant='none'
@@ -124,7 +124,7 @@ export default function HeroSecondary({ heroData, logo, scrollArrow, fontSize })
           />
         }
         {heroData.buttons[1] && <HDSButton
-          type="primaryLink"
+          type={heroData.buttons[0].cta_type || "primaryLink"}
           btnTextColorClass={HDSColor('text-neutral-0')}
           leftIconVariant='none'
           rightIconVariant='none'

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;
   }