@orangesk/cms-templates 1.0.0-beta.0

package/src/assets/logo-minimal.svg

@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40 0H0V40H40V0Z" fill="#FF7900"/>
+<path d="M34.2888 28.5698H5.71875V34.2798H34.2888V28.5698Z" fill="white"/>
+</svg>

package/src/assets/microsoft-project.svg

@@ -0,0 +1,5 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.0742 50.4761C33.2272 50.4381 32.3812 50.5321 31.5342 50.3661C30.0742 50.0811 28.6072 49.8301 27.1442 49.5611C25.3542 49.2331 23.5652 48.8991 21.7752 48.5721C19.6492 48.1841 17.5222 47.7991 15.3962 47.4151C13.9572 47.1561 12.5172 46.9001 11.0592 46.6391V15.8761C11.6142 15.7721 12.1742 15.6631 12.7362 15.5611C13.7172 15.3831 14.7002 15.2111 15.6812 15.0351C17.2272 14.7561 18.7732 14.4771 20.3182 14.1961C21.6022 13.9631 22.8852 13.7271 24.1682 13.4931C25.5332 13.2431 26.8972 12.9941 28.2622 12.7451C29.5292 12.5131 30.7912 12.2441 32.0662 12.0661C32.7132 11.9761 33.3822 12.0501 34.0742 12.0501V50.4761ZM19.9072 33.5771C20.0132 33.5771 20.1042 33.5761 20.1962 33.5771C21.1192 33.5801 22.0422 33.7151 22.9652 33.5301C23.9082 33.3411 24.7242 32.9151 25.3902 32.2331C26.0652 31.5421 26.5022 30.7051 26.7602 29.7721C27.0342 28.7791 27.0242 27.7791 26.8272 26.7791C26.6652 25.9581 26.3512 25.2011 25.7742 24.5791C24.9302 23.6681 23.8282 23.3341 22.6412 23.3321C21.7882 23.3301 20.9352 23.4691 20.0842 23.5611C19.0512 23.6721 18.0192 23.7971 16.9872 23.9281C16.9132 23.9371 16.7952 24.0441 16.7932 24.1081C16.7682 24.9641 16.7562 25.8211 16.7512 26.6771C16.7492 26.9771 16.7872 27.2761 16.7852 27.5761C16.7802 28.2901 16.7562 29.0051 16.7512 29.7191C16.7492 30.0101 16.7872 30.3011 16.7852 30.5921C16.7802 31.3071 16.7562 32.0211 16.7512 32.7351C16.7492 33.0261 16.7872 33.3181 16.7852 33.6091C16.7802 34.3321 16.7592 35.0541 16.7502 35.7771C16.7442 36.1921 16.7482 36.6071 16.7492 37.0221C16.7492 37.1811 16.7552 37.3391 16.7592 37.4981C16.7652 37.7471 16.7962 37.9991 16.7712 38.2451C16.7542 38.4171 16.7732 38.4851 16.9582 38.5051C17.6272 38.5761 18.2952 38.6641 18.9642 38.7441C19.2752 38.7811 19.5862 38.8151 19.9072 38.8521V33.5771Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.4596 44.6851H36.0466C36.0466 44.5891 36.0466 44.5001 36.0466 44.4121C36.0476 43.6421 36.0536 42.8721 36.0436 42.1031C36.0416 41.9281 36.0976 41.8101 36.2186 41.6891C37.7016 40.2141 39.1796 38.7341 40.6576 37.2551C40.7276 37.1851 40.7936 37.1131 40.9126 36.9871C40.6826 36.7811 40.4586 36.5961 40.2526 36.3921C39.2846 35.4331 38.3206 34.4701 37.3566 33.5081C36.9496 33.1011 36.5446 32.6931 36.1446 32.2801C36.0926 32.2261 36.0516 32.1371 36.0516 32.0641C36.0486 29.8981 36.0526 27.7311 36.0546 25.5651C36.0546 25.5571 36.0576 25.5491 36.0646 25.5181H41.7756V29.2961H39.0306C40.2816 30.5481 41.5566 31.8231 42.8046 33.0711C44.0066 31.8661 45.2776 30.5931 46.5526 29.3151H43.7516C43.7516 28.8861 43.7546 28.4861 43.7516 28.0861C43.7466 27.4161 43.7316 26.7461 43.7316 26.0761C43.7306 25.3351 43.7386 24.5951 43.7506 23.8541C43.7556 23.5111 43.7646 23.5141 43.4236 23.5171C42.1716 23.5271 40.9196 23.5391 39.6676 23.5431C38.4706 23.5481 37.2736 23.5441 36.0616 23.5441V17.8301H49.4596V44.6851Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8656 30.9837V26.2077C20.6716 26.2257 21.4906 26.0427 22.3096 26.2417C23.0946 26.4337 23.5906 26.9127 23.7796 27.7027C23.9256 28.3167 23.9106 28.9307 23.6986 29.5217C23.4266 30.2817 22.8386 30.7147 22.0646 30.8267C21.3606 30.9297 20.6416 30.9327 19.8656 30.9837Z" fill="black"/>
+</svg>

package/src/assets/microsoft-teams.svg

