@mycause/ui 0.0.0-c9beb99b → 0.0.0-c9cc3b00

package/dist/components/navigation/icons/schools.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="112.5 0 270 270" enable-background="new 112.5 0 270 270" xml:space="preserve">
+<g>
+	<circle fill="#55C1A9" cx="247.8" cy="135.6" r="131.3"/>
+	<path opacity="0.2" fill="#231F20" d="M177,185.6v-6.9c0,0,46.7-15.7,61.5-2.8l11.2,0.9c0,0,18.6-17.1,59.3,1.4l4.7-85.1l64.3,63.4
+		c0,0-10.5,92.5-116.5,110.1L177,185.6z"/>
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M251,178.3c2.8-7.6,18.7-8.5,18.7-8.5
+			c10.4-0.7,39.6,8.2,39.6,8.2l3.5-83.3c-9.7,0-21.9-5.6-21.9-5.6c-33.7-16.7-43.2,9-43.2,9s-13.2-22.2-38.1-11.8c0,0-21,6.2-29,6.2
+			v86.1l22.1-4.9c0,0,29.9-9.9,38.8,4.9"/>
+		<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="245.5" y1="108" x2="245.5" y2="172"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M183,187.3l13.2-2.2c0,0,37.5-12.6,44.4,3.4h11.1
+			c0,0,8.3-14.8,31.9-8.6c0,0,16.7,4.1,26.4,7.2"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/volunteer.svg

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_6_">
+		<circle fill="#55C1A9" cx="127" cy="125.4" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M96.4,234.5c0,0,51.2,17.2,99.6-18.8c0,0,38-27.2,43.6-78.8
+			l-87.2-88.8l-24.8,59.2l-18.8,44L87.7,129l-22.1,46.7l-14-11.2L35.2,164l35.6,38.9L96.4,234.5z"/>
+		<path fill="#FFFFFF" d="M172.4,93.1c-3.9-0.4-11.1,1.4-15.9,4.6c-4.8,3.2-6.1,3.5-8.2,2.9c-2.1-0.6-3.2-3.9-3.7-8.2
+			c-0.6-4.3-0.3-9.7,0.4-11.6c0.7-1.9,3.3-10.8,4.7-14.1c1.4-3.3,3-7.5,3.9-11.2c0.8-3.7,1.2-6.2-1.2-7.3c-2.5-1.2-5.4,2.6-7.1,7.3
+			c-1.7,4.7-3.7,8.6-5,11.3c-1.2,2.8-4.4,11.3-6.5,11.2c-2.1-0.1-1.8-4.8-1.5-10.9c0.3-6.1,0.8-14.7,1-18.4c0.1-3.7,1-9-3.5-9
+			c-4.4,0-4.7,5.7-4.7,9c0,3.3-0.6,10.2-0.8,12.9c-0.3,3.5-0.6,8.4-0.6,11.5c0,3.2-0.6,5.3-2.2,5.6c-1.7,0.3-1.8-1.5-2.5-6
+			c-0.7-4.4-2.1-16.7-2.5-19c-0.4-2.2-1.1-8.3-5.1-7.9c-4,0.4-3.3,4.4-2.5,10.1c0.7,4.9,1.7,10.9,2.2,14.9c0.6,4,1.2,10.7-0.7,12
+			c-1.9,1.4-5.3-1.7-7.3-4.8C101,75,99,72.3,97.3,69c-1.7-3.3-4.3-8.2-7.2-6.2c-2.9,1.9-0.6,6.9,1.8,11.5c2.4,4.6,5.1,10.2,6.4,13
+			c0.6,1.3,1.1,2.5,1.6,4c0.1,0.2,0.1,0.4,0.2,0.6c0,0,0,0,0,0.1c0.1,0.2,0.1,0.4,0.2,0.6c0,0,0,0.1,0,0.1c0,0.2,0.1,0.4,0.1,0.6
+			c0,0,0,0.1,0,0.1c0,0.2,0.1,0.4,0.1,0.7c0,0.1,0,0.1,0,0.2c0,0.2,0.1,0.4,0.1,0.7c0,0.1,0,0.2,0,0.2c0,0.2,0.1,0.5,0.1,0.7
+			c0,0.1,0,0.2,0,0.3c0,0.2,0.1,0.5,0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.8,0.1,1.2c0.4,6.2,2.5,12.5,4.7,17.6
+			c2.2,5.1,3.3,7.9,3.2,13.1c0,1.5,0,5.9,0,12.5c0,4.3,0,9.5,0,15.5c0,0,0,0.6,0,0.6c0,14.3,0.1,60.9,0.1,81.3h28.7
+			c-0.1-42-0.4-106.4,2.9-110.5c0.1-0.1,0.2-0.6,0.4-0.8l0,0c1.8-1.9,6.1-5.6,9.4-8.5c0,0,0.1-0.1,0.1-0.2c0.3-0.2,0.5-0.5,0.8-0.7
+			c0.1-0.1,0.1-0.1,0.2-0.2c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.2-0.2c0.2-0.2,0.4-0.4,0.5-0.5c0.1-0.1,0.2-0.2,0.2-0.2
+			c0.2-0.2,0.3-0.3,0.4-0.5c0.1-0.1,0.1-0.1,0.2-0.2c0.2-0.2,0.3-0.4,0.5-0.6c2.2-2.9,6.1-8,11.9-10.9c0.1-0.1,0.2,0.2,0.3,0.2h0
+			c5.7-2.4,11-4.2,11.4-6.5C178.2,95.6,176.3,93.5,172.4,93.1z"/>
+		<path fill="#EEEDE8" d="M216.5,159.8c-2.5-0.8-7.4-0.6-11,0.8c-3.6,1.4-4.4,1.4-5.7,0.8c-1.3-0.6-1.6-3-1.3-5.8
+			c0.2-2.9,1.1-6.4,1.8-7.5c0.7-1.2,3.6-6.6,5-8.6c1.3-2,3-4.5,4-6.8c1-2.3,1.6-3.9,0.2-5c-1.5-1.1-3.9,1-5.6,3.8
+			c-1.7,2.8-3.6,5.1-4.8,6.7c-1.2,1.6-4.4,6.8-5.8,6.4c-1.3-0.4-0.5-3.4,0.5-7.3c1-3.9,2.5-9.5,3.1-11.9c0.6-2.4,1.8-5.7-1-6.3
+			c-2.9-0.6-3.8,3.1-4.3,5.2c-0.5,2.2-1.7,6.6-2.3,8.3c-0.7,2.2-1.5,5.4-1.9,7.5c-0.4,2.1-1.1,3.4-2.2,3.4c-1.1,0-1-1.2-0.8-4.2
+			c0.1-3,0.9-11.2,0.9-12.7s0.4-5.6-2.3-5.8c-2.7-0.3-2.8,2.4-3,6.3c-0.2,3.3-0.4,7.4-0.6,10c-0.2,2.7-0.6,7.1-2.1,7.8
+			c-1.4,0.6-3.2-1.8-4.1-4.1c-0.9-2.4-1.9-4.3-2.6-6.7c-0.6-2.4-1.7-5.9-3.9-5c-2.2,0.9-1.3,4.4-0.4,7.7c0.9,3.3,2,7.4,2.4,9.3
+			c0.2,0.9,0.4,1.8,0.5,2.8c0,0.1,0,0.3,0,0.4c0,0-0.5,0-0.5,0c0,0.1-0.5,0.3-0.5,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3,0,0.4
+			c0,0,0,0.1,0,0.1c0,0.1,0.5,0.3,0.5,0.4c0,0,0.3,0.1,0.3,0.1c0,0.1,0.1,0.3,0.1,0.5c0,0.1,0.1,0.1,0.1,0.2c0,0.2,0,0.3,0,0.5
+			c0,0.1,0,0.1,0,0.2c0,0.2,0,0.3,0,0.5c0,0.1,0,0.1,0,0.2c0,0.2-0.1,0.5-0.1,0.8c-0.6,4.1,0,8.5,0.7,12.1c0.8,3.6,1.1,5.6,0.3,9
+			c-0.2,1-0.8,3.8-1.7,8.1c-0.6,2.8-1.3,6.2-2.1,10.1c0,0,0,0.1,0,0.1c-1.9,9.3-6.3,29.3-8.9,41.8l20.3-8
+			c5.4-26.4,10.5-46.4,13.2-48.6c0.1-0.1,0.2-0.2,0.3-0.3l0,0c1.4-1,4.7-2.7,7.2-4.2c0,0,0.1,0,0.1-0.1c0.2-0.1,0.4-0.2,0.6-0.3
+			c0.1,0,0.1-0.1,0.2-0.1c0.2-0.1,0.3-0.2,0.5-0.3c0.1,0,0.1-0.1,0.2-0.1c0.1-0.1,0.3-0.2,0.4-0.3c0.1,0,0.1-0.1,0.2-0.1
+			c0.1-0.1,0.2-0.2,0.4-0.2c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0.3-0.2,0.4-0.3c1.8-1.6,5-4.2,9.2-5.3c0.1,0,0.1,0.4,0.1,0.4c0,0,0,0,0,0
+			c4.2-2.4,7.8-1.5,8.4-2.9C219.9,162.5,219,160.6,216.5,159.8z"/>
+		<path fill="#EEEDE8" d="M38,159.8c2.5-0.8,7.4-0.6,11,0.8c3.6,1.4,4.4,1.4,5.7,0.8c1.3-0.6,1.6-3,1.3-5.8
+			c-0.2-2.9-1.1-6.4-1.8-7.5c-0.7-1.2-3.6-6.6-5-8.6c-1.4-2-3-4.5-4-6.8c-1-2.3-1.6-3.9-0.2-5c1.5-1.1,3.9,1,5.6,3.8
+			c1.7,2.8,3.6,5.1,4.8,6.7s4.4,6.8,5.8,6.4c1.3-0.4,0.5-3.4-0.5-7.3c-1-3.9-2.5-9.5-3.1-11.9c-0.6-2.4-1.8-5.7,1-6.3
+			c2.9-0.6,3.8,3.1,4.3,5.2c0.5,2.2,1.7,6.6,2.3,8.3c0.7,2.2,1.5,5.4,1.9,7.5c0.4,2.1,1.1,3.4,2.2,3.4c1.1,0,1-1.2,0.8-4.2
+			c-0.1-3-0.9-11.2-0.9-12.7c0-1.5-0.4-5.6,2.3-5.8c2.7-0.3,2.8,2.4,3,6.3c0.2,3.3,0.4,7.4,0.6,10c0.2,2.7,0.6,7.1,2.1,7.8
+			c1.4,0.6,3.2-1.8,4.1-4.1c0.9-2.4,1.9-4.3,2.6-6.7c0.6-2.4,1.7-5.9,3.9-5c2.2,0.9,1.3,4.4,0.4,7.7c-0.9,3.3-2,7.4-2.4,9.3
+			c-0.2,0.9-0.4,1.8-0.5,2.8c0,0.1,0,0.3,0,0.4c0,0-0.3,0-0.3,0c0,0.1-0.3,0.3-0.3,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3,0,0.4
+			c0,0,0,0.1,0,0.1c0,0.1,0.3,0.3,0.3,0.4c0,0,0.1,0.1,0.1,0.1c0,0.1,0.1,0.3,0.1,0.5c0,0.1,0,0.1,0,0.2c0,0.2,0,0.3,0.1,0.5
+			c0,0.1,0,0.1,0,0.2c0,0.2,0,0.3,0.1,0.5c0,0.1,0,0.1,0,0.2c0,0.2,0.1,0.5,0.1,0.8c0.6,4.1,0.1,8.5-0.7,12.1
+			c-0.8,3.6-1.1,5.6-0.3,9c0.2,1,0.8,3.8,1.7,8.1c0.6,2.8,1.3,6.2,2.1,10.1c0,0,0,0.1,0,0.1c1.9,9.3,5.7,28.9,8.3,41.4L77,227.3
+			c-5.4-26.4-10.8-46.8-13.5-49c-0.1-0.1-0.2-0.2-0.3-0.3l0,0c-1.4-1-4.7-2.7-7.2-4.2c0,0-0.1,0-0.1-0.1c-0.2-0.1-0.4-0.2-0.6-0.3
+			c-0.1,0-0.1-0.1-0.2-0.1c-0.2-0.1-0.3-0.2-0.5-0.3c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1,0-0.1-0.1-0.2-0.1
+			c-0.1-0.1-0.2-0.2-0.4-0.2c0,0-0.1-0.1-0.1-0.1c-0.1-0.1-0.3-0.2-0.4-0.3c-1.8-1.6-5-4.2-9.2-5.3c-0.1,0-0.1,0.4-0.2,0.4h0
+			c-4.2-2.4-7.8-1.5-8.4-2.9C34.6,162.5,35.6,160.6,38,159.8z"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/navigation-actions.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 declare function NavigationActions({ children }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export default NavigationActions;

