hds-web 1.25.1 → 1.25.3

package/package.json

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

package/src/HDS/assets/icons/Facebook.svg

@@ -0,0 +1,3 @@
+<svg width="9" height="19" viewBox="0 0 9 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.25476 6.50635H0.00952148V9.5H2.25476V18.481H5.99683V9.5H8.69111L8.99048 6.50635H5.99683V5.23405C5.99683 4.56047 6.14651 4.26111 6.82008 4.26111H8.99048V0.519043H6.14651C3.45222 0.519043 2.25476 1.7165 2.25476 3.96174V6.50635Z" fill="#9DA4AE"/>
+</svg>

package/src/HDS/assets/icons/Linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.15635 2.62963C4.15635 3.69835 3.31664 4.53806 2.24791 4.53806C1.17919 4.53806 0.339478 3.69835 0.339478 2.62963C0.339478 1.5609 1.17919 0.721191 2.24791 0.721191C3.31664 0.721191 4.15635 1.5609 4.15635 2.62963ZM4.15635 6.06481H0.339478V18.2788H4.15635V6.06481ZM10.2633 6.06481H6.44647V18.2788H10.2633V11.8665C10.2633 8.2786 14.8436 7.97325 14.8436 11.8665V18.2788H18.6605V10.5687C18.6605 4.53806 11.8664 4.76708 10.2633 7.74424V6.06481Z" fill="#9DA4AE"/>
+</svg>

package/src/HDS/assets/icons/Twitter.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.50609 18.2482C15.6307 18.2482 20.0737 11.5172 20.0737 5.68058C20.0737 5.48935 20.0698 5.29909 20.061 5.10956C20.9234 4.48614 21.6732 3.70796 22.2646 2.82253C21.4732 3.17415 20.6215 3.41094 19.728 3.5177C20.6399 2.97092 21.3402 2.10557 21.6705 1.0742C20.8169 1.58033 19.8717 1.94812 18.8658 2.14646C18.0595 1.28796 16.9116 0.750977 15.6415 0.750977C13.2019 0.750977 11.2236 2.72924 11.2236 5.16759C11.2236 5.51432 11.2626 5.85125 11.338 6.17472C7.66721 5.99034 4.41199 4.23246 2.23368 1.56001C1.85389 2.21257 1.63523 2.97116 1.63523 3.77995C1.63523 5.31231 2.41512 6.66518 3.601 7.45683C2.87644 7.43455 2.19572 7.23523 1.60046 6.90417C1.59948 6.92254 1.59948 6.94114 1.59948 6.96049C1.59948 9.09987 3.12229 10.8859 5.14315 11.2907C4.77218 11.3918 4.38187 11.4462 3.97882 11.4462C3.69429 11.4462 3.41759 11.4178 3.14849 11.3666C3.7107 13.1213 5.34149 14.3985 7.27494 14.4345C5.7629 15.6194 3.85835 16.3253 1.789 16.3253C1.43272 16.3253 1.0811 16.305 0.735352 16.2641C2.6901 17.5168 5.01117 18.2482 7.50609 18.2482Z" fill="#9DA4AE"/>
+</svg>

