@fattureincloud/fic-design-system 0.3.17-1845.3 → 0.3.20

package/dist/common/cssFixes/inputTextFixes.d.ts

@@ -0,0 +1,4 @@
+import { inputSizeType } from '../../components/form/common/types';
+export declare const inputTextHTMLInputBootstrapFixes: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    inputSize: inputSizeType;
+}, import("styled-components").DefaultTheme>>;

package/dist/common/cssFixes/labelFixes.d.ts

@@ -0,0 +1 @@
+export declare const inputTextHTMLLabelBootstrapFixes: import("styled-components").FlattenSimpleInterpolation;

package/dist/common/cssFixes/textAreaFixes.d.ts

@@ -0,0 +1 @@
+export declare const inputTextHTMLTextAreaBootstrapFixes: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { ButtonStyles, WrapperProps } from './types';
-export declare const LeftIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../../icon/iconPalette").IconColorPalette & import("../../icon").IconProps, "primary" | "secondary">;
-export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../../icon/iconPalette").IconColorPalette & import("../../icon").IconProps, "primary" | "secondary">;
+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 ButtonSpinner: import("styled-components").StyledComponent<({ className }: import("../../../common/components/Spinner").Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isLoading: boolean | undefined;
 }, never>;
-export declare const HrefWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "active" | "hover" | "textHover">;
-export declare const OnClickWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "active" | "hover" | "textHover">;
+export declare const HrefWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "hover" | "active" | "textHover">;
+export declare const OnClickWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "hover" | "active" | "textHover">;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChipsProps } from '../types';
 export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../../icon/iconPalette").IconColorPalette & import("../../icon").IconProps, "primary" | "secondary">;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UnstyledDrawerProps } from '../types';
 export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledDrawerProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../../icon/iconPalette").IconColorPalette & import("../../icon").IconProps, "primary" | "secondary">;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -5,5 +5,5 @@ declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisab
 export interface StyledItemProps extends Pick<DropdownItemProps, 'fullWidth' | 'maxWidth' | 'active' | 'isDisabled' | 'type'> {
     hasAction: boolean;
 }
-export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "cursor" | "opacity" | "background" | "hoverBackground">;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "opacity" | "background" | "hoverBackground" | "cursor">;
 export default Item;

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

