hds-web 1.20.3 → 1.20.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.20.3",
+  "version": "1.20.4",
   "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(' ')
@@ -278,7 +278,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) &&
                             (
@@ -308,7 +308,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/styles/tailwind.css

@@ -8675,6 +8675,37 @@ select{
   }
 }
 
+.carousel-wrapper {
+  display: grid;
+  place-content: center;
+  border-radius: 2rem;
+}
+
+.carousel-content {
+  position: relative;
+  width: 10rem;
+  height: 10rem;
+}
+
+.carousel-item {
+  position: absolute;
+  width: 10rem;
+  height: 10rem;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  border-radius: 10rem;
+}
+
+.carousel-btns {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  z-index: 6;
+}
+
 .placeholder\:text-neutral-500::-webkit-input-placeholder{
   --tw-text-opacity: 1;
   color: rgb(108 115 127 / var(--tw-text-opacity));
@@ -12127,3 +12158,4 @@ select{
   -webkit-padding-start: 1rem;
           padding-inline-start: 1rem;
 }
+