@fattureincloud/fic-design-system 0.4.28 → 0.4.30

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Changelog
 
+## v0.4.30 - 29/09/2022
+
+### 🚀 Added
+
+- Tabs badge
+- Table actionsHeader
+
+### 🐛 Bug Fix
+
+- Table text selection restored
+
+## v0.4.29 - 14/09/2022
+
+### 💥 Breaking
+
+- Progressbar renamed ProgressBar
+
+### 🚀 Added
+
+- Chip leftIcon
+- Badge palette
+- Chip palette
+- Tip palette
+- FloatingBadgeType and FloatingBadge palette
+- ProgressBar palette
+- Banner palette
+- NotificationBadge
+
+### 🐛 Bug Fix
+
+- Label mandatory icon space fix
+- SidebarItem fix
+
+### 💅 Enhancement
+
+- Chip refactor
+- Pagination refactor
+
 ## v0.4.28 - 13/09/2022
 
 ### 🐛 Bug Fix

package/dist/components/badge/Badge.d.ts

@@ -1,3 +1,13 @@
 /// <reference types="react" />
-import { BadgeProps } from './types';
+import { BadgeProps } from './';
+/**
+ * Component Props:
+ * @param {ReactText} text Component main content
+ * @param {BadgeType} type Used to set the badge variant (standard, error, info, warning, success)
+ * @param {string} className Used to apply custom classes
+ * @param {string} imageUrl Avatar image
+ * @param {IconProps} leftIcon Configuration of the left icon
+ * @param {IconProps} rightIcon Configuration of the right icon
+ * @param {function} handleRightIconClick Callback called on right icon click
+ */
 export declare const Badge: (props: BadgeProps) => JSX.Element;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { Meta } from '@storybook/react';
-import { BadgeProps } from './types';
+import { Meta, Story } from '@storybook/react';
+import { BadgeProps } from './';
+export declare const Template: Story<BadgeProps>;
 export declare const Normal: () => JSX.Element;
 export declare const Advanced: () => JSX.Element;
 declare const BadgeStories: Meta<BadgeProps>;

package/dist/components/badge/badgePalette.d.ts

@@ -0,0 +1,3 @@
+import { BadgePalette } from './';
+declare const badgePalette: BadgePalette;
+export default badgePalette;

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

@@ -1,3 +1,3 @@
-import { Badge } from './Badge';
-import { BadgeProps } from './types';
-export { Badge, BadgeProps };
+export { Badge } from './Badge';
+export { default as badgePalette } from './badgePalette';
+export { BadgeProps, BadgePalette, BadgeType } from './types';

package/dist/components/badge/types.d.ts

@@ -1,10 +1,26 @@
 import { ReactText } from 'react';
+import { paletteColor } from '../..';
 import { IconProps } from '../icon';
 export interface BadgeProps {
     text?: ReactText;
-    color?: 'red' | 'green';
+    type?: BadgeType;
+    className?: string;
     imageUrl?: string;
     leftIcon?: IconProps;
     rightIcon?: IconProps;
     handleRightIconClick?: () => void;
 }
+export declare enum BadgeType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success"
+}
+export declare type BadgeParams = 'color' | 'backgroundColor';
+export declare type BadgeParts = {
+    [key in BadgeParams]: paletteColor;
+};
+export declare type BadgePalette = {
+    [key in BadgeType]: BadgeParts;
+};

package/dist/components/banner/Banner.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-import { IconProps } from '../icon';
-export declare type bannerColorType = 'red' | 'blue' | 'yellow' | 'green' | 'grey' | undefined;
-export interface BannerProps {
-    color?: bannerColorType;
-    onClose?: () => void;
-    content: string | JSX.Element;
-    icon?: IconProps;
-}
-declare const Banner: ({ color, content, icon, onClose }: BannerProps) => JSX.Element;
+import { BannerProps } from './types';
+/**
+ * Component Props:
+ * @param {string} type Used to set style and colors of the component among those present in the palette
+ * @param {function} onClose Callback called on right icon click
+ * @param {string|JSX.Element} content Component main content
+ * @param {IconProps} icon Configuration of the left icon
+ * @param {string} className To support styled-components customization
+ */
+declare const Banner: ({ type, content, icon, onClose, className }: BannerProps) => JSX.Element;
 export default Banner;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-import { BannerProps } from './Banner';
