freemium-ui 2.0.0-beta.42 → 2.0.0-beta.44

package/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>>;
 
@@ -793,12 +793,13 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem = De
         deleteText: string;
     };
     hideChips?: boolean;
+    hideSelectedItem?: boolean;
 }
 
 /**
  * MultiSelectDropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
  */
-declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, removeSelectedItem: rSelectedItem, defaultSelectedItems, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, hideChips, onBackSpace, }: MultiSelectDropdownProps<T>) => react__default.JSX.Element;
+declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, removeSelectedItem: rSelectedItem, defaultSelectedItems, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, hideChips, hideSelectedItem, onBackSpace, }: MultiSelectDropdownProps<T>) => react__default.JSX.Element;
 
 type DefaultProps = {
     /**
@@ -1180,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
      */
@@ -1219,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';
@@ -1551,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: {