@fattureincloud/fic-design-system 0.4.27 → 0.4.29-new-table

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/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

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

@@ -23,6 +23,7 @@ export declare type DropdownProps = {
     disableArrowNavigation?: boolean;
     isDisabled?: boolean;
     emptyState?: JSX.Element;
+    onOpen?: (isOpen: boolean) => void;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {

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/datepicker/StyledDatePicker.d.ts

@@ -0,0 +1 @@
+export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    value: string | null;
+    setValue: Dispatch<SetStateAction<string | null>>;
+}
+interface Props {
+    initialDate?: Date | null;
+    initialValue?: string | null;
+}
+declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
+export default useDatePickerValues;

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/form/radioGroup/index.d.ts

@@ -1,2 +1,2 @@
 export { RadioGroup } from './RadioGroup';
-export { RadioGroupProps } from './types';
+export { RadioGroupProps, RadioGroupOptions } from './types';

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { spacing } from '../../../styles/spacing';
-import { InputHelperProps } from '../inputHelper/InputHelper';
+import { InputHelperProps } from '../inputHelper';
 import { RadioProps } from '../radio';
+export declare type RadioGroupOptions = Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
 export interface RadioGroupProps extends RadioGroupWrapperProps {
-    options: Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
+    options: RadioGroupOptions;
     initialSelection?: number;
     onChange: (selected: number) => void;
     helper?: InputHelperProps;

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

@@ -0,0 +1,4 @@
+import { PlaceholderProps } from 'react-select';
+import { OptionType } from './Option';
+declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export default Placeholder;

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;
-declare const TextArea: (props: TextAreaProps) => JSX.Element;
-export default TextArea;
+declare const _default: React.ForwardRefExoticComponent<LabelProps & TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
+declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
 export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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