@@ -0,0 +1,7 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9873 18.0534C28.4073 18.0534 28.8163 18.1364 29.2013 18.2984C29.5723 18.4564 29.9063 18.6804 30.1923 18.9664C30.4783 19.2524 30.7023 19.5864 30.8593 19.9574C31.0223 20.3424 31.1053 20.7504 31.1053 21.1714V21.9774C31.2123 21.9834 31.3203 21.9864 31.4283 21.9864C32.2023 21.9864 32.9523 21.8354 33.6583 21.5364C34.3403 21.2484 34.9533 20.8344 35.4803 20.3084C36.0073 19.7814 36.4203 19.1684 36.7093 18.4864C37.0073 17.7804 37.1593 17.0304 37.1593 16.2554C37.1593 15.4814 37.0073 14.7314 36.7093 14.0254C36.4203 13.3434 36.0073 12.7304 35.4803 12.2034C34.9533 11.6764 34.3403 11.2634 33.6583 10.9744C32.9523 10.6764 32.2023 10.5244 31.4283 10.5244C30.6543 10.5244 29.9033 10.6764 29.1973 10.9744C28.5153 11.2634 27.9023 11.6764 27.3753 12.2034C26.8493 12.7304 26.4353 13.3434 26.1473 14.0254C25.8483 14.7314 25.6973 15.4814 25.6973 16.2554C25.6973 16.8754 25.7933 17.4774 25.9843 18.0534H27.9873Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.9134 22.4778C47.9844 22.4778 48.9914 22.0608 49.7484 21.3038C50.5064 20.5458 50.9234 19.5388 50.9234 18.4678C50.9234 17.3968 50.5064 16.3898 49.7484 15.6328C48.9914 14.8748 47.9844 14.4578 46.9134 14.4578C45.8424 14.4578 44.8354 14.8748 44.0784 15.6328C43.3204 16.3898 42.9034 17.3968 42.9034 18.4678C42.9034 19.5388 43.3204 20.5458 44.0784 21.3038C44.8354 22.0608 45.8424 22.4778 46.9134 22.4778Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.3379 26.2566H42.9579C43.1289 26.5696 43.2259 26.9286 43.2269 27.3106V41.3276C43.2269 42.0886 43.1549 42.8326 43.0179 43.5536C43.1159 43.6326 43.2209 43.7116 43.3309 43.7916C43.8249 44.0566 44.3519 44.2546 44.8989 44.3816C45.3199 44.4696 45.7489 44.5136 46.1749 44.5136C46.8849 44.5136 47.5849 44.3926 48.2549 44.1536C48.9139 43.9186 49.5249 43.5766 50.0709 43.1386C50.6219 42.6966 51.0889 42.1696 51.4599 41.5736C51.8439 40.9566 52.1149 40.2796 52.2649 39.5606C52.3529 39.1426 52.3979 38.7136 52.3979 38.2856V27.3166C52.3979 26.7326 51.9229 26.2566 51.3379 26.2566Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.0462 27.0722C41.9472 26.6492 41.5932 26.3242 41.1562 26.2662C41.1112 26.2602 41.0642 26.2562 41.0172 26.2562H31.1052V40.8362C31.1052 41.2572 31.0222 41.6652 30.8602 42.0502C30.7022 42.4222 30.4782 42.7552 30.1922 43.0412C29.9062 43.3272 29.5732 43.5512 29.2012 43.7092C28.8162 43.8712 28.4082 43.9542 27.9872 43.9542H21.1052C21.1082 43.9662 21.1112 43.9782 21.1142 43.9912C21.2322 44.4412 21.3802 44.8882 21.5532 45.3212C21.7372 45.7732 21.9582 46.2142 22.2092 46.6332L22.2152 46.6422L22.2202 46.6512C23.1522 48.2672 24.4992 49.6142 26.1152 50.5472C27.7302 51.4802 29.5702 51.9732 31.4352 51.9732H31.4422C32.6152 51.9722 33.7682 51.7822 34.8682 51.4072C35.9312 51.0452 36.9272 50.5172 37.8282 49.8392C38.7202 49.1672 39.4982 48.3632 40.1412 47.4512C40.7922 46.5262 41.2882 45.5112 41.6152 44.4342C41.6622 44.2802 41.7052 44.1252 41.7452 43.9692C41.8022 43.7462 41.8522 43.5202 41.8942 43.2932C41.9432 43.0292 41.9822 42.7642 42.0112 42.4972C42.0532 42.1102 42.0742 41.7202 42.0742 41.3282V27.3122C42.0742 27.2302 42.0642 27.1492 42.0462 27.0722Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.9029 41.2803C29.9359 41.1373 29.9529 40.9893 29.9529 40.8363V21.1713C29.9529 20.0853 29.0729 19.2053 27.9869 19.2053H8.32193C7.23693 19.2053 6.35693 20.0853 6.35693 21.1713V40.8363C6.35693 41.9223 7.23693 42.8023 8.32193 42.8023H27.9869C28.8529 42.8023 29.5869 42.2433 29.8499 41.4673C29.8599 41.4363 29.8699 41.4053 29.8789 41.3743C29.8879 41.3433 29.8959 41.3123 29.9029 41.2803ZM24.0249 26.5423H19.6149V38.3703H16.7209V26.5423H12.2849V23.6373H24.0249V26.5423Z" fill="black"/>
+</svg>

package/src/assets/power-bi.svg