-export declare const WithKnobs: () => JSX.Element;
+import { Meta, Story } from '@storybook/react';
+import { BannerProps } from './types';
+export declare const Template: Story<BannerProps>;
 declare const BannerStories: Meta<BannerProps>;
 export default BannerStories;

package/dist/components/banner/bannerPalette.d.ts

@@ -0,0 +1,3 @@
+import { BannerPalette } from '.';
+declare const bannerPalette: BannerPalette;
+export default bannerPalette;

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

@@ -1,2 +1,3 @@
-import Banner, { BannerProps } from './Banner';
-export { Banner, BannerProps };
+export { default as Banner } from './Banner';
+export { default as bannerPalette } from './bannerPalette';
+export { BannerProps, BannerPalette, BannerType } from './types';

package/dist/components/banner/styled.d.ts

@@ -0,0 +1,5 @@
+import { BannerProps } from './types';
+export declare const BannerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    type: BannerProps['type'];
+}, never>;
+export declare const BannerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/banner/types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { paletteColor } from '../../styles/types';
+import { IconProps } from '../icon';
+export interface BannerProps {
+    type?: BannerType;
+    onClose?: () => void;
+    content: string | JSX.Element;
+    icon?: IconProps;
+    className?: string;
+}
+export declare enum BannerType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success"
+}
+export declare type BannerPalette = {
+    [key in BannerType]: {
+        color: paletteColor;
+        backgroundColor: paletteColor;
+    };
+};

package/dist/components/chip/Chip.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ChipProps } from '.';
+/**
+ * Component Props:
+ * @param {string|number} text Component main content
+ * @param {boolean} statusEdit Used to set chip edit status
+ * @param {string} className To support styled-components customization
+ * @param {ChipType} type Used to set style and colors of the component among those present in the palette
+ * @param {IconProps} leftIcon Configuration of the left icon
+ * @param {function} closeAction Callback called on right icon click
+ */
+declare const Chip: (props: ChipProps) => JSX.Element;
+export default Chip;

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

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { ChipProps } from './types';
+export declare const Template: Story<ChipProps>;
+export declare const WithIcon: Story<ChipProps>;
+declare const ChipStories: Meta<ChipProps>;
+export default ChipStories;

package/dist/components/chip/chipPalette.d.ts

@@ -0,0 +1,3 @@
+import { ChipPalette } from '.';
+declare const chipPalette: ChipPalette;
+export default chipPalette;

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

@@ -0,0 +1,3 @@
+export { ChipPalette, ChipProps, ChipType } from './types';
+export { default as Chip } from './Chip';
+export { default as chipPalette } from './chipPalette';

package/dist/components/chip/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ChipProps } from './types';
+export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipProps, never>;

package/dist/components/chip/types.d.ts

@@ -0,0 +1,25 @@
+import { paletteColor } from '../..';
+import { IconProps } from '../icon';
+export declare enum ChipType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success"
+}
+export interface ChipProps {
+    text?: string | number;
+    statusEdit?: boolean;
+    className?: string;
+    type?: ChipType;
+    leftIcon?: IconProps;
+    closeAction?: () => void;
+}
+export declare type ChipPalette = {
+    [key in ChipType]: {
+        color: paletteColor;
+        backgroundColor: paletteColor;
+        hover: paletteColor;
+        active: paletteColor;
+    };
+};

package/dist/components/chips/chips.d.ts

@@ -1,7 +1,3 @@
-import { Component } from 'react';
-import { TChip, UnstyledChipProps, UnstyledChipState } from './types';
-export declare class UnstyledChip extends Component<UnstyledChipProps, UnstyledChipState> {
-    render(): JSX.Element;
-}
-declare const Chip: TChip;
+/// <reference types="react" />
+declare const Chip: (props: any) => JSX.Element;
 export default Chip;

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

@@ -1,2 +1,2 @@
-import Chip from './chips';
-export { Chip };
+export { default as Chip } from './Chips';
+export { ChipsProps } from './types';

package/dist/components/chips/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const ChipIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/floatingBadge/NotificationBadge.d.ts

@@ -0,0 +1,9 @@
+import { NotificationBadgeProps } from './types';
+/**
+ * Component Props:
+ * @param {'small' | 'medium' | 'large'} size Used to hide the floating badge
+ * @param {string} className Apply custom classes
+ * @param {FloatingBadgeType} type Used to pass and render children nodes
+ */
+declare const NotificationBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, NotificationBadgeProps, never>;
+export default NotificationBadge;

