@fattureincloud/fic-design-system 0.3.22 → 0.4.0-rc.0

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

@@ -1,7 +1,7 @@
-import { DefaultTheme } from 'styled-components';
-import { TextAreaWrapperProps } from './TextAreaElement';
-interface GetTextAreaParams extends TextAreaWrapperProps {
-    theme: DefaultTheme;
-}
-export declare const getTextAreaStyles: ({ theme, isDisabled, status }: GetTextAreaParams) => Pick<import("../../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
-export {};
+import { DefaultTheme } from 'styled-components';
+import { TextAreaStyles, TextAreaWrapperProps } from './TextAreaElement';
+interface GetTextAreaParams extends TextAreaWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getTextAreaStyles: ({ theme, isDisabled, status }: GetTextAreaParams) => TextAreaStyles;
+export {};

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

@@ -1,3 +1,3 @@
-import TextArea, { TextAreaProps } from './TextArea';
-import textAreaPalette, { TextAreaPalette } from './textAreaPalette';
-export { TextArea, TextAreaProps, TextAreaPalette, textAreaPalette };
+import TextArea, { TextAreaProps } from './TextArea';
+import textAreaPalette, { TextAreaPalette } from './textAreaPalette';
+export { TextArea, TextAreaProps, TextAreaPalette, textAreaPalette };

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

@@ -1 +1,5 @@
-export {};
+import { Meta, Story } from '@storybook/react';
+import { TextAreaProps } from './TextArea';
+export declare const WithKnobs: Story<TextAreaProps>;
+declare const TextAreaStories: Meta<TextAreaProps>;
+export default TextAreaStories;

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

@@ -1,15 +1,15 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-import { statusType } from '../common/types';
-export interface TextAreaParts extends colorsPalette {
-    borderColor: paletteColor;
-}
-declare type StatusesPalette = {
-    [key in statusType]: TextAreaParts;
-};
-export interface TextAreaPalette extends StatusesPalette {
-    normalFocused: TextAreaParts;
-    disabled: TextAreaParts;
-}
-declare const textAreaPalette: TextAreaPalette;
-export default textAreaPalette;
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { statusType } from '../common/types';
+export interface TextAreaParts extends colorsPalette {
+    borderColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: TextAreaParts;
+};
+export interface TextAreaPalette extends StatusesPalette {
+    normalFocused: TextAreaParts;
+    disabled: TextAreaParts;
+}
+declare const textAreaPalette: TextAreaPalette;
+export default textAreaPalette;

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

@@ -1,10 +1,10 @@
-import { Dispatch, SetStateAction, TextareaHTMLAttributes } from 'react';
-import { CommonFormTypes } from '../common/types';
-import { CharCounterOptions } from './components/CharCounter';
-export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
-    initialHeight?: string;
-    value?: string | null;
-    setValue?: Dispatch<SetStateAction<string | undefined>>;
-    showCounter?: boolean;
-    isResizable?: boolean;
-}
+import { Dispatch, SetStateAction, TextareaHTMLAttributes } from 'react';
+import { CommonFormTypes } from '../common/types';
+import { CharCounterOptions } from './components/CharCounter';
+export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+    initialHeight?: string;
+    value?: string | null;
+    setValue?: Dispatch<SetStateAction<string>>;
+    showCounter?: boolean;
+    isResizable?: boolean;
+}

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

@@ -1,23 +1,23 @@
-import React from 'react';
-interface Props {
-    options: Array<{
-        key: number;
-        label: string;
-    }>;
-    value: number;
-    onClick: (option: {
-        key: number;
-        label: string;
-    }) => void;
-    isDisabled?: boolean;
-    renderOption?: (props: {
-        isDisabled?: boolean;
-        isChecked: boolean;
-        label: string;
-    }) => JSX.Element;
-    optionsSpacing?: number;
-    style?: React.CSSProperties;
-    inline?: boolean;
-}
-export declare const RadioButtonGroup: (props: Props) => JSX.Element;
-export {};
+import React from 'react';
+interface Props {
+    options: Array<{
+        key: number;
+        label: string;
+    }>;
+    value: number;
+    onClick: (option: {
+        key: number;
+        label: string;
+    }) => void;
+    isDisabled?: boolean;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+    optionsSpacing?: number;
+    style?: React.CSSProperties;
+    inline?: boolean;
+}
+export declare const RadioButtonGroup: (props: Props) => JSX.Element;
+export {};

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

@@ -1 +1,6 @@
-export {};
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { RadioButtonGroup } from '.';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonGroupStories: Meta<ComponentProps<typeof RadioButtonGroup>>;
+export default RadioButtonGroupStories;

package/dist/components/groupedList/components/groupElement.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { CommonComponentsProps, GroupType } from '../types';
-interface GroupElementType extends GroupType, CommonComponentsProps {
-}
-declare const GroupElement: ({ index, items, title, ...rest }: GroupElementType) => JSX.Element;
-export default GroupElement;
+import { CommonComponentsProps, GroupType } from '../types';
+interface GroupElementType extends GroupType, CommonComponentsProps {
+}
+declare const GroupElement: ({ index, items, title, ...rest }: GroupElementType) => JSX.Element;
+export default GroupElement;

package/dist/components/groupedList/components/itemElement.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { CommonComponentsProps, ItemType } from '../types';
-interface ItemElementType extends ItemType, CommonComponentsProps {
-}
-declare const ItemElement: (props: ItemElementType) => JSX.Element;
-export default ItemElement;
+import { CommonComponentsProps, ItemType } from '../types';
+interface ItemElementType extends ItemType, CommonComponentsProps {
+}
+declare const ItemElement: (props: ItemElementType) => JSX.Element;
+export default ItemElement;

package/dist/components/groupedList/components/titleElement.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { GroupType } from '../types';
-interface Props {
-    title: GroupType['title'];
-    noResults: boolean;
-}
-declare const TitleElement: (props: Props) => JSX.Element;
-export default TitleElement;
+import { GroupType } from '../types';
+interface Props {
+    title: GroupType['title'];
+    noResults: boolean;
+}
+declare const TitleElement: (props: Props) => JSX.Element;
+export default TitleElement;

package/dist/components/groupedList/groupedList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { GroupedListProps } from './types';
-declare const GroupedList: (props: GroupedListProps) => JSX.Element;
-export default GroupedList;
+import { GroupedListProps } from './types';
+declare const GroupedList: (props: GroupedListProps) => JSX.Element;
+export default GroupedList;

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

@@ -1 +1,5 @@
-export {};
+import { Meta } from '@storybook/react';
+import { GroupedListProps } from './types';
+export declare const Simple: () => JSX.Element;
+declare const GroupedListStories: Meta<GroupedListProps>;
+export default GroupedListStories;

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

@@ -1,2 +1,2 @@
-import GroupedList from './groupedList';
-export { GroupedList };
+import GroupedList from './groupedList';
+export { GroupedList };

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

@@ -1,34 +1,34 @@
-import { CSSProperties, RefObject } from 'react';
-import { IconProps } from '../icon';
-export interface GroupedListProps {
-    groups: GroupType[];
-    className?: string;
-    navigable?: boolean;
-    placeholder?: string;
-    wrapperStyle?: CSSProperties;
-}
-export interface GroupType {
-    title: string;
-    items: ItemType[];
-}
-export interface ItemType {
-    title?: string;
-    icon?: IconProps;
-    active?: boolean;
-    action?: JSX.Element;
-    showActionOnHover?: boolean;
-    onMouseHover?: () => void;
-    onMouseOut?: () => void;
-    onClick?: () => void;
-}
-export interface CommonComponentsProps {
-    mouseBlockedProps: MouseBlockedProps;
-    navigable?: boolean;
-    index: number;
-    wrapperRef: RefObject<HTMLDivElement>;
-    placeholder?: string;
-}
-export interface MouseBlockedProps {
-    mouseBlocked: boolean;
-    setMouseBlocked: (value: boolean) => void;
-}
+import { CSSProperties, RefObject } from 'react';
+import { IconProps } from '../icon';
+export interface GroupedListProps {
+    groups: GroupType[];
+    className?: string;
+    navigable?: boolean;
+    placeholder?: string;
+    wrapperStyle?: CSSProperties;
+}
+export interface GroupType {
+    title: string;
+    items: ItemType[];
+}
+export interface ItemType {
+    title?: string;
+    icon?: IconProps;
+    active?: boolean;
+    action?: JSX.Element;
+    showActionOnHover?: boolean;
+    onMouseHover?: () => void;
+    onMouseOut?: () => void;
+    onClick?: () => void;
+}
+export interface CommonComponentsProps {
+    mouseBlockedProps: MouseBlockedProps;
+    navigable?: boolean;
+    index: number;
+    wrapperRef: RefObject<HTMLDivElement>;
+    placeholder?: string;
+}
+export interface MouseBlockedProps {
+    mouseBlocked: boolean;
+    setMouseBlocked: (value: boolean) => void;
+}

package/dist/components/icon/Icon.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-import { iconColors } from './iconPalette';
-export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
-    color?: iconColors;
-    isDisabled?: boolean;
-}
-declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
-export declare type StyledIconProps = IconProps;
-export default Icon;
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import { iconColors } from './iconPalette';
+export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
+    color?: iconColors;
+    isDisabled?: boolean;
+}
+declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
+export declare type StyledIconProps = IconProps;
+export default Icon;

package/dist/components/icon/components/iconBackground/IconBackground.d.ts

@@ -1,15 +1,15 @@
-import { SizeProp } from '@fortawesome/fontawesome-svg-core';
-import React from 'react';
-import { paletteColor } from '../../../../styles/types';
-import { iconColors } from '../../iconPalette';
-interface Props extends WrapperProps {
-    children: React.ReactNode;
-}
-declare const IconBackground: ({ children, ...rest }: Props) => JSX.Element;
-interface WrapperProps {
-    color: iconColors;
-    size: SizeProp;
-    backgroundColor?: paletteColor;
-    className?: string;
-}
-export default IconBackground;
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+import React from 'react';
+import { paletteColor } from '../../../../styles/types';
+import { iconColors } from '../../iconPalette';
+interface Props extends WrapperProps {
+    children: React.ReactNode;
+}
+declare const IconBackground: ({ children, ...rest }: Props) => JSX.Element;
+interface WrapperProps {
+    color: iconColors;
+    size: SizeProp;
+    backgroundColor?: paletteColor;
+    className?: string;
+}
+export default IconBackground;

package/dist/components/icon/components/iconBackground/iconBackgroundPalette.d.ts

@@ -1,7 +1,7 @@
-import { paletteColor } from '../../../../styles/types';
-import { iconColors } from '../../iconPalette';
-export declare type IconBackgroundPalette = {
-    [key in iconColors]: paletteColor;
-};
-declare const iconBackgroundPalette: IconBackgroundPalette;
-export default iconBackgroundPalette;
+import { paletteColor } from '../../../../styles/types';
+import { iconColors } from '../../iconPalette';
+export declare type IconBackgroundPalette = {
+    [key in iconColors]: paletteColor;
+};
+declare const iconBackgroundPalette: IconBackgroundPalette;
+export default iconBackgroundPalette;

package/dist/components/icon/components/iconBackground/index.d.ts

@@ -1,3 +1,3 @@
-import IconBackground from './IconBackground';
-import iconBackgroundPalette, { IconBackgroundPalette } from './iconBackgroundPalette';
-export { IconBackground, iconBackgroundPalette, IconBackgroundPalette };
+import IconBackground from './IconBackground';
+import iconBackgroundPalette, { IconBackgroundPalette } from './iconBackgroundPalette';
+export { IconBackground, iconBackgroundPalette, IconBackgroundPalette };

package/dist/components/icon/components/iconBackground/utils.d.ts

@@ -1,6 +1,6 @@
-import { SizeProp } from '@fortawesome/fontawesome-svg-core';
-declare type iconSizeMapType = {
-    [key in SizeProp]: string;
-};
-export declare const iconSizeMap: iconSizeMapType;
-export {};
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+declare type iconSizeMapType = {
+    [key in SizeProp]: string;
+};
+export declare const iconSizeMap: iconSizeMapType;
+export {};

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

@@ -1 +1,8 @@
-export {};
+import { Meta } from '@storybook/react';
+import { IconProps } from './Icon';
+export declare const Normal: () => JSX.Element;
+export declare const WithBackground: () => JSX.Element;
+export declare const DuotoneColored: () => JSX.Element;
+export declare const _CustomIcon: () => JSX.Element;
+declare const IconStories: Meta<IconProps>;
+export default IconStories;

package/dist/components/icon/iconPalette.d.ts

@@ -1,11 +1,11 @@
-import { Palette, paletteColor } from '../../index';
-export declare type iconColors = keyof Palette;
-declare type iconParts = 'primary' | 'secondary';
-export declare type IconColorPalette = {
-    [k in iconParts]: paletteColor;
-};
-export declare type IconPalette = {
-    [k in iconColors]: IconColorPalette;
-};
-declare const iconPalette: IconPalette;
-export default iconPalette;
+import { Palette, paletteColor } from '../../index';
+export declare type iconColors = keyof Palette;
+declare type iconParts = 'primary' | 'secondary';
+export declare type IconColorPalette = {
+    [k in iconParts]: paletteColor;
+};
+export declare type IconPalette = {
+    [k in iconColors]: IconColorPalette;
+};
+declare const iconPalette: IconPalette;
+export default iconPalette;

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

