hds-web 1.20.8 → 1.21.0

package/package.json

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

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

@@ -6,7 +6,7 @@ import { V3Dropdown } from '../Cards/Dropdown'
 import { HDSColor } from '../../foundation/ColorPalette';
 import { motion } from "framer-motion"
 import { AnimatePresence } from 'framer-motion';
-import { AlgoliaSearch } from '../../helpers/AlgoliaSearch';
+//import { AlgoliaSearch } from '../../helpers/AlgoliaSearch';
 
 function classNames(...classes) {
     return classes.filter(Boolean).join(' ')
@@ -131,17 +131,18 @@ export default function V3Header(props) {
         <>
             {renderDropdownContainer(headerList, 0)}
             {renderDropdownContainer(headerList, 1)}
-            {renderDropdownContainer(headerList, 3)}
             {<a href='/case-studies/'>
 
                 <Typography
-                className="hover:text-blue-600 cursor-pointer"
-                textStyle="body3c-medium"
+                    className="hover:text-blue-600 cursor-pointer"
+                    textStyle="body3c-medium"
                 >
-                {`Customers `}
-            </Typography>
-                </a>
+                    {`Customers `}
+                </Typography>
+            </a>
             }
+            {renderDropdownContainer(headerList, 3)}
+           
             {<a href='/pricing'>
 
                 <Typography
@@ -278,7 +279,7 @@ export default function V3Header(props) {
                     </div>
                     <div className='hds-hidden-tbl flex z-[10] items-center gap-6'>
                         <div className={'h-full ' + ((mobileNavOpen) ? " hds-hidden" : "")}>
-                            <AlgoliaSearch {...props} />
+                            {/* <AlgoliaSearch {...props} /> */}
                         </div>
                         {!(isCompany || isDeveloper || isProduct) &&
                             (
@@ -297,7 +298,7 @@ export default function V3Header(props) {
                 </div>
                 <div className='hds-hidden tb-l:flex flex-row w-full  justify-between items-center'>
 
-                    <nav className="hds-hidden items-center relative tb-l:pl-8 tb-l:flex tb-l:space-x-6"
+                    <nav className="hds-hidden items-baseline relative tb-l:pl-8 tb-l:flex tb-l:space-x-6"
                         onMouseEnter={() => setIsArrowActive(true)}
                         onMouseLeave={() => setIsArrowActive(false)}
 
@@ -308,7 +309,7 @@ export default function V3Header(props) {
 
                     <div className='hds-hidden tb-l:flex flex-row items-center gap-x-4 '>
 
-                        <AlgoliaSearch {...props} />
+                        {/* <AlgoliaSearch {...props} /> */}
 
                         <a href='/contact-us?type=hasuraenterprise' className='hds-hidden db:flex'>
                             <Typography textStyle='body3c-medium' className='text-neutral-800 hover:text-blue-600'>
@@ -492,8 +493,8 @@ V3Header.defaultProps = {
             title: 'Product',
             primaryCard: {
                 iconVariant: 'layersthree01',
-                mainDescription: 'Choose from our open source community edition, fully managed cloud edition or custom enterprise',
-                primaryBtnLabel: 'Hasura Platform',
+                mainDescription: `Discover Hasura's core capabilities for automating the building, securing, optimizing, and deploying of APIs.`,
+                primaryBtnLabel: 'Hasura Data API Platform',
                 primaryBtnCTA:'/products',
                 strokeClass: 'stroke-neutral-800',
                 tertiaryBtn: [

package/src/HDS/helpers/AlgoliaSearch/searchresults.js

@@ -12,7 +12,6 @@ const baseDomain = 'hasura.io';
 
 const HitsHeader = ({ searchResults, indexTitle, showSeparator, allIndex }) => {
   const hitCount = searchResults && searchResults.nbHits;
-  console.log(allIndex)
   const titleIcon = () => {
     if(indexTitle === "Hasura Blog") {
       return (

package/src/styles/tailwind.css

@@ -2325,6 +2325,10 @@ select{
   align-items: center;
 }
 
+.items-baseline{
+  align-items: baseline;
+}
+
 .items-stretch{
   align-items: stretch;
 }