package/src/HDS/assets/icons/apple.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.8426 17.1449C20.5099 17.9135 20.1161 18.6211 19.6598 19.2715C19.0378 20.1583 18.5286 20.7721 18.1361 21.113C17.5277 21.6724 16.8759 21.959 16.1779 21.9753C15.6768 21.9753 15.0725 21.8327 14.3691 21.5434C13.6633 21.2555 13.0148 21.113 12.4217 21.113C11.7998 21.113 11.1327 21.2555 10.4193 21.5434C9.70469 21.8327 9.12904 21.9834 8.68892 21.9984C8.01957 22.0269 7.35239 21.7322 6.68644 21.113C6.26139 20.7422 5.72974 20.1067 5.09285 19.2063C4.40951 18.2449 3.84772 17.13 3.4076 15.8589C2.93624 14.486 2.69995 13.1565 2.69995 11.8694C2.69995 10.3951 3.01853 9.12345 3.65665 8.05784C4.15815 7.20191 4.82533 6.52672 5.66035 6.03105C6.49537 5.53539 7.39761 5.2828 8.36925 5.26664C8.9009 5.26664 9.59809 5.43109 10.4645 5.75429C11.3284 6.07858 11.8832 6.24303 12.1264 6.24303C12.3082 6.24303 12.9245 6.05074 13.9692 5.66738C14.9571 5.31186 15.7909 5.16466 16.474 5.22264C18.3249 5.37202 19.7155 6.10167 20.6402 7.41619C18.9849 8.4192 18.166 9.82403 18.1823 11.6262C18.1972 13.03 18.7065 14.1981 19.7073 15.1256C20.1609 15.5561 20.6674 15.8888 21.231 16.1251C21.1087 16.4795 20.9797 16.819 20.8426 17.1449ZM16.5975 0.440369C16.5975 1.54062 16.1956 2.56792 15.3944 3.51878C14.4275 4.64917 13.258 5.30236 11.9898 5.19929C11.9736 5.06729 11.9642 4.92837 11.9642 4.78239C11.9642 3.72615 12.424 2.59576 13.2406 1.67152C13.6483 1.20356 14.1667 0.814453 14.7955 0.504058C15.4229 0.198295 16.0163 0.0292007 16.5744 0.000244141C16.5907 0.147331 16.5975 0.294426 16.5975 0.440355V0.440369Z" fill="black"/>
+</svg>

package/src/HDS/assets/icons/facebookblue.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.75476 9.00635H7.50952V12H9.75476V20.981H13.4968V12H16.1911L16.4905 9.00635H13.4968V7.73405C13.4968 7.06047 13.6465 6.76111 14.3201 6.76111H16.4905V3.01904H13.6465C10.9522 3.01904 9.75476 4.2165 9.75476 6.46174V9.00635Z" fill="#1877F2"/>
+</svg>

package/src/HDS/assets/icons/github.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.9247 1 1 5.9324 1 12.0187C1 16.8862 4.1515 21.0167 8.5229 22.4731C9.0729 22.5743 9.2731 22.2344 9.2731 21.9418C9.2731 21.6811 9.2643 20.987 9.2588 20.0685C6.1986 20.734 5.5529 18.5912 5.5529 18.5912C5.0535 17.3174 4.3319 16.9786 4.3319 16.9786C3.3331 16.2966 4.4078 16.3098 4.4078 16.3098C5.5111 16.3868 6.0919 17.445 6.0919 17.445C7.0731 19.128 8.667 18.6418 9.2929 18.3602C9.3941 17.6485 9.6779 17.1634 9.9925 16.8884C7.5505 16.6101 4.982 15.6641 4.982 11.4423C4.982 10.24 5.411 9.2555 6.1139 8.4855C6.0006 8.2072 5.6233 7.0863 6.2217 5.5705C6.2217 5.5705 7.1457 5.2735 9.2467 6.6991C10.144 6.45437 11.0699 6.32971 12 6.3284C12.935 6.3328 13.8755 6.4549 14.7544 6.6991C16.8543 5.2735 17.7761 5.5694 17.7761 5.5694C18.3767 7.0863 17.9983 8.2072 17.8861 8.4855C18.5901 9.2555 19.0169 10.24 19.0169 11.4423C19.0169 15.6751 16.444 16.6068 13.9943 16.8796C14.3892 17.2195 14.7401 17.8916 14.7401 18.9201C14.7401 20.3919 14.7269 21.581 14.7269 21.9418C14.7269 22.2366 14.9249 22.5798 15.4837 22.472C17.6741 21.7373 19.5783 20.3328 20.927 18.4571C22.2758 16.5813 23.0009 14.329 23 12.0187C23 5.9324 18.0742 1 12 1Z" fill="black"/>
+</svg>