@@ -0,0 +1,7 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5879 42.8679C12.1919 42.8679 11.0599 41.6454 11.0599 40.1377V33.4665C11.0599 31.9588 12.1919 30.7363 13.5879 30.7363C14.9839 30.7363 16.1159 31.9588 16.1159 33.4665V40.1377C16.1159 41.6454 14.9839 42.8679 13.5879 42.8679Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7611 45.0885C19.3651 45.0885 18.2331 43.866 18.2331 42.3583V30.9189C18.2331 29.4102 19.3651 28.1887 20.7611 28.1887C22.1571 28.1887 23.2891 29.4102 23.2891 30.9189V42.3583C23.2891 43.866 22.1571 45.0885 20.7611 45.0885Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0938 48.2556C26.6978 48.2556 25.5658 47.0331 25.5658 45.5254V28.0056C25.5658 26.4979 26.6978 25.2765 28.0938 25.2765C29.4898 25.2765 30.6218 26.4979 30.6218 28.0056V45.5254C30.6218 47.0331 29.4898 48.2556 28.0938 48.2556Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.3069 51.0586C33.9109 51.0586 32.7789 49.8361 32.7789 48.3284V25.0576C32.7789 23.55 33.9109 22.3274 35.3069 22.3274C36.7029 22.3274 37.8349 23.55 37.8349 25.0576V48.3284C37.8349 49.8361 36.7029 51.0586 35.3069 51.0586Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.5416 47.0797C45.1446 47.0797 44.7436 47.0182 44.3516 46.895L41.3346 45.95C40.8876 45.8096 40.6296 45.3053 40.7596 44.8225C40.8896 44.3398 41.3566 44.0611 41.8036 44.2015L44.8206 45.1476C45.2636 45.2858 45.7186 45.2966 46.1376 45.1778C46.7986 44.991 47.2556 44.5514 47.5336 43.8322C47.7616 43.2425 47.7746 42.6874 47.7746 42.6625V22.1371C47.7746 20.9102 47.3826 19.9814 46.6086 19.3766C46.0406 18.9328 45.4626 18.8194 45.4566 18.8183C45.4186 18.8118 45.3816 18.8021 45.3446 18.7902L17.2056 9.59831C16.1446 9.26783 15.3796 9.50759 14.7956 10.35C14.4316 10.877 14.2316 11.5466 14.2316 12.2357V26.6353C14.2316 27.1375 13.8536 27.5447 13.3886 27.5447C12.9236 27.5447 12.5456 27.1375 12.5456 26.6353V12.2357C12.5456 11.1568 12.8656 10.1005 13.4456 9.26135C14.4476 7.81199 15.9506 7.31087 17.6786 7.85087C17.6816 7.85195 17.6846 7.85303 17.6886 7.85411L45.7866 17.033C46.0286 17.0838 46.8086 17.2868 47.5966 17.9024C48.4466 18.5666 49.4596 19.841 49.4596 22.1371V42.6668C49.4596 42.7554 49.4506 43.5557 49.1166 44.4596C48.6426 45.7438 47.7606 46.6013 46.5636 46.9393C46.2316 47.0333 45.8886 47.0797 45.5416 47.0797Z" fill="black"/>
+</svg>

package/src/assets/sharepoint.svg

@@ -0,0 +1,18 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10549_3571)">
+<g clip-path="url(#clip1_10549_3571)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4374 20.2156C29.7434 20.3456 30.0184 20.5306 30.2544 20.7666C30.4904 21.0016 30.6754 21.2766 30.8054 21.5836C30.9394 21.9006 31.0074 22.2376 31.0074 22.5846V27.2326C31.6594 26.2846 32.4474 25.4436 33.3534 24.7296C34.3374 23.9536 35.4324 23.3506 36.6084 22.9356C37.8254 22.5056 39.1024 22.2876 40.4044 22.2876C40.6714 22.2876 40.9404 22.2976 41.2074 22.3156C40.9524 15.7216 35.5254 10.4536 28.8694 10.4536C23.0084 10.4536 18.1024 14.5366 16.8384 20.0136H28.4364C28.7834 20.0136 29.1194 20.0816 29.4374 20.2156Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.0475 23.2535C41.9095 23.2315 41.7695 23.2125 41.6295 23.1965C41.4915 23.1805 41.3515 23.1675 41.2115 23.1565C41.1445 23.1515 41.0785 23.1475 41.0115 23.1435C40.9445 23.1395 40.8775 23.1365 40.8095 23.1335C40.6755 23.1285 40.5405 23.1265 40.4045 23.1265C39.9805 23.1265 39.5625 23.1515 39.1515 23.1995C39.0765 23.2085 39.0025 23.2185 38.9285 23.2285C38.8175 23.2445 38.7065 23.2615 38.5965 23.2805C38.5225 23.2935 38.4495 23.3065 38.3765 23.3205C38.3405 23.3275 38.3035 23.3355 38.2675 23.3425C38.1945 23.3575 38.1225 23.3735 38.0505 23.3895C37.7985 23.4465 37.5495 23.5135 37.3045 23.5885C37.1645 23.6315 37.0255 23.6775 36.8875 23.7255C36.8535 23.7375 36.8195 23.7505 36.7845 23.7625C36.5795 23.8375 36.3775 23.9185 36.1785 24.0055C36.0785 24.0495 35.9795 24.0945 35.8825 24.1405C35.7845 24.1875 35.6875 24.2355 35.5905 24.2845C35.4945 24.3335 35.3995 24.3845 35.3045 24.4365C35.1475 24.5235 34.9925 24.6145 34.8395 24.7095C34.7485 24.7665 34.6575 24.8245 34.5685 24.8845C34.3895 25.0035 34.2135 25.1275 34.0425 25.2565C33.9855 25.2995 33.9285 25.3435 33.8725 25.3875C33.8445 25.4105 33.8165 25.4325 33.7885 25.4545C33.7055 25.5215 33.6225 25.5905 33.5415 25.6605C33.4595 25.7295 33.3795 25.8005 33.3005 25.8725C33.2475 25.9205 33.1955 25.9695 33.1435 26.0185C33.0915 26.0675 33.0405 26.1175 32.9895 26.1675C32.9635 26.1925 32.9385 26.2175 32.9135 26.2435C32.8125 26.3445 32.7145 26.4475 32.6175 26.5535C32.5205 26.6585 32.4265 26.7655 32.3345 26.8745C32.2655 26.9565 32.1975 27.0395 32.1305 27.1235C32.0865 27.1795 32.0425 27.2365 31.9985 27.2935C31.7605 27.6065 31.5385 27.9325 31.3365 28.2715C31.2995 28.3335 31.2625 28.3955 31.2275 28.4575C31.1915 28.5205 31.1565 28.5835 31.1225 28.6465C31.0875 28.7095 31.0545 28.7735 31.0205 28.8375C31.0165 28.8465 31.0115 28.8545 31.0075 28.8635V34.3475C31.9655 34.4325 32.8955 34.6645 33.7845 35.0405C34.3345 35.2735 34.8655 35.5615 35.3615 35.8965C35.8535 36.2285 36.3155 36.6105 36.7355 37.0305C37.1555 37.4505 37.5375 37.9125 37.8695 38.4035C38.2045 38.9005 38.4925 39.4315 38.7255 39.9815C39.2105 41.1275 39.4555 42.3435 39.4555 43.5965C39.4555 43.7765 39.4505 43.9595 39.4395 44.1415C39.4385 44.1625 39.4375 44.1825 39.4355 44.2025C39.7545 44.2315 40.0775 44.2465 40.4045 44.2465C46.2365 44.2465 50.9645 39.5185 50.9645 33.6865C50.9645 28.4135 47.0995 24.0425 42.0475 23.2535Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.5492 42.5208C38.5442 42.4838 38.5392 42.4458 38.5342 42.4088C38.5182 42.2968 38.5002 42.1858 38.4802 42.0758C38.4672 42.0018 38.4532 41.9288 38.4372 41.8558C38.4072 41.7098 38.3722 41.5648 38.3342 41.4218C38.3152 41.3508 38.2952 41.2798 38.2752 41.2088C38.2442 41.1028 38.2102 40.9978 38.1752 40.8938C38.1522 40.8238 38.1272 40.7548 38.1022 40.6858C38.0772 40.6168 38.0512 40.5488 38.0242 40.4808C37.9972 40.4128 37.9692 40.3458 37.9402 40.2788C37.9262 40.2448 37.9122 40.2118 37.8972 40.1788C37.8532 40.0788 37.8072 39.9798 37.7592 39.8828C37.7272 39.8168 37.6942 39.7528 37.6602 39.6878C37.5762 39.5278 37.4882 39.3708 37.3942 39.2158C37.3752 39.1848 37.3562 39.1548 37.3372 39.1238C37.2992 39.0628 37.2602 39.0018 37.2202 38.9418C37.1602 38.8518 37.0992 38.7628 37.0362 38.6748C36.9522 38.5588 36.8652 38.4438 36.7762 38.3308C36.6642 38.1908 36.5472 38.0538 36.4262 37.9208C36.3782 37.8678 36.3292 37.8158 36.2802 37.7638C35.9082 37.3738 35.4992 37.0198 35.0592 36.7068C35.0042 36.6678 34.9482 36.6298 34.8922 36.5918C34.7522 36.4968 34.6082 36.4058 34.4622 36.3188C34.3452 36.2498 34.2262 36.1838 34.1052 36.1198C34.0152 36.0728 33.9242 36.0258 33.8312 35.9818C33.7702 35.9518 33.7082 35.9228 33.6452 35.8948C33.5522 35.8528 33.4572 35.8118 33.3622 35.7728C33.2982 35.7468 33.2352 35.7218 33.1702 35.6978C33.1062 35.6728 33.0412 35.6488 32.9762 35.6258C32.9112 35.6038 32.8462 35.5808 32.7802 35.5598C32.6812 35.5278 32.5822 35.4978 32.4812 35.4688C32.1142 35.3648 31.7362 35.2848 31.3502 35.2308C31.2802 35.2208 31.2102 35.2118 31.1392 35.2038C31.0952 35.1988 31.0512 35.1938 31.0072 35.1898V39.9148C31.0072 40.2618 30.9392 40.5978 30.8052 40.9158C30.6752 41.2218 30.4902 41.4968 30.2542 41.7328C30.0182 41.9688 29.7432 42.1538 29.4372 42.2838C29.1202 42.4178 28.7832 42.4858 28.4362 42.4858H21.7932C21.7452 42.8498 21.7212 43.2198 21.7212 43.5968C21.7212 48.2628 25.5032 52.0448 30.1692 52.0448C34.3812 52.0448 37.8742 48.9618 38.5122 44.9288C38.5342 44.7908 38.5532 44.6518 38.5682 44.5128C38.5832 44.3738 38.5942 44.2338 38.6022 44.0938C38.6122 43.9288 38.6172 43.7638 38.6172 43.5968C38.6172 43.3048 38.6022 43.0168 38.5732 42.7328C38.5662 42.6618 38.5582 42.5908 38.5492 42.5208Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.4364 41.6472C29.3934 41.6472 30.1694 40.8712 30.1694 39.9152V22.5842C30.1694 21.6272 29.3934 20.8512 28.4364 20.8512H11.1064C10.1494 20.8512 9.37341 21.6272 9.37341 22.5842V39.9152C9.37341 40.8712 10.1494 41.6472 11.1064 41.6472H28.4364ZM19.5024 37.7492C19.4634 37.7492 19.4244 37.7482 19.3854 37.7482C19.3674 37.7482 19.3504 37.7482 19.3334 37.7482C18.6004 37.7482 17.8694 37.6862 17.1474 37.5632C16.5214 37.4642 15.9104 37.2882 15.3274 37.0382V34.5662C15.8844 34.9642 16.5074 35.2612 17.1674 35.4432C17.8234 35.6482 18.5054 35.7582 19.1924 35.7682C19.2664 35.7732 19.3404 35.7752 19.4144 35.7752C19.9754 35.7752 20.5304 35.6402 21.0294 35.3782C21.4214 35.1532 21.6594 34.7302 21.6464 34.2782C21.6494 33.9622 21.5244 33.6582 21.3014 33.4352C21.0214 33.1622 20.6984 32.9372 20.3454 32.7702C19.9394 32.5652 19.3384 32.2972 18.5444 31.9642C17.9144 31.7112 17.3104 31.3952 16.7424 31.0222C16.3054 30.7312 15.9394 30.3452 15.6744 29.8912C15.4164 29.4172 15.2874 28.8842 15.3014 28.3442C15.2784 27.6142 15.5254 26.9022 15.9944 26.3422C16.2434 26.0582 16.5284 25.8122 16.8424 25.6082C17.1494 25.4092 17.4824 25.2522 17.8344 25.1412C18.6194 24.8822 19.4414 24.7502 20.2674 24.7502C20.2944 24.7502 20.3224 24.7502 20.3494 24.7512C20.4664 24.7462 20.5834 24.7442 20.7004 24.7442C21.7064 24.7442 22.7054 24.9032 23.6624 25.2152V27.5542C23.1984 27.2732 22.6924 27.0662 22.1644 26.9422C21.5954 26.8022 21.0124 26.7312 20.4264 26.7312H20.4104C20.3644 26.7302 20.3184 26.7292 20.2734 26.7292C19.6974 26.7292 19.1284 26.8602 18.6094 27.1122C18.1774 27.2992 17.8964 27.7242 17.8954 28.1952C17.8944 28.3452 17.9244 28.4922 17.9814 28.6282C18.0104 28.6992 18.0474 28.7672 18.0914 28.8302C18.1234 28.8762 18.1594 28.9202 18.1984 28.9622C18.4324 29.2042 18.7084 29.4012 19.0134 29.5442C19.3544 29.7142 19.8644 29.9392 20.5414 30.2202C20.6174 30.2432 20.6904 30.2732 20.7614 30.3072C21.4304 30.5692 22.0744 30.8872 22.6894 31.2582C23.1544 31.5452 23.5454 31.9392 23.8284 32.4062C24.1214 32.9352 24.2634 33.5332 24.2404 34.1372C24.2424 34.1762 24.2434 34.2142 24.2434 34.2532C24.2494 34.9622 24.0214 35.6552 23.5924 36.2232C23.1404 36.7732 22.5374 37.1782 21.8574 37.3882C21.0954 37.6272 20.3014 37.7492 19.5024 37.7492Z" fill="black"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_10549_3571">
+<rect width="60" height="50" fill="white" transform="translate(0 5)"/>
+</clipPath>
+<clipPath id="clip1_10549_3571">
+<rect width="60" height="50" fill="white" transform="translate(0 5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/uae.svg

@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_9886_2482)">
+<path d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z" fill="white"/>
+<path d="M18.0869 43.1304L20.8695 62.0099C24.336 63.2962 28.0857 64 31.9999 64C45.7587 64 57.4882 55.316 62.0094 43.1304H18.0869Z" fill="black"/>
+<path d="M18.0869 20.8696L20.8695 1.99012C24.336 0.70375 28.0857 0 31.9999 0C45.7587 0 57.4882 8.684 62.0094 20.8696H18.0869Z" fill="#6DA544"/>
+<path d="M0 32C0 45.7589 8.68412 57.4882 20.8696 62.0096V1.99036C8.68412 6.51173 0 18.2411 0 32Z" fill="#A2001D"/>
+</g>
+<defs>
+<clipPath id="clip0_9886_2482">
+<rect width="64" height="64" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/visio.svg

@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0599 46.4527V16.0427C11.1019 16.0447 11.1449 16.0547 11.1859 16.0477C12.2959 15.8547 13.4059 15.6607 14.5149 15.4657C15.5149 15.2897 16.5139 15.1107 17.5139 14.9357C18.5919 14.7457 19.6699 14.5587 20.7489 14.3697C21.8059 14.1847 22.8629 13.9987 23.9209 13.8147C24.9889 13.6277 26.0569 13.4427 27.1249 13.2557C28.2559 13.0577 29.3859 12.8587 30.5169 12.6607C31.5789 12.4747 32.6419 12.2897 33.7049 12.1017C33.8979 12.0677 33.9049 12.0697 33.9049 12.2627C33.9049 13.6397 33.9049 15.0157 33.9049 16.3927C33.9059 16.6597 33.8839 16.6307 34.1479 16.6307C38.6239 16.6317 43.0999 16.6307 47.5769 16.6337C47.7349 16.6337 47.8969 16.6487 48.0509 16.6857C48.9199 16.8947 49.4589 17.6057 49.4589 18.5397C49.4596 27.0107 49.4596 35.4827 49.4579 43.9547C49.4579 44.1077 49.4439 44.2647 49.4109 44.4147C49.2159 45.2937 48.4969 45.8637 47.5919 45.8637C43.1059 45.8647 38.6189 45.8647 34.1319 45.8647C33.9059 45.8647 33.9049 45.8647 33.9049 46.0877C33.9049 47.4747 33.9049 48.8617 33.9059 50.2487C33.9059 50.3487 33.9099 50.4327 33.7659 50.4077C32.7769 50.2317 31.7879 50.0567 30.7989 49.8827C29.7369 49.6957 28.6739 49.5097 27.6109 49.3237C26.6059 49.1477 25.6009 48.9737 24.5959 48.7977C23.5329 48.6117 22.4709 48.4227 21.4089 48.2367C20.3409 48.0497 19.2719 47.8657 18.2049 47.6787C17.1369 47.4917 16.0689 47.3027 15.0019 47.1147C13.9289 46.9257 12.8559 46.7367 11.7819 46.5517C11.5429 46.5097 11.3009 46.4847 11.0599 46.4527ZM33.9189 44.0547H47.6519V18.4437H33.9189V44.0547ZM15.8019 23.9067C15.8399 24.0577 15.8669 24.1747 15.8989 24.2917C17.2379 29.2287 18.5769 34.1667 19.9159 39.1037C19.9969 39.3997 19.9959 39.4057 20.3049 39.4147C21.1999 39.4407 22.0949 39.4577 22.9899 39.4917C23.1629 39.4977 23.2249 39.4467 23.2699 39.2827C23.8689 37.1327 24.4749 34.9857 25.0789 32.8367C25.8859 29.9677 26.6909 27.0977 27.4969 24.2277C27.5469 24.0497 27.5409 24.0397 27.3679 24.0367C26.6049 24.0237 25.8429 24.0127 25.0799 24.0007C24.9849 23.9987 24.8879 23.9967 24.7929 23.9877C24.5249 23.9617 24.5269 23.9617 24.4639 24.2237C23.8179 26.8917 23.1699 29.5597 22.5239 32.2287C22.2879 33.2037 22.0509 34.1797 21.8279 35.1577C21.7509 35.4937 21.7129 35.8387 21.6629 36.1487C21.6069 35.7997 21.5669 35.4187 21.4819 35.0487C21.1459 33.5997 20.7959 32.1547 20.4509 30.7087C19.9239 28.5027 19.3949 26.2967 18.8719 24.0897C18.8389 23.9507 18.7829 23.9027 18.6379 23.9037C17.7629 23.9097 16.8879 23.9067 16.0129 23.9067H15.8019Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.4821 37.6371C38.4821 37.8851 38.4821 38.1031 38.4821 38.3211C38.4821 38.9881 38.4821 39.6551 38.4821 40.3211C38.4821 40.9111 38.1031 41.2871 37.5101 41.2871C36.3851 41.2871 35.2591 41.2851 34.1341 41.2901C33.9951 41.2911 33.9481 41.2561 33.95 41.1121C33.9591 40.6321 33.9571 40.1521 33.9511 39.6721C33.95 39.5451 33.9931 39.5071 34.1171 39.5081C34.9011 39.5121 35.6861 39.5101 36.4701 39.5101C36.6841 39.5091 36.6841 39.5081 36.6841 39.3011C36.6841 37.5891 36.6821 35.8771 36.6881 34.1641C36.6891 33.9981 36.6371 33.9581 36.4801 33.9591C35.7011 33.9661 34.9221 33.9601 34.1431 33.9651C34.0011 33.9661 33.9471 33.9311 33.95 33.7791C33.9591 33.3051 33.9581 32.8301 33.9511 32.3551C33.9491 32.2211 33.9931 32.1841 34.1251 32.1851C35.2721 32.1891 36.4191 32.1861 37.5661 32.1881C38.0931 32.1881 38.4801 32.5781 38.4811 33.1101C38.4831 33.9581 38.4861 34.8071 38.4791 35.6551C38.4771 35.8031 38.5211 35.8421 38.6671 35.8411C39.4721 35.8341 40.2781 35.8381 41.0831 35.8371C41.1351 35.8371 41.1871 35.8321 41.2601 35.8281V35.6321C41.2601 33.3061 41.2591 30.9801 41.2621 28.6541C41.2621 28.5471 41.2401 28.4651 41.1571 28.3871C40.2651 27.5441 39.3771 26.6981 38.4911 25.8501C38.4031 25.7661 38.3151 25.7301 38.1931 25.7311C36.8491 25.7341 35.5051 25.7331 34.1601 25.7331C33.9541 25.7331 33.9541 25.7321 33.9541 25.5201C33.9531 25.0561 33.9581 24.5921 33.9511 24.1281C33.9491 23.9941 33.9931 23.9561 34.1251 23.9571C35.4581 23.9611 36.7921 23.9561 38.1251 23.9631C38.2931 23.9641 38.4121 23.9171 38.5311 23.7971C39.6321 22.6881 40.7391 21.5851 41.8441 20.4801C42.0871 20.2371 42.2271 20.2361 42.4651 20.4741C43.8201 21.8281 45.1741 23.1821 46.5281 24.5371C46.7701 24.7791 46.7701 24.9191 46.5271 25.1531C45.4121 26.2251 44.2981 27.2981 43.1791 28.3671C43.0901 28.4521 43.0571 28.5381 43.0571 28.6591C43.0601 31.3101 43.0591 33.9621 43.0591 36.6131C43.0591 37.2601 42.6841 37.6371 42.0381 37.6371C40.9231 37.6371 39.8081 37.6371 38.6931 37.6371H38.4821ZM42.1171 27.5741C43.0451 26.6471 43.9631 25.7291 44.8541 24.8381C43.9611 23.9451 43.0461 23.0311 42.1251 22.1121C42.1091 22.1261 42.0731 22.1571 42.0391 22.1911C41.1981 23.0311 40.3591 23.8751 39.5131 24.7111C39.3971 24.8261 39.4181 24.8851 39.5211 24.9881C40.3621 25.8211 41.1981 26.6601 42.0361 27.4971C42.0701 27.5311 42.1051 27.5631 42.1171 27.5741Z" fill="black"/>
+</svg>

package/src/changelog.mdx

@@ -0,0 +1,11 @@
+---
+---
+
+import Markdown from "./components/Markdown"
+import { Section } from "@orangesk/orange-design-system"
+import CHANGELOG from "../CHANGELOG.md"
+
+
+<Section>
+  <CHANGELOG></CHANGELOG>
+</Section>

package/src/components/ActionTile/ActionTile.tsx

@@ -0,0 +1,25 @@
+import {
+  BlockAction,
+  Tile,
+  BlockActionControl,
+  Link,
+} from "@orangesk/orange-design-system";
+import React from "react";
+
+type ActionTileProps = {
+  children: React.ReactNode;
+};
+
+export const ActionTile = ({ children, ...other }: ActionTileProps) => {
+  return (
+    <BlockAction>
+      <Tile variant="action" className="is-light" {...other}>
+        <BlockActionControl>
+          <Link href="#" className="d-block bold is-dark">
+            {children}
+          </Link>
+        </BlockActionControl>
+      </Tile>
+    </BlockAction>
+  );
+};

package/src/components/ActionTile/ActionTilesSection.tsx

@@ -0,0 +1,41 @@
+import { Grid, GridCol, Section } from "@orangesk/orange-design-system";
+import React from "react";
+import { ActionTile } from "./ActionTile";
+import clsx from "clsx";
+
+type ActionTilesProps = {
+  title?: string;
+  tiles?: string[];
+  className?: string;
+};
+
+export const ActionTiles = ({
+  title = "Môže vás zaujímať",
+  tiles = [
+    "Informácie o právach zákazníkov",
+    "Súhlasy so spracúvaním osobných údajov",
+    "Spracúvanie osobných údajov na webových stránkach (cookies a iné)",
+  ],
+  className,
+  ...other
+}: ActionTilesProps) => {
+  const size =
+    tiles.length >= 4 ? { xs: 12, md: 6, lg: 3 } : { xs: 12, md: 6, lg: 4 };
+
+  return (
+    <Section
+      className={clsx("surface-moderate is-dark", className)}
+      spacing="default"
+      {...other}
+    >
+      <h2 className="thin h2 mb-large">{title}</h2>
+      <Grid rowGapSize="medium" data-same-height>
+        {tiles?.map((tile, index) => (
+          <GridCol key={index} size={size}>
+            <ActionTile data-same-height-child>{tile}</ActionTile>
+          </GridCol>
+        ))}
+      </Grid>
+    </Section>
+  );
+};

