hds-web 1.42.0 → 1.42.3

package/package.json

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

package/src/HDS/components/Cards/Dropdown/v3Dropdown.js

@@ -10,7 +10,13 @@ export default function DropdownA(props) {
       <div className="tb-l:flex mb-2 tb-l:mb-0 flex w-full tb-l:bg-neutral-150 flex-col tb-l:flex-row max-w-7xl tb-l:gap-2 rounded-2xl ">
         {props.primaryCard && (
           <div className="">
-            <div className={`bg-neutral-0 rounded-2xl h-full w-full ${props.primaryCard.cardDetailsArray ? 'tb-l:min-w-[505px]' : ' min-w-[250px]'}`}>
+            <div
+              className={`bg-neutral-0 rounded-2xl h-full w-full ${
+                props.primaryCard.cardDetailsArray
+                  ? "tb-l:min-w-[250px]"
+                  : " min-w-[250px]"
+              }`}
+            >
               <FlyoutB {...props.primaryCard} />
             </div>
           </div>

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

@@ -37,24 +37,24 @@ const HasuraLogo = () => (
   </svg>
 );
 
-const PromptQLLogo = () => (
-  <svg
-    width="20"
-    height="21"
-    viewBox="0 0 20 21"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M7.21406 3.77103H4.87892C2.64361 3.77103 0 4.97315 0 8.46755C0 10.7694 1.68562 13.1283 5.25767 13.1283H6.81628L9.72026 16.3549H11.9789V8.61099C11.9789 5.22198 9.61022 3.77103 7.21961 3.77103H7.21406ZM9.72026 8.61099V13.2203L7.87072 10.9691H5.20277C3.84939 10.9691 2.26859 10.3146 2.26859 8.46755C2.26859 6.23779 4.15445 5.99928 4.96981 5.99928H7.07199C8.36437 5.99928 9.72026 6.70294 9.72026 8.61099Z"
-      fill="#000615"
-    />
-    <path
-      d="M16.7398 14.0011C16.3127 14.0011 15.9688 13.6517 15.9688 13.2135V3.97275H13.6392V13.4021C13.6392 15.0217 14.9371 16.3418 16.5345 16.3418H19.9994V14.0011H16.7398Z"
-      fill="#000615"
-    />
-  </svg>
-);
+// const PromptQLLogo = () => (
+//   <svg
+//     width="20"
+//     height="21"
+//     viewBox="0 0 20 21"
+//     fill="none"
+//     xmlns="http://www.w3.org/2000/svg"
+//   >
+//     <path
+//       d="M7.21406 3.77103H4.87892C2.64361 3.77103 0 4.97315 0 8.46755C0 10.7694 1.68562 13.1283 5.25767 13.1283H6.81628L9.72026 16.3549H11.9789V8.61099C11.9789 5.22198 9.61022 3.77103 7.21961 3.77103H7.21406ZM9.72026 8.61099V13.2203L7.87072 10.9691H5.20277C3.84939 10.9691 2.26859 10.3146 2.26859 8.46755C2.26859 6.23779 4.15445 5.99928 4.96981 5.99928H7.07199C8.36437 5.99928 9.72026 6.70294 9.72026 8.61099Z"
+//       fill="#000615"
+//     />
+//     <path
+//       d="M16.7398 14.0011C16.3127 14.0011 15.9688 13.6517 15.9688 13.2135V3.97275H13.6392V13.4021C13.6392 15.0217 14.9371 16.3418 16.5345 16.3418H19.9994V14.0011H16.7398Z"
+//       fill="#000615"
+//     />
+//   </svg>
+// );
 
 export default function V3Header(props) {
   // const listSize = props.HEADER_LIST.length;
@@ -447,9 +447,9 @@ export default function V3Header(props) {
             </a>
           </div>
           <div className="hds-hidden-tbl flex z-[10] items-center gap-6">
-            <div className={"h-full " + (mobileNavOpen ? " hds-hidden" : "")}>
+            {/* <div className={"h-full " + (mobileNavOpen ? " hds-hidden" : "")}>
               {!props.hideSearch && <AlgoliaSearch {...props} />}
-            </div>
+            </div> */}
             {!(isCompany || isDeveloper || isProduct || isResources) && (
               <motion.div
                 initial={{ opacity: 0 }}
@@ -489,9 +489,9 @@ export default function V3Header(props) {
             {headerListfunction(props.HEADER_LIST)}
           </nav>
           <div className="hds-hidden tb-l:flex flex-row items-center gap-x-4 ">
-            {!props.hideSearch && (
+            {/* {!props.hideSearch && (
               <AlgoliaSearch isDarkMode={isDarkMode} {...props} />
-            )}
+            )} */}
             <a href="/contact-us" className="hds-hidden db:flex">
               <Typography
                 textStyle="body3c-medium"
@@ -690,6 +690,27 @@ export default function V3Header(props) {
                           />
                         </div>
                       </a>
+                      <a href="https://hasura.io/pricing">
+                        <div
+                          key={`Contact`}
+                          className="flex justify-between items-center p-4 cursor-pointer group"
+                        >
+                          <div className="flex items-center justify-center gap-2">
+                            {/* <Icon height="h-5 w-5" variant="home03" strokeColor="#3970FD" /> */}
+                            <Typography
+                              textStyle="body3c-medium"
+                              className="text-neutral-700 hover:text-neutral-1000 transition-all duration-300 ease-in-out"
+                            >
+                              Pricing
+                            </Typography>
+                          </div>
+                          <Icon
+                            height="h-5 w-5 stroke-[1.5px] group-hover:translate-x-1 ease-in-out transition duration-300"
+                            variant="chevronright"
+                            strokeClass="stroke-neutral-500"
+                          />
+                        </div>
+                      </a>
                       <a href="https://hasura.io/contact-us">
                         <div
                           key={`Contact`}
@@ -779,13 +800,13 @@ V3Header.defaultProps = {
             btnCTA: "/products",
             strokeClass: "stroke-blue-500",
           },
-          {
-            iconVariant: <PromptQLLogo />,
-            description: `A data access agent with out-of-the-box connectors and agentic query planning.`,
-            title: "PromptQL by Hasura",
-            btnCTA: `https://promptql.hasura.io/`,
-            strokeClass: "stroke-blue-500",
-          },
+          // {
+          //   iconVariant: <PromptQLLogo />,
+          //   description: `Accurate AI for analysis and automations`,
+          //   title: "PromptQL",
+          //   btnCTA: `https://promptql.io/`,
+          //   strokeClass: "stroke-blue-500",
+          // },
         ],
         primaryBtnLabel: "What is Hasura?",
         primaryBtnCTA: "/products",
@@ -871,11 +892,11 @@ V3Header.defaultProps = {
           ],
         },
       ],
-      flyoutD: {
-        link: "https://hasura.io/book-demo/promptql",
-        cardImg: `https://res.cloudinary.com/dh8fp23nd/image/upload/v1738570236/ph-promo-1_1_sw8qus.png`,
-        cardImgAlt: "Hasura PromptQL",
-      },
+      // flyoutD: {
+      //   link: "https://hasura.io/book-demo/promptql",
+      //   cardImg: `https://res.cloudinary.com/dh8fp23nd/image/upload/v1738570236/ph-promo-1_1_sw8qus.png`,
+      //   cardImgAlt: "Hasura PromptQL",
+      // },
     },
     {
       title: "Developer",
@@ -997,11 +1018,11 @@ V3Header.defaultProps = {
           label: "RESOURCES",
         },
       ],
-      flyoutD: {
-        link: "https://promptql.hasura.io/",
-        cardImg: `https://res.cloudinary.com/dh8fp23nd/image/upload/v1736792475/ql_resource_egwbdl.png`,
-        cardImgAlt: "PromptQL",
-      },
+      // flyoutD: {
+      //   link: "https://promptql.hasura.io/",
+      //   cardImg: `https://res.cloudinary.com/dh8fp23nd/image/upload/v1736792475/ql_resource_egwbdl.png`,
+      //   cardImgAlt: "PromptQL",
+      // },
     },
   ],
   headerUrl: "/",

package/src/styles/tailwind.css

@@ -12135,6 +12135,14 @@ select{
     min-width: 700px;
   }
 
+  .tb-l\:min-w-\[305px\]{
+    min-width: 305px;
+  }
+
+  .tb-l\:min-w-\[250px\]{
+    min-width: 250px;
+  }
+
   .tb-l\:max-w-7xl{
     max-width: 80rem;
   }