@true-engineering/true-react-common-ui-kit 3.0.5 → 3.1.0

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { IInputProps } from './Input';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        type: {
+            control: string;
+            options: ("number" | "text" | "email" | "password" | undefined)[];
+        };
+        border: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        iconType: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        errorPosition: {
+            control: string;
+            options: string[];
+        };
+        mask: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        inlineStyles: {
+            control: string;
+            options: (string | undefined)[];
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>>;

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.d.ts

@@ -17,4 +17,3 @@ export interface INotificationProps extends ICommonProps<INotificationStyles> {
     children?: ReactNode;
 }
 export declare const Notification: FC<INotificationProps>;
-export default Notification;

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/Selector/Selector.d.ts

@@ -0,0 +1,21 @@
+import { ICommonProps } from '../../types';
+import { ISelectorOption, ISelectorValue } from './types';
+import { ISelectorStyles } from './Selector.styles';
+export interface ISelectorProps<V extends ISelectorValue> extends ICommonProps<ISelectorStyles> {
+    options: Array<ISelectorOption<V>>;
+    value?: V;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isRequired?: boolean;
+    /** @default false */
+    isInvalid?: boolean;
+    /** @default true */
+    hasSameOptionsWidth?: boolean;
+    /** @default 'left' */
+    iconPosition?: 'left' | 'right';
+    /** @default 'l' */
+    size?: 's' | 'm' | 'l';
+    onChange: (value: V) => void;
+}
+export declare function Selector<V extends ISelectorValue>({ options, value, isDisabled, isRequired, isInvalid, hasSameOptionsWidth, iconPosition, size, testId, data, tweakStyles, onChange, }: ISelectorProps<V>): JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { ITweakStyles } from '../../theme';
+export declare const SELECTOR_GAP: number;
+export declare const getSelectorLineStyle: (activeElementData?: {
+    clientWidth: number;
+    offsetLeft: number;
+}) => CSSProperties | undefined;
+export declare const useStyles: import("../../theme").IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth", unknown>;
+export type ISelectorStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,2 @@
+export * from './Selector';
+export type { ISelectorStyles } from './Selector.styles';

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { IIcon } from '../Icon';
+export type ISelectorValue = string | number | boolean;
+export interface ISelectorOption<V> {
+    label: ReactNode;
+    icon?: IIcon;
+    value: V;
+    /** @default false */
+    isDisabled?: boolean;
+}

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/Status/Status.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IStatusColor, IStatusSize } from './types';
+import { IStatusStyles } from './Status.styles';
+export interface IStatusProps extends ICommonProps<IStatusStyles> {
+    children: ReactNode;
+    color: IStatusColor;
+    icon?: IIcon;
+    /** @default 's' */
+    size?: IStatusSize;
+    /** @default 'right' */
+    iconPosition?: 'left' | 'right';
+    badge?: ReactNode;
+}
+export declare const Status: FC<IStatusProps>;

package/dist/components/Status/Status.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("./Status").IStatusProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./Status").IStatusProps>>;

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

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "text" | "blue" | "green" | "grey" | "orange" | "red" | "teal" | "violet" | "icon" | "custom" | "s" | "m" | "iconLeft" | "badge" | "xs", unknown>;
+export type IStatusStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Status/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STATUS_COLORS: readonly ["green", "teal", "blue", "grey", "orange", "red", "violet", "custom"];
+export declare const STATUS_SIZES: readonly ["xs", "s", "m"];

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

@@ -0,0 +1,2 @@
+export * from './Status';
+export type { IStatusStyles } from './Status.styles';

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

@@ -0,0 +1,3 @@
+import { STATUS_COLORS, STATUS_SIZES } from './constants';
+export type IStatusColor = (typeof STATUS_COLORS)[number];
+export type IStatusSize = (typeof STATUS_SIZES)[number];