hds-web 1.8.7 → 1.8.9

package/src/styles/tailwind.css

@@ -913,6 +913,10 @@ select{
   left: 17.6%;
 }
 
+.left-\[227px\]{
+  left: 227px;
+}
+
 .left-\[45\%\]{
   left: 45%;
 }
@@ -953,52 +957,60 @@ select{
   top: 0.5rem;
 }
 
+.top-24{
+  top: 6rem;
+}
+
 .top-8{
   top: 2rem;
 }
 
+.top-\[33rem\]{
+  top: 33rem;
+}
+
 .top-\[442\.72px\]{
   top: 442.72px;
 }
 
-.top-14{
-  top: 3.5rem;
+.top-\[83px\]{
+  top: 83px;
 }
 
-.left-\[227px\]{
-  left: 227px;
+.-top-\[400px\]{
+  top: -400px;
 }
 
-.top-\[83px\]{
-  top: 83px;
+.left-\[410px\]{
+  left: 410px;
 }
 
-.top-10{
-  top: 2.5rem;
+.-top-\[190px\]{
+  top: -190px;
 }
 
-.top-\[33rem\]{
-  top: 33rem;
+.left-\[170px\]{
+  left: 170px;
 }
 
-.left-20{
-  left: 5rem;
+.-top-\[15px\]{
+  top: -15px;
 }
 
-.top-16{
-  top: 4rem;
+.left-\[400px\]{
+  left: 400px;
 }
 
-.top-20{
-  top: 5rem;
+.top-\[15px\]{
+  top: 15px;
 }
 
-.top-24{
-  top: 6rem;
+.top-\[18px\]{
+  top: 18px;
 }
 
-.left-40{
-  left: 10rem;
+.left-\[415px\]{
+  left: 415px;
 }
 
 .isolate{
@@ -1033,8 +1045,12 @@ select{
   z-index: 60;
 }
 
-.z-0{
-  z-index: 0;
+.z-40{
+  z-index: 40;
+}
+
+.z-30{
+  z-index: 30;
 }
 
 .col-span-1{
@@ -1319,6 +1335,10 @@ select{
   margin-right: 2rem;
 }
 
+.mt-0{
+  margin-top: 0px;
+}
+
 .mt-1{
   margin-top: 0.25rem;
 }
@@ -1534,10 +1554,18 @@ select{
   height: 472.64px;
 }
 
+.h-\[56px\]{
+  height: 56px;
+}
+
 .h-\[60px\]{
   height: 60px;
 }
 
+.h-\[90px\]{
+  height: 90px;
+}
+
 .h-\[calc\(100\%-112px\)\]{
   height: calc(100% - 112px);
 }
@@ -1554,6 +1582,22 @@ select{
   height: 100vh;
 }
 
+.h-\[338px\]{
+  height: 338px;
+}
+
+.h-\[800px\]{
+  height: 800px;
+}
+
+.h-\[630px\]{
+  height: 630px;
+}
+
+.h-16{
+  height: 4rem;
+}
+
 .max-h-\[26\.25\]{
   max-height: 26.25;
 }
@@ -1566,6 +1610,18 @@ select{
   max-height: 100%;
 }
 
+.max-h-\[441px\]{
+  max-height: 441px;
+}
+
+.max-h-\[181px\]{
+  max-height: 181px;
+}
+
+.max-h-\[20px\]{
+  max-height: 20px;
+}
+
 .min-h-\[20px\]{
   min-height: 20px;
 }
@@ -1574,6 +1630,18 @@ select{
   min-height: 24px;
 }
 
+.min-h-\[441px\]{
+  min-height: 441px;
+}
+
+.min-h-\[258px\]{
+  min-height: 258px;
+}
+
+.min-h-\[245px\]{
+  min-height: 245px;
+}
+
 .w-1\/2{
   width: 50%;
 }
@@ -1654,6 +1722,14 @@ select{
   width: 103px;
 }
 
+.w-\[112px\]{
+  width: 112px;
+}
+
+.w-\[1279px\]{
+  width: 1279px;
+}
+
 .w-\[151\.7px\]{
   width: 151.7px;
 }
@@ -1706,6 +1782,10 @@ select{
   width: 70%;
 }
 
+.w-\[72px\]{
+  width: 72px;
+}
+
 .w-\[80\%\]{
   width: 80%;
 }
@@ -1732,22 +1812,18 @@ select{
   width: 100vw;
 }
 
-.w-\[1279px\]{
-  width: 1279px;
-}
-
-.w-\[200pxpx\]{
-  width: 200pxpx;
-}
-
-.w-\[1249px\]{
-  width: 1249px;
+.w-\[763px\]{
+  width: 763px;
 }
 
 .min-w-\[11\.5rem\]{
   min-width: 11.5rem;
 }
 
+.min-w-\[112px\]{
+  min-width: 112px;
+}
+
 .min-w-\[140px\]{
   min-width: 140px;
 }
@@ -1772,6 +1848,10 @@ select{
   min-width: 48px;
 }
 
+.min-w-\[72px\]{
+  min-width: 72px;
+}
+
 .min-w-fit{
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
@@ -1782,6 +1862,10 @@ select{
   min-width: 100%;
 }
 
+.min-w-\[763px\]{
+  min-width: 763px;
+}
+
 .max-w-2xl{
   max-width: 42rem;
 }
@@ -1876,6 +1960,26 @@ select{
   max-width: min-content;
 }
 
+.max-w-\[290px\]{
+  max-width: 290px;
+}
+
+.max-w-\[763px\]{
+  max-width: 763px;
+}
+
+.max-w-\[400px\]{
+  max-width: 400px;
+}
+
+.max-w-\[700px\]{
+  max-width: 700px;
+}
+
+.max-w-\[920px\]{
+  max-width: 920px;
+}
+
 .flex-1{
   flex: 1 1 0%;
 }
@@ -1919,6 +2023,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));
 }
 
+.-translate-y-0{
+  --tw-translate-y: -0px;
+  -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));
+}
+
 .-translate-y-1{
   --tw-translate-y: -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));
@@ -1991,12 +2101,6 @@ 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));
 }
 
-.-translate-y-0{
-  --tw-translate-y: -0px;
-  -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));
-}
-
 .-rotate-45{
   --tw-rotate: -45deg;
   -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));
@@ -2065,6 +2169,25 @@ select{
           animation: bounce 1s infinite;
 }
 
+@-webkit-keyframes spin{
+  to{
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+@keyframes spin{
+  to{
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+.animate-spin{
+  -webkit-animation: spin 1s linear infinite;
+          animation: spin 1s linear infinite;
+}
+
 .cursor-default{
   cursor: default;
 }
@@ -2110,10 +2233,6 @@ select{
   flex-direction: row;
 }
 
-.flex-row-reverse{
-  flex-direction: row-reverse;
-}
-
 .flex-col{
   flex-direction: column;
 }
@@ -2222,14 +2341,14 @@ select{
   gap: 25rem;
 }
 
-.gap-9{
-  gap: 2.25rem;
-}
-
 .gap-\[9\.25rem\]{
   gap: 9.25rem;
 }
 
+.gap-\[160px\]{
+  gap: 160px;
+}
+
 .gap-x-1{
   -webkit-column-gap: 0.25rem;
           column-gap: 0.25rem;
@@ -2302,6 +2421,11 @@ select{
   row-gap: 1.5rem;
 }
 
+.gap-x-10{
+  -webkit-column-gap: 2.5rem;
+          column-gap: 2.5rem;
+}
+
 .-space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
@@ -3565,6 +3689,18 @@ select{
   background-color: rgb(133 77 24 / var(--tw-bg-opacity));
 }
 
+.bg-neutral-0\/40{
+  background-color: rgb(255 255 255 / 0.4);
+}
+
+.bg-neutral-1000\/40{
+  background-color: rgb(0 6 21 / 0.4);
+}
+
+.bg-green-500\/40{
+  background-color: rgb(14 165 120 / 0.4);
+}
+
 .bg-opacity-30{
   --tw-bg-opacity: 0.3;
 }
@@ -5929,10 +6065,6 @@ select{
   padding: 0.625rem;
 }
 
-.p-20{
-  padding: 5rem;
-}
-
 .p-3{
   padding: 0.75rem;
 }
@@ -6102,11 +6234,25 @@ select{
   padding-bottom: 1.75rem;
 }
 
+.py-8{
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
 .py-\[1\.625rem\]{
   padding-top: 1.625rem;
   padding-bottom: 1.625rem;
 }
 
+.py-\[338px\]{
+  padding-top: 338px;
+  padding-bottom: 338px;
+}
+
+.pb-1{
+  padding-bottom: 0.25rem;
+}
+
 .pb-10{
   padding-bottom: 2.5rem;
 }
@@ -6283,6 +6429,14 @@ select{
   padding-top: 81px;
 }
 
+.pt-\[200px\]{
+  padding-top: 200px;
+}
+
+.pt-7{
+  padding-top: 1.75rem;
+}
+
 .text-left{
   text-align: left;
 }
@@ -6618,6 +6772,10 @@ select{
   font-style: normal;
 }
 
+.leading-\[27px\]{
+  line-height: 27px;
+}
+
 .text-amber-100{
   --tw-text-opacity: 1;
   color: rgb(255 243 212 / var(--tw-text-opacity));
@@ -7270,12 +7428,12 @@ select{
   transition-delay: 300ms;
 }
 
-.duration-100{
-  transition-duration: 100ms;
+.delay-200{
+  transition-delay: 200ms;
 }
 
-.duration-1000{
-  transition-duration: 1000ms;
+.duration-100{
+  transition-duration: 100ms;
 }
 
 .duration-150{
@@ -8624,13 +8782,6 @@ select{
           animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
-@-webkit-keyframes spin{
-  to{
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
 @keyframes spin{
   to{
     -webkit-transform: rotate(360deg);
@@ -9155,6 +9306,11 @@ select{
   background-color: rgb(133 77 24 / var(--tw-bg-opacity));
 }
 
+.hover\:text-blue-500:hover{
+  --tw-text-opacity: 1;
+  color: rgb(57 112 253 / var(--tw-text-opacity));
+}
+
 .hover\:text-blue-600:hover{
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
@@ -9541,6 +9697,10 @@ select{
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.group:hover .group-hover\:stroke-blue-500{
+  stroke: #3970FD;
+}
+
 .group:hover .group-hover\:stroke-blue-600{
   stroke: #1E56E3;
 }
@@ -9625,6 +9785,18 @@ select{
   .mb-s\:rounded-tr-none{
     border-top-right-radius: 0px;
   }
+
+  .mb-s\:pl-6{
+    padding-left: 1.5rem;
+  }
+
+  .mb-s\:pl-8{
+    padding-left: 2rem;
+  }
+
+  .mb-s\:pt-0{
+    padding-top: 0px;
+  }
 }
 
 @media (min-width: 400px){
@@ -10626,6 +10798,10 @@ select{
     margin-top: 68px;
   }
 
+  .db-s\:mb-0{
+    margin-bottom: 0px;
+  }
+
   .db-s\:flex{
     display: flex;
   }

package/src/HDS/helpers/Sliders/index.js

@@ -1 +0,0 @@
-export { default as ScrollSlider } from './scrollSlider';

package/src/HDS/helpers/Sliders/scrollSlider.js

@@ -1,134 +0,0 @@
-import React, { useState } from 'react';
-import { VideoCard } from "../../components/Cards/VideoCard";
-import { HomepageCarousel2, CarouselCard } from '../../components/Carousels';
-
-
-const SideCard = () => (
-    <div className='bg-green-500 w-[300px] flex flex-col items-center justify-between rounded-3xl max-h-[338px]'>
-        <div className='w-[300px] flex justify-center'>
-            <img src='https://res.cloudinary.com/dh8fp23nd/image/upload/v1686737531/hasura-design-system/icons/optum_zn0bhw.png' alt='imgb' className='p-5 ' />
-        </div>
-        <div className='w-[300px] flex justify-center'>
-            <img src='https://res.cloudinary.com/dh8fp23nd/image/upload/v1685596743/website%20v3/capabilities-pre-footer_qxqlon.png' alt='imga' className='p-2 w-[194px]' />
-        </div>
-    </div>
-)
-
-const carouselItems = [
-    {
-        name: "John Smith",
-        designation: "CEO",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Jane Doe",
-        designation: "CTO",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Bob Johnson",
-        designation: "COO",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Gourav",
-        designation: "SDE",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Gourav",
-        designation: "SDE",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Gourav",
-        designation: "SDE",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Bob Johnson",
-        designation: "COO",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Gourav",
-        designation: "SDE",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Gourav",
-        designation: "SDE",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    },
-    {
-        name: "Gourav",
-        designation: "SDE",
-        imageUrl: "https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aHVtYW58ZW58MHx8MHx8&w=1000&q=80",
-        size: 'w-full'
-    }
-];
-
-export default function ScrollSlider() {
-    const [isScrollActive, setScrollActive] = useState(false);
-
-    const handleMouseEnter = () => {
-        setScrollActive(true); // Mouse entered, scroll is active
-    };
-
-    const handleMouseLeave = () => {
-        setScrollActive(false); // Mouse left, scroll is inactive
-    };
-    return (
-        // <div>
-
-        //     <div className='absolute z-[1]'>
-        //         <div
-        //             className={`flex flex-row gap-4 w-screen h-screen items-center  justify-center`}
-        //             onMouseEnter={handleMouseEnter}
-        //             onMouseLeave={handleMouseLeave}
-        //         >
-        //             <div className={`${isScrollActive ? 'translate-y-0' : ''}  -translate-y-36 transition-all duration-[1500ms]`}>
-        //                 <SideCard />
-        //             </div>
-        //             <div className='w-[643px] '>
-        //                 <HomepageCarousel
-        //                     cards={carouselItems}
-        //                     component={VideoCard}
-        //                     length={carouselItems.length}
-
-        //                 />
-        //             </div>
-        //             <div className={`${isScrollActive ? '-translate-y-0' : ''} translate-y-36  transition-all duration-[1500ms]`}>
-        //                 <SideCard />
-        //             </div>
-        //         </div>
-        //     </div>
-        //     <div className='absolute z-[1] left-[227px] top-[83px]  '>
-        //         <div className='h-screen items-center flex'>
-        //             <div className='w-[1279px]'>
-
-        //                 <HomepageCarousel
-        //                     cards={carouselItems}
-        //                     component={SideCard}
-        //                     length={carouselItems.length}
-
-        //                 />
-        //             </div>
-        //         </div>
-        //     </div>
-        // </div>
-
-        <div>
-            <HomepageCarousel2 />
-        </div>
-    );
-}