package/dist/components/navigation/navigation-bar.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-export declare type NavigationBarProps = {
+export type NavigationBarProps = {
     children?: React.ReactNode;
     isCompactHeight?: boolean;
 };
-declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
+declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
 export default NavigationBar;

package/dist/components/navigation/navigation-call-to-action.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import { ButtonProps } from "../button/button";
-declare type NavigationCallToActionProps = Omit<ButtonProps, "color">;
-declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
+type NavigationCallToActionProps = Omit<ButtonProps, "color">;
+declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
 export default NavigationCallToAction;

package/dist/components/navigation/navigation-expanded.d.ts

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

package/dist/components/navigation/navigation-list.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-export declare type HrefNavigationLink = {
+export type HrefNavigationLink = {
     href: string;
     label: React.ReactNode;
     analyticsId?: string;
     icon?: string;
 };
-export declare type ClickNavigationLink = {
+export type ClickNavigationLink = {
     onClick?: () => void;
     id: string;
     label: React.ReactNode;
@@ -13,15 +13,15 @@ export declare type ClickNavigationLink = {
     analyticsId?: string;
     icon?: string;
 };
-export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
-export declare type NavigationListItem = HybridNavigationLink & {
+export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
+export type NavigationListItem = HybridNavigationLink & {
     children?: React.ReactNode;
 };
-export declare type NavigationMenuListProps = {
+export type NavigationMenuListProps = {
     items: Array<NavigationListItem>;
     onClickItem?: (id: string) => void;
     size?: "normal" | "large" | "long";
     active?: string | null;
 };
-declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
+declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
 export default NavigationList;

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

@@ -3,5 +3,5 @@ interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
     isMenuOpen: boolean;
     onChangeMenuOpen: (isOpen: boolean) => void;
 }
-declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
+declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): React.JSX.Element;
 export default NavigationMenuControl;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { HybridNavigationLink } from "./navigation-list";
-export declare type NavigationMenuProps = {
+export type NavigationMenuProps = {
     links: Array<HybridNavigationLink>;
     onClickItem: (id: string) => void;
     sublinks: Array<HybridNavigationLink> | null;
@@ -8,5 +8,5 @@ export declare type NavigationMenuProps = {
     actionRaised?: HybridNavigationLink | null;
     active: string | null;
 };
-export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): JSX.Element;
+export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
 export default NavigationMenu;

package/dist/components/navigation/navigation-search-control.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 interface NavigationSearchControlProps {
     onChangeSearchOpen: (isOpen: boolean) => void;
     analyticsId?: string;
 }
-declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): React.JSX.Element;
 export default NavigationSearchControl;

package/dist/components/navigation/navigation-search.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 interface NavigationSearchProps {
     value: string;
     onChange: (value: string) => void;
     onSubmit: () => void;
     onCancel: () => void;
 }
-declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
+declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): React.JSX.Element;
 export default NavigationSearch;

package/dist/components/navigation/navigation-sign-in-control.d.ts

@@ -7,5 +7,5 @@ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivEleme
     color?: ColorSpecifier;
     noIcon?: boolean;
 }
-declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): React.JSX.Element;
 export default NavigationSignInControl;

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

@@ -1,20 +1,20 @@
-/// <reference types="react" />
+import React from "react";
 import { IconProps } from "../icon/icon";
-export declare type UserMenuItem = {
+export type UserMenuItem = {
     icon: IconProps;
     label: string;
     onClick?: () => void;
     href?: string;
     id?: string;
 };
-export declare type UserMenuItemWithSubmenu = UserMenuItem & {
+export type UserMenuItemWithSubmenu = UserMenuItem & {
     submenu?: Array<Omit<UserMenuItem, "icon">>;
 };
-export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
+export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
     isSubmenuOpen?: boolean;
 };
-declare type NavigationUserMenuItemsProps = {
+type NavigationUserMenuItemsProps = {
     items: Array<UserMenuItemWithSubmenu>;
 };
-declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
+declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
 export default NavigationUserMenuItems;

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from "react";
 import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
-export declare type UserData = {
+export type UserData = {
     name: string;
     avatar?: {
         src: string;
     };
 };
-export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
+export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
 interface NavigationUserMenuProps {
     user: UserData;
     items?: UserMenuItems;
@@ -14,5 +14,5 @@ interface NavigationUserMenuProps {
     onChangeOpen: (isOpen: boolean) => void;
     isCompact?: boolean;
 }
-declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
+declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): React.JSX.Element;
 export default NavigationUserMenu;

package/dist/components/navigation/navigation.d.ts

@@ -5,7 +5,7 @@ import NavigationMenu from "./navigation-menu";
 import { HybridNavigationLink } from "./navigation-list";
 import { UserData } from "./navigation-user-menu";
 import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
-declare type NavigationMenu = {
+type NavigationMenu = {
     id: string;
     label: React.ReactNode;
     analyticsId?: string;
@@ -17,31 +17,31 @@ declare type NavigationMenu = {
     actionRaised?: HybridNavigationLink;
     onClick?: () => void;
 };
-declare type SearchAction = {
+type SearchAction = {
     analyticsId?: string;
     onSearch: (query: string) => void;
 };
-declare type LoginAction = {
+type LoginAction = {
     analyticsId?: string;
     onLogin: () => void;
     color?: ColorSpecifier;
     noIcon?: boolean;
 };
-declare type StatsItemProps = {
+type StatsItemProps = {
     id: string;
     label: string;
     value: string;
     logo: string;
 };
-export declare type NavigationProps = {
+export type NavigationProps = {
     logo?: React.ReactNode;
     menus?: Array<NavigationMenu>;
     links?: Array<HybridNavigationLink>;
     stats?: Array<StatsItemProps>;
     cta?: ButtonProps | null;
-    cta2?: ButtonProps & {
+    cta2?: (ButtonProps & {
         targetTab?: string;
-    } | null;
+    }) | null;
     user?: UserData | null;
     login?: LoginAction | null;
     userMenu?: Array<UserMenuItemWithSubmenu>;
@@ -51,5 +51,5 @@ export declare type NavigationProps = {
     setSearchToLeft?: boolean;
     menuReverse?: boolean;
 };
-declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): React.JSX.Element;
 export default Navigation;

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

@@ -1,22 +1,22 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const NavigationDemo: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const NavigationDemo2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const NavigationDemo2SupportLink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface PartnerChartStatsProps {
     currentYearData?: Array<number>;
     totalDonation?: string;
@@ -7,5 +7,5 @@ export interface PartnerChartStatsProps {
     active?: boolean;
     className?: string;
 }
-declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
+declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => React.JSX.Element;
 export default PartnerChartStats;

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

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

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

@@ -1 +1 @@
-export { default as PartnerMonthlyDonations, } from "./partner-monthly-donations";
+export { default as PartnerMonthlyDonations } from "./partner-monthly-donations";

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface PartnerMonthlyDonationsProps {
     totalAmount?: number;
     numberOfDonations?: number;
     donationsLink?: string;
 }
-declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
+declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => React.JSX.Element;
 export default PartnerMonthlyDonations;

package/dist/components/partner-monthly-donations/partner-monthly-donations.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 PartnerMonthlyStatsStories: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 export interface PartnerMonthlyStatsProps {
     numeric?: number;
     title: string;
 }
-declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
+declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => React.JSX.Element;
 export default PartnerMonthlyStats;

package/dist/components/partner-monthly-stats/partner-monthly-stats.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 PartnerMonthlyStatsStories: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/partner-toggle-button/index.d.ts

@@ -1,2 +1,2 @@
 export { default as PartnerToggleButton } from "./partner-toggle-button";
-export { default as PartnerToggleButtonBlock, } from "./partner-toggle-button-block";
+export { default as PartnerToggleButtonBlock } from "./partner-toggle-button-block";

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface PartnerToggleButtonBlockProps {
     labelLeft: string;
     labelRight: string;
@@ -7,5 +7,5 @@ interface PartnerToggleButtonBlockProps {
     className?: string;
     isActive?: boolean;
 }
-declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => JSX.Element;
+declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => React.JSX.Element;
 export default PartnerToggleButtonBlock;

package/dist/components/partner-toggle-button/partner-toggle-button-block.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 PartnerToggleButtonBlockStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 interface PartnerToggleButtonProps {
     label: string;
     active: boolean;
     onClick: () => void;
 }
-declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => JSX.Element;
+declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => React.JSX.Element;
 export default PartnerToggleButton;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { CountryCode } from "libphonenumber-js";
-declare type PhoneNumberInputProps = {
+type PhoneNumberInputProps = {
     values: {
         number: string;
         countryCallingCode: string;
@@ -12,7 +12,7 @@ declare 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;
@@ -20,6 +20,8 @@ declare type PhoneNumberInputProps = {
     defaultCountry?: CountryCode;
     placeholder?: string;
     color?: string;
+    isDisableCountries?: boolean;
+    showCallingCode?: boolean;
 };
-declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): 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-v2.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CountryCode } from "libphonenumber-js";
-declare type PhoneInputProps = {
+type PhoneInputProps = {
     values: {
         number: string;
         countryCallingCode: string;
@@ -15,5 +15,5 @@ declare type PhoneInputProps = {
     color?: string;
     name?: string;
 };
-declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, name, }: PhoneInputProps): JSX.Element;
+declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, name, }: PhoneInputProps): React.JSX.Element;
 export default PhoneInput;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { CountryCode } from "libphonenumber-js";
-declare type PhoneNumberInputProps = {
+type PhoneNumberInputProps = {
     values: {
         number: string;
         countryCallingCode: string;
@@ -22,5 +22,5 @@ declare type PhoneNumberInputProps = {
     color?: string;
     disabled?: boolean;
 };
-declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, disabled, }: PhoneNumberInputProps): JSX.Element;
+declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, disabled, }: PhoneNumberInputProps): React.JSX.Element;
 export default PhoneNumberInput;

package/dist/components/phone-number-input/phone-number-input.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,31 +6,37 @@ declare const _default: {
 };
 export default _default;
 export declare const PhoneNumberInputStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const PhoneNumberInputDisableStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const PhoneInputStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const PhoneNumberInputV2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const PhoneNumberInputStoryV1: {
-    (): JSX.Element;
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputIsDisableCountriesStoryV1: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/popup/popup.d.ts

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

package/dist/components/popup/popup.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, }: import("./popup").CampaignCardProps) => JSX.Element;
+    component: ({ className, title, description, }: import("./popup").CampaignCardProps) => React.JSX.Element;
 };
 export default _default;
 export declare const popup: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };