hds-web 1.7.1 → 1.7.3

package/package.json

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

package/src/HDS/assets/V3/HasuraWhite.svg

@@ -0,0 +1,10 @@
+<svg width="105" height="32" viewBox="0 0 105 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.2318 10.8966C31.1444 8.02639 30.5954 2.30038 28.8272 0.186435C28.5954 -0.0908618 28.1641 -0.051248 27.9715 0.254859L25.7933 3.70847C25.255 4.39991 24.2853 4.55837 23.5544 4.0758C21.1908 2.51285 18.3673 1.60533 15.3334 1.60533C12.2996 1.60533 9.47604 2.51285 7.11241 4.0758C6.38514 4.55837 5.41545 4.39631 4.87356 3.70847L2.69531 0.254859C2.5028 -0.051248 2.07143 -0.0872606 1.8397 0.186435C0.0714324 2.30398 -0.477586 8.02999 0.435068 10.8966C0.738097 11.8509 0.820094 12.8593 0.641841 13.8388C0.463588 14.8112 0.285336 15.9852 0.285336 16.8027C0.285336 25.1972 7.02329 32 15.3299 32C23.64 32 30.3744 25.1936 30.3744 16.8027C30.3744 15.9852 30.1961 14.8112 30.0179 13.8388C29.8432 12.8593 29.9288 11.8509 30.2318 10.8966ZM15.3299 28.6076C8.90563 28.6076 3.68283 23.3282 3.68283 16.8387C3.68283 16.6262 3.68996 16.4173 3.70066 16.2085C3.93239 11.7861 6.59192 8.00838 10.353 6.20775C11.8611 5.48029 13.5509 5.07695 15.3334 5.07695C17.116 5.07695 18.8022 5.48029 20.3138 6.21135C24.0749 8.01198 26.7345 11.7933 26.9662 16.2121C26.9769 16.4209 26.984 16.6334 26.984 16.8423C26.9805 23.3282 21.7541 28.6076 15.3299 28.6076Z" fill="white"/>
+<path d="M20.3772 21.3693L17.4004 16.1547L14.8478 11.808C14.7872 11.7036 14.6767 11.6423 14.559 11.6423H12.1205C11.9993 11.6423 11.8888 11.7072 11.8282 11.8152C11.7676 11.9196 11.7711 12.0493 11.8317 12.1537L14.2738 16.2988L10.9975 21.3477C10.9298 21.4522 10.9262 21.5854 10.9833 21.6935C11.0403 21.8015 11.1544 21.8699 11.2792 21.8699H13.7355C13.8496 21.8699 13.9565 21.8123 14.0171 21.7151L15.789 18.9205L17.379 21.7043C17.4396 21.8087 17.5501 21.8735 17.6677 21.8735H20.0884C20.2096 21.8735 20.3201 21.8087 20.3772 21.7043C20.4378 21.6034 20.4378 21.4738 20.3772 21.3693Z" fill="white"/>
+<path d="M43.2929 8.00012H46.4041V25.0633H43.2929V17.7929H39.7782V25.0668H36.667V8.00012H39.7782V15.4099H43.2929V8.00012Z" fill="white"/>
+<path d="M56.0016 25.0666L55.3515 21.5225H51.6188L51.0223 25.0666H47.9111L51.3438 8.00342H55.5336L59.1306 25.0666H56.0016ZM52.026 19.1681H54.9193L53.4333 11.0009L52.026 19.1681Z" fill="white"/>
+<path d="M66.0611 21.9548V18.3035C66.0611 18.0141 66.0075 17.8212 65.9004 17.7211C65.7932 17.6211 65.5932 17.5711 65.3038 17.5711H63.1142C61.2568 17.5711 60.3281 16.6708 60.3281 14.8665V10.6794C60.3281 8.89302 61.2997 8.00342 63.2464 8.00342H66.2218C68.1685 8.00342 69.1401 8.89659 69.1401 10.6794V13.0588H66.0039V11.1117C66.0039 10.8223 65.9504 10.6293 65.8432 10.5293C65.736 10.4293 65.536 10.3793 65.2467 10.3793H64.218C63.9108 10.3793 63.7036 10.4293 63.5965 10.5293C63.4893 10.6293 63.4357 10.8223 63.4357 11.1117V14.545C63.4357 14.8344 63.4893 15.0273 63.5965 15.1274C63.7036 15.2274 63.9108 15.2774 64.218 15.2774H66.354C68.2471 15.2774 69.1937 16.1599 69.1937 17.9283V22.3906C69.1937 24.177 68.2114 25.0666 66.2468 25.0666H63.325C61.3604 25.0666 60.3781 24.1734 60.3781 22.3906V20.0362H63.4857V21.9548C63.4857 22.2441 63.5393 22.4371 63.6465 22.5371C63.7536 22.6371 63.9608 22.6872 64.268 22.6872H65.2967C65.586 22.6872 65.7825 22.6371 65.8932 22.5371C66.0039 22.4371 66.0611 22.2441 66.0611 21.9548Z" fill="white"/>
+<path d="M77.4941 7.99988H80.6017V22.3871C80.6017 24.1734 79.6194 25.063 77.6549 25.063H74.358C72.3934 25.063 71.4111 24.1699 71.4111 22.3871V7.99988H74.5223V21.9548C74.5223 22.2442 74.5759 22.4371 74.683 22.5371C74.7902 22.6372 74.9902 22.6872 75.2795 22.6872H76.7119C77.0191 22.6872 77.2262 22.6372 77.3334 22.5371C77.4406 22.4371 77.4941 22.2442 77.4941 21.9548V7.99988Z" fill="white"/>
+<path d="M86.2814 18.4143V25.0666H83.1738V7.99988H89.4462C91.4107 7.99988 92.393 8.89305 92.393 10.6758V15.7347C92.393 17.2138 91.7358 18.0784 90.4177 18.3321L93.2574 25.0666H89.9034L87.3066 18.4143H86.2814ZM86.2814 10.3793V16.1135H88.5246C88.8139 16.1135 89.0104 16.0634 89.1211 15.9634C89.2283 15.8634 89.2818 15.6704 89.2818 15.381V11.1117C89.2818 10.8223 89.2283 10.6294 89.1211 10.5293C89.0139 10.4293 88.8139 10.3793 88.5246 10.3793H86.2814Z" fill="white"/>
+<path d="M101.802 25.0666L101.152 21.5225H97.4189L96.8224 25.0666H93.7148L97.1475 8.00342H101.337L104.934 25.0666H101.802ZM97.8297 19.1681H100.723L99.2371 11.0009L97.8297 19.1681Z" fill="white"/>
+</svg>

