@fattureincloud/fic-design-system 0.7.44 → 1.0.0

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, MouseEvent } from 'react';
 import { LabelProps } from '../../../common/types/label';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
@@ -29,7 +29,7 @@ export interface RadioInputProps {
     hasError: boolean;
 }
 export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
-    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: MouseEvent<HTMLInputElement>) => void;
     text?: string;
     helper?: InputHelperProps;
     className?: string;
@@ -38,7 +38,7 @@ export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<
 export interface RadioProps extends Omit<RadioImplProps, 'value'> {
     value: RadioImplProps['value'] | boolean;
 }
-export declare type RadioPalette = {
+export type RadioPalette = {
     input: {
         [k in RadioState]: {
             [k in RadioStatus]: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroupProps } from './types';
 /**
  * Component Props:

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { RadioGroupProps } from './types';
-export declare const WithStatus: Story<RadioGroupProps>;
+export declare const WithStatus: StoryFn<RadioGroupProps>;
 declare const RadioGrupStories: Meta<RadioGroupProps>;
 export default RadioGrupStories;

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

@@ -2,7 +2,7 @@
 import { spacing } from '../../../styles/spacing';
 import { InputHelperProps } from '../inputHelper';
 import { RadioProps } from '../radio';
-export declare type RadioGroupOptions = Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
+export type RadioGroupOptions = Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
 export interface RadioGroupProps extends RadioGroupWrapperProps {
     options: RadioGroupOptions;
     initialSelection?: number;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { OptionType } from './components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
-export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti, import("react-select").Props<O, IsMulti, import("react-select").GroupTypeBase<O>>>) => JSX.Element;
+export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti>) => JSX.Element;
 export declare const CreatableSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: CreatableSelectProps<O, IsMulti>) => JSX.Element;
 export declare const AsyncSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: AsyncSelectProps<O, IsMulti>) => JSX.Element;
 export declare const AsyncCreatableSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: AsyncCreatableSelectProps<O, IsMulti>) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { BoxedInputWrapperProps } from '../common/styles';
 import { SelectProps } from './types';
-export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
-export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
+export type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "isPrefilled" | "isTransparent" | "normalFocused">;

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

@@ -1,4 +1,5 @@
-import { IndicatorProps } from 'react-select/src/components/indicators';
+/// <reference types="react" />
+import { IndicatorProps } from 'react-select';
 import { OptionType } from './Option';
-declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti>) => JSX.Element;
 export default ClearIndicator;

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

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { ControlProps } from 'react-select';
 import { OptionType } from './Option';
-declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti>) => JSX.Element;
 export default Control;

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

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { IndicatorProps } from 'react-select';
 import { OptionType } from './Option';
-declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti>) => JSX.Element;
 export default DropdownIndicator;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownItemProps } from '../../../dropdown';
 export interface SelectActionsType extends DropdownItemProps {
     closeOnClick?: boolean;

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

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { MenuListComponentProps } from 'react-select/src/components/Menu';
 import { OptionType } from './Option';
-declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti>) => JSX.Element;
 export default MenuList;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionProps } from 'react-select';
 import { OptionTypeBase } from 'react-select/src/types';
 import { IconProps } from '../../../icon';

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

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { SingleValueProps } from 'react-select';
 import { OptionType } from './Option';
-declare const SingleValue: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const SingleValue: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O>) => JSX.Element;
 export default SingleValue;

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

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

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

@@ -1,6 +1,6 @@
 import { OptionType } from '../components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from '../types';
-declare type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
+type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
 interface ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> {
     customComponents: Partial<SelectProps<O, IsMulti>['components']>;
     styles: SelectProps<O, IsMulti>['styles'];

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

@@ -1,6 +1,6 @@
 import { OptionType } from '../components/Option';
 import { SelectProps, simpleValue } from '../types';
-declare type ReturnType<O extends OptionType = OptionType> = {
+type ReturnType<O extends OptionType = OptionType> = {
     simpleValue: simpleValue;
     onChange: Required<SelectProps<O>>['onChange'];
 };

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

@@ -3,7 +3,7 @@ import { CSSObject } from 'styled-components';
 import { statusType } from '../../common/types';
 import { OptionType } from '../components/Option';
 import { SelectProps } from '../types';
-export declare type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
+export type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
 interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> {
     customStyles?: CustomStylesType<O, IsMulti>;
     status: statusType;

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

@@ -1,8 +1,8 @@
 import { Dispatch, SetStateAction } from 'react';
 import { ValueType } from 'react-select';
 import { OptionType } from '../components/Option';
-declare type valueType<O extends OptionType = OptionType, IsMulti extends boolean = false> = ValueType<O, IsMulti>;
-declare type ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> = [
+type valueType<O extends OptionType = OptionType, IsMulti extends boolean = false> = ValueType<O, IsMulti>;
+type ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> = [
     valueType<O, IsMulti> | undefined,
     Dispatch<SetStateAction<valueType<O, IsMulti> | undefined>>
 ];

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

@@ -6,5 +6,5 @@ import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Se
 import selectPalette, { SelectPalette } from './selectPalette';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue } from './types';
 import { isSimpleValue } from './utils';
-declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
+type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
 export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, useSelectSimpleValue, simpleValue, isSimpleValue, };

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

@@ -1,8 +1,8 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { OptionType } from './components/Option';
 import { SelectProps } from './types';
-export declare const Single: Story<SelectProps>;
-export declare const Simple: Story<SelectProps>;
-export declare const Multi: Story<SelectProps<OptionType, true>>;
+export declare const Single: StoryFn<SelectProps>;
+export declare const Simple: StoryFn<SelectProps>;
+export declare const Multi: StoryFn<SelectProps<OptionType, true>>;
 declare const SelectStories: Meta<SelectProps>;
 export default SelectStories;

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

@@ -5,7 +5,7 @@ export interface SelectParts extends colorsPalette {
     borderColor: paletteColor;
     iconColor: paletteColor;
 }
-declare type StatusesPalette = {
+type StatusesPalette = {
     [key in statusType]: SelectParts;
 };
 export interface SelectPalette extends StatusesPalette {

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

@@ -6,13 +6,13 @@ import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { OptionType } from './components/Option';
 import { CustomStylesType } from './hooks/useSelectThemeStyles';
-export declare type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
+export type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
     isPrefilled?: boolean;
     customStyles?: CustomStylesType<O, IsMulti>;
     isTransparent?: boolean;
     simpleValue?: simpleValue;
 };
-export declare type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
-export declare type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
-export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
-export declare type simpleValue = string | number | null | undefined;
+export type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
+export type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
+export type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
+export type simpleValue = string | number | null | undefined;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CharCounterProps extends CharCounterOptions {
     length: number;
 }

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

@@ -2,6 +2,6 @@ import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
 declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
-export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
-export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
+export type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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

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

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

@@ -4,7 +4,7 @@ import { statusType } from '../common/types';
 export interface TextAreaParts extends colorsPalette {
     borderColor: paletteColor;
 }
-declare type StatusesPalette = {
+type StatusesPalette = {
     [key in statusType]: TextAreaParts;
 };
 export interface TextAreaPalette extends StatusesPalette {

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

@@ -1,7 +1,7 @@
 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'> {
+export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
     initialHeight?: string;
     value?: string | null;
     setValue?: Dispatch<SetStateAction<string>>;

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

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

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

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

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

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

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

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

package/dist/components/inlineMessage/InlineMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InlineMessageProps } from './types';
 /**
  * Component Props:

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { InlineMessageProps } from './types';
-export declare const Standard: Story<InlineMessageProps>;
+export declare const Standard: StoryFn<InlineMessageProps>;
 declare const InlineMessageStories: Meta<InlineMessageProps>;
 export default InlineMessageStories;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InlineMessageProps, InlineMessageType, 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, {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
 export declare enum InlineMessageType {
@@ -33,12 +34,12 @@ export interface InlineMessageStyle {
 export interface StyledContentProps {
     margin: boolean;
 }
-export declare type InlineMessageColor = {
+export type InlineMessageColor = {
     title: paletteColor;
     content: paletteColor;
     background: paletteColor;
     border?: paletteColor;
 };
-export declare type InlineMessagePalette = {
+export type InlineMessagePalette = {
     [k in InlineMessageType]: InlineMessageColor;
 };

package/dist/components/inputText/components/icons.d.ts

@@ -0,0 +1,8 @@
+import { EInputSize } from '../typings/enums';
+interface IconProps {
+    size?: EInputSize;
+    hasAction: boolean;
+}
+export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export {};

package/dist/components/inputText/components/inputContainer.d.ts

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

package/dist/components/inputText/components/messages.d.ts

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

package/dist/components/inputText/components/wrapperTextArea.d.ts

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

package/dist/components/inputText/icons.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '../icon';
+export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+}, "primary" | "secondary">;
+export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+} & {
+    isValid?: boolean | undefined;
+}, "primary" | "secondary">;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputTextPropsInterface } from './typings/inputText';
+export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

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

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

package/dist/components/inputText/inputTextStyledWrapper.d.ts

@@ -0,0 +1,2 @@
+import { InputTextStylingPropsInterface } from './typings/inputText';
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputTextStylingPropsInterface, never>;

package/dist/components/inputText/sideText.d.ts

@@ -0,0 +1,6 @@
+export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -0,0 +1,17 @@
+export declare enum EInputSize {
+    medium = "medium",
+    large = "large"
+}
+export declare enum EInputTags {
+    textarea = "textarea",
+    input = "input"
+}
+export declare enum EInputTypes {
+    password = "password",
+    text = "text",
+    number = "number"
+}
+export declare enum EInputErrorTypes {
+    generic = "generic",
+    wordcount = "wordcount"
+}

package/dist/components/inputText/typings/inputText.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IconProps } from '../../icon';
+import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
+export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
+export interface InputTextStateInterface {
+}
+export interface InputTextStylingPropsInterface {
+    size?: EInputSize;
+    isDisabled?: boolean;
+    inputWidth?: string;
+    error?: {
+        id: EInputErrorTypes;
+        message: string;
+    };
+    rightInputIcon?: IconProps;
+    leftInputIcon?: IconProps;
+}
+export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
+    tag?: EInputTags;
+    inputType?: EInputTypes;
+    value?: number | string;
+    inputPlaceholder?: string;
+    autoFocus?: boolean;
+    label?: string;
+    textAreaWordCount?: {
+        max: number;
+        current: number;
+    };
+    name?: string;
+    rows?: number;
+    className?: string;
+    description?: {
+        message: string;
+    };
+    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
+    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    rightIconOnClick?: () => void;
+    leftIconOnClick?: () => void;
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MergedInputElements } from './typings/inputText';
+/**
+ *
+ * @param textInput
+ * It checks if the type of input is HTMLTextAreaElement or not
+ */
+export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SidebarItemProps } from './types';
 /**
  * Component Props:

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SidebarItemDropdownProps } from '../types';
 declare const SidebarItemDropdown: ({ className, content, forceOpen }: SidebarItemDropdownProps) => JSX.Element;
 export default SidebarItemDropdown;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { paletteColor } from '../../../styles/types';
 import { SidebarItemStyles } from './types';
 export interface WrapperProps {

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

@@ -34,7 +34,7 @@ export declare enum SidebarBadgeConfigType {
     ICON = 1,
     DOT = 2
 }
-declare type BadgeBaseConfig = {
+type BadgeBaseConfig = {
     size?: BadgeSize;
     variant?: FloatingBadgeType;
 };
@@ -49,15 +49,15 @@ interface BadgeIconConfig extends BadgeBaseConfig {
 interface BadgeDotConfig extends BadgeBaseConfig {
     type: SidebarBadgeConfigType.DOT;
 }
-export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
-declare type StatusType = 'normal' | 'active' | 'disabled';
+export type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig;
+type StatusType = 'normal' | 'active' | 'disabled';
 export interface SidebarItemStyles extends colorsPalette {
     hoverColor: paletteColor;
     hoverBackground: paletteColor;
     dropdownHover: paletteColor;
     dropdownActive: paletteColor;
 }
-export declare type SidebarItemPalette = {
+export type SidebarItemPalette = {
     [key in StatusType]: SidebarItemStyles;
 };
 export {};

package/dist/components/microTag/MicroTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TagType } from './types';
 export interface MicroTagProps {
     text: string;

package/dist/components/microTag/microTagPalette.d.ts

@@ -1,10 +1,10 @@
 import { paletteColor } from '../../styles/types';
 import { TagType } from './types';
-declare type microTagParts = 'color' | 'backgroundColor';
-export declare type MicroTagParts = {
+type microTagParts = 'color' | 'backgroundColor';
+export type MicroTagParts = {
     [key in microTagParts]: paletteColor;
 };
-export declare type MicroTagPalette = {
+export type MicroTagPalette = {
     [key in TagType]: MicroTagParts;
 };
 declare const microTagPalette: MicroTagPalette;

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

@@ -1 +1 @@
-export declare type TagType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export type TagType = 'standard' | 'error' | 'info' | 'warning' | 'success';

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ModalPropsInterface } from '../types';
-declare type PropTypes = {
+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'>>;
+type TModalSearchable = React.FunctionComponent<PropTypes & Omit<ModalPropsInterface, 'header'>>;
 declare const ModalSearchable: TModalSearchable;
 export default ModalSearchable;