freemium-ui 2.0.0-beta.41 → 2.0.0-beta.43

package/{dist/index.d.ts → index.d.ts}

@@ -100,7 +100,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.
  */
-declare const Button: ({ size, variant, children, loading, inline, ...props }: ButtonProps) => react__default.JSX.Element;
+declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
 
 interface ButtonDropdownItemProps {
     id: string;
@@ -353,8 +353,8 @@ type DefaultDropdownItem = {
 };
 type StyledListItemType = {
     readOnly?: boolean;
-    isSelected?: boolean;
-    isHilighted?: boolean;
+    $isSelected?: boolean;
+    $isHilighted?: boolean;
 };
 type DropdownInputItemProps = React.LiHTMLAttributes<HTMLLIElement> & StyledListItemType & {
     key: string;
@@ -491,17 +491,17 @@ declare const Item: react__default.ForwardRefExoticComponent<Select.SelectItemPr
     showTick: boolean;
 } & react__default.RefAttributes<HTMLDivElement>>;
 
-declare const ChevronUp: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const ChevronUp: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const Cross: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const Cross: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const TickIcon: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const TickIcon: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const Warning: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const Warning: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const Minus: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const Minus: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const MoreVertical: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const MoreVertical: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
 interface CommonProps {
     /**
@@ -643,7 +643,7 @@ declare const Menu: <T extends DefaultMenuItemProps>(props: MenuProps<T>) => rea
 declare const DropdownMenuItem: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
 }, {
-    isSelected?: boolean | undefined;
+    $isSelected?: boolean | undefined;
     disabled?: boolean | undefined;
 }>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
 
@@ -1181,7 +1181,7 @@ type TabsProps<T extends TabsItemProps = TabsItemProps> = {
  */
 declare const Tabs: ({ options, idAccessor, nameAccessor, onChange, defaultValue, renderTabsContent, value, }: TabsProps) => react__default.JSX.Element;
 
-interface TagProps {
+interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
      * State of the tag
      */
@@ -1220,7 +1220,7 @@ interface TagProps {
 /**
  * Tag component is used to show a tag to the user. It is used to show a label or a category
  */
-declare const Tag: ({ children, iconProps, onClose, showBorder, avatarImgAlt, avatarImgSrc, avatarText, style, state, }: TagProps) => react__default.JSX.Element;
+declare const Tag: react__default.ForwardRefExoticComponent<TagProps & react__default.RefAttributes<HTMLSpanElement>>;
 
 type TypographyWeightType = 'regular' | 'bold' | 'semi-bold';
 type TypographyVariantType = 'primary' | 'secondary' | 'heading' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'caption';
@@ -1341,6 +1341,19 @@ interface ZIndex {
     snackbar: number;
     tooltip: number;
 }
+interface FreemiumUiButtonTheme {
+    backgroundFrom: string;
+    backgroundTo: string;
+    color: string;
+    disabledColor: string;
+    activeBackgroundColor: string;
+    hoverColor: string;
+    borderColor: string;
+    activeBorderColor: string;
+    disabledBorderColor: string;
+    disabledBackgroundFrom: string;
+    disabledBackgroundTo: string;
+}
 interface FreemiumUiTheme {
     mode: 'light' | 'dark';
     breakpoints: Breakpoints;
@@ -1349,7 +1362,14 @@ interface FreemiumUiTheme {
     shadows?: string[] | null;
     transitions: Transitions;
     zIndex: ZIndex;
-    components: any;
+    components: {
+        button: {
+            primary: FreemiumUiButtonTheme;
+            secondary: FreemiumUiButtonTheme;
+            danger: FreemiumUiButtonTheme;
+            link: FreemiumUiButtonTheme;
+        };
+    };
 }
 
 type ThemeProviderType<Theme> = React.ComponentType<{
@@ -1532,7 +1552,7 @@ declare const Transition: (props: TransitionProps) => react__default.JSX.Element
 /**
  * Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.
  */
-declare const Typography: ({ children, style, variant, weight, }: TypographyProps) => react__default.JSX.Element;
+declare const Typography: react__default.ForwardRefExoticComponent<TypographyProps & react__default.RefAttributes<HTMLSpanElement>>;
 
 type FreshworksPalette = {
     primary: {
@@ -1652,13 +1672,15 @@ declare const slideRightAndFade: () => styled_components.RuleSet<object>;
 declare const slideDownAndFade: () => styled_components.RuleSet<object>;
 declare const slideLeftAndFade: () => styled_components.RuleSet<object>;
 
+declare const hextoRGB: (hex: string, alpha?: number) => string;
 declare const light: FreemiumUiTheme;
 declare const dark: FreemiumUiTheme;
 
 declare const index_d_dark: typeof dark;
+declare const index_d_hextoRGB: typeof hextoRGB;
 declare const index_d_light: typeof light;
 declare namespace index_d {
-  export { index_d_dark as dark, index_d_light as light };
+  export { index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
 }
 
 export { Alert, type AlertProps, type BaseProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, Fade, type FadeProps, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowData, Slide, SlideFade, type SlideFadeProps, type SlidePlacement, type SlideProps, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, Transition, type TransitionProps, type TransitionStyleState, type TransitionStyles, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, basicHide, basicShow, contentHide, contentShow, slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade, useToasts };