hds-web 1.21.0 → 1.21.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.21.0",
+  "version": "1.21.2",
   "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(' ')
@@ -279,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) &&
                             (
@@ -309,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'>

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

@@ -70,7 +70,7 @@ const IndexTypeFilter = ({ activeIndexTypes, setActiveIndexTypes }) => {
     <div className="tb-m:min-w-[182px] static tb-m:sticky top-[116px] self-start">
       <ul className="hds-hidden tb-m:block bg-neutral-0 shadow-md p-4 rounded-2xl">
         {Object.values(INDEX_TYPES).map((index) => (
-          <li key={index} className="flex items-center mb-2 last:mb-0 tb-m:mr-0">
+          <li key={index} className="flex items-center mb-2 last:mb-0 tb-m:mr-0 py-0">
             <button
               onClick={() => handleOnClick(index)}
               className={`capitalize cursor-pointer py-1 px-3 w-full text-left rounded-full text-neutral-500 ${(activeIndexTypes[index] && index === 'All') ? "bg-blue-500 " : ""
@@ -92,7 +92,7 @@ const IndexTypeFilter = ({ activeIndexTypes, setActiveIndexTypes }) => {
       <div className="relative hds-hidden-tbm">
         <button
           onClick={() => setShowDropdown(!showDropdown)}
-          className="capitalize cursor-pointer py-1 px-3 w-full border border-neutral-300 text-left rounded-full text-neutral-500 bg-transparent"
+          className="capitalize cursor-pointer py-1 px-3 w-full border border-neutral-800 text-left rounded-full text-neutral-800 bg-transparent"
         >
           {Object.values(INDEX_TYPES).find((index) => activeIndexTypes[index]) || "All"}