package/src/HDS/components/Cards/Link/link.js

@@ -10,7 +10,7 @@ export default function LinkCard(props) {
         <>
             <a
                 href={props.linkUrl}
-                className={`rounded-2xl p-6 h-full block`}
+                className={`rounded-2xl p-6 h-full flex flex-col justify-between`}
             >
                 {props.brandImageUrl ?
                     (

package/src/HDS/components/Cards/Link/resources.js

@@ -19,8 +19,8 @@ export default function ResourcesCard(props) {
                     </Typography>
                 )}
                 <div className="mt-6">
-                    {props.resourcesArr.map((value) => (
-                        <a href={value.cta_linkUrl} className="flex gap-2 mt-4">
+                    {props.resourcesArr.map((value, index) => (
+                        <a key={index} href={value.cta_linkUrl} className="flex gap-2 mt-4">
                             <Icon
                                 height={'w-6 h-6 mr-2 stroke-[1.5px] stroke-blue-600'}
                                 variant={value.cta_icon}

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

@@ -58,7 +58,6 @@ export default function IconCard(props) {
                             <>
                                 <Typography
                                     textStyle={cardVariant[props.cardType]['titleTextStyle']}
-                                    as={cardVariant[props.cardType]['titleTextStyle']}
                                     className={cardVariant[props.cardType]['titleClasses']}
                                 >
                                     {props.title}

package/src/HDS/components/Cards/TalkDetailCard/talkDetailCard.js

@@ -42,7 +42,7 @@ export default function TalkDetailCard(props) {
             <div className='flex pb-6 tb:pt-0 tb:pb-0 items-center '>
               {
                 props.social_share.map((socialShare, i) => (
-                  <a href={socialShare.share_url} className='mx-2 first:ml-0 last:mr-0'>
+                  <a key={i} href={socialShare.share_url} className='mx-2 first:ml-0 last:mr-0'>
                     <img src={socialShare.img_url} alt={socialShare.img_alt} />
                   </a>
                 ))

package/src/HDS/components/common-components/Icon/IconMap.js

@@ -1178,6 +1178,7 @@ import {ReactComponent as Home03Icon } from "../../../assets/icons/home-03.svg"
 import {ReactComponent as HasuraBlueLogoIcon } from "../../../assets/V3/HasuraBlueLogo.svg"
 import {ReactComponent as Minus01Icon } from "../../../assets/icons/minus-01.svg"
 import {ReactComponent as HasuraIcon } from "../../../assets/icons/hasura.svg"
+import {ReactComponent as HasuraLogoWhiteIcon } from "../../../assets/V3/HasuraWhite.svg"
 
 const iconReferenceMap = {
     hasura1: Hasura1Icon,
@@ -2357,6 +2358,7 @@ const iconReferenceMap = {
     placeholder: PlaceholderIcon,
     home03: Home03Icon,
     HasuraBlueLogo: HasuraBlueLogoIcon,
+    hasuraLogoWhite: HasuraLogoWhiteIcon
 };
 export default function Icon ({ variant, height, strokeColor, strokeClass, className }){
     const CurrentActiveIcon = iconReferenceMap[variant] ;
@@ -2373,3 +2375,6 @@ Icon.propTypes = {
     fillColor: PropTypes.string,
     strokeColor: PropTypes.string,
 };
+Icon.defaultProps = {
+    strokeColor: ''
+}

package/src/HDS/foundation/Typography/Typography.js

@@ -43,7 +43,7 @@ export default function Typography(props) {
         'body3c-medium': 'text-hds-m-body3c-medium tb:text-hds-t-body3c-medium db:text-hds-d-body3c-medium',
         'body3c-semi-bold': 'text-hds-m-body3c-semi-bold tb:text-hds-t-body3c-semi-bold db:text-hds-d-body3c-semi-bold',
         'body3c-bold': 'text-hds-m-body3c-bold tb:text-hds-t-body3c-bold db:text-hds-d-body3c-bold',
-        'quote': 'font-petrona italic text-hds-m-quote tb:text-hds-t-quote db:text-hds-d-quote',
+        'quote': 'font-petrona font-normal italic text-hds-m-quote tb:text-hds-t-quote db:text-hds-d-quote',
         'code1': 'text-hds-m-code1 tb:text-hds-t-code1 db:text-hds-d-code1',
         'code2': 'text-hds-m-code2 tb:text-hds-t-code2 db:text-hds-d-code2',
       }
@@ -54,7 +54,6 @@ export default function Typography(props) {
       );      
 }
 Typography.propTypes = {
-    children: PropTypes.string,
     textStyle: PropTypes.string,
     className: PropTypes.string
     

package/src/HDS/modules/TextCard/textCard.js

@@ -56,7 +56,7 @@ export default function TextCard(props) {
                     const currentStrokeColor = HDSColor(list.icon_color)
                     const imgBgColor = HDSColor(list.tab_img_bg_class)
                     return (
-                      <div className='border-b border-b-neutral-150 last:border-b-0 cursor-pointer' onClick={()=>setImgActive(list.title)}>
+                      <div key={i} className='border-b border-b-neutral-150 last:border-b-0 cursor-pointer' onClick={()=>setImgActive(list.title)}>
                         <div className={'m-2 p-0 tb:p-6 rounded-lg transition ease-in duration-200 hover:bg-neutral-50' + ((imgActive === list.title) ? " bg-neutral-150" : "")} key={i}>
                           <div className='flex items-center pb-4'>
                             <Icon

package/src/index.css

@@ -1,8 +1,13 @@
+@import url('https://fonts.googleapis.com/css2?family=Petrona:ital,wght@1,300&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 /* Typography classes */
 
+.border-transparent{
+  border: transparent;
+}
+
 .gridAutoClass {
   flex: 1 0 30%;
   margin-top: 40px;