@mycause/ui 0.0.0-c9beb99b → 0.0.0-c9cc3b00

package/dist/components/field-helpers/field-helper-text.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-declare type FieldHelperTextProps = {
+type FieldHelperTextProps = {
     hidden?: boolean;
     error?: React.ReactNode;
     children?: React.ReactNode;
 };
-declare function FieldHelperText({ hidden, children, error }: FieldHelperTextProps): JSX.Element;
+declare function FieldHelperText({ hidden, children, error }: FieldHelperTextProps): React.JSX.Element;
 export default FieldHelperText;

package/dist/components/field-helpers/field-label.d.ts

@@ -5,5 +5,5 @@ interface FieldLabelProps extends React.HTMLProps<HTMLLabelElement> {
     required?: boolean;
     asteriskColor?: string;
 }
-declare function FieldLabel({ large, className, children, required, asteriskColor, ...rest }: FieldLabelProps): JSX.Element;
+declare function FieldLabel({ large, className, children, required, asteriskColor, ...rest }: FieldLabelProps): React.JSX.Element;
 export default FieldLabel;

package/dist/components/footerV2/footerV2.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface PrismicFooterV2Document {
     key: string;
     total_member: string;
@@ -31,5 +31,5 @@ declare function FooterV2({ className, dataFooter: document, bottomSectionOnly,
     OrangeCardUrl?: string;
     OrangeCardFirstTitle?: string;
     OrangeCardSecondTitle?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FooterV2;

package/dist/components/footerV2/footerV2.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 import FooterV2 from "./footerV2";
 declare const _default: {
@@ -8,7 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const FooterV2Story: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/footerV2/icon/arrow-right-white.svg

@@ -0,0 +1 @@
+<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M502.6 278.6l-128 128c-12.51 12.51-32.76 12.49-45.25 0c-12.5-12.5-12.5-32.75 0-45.25L402.8 288H32C14.31 288 0 273.7 0 255.1S14.31 224 32 224h370.8l-73.38-73.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l128 128C515.1 245.9 515.1 266.1 502.6 278.6z" fill="white"></path></svg>

package/dist/components/footerV2/icon/icon-bigger.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 0.5L6 5.5L11 0.5" stroke="black"/>
+</svg>

package/dist/components/footerV2/icon/icon-facebook.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 15.117C16 15.6047 15.6047 16 15.117 16H11.0397V9.80371H13.1196L13.4312 7.38917H11.0397V5.84762C11.0397 5.14854 11.2341 4.67173 12.2366 4.67173L13.5153 4.6713V2.51173C13.2939 2.48209 12.5351 2.41628 11.6521 2.41628C9.8085 2.41628 8.54632 3.54161 8.54632 5.60835V7.38917H6.46128V9.80371H8.54632V16H0.883005C0.395304 16 0 15.6047 0 15.117V0.883005C0 0.395304 0.395304 0 0.883005 0H15.117C15.6047 0 16 0.395304 16 0.883005V15.117Z" fill="#252829"/>
+</svg>

package/dist/components/footerV2/icon/icon-instagram.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 0C5.82733 0 5.5549 0.00920933 4.70161 0.0481423C3.8501 0.0869797 3.26855 0.222229 2.7597 0.420006C2.23363 0.624419 1.78748 0.897966 1.34271 1.34271C0.897966 1.78748 0.624419 2.23363 0.420006 2.7597C0.222229 3.26855 0.0869797 3.8501 0.0481423 4.70161C0.00920933 5.5549 0 5.82733 0 8.00002C0 10.1727 0.00920933 10.4451 0.0481423 11.2984C0.0869797 12.1499 0.222229 12.7314 0.420006 13.2403C0.624419 13.7664 0.897966 14.2125 1.34271 14.6573C1.78748 15.102 2.23363 15.3756 2.7597 15.58C3.26855 15.7778 3.8501 15.913 4.70161 15.9519C5.5549 15.9908 5.82733 16 8.00002 16C10.1727 16 10.4451 15.9908 11.2984 15.9519C12.1499 15.913 12.7314 15.7778 13.2403 15.58C13.7664 15.3756 14.2125 15.102 14.6573 14.6573C15.102 14.2125 15.3756 13.7664 15.58 13.2403C15.7778 12.7314 15.913 12.1499 15.9519 11.2984C15.9908 10.4451 16 10.1727 16 8.00002C16 5.82733 15.9908 5.5549 15.9519 4.70161C15.913 3.8501 15.7778 3.26855 15.58 2.7597C15.3756 2.23363 15.102 1.78748 14.6573 1.34271C14.2125 0.897966 13.7664 0.624419 13.2403 0.420006C12.7314 0.222229 12.1499 0.0869797 11.2984 0.0481423C10.4451 0.00920933 10.1727 0 8.00002 0ZM7.99998 1.44141C10.1361 1.44141 10.3891 1.44957 11.2327 1.48806C12.0126 1.52362 12.4362 1.65395 12.7181 1.76351C13.0916 1.90863 13.3581 2.08199 13.638 2.36195C13.9179 2.64188 14.0913 2.90838 14.2364 3.2818C14.346 3.56369 14.4763 3.98729 14.5119 4.76728C14.5504 5.61085 14.5585 5.86388 14.5585 7.99998C14.5585 10.1361 14.5504 10.3891 14.5119 11.2327C14.4763 12.0126 14.346 12.4362 14.2364 12.7181C14.0913 13.0916 13.9179 13.3581 13.638 13.638C13.3581 13.9179 13.0916 14.0913 12.7181 14.2364C12.4362 14.346 12.0126 14.4763 11.2327 14.5119C10.3892 14.5504 10.1362 14.5585 7.99998 14.5585C5.86372 14.5585 5.61075 14.5504 4.76728 14.5119C3.98729 14.4763 3.56369 14.346 3.2818 14.2364C2.90838 14.0913 2.64188 13.9179 2.36195 13.638C2.08202 13.3581 1.90863 13.0916 1.76351 12.7181C1.65395 12.4362 1.52362 12.0126 1.48806 11.2327C1.44957 10.3891 1.44141 10.1361 1.44141 7.99998C1.44141 5.86388 1.44957 5.61085 1.48806 4.76728C1.52362 3.98729 1.65395 3.56369 1.76351 3.2818C1.90863 2.90838 2.08199 2.64188 2.36195 2.36195C2.64188 2.08199 2.90838 1.90863 3.2818 1.76351C3.56369 1.65395 3.98729 1.52362 4.76728 1.48806C5.61085 1.44957 5.86388 1.44141 7.99998 1.44141ZM3.8916 7.99972C3.8916 5.73085 5.73085 3.8916 7.99972 3.8916C10.2686 3.8916 12.1078 5.73085 12.1078 7.99972C12.1078 10.2686 10.2686 12.1078 7.99972 12.1078C5.73085 12.1078 3.8916 10.2686 3.8916 7.99972ZM8.00018 10.6663C6.5274 10.6663 5.3335 9.47244 5.3335 7.99969C5.3335 6.52691 6.5274 5.33301 8.00018 5.33301C9.47293 5.33301 10.6668 6.52691 10.6668 7.99969C10.6668 9.47244 9.47293 10.6663 8.00018 10.6663ZM12.2705 4.68953C12.8007 4.68953 13.2305 4.25975 13.2305 3.72955C13.2305 3.19935 12.8007 2.76953 12.2705 2.76953C11.7404 2.76953 11.3105 3.19935 11.3105 3.72955C11.3105 4.25975 11.7404 4.68953 12.2705 4.68953Z" fill="#252829"/>
+</svg>

package/dist/components/footerV2/icon/icon-linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.759 0H1.19668C0.531856 0 0 0.533333 0 1.15556V14.8444C0 15.4667 0.531856 16 1.19668 16H14.8033C15.4681 16 16 15.4667 16 14.8444V1.15556C15.9557 0.533333 15.4238 0 14.759 0ZM4.74238 13.6444H2.34903V6H4.69806V13.6444H4.74238ZM3.54571 4.93333C2.79224 4.93333 2.17175 4.31111 2.17175 3.55556C2.17175 2.8 2.79224 2.22222 3.54571 2.22222C4.29917 2.22222 4.91967 2.84444 4.91967 3.6C4.91967 4.35556 4.29917 4.93333 3.54571 4.93333ZM13.6066 13.6444H11.2576V9.91111C11.2576 9.02222 11.2576 7.86667 10.0166 7.86667C8.77562 7.86667 8.59834 8.84444 8.59834 9.82222V13.6H6.20499V6H8.46537V7.02222H8.5097C8.81995 6.4 9.61773 5.77778 10.7701 5.77778C13.1634 5.77778 13.6066 7.37778 13.6066 9.42222V13.6444Z" fill="#252829"/>
+</svg>

package/dist/components/footerV2/icon/icon-smaller.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 6L6 0.999999L1 6" stroke="black"/>
+</svg>

package/dist/components/footerV2/icon/mycause-logo-hand.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="27" viewBox="0 0 25 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 6.72917V21.8333C24 24.125 22.1182 26 19.8182 26H12.1864C11.0573 26 9.99091 25.5521 9.20682 24.7604L1 16.4479C1 16.4479 2.31727 15.1667 2.35909 15.1458C2.58909 14.9479 2.87136 14.8437 3.185 14.8437C3.415 14.8437 3.62409 14.9062 3.81227 15.0104C3.85409 15.0208 8.31818 17.5729 8.31818 17.5729V5.16667C8.31818 4.30208 9.01864 3.60417 9.88636 3.60417C10.7541 3.60417 11.4545 4.30208 11.4545 5.16667V12.4583H12.5V2.5625C12.5 1.69792 13.2005 1 14.0682 1C14.9359 1 15.6364 1.69792 15.6364 2.5625V12.4583H16.6818V3.60417C16.6818 2.73958 17.3823 2.04167 18.25 2.04167C19.1177 2.04167 19.8182 2.73958 19.8182 3.60417V12.4583H20.8636V6.72917C20.8636 5.86458 21.5641 5.16667 22.4318 5.16667C23.2995 5.16667 24 5.86458 24 6.72917Z" stroke="#469885"/>
+</svg>

package/dist/components/footerV2/icon/mycause-logo-heart.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 22L9.9775 20.4951C4.57 15.145 1 11.6144 1 7.29428C1 3.76376 3.53575 1 6.775 1C8.602 1 10.3555 1.92698 11.5 3.3861C12.6445 1.92698 14.398 1 16.225 1C19.4642 1 22 3.76376 22 7.29428C22 11.6144 18.43 15.145 13.0225 20.4951L11.5 22Z" stroke="#469885"/>
+</svg>

package/dist/components/footerV2/icon/mycause-logo-on-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 617 179"><defs/><path fill="#42ccae" d="M210.2 88.2v25.3h-9.9V66.7h9.9v8.5c1.4-2.9 3.5-5.1 6.4-6.8 2.8-1.6 5.9-2.5 9.2-2.5 7.4 0 12.4 3.1 15 9.1 4.6-6.1 10.4-9.1 17.3-9.1 5.3 0 9.5 1.6 12.8 4.8 3.3 3.2 4.9 7.9 4.9 14v28.7H266V87.9c0-8.6-3.6-12.9-10.7-12.9-3.3 0-6.3 1.1-8.8 3.2-2.5 2.1-3.8 5.3-3.9 9.4v26h-9.9V87.9c0-4.5-.8-7.7-2.4-9.8-1.6-2.1-4.1-3.1-7.5-3.1-3.4 0-6.4 1.1-8.9 3.4-2.4 2.2-3.7 5.5-3.7 9.8M303.7 123.2c8.7 0 13-5.5 13-16.5v-2.9c-3.9 4-8.9 6.1-15 6.1-12.1 0-18.2-6.7-18.2-20v-23h9.9v18.6c0 5.5.8 9.3 2.5 11.6 1.7 2.3 4.5 3.4 8.6 3.4s7.1-1 8.9-3.1c1.9-2.1 3-5.2 3.3-9.5V66.7h9.9v40.2c0 8.2-2.1 14.4-6.4 18.7-4.3 4.3-9.8 6.5-16.5 6.5-5.2 0-9.7-1.2-13.6-3.7-3.9-2.5-6.7-6-8.5-10.6l8.9-3.8c2.3 6.2 6.7 9.2 13.2 9.2"/><path fill="#3e3e3f" d="M358.3 114.3c-6.5 0-12.1-2.2-16.8-6.6-4.7-4.4-7-10.2-7-17.4 0-7.2 2.5-13 7.3-17.5 4.9-4.5 10.9-6.7 17.9-6.7 7 0 13 2.4 17.9 7.3l-5.8 7.1c-4-3.5-8.1-5.3-12.2-5.3s-7.7 1.4-10.7 4.1c-3 2.7-4.5 6.2-4.5 10.6 0 4.3 1.5 8 4.5 11s6.7 4.5 11 4.5c4.4 0 8.5-2 12.4-6l5.8 6.3c-5.8 5.7-12.4 8.6-19.8 8.6M388.3 107.6c-4.4-4.5-6.6-10.3-6.6-17.6 0-7.3 2.3-13.1 6.8-17.4 4.5-4.3 9.9-6.5 16-6.5 6.2 0 11.2 2.9 15.2 8.8v-8.1h9.9v46.8h-9.9v-7.7c-1.9 2.7-4.3 4.8-7.2 6.2-2.9 1.4-5.8 2.2-8.8 2.2-5.9 0-11-2.3-15.4-6.7m3.2-17.2c0 4.5 1.4 8.1 4.3 11 2.9 2.8 6.2 4.2 10.1 4.2 3.9 0 7.2-1.4 9.9-4.3 2.7-2.8 4.1-6.5 4.1-11s-1.4-8.2-4.1-11.2c-2.7-3-6-4.5-9.9-4.5-3.9 0-7.3 1.5-10.1 4.5-2.9 3-4.3 6.8-4.3 11.3M471.2 92.1V66.7h9.9v46.8h-9.9V105c-1.6 2.9-3.8 5.1-6.6 6.8-2.8 1.6-5.8 2.5-9 2.5-5.3 0-9.5-1.6-12.8-4.8-3.3-3.2-4.9-7.9-4.9-14V66.7h9.9v25.7c0 8.6 3.6 12.9 10.7 12.9 3.4 0 6.4-1.1 8.9-3.4 2.6-2.2 3.8-5.5 3.8-9.8M525.1 99.6c0 4.5-1.6 8-4.8 10.7-3.2 2.7-7.4 4-12.4 4-3.4 0-6.9-.6-10.6-1.8-3.7-1.2-6.9-3-9.7-5.2l4.8-7.7c5.5 4.1 10.7 6.2 15.8 6.2 2.2 0 4-.5 5.3-1.5 1.3-1 1.9-2.3 1.9-3.9 0-2.3-3.1-4.5-9.3-6.3-.5-.2-.8-.3-1.1-.4-9.7-2.6-14.6-7-14.6-13.2 0-4.3 1.7-7.8 5.1-10.4 3.4-2.6 7.8-3.9 13.2-3.9 5.4 0 10.5 1.6 15.3 4.8l-3.7 7.3c-3.8-2.5-7.9-3.8-12.4-3.8-2.3 0-4.3.4-5.7 1.3-1.5.9-2.2 2.1-2.2 3.8 0 1.5.8 2.6 2.3 3.3 1.1.5 2.5 1 4.4 1.5 1.9.5 3.6.9 5.1 1.4 1.5.5 2.9 1 4.3 1.6 1.4.6 2.9 1.4 4.4 2.5 3.1 1.9 4.6 5.2 4.6 9.7M552.3 66c6.4 0 11.7 1.8 15.9 5.3 4.2 3.6 6.4 8.2 6.4 13.9l.1.2-34.1 14.3c3 3.8 7.2 5.6 12.4 5.6s9.6-2.1 13-6.2l5.8 6.4c-5.6 5.7-12.1 8.6-19.7 8.6-6.6 0-12.3-2.2-17.1-6.6-4.7-4.4-7.1-10.2-7.1-17.4 0-5 1.2-9.4 3.7-13.2 2.5-3.8 5.5-6.6 9.2-8.4 3.6-1.6 7.5-2.5 11.5-2.5m-14.9 24.4c0 .8 0 1.3.1 1.7l26-11.2c-2-3.9-5.5-5.8-10.6-5.8-3.9 0-7.4 1.3-10.6 4-3.3 2.8-4.9 6.5-4.9 11.3"/><path fill="#42ccae" d="M136.1 120.4c-1.2-1.2-1.2-3.1 0-4.3 1.2-1.2 3.1-1.2 4.3 0l22.3 22.3c1.3-1.4 2.5-2.9 3.6-4.5L144.4 112c-1.2-1.2-1.2-3.1 0-4.3 1.2-1.2 3.1-1.2 4.3 0l21 21c6.8-11.1 10.7-24.1 10.8-38.1.1-40.4-32.6-73.3-73-73.3-40.4-.1-73.3 32.6-73.3 73 0 13.8 3.8 26.8 10.4 37.8L89 83.7c4.1-4.1 4.1-10.7 0-14.8-4.1-4.1-10.7-4.1-14.8 0-2 2-3.1 4.6-3.1 7.4s1.1 5.4 3.1 7.4l3.4 3.4c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0L69.9 88c-3.1-3.1-4.8-7.3-4.8-11.7 0-4.4 1.7-8.6 4.8-11.7 6.5-6.5 17-6.5 23.4 0 6.5 6.5 6.5 17 0 23.4L48 133.4c1.1 1.5 2.3 3 3.5 4.4L97.2 92c8.7-8.7 8.7-22.7 0-31.4-4.2-4.2-9.8-6.5-15.7-6.5-5.9 0-11.5 2.3-15.7 6.5-4.2 4.2-6.5 9.8-6.5 15.7 0 5.9 2.3 11.5 6.5 15.7l3.3 3.3c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0l-3.3-3.3c-5.3-5.3-8.3-12.4-8.3-20s2.9-14.7 8.3-20c5.3-5.3 12.4-8.3 20-8.3s14.7 2.9 20 8.3c2.2 2.2 3.9 4.7 5.2 7.3 1.3-2.7 3.1-5.1 5.3-7.3 11-11 29-11 40 0 5.3 5.3 8.3 12.5 8.3 20 0 7.6-2.9 14.7-8.3 20l-42.5 42.5c-.2.2-.5.4-.7.5 0 0 0 .1-.1.1-.6.6-1.4.9-2.2.9-.8 0-1.6-.3-2.2-.9l-19-19c-1.2-1.2-1.2-3.1 0-4.3 1.2-1.2 3.1-1.2 4.3 0l16.9 16.9 41-41c4.2-4.2 6.5-9.8 6.5-15.7 0-5.9-2.3-11.5-6.5-15.7-8.7-8.7-22.7-8.7-31.4 0-4.2 4.2-6.5 9.8-6.5 15.7 0 5.9 2.3 11.5 6.5 15.7l3.3 3.3c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0l-3.3-3.3c-2.2-2.2-3.9-4.6-5.3-7.3-1.3 2.6-3.1 5.1-5.2 7.3l-45.9 45.9c13.2 13.2 31.4 21.3 51.5 21.4 20 0 38.1-7.9 51.3-20.9l-22.1-22.3zm-42.2-12.7c1.2-1.2 3.1-1.2 4.3 0l8.7 8.7 32.7-32.7c4.1-4.1 4.1-10.7 0-14.8-2-2-4.6-3.1-7.4-3.1-2.8 0-5.4 1.1-7.4 3.1-4.1 4.1-4.1 10.7 0 14.8l3.4 3.4c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0l-3.4-3.4c-6.5-6.5-6.5-17 0-23.4 3.1-3.1 7.3-4.8 11.7-4.8 4.4 0 8.6 1.7 11.7 4.8 6.5 6.5 6.5 17 0 23.4l-34.6 34.6c-.6.6-1.4.9-2.2.9h-.4c-.8 0-1.6-.3-2.2-.9L93.9 112c-1.2-1.1-1.2-3.1 0-4.3"/></svg>

package/dist/components/footerV2/icon/mycause-logo-people.svg

@@ -0,0 +1,3 @@
+<svg width="33" height="22" viewBox="0 0 33 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.1364 9.57143C24.4684 9.57143 26.3495 7.65 26.3495 5.28571C26.3495 2.92143 24.4684 1 22.1364 1C19.8043 1 17.9091 2.92143 17.9091 5.28571C17.9091 7.65 19.8043 9.57143 22.1364 9.57143ZM10.8636 9.57143C13.1957 9.57143 15.0768 7.65 15.0768 5.28571C15.0768 2.92143 13.1957 1 10.8636 1C8.53159 1 6.63636 2.92143 6.63636 5.28571C6.63636 7.65 8.53159 9.57143 10.8636 9.57143ZM10.8636 12.4286C7.57341 12.4286 1 14.1 1 17.4286V21H20.7273V17.4286C20.7273 14.1 14.1539 12.4286 10.8636 12.4286ZM22.1364 12.4286C21.7277 12.4286 21.2698 12.4571 20.7766 12.5071C22.4111 13.7 23.5455 15.3071 23.5455 17.4286V21H32V17.4286C32 14.1 25.4266 12.4286 22.1364 12.4286Z" stroke="#469885"/>
+</svg>

package/dist/components/fundraising-section/fundraising-section.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface FundraisingSectionProps {
     className?: string;
     title?: string;
     description?: string;
     imageUrl?: string;
 }
-declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => JSX.Element;
+declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => React.JSX.Element;
 export default FundraisingSection;

package/dist/components/fundraising-section/fundraising-section.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => JSX.Element;
+    component: ({ className, title, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => React.JSX.Element;
 };
 export default _default;
 export declare const fundraisingsection: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/hero-banner/hero-banner.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface HeroBannerProps {
     className?: string;
     title?: string;
     description?: string;
     imageUrl?: string;
 }
-declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => JSX.Element;
+declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => React.JSX.Element;
 export default HeroBnner;

package/dist/components/hero-banner/hero-banner.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, imageUrl, }: import("./hero-banner").HeroBannerProps) => JSX.Element;
+    component: ({ className, title, description, imageUrl, }: import("./hero-banner").HeroBannerProps) => React.JSX.Element;
 };
 export default _default;
 export declare const herobanner: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/horizontalbar/horizontalbar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface HorizontalBarProps {
     className?: string;
     barColor?: string;
@@ -7,5 +7,5 @@ export interface HorizontalBarProps {
     height?: number;
     marginLeft?: number;
 }
-declare const HorizontalBar: ({ className, width, height, barColor, dotColor, marginLeft, }: HorizontalBarProps) => JSX.Element;
+declare const HorizontalBar: ({ className, width, height, barColor, dotColor, marginLeft, }: HorizontalBarProps) => React.JSX.Element;
 export default HorizontalBar;

package/dist/components/horizontalbar/horizontalbar.stories.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => JSX.Element;
+    component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => React.JSX.Element;
 };
 export default _default;
 export declare const horizontalbar: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const horizontalbar2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const horizontalbar3: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts

@@ -5,4 +5,4 @@ import React from "react";
  * Based on the file btn_google_light_normal_ios.svg but with the button background removed
  * See: https://developers.google.com/identity/branding-guidelines
  */
-export default function GoogleIconSvg(props: React.HTMLProps<SVGSVGElement>): JSX.Element;
+export default function GoogleIconSvg(props: React.HTMLProps<SVGSVGElement>): React.JSX.Element;

package/dist/components/icon/facebook_6.svg.d.ts

@@ -6,4 +6,4 @@ import React from "react";
  *
  * Only use with the color #3C5A99
  */
-export default function FacebookIconSVG(props: React.HTMLProps<SVGSVGElement>): JSX.Element;
+export default function FacebookIconSVG(props: React.HTMLProps<SVGSVGElement>): React.JSX.Element;

package/dist/components/icon/heart-toggle.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
-declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
+type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
 export interface HeartToggleProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
     active: React.ReactNode;
     inactive: React.ReactNode;

package/dist/components/icon/heart-toggle.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const hearttoggle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/icon-button-group.d.ts

@@ -4,5 +4,5 @@ interface IconButtonGroupProps {
     size?: string;
     isOutlinedOnFocus?: boolean;
 }
-declare function IconButtonGroup({ children, size, isOutlinedOnFocus, }: IconButtonGroupProps): JSX.Element;
+declare function IconButtonGroup({ children, size, isOutlinedOnFocus, }: IconButtonGroupProps): React.JSX.Element;
 export default IconButtonGroup;

package/dist/components/icon/icon-button-group.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const IconButtonGroupStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/icon-button.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
 import { IconProps } from "./icon";
-export declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
+export type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
 export interface IconButtonProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "ref" | "size"> {
     children: React.ReactElement<IconProps>;
     pressed?: boolean;

package/dist/components/icon/icon-button.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,13 +6,13 @@ declare const _default: {
 };
 export default _default;
 export declare const iconButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const Toggle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/icon.d.ts

@@ -8,5 +8,5 @@ export interface IconProps extends Omit<React.HTMLProps<HTMLOrSVGElement>, "colo
     invert?: boolean;
     size?: string;
 }
-declare function Icon({ icon, iconSet, color, invert, className, size, ...rest }: IconProps): JSX.Element;
+declare function Icon({ icon, iconSet, color, invert, className, size, ...rest }: IconProps): React.JSX.Element;
 export default Icon;

package/dist/components/icon/icon.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const material: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const colors: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const svg: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/material-icon.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-export declare type IconSet = "material-icons" | "material-icons-outlined";
+export type IconSet = "material-icons" | "material-icons-outlined";
 export interface MaterialIconProps extends Omit<React.HTMLProps<HTMLOrSVGElement>, "ref" | "size"> {
     icon: string;
     iconSet?: IconSet;
     size?: string;
 }
-declare function MaterialIcon({ icon, iconSet, className, size, ...rest }: MaterialIconProps): JSX.Element;
+declare function MaterialIcon({ icon, iconSet, className, size, ...rest }: MaterialIconProps): React.JSX.Element;
 declare namespace MaterialIcon {
     var defaultProps: {
         iconSet: string;

package/dist/components/index.d.ts

@@ -37,7 +37,6 @@ export * from "./fundraising-section";
 export * from "./hero-banner";
 export * from "./horizontalbar";
 export * from "./progressbar";
-export * from "./start-campaign-card";
 export * from "./nav";
 export * from "./popup";
 export * from "./partner-monthly-donations";
@@ -47,6 +46,8 @@ export * from "./partner-chart-stats";
 export * from "./this-month-card";
 export * from "./partner-toggle-button";
 export * from "./footerV2";
+export * from "./input";
+export * from "./toast";
 export * from "./my-account-start-fundraise-card";
 export * from "./my-account-choose-charity-card";
 export * from "./favorite-charity-item";
@@ -54,8 +55,8 @@ export * from "./my-account-sidebar";
 export * from "./my-account-frp-preview";
 export * from "./my-account-stats-donated";
 export * from "./my-account-stats-raised";
-export * from "./input";
 export * from "./my-account-frp-closed";
 export * from "./transaction-card";
-export * from "./toast";
 export * from "./input-social";
+export * from "./charity-tags-filter-button";
+export * from "./collapse";

package/dist/components/info-represent-campaign/icon/causes-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><defs/><path fill="#42ccae" d="M42.3 42.8c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l9.1 9.1 1.5-1.8-9-8.9c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l8.6 8.6c2.8-4.5 4.4-9.9 4.4-15.6C60.5 14 47.1.6 30.6.5 14 .5.5 13.9.5 30.4c0 5.7 1.6 11 4.3 15.5L23 27.7c1.7-1.7 1.7-4.4 0-6.1-1.7-1.7-4.4-1.7-6 0-.8.8-1.3 1.9-1.3 3s.4 2.2 1.3 3l1.4 1.4c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.4-1.4c-1.3-1.3-2-3-2-4.8 0-1.8.7-3.5 2-4.8 2.6-2.6 6.9-2.6 9.6 0 2.6 2.6 2.6 7 0 9.6L6.2 48.1c.5.6.9 1.2 1.4 1.8l18.8-18.8c3.5-3.5 3.5-9.3 0-12.9-1.7-1.7-4-2.7-6.4-2.7-2.4 0-4.7.9-6.4 2.7-1.7 1.7-2.7 4-2.7 6.4 0 2.4.9 4.7 2.7 6.4l1.3 1.3c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.3-1.3c-2.2-2.2-3.4-5.1-3.4-8.2s1.2-6 3.4-8.2C14 14.2 16.9 13 20 13c3.1 0 6 1.2 8.2 3.4.9.9 1.6 1.9 2.1 3 .6-1.1 1.3-2.1 2.2-3 4.5-4.5 11.9-4.5 16.4 0 2.2 2.2 3.4 5.1 3.4 8.2s-1.2 6-3.4 8.2L31.5 50.3c-.1.1-.2.1-.3.2-.2.2-.6.4-.9.4-.3 0-.6-.1-.9-.4l-7.8-7.8c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l6.9 6.9L47.1 31c1.7-1.7 2.7-4 2.7-6.4 0-2.4-.9-4.7-2.7-6.4-3.5-3.5-9.3-3.5-12.9 0-1.7 1.7-2.7 4-2.7 6.4 0 2.4.9 4.7 2.7 6.4l1.3 1.3c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.3-1.3c-.9-.9-1.6-1.9-2.2-3-.5 1.1-1.3 2.1-2.1 3L9.3 51.7c5.4 5.4 12.9 8.7 21.1 8.8 8.2 0 15.6-3.2 21-8.6l-9.1-9.1zM25 37.6c.5-.5 1.3-.5 1.8 0l3.5 3.6 13.4-13.4c1.7-1.7 1.7-4.4 0-6.1-.8-.8-1.9-1.3-3-1.3s-2.2.4-3 1.3c-1.7 1.7-1.7 4.4 0 6.1l1.4 1.4c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.4-1.4c-2.6-2.6-2.6-7 0-9.6 1.3-1.3 3-2 4.8-2 1.8 0 3.5.7 4.8 2 2.6 2.6 2.6 7 0 9.6L31.3 43.7c-.2.2-.6.4-.9.4h-.1-.1c-.3 0-.6-.1-.9-.4L25 39.3c-.5-.5-.5-1.2 0-1.7"/></svg>

package/dist/components/info-represent-campaign/icon/follow-icon.svg

@@ -0,0 +1,10 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_111_23151)">
+<path d="M2.17533 17.5L19.667 10L2.17533 2.5L2.16699 8.33333L14.667 10L2.16699 11.6667L2.17533 17.5Z" fill="#1F4E43"/>
+</g>
+<defs>
+<clipPath id="clip0_111_23151">
+<rect width="20" height="20" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/info-represent-campaign/info-represent-campaign.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface InfoRepresentCampaignProps {
     id?: string;
     campaignCreator: string;
@@ -7,5 +7,5 @@ export interface InfoRepresentCampaignProps {
     avatar: string;
     clickOnFollow: () => void;
 }
-declare const InfoRepresentCampaign: ({ campaignCreator, rasingFundsFor, fundsBankedTo, avatar, clickOnFollow, }: InfoRepresentCampaignProps) => JSX.Element;
+declare const InfoRepresentCampaign: ({ campaignCreator, rasingFundsFor, fundsBankedTo, avatar, clickOnFollow, }: InfoRepresentCampaignProps) => React.JSX.Element;
 export default InfoRepresentCampaign;

package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const InforRepresentCampaignStories: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/input/InputDefault.d.ts

@@ -9,5 +9,5 @@ interface InputDefaltProps {
     disable?: boolean;
     name?: string;
 }
-declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => JSX.Element;
+declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => React.JSX.Element;
 export default Input;

package/dist/components/input/input.stories.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const InputExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const InputV2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const InputV3: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/input-social/Icons.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 declare const Icons: {
-    facebook: (props: any) => JSX.Element;
+    facebook: (props: any) => React.JSX.Element;
 };
 export default Icons;

package/dist/components/input-social/InputSocial.d.ts

@@ -8,5 +8,5 @@ interface InputSocialProps {
     name?: string;
     icon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
 }
-declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => JSX.Element;
+declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => React.JSX.Element;
 export default InputSocial;

package/dist/components/input-social/input-social.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const InputExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };