hds-web 1.18.3 → 1.18.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.18.3",
+  "version": "1.18.5",
   "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';
 
 const solutions = [
     {
@@ -249,6 +249,14 @@ export default function V3Header(props) {
 
             setIsDeveloper(true);
         }
+        if (title === 'Customers') {
+
+            window.location.href = '/case-studies/'
+        }
+        if (title === 'Pricing') {
+
+            window.location.href ='/pricing/'
+        }
         if (title === 'Product') {
             setIsProduct(true);
         }
@@ -280,7 +288,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) &&
                             (
@@ -310,7 +318,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'>

package/src/styles/tailwind.css

@@ -9551,10 +9551,6 @@ select{
   background-color: rgb(133 77 24 / var(--tw-bg-opacity));
 }
 
-.hover\:stroke-blue-500:hover{
-  stroke: #3970FD;
-}
-
 .hover\:pl-\[9px\]:hover{
   padding-left: 9px;
 }
@@ -9911,15 +9907,15 @@ select{
   visibility: visible;
 }
 
-.group\/icon:hover .group-hover\/icon\:visible{
+.group\/card:hover .group-hover\/card\:visible{
   visibility: visible;
 }
 
-.group:hover .group-hover\:visible{
+.group\/icon:hover .group-hover\/icon\:visible{
   visibility: visible;
 }
 
-.group\/card:hover .group-hover\/card\:visible{
+.group:hover .group-hover\:visible{
   visibility: visible;
 }
 
@@ -9929,6 +9925,12 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.group\/card:hover .group-hover\/card\:translate-x-1{
+  --tw-translate-x: 0.25rem;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .group\/icon:hover .group-hover\/icon\:translate-x-1{
   --tw-translate-x: 0.25rem;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -9953,10 +9955,14 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.group\/card:hover .group-hover\/card\:translate-x-1{
-  --tw-translate-x: 0.25rem;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+.group\/card:hover .group-hover\/card\:bg-blue-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(223 232 255 / var(--tw-bg-opacity));
+}
+
+.group\/card:hover .group-hover\/card\:bg-neutral-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-amber-300{
@@ -9979,11 +9985,6 @@ select{
   background-color: rgb(145 245 215 / var(--tw-bg-opacity));
 }
 
-.group:hover .group-hover\:bg-neutral-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-
 .group:hover .group-hover\:bg-neutral-300{
   --tw-bg-opacity: 1;
   background-color: rgb(210 214 219 / var(--tw-bg-opacity));
@@ -9999,16 +10000,6 @@ select{
   background-color: rgb(219 198 255 / var(--tw-bg-opacity));
 }
 
-.group\/card:hover .group-hover\/card\:bg-blue-200{
-  --tw-bg-opacity: 1;
-  background-color: rgb(223 232 255 / var(--tw-bg-opacity));
-}
-
-.group\/card:hover .group-hover\/card\:bg-neutral-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-
 .group:hover .group-hover\:bg-gradient-to-t{
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -10037,6 +10028,10 @@ select{
   stroke: #3970FD;
 }
 
+.group\/card:hover .group-hover\/card\:stroke-blue-500{
+  stroke: #3970FD;
+}
+
 .group\/icon:hover .group-hover\/icon\:stroke-blue-500{
   stroke: #3970FD;
 }
@@ -10057,11 +10052,12 @@ select{
   stroke: #111927;
 }
 
-.group\/card:hover .group-hover\/card\:stroke-blue-500{
-  stroke: #3970FD;
+.group\/btn:hover .group-hover\/btn\:text-blue-600{
+  --tw-text-opacity: 1;
+  color: rgb(30 86 227 / var(--tw-text-opacity));
 }
 
-.group\/btn:hover .group-hover\/btn\:text-blue-600{
+.group\/card:hover .group-hover\/card\:text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
 }
@@ -10081,11 +10077,6 @@ select{
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
-.group\/card:hover .group-hover\/card\:text-blue-600{
-  --tw-text-opacity: 1;
-  color: rgb(30 86 227 / var(--tw-text-opacity));
-}
-
 .group:hover .group-hover\:opacity-30{
   opacity: 0.3;
 }