@mycause/ui 0.0.0-cc06e357 → 0.0.0-cc46ece7

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

@@ -1,13 +1,15 @@
 import React from "react";
 import { ColorSpecifier } from "../../theme/theme";
-declare type TextKind = "display1" | "display2" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "sub" | "small" | "fine" | "span";
-declare type TextElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small" | "span";
-declare type TextTypes = HTMLElement | HTMLHeadingElement;
-interface TextProps extends Omit<React.HTMLProps<HTMLElement>, "span" | "color"> {
+import { BoxProps } from "../layout/box";
+type TextKind = "display1" | "display2" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "sub" | "small" | "fine" | "span";
+type TextElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small" | "span";
+type AlignType = "left" | "right" | "center" | "justify" | "justify-all" | "start" | "end" | "match-parent";
+interface TextProps extends Omit<BoxProps, "span" | "color"> {
     elem?: TextElement;
     kind?: TextKind;
     children?: React.ReactNode;
     font?: string;
+    align?: AlignType;
     underline?: boolean;
     strike?: boolean;
     bold?: boolean;
@@ -24,5 +26,5 @@ interface TextProps extends Omit<React.HTMLProps<HTMLElement>, "span" | "color">
     small?: boolean;
     span?: boolean;
 }
-declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "bold" | "small" | "strike" | "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "font" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "italic" | "invert" | "underline" | "multiple" | "key" | "children" | "list" | "step" | "value" | "muted" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "type" | "useMap" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elem"> & React.RefAttributes<TextTypes>>;
+declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLElement | HTMLHeadingElement>>;
 export default Text;

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

@@ -1,34 +1,43 @@
-/// <reference types="react" />
+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)[];
+    };
+};
 export declare const kinds: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const titles: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const paras: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const modifiers: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const text: {
-    (): JSX.Element;
+export declare const textArticle: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1 +1,3 @@
 export { default as TextField } from "./text-field";
+export { default as TextFieldSearch } from "./text-field-search";
+export { default as TextFieldHelperText } from "./text-field-helper-text";

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

@@ -4,5 +4,5 @@ export interface HelperTextProps extends Omit<MDCHelperTextProps, "children"> {
     error?: string;
     children?: React.ReactNode;
 }
-declare function HelperText({ error, children, ...props }: HelperTextProps): JSX.Element;
+declare function HelperText({ error, children, ...props }: HelperTextProps): React.JSX.Element;
 export default HelperText;

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface TextFieldSearchProps {
+    value?: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    placeholder?: string;
+    isFocus?: boolean;
+}
+declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): React.JSX.Element;
+export default TextFieldSearch;

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

@@ -1,23 +1,26 @@
 import React from "react";
 import { CharacterCounterProps } from "@material/react-text-field/character-counter";
 import { HelperTextProps } from "./text-field-helper-text";
-export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>, "ref"> {
-    dense?: boolean;
+export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>, "ref" | "dense"> {
     fullWidth?: boolean;
     helperText?: string | React.ReactElement<HelperTextProps> | null;
     characterCounter?: React.ReactElement<CharacterCounterProps>;
     label?: string;
     leadingIcon?: React.ReactElement;
-    outlined?: boolean;
     onLeadingIconSelect?: () => void;
     onTrailingIconSelect?: () => void;
     textarea?: boolean;
     trailingIcon?: React.ReactElement;
+    isHelperTextPersistent?: boolean;
+    large?: boolean;
     error?: string | null | boolean;
     externalLabel?: boolean;
     placeholder?: string;
+    list?: string;
     className?: string;
     required?: boolean;
+    color?: string;
+    outlined?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,60 +1,17 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: (typeof CenterDecorator)[];
+    decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const textField: {
-    (): JSX.Element;
+export declare const TextFieldStory: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const disabled: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const externalLabel: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const dense: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const denseExternalLabel: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const textarea: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const icon: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const helperText: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const error: {
-    (): JSX.Element;
+export declare const TextFieldSearchStory: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -0,0 +1 @@
+export { default as ThisMonthCard } from "./this-month-card";

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

@@ -0,0 +1,15 @@
+import React from "react";
+interface MonthData {
+    itemAmount?: number;
+    itemText?: string;
+}
+interface ThisMonthCardProps {
+    totalDonations: number;
+    thisMonthData?: Array<MonthData>;
+    imgLink: string;
+    buttonLink: string;
+    buttonText: string;
+    className?: string;
+}
+declare const ThisMonthCard: ({ totalDonations, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => React.JSX.Element;
+export default ThisMonthCard;

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const ThisMonthCardStories: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+export { default as Toast } from "./toast";

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { ToastContainerProps } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+export interface ToastProps extends ToastContainerProps {
+    color?: string;
+}
+declare function Toast({ ...props }: ToastProps): React.JSX.Element;
+export default Toast;

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const SwitchDefault: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/transaction-card/Dot.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface DotProps {
+    color: string;
+}
+export declare function Dot(props: DotProps): React.JSX.Element;
+export {};

package/dist/components/transaction-card/index.d.ts

@@ -0,0 +1 @@
+export { default as TransactionCard } from "./transaction-card";

package/dist/components/transaction-card/transaction-card.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface TransactionCardProps {
+    className?: string;
+    amount?: React.ReactNode | string;
+    recipient?: React.ReactNode | string;
+    receiptNo?: React.ReactNode | string;
+    details?: React.ReactNode | string;
+    tax?: React.ReactNode | string;
+    date?: React.ReactNode | string;
+    statusAsText?: React.ReactNode | string;
+    action?: React.ReactNode | string;
+    onClick?: () => void;
+    notShowIcon?: boolean;
+}
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: TransactionCardProps) => React.JSX.Element;
+export default TransactionCard;

package/dist/components/transaction-card/transaction-card.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: import("./transaction-card").TransactionCardProps) => React.JSX.Element;
+};
+export default _default;
+export declare const TransactionCardStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RegistrationCard: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as Uploader } from "./uploader";

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+export interface UploaderProps {
+    color?: ColorSpecifier;
+    width?: string;
+    height?: string;
+    getUploadParams?: () => void;
+    onChangeStatus: (args: any) => void;
+    multiple?: boolean;
+    maxFiles?: number;
+    fontSize?: string;
+    iconSize?: string;
+    accept: string;
+    dragAndDropMessage?: string;
+    customIcon?: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    hasBrowseButton?: boolean;
+    browsButtonMessage?: {
+        noFiles: string;
+        hasFiles: string;
+    };
+}
+declare const Uploader: ({ color, width, height, getUploadParams, onChangeStatus, multiple, maxFiles, fontSize, iconSize, accept, customIcon, dragAndDropMessage, hasBrowseButton, browsButtonMessage, }: UploaderProps) => React.JSX.Element;
+export default Uploader;

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}"]}