hds-web 1.1.9 → 1.2.0

package/package.json

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

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

@@ -142,14 +142,14 @@ export default function V3Header(props) {
     )
 
     return (
-        <Popover className="relative bg-white">
+        <Popover className="relative">
             <div className="flex items-center bg-neutral-50 justify-between p-6 md:justify-start md:space-x-6">
                 <div>
-                    <a href="#" className="flex items-center">
-                        <Icon variant={'hasuraPrimary'} strokeColor={''} />
+                    <a href={props.headerUrl} className="flex items-center">
+                        <Icon height='w-[103px] h-[33px]' variant={'hasuraPrimary'} strokeColor={''} />
                     </a>
                 </div>
-                <div className="-my-2 -mr-2 md:hidden">
+                <div className="tb:hidden">
                     <Popover.Button className="inline-flex items-center justify-center rounded-md bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
                         <span className="sr-only">Open menu</span>
                         <div className=' gap-6 flex'>
@@ -158,7 +158,7 @@ export default function V3Header(props) {
                         </div>
                     </Popover.Button>
                 </div>
-                <div className="hidden md:flex md:flex-1 md:items-center md:justify-between">
+                <div className="hidden tb:flex tb:flex-1 tb:items-center tb:justify-between">
                     <Popover.Group as="nav" className="flex space-x-6">
                         {headerListfn(props.HEADER_LIST)}
                     </Popover.Group>
@@ -364,5 +364,6 @@ V3Header.defaultProps = {
             ]
         },
 
-    ]
+    ],
+    headerUrl:'https://hasura.io/'
 }

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

@@ -166,8 +166,8 @@ export default function HeroSecondary({ heroData, logo, scrollArrow, fontSize })
 
   const imageCard = (heroData) => (
     heroData.imageUrl && (
-      <div className="w-1/2 tb-l:w-full tb:flex tb:flex-col tb:justify-center">
-        <img src={heroData.imageUrl} alt={heroData.imageAlt} className='w-full ' />
+      <div className="">
+        <img src={heroData.imageUrl} alt={heroData.imageAlt} className='w-full' />
       </div>
     )
   )
@@ -178,8 +178,8 @@ export default function HeroSecondary({ heroData, logo, scrollArrow, fontSize })
       <div className="">
         <div className={"max-w-7xl mx-auto px-20 py-20 rounded-3xl overflow-hidden " + ((heroData.bg_color) ? heroData.bg_color : "")} >
           <div className="w-full">
-            <div className={"tb-l:flex tb-l:items-center tb-l:flex-row db:w-full flex flex-col-reverse tb:gap-x-16 db:gap-x-10 min-[1880px]:gap-x-72" + ((heroData.video_url) ? " " : " tb:flex")}>
-              <div className='w-full tb:flex items-start tb:flex-col mt-4 tb:mt-0'
+            <div className={"tb-l:flex tb-l:justify-between tb-l:items-center tb-l:flex-row db:w-full flex flex-col-reverse tb:gap-x-16 db:gap-x-10 min-[1880px]:gap-x-72" + ((heroData.video_url) ? " " : " tb:flex")}>
+              <div className='max-w-[29.18rem] w-full tb:flex items-start tb:flex-col mt-4 tb:mt-0'
               >
                 {
                   heroData.tag_line && (
@@ -208,7 +208,11 @@ export default function HeroSecondary({ heroData, logo, scrollArrow, fontSize })
 
 
               </div>
+              <div className="">
+
+              
               {imageCard(heroData)}
+              </div>
             </div>
 
             {LinkCardsFn(heroData)}

package/src/styles/tailwind.css

@@ -1365,6 +1365,10 @@ select {
   height: 100%;
 }
 
+.h-\[33px\] {
+  height: 33px;
+}
+
 .max-h-\[26\.25\] {
   max-height: 26.25;
 }
@@ -1491,6 +1495,14 @@ select {
   width: 100vw;
 }
 
+.w-\[104px\] {
+  width: 104px;
+}
+
+.w-\[103px\] {
+  width: 103px;
+}
+
 .min-w-\[15rem\] {
   min-width: 15rem;
 }
@@ -1559,6 +1571,10 @@ select {
   max-width: min-content;
 }
 
+.max-w-\[29\.18rem\] {
+  max-width: 29.18rem;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -8015,6 +8031,10 @@ select {
     max-width: 530px;
   }
 
+  .tb\:flex-1 {
+    flex: 1 1 0%;
+  }
+
   .tb\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -8043,6 +8063,10 @@ select {
     justify-content: center;
   }
 
+  .tb\:justify-between {
+    justify-content: space-between;
+  }
+
   .tb\:gap-0 {
     gap: 0px;
   }
@@ -8572,6 +8596,14 @@ select {
     justify-content: flex-start;
   }
 
+  .tb-l\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .tb-l\:justify-between {
+    justify-content: space-between;
+  }
+
   .tb-l\:gap-0 {
     gap: 0px;
   }