@mycause/ui 0.0.0-ce56cb2c → 0.0.0-ce6aece9

package/dist/components/nav/nav-expanded-charity-v2.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { HybridNavigationLink } from "./nav-list";
+import { NavMenuProps } from "./nav";
+export type NavigationExpandedProps = {
+    links?: Array<HybridNavigationLink>;
+    children?: React.ReactNode;
+    onRequestClose: () => void;
+    className?: string;
+    menu: NavMenuProps;
+};
+declare function NavigationExpandedCharityV2({ children, onRequestClose, className, menu, }: NavigationExpandedProps): React.JSX.Element;
+export default NavigationExpandedCharityV2;

package/dist/components/nav/nav-myaccount.d.ts

@@ -17,6 +17,7 @@ export type NavigationProps = {
     isSticky?: boolean;
     menuReverse?: boolean;
     userMenu?: Array<UserMenuItemWithSubmenu>;
+    hideAction?: boolean;
 };
-declare function Navigation({ logo, cta, user, login, isSticky, userMenu, }: NavigationProps): React.JSX.Element;
+declare function Navigation({ logo, cta, user, login, isSticky, userMenu, hideAction, }: NavigationProps): React.JSX.Element;
 export default Navigation;

package/dist/components/nav/nav.d.ts

@@ -1,11 +1,10 @@
 import React from "react";
 import { ColorSpecifier } from "../../theme/theme";
 import { ButtonProps } from "../button/button";
-import NavigationMenu from "./nav-menu";
 import { HybridNavigationLink } from "./nav-list";
 import { UserData } from "./nav-user-menu";
 import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
-type NavigationMenu = {
+export type NavMenuProps = {
     id: string;
     label: React.ReactNode;
     analyticsId?: string;
@@ -16,7 +15,13 @@ type NavigationMenu = {
     action?: HybridNavigationLink;
     actionRaised?: HybridNavigationLink;
     loginRaised?: HybridNavigationLink | null;
+    fundraisingRaised?: HybridNavigationLink;
     onClick?: () => void;
+    imageBackground?: {
+        desktop?: string;
+        tablet?: string;
+        mobile?: string;
+    } | string;
 };
 type SearchAction = {
     analyticsId?: string;
@@ -36,7 +41,7 @@ type StatsItemProps = {
 };
 export type NavigationProps = {
     logo?: React.ReactNode;
-    menus?: Array<NavigationMenu>;
+    menus?: Array<NavMenuProps>;
     links?: Array<HybridNavigationLink>;
     stats?: Array<StatsItemProps>;
     cta?: ButtonProps | null;

package/dist/components/navigation/navigation-user-menu.d.ts

@@ -5,6 +5,7 @@ export type UserData = {
     avatar?: {
         src: string;
     };
+    adminId?: string;
 };
 export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
 interface NavigationUserMenuProps {

package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerChartStatsActive: {

package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerMonthlyStatsStories: {

package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerMonthlyStatsStories: {

package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerToggleButtonBlockStory: {

package/dist/components/phone-number-input/phone-number-input-v1.d.ts

@@ -12,7 +12,7 @@ type PhoneNumberInputProps = {
         country: string;
     };
     onChange: (value: string, name: string) => void;
-    label?: React.ReactNode;
+    label?: string;
     error?: string | null;
     onBlur?: (e: React.FocusEvent) => void;
     helperText?: React.ReactNode;
@@ -21,6 +21,7 @@ type PhoneNumberInputProps = {
     placeholder?: string;
     color?: string;
     isDisableCountries?: boolean;
+    showCallingCode?: boolean;
 };
-declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, isDisableCountries, }: PhoneNumberInputProps): React.JSX.Element;
+declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, isDisableCountries, showCallingCode, }: PhoneNumberInputProps): React.JSX.Element;
 export default PhoneNumberInputV1;

package/dist/components/phone-number-input/phone-number-input.stories.d.ts

@@ -3,20 +3,28 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const PhoneNumberInputStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const PhoneNumberInputDisableStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    argTypes: {
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        required: {
+            control: string;
+            defaultValue: boolean;
+        };
+        helperText: {
+            control: string;
+            defaultValue: string;
+        };
+        error: {
+            control: string;
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const PhoneNumberInputStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneNumberInputDisableStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export declare const PhoneInputStory: {
     (): React.JSX.Element;
     story: {
@@ -29,15 +37,5 @@ export declare const PhoneNumberInputV2: {
         name: string;
     };
 };
-export declare const PhoneNumberInputStoryV1: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const PhoneNumberInputIsDisableCountriesStoryV1: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const PhoneNumberInputStoryV1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneNumberInputIsDisableCountriesStoryV1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

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

@@ -1,24 +1,104 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const SelectStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    decorators: (typeof CenterDecorator)[];
+    argTypes: {
+        large: {
+            control: string;
+            defaultValue: boolean;
+        };
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        labelKind: {
+            control: {
+                type: string;
+                options: {
+                    External: string;
+                    Floating: string;
+                };
+            };
+            defaultValue: string;
+        };
+        required: {
+            control: string;
+            defaultValue: boolean;
+        };
+        helperText: {
+            control: string;
+            defaultValue: string;
+        };
+        persistent: {
+            control: string;
+            defaultValue: boolean;
+        };
+        leadingIcon: {
+            control: string;
+            defaultValue: boolean;
+        };
+        arrow: {
+            control: string;
+            defaultValue: boolean;
+        };
+        error: {
+            control: string;
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const SelectStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export declare const SelectStoryV2: {
     (): React.JSX.Element;
     story: {
         name: string;
+        decorators: (typeof CenterDecorator)[];
+        argTypes: {
+            large: {
+                control: string;
+                defaultValue: boolean;
+            };
+            label: {
+                control: string;
+                defaultValue: string;
+            };
+            labelKind: {
+                control: {
+                    type: string;
+                    options: {
+                        External: string;
+                        Floating: string;
+                    };
+                };
+                defaultValue: string;
+            };
+            required: {
+                control: string;
+                defaultValue: boolean;
+            };
+            helperText: {
+                control: string;
+                defaultValue: string;
+            };
+            persistent: {
+                control: string;
+                defaultValue: boolean;
+            };
+            leadingIcon: {
+                control: string;
+                defaultValue: boolean;
+            };
+            arrow: {
+                control: string;
+                defaultValue: boolean;
+            };
+            error: {
+                control: string;
+                defaultValue: string;
+            };
+        };
     };
 };
-export declare const SelectEnhancedStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const SelectEnhancedStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

package/dist/components/spinner/spinner.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export interface SpinnerProps {
     id?: string;
     className?: string;
-    style?: any;
+    style?: object;
     type?: "default" | "orange";
 }
 declare const Spinner: ({ id, className, style, type, ...rest }: SpinnerProps) => React.JSX.Element;

package/dist/components/switch/switch.d.ts

@@ -10,5 +10,8 @@ export interface SwitchProps extends Omit<MDCSwitchProps, "ref" | "color"> {
     disabled?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
-declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => React.JSX.Element;
+declare const Switch: {
+    ({ id, label, color, className, ...rest }: SwitchProps): React.JSX.Element;
+    displayName: string;
+};
 export default Switch;

package/dist/components/table/partner-monthly-table.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerMonthlyTableStories: {

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

@@ -2,16 +2,63 @@ import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const TextStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        decorators: (typeof CenterDecorator)[];
+    decorators: (typeof CenterDecorator)[];
+    argTypes: {
+        contents: {
+            control: string;
+            defaultValue: string;
+        };
+        elem: {
+            control: {
+                type: string;
+                options: {
+                    Span: string;
+                    "Heading 1": string;
+                    "Heading 2": string;
+                    "Heading 3": string;
+                    "Heading 4": string;
+                    "Heading 5": string;
+                    "Heading 6": string;
+                    Paragraph: string;
+                    Small: string;
+                };
+            };
+            defaultValue: string;
+        };
+        kind: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        align: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        underline: {
+            control: string;
+            defaultValue: boolean;
+        };
+        strike: {
+            control: string;
+            defaultValue: boolean;
+        };
+        bold: {
+            control: string;
+            defaultValue: boolean;
+        };
+        italic: {
+            control: string;
+            defaultValue: boolean;
+        };
     };
 };
+export default _default;
+export declare const TextStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export declare const kinds: {
     (): React.JSX.Element;
     story: {

package/dist/components/text-field/text-field.stories.d.ts

@@ -1,18 +1,10 @@
-import React from "react";
+import { StoryFn } from "@storybook/react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    tags: string[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
-export declare const TextFieldStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const TextFieldSearchStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const TextFieldStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const TextFieldSearchStory: StoryFn;

package/dist/components/this-month-card/this-month-card.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const ThisMonthCardStories: {

package/dist/components/toast/Icons.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const Icons: {
-    close: (props: any) => React.JSX.Element;
-    error: (props: any) => React.JSX.Element;
-    warning: () => React.JSX.Element;
+    Close: () => React.JSX.Element;
+    Error: () => React.JSX.Element;
+    Warning: () => React.JSX.Element;
 };
 export default Icons;

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const SwitchDefault: {

package/dist/components/uploader/Icons.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Icons: {
+    upload: (props?: {}) => JSX.Element;
+    remove: (props?: {}) => JSX.Element;
+};
+export default Icons;

package/dist/components/uploader/uploadAndCropper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface UploadAndCropperProps {
+    imageDefault: string;
+    width?: number;
+    border?: number;
+    borderRadius?: number;
+    color?: Array<number> | undefined;
+    handleOnRemove?: () => void;
+    imagePreview?: string;
+    setImagePreview?: (e: any) => void;
+}
+declare const UploadAndCropper: ({ width, border, borderRadius, color, handleOnRemove, imagePreview, setImagePreview, }: UploadAndCropperProps) => JSX.Element;
+export default UploadAndCropper;

package/dist/donation.css

@@ -0,0 +1,2 @@
+.modal-module_modal__3BPw_{display:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-module_modal__3BPw_ .modal-module_modalContent__pnZ9y{display:flex;justify-content:center;align-items:center;height:calc(100% + 50px);animation-name:modal-module_zoom__7ZPHg;animation-duration:.6s}.modal-module_modal__3BPw_ .modal-module_modalContent__pnZ9y img{max-width:calc(100vw - 37px);max-height:calc(100vh - 100px)}@keyframes modal-module_zoom__7ZPHg{0%{transform:scale(0)}to{transform:scale(1)}}.modal-module_modal__3BPw_ .modal-module_close__1refL{color:#fff;font-size:25px;font-weight:700;transition:.3s;position:absolute;right:-27px;top:-27px}.modal-module_modal__3BPw_ .modal-module_close__1refL:focus,.modal-module_modal__3BPw_ .modal-module_close__1refL:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-module_modalContent__pnZ9y{width:100%}}.phone-number-input-module_phoneInputV2__SEb7z{font-family:Montserrat}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_lable__2juXw{font-size:12px;font-weight:700;margin:8px 0}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_lable__2juXw .phone-number-input-module_required__1aTIY{color:#43ccb0;font-size:14px}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6{position:relative;height:48px;width:100%}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_comboField__2CFC2{border:1px solid var(--Stroke,#e2e2e2);box-shadow:0 2px 4px 0 rgba(0,0,0,.07);border-radius:6px;overflow:hidden}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_comboField__2CFC2.phone-number-input-module_focus__3rSBl{border:1px solid var(--Brand,#43ccb0)}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_comboField__2CFC2.phone-number-input-module_error__37MEE{border:1px solid #f05c6a}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_flagContainer__3Y8u0{position:absolute;top:13px;left:12px;display:flex;align-items:center}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_flagContainer__3Y8u0 span{font-size:25px}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_flagContainer__3Y8u0 .phone-number-input-module_countryCode__3EQkV{margin:3px 0 0 4px;font-size:16px}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_mesError__23_lD{color:#f05c6a;font-size:14px;margin:8px 0}.phone-number-input-module_phoneInputV2__SEb7z .select{width:115px;background:#e2e2e2}.phone-number-input-module_phoneInputV2__SEb7z .select>.mdc-select>.mdc-select__native-control{opacity:0}.phone-number-input-module_phoneInputV2__SEb7z .text-field .mdc-text-field__input{font-size:16px;font-weight:400!important}.phone-number-input-module_phoneInputV2__SEb7z .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,.phone-number-input-module_phoneInputV2__SEb7z .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.phone-number-input-module_phoneInputV2__SEb7z .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.phone-number-input-module_phoneInputV2__SEb7z .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border:none}.switch-module_container__jMNSs .switch-module_switch__13Tp5{position:relative;display:inline-block;width:40px;height:20px}.switch-module_container__jMNSs .switch-module_switch__13Tp5 input{opacity:0;width:0;height:0}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s}.switch-module_container__jMNSs .switch-module_switch__13Tp5 input:checked+.switch-module_slider__1kN7x:before{transform:translateX(20px)}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x.switch-module_round__1y62p{border-radius:34px}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x.switch-module_round__1y62p:before{border-radius:50%}.input-module_container__3R_rx{font-family:Montserrat}.input-module_container__3R_rx .input-module_lable__3MUr4{font-size:12px;font-weight:700;margin:8px 0;display:flex;align-items:center}.input-module_container__3R_rx .input-module_lable__3MUr4 .input-module_required__2jKE5{color:#43ccb0;font-size:14px;margin-left:5px}.input-module_container__3R_rx input{width:100%;height:48px;box-shadow:0 2px 4px 0 rgba(0,0,0,.07);border:1px solid #e2e2e2;border-radius:6px;color:#404041;padding:10px 12px;outline:none}.input-module_container__3R_rx input::placeholder{color:#acacac}.input-module_container__3R_rx input:focus{border:1px solid #43ccb0}.input-module_container__3R_rx input.input-module_error__9qa8B{border:1px solid #f05c6a}.input-module_container__3R_rx .input-module_mesError__3AzLW{color:#f05c6a;font-size:14px;margin:8px 0}
+/*# sourceMappingURL=donation.esm.css.map */

package/dist/donation.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["modal.module.scss","phone-number-input.module.scss","switch.module.scss","input.module.scss"],"names":[],"mappings":"AAAA,2BACE,YAAa,CACb,cAAe,CACf,SAAU,CACV,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,aAAc,CACd,+BAGF,CACA,6DACE,YAAa,CACb,sBAAuB,CACvB,kBAAmB,CACnB,wBAAyB,CACzB,uCAAoB,CACpB,sBACF,CACA,iEACE,4BAA6B,CAC7B,8BACF,CACA,oCACE,GACE,kBACF,CACA,GACE,kBACF,CACF,CACA,sDACE,UAAY,CACZ,cAAe,CACf,eAAiB,CACjB,cAAgB,CAChB,iBAAkB,CAClB,WAAY,CACZ,SACF,CACA,wHAEE,UAAW,CACX,oBAAqB,CACrB,cACF,CAGA,yCACE,kCACE,UACF,CACF,CCtDA,+CACE,sBACF,CACA,uFACE,cAAe,CACf,eAAgB,CAChB,YACF,CACA,kIACE,aAAc,CACd,cACF,CACA,2FACE,iBAAkB,CAClB,WAAY,CACZ,UACF,CACA,wIACE,sCAAwC,CACxC,sCAA+C,CAC/C,iBAAkB,CAClB,eACF,CACA,+KACE,qCACF,CACA,+KACE,wBACF,CACA,2IACE,iBAAkB,CAClB,QAAS,CACT,SAAU,CACV,YAAa,CACb,kBACF,CACA,gJACE,cACF,CACA,yLACE,kBAAmB,CACnB,cACF,CACA,0FACE,aAAc,CACd,cAAe,CACf,YACF,CACA,uDACE,WAAY,CACZ,kBACF,CACA,+FACE,SACF,CACA,kFACE,cAAe,CACf,yBACF,CACA,0eAYE,WACF,CCxEA,6DACE,iBAAkB,CAClB,oBAAqB,CACrB,UAAW,CACX,WAEF,CACA,mEACE,SAAU,CACV,OAAQ,CACR,QACF,CACA,0FACE,iBAAkB,CAClB,cAAe,CACf,KAAM,CACN,MAAO,CACP,OAAQ,CACR,QAAS,CACT,qBAAsB,CAEtB,cACF,CACA,iGACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,UAAW,CACX,QAAS,CACT,UAAW,CACX,qBAAuB,CAEvB,cACF,CACA,+GAGE,0BACF,CACA,qHACE,kBACF,CACA,4HACE,iBACF,CC5CA,+BACE,sBACF,CACA,0DACE,cAAe,CACf,eAAgB,CAChB,YAAa,CACb,YAAa,CACb,kBACF,CACA,wFACE,aAAc,CACd,cAAe,CACf,eACF,CACA,qCACE,UAAW,CACX,WAAY,CACZ,sCAA+C,CAC/C,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CACd,iBAAkB,CAClB,YACF,CACA,kDACE,aACF,CACA,2CACE,wBACF,CACA,+DACE,wBACF,CACA,6DACE,aAAc,CACd,cAAe,CACf,YACF","file":"donation.esm.css","sourcesContent":[".modal {\n  display: none;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: rgba(0, 0, 0, 0.5);\n  /* Modal Content (image) */\n  /* The Close Button */\n}\n.modal .modalContent {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: calc(100% + 50px);\n  animation-name: zoom;\n  animation-duration: 0.6s;\n}\n.modal .modalContent img {\n  max-width: calc(100vw - 37px);\n  max-height: calc(100vh - 100px);\n}\n@keyframes zoom {\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n}\n.modal .close {\n  color: white;\n  font-size: 25px;\n  font-weight: bold;\n  transition: 0.3s;\n  position: absolute;\n  right: -27px;\n  top: -27px;\n}\n.modal .close:hover,\n.modal .close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* 100% Image Width on Smaller Screens */\n@media only screen and (max-width: 700px) {\n  .modalContent {\n    width: 100%;\n  }\n}",".phoneInputV2 {\n  font-family: Montserrat;\n}\n.phoneInputV2 .lable {\n  font-size: 12px;\n  font-weight: 700;\n  margin: 8px 0;\n}\n.phoneInputV2 .lable .required {\n  color: #43ccb0;\n  font-size: 14px;\n}\n.phoneInputV2 .coverForm {\n  position: relative;\n  height: 48px;\n  width: 100%;\n}\n.phoneInputV2 .coverForm .comboField {\n  border: 1px solid var(--Stroke, #e2e2e2);\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.phoneInputV2 .coverForm .comboField.focus {\n  border: 1px solid var(--Brand, #43ccb0);\n}\n.phoneInputV2 .coverForm .comboField.error {\n  border: 1px solid #f05c6a;\n}\n.phoneInputV2 .coverForm .flagContainer {\n  position: absolute;\n  top: 13px;\n  left: 12px;\n  display: flex;\n  align-items: center;\n}\n.phoneInputV2 .coverForm .flagContainer span {\n  font-size: 25px;\n}\n.phoneInputV2 .coverForm .flagContainer .countryCode {\n  margin: 3px 0 0 4px;\n  font-size: 16px;\n}\n.phoneInputV2 .mesError {\n  color: #f05c6a;\n  font-size: 14px;\n  margin: 8px 0;\n}\n.phoneInputV2 :global(.select) {\n  width: 115px;\n  background: #e2e2e2;\n}\n.phoneInputV2 :global(.select > .mdc-select > .mdc-select__native-control) {\n  opacity: 0;\n}\n.phoneInputV2 :global(.text-field .mdc-text-field__input) {\n  font-size: 16px;\n  font-weight: 400 !important;\n}\n.phoneInputV2 :global(.mdc-select--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__leading),\n.phoneInputV2 :global(.mdc-select--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__trailing),\n.phoneInputV2 :global(.mdc-text-field--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__leading),\n.phoneInputV2 :global(.mdc-text-field--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__trailing) {\n  border: none;\n}",".container .switch {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 20px;\n  /* Rounded sliders */\n}\n.container .switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.container .switch .slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n}\n.container .switch .slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 2px;\n  bottom: 2px;\n  background-color: white;\n  -webkit-transition: 0.4s;\n  transition: 0.2s;\n}\n.container .switch input:checked + .slider:before {\n  -webkit-transform: translateX(20px);\n  -ms-transform: translateX(20px);\n  transform: translateX(20px);\n}\n.container .switch .slider.round {\n  border-radius: 34px;\n}\n.container .switch .slider.round:before {\n  border-radius: 50%;\n}",".container {\n  font-family: \"Montserrat\";\n}\n.container .lable {\n  font-size: 12px;\n  font-weight: 700;\n  margin: 8px 0;\n  display: flex;\n  align-items: center;\n}\n.container .lable .required {\n  color: #43ccb0;\n  font-size: 14px;\n  margin-left: 5px;\n}\n.container input {\n  width: 100%;\n  height: 48px;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid #e2e2e2;\n  border-radius: 6px;\n  color: #404041;\n  padding: 10px 12px;\n  outline: none;\n}\n.container input::placeholder {\n  color: #acacac;\n}\n.container input:focus {\n  border: 1px solid #43CCB0;\n}\n.container input.error {\n  border: 1px solid #F05C6A;\n}\n.container .mesError {\n  color: #F05C6A;\n  font-size: 14px;\n  margin: 8px 0;\n}"]}

package/dist/donation.d.ts

@@ -0,0 +1,3 @@
+export * from "./components/donation";
+export * from "./theme";
+export { default as _React } from "react";

package/dist/donation.esm.css

@@ -0,0 +1,2 @@
+.modal-module_modal__3BPw_{display:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-module_modal__3BPw_ .modal-module_modalContent__pnZ9y{display:flex;justify-content:center;align-items:center;height:calc(100% + 50px);animation-name:modal-module_zoom__7ZPHg;animation-duration:.6s}.modal-module_modal__3BPw_ .modal-module_modalContent__pnZ9y img{max-width:calc(100vw - 37px);max-height:calc(100vh - 100px)}@keyframes modal-module_zoom__7ZPHg{0%{transform:scale(0)}to{transform:scale(1)}}.modal-module_modal__3BPw_ .modal-module_close__1refL{color:#fff;font-size:25px;font-weight:700;transition:.3s;position:absolute;right:-27px;top:-27px}.modal-module_modal__3BPw_ .modal-module_close__1refL:focus,.modal-module_modal__3BPw_ .modal-module_close__1refL:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-module_modalContent__pnZ9y{width:100%}}.phone-number-input-module_phoneInputV2__SEb7z{font-family:Montserrat}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_lable__2juXw{font-size:12px;font-weight:700;margin:8px 0}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_lable__2juXw .phone-number-input-module_required__1aTIY{color:#43ccb0;font-size:14px}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6{position:relative;height:48px;width:100%}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_comboField__2CFC2{border:1px solid var(--Stroke,#e2e2e2);box-shadow:0 2px 4px 0 rgba(0,0,0,.07);border-radius:6px;overflow:hidden}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_comboField__2CFC2.phone-number-input-module_focus__3rSBl{border:1px solid var(--Brand,#43ccb0)}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_comboField__2CFC2.phone-number-input-module_error__37MEE{border:1px solid #f05c6a}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_flagContainer__3Y8u0{position:absolute;top:13px;left:12px;display:flex;align-items:center}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_flagContainer__3Y8u0 span{font-size:25px}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_coverForm__276A6 .phone-number-input-module_flagContainer__3Y8u0 .phone-number-input-module_countryCode__3EQkV{margin:3px 0 0 4px;font-size:16px}.phone-number-input-module_phoneInputV2__SEb7z .phone-number-input-module_mesError__23_lD{color:#f05c6a;font-size:14px;margin:8px 0}.phone-number-input-module_phoneInputV2__SEb7z .select{width:115px;background:#e2e2e2}.phone-number-input-module_phoneInputV2__SEb7z .select>.mdc-select>.mdc-select__native-control{opacity:0}.phone-number-input-module_phoneInputV2__SEb7z .text-field .mdc-text-field__input{font-size:16px;font-weight:400!important}.phone-number-input-module_phoneInputV2__SEb7z .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,.phone-number-input-module_phoneInputV2__SEb7z .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.phone-number-input-module_phoneInputV2__SEb7z .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.phone-number-input-module_phoneInputV2__SEb7z .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border:none}.switch-module_container__jMNSs .switch-module_switch__13Tp5{position:relative;display:inline-block;width:40px;height:20px}.switch-module_container__jMNSs .switch-module_switch__13Tp5 input{opacity:0;width:0;height:0}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s}.switch-module_container__jMNSs .switch-module_switch__13Tp5 input:checked+.switch-module_slider__1kN7x:before{transform:translateX(20px)}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x.switch-module_round__1y62p{border-radius:34px}.switch-module_container__jMNSs .switch-module_switch__13Tp5 .switch-module_slider__1kN7x.switch-module_round__1y62p:before{border-radius:50%}.input-module_container__3R_rx{font-family:Montserrat}.input-module_container__3R_rx .input-module_lable__3MUr4{font-size:12px;font-weight:700;margin:8px 0;display:flex;align-items:center}.input-module_container__3R_rx .input-module_lable__3MUr4 .input-module_required__2jKE5{color:#43ccb0;font-size:14px;margin-left:5px}.input-module_container__3R_rx input{width:100%;height:48px;box-shadow:0 2px 4px 0 rgba(0,0,0,.07);border:1px solid #e2e2e2;border-radius:6px;color:#404041;padding:10px 12px;outline:none}.input-module_container__3R_rx input::placeholder{color:#acacac}.input-module_container__3R_rx input:focus{border:1px solid #43ccb0}.input-module_container__3R_rx input.input-module_error__9qa8B{border:1px solid #f05c6a}.input-module_container__3R_rx .input-module_mesError__3AzLW{color:#f05c6a;font-size:14px;margin:8px 0}
+/*# sourceMappingURL=donation.esm.css.map */

package/dist/donation.esm.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["modal.module.scss","phone-number-input.module.scss","switch.module.scss","input.module.scss"],"names":[],"mappings":"AAAA,2BACE,YAAa,CACb,cAAe,CACf,SAAU,CACV,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,aAAc,CACd,+BAGF,CACA,6DACE,YAAa,CACb,sBAAuB,CACvB,kBAAmB,CACnB,wBAAyB,CACzB,uCAAoB,CACpB,sBACF,CACA,iEACE,4BAA6B,CAC7B,8BACF,CACA,oCACE,GACE,kBACF,CACA,GACE,kBACF,CACF,CACA,sDACE,UAAY,CACZ,cAAe,CACf,eAAiB,CACjB,cAAgB,CAChB,iBAAkB,CAClB,WAAY,CACZ,SACF,CACA,wHAEE,UAAW,CACX,oBAAqB,CACrB,cACF,CAGA,yCACE,kCACE,UACF,CACF,CCtDA,+CACE,sBACF,CACA,uFACE,cAAe,CACf,eAAgB,CAChB,YACF,CACA,kIACE,aAAc,CACd,cACF,CACA,2FACE,iBAAkB,CAClB,WAAY,CACZ,UACF,CACA,wIACE,sCAAwC,CACxC,sCAA+C,CAC/C,iBAAkB,CAClB,eACF,CACA,+KACE,qCACF,CACA,+KACE,wBACF,CACA,2IACE,iBAAkB,CAClB,QAAS,CACT,SAAU,CACV,YAAa,CACb,kBACF,CACA,gJACE,cACF,CACA,yLACE,kBAAmB,CACnB,cACF,CACA,0FACE,aAAc,CACd,cAAe,CACf,YACF,CACA,uDACE,WAAY,CACZ,kBACF,CACA,+FACE,SACF,CACA,kFACE,cAAe,CACf,yBACF,CACA,0eAYE,WACF,CCxEA,6DACE,iBAAkB,CAClB,oBAAqB,CACrB,UAAW,CACX,WAEF,CACA,mEACE,SAAU,CACV,OAAQ,CACR,QACF,CACA,0FACE,iBAAkB,CAClB,cAAe,CACf,KAAM,CACN,MAAO,CACP,OAAQ,CACR,QAAS,CACT,qBAAsB,CAEtB,cACF,CACA,iGACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,UAAW,CACX,QAAS,CACT,UAAW,CACX,qBAAuB,CAEvB,cACF,CACA,+GAGE,0BACF,CACA,qHACE,kBACF,CACA,4HACE,iBACF,CC5CA,+BACE,sBACF,CACA,0DACE,cAAe,CACf,eAAgB,CAChB,YAAa,CACb,YAAa,CACb,kBACF,CACA,wFACE,aAAc,CACd,cAAe,CACf,eACF,CACA,qCACE,UAAW,CACX,WAAY,CACZ,sCAA+C,CAC/C,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CACd,iBAAkB,CAClB,YACF,CACA,kDACE,aACF,CACA,2CACE,wBACF,CACA,+DACE,wBACF,CACA,6DACE,aAAc,CACd,cAAe,CACf,YACF","file":"donation.esm.css","sourcesContent":[".modal {\n  display: none;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: rgba(0, 0, 0, 0.5);\n  /* Modal Content (image) */\n  /* The Close Button */\n}\n.modal .modalContent {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: calc(100% + 50px);\n  animation-name: zoom;\n  animation-duration: 0.6s;\n}\n.modal .modalContent img {\n  max-width: calc(100vw - 37px);\n  max-height: calc(100vh - 100px);\n}\n@keyframes zoom {\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n}\n.modal .close {\n  color: white;\n  font-size: 25px;\n  font-weight: bold;\n  transition: 0.3s;\n  position: absolute;\n  right: -27px;\n  top: -27px;\n}\n.modal .close:hover,\n.modal .close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* 100% Image Width on Smaller Screens */\n@media only screen and (max-width: 700px) {\n  .modalContent {\n    width: 100%;\n  }\n}",".phoneInputV2 {\n  font-family: Montserrat;\n}\n.phoneInputV2 .lable {\n  font-size: 12px;\n  font-weight: 700;\n  margin: 8px 0;\n}\n.phoneInputV2 .lable .required {\n  color: #43ccb0;\n  font-size: 14px;\n}\n.phoneInputV2 .coverForm {\n  position: relative;\n  height: 48px;\n  width: 100%;\n}\n.phoneInputV2 .coverForm .comboField {\n  border: 1px solid var(--Stroke, #e2e2e2);\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07);\n  border-radius: 6px;\n  overflow: hidden;\n}\n.phoneInputV2 .coverForm .comboField.focus {\n  border: 1px solid var(--Brand, #43ccb0);\n}\n.phoneInputV2 .coverForm .comboField.error {\n  border: 1px solid #f05c6a;\n}\n.phoneInputV2 .coverForm .flagContainer {\n  position: absolute;\n  top: 13px;\n  left: 12px;\n  display: flex;\n  align-items: center;\n}\n.phoneInputV2 .coverForm .flagContainer span {\n  font-size: 25px;\n}\n.phoneInputV2 .coverForm .flagContainer .countryCode {\n  margin: 3px 0 0 4px;\n  font-size: 16px;\n}\n.phoneInputV2 .mesError {\n  color: #f05c6a;\n  font-size: 14px;\n  margin: 8px 0;\n}\n.phoneInputV2 :global(.select) {\n  width: 115px;\n  background: #e2e2e2;\n}\n.phoneInputV2 :global(.select > .mdc-select > .mdc-select__native-control) {\n  opacity: 0;\n}\n.phoneInputV2 :global(.text-field .mdc-text-field__input) {\n  font-size: 16px;\n  font-weight: 400 !important;\n}\n.phoneInputV2 :global(.mdc-select--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__leading),\n.phoneInputV2 :global(.mdc-select--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__trailing),\n.phoneInputV2 :global(.mdc-text-field--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__leading),\n.phoneInputV2 :global(.mdc-text-field--outlined\n      .mdc-notched-outline\n      .mdc-notched-outline__trailing) {\n  border: none;\n}",".container .switch {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 20px;\n  /* Rounded sliders */\n}\n.container .switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.container .switch .slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n}\n.container .switch .slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 2px;\n  bottom: 2px;\n  background-color: white;\n  -webkit-transition: 0.4s;\n  transition: 0.2s;\n}\n.container .switch input:checked + .slider:before {\n  -webkit-transform: translateX(20px);\n  -ms-transform: translateX(20px);\n  transform: translateX(20px);\n}\n.container .switch .slider.round {\n  border-radius: 34px;\n}\n.container .switch .slider.round:before {\n  border-radius: 50%;\n}",".container {\n  font-family: \"Montserrat\";\n}\n.container .lable {\n  font-size: 12px;\n  font-weight: 700;\n  margin: 8px 0;\n  display: flex;\n  align-items: center;\n}\n.container .lable .required {\n  color: #43ccb0;\n  font-size: 14px;\n  margin-left: 5px;\n}\n.container input {\n  width: 100%;\n  height: 48px;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid #e2e2e2;\n  border-radius: 6px;\n  color: #404041;\n  padding: 10px 12px;\n  outline: none;\n}\n.container input::placeholder {\n  color: #acacac;\n}\n.container input:focus {\n  border: 1px solid #43CCB0;\n}\n.container input.error {\n  border: 1px solid #F05C6A;\n}\n.container .mesError {\n  color: #F05C6A;\n  font-size: 14px;\n  margin: 8px 0;\n}"]}