hds-web 1.31.8 → 1.32.0

package/package.json

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

package/src/HDS/components/Footers/v3Footer.js

@@ -20,8 +20,8 @@ const Facebook = () => (
 )
 
 const Twitter = () => (
-  <svg width="26" height="32" viewBox="0 0 26 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.67602 24.7482C16.8006 24.7482 21.2437 18.0172 21.2437 12.1806C21.2437 11.9893 21.2398 11.7991 21.2309 11.6096C22.0934 10.9861 22.8431 10.208 23.4345 9.32253C22.6431 9.67415 21.7914 9.91094 20.8979 10.0177C21.8098 9.47092 22.5101 8.60557 22.8404 7.5742C21.9868 8.08033 21.0417 8.44812 20.0358 8.64646C19.2294 7.78796 18.0815 7.25098 16.8114 7.25098C14.3718 7.25098 12.3935 9.22924 12.3935 11.6676C12.3935 12.0143 12.4325 12.3513 12.5079 12.6747C8.83714 12.4903 5.58191 10.7325 3.4036 8.06001C3.02381 8.71257 2.80515 9.47116 2.80515 10.2799C2.80515 11.8123 3.58504 13.1652 4.77092 13.9568C4.04637 13.9345 3.36564 13.7352 2.77038 13.4042C2.7694 13.4225 2.7694 13.4411 2.7694 13.4605C2.7694 15.5999 4.29221 17.3859 6.31308 17.7907C5.94211 17.8918 5.55179 17.9462 5.14875 17.9462C4.86421 17.9462 4.58752 17.9178 4.31841 17.8666C4.88062 19.6213 6.51142 20.8985 8.44486 20.9345C6.93283 22.1194 5.02827 22.8253 2.95892 22.8253C2.60265 22.8253 2.25102 22.805 1.90527 22.7641C3.86002 24.0168 6.18109 24.7482 8.67602 24.7482Z" />
+  <svg className="w-[21px] h-5" width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
   </svg>
 )
 
@@ -47,6 +47,7 @@ const socialShare = [
   {
     icon: <Twitter />,
     linkUrl: 'https://twitter.com/hasurahq',
+    className:'py-1'
   },
   {
     icon: <Instagram />,
@@ -99,7 +100,7 @@ export default function V3Footer(props) {
         <div className='flex items-center justify-center pt-10 tb-m:pt-0 pb-4 tb-m:pb-0 tb-m:justify-start'>
           {
             socialShare.map((icon, index) => (
-              <a href={icon.linkUrl} className='mx-2 tb-l:mx-4 first:ml-0 last:mr-0 [&>svg>path]:fill-neutral-400 [&>svg>path]:hover:fill-neutral-600'>
+              <a href={icon.linkUrl} className={'mx-2 tb-l:mx-4 first:ml-0 last:mr-0 [&>svg>path]:fill-neutral-400 [&>svg>path]:hover:fill-neutral-600 ' + ((icon.className) ? icon.className : '')}>
                 {icon.icon}
               </a>
             ))
@@ -264,7 +265,7 @@ V3Footer.defaultProps = {
         //   linkText: 'Brand',
         //   linkUrl: 'https://hasura.io/brand/',
         // },
-       
+
       ]
     },
     {
@@ -318,4 +319,4 @@ V3Footer.defaultProps = {
       ]
     },
   ],
-}
+}

package/src/HDS/modules/Events/eventListingCard.js

@@ -12,7 +12,7 @@ export default function EventListingCard(props) {
           props.eventListingImg && (
             <div className="relative">
               <div>
-                <img src={props.eventListingImg} alt={props.title} className={` rounded-t-3xl h-[179px] object-cover ${props.imgBG}`} />
+                <img src={props.eventListingImg} alt={props.title} className={` rounded-t-3xl h-[179px] object-cover ${props.imgBG}`} loading="lazy" />
                 {props.imgTagText && <div className=" scale-75 absolute top-2 -right-1">
                   <LiveStatus
                     statusCircleBgClass={props.circleBG ?? 'bg-red-400'}

package/src/styles/tailwind.css

@@ -2031,6 +2031,10 @@ select{
   width: 100vw;
 }
 
+.w-\[21px\]{
+  width: 21px;
+}
+
 .min-w-\[11\.5rem\]{
   min-width: 11.5rem;
 }
@@ -7800,6 +7804,10 @@ select{
   transition-duration: 0s;
 }
 
+.duration-100{
+  transition-duration: 100ms;
+}
+
 .duration-1000{
   transition-duration: 1000ms;
 }
@@ -7832,10 +7840,6 @@ select{
   transition-duration: 350ms;
 }
 
-.duration-100{
-  transition-duration: 100ms;
-}
-
 .ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -10570,14 +10574,19 @@ 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\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
+.group\/badge:hover .group-hover\/badge\:border-opacity-0{
   --tw-border-opacity: 0;
 }
 
-.group\/badge:hover .group-hover\/badge\:border-opacity-0{
+.group\/eventListing:hover .group-hover\/eventListing\:border-opacity-0{
   --tw-border-opacity: 0;
 }
 
+.group\/badge:hover .group-hover\/badge\:bg-blue-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(57 112 253 / 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));
@@ -10628,16 +10637,6 @@ select{
   background-color: rgb(219 198 255 / var(--tw-bg-opacity));
 }
 
-.group\/badge:hover .group-hover\/badge\:bg-neutral-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-
-.group\/badge:hover .group-hover\/badge\:bg-blue-500{
-  --tw-bg-opacity: 1;
-  background-color: rgb(57 112 253 / var(--tw-bg-opacity));
-}
-
 .group:hover .group-hover\:bg-gradient-to-t{
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -10694,6 +10693,11 @@ select{
   stroke: #111927;
 }
 
+.group\/badge:hover .group-hover\/badge\:text-neutral-0{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .group\/btn:hover .group-hover\/btn\:text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
@@ -10724,11 +10728,6 @@ select{
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
-.group\/badge:hover .group-hover\/badge\:text-neutral-0{
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
 .group\/img:hover .group-hover\/img\:opacity-0{
   opacity: 0;
 }