package/src/components/ActionTile/index.ts

@@ -0,0 +1,2 @@
+export { ActionTile } from "./ActionTile";
+export { ActionTiles } from "./ActionTilesSection";

package/src/components/ArticleCard/ArticleCard.tsx

@@ -0,0 +1,130 @@
+import React from "react";
+import {
+  Image,
+  Link,
+  Tag,
+  BlockAction,
+  BlockActionControl,
+  BlockActionOverride,
+  Bar,
+  BarItem,
+  Icon,
+  Grid,
+  GridCol,
+} from "@orangesk/orange-design-system";
+import clsx from "clsx";
+
+export type ArticleCardProps = {
+  tagline: string;
+  title: string;
+  tag: string;
+  /** Image source */
+  src?: string;
+  /** Image alt text */
+  alt?: string;
+  className?: string;
+  titleTag?: React.ElementType;
+  withIcon?: boolean;
+  withReadingTime?: boolean;
+  withDate?: boolean;
+  description?: string;
+  isHorizontal?: boolean;
+  horizontalLgDisableDown?: boolean;
+  children?: React.ReactNode;
+};
+
+export const ArticleCard = ({
+  tagline,
+  title,
+  tag,
+  src,
+  alt = "",
+  titleTag: TitleTag = "h3",
+  withIcon = false,
+  withReadingTime = false,
+  withDate = false,
+  description,
+  className,
+  isHorizontal = false,
+  horizontalLgDisableDown = false,
+  children,
+}: ArticleCardProps) => {
+  return (
+    <BlockAction>
+      <Grid
+        vAlign={isHorizontal ? "center" : undefined}
+        className={clsx(className)}
+      >
+        <GridCol
+          size={
+            isHorizontal
+              ? {
+                  xs: horizontalLgDisableDown ? 12 : 3,
+                  lg: 4,
+                }
+              : {
+                  xs: 12,
+                }
+          }
+        >
+          {src && <Image src={src} alt={alt} />}
+        </GridCol>
+        <GridCol size="auto">
+          <p className="mb-xsmall">{tagline}</p>
+
+          <TitleTag>
+            <BlockActionControl>
+              <Link href="#" className="h3">
+                {title}
+              </Link>
+            </BlockActionControl>
+          </TitleTag>
+          {description && <p>{description}</p>}
+          {(tag || withIcon || withReadingTime || withDate) && (
+            <Bar
+              key="small"
+              space="small"
+              className={isHorizontal ? "mb-none" : ""}
+            >
+              {tag && (
+                <BarItem>
+                  <BlockActionOverride>
+                    <Tag
+                      href="#"
+                      color="transparent"
+                      className="align-self-left"
+                    >
+                      {tag}
+                    </Tag>
+                  </BlockActionOverride>
+                </BarItem>
+              )}
+              {withIcon && (
+                <BarItem className="d-flex">
+                  <Icon
+                    name="article"
+                    size="medium"
+                    className="icon--with-text-end"
+                  />
+                  <span>Článok</span>
+                </BarItem>
+              )}
+              {withReadingTime && (
+                <BarItem className="d-flex show-sm">
+                  <Icon
+                    name="clock"
+                    size="medium"
+                    className="icon--with-text-end"
+                  />
+                  <span>15 minút</span>
+                </BarItem>
+              )}
+              {withDate && <BarItem>18.8.2025</BarItem>}
+            </Bar>
+          )}
+          {children}
+        </GridCol>
+      </Grid>
+    </BlockAction>
+  );
+};

package/src/components/ArticleCard/index.ts

@@ -0,0 +1 @@
+export * from "./ArticleCard";

package/src/components/ArticleMeta/ArticleMeta.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import { Bar, BarItem, Tag, Icon } from "@orangesk/orange-design-system";
+
+type ArticleMetaProps = {
+  readingTime?: string;
+  date?: string;
+  tagName?: string;
+  type?: string;
+  className?: string;
+};
+
+export const ArticleMeta = ({
+  readingTime = "15 minút",
+  date = "18. 8. 2025",
+  tagName = "Iné",
+  type = "Článok",
+  className,
+}: ArticleMetaProps) => {
+  return (
+    <Bar key="small" space="small" className={className}>
+      <BarItem>
+        <Tag color="transparent" href="#">
+          {tagName}
+        </Tag>
+      </BarItem>
+      <BarItem className="d-flex">
+        <Icon name="article" size="medium" className="icon--with-text-end" />
+        <span>{type}</span>
+      </BarItem>
+      <BarItem className="d-flex hidden show-sm">
+        <Icon name="clock" size="medium" className="icon--with-text-end" />
+        <span>{readingTime}</span>
+      </BarItem>
+      <BarItem>{date}</BarItem>
+    </Bar>
+  );
+};

package/src/components/ArticleMeta/index.ts

@@ -0,0 +1 @@
+export { ArticleMeta } from "./ArticleMeta";

package/src/components/ArticleShare/ArticleShare.tsx

@@ -0,0 +1,87 @@
+import React from "react";
+
+import { Bar, BarItem } from "@orangesk/orange-design-system";
+
+export const ArticleShare = () => (
+  <Bar>
+    <BarItem isFilling className="color-gray">
+      Zdielať cez
+    </BarItem>
+    <BarItem>
+      <ul className="list-inline">
+        <li>
+          <a href="#" aria-label="Zdieľať cez Facebook">
+            <svg
+              width="11"
+              height="20"
+              viewBox="0 0 11 20"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0.582434 10.3969H2.72226V19.2062C2.72226 19.3801 2.86319 19.5211 3.03711 19.5211H6.66526C6.83919 19.5211 6.98012 19.3801 6.98012 19.2062V10.4384H9.44003C9.59997 10.4384 9.73454 10.3184 9.75281 10.1595L10.1264 6.91638C10.1367 6.82715 10.1084 6.73779 10.0487 6.67086C9.98895 6.60385 9.90343 6.5655 9.8137 6.5655H6.98025V4.53254C6.98025 3.91971 7.31022 3.60894 7.96109 3.60894C8.05384 3.60894 9.8137 3.60894 9.8137 3.60894C9.98763 3.60894 10.1286 3.46795 10.1286 3.29409V0.317186C10.1286 0.14326 9.98763 0.00232993 9.8137 0.00232993H7.26053C7.24252 0.00144834 7.20253 0 7.14359 0C6.70059 0 5.16076 0.0869632 3.9444 1.20596C2.59669 2.44599 2.78403 3.93073 2.82881 4.18815V6.56544H0.582434C0.408508 6.56544 0.267578 6.70637 0.267578 6.8803V10.082C0.267578 10.2559 0.408508 10.3969 0.582434 10.3969Z"
+                fill="currentColor"
+              />
+            </svg>
+          </a>
+        </li>
+        <li>
+          <a href="#" aria-label="Zdieľať cez Linkedin">
+            <svg
+              width="19"
+              height="19"
+              viewBox="0 0 19 19"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M4.38622 6.5H0.714888C0.551949 6.5 0.419922 6.63209 0.419922 6.79497V18.5894C0.419922 18.7523 0.551949 18.8843 0.714888 18.8843H4.38622C4.54916 18.8843 4.68119 18.7523 4.68119 18.5894V6.79497C4.68119 6.63209 4.54916 6.5 4.38622 6.5Z"
+                fill="currentColor"
+              />
+              <path
+                d="M2.55153 0.636963C1.21568 0.636963 0.128906 1.72256 0.128906 3.05693C0.128906 4.39189 1.21568 5.4779 2.55153 5.4779C3.88631 5.4779 4.9722 4.39183 4.9722 3.05693C4.97226 1.72256 3.88631 0.636963 2.55153 0.636963Z"
+                fill="currentColor"
+              />
+              <path
+                d="M13.7241 6.20605C12.2496 6.20605 11.1596 6.83994 10.4985 7.56019V6.79416C10.4985 6.63128 10.3664 6.49919 10.2035 6.49919H6.68754C6.52461 6.49919 6.39258 6.63128 6.39258 6.79416V18.5886C6.39258 18.7515 6.52461 18.8835 6.68754 18.8835H10.3509C10.5138 18.8835 10.6458 18.7515 10.6458 18.5886V12.7531C10.6458 10.7866 11.1799 10.0206 12.5507 10.0206C14.0436 10.0206 14.1622 11.2487 14.1622 12.8542V18.5886C14.1622 18.7516 14.2943 18.8836 14.4572 18.8836H18.1219C18.2848 18.8836 18.4168 18.7516 18.4168 18.5886V12.1192C18.4168 9.19519 17.8593 6.20605 13.7241 6.20605Z"
+                fill="currentColor"
+              />
+            </svg>
+          </a>
+        </li>
+        <li>
+          <a href="#" aria-label="Zdieľať cez X (Twitter)">
+            <svg
+              width="19"
+              height="17"
+              viewBox="0 0 19 17"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M14.7381 0.541504H17.5266L11.4346 7.50457L18.6015 16.9795H12.9897L8.59456 11.2328L3.56541 16.9795H0.775073L7.29113 9.53183L0.416016 0.541504H6.16999L10.143 5.79399L14.7381 0.541504ZM13.7594 15.3103H15.3046L5.33047 2.12304H3.67247L13.7594 15.3103Z"
+                fill="currentColor"
+              />
+            </svg>
+          </a>
+        </li>
+        <li>
+          <a href="#" aria-label="Zdieľať cez email">
+            <svg
+              width="22"
+              height="17"
+              viewBox="0 0 22 17"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M19.9328 16.8734H2.66877C1.52793 16.8725 0.603362 15.9479 0.601562 14.8071V2.71376C0.603365 1.57293 1.52793 0.648361 2.66877 0.647461H19.9328C21.0736 0.648362 21.9982 1.57293 22 2.71376V14.8071C21.9982 15.9479 21.0736 16.8725 19.9328 16.8734ZM2.04336 3.23651V14.8071C2.04426 15.1522 2.32361 15.4316 2.66874 15.4316H19.9328C20.2779 15.4316 20.5573 15.1522 20.5582 14.8071V3.23559C18.1973 5.81011 14.3403 10.0221 12.5001 12.0452H12.4992C12.1847 12.3678 11.7522 12.5499 11.3016 12.5499C10.8501 12.5508 10.4176 12.3687 10.1022 12.0461L2.04336 3.23651ZM2.94811 2.08935L11.1674 11.0736C11.1963 11.1187 11.2467 11.1457 11.3008 11.1457C11.3549 11.1457 11.4053 11.1187 11.4342 11.0727C13.3166 9.00553 17.3087 4.6459 19.6525 2.08937L2.94811 2.08935Z"
+                fill="currentColor"
+              />
+            </svg>
+          </a>
+        </li>
+      </ul>
+    </BarItem>
+  </Bar>
+);

package/src/components/ArticleShare/index.ts

@@ -0,0 +1 @@
+export { ArticleShare } from "./ArticleShare";

package/src/components/AvatarCard/AvatarCard.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import { Bar, BarItem, Image } from "@orangesk/orange-design-system";
+
+type AvatarCardProps = {
+  src: string;
+  alt?: string;
+  name: string;
+  role: string;
+  className?: string;
+};
+
+export const AvatarCard = ({
+  src,
+  alt = "avatar",
+  name,
+  role,
+  className,
+}: AvatarCardProps) => {
+  return (
+    <Bar key="small" className={className}>
+      <BarItem>
+        <Image src={src} alt={alt} />
+      </BarItem>
+      <BarItem>
+        <p className="bold mb-none">{name}</p>
+        <p>{role}</p>
+      </BarItem>
+    </Bar>
+  );
+};

package/src/components/AvatarCard/index.ts

@@ -0,0 +1 @@
+export { AvatarCard } from "./AvatarCard";