package/dist/components/floatingBadge/floatingBadge.d.ts

@@ -1,2 +1,8 @@
 import { FloatingBadgeProps } from './types';
-export declare const FloatingBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FloatingBadgeProps, never>;
+/**
+ * Component Props:
+ * @param {string | number} counter Count number
+ * @param {number} top Set top margin
+ * @param {number} right Set right margin
+ */
+export declare const FloatingBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("./types").NotificationBadgeProps & FloatingBadgeProps, never>;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { WithBadgeProps } from './types';
+export declare const Template: Story<WithBadgeProps>;
 export declare const Normal: () => JSX.Element;
 export declare const WithKnobs: () => JSX.Element;
 declare const WithBadgeStories: Meta<WithBadgeProps>;

package/dist/components/floatingBadge/floatingBadgePalette.d.ts

@@ -0,0 +1,3 @@
+import { FloatingBadgePalette } from './types';
+declare const floatingBadgePalette: FloatingBadgePalette;
+export default floatingBadgePalette;

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

@@ -1,2 +1,4 @@
-import WithBadge from './withBadge';
-export { WithBadge };
+export { default as floatingBadgePalette } from './floatingBadgePalette';
+export { default as NotificationBadge } from './NotificationBadge';
+export { default as WithBadge } from './WithBadge';
+export { FloatingBadgePalette, FloatingBadgeType } from './types';

package/dist/components/floatingBadge/types.d.ts

@@ -1,12 +1,33 @@
 import React from 'react';
-export interface FloatingBadgeProps {
+import { paletteColor } from '../..';
+export interface FloatingBadgeProps extends NotificationBadgeProps {
     counter?: string | number;
-    size?: 'small' | 'medium' | 'large';
     top?: number;
     right?: number;
-    className?: string;
 }
 export interface WithBadgeProps extends FloatingBadgeProps {
     isDisabled?: boolean;
     children: React.ReactNode;
 }
+export interface NotificationBadgeProps {
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+    type?: FloatingBadgeType;
+}
+export declare enum FloatingBadgeType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success",
+    DISABLED = "disabled"
+}
+export declare type FloatingBadgeColors = {
+    [key in FloatingBadgeType]: {
+        color: paletteColor;
+        backgroundColor: paletteColor;
+    };
+};
+export declare type FloatingBadgePalette = FloatingBadgeColors & {
+    borderRadius: string | number;
+};

package/dist/components/floatingBadge/withBadge.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
 import { WithBadgeProps } from './types';
+/**
+ * Component Props:
+ * @param {boolean} isDisabled Used to hide the floating badge
+ * @param {React.ReactNode} children Used to pass and render children nodes
+ */
 declare const WithBadge: (props: WithBadgeProps) => JSX.Element;
 export default WithBadge;

package/dist/components/form/label/Label.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export interface LabelProps extends WrapperProps {
-    label?: string | JSX.Element;
-}
-declare const Label: ({ label, disabled, required }: LabelProps) => JSX.Element | null;
-interface WrapperProps {
-    disabled?: boolean;
-    required?: boolean;
-}
+import { LabelProps } from './';
+/**
+ * Component Props:
+ * @param {string | JSX.Element} label Label text content
+ * @param {LabelType | paletteColor} color Customize label color
+ * @param {boolean} disabled Used to hide the label
+ * @param {boolean} required Add asterisk and red color
+ */
+declare const Label: ({ label, disabled, required, color }: LabelProps) => JSX.Element | null;
 export default Label;

package/dist/components/form/label/index.d.ts

@@ -1,2 +1,3 @@
-import Label, { LabelProps } from './Label';
-export { LabelProps, Label };
+export { default as Label } from './Label';
+export { LabelProps, LabelType, LabelPalette } from './types';
+export { default as labelPalette } from './labelPalette';

package/dist/components/form/label/labelPalette.d.ts

@@ -0,0 +1,3 @@
+import { LabelPalette } from './';
+declare const labelPalette: LabelPalette;
+export default labelPalette;

package/dist/components/form/label/styled.d.ts

@@ -0,0 +1,2 @@
+import { WrapperProps } from './types';
+export declare const LabelWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, WrapperProps, never>;

package/dist/components/form/label/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { paletteColor } from '../../..';
+export interface WrapperProps {
+    disabled?: boolean;
+    required?: boolean;
+    color?: LabelType | paletteColor;
+}
+export interface LabelProps extends WrapperProps {
+    label?: string | JSX.Element;
+}
+export declare enum LabelType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success",
+    DISABLED = "disabled"
+}
+export declare type LabelPalette = {
+    [key in LabelType]: paletteColor;
+};

package/dist/components/form/label/utils.d.ts

@@ -0,0 +1,9 @@
+import { DefaultTheme } from 'styled-components';
+import { paletteColor } from '../../../styles/types';
+import { LabelType } from './types';
+export interface GetLabelColorParams {
+    theme: DefaultTheme;
+    disabled?: boolean;
+    color?: LabelType | paletteColor;
+}
+export declare const getLabelColor: ({ theme, color, disabled }: GetLabelColorParams) => string;

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

@@ -1,2 +1 @@
-import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './sidebarItem';
-export { SidebarItem, SidebarItemProps, sidebarItemHeight, SidebarItemPalette, CustomSidebarItemProps };
+export { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, SidebarBadgeConfigType, SidebarBadgeConfigProps, } from './sidebarItem';

package/dist/components/layout/sidebarItem/SidebarItem.d.ts

@@ -1,28 +1,21 @@
-import { MouseEventHandler } from 'react';
-import { paletteColor } from '../../../styles/types';
-import { DropdownItemProps } from '../../dropdown';
-import { IconProps } from './../../icon';
-import { CustomSidebarItemProps } from './types';
-export interface SidebarItemProps {
-    icon?: IconProps;
-    title: string;
-    isDisabled?: boolean;
-    isHidden?: boolean;
-    onClick?: MouseEventHandler;
-    isOpen?: boolean;
-    caretVisible?: boolean;
-    dropdownContent?: DropdownItemProps[];
-    className?: string;
-    isActive?: boolean;
-    forceOpenDropdown?: boolean;
-    customProps?: CustomSidebarItemProps;
-    href?: string;
-}
-export declare const sidebarItemHeight = 44;
+/// <reference types="react" />
+import { SidebarItemProps } from './types';
+/**
+ * Component Props:
+ * @param {iconProps} icon Configuration of the left icon
+ * @param {string} title Used to set the sidebar item title
+ * @param {boolean} isDisabled Used to disable the item
+ * @param {boolean} isHidden Hide the sidebar item
+ * @param {function} onClick Callback called on item click
+ * @param {boolean} isOpen Set isOpen state
+ * @param {boolean} caretVisible Used to display caret icon
+ * @param {DropdownItemProps[]} dropdownContent Custom dropdown content
+ * @param {string} className Used to apply custom classes
+ * @param {boolean} isActive Set isOpen state
+ * @param {boolean} forceOpenDropdown Used to force open the dropdown content
+ * @param {CustomSidebarItemProps} customProps Used to set render sidebar item custom content
+ * @param {string} href Specify a redirect URL on item click
+ * @param {SidebarBadgeConfigProps} badgeConfig Used to add a badge, counter, icon to the item
+ */
 declare const SidebarItem: (props: SidebarItemProps) => JSX.Element | null;
-export interface WrapperProps {
-    isActive: boolean;
-    isDisabled: boolean;
-    customColor?: paletteColor;
-}
 export default SidebarItem;

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-import { DropdownItemProps } from '../../../dropdown';
-interface Props {
-    content: DropdownItemProps[];
-    className?: string;
-    forceOpen?: boolean;
-}
-declare const SidebarItemDropdown: ({ className, content, forceOpen }: Props) => JSX.Element;
+import { SidebarItemDropdownProps } from '../types';
+declare const SidebarItemDropdown: ({ className, content, forceOpen }: SidebarItemDropdownProps) => JSX.Element;
 export default SidebarItemDropdown;

package/dist/components/layout/sidebarItem/index.d.ts