package/src/HDS/assets/icons/google.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.76 11.8331C22.76 11.1133 22.7017 10.3896 22.5771 9.68146H12.5891V13.7591H18.3088C18.0715 15.0743 17.3088 16.2377 16.1921 16.9769V19.6228H19.6045C21.6083 17.7785 22.76 15.0548 22.76 11.8331Z" fill="#4285F4"/>
+<path d="M12.5891 22.179C15.445 22.179 17.8535 21.2413 19.6083 19.6226L16.196 16.9768C15.2466 17.6227 14.021 17.9885 12.593 17.9885C9.83046 17.9885 7.48812 16.1247 6.64768 13.619H3.1264V16.3465C4.92401 19.9222 8.58536 22.179 12.5891 22.179Z" fill="#34A853"/>
+<path d="M6.64381 13.6189C6.20025 12.3038 6.20025 10.8797 6.64381 9.56457V6.83704H3.12642C1.62453 9.82915 1.62453 13.3543 3.12642 16.3464L6.64381 13.6189Z" fill="#FBBC04"/>
+<path d="M12.5891 5.19123C14.0988 5.16789 15.5579 5.73596 16.6512 6.77873L19.6745 3.75548C17.7601 1.95788 15.2194 0.969586 12.5891 1.00071C8.58536 1.00071 4.92401 3.25745 3.1264 6.83709L6.64379 9.56462C7.48034 7.05498 9.82656 5.19123 12.5891 5.19123Z" fill="#EA4335"/>
+</svg>

