@fattureincloud/fic-design-system 0.7.47 → 0.7.48

package/dist/common/components/typography/types.d.ts

@@ -5,7 +5,7 @@ import { paletteColor } from '../../../styles/types';
 export declare type TextProps = {
     bold?: boolean;
     centered?: boolean;
-    children: React.ReactNode | React.ReactNode[] | undefined | null;
+    children: React.ReactNode | React.ReactNode[];
     clamp?: number;
     className?: string;
     color?: colors | paletteColor;

package/dist/common/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './colorsPalette';
+export * from './dateTypes';
+export * from './label';
+export * from './misc';

package/dist/common/types/misc.d.ts

@@ -0,0 +1,7 @@
+export declare enum ComponentType {
+    ERROR = "error",
+    INFO = "info",
+    STANDARD = "standard",
+    SUCCESS = "success",
+    WARNING = "warning"
+}

package/dist/common/utils/dsUtils.d.ts

@@ -1,3 +1,5 @@
+export declare const HEX_REGEX: RegExp;
+export declare const isHexColor: (value: string) => boolean;
 export declare const isNumber: (n: number | string | undefined) => boolean;
 export declare const parseDimension: (d: number | string) => string;
 export declare const pixelToNumber: (s: string) => number;

package/dist/components/buttons/button/types.d.ts

@@ -1,15 +1,15 @@
 import { MouseEventHandler } from 'react';
 import { ButtonParts } from './buttonPalette';
 export declare const buttonSizesArray: readonly ["large", "medium"];
-export declare type buttonSizes = typeof buttonSizesArray[number];
+export declare type buttonSizes = (typeof buttonSizesArray)[number];
 export declare const buttonTypesArray: readonly ["primary", "secondary", "text"];
-export declare type buttonTypes = typeof buttonTypesArray[number];
+export declare type buttonTypes = (typeof buttonTypesArray)[number];
 export declare const buttonColorsArray: readonly ["blue", "red", "green", "grey", "yellow"];
-export declare type buttonColors = typeof buttonColorsArray[number];
+export declare type buttonColors = (typeof buttonColorsArray)[number];
 export declare const buttonDisableColorArray: readonly ["disabled"];
-export declare type buttonDisableColor = typeof buttonDisableColorArray[number];
+export declare type buttonDisableColor = (typeof buttonDisableColorArray)[number];
 export declare const buttonPartsArray: readonly ["normal", "hover", "active", "text", "textHover"];
-export declare type buttonParts = typeof buttonPartsArray[number];
+export declare type buttonParts = (typeof buttonPartsArray)[number];
 export interface WrapperProps {
     isDisabled: boolean;
     fullWidth?: boolean;

package/dist/components/drawer/drawer.d.ts

@@ -9,6 +9,7 @@ export interface DrawerProps {
     children?: ReactNode;
     fullscreen?: boolean;
     onFullscreen?: (fullscreen: boolean) => void;
+    showTooltip?: boolean;
 }
 declare const Drawer: React.FC<DrawerProps>;
 export default Drawer;

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

@@ -1,5 +1,5 @@
 import { Placement } from '@popperjs/core/lib/enums';
-import React, { CSSProperties, MouseEventHandler } from 'react';
+import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { IconProps } from '../icon';
 export declare type TitleProps = {
     text: string;
@@ -38,7 +38,7 @@ export interface DropdownItemProps {
     onClick?: MouseEventHandler;
     maxWidth?: DropdownProps['maxWidth'];
     fullWidth?: DropdownProps['fullWidth'];
-    children?: React.ReactChild;
+    children?: ReactNode;
     isDisabled?: boolean;
     type?: DropdownItemType;
     onMouseEnter?: () => void;

package/dist/components/editableInput/EditableInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface Props {
+export interface EditableInputProps {
     hover: boolean;
     content: string | number | null;
     unitSymbol?: string | undefined;
@@ -7,6 +7,7 @@ interface Props {
     rowId: number;
     onOpen?: () => void;
     onClose?: () => void;
+    maxContentLength?: number;
 }
-declare const EditableInput: ({ hover, content, unitSymbol, onChange, rowId, onOpen, onClose }: Props) => JSX.Element;
+declare const EditableInput: ({ hover, content, unitSymbol, onChange, rowId, onOpen, onClose, maxContentLength, }: EditableInputProps) => JSX.Element;
 export default EditableInput;

package/dist/components/editableInput/components/CustomInput.d.ts

@@ -7,6 +7,7 @@ interface Props {
     rowId: number;
     onOpen?: () => void;
     onClose?: () => void;
+    maxContentLength?: number;
 }
-declare const CustomInput: ({ hover, onChange, unitSymbol, content, rowId, onOpen, onClose }: Props) => JSX.Element;
+declare const CustomInput: ({ hover, onChange, unitSymbol, content, rowId, onOpen, onClose, maxContentLength, }: Props) => JSX.Element;
 export default CustomInput;

package/dist/components/editableInput/components/TextAreaPopup.d.ts

@@ -7,6 +7,7 @@ interface Props {
     rowId: number;
     onClose?: () => void;
     focus: boolean;
+    maxContentLength?: number;
 }
-declare const TextAreaPopup: ({ onChange, content, onBlur, rowId, onClose, focus }: Props) => JSX.Element;
+declare const TextAreaPopup: ({ onChange, content, onBlur, rowId, onClose, focus, maxContentLength }: Props) => JSX.Element;
 export default TextAreaPopup;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { EditableInputProps } from './EditableInput';
+declare const EditableInputStories: Meta<EditableInputProps>;
+export declare const Default: () => JSX.Element;
+export declare const WithMaxContentLength: () => JSX.Element;
+export default EditableInputStories;

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

@@ -10,6 +10,7 @@ export interface WithBadgeProps extends FloatingBadgeProps {
     children: React.ReactNode;
 }
 export declare enum BadgeSize {
+    EXTRA_SMALL = "extra-small",
     SMALL = "small",
     MEDIUM = "medium",
     LARGE = "large"

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

@@ -1,3 +1,3 @@
 import { CheckboxInputProps, CheckboxStyles } from './types';
-declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
-export default Input;
+export declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
+export declare const RequiredAsterisk: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

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

@@ -38,6 +38,7 @@ export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>,
     className?: string;
     onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
     textColor?: paletteColor;
+    required?: boolean;
 }
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;

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

@@ -1,9 +1,9 @@
-import { Dispatch, ReactChild, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 export declare type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
-export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
 export declare type CustomButtonProps = {
     text: string;
     onClick: (props: RenderCustomFooterProps) => void;

package/dist/components/form/fileUploader/components/FileUploaderContent.d.ts

@@ -4,8 +4,8 @@ import { FileUploaderSize, statuses } from '../types';
 interface Props {
     icon: IconProps | null;
     status: statuses;
-    text?: React.ReactChild | null;
-    caption?: React.ReactChild | null;
+    text?: React.ReactNode;
+    caption?: React.ReactNode;
     size: FileUploaderSize;
 }
 declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;

package/dist/components/form/fileUploader/fileUploaderPalette.d.ts

@@ -7,8 +7,8 @@ export declare type FileUploaderParts = {
     borderColor: paletteColor;
     color: paletteColor;
     secondaryColor: paletteColor;
-    text: React.ReactChild | null;
-    caption: React.ReactChild | null;
+    text: React.ReactNode;
+    caption: React.ReactNode;
     icon: IconProps | null;
 };
 export declare type FileUploaderPalette = {

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

@@ -1,11 +1,11 @@
 import { FileUploaderParts } from './fileUploaderPalette';
 export declare const uploaderStatusesArray: readonly ["default", "uploading", "success", "error", "disabled"];
-export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
+export declare type FileUploaderStatus = (typeof uploaderStatusesArray)[number];
 export declare type statuses = FileUploaderStatus | 'dragging';
 export declare const uploaderSize: readonly ["small", "normal"];
-export declare type FileUploaderSize = typeof uploaderSize[number];
+export declare type FileUploaderSize = (typeof uploaderSize)[number];
 export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "p7m", "csv"];
-export declare type FileType = typeof typesArray[number];
+export declare type FileType = (typeof typesArray)[number];
 declare type TypeDefinition = {
     mimeTypes: string[];
     extensions: string[];

package/dist/components/form/inputHelper/InputHelper.d.ts

@@ -1,8 +1,8 @@
-import { ReactChild } from 'react';
+import { ReactNode } from 'react';
 import { IconProps } from '../../icon';
 import { inputHelperStatus } from './types';
 export interface InputHelperProps extends WrapperProps {
-    message: ReactChild;
+    message: ReactNode;
     icon?: IconProps | null;
 }
 declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-export declare const inputHelperStatusesArray: string[];
-export declare type inputHelperStatus = typeof inputHelperStatusesArray[number];
+export declare const inputHelperStatusesArray: readonly ["normal", "error", "warning", "info", "success"];
+export declare type inputHelperStatus = (typeof inputHelperStatusesArray)[number];

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

@@ -5,7 +5,7 @@ import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
-export declare type inputTypes = typeof inputTypesArray[number];
+export declare type inputTypes = (typeof inputTypesArray)[number];
 declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
 export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;

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

@@ -8,4 +8,5 @@ export interface TextAreaElementProps extends CommonFormTypes, CharCounterOption
     showCounter?: boolean;
     isResizable?: boolean;
     isPrefilled?: boolean;
+    maxContentLength?: number;
 }

package/dist/components/gridCard/GridCard.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { GridCardProps } from '.';
+declare const GridCard: ({ data }: GridCardProps) => ReactElement;
+export default GridCard;

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { GridCard } from '.';
+import { GridCardProps } from './types';
+export declare const Template: Story<GridCardProps>;
+export declare const CustomData: Story<GridCardProps>;
+declare const GridCardStories: Meta<ComponentProps<typeof GridCard>>;
+export default GridCardStories;

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

@@ -0,0 +1,2 @@
+export { default as GridCard } from './GridCard';
+export { GridCardProps } from './types';

package/dist/components/gridCard/stories/data.d.ts

@@ -0,0 +1,3 @@
+import { CardData } from '../types';
+export declare const cardData: CardData[][];
+export declare const cardCustomData: CardData[][];

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    cardBackgroundColor?: string | undefined;
+    isLastElement?: boolean | undefined;
+}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    iconBackgroundColor?: string | undefined;
+}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon/Icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,16 @@
+import { IconProps } from 'components/icon';
+import { ReactElement, ReactNode } from 'react';
+import { paletteColor } from '../../styles/types';
+export interface GridCardProps {
+    data: CardData[][];
+    renderCustomData?: () => ReactElement;
+}
+export interface CardData {
+    icon?: IconProps;
+    label?: string;
+    value?: string | ReactNode;
+    description?: string;
+    cardBackgroundColor?: paletteColor;
+    iconBackgroundColor?: paletteColor;
+    renderCustomData?: () => ReactElement;
+}

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

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const getIconBackgroundColor: (theme: DefaultTheme, iconColor?: "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary" | undefined, customIconBackground?: string | undefined) => string;

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

@@ -6,5 +6,4 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
     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,13 +1,12 @@
 import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import React from 'react';
-import { paletteColor } from '../../../../styles/types';
-import { iconColors } from '../../iconPalette';
+import { AllColors, paletteColor } from '../../../../styles/types';
 interface Props extends WrapperProps {
     children: React.ReactNode;
 }
 declare const IconBackground: ({ children, ...rest }: Props) => JSX.Element;
 interface WrapperProps {
-    color: iconColors;
+    color: AllColors;
     size: SizeProp;
     backgroundColor?: paletteColor;
     className?: string;

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

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

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

@@ -1,9 +1,9 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
-import React from 'react';
 import { IconProps } from './Icon';
-export declare const Normal: () => React.JSX.Element;
-export declare const WithBackground: () => React.JSX.Element;
-export declare const DuotoneColored: () => React.JSX.Element;
-export declare const _CustomIcon: () => React.JSX.Element;
+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,12 @@
-import { Palette, paletteColor } from '../../index';
-export declare type iconColors = keyof Palette;
+import { paletteColor } from '../../index';
+import { AllColors } from '../../styles/types';
+export declare type iconColors = AllColors | string;
 declare type iconParts = 'primary' | 'secondary';
 export declare type IconColorPalette = {
     [k in iconParts]: paletteColor;
 };
 export declare type IconPalette = {
-    [k in iconColors]: IconColorPalette;
+    [k in AllColors]: IconColorPalette;
 };
 declare const iconPalette: IconPalette;
 export default iconPalette;

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

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

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

@@ -32,7 +32,8 @@ export interface SidebarItemDropdownProps {
 export declare enum SidebarBadgeConfigType {
     COUNTER = 0,
     ICON = 1,
-    DOT = 2
+    DOT = 2,
+    COUNTER_ICON = 3
 }
 declare type BadgeBaseConfig = {
     size?: BadgeSize;
@@ -49,7 +50,12 @@ interface BadgeIconConfig extends BadgeBaseConfig {
 interface BadgeDotConfig extends BadgeBaseConfig {
     type: SidebarBadgeConfigType.DOT;
 }
-export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
+interface BadgeCounterIconConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.COUNTER_ICON;
+    icon: IconProps;
+    counter: number | string;
+}
+export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig | BadgeCounterIconConfig;
 declare type StatusType = 'normal' | 'active' | 'disabled';
 export interface SidebarItemStyles extends colorsPalette {
     hoverColor: paletteColor;

package/dist/components/modals/components/ModalSearchable.d.ts

@@ -4,7 +4,7 @@ declare type PropTypes = {
     handleChangeValue: (value: string) => void;
     value: string;
     placeholder: string;
-    children: React.ReactChild;
+    children: React.ReactNode;
 };
 declare type TModalSearchable = React.FunctionComponent<PropTypes & Omit<ModalPropsInterface, 'header'>>;
 declare const ModalSearchable: TModalSearchable;

package/dist/components/modals/modalStyled.d.ts

@@ -4,7 +4,7 @@ import { ModalPropsInterface, StyledModalBoxProps } from './types';
 export declare const headerFooterHeight = "80px";
 export declare const animationDuration = 200;
 export declare const StyledReactModalContainer: import("styled-components").StyledComponent<typeof ReactModal, import("styled-components").DefaultTheme, ModalPropsInterface & {
-    children: React.ReactChild;
+    children: React.ReactNode;
 }, never>;
 export declare const StyledModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledModalBoxProps, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;

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

@@ -2,8 +2,5 @@
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ScrollableContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SortIndicator: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {
-    isSorted: boolean;
-    isSortedDesc: boolean;
-}, never>;
+export declare const SortIndicator: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,4 @@
-import { ReactChild } from 'react';
+import { ReactNode } from 'react';
 import { paletteColor } from '../..';
 import { IconProps } from '../icon';
 export declare enum TipType {
@@ -18,7 +18,7 @@ export interface TipProps {
     leftIcon?: IconProps;
     onClose?: () => void;
     renderCloseIcon?: () => JSX.Element;
-    text: ReactChild;
+    text: ReactNode;
     type?: TipType;
 }
 export declare type TipPalette = {

package/dist/components/verticalTabs/VerticalTabs.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { VerticalTabsProps } from './types';
+declare const VerticalTabs: ({ className, editMode, style, tabs }: VerticalTabsProps) => JSX.Element;
+export default VerticalTabs;

package/dist/components/verticalTabs/components/verticalTabsSelector/VerticalTabsSelector.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { VerticalTabsSelectorProps } from './types';
+declare const VerticalTabsSelector: ({ active, counter, editMode, icon, onClick, text, type, }: VerticalTabsSelectorProps) => JSX.Element;
+export default VerticalTabsSelector;

package/dist/components/verticalTabs/components/verticalTabsSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VerticalTabsSelector } from './VerticalTabsSelector';
+export { VerticalTabsSelectorProps } from './types';

package/dist/components/verticalTabs/components/verticalTabsSelector/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MappedWrapperProps } from './types';
+export declare const VerticalTabsSelectorWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MappedWrapperProps & Required<Pick<import("./types").VerticalTabsSelectorProps, "type" | "active">>, keyof MappedWrapperProps>;
+export declare const TextContainer: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {
+    fade: boolean;
+}, never>;

package/dist/components/verticalTabs/components/verticalTabsSelector/types.d.ts

@@ -0,0 +1,14 @@
+import { paletteColor } from '../../../../styles/types';
+import { VerticalTabsHeaderProps } from '../../types';
+export declare type VerticalTabsSelectorProps = VerticalTabsHeaderProps & {
+    active: boolean;
+    editMode: boolean;
+    onClick: () => void;
+};
+export declare type WrapperProps = Required<Pick<VerticalTabsSelectorProps, 'active' | 'type'>>;
+export declare type MappedWrapperProps = {
+    color: paletteColor;
+    background: paletteColor;
+    hoverBackground: paletteColor;
+    activeBackground: paletteColor;
+};

package/dist/components/verticalTabs/components/verticalTabsSelector/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { MappedWrapperProps, WrapperProps } from './types';
+declare type Params = WrapperProps & {
+    theme: DefaultTheme;
+};
+export declare const mapColors: ({ active, theme, type }: Params) => MappedWrapperProps;
+export {};

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

@@ -0,0 +1,3 @@
+export { default as VerticalTabs } from './VerticalTabs';
+export * from './types';
+export { default as verticalTabsPalette } from './verticalTabsPalette';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const VerticalTabsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../card").StyledCardProps & {
+    children: import("react").ReactNode | import("react").ReactNode[];
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalTabsSelectorsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalTabsContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,33 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ComponentType } from '../../common/types';
+import { paletteColor } from '../../styles/types';
+import { IconProps } from '../icon';
+export declare type VerticalTabsHeaderProps = {
+    counter?: number;
+    icon?: IconProps;
+    text: ReactNode;
+    type?: ComponentType;
+};
+export declare type VerticalTabsItem = {
+    active?: boolean;
+    content: ReactNode | (() => JSX.Element);
+    header: VerticalTabsHeaderProps;
+};
+export interface VerticalTabsProps {
+    className?: string;
+    editMode?: boolean;
+    style?: CSSProperties;
+    tabs: VerticalTabsItem[];
+}
+declare type VerticalTabsPalettePart = {
+    color: paletteColor;
+    background: paletteColor;
+    hoverBackground: paletteColor;
+    activeBackground: paletteColor;
+};
+declare type VerticalTabsPaletteType = {
+    active: VerticalTabsPalettePart;
+    normal: VerticalTabsPalettePart;
+};
+export declare type VerticalTabsPalette = Record<ComponentType, VerticalTabsPaletteType>;
+export {};

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

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { VerticalTabsProps } from './types';
+export declare const Template: Story<VerticalTabsProps>;
+declare const VerticalTabStories: Meta<VerticalTabsProps>;
+export default VerticalTabStories;

package/dist/components/verticalTabs/verticalTabsPalette.d.ts

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

package/dist/index.d.ts

@@ -36,8 +36,6 @@ import { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
 import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
-import { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus } from './components/verticalTab/components/VerticalTabSelector';
-import VerticalTab from './components/verticalTab/VerticalTab';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
@@ -53,4 +51,6 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { bwColor } from './styles/types';
 export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
-export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, VerticalTab, VerticalTabSelector, VerticalTabSelectorStatus, VerticalTabSelectorPalette, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Chart, ChartProps, ClosableCard, ClosableCardProps, ClosableCardPalette, };
+export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Chart, ChartProps, ClosableCard, ClosableCardProps, ClosableCardPalette, };
+export * from './components/verticalTabs';
+export * from './components/verticalTabs/components/verticalTabsSelector/VerticalTabsSelector';