@mycause/ui 0.0.0-c1005b3e → 0.0.0-c10d3ebf

package/CHANGELOG.md

@@ -1,3 +1,96 @@
+## 0.18.14
+
+###### Tue, 16 Jul 2024
+
+- Select V2: update error
+- Table: add onClickRow prop and getBackgroundRow prop
+
+###### Mon, 08 Jul 2024
+
+- React date: Handle outside range date
+
+## 0.18.11
+
+###### Wed, 12 Jun 2024
+
+- Create inputSocial
+- Create switchV2
+
+## 0.18.10
+
+###### Mon, 03 Jun 2024
+
+- Update transaction card.
+
+## 0.18.9
+
+###### Tue, 16 Apr 2024
+
+- CustomHeaderSingleDatePicker
+  - custom single date picker with header select month, year
+- Create select v2
+
+## 0.18.8
+
+###### Fri, 15 Mar 2024
+
+- MyAccountStartFundraiseCard
+  - Add new button
+
+## 0.18.7
+
+###### Tus, 4 Feb 2024
+
+- Phone number input, Enhanced Select
+  - create new component
+
+## 0.18.6
+
+###### Tus, 4 Feb 2024
+
+- Phone number input
+  - add disabled prop
+
+## 0.18.5
+
+###### Mon, 26 Feb 2024
+
+- Input, Toast, Phone number input V2
+  - create new component
+- Select
+  - Add asteriskColor, customTrailingIcon and onEnhancedChange props
+
+## 0.18.3
+
+###### Tues, 23 Jan 2024
+
+- Update stats block
+
+## 0.18.2
+
+###### Mon, 22 Jan 2024
+
+- Add new components for My Account:
+  - Sidebar
+  - Stats blocks
+  - Progressbar
+  - FRP preview card
+  - FRP closed card
+  - Favorite charities card
+
+## 0.18.1
+
+###### Wed, 23 Aug 2023
+
+- Create modal show image
+
+## 0.18.0
+
+###### Wed, 23 Aug 2023
+
+- Nav
+- Add props for login button under "I'm A Charity" menu
+
 ## 0.17.9
 
 - Update UI component for new parter dashboard

package/dist/components/credit-card-form/CreditCardForm.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type FormValuesProps = {
+    number: string;
+    name: string;
+    expiry: string;
+    cvc: string;
+};
+declare type CreditCardFormProps = {
+    formValues: FormValuesProps;
+    setFormValues: (values: FormValuesProps) => void;
+};
+declare function CreditCardForm({ formValues, setFormValues }: CreditCardFormProps): JSX.Element;
+export default CreditCardForm;

package/dist/components/credit-card-form/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Icons: {
+    close: (props: any) => JSX.Element;
+    error: (props: any) => JSX.Element;
+    warning: () => JSX.Element;
+};
+export default Icons;

package/dist/components/{line-chart/partner-line-chart-block.stories.d.ts → credit-card-form/credit-card.stories.d.ts}

@@ -4,7 +4,7 @@ declare const _default: {
     decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const PartnertLineChartStories: {
+export declare const SwitchDefault: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/credit-card-form/index.d.ts

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

package/dist/components/credit-card-form/toast.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 SwitchDefault: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/date-picker/date-picker.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import "react-dates/initialize";
 import CenterDecorator from "../../utils/center-decorator";
+import "moment-timezone";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
@@ -30,3 +31,9 @@ export declare const SingleDatePickerStory: {
         name: string;
     };
 };
+export declare const SingleDatePickerCustomHeaderStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/date-picker/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DatePicker } from "./date-picker";
 export { default as SingleDatePicker } from "./single-date-picker";
+export { default as CustomHeaderSingleDatePicker, } from "./single-date-picker-custom-header";

package/dist/components/date-picker/single-date-picker-custom-header.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { Moment } from "moment";
+export interface DatePickerProps {
+    id: string;
+    date: Moment | null;
+    onDateChange: (date: Moment | null) => void;
+    onFocusChange: (arg: boolean | null) => void;
+    focused: boolean | null;
+    placeholder?: string;
+    disabled?: boolean;
+    color?: string;
+    required?: boolean;
+    numberOfMonths?: number;
+    inputIconPosition?: "before" | "after";
+    orientation?: "horizontal" | "vertical";
+    customInputIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    customCloseIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    displayFormat?: string;
+    error?: boolean;
+    label?: string;
+    width?: string;
+    isOutsideRange?: (day: any) => boolean;
+    renderCalendarInfo?: () => string | JSX.Element;
+    calendarInfoPosition?: "before" | "after" | "top" | "bottom";
+    navPrev?: string | JSX.Element;
+    navNext?: string | JSX.Element;
+    showDefaultInputIcon?: boolean;
+    startYear?: number;
+    endYear?: number;
+}
+declare const CustomHeaderSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, startYear, endYear, ...rest }: DatePickerProps) => JSX.Element;
+export default CustomHeaderSingleDatePicker;

package/dist/components/date-picker/single-date-picker.d.ts

@@ -19,7 +19,8 @@ export interface DatePickerProps {
     error?: boolean;
     label?: string;
     width?: string;
-    isOutsideRange?: () => boolean;
+    isOutsideRange?: (day: any) => boolean;
+    showDefaultInputIcon?: boolean;
 }
 declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, ...rest }: DatePickerProps) => JSX.Element;
 export default CustomSingleDatePicker;

package/dist/components/index.d.ts

@@ -47,12 +47,8 @@ export * from "./partner-chart-stats";
 export * from "./this-month-card";
 export * from "./partner-toggle-button";
 export * from "./footerV2";
-export * from "./partner-monthly-donations";
-export * from "./partner-monthly-stats";
-export * from "./table";
-export * from "./partner-chart-stats";
-export * from "./this-month-card";
-export * from "./partner-toggle-button";
+export * from "./input";
+export * from "./toast";
 export * from "./my-account-start-fundraise-card";
 export * from "./my-account-choose-charity-card";
 export * from "./favorite-charity-item";
@@ -60,5 +56,6 @@ 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";
 export * from "./my-account-frp-closed";
+export * from "./transaction-card";
+export * from "./input-social";

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

@@ -1,11 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 interface InputDefaltProps {
-    lable?: string;
+    label?: string | React.ReactNode;
     required?: boolean;
     placeholder?: string;
-    onChange: (value: string) => void;
-    value: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
     error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
 }
-declare const Input: ({ lable, required, placeholder, value, onChange, error, }: InputDefaltProps) => JSX.Element;
+declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => JSX.Element;
 export default Input;

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

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

package/dist/components/{my-account-frp-archive/Icon.d.ts → input-social/Icons.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const Icons: {
-    arrowNext: () => JSX.Element;
+    facebook: (props: any) => JSX.Element;
 };
 export default Icons;

package/dist/components/input-social/InputSocial.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface InputSocialProps {
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
+    error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
+    icon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+}
+declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => JSX.Element;
+export default InputSocial;

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

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

package/dist/components/{green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts → input-social/input-social.stories.d.ts}

@@ -4,7 +4,7 @@ declare const _default: {
     decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const popup: {
+export declare const InputExample: {
     (): JSX.Element;
     story: {
         name: string;

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

@@ -29,13 +29,13 @@ export declare const ModalStoriesMinimal: {
         name: string;
     };
 };
-export declare const ModalStoriesImage: {
+export declare const ModalConfirmation: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ModalConfirmation: {
+export declare const ModalStoriesImage: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/my-account-frp-closed/frp-closed-img.d.ts

@@ -3,6 +3,7 @@ export interface FrpClosedImgProps {
     img?: string;
     link?: string;
     title?: string;
+    frpColor?: string;
 }
-declare const FrpClosedImg: ({ img, link, title }: FrpClosedImgProps) => JSX.Element;
+declare const FrpClosedImg: ({ img, link, title, frpColor }: FrpClosedImgProps) => JSX.Element;
 export default FrpClosedImg;

package/dist/components/my-account-frp-closed/frp-information.d.ts

@@ -1,10 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 interface FrpInfomationProps {
     donations: number;
     amountRaised: number;
-    amountGoal: number;
+    amountGoal: number | null;
     sqSize: number;
     strokeWidth: number;
+    closedDate?: string | undefined;
+    customRow?: React.ReactNode;
+    manageLink?: string;
 }
-declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, manageLink, }: FrpInfomationProps) => JSX.Element;
 export default FrpInfomation;

package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts

@@ -1,13 +1,17 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountFrpClosedProps {
     img?: string;
     link?: string;
     title?: string;
     donations: number;
     amountRaised: number;
-    amountGoal: number;
+    amountGoal: number | null;
     sqSize: number;
     strokeWidth: number;
+    frpColor?: string;
+    closedDate?: string;
+    customRow?: React.ReactNode;
+    manageLink?: string;
 }
-declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, }: MyAccountFrpClosedProps) => JSX.Element;
+declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, customRow, manageLink, }: MyAccountFrpClosedProps) => JSX.Element;
 export default MyAccountFrpClosed;

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