@@ -1,4 +1,4 @@
-import { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/iconBackground';
-import Icon, { IconProps } from './Icon';
-import iconPalette, { IconPalette } from './iconPalette';
-export { Icon, IconProps, IconPalette, iconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette };
+import { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/iconBackground';
+import Icon, { IconProps } from './Icon';
+import iconPalette, { IconPalette } from './iconPalette';
+export { Icon, IconProps, IconPalette, iconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette };

package/dist/components/icon/utils.d.ts

@@ -1,8 +1,8 @@
-import { DefaultTheme } from 'styled-components';
-import { StyledIconProps } from './Icon';
-import { IconColorPalette } from './iconPalette';
-interface GetIconStylesParams extends Pick<StyledIconProps, 'color'> {
-    theme: DefaultTheme;
-}
-export declare const getIconStyles: ({ theme, color }: GetIconStylesParams) => IconColorPalette;
-export {};
+import { DefaultTheme } from 'styled-components';
+import { StyledIconProps } from './Icon';
+import { IconColorPalette } from './iconPalette';
+interface GetIconStylesParams extends Pick<StyledIconProps, 'color'> {
+    theme: DefaultTheme;
+}
+export declare const getIconStyles: ({ theme, color }: GetIconStylesParams) => IconColorPalette;
+export {};

package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { InlineMessagesProps, StyledContentProps } from '../types';
-export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessagesProps, never>;
-export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
-export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+import { InlineMessagesProps, StyledContentProps } from '../types';
+export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessagesProps, never>;
+export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
+export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,2 @@
-import InlineMessage from './inlineMessages';
-export { InlineMessage };
+import InlineMessage from './inlineMessages';
+export { InlineMessage };

package/dist/components/inlineMessages/inlineMessages.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { InlineMessagesProps } from './types';
-declare const InlineMessage: (props: InlineMessagesProps) => JSX.Element;
-export default InlineMessage;
+import { InlineMessagesProps } from './types';
+declare const InlineMessage: (props: InlineMessagesProps) => JSX.Element;
+export default InlineMessage;

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

@@ -1 +1,6 @@
-export {};
+import { Meta } from '@storybook/react';
+import { InlineMessagesProps } from './types';
+export declare const Colors: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+declare const InlineMessageStories: Meta<InlineMessagesProps>;
+export default InlineMessageStories;

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

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-import { IconProps } from '../icon';
-export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
-export interface InlineMessagesProps {
-    icon?: IconProps;
-    renderIcon?: () => JSX.Element;
-    title?: string;
-    content?: string;
-    size?: 'medium' | 'large';
-    type?: MessageType;
-    renderTitle?: () => JSX.Element;
-    renderContent?: () => JSX.Element;
-    onClose?: () => void;
-    closeIcon?: IconProps;
-    renderCloseIcon?: () => JSX.Element;
-    componentStyle?: InlineMessageStyle;
-}
-export interface InlineMessageStyle {
-    root?: Record<string, unknown>;
-    icon?: Record<string, unknown>;
-    contentWrapper?: Record<string, unknown>;
-    title?: Record<string, unknown>;
-    content?: Record<string, unknown>;
-}
-export interface UnstyledInlineMessagePropsInterface extends InlineMessagesProps {
-}
-export interface StyledContentProps {
-    margin: boolean;
-}
+import { IconProps } from '../icon';
+export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export interface InlineMessagesProps {
+    icon?: IconProps;
+    renderIcon?: () => JSX.Element;
+    title?: string;
+    content?: string;
+    size?: 'medium' | 'large';
+    type?: MessageType;
+    renderTitle?: () => JSX.Element;
+    renderContent?: () => JSX.Element;
+    onClose?: () => void;
+    closeIcon?: IconProps;
+    renderCloseIcon?: () => JSX.Element;
+    componentStyle?: InlineMessageStyle;
+}
+export interface InlineMessageStyle {
+    root?: Record<string, unknown>;
+    icon?: Record<string, unknown>;
+    contentWrapper?: Record<string, unknown>;
+    title?: Record<string, unknown>;
+    content?: Record<string, unknown>;
+}
+export interface UnstyledInlineMessagePropsInterface extends InlineMessagesProps {
+}
+export interface StyledContentProps {
+    margin: boolean;
+}

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

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

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

@@ -1,27 +1,28 @@
-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;
-}
-export declare const sidebarItemHeight = 44;
-declare const SidebarItem: (props: SidebarItemProps) => JSX.Element | null;
-export interface WrapperProps {
-    isActive: boolean;
-    isDisabled: boolean;
-    customColor?: paletteColor;
-}
-export default SidebarItem;
+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;
+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/SidebarItemCaret.d.ts

@@ -1,6 +1,6 @@
-interface CaretIconProps {
-    isOpen: boolean;
-    isVisible: boolean;
-}
-declare const SidebarItemCaret: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CaretIconProps, never>;
-export default SidebarItemCaret;
+interface CaretIconProps {
+    isOpen: boolean;
+    isVisible: boolean;
+}
+declare const SidebarItemCaret: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CaretIconProps, never>;
+export default SidebarItemCaret;