@q2devel/q2-storybook 1.0.145 → 1.0.146

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/MIKS/event-card/EventCard.js +3 -3
  2. package/package.json +1 -1
package/dist/components/MIKS/event-card/EventCard.js CHANGED
@@ -4,9 +4,9 @@ import Image from "next/image";
4
4
  import { buildClassesByJoining } from "../../../utils/StyleHelper";
5
5
  import { Button } from "../../../index";
6
6
  // Icons as SVG components for better performance and customization
7
- const CalendarIcon = () => (_jsx("svg", { width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M20.8333 3.125H18.75V1.04167C18.75 0.466667 18.2833 0 17.7083 0H16.6667C16.0917 0 15.625 0.466667 15.625 1.04167V3.125H9.375V1.04167C9.375 0.466667 8.90833 0 8.33333 0H7.29167C6.71667 0 6.25 0.466667 6.25 1.04167V3.125H4.16667C2.325 3.125 0.833333 4.61667 0.833333 6.45833V20.8333C0.833333 22.675 2.325 24.1667 4.16667 24.1667H20.8333C22.675 24.1667 24.1667 22.675 24.1667 20.8333V6.45833C24.1667 4.61667 22.675 3.125 20.8333 3.125ZM22.9167 20.8333C22.9167 21.6917 22.1917 22.4167 21.3333 22.4167H4.16667C3.30833 22.4167 2.58333 21.6917 2.58333 20.8333V10.4167H22.9167V20.8333ZM22.9167 8.33333H2.58333V6.45833C2.58333 5.6 3.30833 4.875 4.16667 4.875H6.25V6.45833C6.25 7.03333 6.71667 7.5 7.29167 7.5H8.33333C8.90833 7.5 9.375 7.03333 9.375 6.45833V4.875H15.625V6.45833C15.625 7.03333 16.0917 7.5 16.6667 7.5H17.7083C18.2833 7.5 18.75 7.03333 18.75 6.45833V4.875H20.8333C21.6917 4.875 22.4167 5.6 22.4167 6.45833V8.33333H22.9167Z", fill: "white" }) }));
8
- const ClockIcon = () => (_jsx("svg", { width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.5 0C5.6 0 0 5.6 0 12.5C0 19.4 5.6 25 12.5 25C19.4 25 25 19.4 25 12.5C25 5.6 19.4 0 12.5 0ZM12.5 22.9167C6.975 22.9167 2.08333 18.025 2.08333 12.5C2.08333 6.975 6.975 2.08333 12.5 2.08333C18.025 2.08333 22.9167 6.975 22.9167 12.5C22.9167 18.025 18.025 22.9167 12.5 22.9167ZM13.5417 6.25H11.4583V13.5417L17.7083 16.6667L18.75 14.7917L13.5417 12.5V6.25Z", fill: "white" }) }));
9
- const LocationIcon = () => (_jsx("svg", { width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.5 0C7.80833 0 4.16667 3.64167 4.16667 8.33333C4.16667 14.5833 12.5 25 12.5 25S20.8333 14.5833 20.8333 8.33333C20.8333 3.64167 17.1917 0 12.5 0ZM12.5 11.4583C11.1417 11.4583 10.0417 10.3583 10.0417 8.33333C10.0417 6.30833 11.1417 5.20833 12.5 5.20833C13.8583 5.20833 14.9583 6.30833 14.9583 8.33333C14.9583 10.3583 13.8583 11.4583 12.5 11.4583Z", fill: "white" }) }));
7
+ const CalendarIcon = () => (_jsxs("svg", { width: "35", height: "35", viewBox: "0 0 35 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "35", height: "35", rx: "17.5", fill: "#90A6AC" }), _jsx("path", { d: "M16.6149 10.288H13.3399C13.2339 10.288 13.1321 10.2458 13.0571 10.1708C12.9821 10.0958 12.9399 9.99406 12.9399 9.88798C12.9399 9.78189 12.9821 9.68015 13.0571 9.60513C13.1321 9.53012 13.2339 9.48798 13.3399 9.48798H16.6149C16.721 9.48798 16.8228 9.53012 16.8978 9.60513C16.9728 9.68015 17.0149 9.78189 17.0149 9.88798C17.0149 9.99406 16.9728 10.0958 16.8978 10.1708C16.8228 10.2458 16.721 10.288 16.6149 10.288Z", fill: "white" }), _jsx("path", { d: "M25.2153 27.9H9.7851C9.2056 27.8991 8.65011 27.6684 8.24049 27.2585C7.83087 26.8486 7.60056 26.293 7.6001 25.7135V11.675C7.60056 11.0955 7.83087 10.5399 8.24049 10.1299C8.65011 9.72004 9.2056 9.48936 9.7851 9.48849H11.5693C11.6754 9.48849 11.7772 9.53064 11.8522 9.60565C11.9272 9.68067 11.9693 9.78241 11.9693 9.88849C11.9693 9.99458 11.9272 10.0963 11.8522 10.1713C11.7772 10.2464 11.6754 10.2885 11.5693 10.2885H9.7851C9.4177 10.2891 9.06553 10.4354 8.80588 10.6953C8.54623 10.9553 8.4003 11.3076 8.4001 11.675V25.7135C8.4003 26.0809 8.54623 26.4332 8.80588 26.6932C9.06553 26.9531 9.4177 27.0994 9.7851 27.1H25.2153C25.5827 27.0993 25.9348 26.953 26.1944 26.6931C26.454 26.4331 26.5999 26.0809 26.6001 25.7135V11.675C26.5999 11.3076 26.454 10.9554 26.1944 10.6954C25.9348 10.4355 25.5827 10.2892 25.2153 10.2885H23.4308C23.3248 10.2885 23.223 10.2464 23.148 10.1713C23.073 10.0963 23.0308 9.99458 23.0308 9.88849C23.0308 9.78241 23.073 9.68067 23.148 9.60565C23.223 9.53064 23.3248 9.48849 23.4308 9.48849H25.2153C25.7948 9.48936 26.3503 9.72005 26.7599 10.13C27.1694 10.5399 27.3997 11.0955 27.4001 11.675V25.7135C27.3997 26.293 27.1694 26.8486 26.7599 27.2585C26.3503 27.6684 25.7948 27.8991 25.2153 27.9Z", fill: "white" }), _jsx("path", { d: "M21.6608 10.288H18.3858C18.2798 10.288 18.178 10.2458 18.103 10.1708C18.028 10.0958 17.9858 9.99406 17.9858 9.88798C17.9858 9.78189 18.028 9.68015 18.103 9.60513C18.178 9.53012 18.2798 9.48798 18.3858 9.48798H21.6608C21.7669 9.48798 21.8687 9.53012 21.9437 9.60513C22.0187 9.68015 22.0608 9.78189 22.0608 9.88798C22.0608 9.99406 22.0187 10.0958 21.9437 10.1708C21.8687 10.2458 21.7669 10.288 21.6608 10.288Z", fill: "white" }), _jsx("path", { d: "M27.0001 13.992H8.0001C7.89401 13.992 7.79227 13.9498 7.71726 13.8748C7.64224 13.7998 7.6001 13.6981 7.6001 13.592C7.6001 13.4859 7.64224 13.3842 7.71726 13.3091C7.79227 13.2341 7.89401 13.192 8.0001 13.192H27.0001C27.1062 13.192 27.2079 13.2341 27.2829 13.3091C27.358 13.3842 27.4001 13.4859 27.4001 13.592C27.4001 13.6981 27.358 13.7998 27.2829 13.8748C27.2079 13.9498 27.1062 13.992 27.0001 13.992Z", fill: "white" }), _jsx("path", { d: "M12.4714 12.6485H12.4369C12.1008 12.6481 11.7785 12.5145 11.5408 12.2768C11.3031 12.0391 11.1693 11.7169 11.1689 11.3807V8.36773C11.1693 8.03158 11.3031 7.70931 11.5408 7.47164C11.7785 7.23397 12.1008 7.10031 12.4369 7.09998H12.4714C12.8076 7.10031 13.1299 7.23397 13.3676 7.47164C13.6053 7.70931 13.739 8.03158 13.7394 8.36773V11.3807C13.739 11.7169 13.6053 12.0391 13.3676 12.2768C13.1299 12.5145 12.8076 12.6481 12.4714 12.6485ZM12.4369 7.89998C12.3129 7.90011 12.194 7.94942 12.1063 8.03711C12.0185 8.12479 11.9691 8.24369 11.9689 8.36773V11.3807C11.9691 11.5048 12.0185 11.6237 12.1063 11.7113C12.194 11.799 12.3129 11.8483 12.4369 11.8485H12.4714C12.5955 11.8483 12.7144 11.799 12.8021 11.7113C12.8899 11.6237 12.9392 11.5048 12.9394 11.3807V8.36773C12.9392 8.24369 12.8899 8.12479 12.8021 8.03711C12.7144 7.94942 12.5955 7.90011 12.4714 7.89998H12.4369Z", fill: "white" }), _jsx("path", { d: "M17.5176 12.6485H17.4828C17.1467 12.6481 16.8244 12.5145 16.5867 12.2768C16.349 12.0391 16.2152 11.7169 16.2148 11.3807V8.36773C16.2152 8.03158 16.349 7.70931 16.5867 7.47164C16.8244 7.23397 17.1467 7.10031 17.4828 7.09998H17.5176C17.8537 7.10037 18.1759 7.23407 18.4136 7.47173C18.6513 7.70939 18.7849 8.03162 18.7853 8.36773V11.3807C18.7849 11.7168 18.6513 12.0391 18.4136 12.2767C18.1759 12.5144 17.8537 12.6481 17.5176 12.6485ZM17.4828 7.89998C17.3588 7.90011 17.2399 7.94942 17.1522 8.03711C17.0644 8.12479 17.015 8.24369 17.0148 8.36773V11.3807C17.015 11.5048 17.0644 11.6237 17.1522 11.7113C17.2399 11.799 17.3588 11.8483 17.4828 11.8485H17.5176C17.6416 11.8483 17.7605 11.799 17.8482 11.7113C17.9359 11.6236 17.9852 11.5047 17.9853 11.3807V8.36773C17.9852 8.24371 17.9359 8.12481 17.8482 8.03712C17.7605 7.94943 17.6416 7.90011 17.5176 7.89998H17.4828Z", fill: "white" }), _jsx("path", { d: "M22.5632 12.6485H22.5285C22.1924 12.6481 21.8702 12.5144 21.6325 12.2767C21.3948 12.0391 21.2611 11.7168 21.2607 11.3807V8.36773C21.2611 8.03162 21.3948 7.70939 21.6325 7.47173C21.8702 7.23407 22.1924 7.10037 22.5285 7.09998H22.5632C22.8994 7.10031 23.2217 7.23397 23.4594 7.47164C23.6971 7.70931 23.8308 8.03158 23.8312 8.36773V11.3807C23.8308 11.7169 23.6971 12.0391 23.4594 12.2768C23.2217 12.5145 22.8994 12.6481 22.5632 12.6485ZM22.5285 7.89998C22.4045 7.90011 22.2856 7.94943 22.1979 8.03712C22.1102 8.12481 22.0609 8.24371 22.0607 8.36773V11.3807C22.0609 11.5047 22.1102 11.6236 22.1979 11.7113C22.2856 11.799 22.4045 11.8483 22.5285 11.8485H22.5632C22.6873 11.8483 22.8062 11.799 22.8939 11.7113C22.9817 11.6237 23.031 11.5048 23.0312 11.3807V8.36773C23.031 8.24369 22.9817 8.12479 22.8939 8.03711C22.8062 7.94942 22.6873 7.90011 22.5632 7.89998H22.5285Z", fill: "white" })] }));
8
+ const ClockIcon = () => (_jsxs("svg", { width: "35", height: "35", viewBox: "0 0 35 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "35", height: "35", rx: "17.5", fill: "#90A6AC" }), _jsx("path", { d: "M17.7907 6.0882C15.5337 6.0882 13.3273 6.75749 11.4507 8.01143C9.57399 9.26537 8.11131 11.0477 7.24758 13.1329C6.38385 15.2181 6.15786 17.5126 6.59819 19.7263C7.03851 21.94 8.12538 23.9734 9.72135 25.5693C11.3173 27.1653 13.3507 28.2522 15.5644 28.6925C17.778 29.1328 20.0726 28.9068 22.1578 28.0431C24.243 27.1794 26.0253 25.7167 27.2793 23.84C28.5332 21.9634 29.2025 19.757 29.2025 17.5C29.1991 14.4744 27.9957 11.5737 25.8563 9.43435C23.7169 7.29496 20.8163 6.09156 17.7907 6.0882ZM17.7907 27.8701C15.7397 27.8701 13.7347 27.2619 12.0294 26.1224C10.324 24.9829 8.99485 23.3634 8.20996 21.4685C7.42507 19.5736 7.2197 17.4885 7.61984 15.4769C8.01997 13.4653 9.00763 11.6175 10.4579 10.1672C11.9082 8.71691 13.756 7.72926 15.7676 7.32912C17.7792 6.92899 19.8643 7.13435 21.7592 7.91924C23.6541 8.70413 25.2737 10.0333 26.4131 11.7387C27.5526 13.444 28.1608 15.449 28.1608 17.5C28.1578 20.2494 27.0642 22.8853 25.1201 24.8294C23.176 26.7735 20.5401 27.8671 17.7907 27.8701Z", fill: "white" }), _jsx("path", { d: "M9.19994 16.9792H8.51253C8.3744 16.9792 8.24192 17.034 8.14425 17.1317C8.04657 17.2294 7.9917 17.3619 7.9917 17.5C7.9917 17.6381 8.04657 17.7706 8.14425 17.8683C8.24192 17.966 8.3744 18.0208 8.51253 18.0208H9.19994C9.33808 18.0208 9.47055 17.966 9.56823 17.8683C9.6659 17.7706 9.72078 17.6381 9.72078 17.5C9.72078 17.3619 9.6659 17.2294 9.56823 17.1317C9.47055 17.034 9.33808 16.9792 9.19994 16.9792Z", fill: "white" }), _jsx("path", { d: "M27.0691 16.9792H26.3817C26.2435 16.9792 26.1111 17.034 26.0134 17.1317C25.9157 17.2294 25.8608 17.3619 25.8608 17.5C25.8608 17.6381 25.9157 17.7706 26.0134 17.8683C26.1111 17.966 26.2435 18.0208 26.3817 18.0208H27.0691C27.2072 18.0208 27.3397 17.966 27.4374 17.8683C27.535 17.7706 27.5899 17.6381 27.5899 17.5C27.5899 17.3619 27.535 17.2294 27.4374 17.1317C27.3397 17.034 27.2072 16.9792 27.0691 16.9792Z", fill: "white" }), _jsx("path", { d: "M17.7909 25.5704C17.6527 25.5704 17.5202 25.6252 17.4226 25.7229C17.3249 25.8206 17.27 25.9531 17.27 26.0912V26.7784C17.27 26.9165 17.3249 27.049 17.4226 27.1466C17.5202 27.2443 17.6527 27.2992 17.7909 27.2992C17.929 27.2992 18.0615 27.2443 18.1591 27.1466C18.2568 27.049 18.3117 26.9165 18.3117 26.7784V26.0912C18.3117 25.9531 18.2568 25.8206 18.1591 25.7229C18.0615 25.6253 17.929 25.5704 17.7909 25.5704Z", fill: "white" }), _jsx("path", { d: "M17.7909 9.42962C17.929 9.42962 18.0615 9.37474 18.1591 9.27707C18.2568 9.17939 18.3117 9.04692 18.3117 8.90879V8.22164C18.3117 8.08351 18.2568 7.95103 18.1591 7.85335C18.0615 7.75568 17.929 7.70081 17.7909 7.70081C17.6527 7.70081 17.5202 7.75568 17.4226 7.85335C17.3249 7.95103 17.27 8.08351 17.27 8.22164V8.90879C17.27 9.04692 17.3249 9.1794 17.4226 9.27707C17.5202 9.37475 17.6527 9.42962 17.7909 9.42962Z", fill: "white" }), _jsx("path", { d: "M24.2337 23.2065C24.1361 23.1088 24.0036 23.054 23.8655 23.054C23.7274 23.054 23.5949 23.1088 23.4973 23.2065C23.3996 23.3042 23.3447 23.4366 23.3447 23.5747C23.3447 23.7129 23.3996 23.8453 23.4973 23.943L23.9832 24.429C24.0316 24.4773 24.089 24.5157 24.1522 24.5419C24.2154 24.568 24.2831 24.5815 24.3515 24.5815C24.4199 24.5815 24.4876 24.568 24.5508 24.5419C24.614 24.5157 24.6714 24.4773 24.7197 24.429C24.7681 24.3806 24.8065 24.3232 24.8326 24.26C24.8588 24.1968 24.8723 24.1291 24.8723 24.0607C24.8723 23.9923 24.8588 23.9246 24.8326 23.8614C24.8065 23.7982 24.7681 23.7408 24.7197 23.6925L24.2337 23.2065Z", fill: "white" }), _jsx("path", { d: "M11.598 10.571C11.5003 10.4733 11.3679 10.4185 11.2298 10.4185C11.0916 10.4185 10.9592 10.4733 10.8615 10.571C10.7639 10.6687 10.709 10.8011 10.709 10.9392C10.709 11.0774 10.7639 11.2098 10.8615 11.3075L11.3475 11.7935C11.4452 11.8911 11.5776 11.946 11.7158 11.946C11.8539 11.946 11.9863 11.8911 12.084 11.7935C12.1817 11.6958 12.2365 11.5633 12.2365 11.4252C12.2365 11.2871 12.1817 11.1546 12.084 11.057L11.598 10.571Z", fill: "white" }), _jsx("path", { d: "M23.9832 10.571L23.4973 11.057C23.4489 11.1053 23.4105 11.1627 23.3844 11.2259C23.3582 11.2891 23.3447 11.3568 23.3447 11.4252C23.3447 11.4936 23.3582 11.5613 23.3844 11.6245C23.4105 11.6877 23.4489 11.7451 23.4973 11.7935C23.5456 11.8418 23.603 11.8802 23.6662 11.9064C23.7294 11.9325 23.7971 11.946 23.8655 11.946C23.9339 11.946 24.0016 11.9325 24.0648 11.9064C24.128 11.8802 24.1854 11.8418 24.2337 11.7935L24.7197 11.3075C24.7681 11.2591 24.8065 11.2017 24.8326 11.1385C24.8588 11.0753 24.8723 11.0076 24.8723 10.9392C24.8723 10.8708 24.8588 10.8031 24.8326 10.7399C24.8065 10.6768 24.7681 10.6193 24.7197 10.571C24.6714 10.5226 24.614 10.4843 24.5508 10.4581C24.4876 10.4319 24.4199 10.4185 24.3515 10.4185C24.2831 10.4185 24.2154 10.4319 24.1522 10.4581C24.089 10.4843 24.0316 10.5226 23.9832 10.571Z", fill: "white" }), _jsx("path", { d: "M11.3475 23.2065L10.8615 23.6925C10.8132 23.7408 10.7748 23.7982 10.7486 23.8614C10.7225 23.9246 10.709 23.9923 10.709 24.0607C10.709 24.1291 10.7225 24.1968 10.7486 24.26C10.7748 24.3232 10.8132 24.3806 10.8615 24.429C10.9099 24.4773 10.9673 24.5157 11.0305 24.5419C11.0937 24.568 11.1614 24.5815 11.2298 24.5815C11.2982 24.5815 11.3659 24.568 11.4291 24.5419C11.4922 24.5157 11.5497 24.4773 11.598 24.429L12.084 23.943C12.1817 23.8453 12.2365 23.7129 12.2365 23.5747C12.2365 23.4366 12.1817 23.3042 12.084 23.2065C11.9863 23.1088 11.8539 23.054 11.7158 23.054C11.5776 23.054 11.4452 23.1088 11.3475 23.2065Z", fill: "white" }), _jsx("path", { d: "M20.9367 16.9791H18.3117V13.0592C18.3117 12.921 18.2568 12.7886 18.1591 12.6909C18.0615 12.5932 17.929 12.5383 17.7909 12.5383C17.6527 12.5383 17.5202 12.5932 17.4226 12.6909C17.3249 12.7886 17.27 12.921 17.27 13.0592V17.5C17.27 17.6381 17.3249 17.7706 17.4226 17.8683C17.5202 17.9659 17.6527 18.0208 17.7909 18.0208H20.9367C21.0748 18.0208 21.2073 17.9659 21.305 17.8683C21.4026 17.7706 21.4575 17.6381 21.4575 17.5C21.4575 17.3618 21.4026 17.2294 21.305 17.1317C21.2073 17.034 21.0748 16.9791 20.9367 16.9791Z", fill: "white" })] }));
9
+ const LocationIcon = () => (_jsxs("svg", { width: "35", height: "35", viewBox: "0 0 35 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "35", height: "35", rx: "17.5", fill: "#90A6AC" }), _jsx("path", { d: "M17.5 17.5C15.5469 17.5 13.9844 15.9375 13.9844 13.9844C13.9844 12.0312 15.5469 10.4688 17.5 10.4688C19.4531 10.4688 21.0156 12.0312 21.0156 13.9844C21.0156 15.9375 19.4531 17.5 17.5 17.5ZM17.5 11.25C15.9766 11.25 14.7656 12.4609 14.7656 13.9844C14.7656 15.5078 15.9766 16.7188 17.5 16.7188C19.0234 16.7188 20.2344 15.5078 20.2344 13.9844C20.2344 12.4609 19.0234 11.25 17.5 11.25Z", fill: "white" }), _jsx("path", { d: "M17.5 29.375C17.1094 29.375 16.7578 29.1797 16.5234 28.8672C14.3359 25.5859 9.29688 17.5781 9.29688 13.9844C9.29688 9.45312 12.9687 5.78125 17.5 5.78125C22.0312 5.78125 25.7031 9.45312 25.7031 13.9844C25.7031 17.5781 20.6641 25.5859 18.4766 28.8672C18.2422 29.1797 17.8906 29.375 17.5 29.375ZM17.5 6.5625C13.3984 6.5625 10.0781 9.88281 10.0781 13.9844C10.0781 17.4609 15.5078 25.9375 17.1875 28.4375C17.3438 28.6719 17.6953 28.6719 17.8516 28.4375C19.4922 25.9375 24.9219 17.4609 24.9219 13.9844C24.9219 9.88281 21.6016 6.5625 17.5 6.5625Z", fill: "white" })] }));
10
10
  const CategoryBadge = ({ category, icon, }) => (_jsx("div", { className: "flex bg-primary-grey h-10.5 min-h-10.5 overflow-hidden w-77.5 group-hover:-mt-0.25 group-hover:w-77.75 transition-all duration-300", children: _jsxs("div", { className: "w-full relative px-5.75 py-1.75", children: [_jsx("div", { className: "flex flex-col font-semibold justify-center leading-0 not-italic text-lg text-white", children: _jsx("p", { className: "leading-7", children: category }) }), icon && (_jsx(Image, { src: icon, alt: "", width: 69, height: 42, className: "absolute bottom-0 -right-0.25 w-17.25 h-10.5" }))] }) }));
11
11
  export const EventCard = ({ imageUrl = "http://localhost:3845/assets/f60ef9ffaad11fe658d28ae57cd6e9548d7462de.png", imageAlt = "Event image", category, title, description, date, time, location, className, onClick, buttonText, onButtonClick, buttonClassName, icon, }) => {
12
12
  const containerClasses = buildClassesByJoining([
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@q2devel/q2-storybook",
3
- "version": "1.0.145",
3
+ "version": "1.0.146",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",