@@ -3,6 +3,7 @@ export interface FrpPreviewImgProps {
     img?: string;
     link?: string;
     title?: string;
+    frpColor?: string;
 }
-declare const FrpPreviewImg: ({ img, link, title }: FrpPreviewImgProps) => JSX.Element;
+declare const FrpPreviewImg: ({ img, link, title, frpColor }: FrpPreviewImgProps) => JSX.Element;
 export default FrpPreviewImg;

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

@@ -11,6 +11,7 @@ export interface MyAccountFrpPreviewProps {
     sqSize: number;
     strokeWidth: number;
     manageLink?: string;
+    frpColor?: string;
 }
-declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, }: MyAccountFrpPreviewProps) => JSX.Element;
+declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, frpColor, }: MyAccountFrpPreviewProps) => JSX.Element;
 export default MyAccountFrpPreview;

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

@@ -7,6 +7,8 @@ declare const Icons: {
     account: () => JSX.Element;
     support: () => JSX.Element;
     additional: () => JSX.Element;
+    minus: () => JSX.Element;
+    dot: () => JSX.Element;
     menu: () => JSX.Element;
     close: () => JSX.Element;
 };

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

@@ -2,16 +2,18 @@
 export interface MyAccountSidebarProps {
     listMenu: Array<ItemMenu>;
     dashboard: ItemMenu;
-    account?: ItemMenu;
+    account: ItemMenu;
     contract?: ItemMenu;
     handleSetOverlay: (value: boolean) => void;
     activeMenu: ItemMenu;
+    pathnameActive?: string;
 }
 declare type ItemMenu = {
     id: string;
-    icon: any;
+    icon?: any;
     label: string;
     href?: string;
+    items?: Array<ItemMenu>;
 };
-declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, }: MyAccountSidebarProps) => JSX.Element;
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, pathnameActive, }: MyAccountSidebarProps) => JSX.Element;
 export default MyAccountSidebar;

package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts

@@ -3,9 +3,11 @@ export interface MyAccountStartFundraiseCardProps {
     className?: string;
     title?: string;
     description?: string;
-    buttonText?: string;
-    onClick?: () => void;
+    buttonText1?: string;
+    buttonText2?: string;
+    onClickButton1?: () => void;
+    onClickButton2?: () => void;
     width: string;
 }
-declare const MyAccountStartFundraiseCard: ({ className, title, buttonText, onClick, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
+declare const MyAccountStartFundraiseCard: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
 export default MyAccountStartFundraiseCard;

package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => JSX.Element;
+    component: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => JSX.Element;
 };
 export default _default;
 export declare const startFundraiseStory: {
@@ -12,3 +12,9 @@ export declare const startFundraiseStory: {
         name: string;
     };
 };
+export declare const startFundraiseStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -8,6 +8,7 @@ export declare type NavigationExpandedCharityProps = {
     className?: string;
     action: HybridNavigationLink | null;
     actionRaised?: HybridNavigationLink | null;
+    loginRaised?: HybridNavigationLink | null;
 };
-declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
+declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, loginRaised, }: NavigationExpandedCharityProps): JSX.Element;
 export default NavigationExpandedCharity;

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

@@ -2,6 +2,7 @@ import React from "react";
 import { ColorSpecifier } from "../../theme/theme";
 import { ButtonProps } from "../button/button";
 import { UserData } from "./nav-user-menu";
+import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
 declare type LoginAction = {
     analyticsId?: string;
     onLogin: () => void;
@@ -15,6 +16,7 @@ export declare type NavigationProps = {
     login?: LoginAction | null;
     isSticky?: boolean;
     menuReverse?: boolean;
+    userMenu?: Array<UserMenuItemWithSubmenu>;
 };
-declare function Navigation({ logo, cta, user, login, isSticky }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, cta, user, login, isSticky, userMenu, }: NavigationProps): JSX.Element;
 export default Navigation;

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

@@ -15,6 +15,7 @@ declare type NavigationMenu = {
     }>;
     action?: HybridNavigationLink;
     actionRaised?: HybridNavigationLink;
+    loginRaised?: HybridNavigationLink | null;
     onClick?: () => void;
 };
 declare type SearchAction = {

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

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

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

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

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

@@ -13,6 +13,7 @@ declare type PhoneInputProps = {
     defaultCountry?: CountryCode;
     placeholder?: string;
     color?: string;
+    name?: string;
 };
-declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, }: PhoneInputProps): JSX.Element;
+declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, name, }: PhoneInputProps): JSX.Element;
 export default PhoneInput;

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

@@ -20,6 +20,7 @@ declare type PhoneNumberInputProps = {
     defaultCountry?: CountryCode;
     placeholder?: string;
     color?: string;
+    disabled?: boolean;
 };
-declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
+declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, disabled, }: PhoneNumberInputProps): JSX.Element;
 export default PhoneNumberInput;

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

@@ -11,6 +11,12 @@ export declare const PhoneNumberInputStory: {
         name: string;
     };
 };
+export declare const PhoneNumberInputDisableStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
 export declare const PhoneInputStory: {
     (): JSX.Element;
     story: {
@@ -23,3 +29,9 @@ export declare const PhoneNumberInputV2: {
         name: string;
     };
 };
+export declare const PhoneNumberInputStoryV1: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,2 +1,4 @@
 export { default as Select } from "./select";
+export { default as SelectEnhanced } from "./select-enhanced";
 export { default as SelectHelperText } from "./select-helper-text";
+export { default as SelectV2 } from "./select-v2";

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
+    label?: string;
+    value: string;
+    onChange: (value: any) => void;
+    externalLabel?: boolean;
+    large?: boolean;
+    options: Array<string> | Array<SelectOption>;
+    leadingIcon?: React.ReactElement;
+    helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
+    isHelperTextPersistent?: boolean;
+    noArrow?: boolean;
+    color?: string;
+    error?: boolean | string;
+    outlined?: boolean;
+}
+declare const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, outlined, ...rest }: SelectProps) => JSX.Element;
+export default SelectV2;

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

@@ -0,0 +1,27 @@
+import React from "react";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    label?: string;
+    value: string | number;
+    onChange: (value: string) => void;
+    externalLabel?: boolean;
+    large?: boolean;
+    options: Array<SelectOption>;
+    leadingIcon?: React.ReactElement;
+    helperText?: string | null;
+    isHelperTextPersistent?: boolean;
+    noArrow?: boolean;
+    color?: string;
+    asteriskColor?: string;
+    itemHoverColor?: string;
+    error?: boolean | string;
+    trailingIcon?: React.ReactElement;
+    bgColor?: string;
+    colorError?: string;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, error, colorError, }: SelectProps) => JSX.Element;
+export default SelectV2;

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

@@ -5,7 +5,7 @@ export declare type SelectOption = {
     label?: string;
     disabled?: boolean;
 };
-export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
+export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
     label?: string;
     value: string;
     onChange: (e: React.FormEvent) => void;