hds-web 1.42.1 → 1.42.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.42.1",
+  "version": "1.42.4",
   "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/Footers/v3Footer.js

@@ -221,10 +221,10 @@ V3Footer.defaultProps = {
           linkText: "Connectors",
           linkUrl: "https://hasura.io/connectors",
         },
-        {
-          linkText: "Pricing",
-          linkUrl: "https://hasura.io/pricing",
-        },
+        // {
+        //   linkText: "Pricing",
+        //   linkUrl: "https://hasura.io/pricing",
+        // },
         {
           linkText: "Security",
           linkUrl: "https://hasura.io/security/",

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import  { useState, useEffect } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 
 import { Icon } from "../common-components/Icon";
@@ -6,7 +6,7 @@ import { Typography } from "../../foundation/Typography";
 import { HDSButton } from "../Buttons";
 import { V3Dropdown } from "../Cards/Dropdown";
 import { HDSColor } from "../../foundation/ColorPalette";
-import { AlgoliaSearch } from "../../helpers/AlgoliaSearch";
+// import { AlgoliaSearch } from "../../helpers/AlgoliaSearch";
 
 function classNames(...classes) {
   return classes.filter(Boolean).join(" ");
@@ -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;
@@ -239,7 +239,7 @@ export default function V3Header(props) {
           </Typography>
         </a>
       }
-      {
+      {/* {
         <a href="/pricing">
           <Typography
             className={
@@ -252,11 +252,11 @@ export default function V3Header(props) {
             {`Pricing `}
           </Typography>
         </a>
-      }
+      } */}
       {/* SEO */}
       <div className="hidden">
         <a href="https://hasura.io/products">What is Hasura?</a>
-        <a href="https://hasura.io/pricing">Compare Plans</a>
+        {/* <a href="https://hasura.io/pricing">Compare Plans</a> */}
         <a href="https://console.hasura.io/">Get started</a>
         {/* Connectors */}
         <p>Connectors</p>
@@ -397,9 +397,9 @@ export default function V3Header(props) {
     if (title === "Customers") {
       window.location.href = "/customers";
     }
-    if (title === "Pricing") {
-      window.location.href = "/pricing";
-    }
+    // if (title === "Pricing") {
+    //   window.location.href = "/pricing";
+    // }
     // if (title === "Enterprise") {
     //   window.location.href = "/enterprise";
     // }
@@ -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,13 +690,12 @@ export default function V3Header(props) {
                           />
                         </div>
                       </a>
-                      <a href="https://hasura.io/pricing">
+                      {/* <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"
@@ -710,7 +709,7 @@ export default function V3Header(props) {
                             strokeClass="stroke-neutral-500"
                           />
                         </div>
-                      </a>
+                      </a> */}
                       <a href="https://hasura.io/contact-us">
                         <div
                           key={`Contact`}
@@ -800,27 +799,27 @@ 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",
         strokeClass: "stroke-blue-500",
 
+        // secondaryBtn: [
+        //   {
+        //     cta_leftVariantIcon: "checksquarebroken",
+        //     cta_leftVariantIconColor: "#6C737F",
+        //     cta_text: "Compare Plans",
+        //     cta_link: "/pricing",
+        //   },
+        // ],
         secondaryBtn: [
-          {
-            cta_leftVariantIcon: "checksquarebroken",
-            cta_leftVariantIconColor: "#6C737F",
-            cta_text: "Compare Plans",
-            cta_link: "/pricing",
-          },
-        ],
-        tertiaryBtn: [
           {
             cta_leftVariantIcon: "zap",
             cta_leftVariantIconColor: "#6C737F",
@@ -892,11 +891,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",
@@ -1018,11 +1017,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

@@ -12119,12 +12119,12 @@ select{
     width: 100%;
   }
 
-  .tb-l\:min-w-\[400px\]{
-    min-width: 400px;
+  .tb-l\:min-w-\[250px\]{
+    min-width: 250px;
   }
 
-  .tb-l\:min-w-\[505px\]{
-    min-width: 505px;
+  .tb-l\:min-w-\[400px\]{
+    min-width: 400px;
   }
 
   .tb-l\:min-w-\[550px\]{