@mycause/ui 0.0.0-cf96d552 → 0.0.0-cfb95594

package/dist/components/campaign-of-month/campaign-of-month.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface CampaignOfMonthProps {
     className?: string;
     title?: string;
@@ -7,6 +7,8 @@ export interface CampaignOfMonthProps {
     rised?: number;
     donation?: number;
     goal?: number;
+    btnText?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
-declare const CampaignOfMonth: ({ className, title, description, imageUrl, rised, donation, goal, }: CampaignOfMonthProps) => JSX.Element;
+declare const CampaignOfMonth: ({ className, title, description, imageUrl, rised, donation, goal, btnText, onClick, }: CampaignOfMonthProps) => JSX.Element;
 export default CampaignOfMonth;

package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, imageUrl, rised, donation, goal, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
+    component: ({ className, title, description, imageUrl, rised, donation, goal, btnText, onClick, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
 };
 export default _default;
 export declare const campaignofmonth: {

package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface DonationCampaignFormProps {
+    id?: string;
+}
+declare const DonationFormV2: ({ id }: DonationCampaignFormProps) => JSX.Element;
+export default DonationFormV2;

package/dist/components/donation-form/donation-form.stories.d.ts

@@ -10,3 +10,9 @@ export declare const DonationFormStories: {
         name: string;
     };
 };
+export declare const DonationCampaignFormStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/donation-form/index.d.ts

@@ -1 +1,2 @@
 export { default as DonationForm } from "./donation-form";
+export { default as DonationFormV2 } from "./donation-form-v2/donation-form-v2";

package/dist/components/featured-campaign-card/featured-campaign-card.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface FeaturedCampaignCardProps {
+    className?: string;
+    imageURL?: string;
+    title?: string;
+    description?: string;
+    completed?: number;
+    width?: number;
+    donation?: number;
+    raised?: number;
+    goal?: number;
+    onClick: () => void;
+    fundraisingText: string;
+}
+declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, fundraisingText, }: FeaturedCampaignCardProps) => JSX.Element;
+export default FeaturedCampaignCard;

package/dist/components/{featured-campain-card /featured-campain-card .stories.d.ts → featured-campaign-card/featured-campaign-card.stories.d.ts}

@@ -3,10 +3,10 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, imageURL, title, donation, raised, goal, completed, width, }: import("./featured-campain-card").FeaturedCampainCardProps) => JSX.Element;
+    component: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, fundraisingText, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
 };
 export default _default;
-export declare const featuredcampaincard: {
+export declare const featuredcampaigncard: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/index.d.ts

@@ -28,3 +28,14 @@ export * from "./tabs";
 export * from "./text-field";
 export * from "./text";
 export * from "./uploader";
+export * from "./campaign-card";
+export * from "./campaign-of-month";
+export * from "./charity-card";
+export * from "./donate-card";
+export * from "./featured-campaign-card";
+export * from "./fundraising-section";
+export * from "./hero-banner";
+export * from "./horizontalbar";
+export * from "./progressbar";
+export * from "./start-campaign-card";
+export * from "./nav";

package/dist/components/info-procurator-campaign/index.d.ts

@@ -0,0 +1 @@
+export { default as InfoInsteadCampaign } from "./info-procurator-campaign";

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface DonationCampaignFormProps {
+    id?: string;
+}
+declare const InfoProcuratorCampaign: ({ id }: DonationCampaignFormProps) => JSX.Element;
+export default InfoProcuratorCampaign;

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

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

package/dist/components/logo/logo-type.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 export declare type LogoTypeProps = {
     size?: "large";
+    isDark?: boolean;
 };
 /**
  * A dummy mycause logo
  */
-declare function LogoType({ size }: LogoTypeProps): JSX.Element;
+declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
 export default LogoType;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { HybridNavigationLink } from "./nav-list";
+export declare type NavigationExpandedCharityProps = {
+    links?: Array<HybridNavigationLink>;
+    children?: React.ReactNode;
+    banner?: React.ReactNode;
+    onRequestClose: () => void;
+    className?: string;
+    action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
+};
+declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
+export default NavigationExpandedCharity;

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

@@ -6,6 +6,9 @@ export declare type NavigationExpandedProps = {
     banner?: React.ReactNode;
     onRequestClose: () => void;
     className?: string;
+    action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
+    isSubMenu?: boolean;
 };
-declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): JSX.Element;
+declare function NavigationExpanded({ links, children, onRequestClose, className, banner, action, actionRaised, isSubMenu, }: NavigationExpandedProps): JSX.Element;
 export default NavigationExpanded;

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

@@ -2,6 +2,7 @@ import React from "react";
 export declare type HrefNavigationLink = {
     href: string;
     label: React.ReactNode;
+    subLabel: string;
     analyticsId?: string;
     icon?: string;
 };
@@ -9,6 +10,7 @@ export declare type ClickNavigationLink = {
     onClick?: () => void;
     id: string;
     label: React.ReactNode;
+    subLabel: string;
     more?: boolean;
     analyticsId?: string;
     icon?: string;

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

@@ -2,6 +2,7 @@ import React from "react";
 interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
     isMenuOpen: boolean;
     onChangeMenuOpen: (isOpen: boolean) => void;
+    isDark?: boolean;
 }
-declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
+declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): JSX.Element;
 export default NavigationMenuControl;

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

@@ -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, active, onClickItem, }: NavigationMenuProps): JSX.Element;
 export default NavigationMenu;

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

@@ -2,6 +2,7 @@
 interface NavigationSearchControlProps {
     onChangeSearchOpen: (isOpen: boolean) => void;
     analyticsId?: string;
+    isDark?: boolean;
 }
-declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
 export default NavigationSearchControl;

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

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

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

@@ -50,6 +50,7 @@ export declare type NavigationProps = {
     isCompactHeight?: boolean;
     setSearchToLeft?: boolean;
     menuReverse?: boolean;
+    isDark?: 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, isDark, }: NavigationProps): JSX.Element;
 export default Navigation;

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { TabBarProps } from "./tab-bar";
+import { TabProps } from "./tab";
+interface TabOptions extends Omit<TabProps, "children" | "label"> {
+    key: string;
+    label: React.ReactNode;
+}
+interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
+    tabs: Array<TabOptions & {
+        hidden?: boolean;
+    }>;
+    active?: string | null;
+    onActiveUpdate: (key: string) => void;
+    isCompactHeight?: boolean;
+    isDark?: boolean;
+}
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
+export default NavTabs;