@mycause/ui 0.0.0-c957a5ae → 0.0.0-c997babb

package/dist/components/favorite-charity-item/favorite-charity-item.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface FavoriteCharityItemProps {
     className?: string;
     index?: number;
@@ -9,7 +9,7 @@ export interface FavoriteCharityItemProps {
     handleClickItem?: () => void;
     showHeartToggle?: boolean;
     charityTextLink?: string;
-    width: string;
+    width?: string;
 }
-declare const FavoriteCharityItem: ({ className, index, charityLogoLink, charityName, charityFavorites, handleClick, handleClickItem, showHeartToggle, charityTextLink, width, }: FavoriteCharityItemProps) => JSX.Element;
+declare const FavoriteCharityItem: React.FC<FavoriteCharityItemProps>;
 export default FavoriteCharityItem;

package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, index, charityLogoLink, charityName, charityFavorites, handleClick, handleClickItem, showHeartToggle, charityTextLink, width, }: import("./favorite-charity-item").FavoriteCharityItemProps) => JSX.Element;
+    component: React.FunctionComponent<import("./favorite-charity-item").FavoriteCharityItemProps>;
 };
 export default _default;
 export declare const favoriteCharityItemStory1: {

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

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

package/dist/components/index.d.ts

@@ -60,3 +60,4 @@ export * from "./my-account-sidebar";
 export * from "./my-account-frp-preview";
 export * from "./my-account-stats-donated";
 export * from "./my-account-stats-raised";
+export * from "./input";

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

@@ -3,6 +3,9 @@ interface InputDefaltProps {
     lable?: string;
     required?: boolean;
     placeholder?: string;
+    onChange: (value: string) => void;
+    value: string;
+    error?: string | null | boolean;
 }
-declare const Input: ({ lable, required, placeholder }: InputDefaltProps) => JSX.Element;
+declare const Input: ({ lable, required, placeholder, value, onChange, error, }: InputDefaltProps) => JSX.Element;
 export default Input;

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

@@ -1 +1 @@
-export { default as HorizontalBar } from "./InputDefault";
+export { default as Input } from "./InputDefault";

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

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

package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts

@@ -10,6 +10,12 @@ export declare const MyAccountFrpPreviewStory: {
         name: string;
     };
 };
+export declare const MyAccountFrpPreviewStoryV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
 export declare const MyAccountFrpPreviewStoryV2: {
     (): JSX.Element;
     story: {

package/dist/components/my-account-sidebar/Icon.d.ts

@@ -7,5 +7,7 @@ declare const Icons: {
     account: () => JSX.Element;
     support: () => JSX.Element;
     additional: () => JSX.Element;
+    menu: () => JSX.Element;
+    close: () => JSX.Element;
 };
 export default Icons;

package/dist/components/my-account-sidebar/my-account-sidebar.d.ts

@@ -4,6 +4,7 @@ export interface MyAccountSidebarProps {
     dashboard: ItemMenu;
     account?: ItemMenu;
     contract?: ItemMenu;
+    handleSetOverlay: (value: boolean) => void;
 }
 declare type ItemMenu = {
     id: string;
@@ -11,5 +12,5 @@ declare type ItemMenu = {
     label: string;
     href?: string;
 };
-declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, }: MyAccountSidebarProps) => JSX.Element;
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, }: MyAccountSidebarProps) => JSX.Element;
 export default MyAccountSidebar;

package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export interface MyAccountStatsDonatedProps {
-    number: number;
+    amount: number;
     donations: number;
-    campaigns: number;
+    viewDonationLink?: string;
 }
-declare const MyAccountStatsDonated: ({ number, donations, }: MyAccountStatsDonatedProps) => JSX.Element;
+declare const MyAccountStatsDonated: ({ amount, donations, viewDonationLink, }: MyAccountStatsDonatedProps) => JSX.Element;
 export default MyAccountStatsDonated;

package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export interface MyAccountStatsRaisedProps {
-    number: number;
+    amount: number;
     donations: number;
     campaigns: number;
 }
-declare const MyAccountStatsRaised: ({ number, donations, campaigns, }: MyAccountStatsRaisedProps) => JSX.Element;
+declare const MyAccountStatsRaised: ({ amount, donations, campaigns, }: MyAccountStatsRaisedProps) => JSX.Element;
 export default MyAccountStatsRaised;

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

@@ -1,2 +1,3 @@
 export { default as PhoneNumberInput } from "./phone-number-input";
+export { default as PhoneInput } from "./phone-number-input-v2";
 export * from "./util";

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { CountryCode } from "libphonenumber-js";
+declare type PhoneInputProps = {
+    values: {
+        number: string;
+        countryCallingCode: string;
+        country: string;
+    };
+    onChange: (value: string, name: string) => void;
+    label?: React.ReactNode;
+    error?: string | null;
+    required?: boolean;
+    defaultCountry?: CountryCode;
+    placeholder?: string;
+    color?: string;
+};
+declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, }: PhoneInputProps): JSX.Element;
+export default PhoneInput;

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

@@ -11,3 +11,15 @@ export declare const PhoneNumberInputStory: {
         name: string;
     };
 };
+export declare const PhoneInputStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -17,7 +17,9 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     isHelperTextPersistent?: boolean;
     noArrow?: boolean;
     color?: string;
+    asteriskColor?: string;
     error?: boolean | string;
+    customTrailingIcon?: boolean;
 }
-declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
+declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => JSX.Element;
 export default Select;