package/src/HDS/assets/icons/instagram.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9988 3.79686C14.6719 3.79686 14.9884 3.80858 16.0396 3.85547C17.0166 3.89846 17.5442 4.06259 17.8959 4.19937C18.3609 4.37914 18.697 4.59798 19.0448 4.94579C19.3965 5.2975 19.6115 5.62967 19.7912 6.09472C19.928 6.44643 20.0922 6.97791 20.1351 7.95098C20.182 9.00612 20.1938 9.32267 20.1938 11.9918C20.1938 14.6648 20.182 14.9813 20.1351 16.0326C20.0922 17.0096 19.928 17.5371 19.7912 17.8888C19.6115 18.3539 19.3926 18.69 19.0448 19.0378C18.6931 19.3895 18.3609 19.6044 17.8959 19.7842C17.5442 19.921 17.0127 20.0851 16.0396 20.1281C14.9845 20.175 14.668 20.1867 11.9988 20.1867C9.32581 20.1867 9.00927 20.175 7.95804 20.1281C6.98106 20.0851 6.45348 19.921 6.10177 19.7842C5.63673 19.6044 5.30065 19.3856 4.95284 19.0378C4.60113 18.6861 4.38619 18.3539 4.20643 17.8888C4.06965 17.5371 3.90551 17.0057 3.86253 16.0326C3.81563 14.9774 3.80391 14.6609 3.80391 11.9918C3.80391 9.31876 3.81563 9.00222 3.86253 7.95098C3.90551 6.974 4.06965 6.44643 4.20643 6.09472C4.38619 5.62967 4.60503 5.29359 4.95284 4.94579C5.30455 4.59407 5.63673 4.37914 6.10177 4.19937C6.45348 4.06259 6.98496 3.89846 7.95804 3.85547C9.00927 3.80858 9.32581 3.79686 11.9988 3.79686ZM11.9988 1.9953C9.28283 1.9953 8.94284 2.00702 7.87597 2.05392C6.81301 2.10081 6.08223 2.27276 5.44915 2.51896C4.78871 2.77689 4.22987 3.11688 3.67495 3.67571C3.11611 4.23064 2.77612 4.78947 2.5182 5.446C2.272 6.08299 2.10005 6.80987 2.05316 7.87283C2.00626 8.9436 1.99454 9.28359 1.99454 11.9996C1.99454 14.7156 2.00626 15.0556 2.05316 16.1225C2.10005 17.1854 2.272 17.9162 2.5182 18.5493C2.77612 19.2097 3.11611 19.7686 3.67495 20.3235C4.22987 20.8784 4.78871 21.2223 5.44524 21.4763C6.08223 21.7225 6.80911 21.8945 7.87206 21.9414C8.93893 21.9883 9.27892 22 11.9949 22C14.7109 22 15.0509 21.9883 16.1178 21.9414C17.1808 21.8945 17.9115 21.7225 18.5446 21.4763C19.2012 21.2223 19.76 20.8784 20.3149 20.3235C20.8698 19.7686 21.2137 19.2097 21.4677 18.5532C21.7139 17.9162 21.8859 17.1893 21.9328 16.1264C21.9797 15.0595 21.9914 14.7195 21.9914 12.0035C21.9914 9.2875 21.9797 8.94751 21.9328 7.88064C21.8859 6.81769 21.7139 6.0869 21.4677 5.45382C21.2215 4.78947 20.8816 4.23064 20.3227 3.67571C19.7678 3.12078 19.209 2.77689 18.5524 2.52287C17.9154 2.27667 17.1886 2.10472 16.1256 2.05783C15.0548 2.00702 14.7148 1.9953 11.9988 1.9953Z" fill="#000100"/>
+<path d="M11.9988 6.86066C9.16166 6.86066 6.85989 9.16243 6.85989 11.9996C6.85989 14.8367 9.16166 17.1385 11.9988 17.1385C14.836 17.1385 17.1377 14.8367 17.1377 11.9996C17.1377 9.16243 14.836 6.86066 11.9988 6.86066ZM11.9988 15.333C10.1582 15.333 8.66536 13.8402 8.66536 11.9996C8.66536 10.1589 10.1582 8.66612 11.9988 8.66612C13.8395 8.66612 15.3323 10.1589 15.3323 11.9996C15.3323 13.8402 13.8395 15.333 11.9988 15.333Z" fill="#000100"/>
+<path d="M18.5407 6.65744C18.5407 7.32179 18.0014 7.85718 17.341 7.85718C16.6766 7.85718 16.1412 7.31788 16.1412 6.65744C16.1412 5.99309 16.6805 5.4577 17.341 5.4577C18.0014 5.4577 18.5407 5.997 18.5407 6.65744Z" fill="#000100"/>
+</svg>

package/src/HDS/assets/icons/linkedinblue.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.65635 5.12963C6.65635 6.19835 5.81664 7.03806 4.74791 7.03806C3.67919 7.03806 2.83948 6.19835 2.83948 5.12963C2.83948 4.0609 3.67919 3.22119 4.74791 3.22119C5.81664 3.22119 6.65635 4.0609 6.65635 5.12963ZM6.65635 8.56481H2.83948V20.7788H6.65635V8.56481ZM12.7633 8.56481H8.94647V20.7788H12.7633V14.3665C12.7633 10.7786 17.3436 10.4733 17.3436 14.3665V20.7788H21.1605V13.0687C21.1605 7.03806 14.3664 7.26708 12.7633 10.2442V8.56481Z" fill="#0A66C2"/>
+</svg>

package/src/HDS/assets/icons/linkedincolor.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.5236 2H3.47639C3.08483 2 2.7093 2.15555 2.43242 2.43242C2.15555 2.7093 2 3.08483 2 3.47639V20.5236C2 20.9152 2.15555 21.2907 2.43242 21.5676C2.7093 21.8445 3.08483 22 3.47639 22H20.5236C20.9152 22 21.2907 21.8445 21.5676 21.5676C21.8445 21.2907 22 20.9152 22 20.5236V3.47639C22 3.08483 21.8445 2.7093 21.5676 2.43242C21.2907 2.15555 20.9152 2 20.5236 2ZM7.96111 19.0375H4.95417V9.48611H7.96111V19.0375ZM6.45556 8.1625C6.11447 8.16058 5.7816 8.05766 5.49895 7.86674C5.21629 7.67582 4.99653 7.40544 4.8674 7.08974C4.73826 6.77404 4.70554 6.42716 4.77336 6.09288C4.84118 5.7586 5.0065 5.4519 5.24846 5.21148C5.49042 4.97107 5.79818 4.80772 6.13289 4.74205C6.4676 4.67638 6.81426 4.71133 7.12913 4.84249C7.44399 4.97365 7.71295 5.19514 7.90205 5.47901C8.09116 5.76288 8.19194 6.09641 8.19167 6.4375C8.19488 6.66586 8.15209 6.89253 8.06584 7.104C7.97959 7.31547 7.85165 7.50742 7.68964 7.66839C7.52763 7.82936 7.33487 7.95607 7.12285 8.04096C6.91083 8.12585 6.68389 8.16718 6.45556 8.1625ZM19.0444 19.0458H16.0389V13.8278C16.0389 12.2889 15.3847 11.8139 14.5403 11.8139C13.6486 11.8139 12.7736 12.4861 12.7736 13.8667V19.0458H9.76667V9.49306H12.6583V10.8167H12.6972C12.9875 10.2292 14.0042 9.225 15.5556 9.225C17.2333 9.225 19.0458 10.2208 19.0458 13.1375L19.0444 19.0458Z" fill="#0A66C2"/>
+</svg>

package/src/HDS/assets/icons/reddit.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#FF4500"/>
+<path d="M18.6667 12C18.6667 11.193 18.0117 10.538 17.2047 10.538C16.807 10.538 16.4561 10.6901 16.1988 10.9474C15.2047 10.2339 13.8246 9.76611 12.3041 9.70763L12.9708 6.58483L15.1345 7.04097C15.1579 7.59067 15.614 8.03512 16.1754 8.03512C16.7485 8.03512 17.2164 7.56728 17.2164 6.99418C17.2164 6.42108 16.7485 5.95325 16.1754 5.95325C15.7661 5.95325 15.4152 6.18717 15.2515 6.53804L12.8304 6.02342C12.7602 6.01173 12.6901 6.02342 12.6316 6.05851C12.5731 6.0936 12.538 6.15208 12.5146 6.22225L11.7778 9.70763C10.2222 9.75442 8.83041 10.2106 7.82456 10.9474C7.56725 10.7018 7.20468 10.538 6.81872 10.538C6.0117 10.538 5.35673 11.193 5.35673 12C5.35673 12.5965 5.7076 13.0994 6.22222 13.3334C6.19883 13.4737 6.18714 13.6258 6.18714 13.7778C6.18714 16.0234 8.79533 17.8363 12.0234 17.8363C15.2515 17.8363 17.8597 16.0234 17.8597 13.7778C17.8597 13.6258 17.848 13.4854 17.8246 13.3451C18.3041 13.1111 18.6667 12.5965 18.6667 12ZM8.66667 13.041C8.66667 12.4679 9.13451 12 9.70761 12C10.2807 12 10.7485 12.4679 10.7485 13.041C10.7485 13.6141 10.2807 14.0819 9.70761 14.0819C9.13451 14.0819 8.66667 13.6141 8.66667 13.041ZM14.4795 15.7895C13.7661 16.503 12.4094 16.5497 12.0117 16.5497C11.614 16.5497 10.2456 16.4913 9.54386 15.7895C9.4386 15.6842 9.4386 15.5088 9.54386 15.4035C9.64912 15.2983 9.82456 15.2983 9.92983 15.4035C10.3743 15.848 11.3333 16.0117 12.0234 16.0117C12.7135 16.0117 13.6608 15.848 14.117 15.4035C14.2222 15.2983 14.3977 15.2983 14.5029 15.4035C14.5848 15.5205 14.5848 15.6842 14.4795 15.7895ZM14.2924 14.0819C13.7193 14.0819 13.2515 13.6141 13.2515 13.041C13.2515 12.4679 13.7193 12 14.2924 12C14.8655 12 15.3333 12.4679 15.3333 13.041C15.3333 13.6141 14.8655 14.0819 14.2924 14.0819Z" fill="white"/>
+</svg>

package/src/HDS/assets/icons/twittercolored.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.91856 20.8761C16.2205 20.8761 20.7613 13.998 20.7613 8.03336C20.7613 7.838 20.7613 7.64352 20.7481 7.44992C21.6315 6.81097 22.394 6.01982 23 5.11352C22.1763 5.47872 21.3024 5.71812 20.4075 5.82368C21.3498 5.25965 22.0551 4.3724 22.3919 3.32712C21.5059 3.85293 20.5366 4.22346 19.5258 4.42272C18.8452 3.69909 17.9452 3.21991 16.9648 3.05935C15.9845 2.89879 14.9786 3.0658 14.1028 3.53452C13.227 4.00325 12.53 4.74757 12.1198 5.65229C11.7097 6.55702 11.6091 7.57172 11.8337 8.53936C10.0392 8.44934 8.28361 7.98298 6.681 7.17053C5.07839 6.35808 3.66453 5.21771 2.5312 3.82344C1.954 4.81711 1.77722 5.9934 2.03684 7.11283C2.29647 8.23226 2.97298 9.21065 3.92864 9.8488C3.2103 9.82775 2.50759 9.63397 1.88 9.28384V9.34104C1.88029 10.3832 2.24103 11.3931 2.90105 12.1995C3.56107 13.006 4.47972 13.5593 5.5012 13.7657C4.83669 13.9469 4.13947 13.9734 3.46312 13.8431C3.75166 14.7399 4.31323 15.5241 5.0693 16.0862C5.82538 16.6482 6.73817 16.9599 7.68008 16.9777C6.74424 17.7133 5.67254 18.2572 4.5263 18.5782C3.38006 18.8992 2.18178 18.9911 1 18.8486C3.06418 20.1732 5.46593 20.8758 7.91856 20.8726" fill="#1DA1F2"/>
+</svg>

package/src/HDS/assets/icons/youtubecolor.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.54 6.42C22.4156 5.95196 22.1705 5.5248 21.8292 5.18127C21.4878 4.83773 21.0622 4.58988 20.595 4.4625C18.875 4 12 4 12 4C12 4 5.125 4 3.405 4.4625C2.93777 4.58988 2.51219 4.83773 2.17085 5.18127C1.82951 5.5248 1.58438 5.95196 1.46 6.42C1 8.1475 1 11.75 1 11.75C1 11.75 1 15.3525 1.46 17.08C1.58438 17.548 1.82951 17.9752 2.17085 18.3187C2.51219 18.6623 2.93777 18.9101 3.405 19.0375C5.125 19.5 12 19.5 12 19.5C12 19.5 18.875 19.5 20.595 19.0375C21.0622 18.9101 21.4878 18.6623 21.8292 18.3187C22.1705 17.9752 22.4156 17.548 22.54 17.08C23 15.3525 23 11.75 23 11.75C23 11.75 23 8.1475 22.54 6.42Z" fill="#FF0302"/>
+<path d="M9.75008 15.0213V8.47882L15.5001 11.7501L9.75008 15.0213Z" fill="#FEFEFE"/>
+</svg>

package/src/HDS/components/Cards/EventCards/eventschedule.js

@@ -11,7 +11,6 @@ export default function EventScheduleCard(props) {
 
     const scheduleSection = () => (
         <div className="flex tb:divide-x divide-y tb:divide-y-0 divide-neutral-200 py-6 tb:flex-row flex-col">
-
             {props.eventDate && <div className="flex flex-col tb:pr-6 pb-4 tb:pb-0 gap-1">
                 <div className="flex gap-2">
                     <Icon height='h-[18px] w-[18px]' variant='calendar' strokeClass='stroke-neutral-600' />
@@ -39,13 +38,20 @@ export default function EventScheduleCard(props) {
                     {props.eventLocation}
                 </div>
             </div>}
-            <div className="px-6">
-                {/* share button */}
-                share 
-            </div>
+            {props.social  && <div className="px-6 flex flex-wrap gap-4 items-center">
+                {props.social && props.social.twitter &&  <a href={props.social.twitter}>
+                    <Icon variant='twitter' className='brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300' />
+                </a>}
+                {props.social && props.social.linkedin &&  <a href={props.social.linkedin}>
+                    <Icon variant='linkedin' className='brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300' />
+                </a>}
+                {props.social && props.social.facebook &&  <a href={props.social.facebook}>
+                    <Icon variant='facebookBlue' className='brightness-0 hover:brightness-100 cursor-pointer transition-all duration-300' />
+                </a>}
+            </div>}
         </div>
     )
-    const speakerSection = (speakerName, speakerDesignation, speakerImgUrl ) => (
+    const speakerSection = (speakerName, speakerDesignation, speakerImgUrl) => (
         <div className="">
             <ProfileAvatar
                 name={speakerName}
@@ -86,16 +92,16 @@ export default function EventScheduleCard(props) {
                         {props.description}
                     </Typography>}
                 <div className="pt-6 border-t border-neutral-200 gap-8 flex flex-wrap">
-                    {props.speakers && props.speakers.map((value,index)=> (
+                    {props.speakers && props.speakers.map((value, index) => (
                         <div key={index}>
                             {speakerSection(
-                             value.speakerName, 
-                             value.speakerDesignation,
-                             value.speakerImgUrl
+                                value.speakerName,
+                                value.speakerDesignation,
+                                value.speakerImgUrl
                             )}
                         </div>
                     ))}
-                    
+
                 </div>
             </div>
         </>

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

@@ -1193,8 +1193,34 @@ import {ReactComponent as GraphQLIcon } from "../../../assets/icons/graphql-logo
 import {ReactComponent as DiscordIcon } from "../../../assets/icons/Discord.svg"
 import {ReactComponent as OctoFaceIcon } from "../../../assets/icons/Octoface.svg"
 import {ReactComponent as MeetupIcon } from "../../../assets/icons/meetup.svg"
+import {ReactComponent as FacebookIcon } from "../../../assets/icons/Facebook.svg"
+import {ReactComponent as TwitterIcon } from "../../../assets/icons/Twitter.svg"
+import {ReactComponent as LinkedinIcon } from "../../../assets/icons/Linkedin.svg"
+import {ReactComponent as RedditIcon } from "../../../assets/icons/reddit.svg"
+import {ReactComponent as GithubIcon } from "../../../assets/icons/github.svg"
+import {ReactComponent as AppleIcon } from "../../../assets/icons/apple.svg"
+import {ReactComponent as GoogleIcon } from "../../../assets/icons/google.svg"
+import {ReactComponent as LinkedinCIcon } from "../../../assets/icons/linkedincolor.svg"
+import {ReactComponent as InstagramIcon } from "../../../assets/icons/instagram.svg"
+import {ReactComponent as TwitterCIcon } from "../../../assets/icons/twittercolored.svg"
+import {ReactComponent as YoutubeCIcon} from "../../../assets/icons/youtubecolor.svg"
+import {ReactComponent as Facebookblue} from "../../../assets/icons/facebookblue.svg"
+import {ReactComponent as Linkedinblue} from "../../../assets/icons/linkedinblue.svg"
 
 const iconReferenceMap = {
+    facebookBlue: Facebookblue,
+    linkedinBlue: Linkedinblue,
+    reddit : RedditIcon, 
+    github: GithubIcon,
+    apple : AppleIcon,
+    google : GoogleIcon,
+    linkedin : LinkedinCIcon,
+    instagram : InstagramIcon,
+    twitter : TwitterCIcon,
+    youtubecolored : YoutubeCIcon,
+    facebookGray: FacebookIcon,
+    twitterGray: TwitterIcon,
+    linkedinGray: LinkedinIcon,
     discord: DiscordIcon,
     meetup: MeetupIcon,
     octoface: OctoFaceIcon,

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { Typography } from "../../foundation/Typography";
+import { Icon } from '../../components/common-components/Icon';
+import { Badges } from "../../components/BadgesCaption";
+
+export default function EventListingCard(props) {
+  return (
+    <>
+      <div className="self-start">
+        {
+          props.eventListingImg && (
+            <div>
+              <img src={props.eventListingImg} alt={props.title} />
+            </div>
+          )
+        }
+        
+        <div className="p-6 pb-0">
+          {props.eventType && 
+            <Badges
+              color={props.badgeColor ?? 'green'}
+              children={props.eventType}
+            />
+          }
+          {
+            props.title && (
+              <Typography textStyle="h4" as="h4" className="text-neutral-1000 py-2">{props.title}</Typography>
+            )
+          }
+          
+        </div>
+      </div>
+      {
+        props.eventDate && (
+          <Typography textStyle="body3-medium" className="text-neutral-700 flex items-center duration-300 self-end p-6 pt-0">
+            {props.eventDate}
+            <Icon height={'h-5 w-5 stroke-[1.5px] ml-1 transition-all duration-300 ease-in-out group-hover/arrow:translate-x-[0.15rem]'} variant="chevronright" strokeClass="stroke-neutral-700" />
+          </Typography>
+        )
+      }
+    </>
+  )
+}

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

@@ -4,7 +4,7 @@ import { Typography } from "../../foundation/Typography";
 import { Icon } from '../../components/common-components/Icon';
 import ReactMarkdown from "react-markdown";
 
-export default function TextCard(props) {
+export default function EventAgenda(props) {
   // const titleColor = HDSColor(props.title_color);
 
   return (

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

@@ -1 +1,2 @@
-export { default as EventsAgenda } from './eventsAgenda';
+export { default as EventsAgenda } from './eventsAgenda';
+export { default as EventListingCard } from "./eventListingCard";

package/src/styles/tailwind.css

@@ -2807,6 +2807,10 @@ select{
   border-radius: 0.75rem;
 }
 
+.rounded-\[26px\]{
+  border-radius: 26px;
+}
+
 .rounded-b-3xl{
   border-bottom-right-radius: 1.5rem;
   border-bottom-left-radius: 1.5rem;
@@ -5879,6 +5883,14 @@ select{
   fill: #6C737F;
 }
 
+.fill-pink-600{
+  fill: #C21E5F;
+}
+
+.\!fill-neutral-500{
+  fill: #6C737F !important;
+}
+
 .stroke-amber-100{
   stroke: #FFF3D4;
 }
@@ -7692,6 +7704,18 @@ select{
           filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.brightness-50{
+  --tw-brightness: brightness(.5);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.grayscale-0{
+  --tw-grayscale: grayscale(0);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .filter{
   -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
           filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -9904,6 +9928,10 @@ select{
   background-color: rgb(108 115 127 / 0.3);
 }
 
+.hover\:fill-blue-500:hover{
+  fill: #3970FD;
+}
+
 .hover\:pl-\[9px\]:hover{
   padding-left: 9px;
 }
@@ -9963,6 +9991,12 @@ select{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.hover\:brightness-100:hover{
+  --tw-brightness: brightness(1);
+  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .hover\:transition:hover{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -10342,6 +10376,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\/arrow:hover .group-hover\/arrow\:translate-x-\[0\.15rem\]{
+  --tw-translate-x: 0.15rem;
+  -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));