@@ -18,7 +18,6 @@ export declare type DropdownProps = {
     placement?: Placement;
     minWidthAsTrigger?: boolean;
     forceOpen?: boolean;
-    alignRight?: boolean;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {

package/dist/components/form/common/components/ComplexInputWrapper.d.ts

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { InputElementProps } from './types';
 export declare type InputTextProps = LabelProps & InputElementProps;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
 declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { statusType } from 'components/form/common/types';
 interface Props {
     status: statusType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LabelProps extends WrapperProps {
     label?: string;
 }

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SelectProps } from './types';
+export declare const Select: (props: SelectProps<import("react-select").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;
+export declare const CreatableSelect: (props: SelectProps<import("react-select/creatable").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;
+export declare const AsyncSelect: (props: SelectProps<import("react-select/async").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;
+export declare const AsyncCreatableSelect: (props: SelectProps<import("react-select/async-creatable").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { BoxedInputWrapperProps } from '../common/styles';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { SelectProps } from './Select';
+export interface SelectInputPartsProps extends CommonFormTypes, LabelProps {
+    children?: ReactNode;
+}
+declare const SelectInputParts: (props: SelectInputPartsProps) => JSX.Element;
+export declare type SelectWrapperProps = Pick<SelectProps<ReactSelectProps>, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default SelectInputParts;

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

@@ -0,0 +1,12 @@
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { BoxedInputWrapperProps } from '../common/styles';
+import { SelectProps } from './types';
+export declare type SelectWrapperProps = Pick<SelectProps<ReactSelectProps>, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background"> & Pick<SelectProps<ReactSelectProps<{
+    label: string;
+    value: string;
+}, false, import("react-select").GroupTypeBase<{
+    label: string;
+    value: string;
+}>>>, "isDisabled" | "status" | "inputSize">, "borderColor" | "normalFocused" | "color" | "background">;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ClearIndicator: ({ isDisabled, clearValue }: import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default ClearIndicator;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Control: ({ innerProps: { onMouseDown }, children }: import("react-select").ControlProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").ControlProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default Control;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DropdownIndicator: ({ selectProps }: import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default DropdownIndicator;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DropdownItemProps } from '../../../dropdown';
+export interface SelectActionsType extends DropdownItemProps {
+    closeOnClick?: boolean;
+}
+interface Props {
+    actions: SelectActionsType[];
+    triggerClose: () => void;
+}
+declare const FooterActions: ({ actions, triggerClose }: Props) => JSX.Element;
+export default FooterActions;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MenuList: (props: import("react-select").MenuListComponentProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").MenuListComponentProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default MenuList;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { OptionTypeBase } from 'react-select/src/types';
+import { IconProps } from '../../../icon';
+import { OptionProps } from './types';
+export interface OptionType extends OptionTypeBase {
+    icon?: IconProps;
+    label: string;
+    value: string;
+}
+interface Props extends Omit<OptionProps, 'data'> {
+    data: OptionType;
+}
+declare const Option: ({ innerProps: { onClick }, data: { label, icon } }: Props) => JSX.Element;
+export default Option;

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

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

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../types';
+declare type SelectComponents = Required<Required<SelectProps>['components']>;
+export declare type OptionProps = ComponentProps<SelectComponents['Option']>;
+export declare type PlaceholderProps = ComponentProps<SelectComponents['Placeholder']>;
+export declare type ControlProps = ComponentProps<SelectComponents['Control']>;
+export declare type MenuListProps = ComponentProps<SelectComponents['MenuList']>;
+export declare type DropdownIndicatorProps = ComponentProps<NonNullable<SelectComponents['DropdownIndicator']>>;
+export declare type ClearIndicatorProps = ComponentProps<NonNullable<SelectComponents['ClearIndicator']>>;
+export {};

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

@@ -0,0 +1,2 @@
+import { SelectProps } from './types';
+export declare const customComponents: SelectProps['components'];

package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts

@@ -0,0 +1,13 @@
+import { statusType } from '../../common/types';
+interface Props {
+    status: statusType;
+    isDisabled?: boolean;
+}
+declare const useSelectThemeStyles: ({ status, isDisabled }: Props) => Partial<import("react-select").Styles<{
+    label: string;
+    value: string;
+}, false, import("react-select").GroupTypeBase<{
+    label: string;
+    value: string;
+}>>> | undefined;
+export default useSelectThemeStyles;

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

@@ -0,0 +1,5 @@
+import { SelectActionsType } from './components/FooterActions';
+import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
+import selectPalette, { SelectPalette } from './selectPalette';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
+export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, };

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, NormalSelectProps } from './types';
+export declare const NormalSelectOriginal: React.FC<NormalSelectProps>;
+export declare const CreatableSelectOriginal: React.FC<CreatableSelectProps>;
+export declare const AsyncSelectOriginal: React.FC<AsyncSelectProps>;
+export declare const AsyncCreatableSelectOriginal: React.FC<AsyncCreatableSelectProps>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,16 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { statusType } from '../common/types';
+export interface SelectParts extends colorsPalette {
+    borderColor: paletteColor;
+    iconColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: SelectParts;
+};
+export interface SelectPalette extends StatusesPalette {
+    normalFocused: SelectParts;
+    disabled: SelectParts;
+}
+declare const selectPalette: SelectPalette;
+export default selectPalette;

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

@@ -0,0 +1,12 @@
+import { Props as AsyncProps } from 'react-select/src/Async';
+import { Props as AsyncCreatableProps } from 'react-select/src/AsyncCreatable';
+import { Props as CreatableProps } from 'react-select/src/Creatable';
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { OptionType } from './components/Option';
+export declare type NormalSelectProps = SelectProps;
+export declare type CreatableSelectProps = SelectProps<CreatableProps<OptionType, boolean>>;
+export declare type AsyncSelectProps = SelectProps<AsyncProps<OptionType, boolean>>;
+export declare type AsyncCreatableSelectProps = SelectProps<AsyncCreatableProps<OptionType, boolean>>;
+export declare type SelectProps<T = ReactSelectProps<OptionType, boolean>> = CommonFormTypes & LabelProps & T;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CharCounterProps extends CharCounterOptions {
+    length: number;
+}
+export interface CharCounterOptions {
+    maxLength?: number;
+}
+declare const CharCounter: ({ length, maxLength }: CharCounterProps) => JSX.Element;
+export default CharCounter;

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

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

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

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

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

@@ -1,7 +1,10 @@
-import { FontAwesomeIcon, FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-import { IconColorPalette, iconColors } from './iconPalette';
+/// <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 _default: import("styled-components").StyledComponent<typeof FontAwesomeIcon, import("styled-components").DefaultTheme, IconColorPalette & IconProps, "primary" | "secondary">;
-export default _default;
+declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
+export declare type StyledIconProps = IconProps;
+export default Icon;

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

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

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

@@ -1,7 +1,8 @@
+/// <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<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../../icon/iconPalette").IconColorPalette & import("../../icon").IconProps, "primary" | "secondary">;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -14,4 +14,4 @@ export declare const TopAttachment: import("styled-components").StyledComponent<
     height: number | null;
 }, never>;
 export declare const BottomAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & import("../icon").IconProps, "primary" | "secondary">;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tabs/common/Item.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { RefObject } from 'react';
 import { TabsItem } from './types';
 interface Props extends TabsItem {
-    tabRef?: React.RefObject<HTMLDivElement>;
+    tabRef?: () => RefObject<HTMLDivElement>;
 }
 declare const Item: ({ active, handleClick, tabRef, text }: Props) => JSX.Element;
 export default Item;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { TagParts } from './tagPalette';
 import { StyledTagProps } from './types';
-export declare const LeftIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & import("../icon").IconProps, "primary" | "secondary">;
-export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & import("../icon").IconProps, "primary" | "secondary">;
+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 StyledTag: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TagParts & StyledTagProps, import("./tagPalette").tagParts>;

package/dist/components/toast/components/toastContent.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const StyledIconDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../../icon/iconPalette").IconColorPalette & import("../../icon").IconProps, "primary" | "secondary">;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTitle: 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 StyledAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/index.d.ts

@@ -8,13 +8,15 @@ import { Chip } from './components/chips';
 import { Drawer } from './components/drawer';
 import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette } from './components/dropdown';
 import { WithBadge } from './components/floatingBadge';
+import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
+import { InputText, InputTextPalette, InputTextProps } from './components/form/inputText';
+import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, Select, SelectPalette, SelectProps } from './components/form/select';
+import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
 import { Icon, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
 import { InlineMessage } from './components/inlineMessages';
-import { InputText } from './components/inputText';
-import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './components/inputText/typings/enums';
 import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
 import { MicroTag } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
@@ -24,7 +26,6 @@ import { PageEmptySet } from './components/pageEmptySet';
 import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
-import { Select, SelectAsync, SelectCreatable } from './components/select';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
@@ -36,4 +37,4 @@ import { Toast } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, SelectCreatable, SelectAsync, InputText, EInputErrorTypes, EInputSize, EInputTypes, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, EInputTags, ConfirmationModal, TextButton, MicroTag, Tag, };
+export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ConfirmationModal, TextButton, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };