@mycause/ui 0.18.13 → 1.0.0

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;
@@ -21,5 +21,5 @@ declare type PhoneNumberInputProps = {
     placeholder?: string;
     color?: string;
 };
-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, }: 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,31 @@ 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;
     };

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;
     };

package/dist/components/progressbar/progress-bar-circle.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface CircularProgressProps {
     percentage: number;
     strokeWidth: number;
@@ -6,5 +6,5 @@ interface CircularProgressProps {
     color: string;
     centerContent?: JSX.Element;
 }
-declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => JSX.Element;
+declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => React.JSX.Element;
 export default CircularProgress;

package/dist/components/progressbar/progressbar.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface ProgressBarProps {
     className?: string;
     completed?: number;
     barColor?: string;
 }
-declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => React.JSX.Element;
 export default ProgressBar;

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, completed, barColor, }: import("./progressbar").ProgressBarProps) => JSX.Element;
+    component: ({ className, completed, barColor, }: import("./progressbar").ProgressBarProps) => React.JSX.Element;
 };
 export default _default;
 export declare const progressbar: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const progressbarCircle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/radio/radio-group.d.ts

@@ -12,5 +12,5 @@ interface RadioGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, "wrap">
         disabled?: boolean;
     }>;
 }
-declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): JSX.Element;
+declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): React.JSX.Element;
 export default RadioGroup;

package/dist/components/radio/radio-group.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,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioGroupStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/radio/radio.d.ts

@@ -12,6 +12,8 @@ export interface RadioProps extends Omit<MDCRadioProps, "initRipple" | "color" |
     disabled?: boolean;
     name?: string;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onPointerEnterCapture?: React.PointerEventHandler;
+    onPointerLeaveCapture?: React.PointerEventHandler;
 }
-declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, ...rest }: RadioProps) => JSX.Element;
+declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, onPointerEnterCapture, onPointerLeaveCapture, ...rest }: RadioProps) => React.JSX.Element;
 export default Radio;

package/dist/components/radio/radio.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,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const RadioLabelExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const RadioDisabledExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     label?: string;
     disabled?: boolean;
@@ -20,5 +20,5 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     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;
+declare const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, outlined, ...rest }: SelectProps) => React.JSX.Element;
 export default SelectV2;

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

@@ -3,5 +3,5 @@ import { SelectHelperTextProps as MaterialSelectHelperTextProps } from "@materia
 interface SelectHelperTextProps extends Omit<MaterialSelectHelperTextProps, "ref"> {
     children?: React.ReactNode;
 }
-declare function SelectHelperText(props: SelectHelperTextProps): JSX.Element;
+declare function SelectHelperText(props: SelectHelperTextProps): React.JSX.Element;
 export default SelectHelperText;

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

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     label?: string;
     disabled?: boolean;
@@ -21,6 +21,7 @@ export interface SelectProps {
     error?: boolean | string;
     trailingIcon?: React.ReactElement;
     bgColor?: string;
+    colorError?: string;
 }
-declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, }: SelectProps) => JSX.Element;
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, error, colorError, }: SelectProps) => React.JSX.Element;
 export default SelectV2;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     label?: string;
     disabled?: boolean;
@@ -21,5 +21,5 @@ export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "
     error?: boolean | string;
     customTrailingIcon?: boolean;
 }
-declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...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) => React.JSX.Element;
 export default Select;

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

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

package/dist/components/spinner/spinner.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface SpinnerProps {
     id?: string;
     className?: string;
     style?: any;
 }
-declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => JSX.Element;
+declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => React.JSX.Element;
 export default Spinner;

package/dist/components/spinner/spinner.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,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const SpinnerStoriesDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

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

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

package/dist/components/statistics/statistics.d.ts

@@ -9,5 +9,5 @@ export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
     title: string;
     dark?: boolean;
 }
-declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): JSX.Element;
+declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): React.JSX.Element;
 export default Statistics;

package/dist/components/statistics/statistics.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,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const StatisticsStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -4,5 +4,5 @@ interface SwitchV2Props {
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
     color?: string;
 }
-declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
+declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => React.JSX.Element;
 export default SwitchV2;

package/dist/components/switch/switch.d.ts

@@ -10,5 +10,5 @@ export interface SwitchProps extends Omit<MDCSwitchProps, "ref" | "color"> {
     disabled?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
-declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => JSX.Element;
+declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => React.JSX.Element;
 export default Switch;

package/dist/components/switch/switch.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,25 +6,25 @@ declare const _default: {
 };
 export default _default;
 export declare const SwitchDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SwitchWithLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SwitchDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SwitchV2Story: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,7 +1,7 @@
 import React from "react";
-export declare type ColumnTableProps = {
+export type ColumnTableProps = {
     key: string;
-    label: string;
+    label: string | React.ReactNode;
     align: "center" | "left" | "right";
     rowPrefixIcon?: string;
     renderCell: (item: any) => React.ReactNode;
@@ -12,6 +12,8 @@ export interface PartnerMonthlyTableProps {
     title?: string;
     tooltip?: string;
     customBottomRow?: React.ReactNode;
+    onClickRow?: (item: any, rowIndex: number) => void;
+    getBackgroundRow?: (item: any, rowIndex: number) => string;
 }
-declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, }: PartnerMonthlyTableProps) => JSX.Element;
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, onClickRow, getBackgroundRow, }: PartnerMonthlyTableProps) => React.JSX.Element;
 export default PartnerMonthlyTable;

package/dist/components/table/partner-monthly-table.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 PartnerMonthlyTableStories: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const PartnerMonthlyTableStories2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -14,5 +14,5 @@ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndex
     isCompactHeight?: boolean;
     isDark?: boolean;
 }
-declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): React.JSX.Element;
 export default NavTabs;

package/dist/components/tabs/tab-text-label.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface TabTextLabelProps {
     children?: React.ReactNode;
 }
-declare function TabTextLabel({ children }: TabTextLabelProps): JSX.Element;
+declare function TabTextLabel({ children }: TabTextLabelProps): React.JSX.Element;
 export default TabTextLabel;

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

@@ -13,5 +13,5 @@ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndex
     onActiveUpdate: (key: string) => void;
     isCompactHeight?: boolean;
 }
-declare function Tabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, ...props }: TabsProps): JSX.Element;
+declare function Tabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, ...props }: TabsProps): React.JSX.Element;
 export default Tabs;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 import "./tabs.scss";
 declare const _default: {
@@ -7,7 +7,7 @@ declare const _default: {
 };
 export default _default;
 export declare const tabs: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };