@true-engineering/true-react-common-ui-kit 3.0.4 → 3.0.6

package/dist/components/Input/Input.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 export declare const AUTOSIZE_MAX_WIDTH = 480;
-export declare const useStyles: import("../../theme").IUseStyles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown>;
-export declare type IInputStyles = ITweakStyles<typeof useStyles, {
+export declare const useStyles: import("../../theme").IUseStyles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown>;
+export type IInputStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;
 }>;

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

@@ -1,2 +1,2 @@
 import { Props as ReactInputMaskBaseProps } from 'react-input-mask';
-export declare type IReactInputMaskProps = Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'>;
+export type IReactInputMaskProps = Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { List } from './List';
+declare const _default: ComponentMeta<import("react").FC<import("./List").IListProps>>;
+export default _default;
+export declare const Default: ComponentStory<typeof List>;

package/dist/components/List/List.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "item" | "root" | "icon" | "disabledItem" | "spacer" | "withIconGap", unknown>;
-export declare type IListStyles = ITweakStyles<typeof useStyles>;
+export type IListStyles = ITweakStyles<typeof useStyles>;

package/dist/components/List/components/ListItem/ListItem.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
 export declare const useStyles: import("../../../../theme").IUseStyles<"content" | "root" | "default" | "icon" | "destructive" | "disabledItem" | "spacer" | "withIconGap", unknown>;
-export declare type IListItemStyles = ITweakStyles<typeof useStyles>;
+export type IListItemStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { IModalProps } from './Modal';
+export interface IModalWithCustomProps extends IModalProps {
+    textSize: 'small' | 'medium' | 'large';
+}
+declare const _default: {
+    title: string;
+    component: FC<IModalProps>;
+    argTypes: {
+        buttonsAlign: {
+            control: string;
+            options: string[];
+        };
+        textSize: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+        position: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<FC<IModalWithCustomProps>>;

package/dist/components/Modal/Modal.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ICloseButtonStyles } from '../CloseButton';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "root" | "overlay" | "s" | "m" | "l" | "footer" | "animationEnd" | "animationStart" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "title" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
-export declare type IModalStyles = ITweakStyles<typeof useStyles, {
+export type IModalStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: ICloseButtonStyles;
 }>;

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

@@ -1,3 +1,3 @@
 import { TransitionProps } from 'react-transition-group/Transition';
-export declare type IModalPosition = 'center' | 'left' | 'right' | 'static';
-export declare type IModalTransitionProps = Pick<TransitionProps<HTMLDivElement>, 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited'>;
+export type IModalPosition = 'center' | 'left' | 'right' | 'static';
+export type IModalTransitionProps = Pick<TransitionProps<HTMLDivElement>, 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited'>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./MoreMenu").IMoreMenuProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./MoreMenu").IMoreMenuProps>>;

package/dist/components/MoreMenu/MoreMenu.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "icon" | "menu" | "active" | "disabled" | "hasCircle", unknown>;
-export declare type IMoreMenuStyles = ITweakStyles<typeof useStyles, {
+export type IMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
 }>;

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

@@ -0,0 +1,14 @@
+import { ComponentStory } from '@storybook/react';
+import { MultiSelect } from './MultiSelect';
+declare const _default: {
+    title: string;
+    component: typeof MultiSelect;
+    argTypes: {
+        corners: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<typeof MultiSelect>;

package/dist/components/MultiSelect/MultiSelect.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IMultiSelectListStyles } from '../MultiSelectList';
-export declare const useStyles: import("../../theme").IUseStyles<"right" | "left" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"left" | "right" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full", unknown>;
 export declare const multiSelectListStyles: IMultiSelectListStyles;
-export declare type IMultiSelectStyles = ITweakStyles<typeof useStyles, {
+export type IMultiSelectStyles = ITweakStyles<typeof useStyles, {
     tweakMultiSelectList: IMultiSelectListStyles;
 }>;

package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
 export declare const useStyles: import("../../../../theme").IUseStyles<"value" | "root" | "values" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrow" | "arrowUp" | "indicatorDisabled", unknown>;
-export declare type IMultiSelectInputStyles = ITweakStyles<typeof useStyles>;
+export type IMultiSelectInputStyles = ITweakStyles<typeof useStyles>;

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

@@ -1 +1 @@
-export declare type IHorizontalCornerConnection = 'full' | 'left' | 'right';
+export type IHorizontalCornerConnection = 'full' | 'left' | 'right';

package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts

@@ -6,7 +6,7 @@ export declare const useStyles: import("../../theme").IUseStyles<"clear" | "item
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const checkboxStyles: ICheckboxStyles;
 export declare const clearButtonStyles: IButtonStyles;
-export declare type IMultiSelectListStyles = ITweakStyles<typeof useStyles, {
+export type IMultiSelectListStyles = ITweakStyles<typeof useStyles, {
     tweakSearchInput: ISearchInputStyles;
     tweakCheckbox: ICheckboxStyles;
     tweakClearButton: IButtonStyles;

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

@@ -9,4 +9,4 @@ export interface IMultiSelectLocale {
     searchPlaceholder: string;
     nothingFound: string;
 }
-export declare type IMultiSelectLocaleKey = keyof typeof MultiSelectLocales;
+export type IMultiSelectLocaleKey = keyof typeof MultiSelectLocales;

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { INotificationProps } from './Notification';
+interface IStory extends INotificationProps {
+    shouldUseChildrenInstead: boolean;
+}
+declare const _default: Meta<IStory>;
+export default _default;
+export declare const Default: Story<IStory>;

package/dist/components/Notification/Notification.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "info" | "title" | "body" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
-export declare type INotificationStyles = ITweakStyles<typeof useStyles>;
+export type INotificationStyles = ITweakStyles<typeof useStyles>;

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

@@ -1 +1 @@
-export declare type INotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
+export type INotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./NumberInput").INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./NumberInput").INumberInputProps & import("react").RefAttributes<HTMLInputElement>>>;

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./PhoneInput").IPhoneInputProps>;
+    argTypes: {
+        iconType: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        errorPosition: {
+            control: string;
+            options: string[];
+        };
+        border: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        inlineStyle: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        defaultCountryCode: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./PhoneInput").IPhoneInputProps>>;

package/dist/components/PhoneInput/PhoneInput.styles.d.ts

@@ -3,7 +3,7 @@ import { IInputStyles } from '../Input';
 import { IPhoneInputCountryListStyles } from './components';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "arrow" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer", unknown>;
 export declare const inputStyles: IInputStyles;
-export declare type IPhoneInputStyles = ITweakStyles<typeof useStyles, {
+export type IPhoneInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;
     tweakCountryList: IPhoneInputCountryListStyles;
 }>;

package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { PhoneInputCountryList } from './PhoneInputCountryList';
+declare const _default: ComponentMeta<import("react").FC<import("./PhoneInputCountryList").IPhoneInputCountryListProps>>;
+export default _default;
+export declare const Default: ComponentStory<typeof PhoneInputCountryList>;

package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts

@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../../../theme';
 import { IInputStyles } from '../../../Input';
 export declare const useStyles: import("../../../../theme").IUseStyles<"dialCode" | "root" | "icon" | "flag" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "countryName" | "emptyResult", unknown>;
 export declare const inputStyles: IInputStyles;
-export declare type IPhoneInputCountryListStyles = ITweakStyles<typeof useStyles, {
+export type IPhoneInputCountryListStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;
 }>;

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

@@ -0,0 +1,8 @@
+import { ComponentStory } from '@storybook/react';
+import { RadioButton } from './RadioButton';
+declare const _default: {
+    title: string;
+    component: typeof RadioButton;
+};
+export default _default;
+export declare const Default: ComponentStory<typeof RadioButton>;

package/dist/components/RadioButton/RadioButton.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "input" | "label" | "isDisabled" | "isInvalid", unknown>;
-export declare type IRadioButtonStyles = ITweakStyles<typeof useStyles>;
+export type IRadioButtonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts

@@ -137,7 +137,7 @@ export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoVie
         style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
@@ -205,7 +205,7 @@ export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoVie
         'aria-rowspan'?: number | undefined;
         'aria-selected'?: (boolean | "false" | "true") | undefined;
         'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
         'aria-valuemax'?: number | undefined;
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -2,5 +2,5 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
-export declare type ISearchInputProps = Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
+export type ISearchInputProps = Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
 export declare const SearchInput: FC<ISearchInputProps>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./SearchInput").ISearchInputProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./SearchInput").ISearchInputProps>>;

package/dist/components/SearchInput/SearchInput.styles.d.ts

@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon", unknown>;
 export declare const inputStyles: IInputStyles;
-export declare type ISearchInputStyles = ITweakStyles<typeof useStyles, {
+export type ISearchInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;
 }>;

package/dist/components/Select/MultiSelect.stories.d.ts

@@ -0,0 +1,17 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { ISelectProps } from './Select';
+interface ISelectWithCustomProps<T> extends ISelectProps<T> {
+    valuesType: 'strings' | 'objects';
+    shouldUseReactNodes?: boolean;
+    shouldUsePopper?: boolean;
+    shouldRenderInBody?: boolean;
+    shouldHideOnScroll?: boolean;
+    shouldUseCustomIsDisabledFunction?: boolean;
+    shouldRenderSearchInputInList?: boolean;
+    canBeFlipped?: boolean;
+    scrollParent?: 'document' | 'auto';
+}
+declare function SelectWithCustomProps<T>({ valuesType, optionsMode, shouldUseReactNodes, shouldUsePopper, shouldRenderInBody, shouldHideOnScroll, shouldUseCustomIsDisabledFunction, shouldRenderSearchInputInList, canBeFlipped, scrollParent, noMatchesLabel, ...rest }: ISelectWithCustomProps<T>): JSX.Element;
+declare const _default: ComponentMeta<typeof SelectWithCustomProps>;
+export default _default;
+export declare const MultiSelect: ComponentStory<typeof SelectWithCustomProps>;

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

@@ -0,0 +1,17 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { ISelectProps } from './Select';
+interface ISelectWithCustomProps<T> extends ISelectProps<T> {
+    valuesType: 'strings' | 'objects';
+    shouldUseReactNodes?: boolean;
+    shouldUsePopper?: boolean;
+    shouldRenderInBody?: boolean;
+    shouldHideOnScroll?: boolean;
+    shouldUseCustomIsDisabledFunction?: boolean;
+    shouldRenderSearchInputInList?: boolean;
+    canBeFlipped?: boolean;
+    scrollParent?: 'document' | 'auto';
+}
+declare function SelectWithCustomProps<T>({ valuesType, optionsMode, shouldUseReactNodes, shouldUsePopper, shouldRenderInBody, shouldHideOnScroll, shouldUseCustomIsDisabledFunction, shouldRenderSearchInputInList, canBeFlipped, scrollParent, noMatchesLabel, ...rest }: ISelectWithCustomProps<T>): JSX.Element;
+declare const _default: ComponentMeta<typeof SelectWithCustomProps>;
+export default _default;
+export declare const Default: ComponentStory<typeof SelectWithCustomProps>;

package/dist/components/Select/Select.styles.d.ts

@@ -3,19 +3,19 @@ import { IInputStyles } from '../Input';
 import { ISearchInputStyles } from '../SearchInput';
 import { ISelectListStyles } from './components';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter", unknown>;
-export declare const readonlyInputStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+export declare const readonlyInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const multiSelectInputStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+export declare const multiSelectInputStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"top" | "bottom" | "right" | "left" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
+export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "inputWrapper" | "autosize" | "label" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "requiredLabel" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "clearIcon" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "info" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
@@ -26,7 +26,7 @@ export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
     isMultiSelect: boolean;
 }) => IInputStyles;
 export declare const searchInputStyles: ISearchInputStyles;
-export declare type ISelectStyles = ITweakStyles<typeof useStyles, {
+export type ISelectStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;
     tweakSelectList: ISelectListStyles;
     tweakSearchInput: ISearchInputStyles;

package/dist/components/Select/components/SelectList/SelectList.styles.d.ts

@@ -3,4 +3,4 @@ export declare const ROW_HEIGHT = 40;
 export declare const CONTAINER_PADDING = 10;
 export declare const CELL_PADDING: number[];
 export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "listHeader" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell", unknown>;
-export declare type ISelectListStyles = ITweakStyles<typeof useStyles>;
+export type ISelectListStyles = ITweakStyles<typeof useStyles>;

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

@@ -1 +1 @@
-export declare type IMultipleSelectValue<Value> = Array<NonNullable<Value>>;
+export type IMultipleSelectValue<Value> = Array<NonNullable<Value>>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./Skeleton").ISkeletonProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./Skeleton").ISkeletonProps>>;

package/dist/components/Skeleton/Skeleton.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "@keyframes skeleton", unknown>;
-export declare type ISkeletonStyles = ITweakStyles<typeof useStyles>;
+export type ISkeletonStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { ISmartType } from './types';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./SmartInput").ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        type: {
+            control: string;
+            options: ("number" | "text" | "email" | "password" | undefined)[];
+        };
+        smartType: {
+            control: string;
+            options: ISmartType[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./SmartInput").ISmartInputProps & import("react").RefAttributes<HTMLInputElement>>>;

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

@@ -1 +1 @@
-export declare type ISmartType = 'name' | 'nameRuEn' | 'surname' | 'surnameRuEn' | 'email' | 'agencyName' | 'default' | 'digits' | 'docNumber' | 'benefitCert';
+export type ISmartType = 'name' | 'nameRuEn' | 'surname' | 'surnameRuEn' | 'email' | 'agencyName' | 'default' | 'digits' | 'docNumber' | 'benefitCert';

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

@@ -0,0 +1,17 @@
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: import("./Switch").ISwitchProps<V>) => JSX.Element;
+    argTypes: {
+        labelPosition: {
+            control: string;
+            options: string[];
+        };
+        color: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<(<V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: import("./Switch").ISwitchProps<V>) => JSX.Element)>;

package/dist/components/Switch/Switch.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "label" | "switch" | "labelLeft" | "labelRight", unknown>;
-export declare type ISwitchStyles = ITweakStyles<typeof useStyles>;
+export type ISwitchStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./TextArea").ITextAreaProps>;
+    argTypes: {
+        maxLength: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./TextArea").ITextAreaProps>>;

package/dist/components/TextArea/TextArea.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "label" | "footer" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "requiredLabel" | "invalidLabel" | "info" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
-export declare type ITextAreaStyles = ITweakStyles<typeof useStyles>;
+export type ITextAreaStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { ITextWithInfoProps } from './TextWithInfo';
+interface ITextWithInfoWithCustomProps extends ITextWithInfoProps {
+    infoTooltip: string;
+    link: string;
+}
+declare const _default: {
+    title: string;
+    component: FC<ITextWithInfoWithCustomProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<FC<ITextWithInfoWithCustomProps>>;

package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
 export declare const useStyles: import("../../theme").IUseStyles<"container" | "root" | "text" | "info" | "selected", unknown>;
-export declare type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;
+export type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./TextWithTooltip").ITextWithTooltipProps>;
+    argTypes: {
+        tooltipPosition: {
+            control: string;
+            options: string[];
+        };
+        tooltipView: {
+            control: string;
+            options: string[];
+        };
+        tooltipType: {
+            control: string;
+            options: string[];
+        };
+        mouseEventType: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./TextWithTooltip").ITextWithTooltipProps>>;

package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { ITooltipStyles } from '../Tooltip';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "tooltip" | "clickable", unknown>;
-export declare type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
+export type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
     tweakTooltip: ITooltipStyles;
 }>;

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ComponentStory } from '@storybook/react';
+import { IThemedPreloaderProps } from './ThemedPreloader';
+interface IThemedPreloaderWithCustomProps extends IThemedPreloaderProps {
+    currentColor: string;
+}
+declare const _default: {
+    title: string;
+    component: FC<IThemedPreloaderWithCustomProps>;
+    argTypes: {
+        type: {
+            options: string[];
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<FC<IThemedPreloaderWithCustomProps>>;

package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IDotsPreloaderStyles, ISvgPreloaderStyles } from './components';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "default" | "currentColor" | "dots" | "logo", unknown>;
-export declare type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
+export type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
     tweakDotsPreloader: IDotsPreloaderStyles;
     tweakSvgPreloader: ISvgPreloaderStyles;
 }>;

package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { ICommonProps } from '../../../../types';
 import { IDotsPreloaderStyles } from './DotsPreloader.styles';
-export declare type IDotsPreloaderProps = Pick<ICommonProps<IDotsPreloaderStyles>, 'tweakStyles'>;
+export type IDotsPreloaderProps = Pick<ICommonProps<IDotsPreloaderStyles>, 'tweakStyles'>;
 export declare const DotsPreloader: FC<IDotsPreloaderProps>;