hds-web 1.12.5 → 1.12.7

package/package.json

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

package/src/HDS/components/Cards/Misc/iconCardButton.js

@@ -38,7 +38,8 @@ const cardVariant = {
 
 export default function IconCardButton(props) {
   const iconBG = props.iconBg ? HDSColor(props.iconBg) : '';
-  const textClass = props.textColorClass ? HDSColor(props.textColorClass) : 'text-neutral-1000';
+  const titleClass = props.titleColorClass ? HDSColor(props.titleColorClass) : 'text-neutral-1000';
+  const descClass = props.descColorClass ? HDSColor(props.descColorClass) : 'text-neutral-800';
     return (
         <>
           <div>
@@ -64,14 +65,14 @@ export default function IconCardButton(props) {
                     <>
                         <Typography
                             textStyle={cardVariant[props.cardType]['titleTextStyle']}
-                            className={`${cardVariant[props.cardType]['titleClasses']} ${textClass}`}
+                            className={`${cardVariant[props.cardType]['titleClasses']} ${titleClass}`}
                         >
                             {props.title}
                         </Typography>
 
                         <Typography
                             textStyle={cardVariant[props.cardType]['descTextStyle']}
-                            className={`${cardVariant[props.cardType]['descClasses']} ${textClass} [&>p]:${textClass} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`}
+                            className={`${cardVariant[props.cardType]['descClasses']} ${descClass} [&>p]:${descClass} [&>p]:pb-2 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600`}
                         >
                             <ReactMarkdown>
                                 {props.description}

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

@@ -256,6 +256,10 @@ V3Footer.defaultProps = {
           linkText: 'Brand',
           linkUrl: 'https://hasura.io/brand/',
         },
+        {
+          linkText: 'Partners',
+          linkUrl: 'https://hasura.io/partners/',
+        },
       ]
     },
     {
@@ -298,6 +302,10 @@ V3Footer.defaultProps = {
           linkText: 'Github',
           linkUrl: 'https://github.com/hasura',
         },
+        {
+          linkText: "Swag Store",
+          linkUrl: "https://store.hasura.io/",
+        },
         {
           linkText: 'Contact Sales',
           linkUrl: 'https://hasura.io/contact-us/',

package/src/styles/tailwind.css

@@ -861,8 +861,16 @@ select{
   bottom: -0.375rem;
 }
 
-.-left-20{
-  left: -5rem;
+.-left-\[137px\]{
+  left: -137px;
+}
+
+.-left-\[216px\]{
+  left: -216px;
+}
+
+.-left-\[218px\]{
+  left: -218px;
 }
 
 .-left-\[60\%\]{
@@ -977,10 +985,6 @@ select{
   top: 1.25rem;
 }
 
-.top-8{
-  top: 2rem;
-}
-
 .top-\[112px\]{
   top: 112px;
 }
@@ -997,6 +1001,14 @@ select{
   top: 72px;
 }
 
+.-left-20{
+  left: -5rem;
+}
+
+.top-8{
+  top: 2rem;
+}
+
 .isolate{
   isolation: isolate;
 }
@@ -1176,6 +1188,10 @@ select{
   margin-bottom: 1.5rem;
 }
 
+.-mb-2{
+  margin-bottom: -0.5rem;
+}
+
 .-mb-\[112\%\]{
   margin-bottom: -112%;
 }
@@ -1388,6 +1404,10 @@ select{
   margin-top: 70px;
 }
 
+.mr-0{
+  margin-right: 0px;
+}
+
 .line-clamp-3{
   overflow: hidden;
   display: -webkit-box;
@@ -1427,6 +1447,10 @@ select{
   display: grid;
 }
 
+.inline-grid{
+  display: inline-grid;
+}
+
 .hidden{
   display: none;
 }
@@ -1575,6 +1599,22 @@ select{
   height: 100vh;
 }
 
+.h-\[200px\]{
+  height: 200px;
+}
+
+.h-\[697px\]{
+  height: 697px;
+}
+
+.h-\[calc\(100\%-600px\)\]{
+  height: calc(100% - 600px);
+}
+
+.h-\[calc\(100\%-80px\)\]{
+  height: calc(100% - 80px);
+}
+
 .max-h-\[181px\]{
   max-height: 181px;
 }
@@ -1587,10 +1627,18 @@ select{
   max-height: 26.25;
 }
 
+.max-h-\[72px\]{
+  max-height: 72px;
+}
+
 .max-h-full{
   max-height: 100%;
 }
 
+.max-h-screen{
+  max-height: 100vh;
+}
+
 .min-h-\[12px\]{
   min-height: 12px;
 }
@@ -1813,6 +1861,10 @@ select{
   min-width: 348px;
 }
 
+.min-w-\[396px\]{
+  min-width: 396px;
+}
+
 .min-w-\[48px\]{
   min-width: 48px;
 }
@@ -1851,6 +1903,10 @@ select{
   max-width: 125px;
 }
 
+.max-w-\[128px\]{
+  max-width: 128px;
+}
+
 .max-w-\[148px\]{
   max-width: 148px;
 }
@@ -2028,6 +2084,42 @@ 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-x-\[1240px\]{
+  --tw-translate-x: -1240px;
+  -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-x-\[-1240\]{
+  --tw-translate-x: -1240;
+  -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-x-\[-1240px\]{
+  --tw-translate-x: -1240px;
+  -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-x-0{
+  --tw-translate-x: -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-x-\[1024px\]{
+  --tw-translate-x: 1024px;
+  -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-x-\[1024px\]{
+  --tw-translate-x: -1024px;
+  -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));
@@ -2385,6 +2477,12 @@ select{
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
+.divide-y-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+}
+
 .divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]){
   border-color: rgb(30 86 227 / 0.1);
 }
@@ -2420,6 +2518,10 @@ select{
   overflow: hidden;
 }
 
+.overflow-clip{
+  overflow: clip;
+}
+
 .overflow-scroll{
   overflow: scroll;
 }
@@ -7177,6 +7279,12 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-home-drop{
+  --tw-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.16);
+  --tw-shadow-colored: 0px 10px 30px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-inner{
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -9724,6 +9832,10 @@ select{
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.group\/icon:hover .group-hover\/icon\:stroke-blue-800{
+  stroke: #00288E;
+}
+
 .group:hover .group-hover\:stroke-blue-500{
   stroke: #3970FD;
 }
@@ -9744,10 +9856,21 @@ select{
   stroke: #111927;
 }
 
+.group:hover .group-hover\:text-neutral-1000{
+  --tw-text-opacity: 1;
+  color: rgb(0 6 21 / var(--tw-text-opacity));
+}
+
 .group:hover .group-hover\:opacity-30{
   opacity: 0.3;
 }
 
+.group\/icon:hover .group-hover\/icon\:transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .group:hover .group-hover\:transition-all{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -9758,6 +9881,10 @@ select{
   transition-delay: 100ms;
 }
 
+.group\/icon:hover .group-hover\/icon\:duration-1000{
+  transition-duration: 1000ms;
+}
+
 .group:hover .group-hover\:duration-100{
   transition-duration: 100ms;
 }
@@ -9766,6 +9893,10 @@ select{
   transition-duration: 300ms;
 }
 
+.group\/icon:hover .group-hover\/icon\:ease-in-out{
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 .group:hover .group-hover\:ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -9948,6 +10079,16 @@ select{
     display: grid;
   }
 
+  @media (min-width: 600px){
+    .tb\:tb\:grid{
+      display: grid;
+    }
+  }
+
+  .tb\:inline-grid{
+    display: inline-grid;
+  }
+
   .tb\:hidden{
     display: none;
   }
@@ -10058,6 +10199,12 @@ select{
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
+  @media (min-width: 600px){
+    .tb\:tb\:grid-cols-1{
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+
   .tb\:flex-row{
     flex-direction: row;
   }
@@ -10119,15 +10266,15 @@ select{
             column-gap: 4rem;
   }
 
+  .tb\:gap-y-16{
+    row-gap: 4rem;
+  }
+
   .tb\:gap-x-4{
     -webkit-column-gap: 1rem;
             column-gap: 1rem;
   }
 
-  .tb\:gap-y-16{
-    row-gap: 4rem;
-  }
-
   .tb\:rounded-3xl{
     border-radius: 1.5rem;
   }
@@ -10705,6 +10852,12 @@ select{
     width: 100%;
   }
 
+  .tb-l\:w-fit{
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
   .tb-l\:min-w-\[400px\]{
     min-width: 400px;
   }