@@ -1,5 +1,5 @@
-import SidebarItemDropdown from './components/SidebarItemDropdown';
-import SidebarItem, { sidebarItemHeight, SidebarItemProps } from './SidebarItem';
-import sidebarItemPalette, { SidebarItemPalette } from './sidebarItemPalette';
-import { CustomSidebarItemProps } from './types';
-export { SidebarItem, SidebarItemProps, sidebarItemHeight, sidebarItemPalette, SidebarItemPalette, SidebarItemDropdown, CustomSidebarItemProps, };
+export { default as SidebarItemDropdown } from './components/SidebarItemDropdown';
+export { default as SidebarItem } from './SidebarItem';
+export { default as sidebarItemPalette } from './sidebarItemPalette';
+export { sidebarItemHeight } from './styled';
+export { CustomSidebarItemProps, SidebarItemPalette, SidebarItemProps, SidebarBadgeConfigType, SidebarBadgeConfigProps, } from './types';

package/dist/components/layout/sidebarItem/sidebarItem.stories.d.ts

@@ -1,5 +1,6 @@
 import { Meta, Story } from '@storybook/react';
-import { SidebarItemProps } from './SidebarItem';
+import { SidebarItemProps } from '.';
 export declare const Template: Story<SidebarItemProps>;
+export declare const Normal: Story<SidebarItemProps>;
 declare const SidebarItemStory: Meta<SidebarItemProps>;
 export default SidebarItemStory;

package/dist/components/layout/sidebarItem/sidebarItemPalette.d.ts

@@ -1,14 +1,3 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-declare type statusType = 'normal' | 'active' | 'disabled';
-export interface SidebarItemStyles extends colorsPalette {
-    hoverColor: paletteColor;
-    hoverBackground: paletteColor;
-    dropdownHover: paletteColor;
-    dropdownActive: paletteColor;
-}
-export declare type SidebarItemPalette = {
-    [key in statusType]: SidebarItemStyles;
-};
+import { SidebarItemPalette } from './types';
 declare const sidebarItemPalette: SidebarItemPalette;
 export default sidebarItemPalette;

package/dist/components/layout/sidebarItem/styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { paletteColor } from '../../../styles/types';
+import { SidebarItemStyles } from './types';
+export interface WrapperProps {
+    isActive: boolean;
+    isDisabled: boolean;
+    customColor?: paletteColor;
+}
+export declare const sidebarItemHeight = 44;
+export declare const Dropdown: import("styled-components").StyledComponent<({ className, content, forceOpen }: import("./types").SidebarItemDropdownProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const SidebarItemWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, SidebarItemStyles & WrapperProps, keyof SidebarItemStyles>;
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NoIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/layout/sidebarItem/types.d.ts

@@ -1,7 +1,63 @@
-import React from 'react';
+import React, { MouseEventHandler } from 'react';
+import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
-import { SidebarItemProps } from './SidebarItem';
+import { DropdownItemProps } from '../../dropdown/types';
+import { FloatingBadgeType } from '../../floatingBadge/types';
+import { IconProps } from '../../icon';
+export interface SidebarItemProps {
+    icon?: IconProps;
+    title: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    onClick?: MouseEventHandler;
+    isOpen?: boolean;
+    caretVisible?: boolean;
+    dropdownContent?: DropdownItemProps[];
+    className?: string;
+    isActive?: boolean;
+    forceOpenDropdown?: boolean;
+    customProps?: CustomSidebarItemProps;
+    href?: string;
+    badgeConfig?: SidebarBadgeConfigProps;
+}
 export interface CustomSidebarItemProps {
     color?: paletteColor;
     renderContent?: React.FC<SidebarItemProps>;
 }
+export interface SidebarItemDropdownProps {
+    content: DropdownItemProps[];
+    className?: string;
+    forceOpen?: boolean;
+}
+export declare enum SidebarBadgeConfigType {
+    COUNTER = 0,
+    ICON = 1,
+    DOT = 2
+}
+declare type BadgeBaseConfig = {
+    size?: 'small' | 'medium' | 'large';
+    variant?: FloatingBadgeType;
+};
+interface BadgeCounterConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.COUNTER;
+    counter: number | string;
+}
+interface BadgeIconConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.ICON;
+    icon: IconProps;
+}
+interface BadgeDotConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.DOT;
+}
+export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
+declare type StatusType = 'normal' | 'active' | 'disabled';
+export interface SidebarItemStyles extends colorsPalette {
+    hoverColor: paletteColor;
+    hoverBackground: paletteColor;
+    dropdownHover: paletteColor;
+    dropdownActive: paletteColor;
+}
+export declare type SidebarItemPalette = {
+    [key in StatusType]: SidebarItemStyles;
+};
+export {};