@true-engineering/true-react-common-ui-kit 3.1.1 → 3.2.0

package/dist/helpers/phone.d.ts

@@ -1,14 +1,14 @@
-import type { IPhoneInfo, IPhoneValue } from '../components';
-export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
-export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
-export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
-/**
- * Мутирует countriesList!
- */
-export declare const sortCountriesByLocale: (countriesList: IPhoneInfo[], locale: string) => IPhoneInfo[];
-export declare const checkSearchStringInCountry: (country: IPhoneInfo, searchString: string) => boolean;
-export declare const getFullPhone: (phone?: IPhoneValue) => string;
-export declare const getCountryCodeFromPhone: (phoneWithCode: string) => string | undefined;
-export declare const getPhoneObjFromString: (fullPhone: string, countryCode?: string) => IPhoneValue;
-export declare const DEFAULT_PHONE_MASK = "+ 9 999 999 999 999 99";
-export declare const getPhoneMask: (countryCode?: string) => string;
+import type { IPhoneInfo, IPhoneValue } from '../components';
+export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
+export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
+export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
+/**
+ * Мутирует countriesList!
+ */
+export declare const sortCountriesByLocale: (countriesList: IPhoneInfo[], locale: string) => IPhoneInfo[];
+export declare const checkSearchStringInCountry: (country: IPhoneInfo, searchString: string) => boolean;
+export declare const getFullPhone: (phone?: IPhoneValue) => string;
+export declare const getCountryCodeFromPhone: (phoneWithCode: string) => string | undefined;
+export declare const getPhoneObjFromString: (fullPhone: string, countryCode?: string) => IPhoneValue;
+export declare const DEFAULT_PHONE_MASK = "+ 9 999 999 999 999 99";
+export declare const getPhoneMask: (countryCode?: string) => string;

package/dist/helpers/popper-helpers.d.ts

@@ -1,2 +1,2 @@
-import { Modifier } from 'react-overlays/usePopper';
-export declare const minWidthModifier: Partial<Modifier<any, any>>;
+import { Modifier } from 'react-overlays/usePopper';
+export declare const minWidthModifier: Partial<Modifier<any, any>>;

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
-export * from './use-is-mounted';
-export * from './use-on-click-outside';
-export * from './use-dropdown';
-export * from './use-tweak-styles';
-export * from './use-did-mount-effect';
-export * from './use-mixed-styles';
-export * from './use-merged-refs';
+export * from './use-is-mounted';
+export * from './use-on-click-outside';
+export * from './use-dropdown';
+export * from './use-tweak-styles';
+export * from './use-did-mount-effect';
+export * from './use-mixed-styles';
+export * from './use-merged-refs';

package/dist/hooks/use-did-mount-effect.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, EffectCallback } from 'react';
-export declare const useDidMountEffect: (effect: EffectCallback, dependencies: DependencyList) => void;
+import { DependencyList, EffectCallback } from 'react';
+export declare const useDidMountEffect: (effect: EffectCallback, dependencies: DependencyList) => void;

package/dist/hooks/use-dropdown.d.ts

@@ -1,11 +1,11 @@
-import { DependencyList } from 'react';
-import usePopper, { VirtualElement } from 'react-overlays/usePopper';
-import { IDropdownWithPopperOptions } from '../types';
-export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
-    isOpen: boolean;
-    referenceElement: VirtualElement | null | undefined;
-    dropdownElement: HTMLElement | null | undefined;
-    options?: IDropdownWithPopperOptions | undefined;
-    dependenciesForPositionUpdating?: DependencyList | undefined;
-    onDropdownClose(event: Event): void;
-}) => ReturnType<typeof usePopper> | undefined;
+import { DependencyList } from 'react';
+import usePopper, { VirtualElement } from 'react-overlays/usePopper';
+import { IDropdownWithPopperOptions } from '../types';
+export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
+    isOpen: boolean;
+    referenceElement: VirtualElement | null | undefined;
+    dropdownElement: HTMLElement | null | undefined;
+    options?: IDropdownWithPopperOptions | undefined;
+    dependenciesForPositionUpdating?: DependencyList | undefined;
+    onDropdownClose(event: Event): void;
+}) => ReturnType<typeof usePopper> | undefined;

package/dist/hooks/use-is-mounted.d.ts

@@ -1 +1 @@
-export declare const useIsMounted: () => (() => boolean);
+export declare const useIsMounted: () => (() => boolean);

package/dist/hooks/use-merged-refs.d.ts

@@ -1,2 +1,2 @@
-import { mergeRefs } from '@true-engineering/true-react-platform-helpers';
-export declare const useMergedRefs: typeof mergeRefs;
+import { mergeRefs } from '@true-engineering/true-react-platform-helpers';
+export declare const useMergedRefs: typeof mergeRefs;

package/dist/hooks/use-mixed-styles.d.ts

@@ -1 +1 @@
-export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;
+export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;

package/dist/hooks/use-on-click-outside.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
-export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
-export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
-export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;
+import { RefObject } from 'react';
+export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
+export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
+export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;

package/dist/hooks/use-tweak-styles.d.ts

@@ -1,21 +1,21 @@
-import { IComponentName } from '../theme';
-export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1>({ innerStyles, tweakStyles: currentComponentTweakStyles, className, currentComponentName, }: {
-    /**
-     * Это tweakStyles, определенные в родительском компоненте
-     * (например, стили для Input, определенные в стилях компонента Select)
-     */
-    innerStyles?: StyleSheet_1[ClassName] | undefined;
-    /**
-     * Пропса tweakStyles из родительского компонента
-     * (это уже непосредственно ISelectProps.tweakStyles)
-     */
-    tweakStyles?: StyleSheet_1 | undefined;
-    /**
-     * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
-     */
-    className: ClassName;
-    /**
-     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
-     */
-    currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
-}) => StyleSheet_1[ClassName];
+import { IComponentName } from '../theme';
+export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1>({ innerStyles, tweakStyles: currentComponentTweakStyles, className, currentComponentName, }: {
+    /**
+     * Это tweakStyles, определенные в родительском компоненте
+     * (например, стили для Input, определенные в стилях компонента Select)
+     */
+    innerStyles?: StyleSheet_1[ClassName] | undefined;
+    /**
+     * Пропса tweakStyles из родительского компонента
+     * (это уже непосредственно ISelectProps.tweakStyles)
+     */
+    tweakStyles?: StyleSheet_1 | undefined;
+    /**
+     * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
+     */
+    className: ClassName;
+    /**
+     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
+     */
+    currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
+}) => StyleSheet_1[ClassName];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from './theme';
-export * from './components';
-export * from './hooks';
-export * from './types';
-export * from './constants';
-export * from './helpers';
+export * from './theme';
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './constants';
+export * from './helpers';

package/dist/theme/Provider.d.ts

@@ -1,11 +1,11 @@
-import { FC, ReactNode } from 'react';
-import { IUiKitTheme } from './types';
-export interface IThemedProviderProps {
-    theme: IUiKitTheme;
-    children: ReactNode;
-}
-export declare const getTheme: () => IUiKitTheme;
-export declare const ThemeContext: import("react").Context<{
-    theme: IUiKitTheme;
-}>;
-export declare const ThemeProvider: FC<IThemedProviderProps>;
+import { FC, ReactNode } from 'react';
+import { IUiKitTheme } from './types';
+export interface IThemedProviderProps {
+    theme: IUiKitTheme;
+    children: ReactNode;
+}
+export declare const getTheme: () => IUiKitTheme;
+export declare const ThemeContext: import("react").Context<{
+    theme: IUiKitTheme;
+}>;
+export declare const ThemeProvider: FC<IThemedProviderProps>;

package/dist/theme/common.d.ts

@@ -1,98 +1,98 @@
-import { Styles } from 'react-jss';
-import { IUiKitTheme } from './types';
-export declare const colors: {
-    readonly FONT_MAIN: "#222a37";
-    readonly FONT_MEDIUM: "#505f79";
-    readonly FONT_LABEL: "#7a869a";
-    readonly FONT_DISABLED: "#95a0b3";
-    readonly GREY_ACTIVE: "#95a0b3";
-    readonly BORDER_MAIN: "#d0d6e1";
-    readonly BORDER_LIGHT: "#dde3ed";
-    readonly GREY_HOVER: "#dde3ed";
-    readonly GREY_FOCUS: "#eceff5";
-    readonly GREY_DISABLED: "#eceff5";
-    readonly GREY_BACKGROUND: "#f6f8fc";
-    readonly CLASSIC_WHITE: "#ffffff";
-    readonly RED_ACTIVE: "#912e34";
-    readonly RED_HOVER: "#c13e45";
-    readonly RED_WARNING: "#f14d56";
-    readonly RED_WARNING_LIGHT: "#ff6261";
-    readonly RED_BACKGROUND: "#feedee";
-    readonly ORANGE_BACKGROUND: "#fff4e9";
-    readonly GREEN_BACKGROUND: "#f4f9e6";
-    readonly BLUE_BACKGROUND: "#ebf1ff";
-    readonly GREEN_FOCUS: "#97ba1e";
-    readonly ORANGE_FOCUS: "#ff991f";
-};
-export declare const dimensions: {
-    readonly BORDER_RADIUS_LARGE: 16;
-    readonly BORDER_RADIUS_MEDIUM: 12;
-    readonly BORDER_RADIUS_STD: 8;
-    readonly BORDER_RADIUS_SMALL: 6;
-    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
-    readonly CONTROL_HEIGHT: 48;
-};
-export declare const helpers: {
-    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
-    withScrollBar: {
-        boxSizing: string;
-        overflow: string;
-        '@supports selector(::-webkit-scrollbar)': {
-            '&::-webkit-scrollbar': {
-                height: number;
-                width: number;
-                '&-thumb': {
-                    width: number;
-                    minHeight: number;
-                    border: (string | number)[];
-                    borderRadius: number;
-                    backgroundColor: "#d0d6e1";
-                    backgroundClip: "padding-box";
-                    '&:hover': {
-                        backgroundColor: "#95a0b3";
-                    };
-                };
-                '&-track-piece': {
-                    backgroundColor: "transparent";
-                };
-                '&-corner': {
-                    backgroundColor: "transparent";
-                };
-            };
-        };
-        '@supports not selector(::-webkit-scrollbar)': {
-            scrollbarWidth: "thin";
-            scrollbarColor: "#d0d6e1 transparent";
-        };
-    };
-};
-export declare const animations: {
-    slideUp: {
-        'slide-up-enter': {
-            opacity: number;
-            transform: string;
-        };
-        'slide-up-enter-active': {
-            opacity: number;
-            transform: string;
-            transition: string;
-            transitionProperty: string;
-        };
-        'slide-up-exit-active': {
-            opacity: number;
-            transform: string;
-        };
-        'slide-up-exit': {
-            opacity: number;
-            transform: string;
-            transition: string;
-            transitionProperty: string;
-        };
-    };
-};
-export interface ICommonUiKitTheme extends IUiKitTheme {
-    colors: typeof colors;
-    dimensions: typeof dimensions;
-    helpers: typeof helpers;
-}
-export declare const common: ICommonUiKitTheme;
+import { Styles } from 'react-jss';
+import { IUiKitTheme } from './types';
+export declare const colors: {
+    readonly FONT_MAIN: "#222a37";
+    readonly FONT_MEDIUM: "#505f79";
+    readonly FONT_LABEL: "#7a869a";
+    readonly FONT_DISABLED: "#95a0b3";
+    readonly GREY_ACTIVE: "#95a0b3";
+    readonly BORDER_MAIN: "#d0d6e1";
+    readonly BORDER_LIGHT: "#dde3ed";
+    readonly GREY_HOVER: "#dde3ed";
+    readonly GREY_FOCUS: "#eceff5";
+    readonly GREY_DISABLED: "#eceff5";
+    readonly GREY_BACKGROUND: "#f6f8fc";
+    readonly CLASSIC_WHITE: "#ffffff";
+    readonly RED_ACTIVE: "#912e34";
+    readonly RED_HOVER: "#c13e45";
+    readonly RED_WARNING: "#f14d56";
+    readonly RED_WARNING_LIGHT: "#ff6261";
+    readonly RED_BACKGROUND: "#feedee";
+    readonly ORANGE_BACKGROUND: "#fff4e9";
+    readonly GREEN_BACKGROUND: "#f4f9e6";
+    readonly BLUE_BACKGROUND: "#ebf1ff";
+    readonly GREEN_FOCUS: "#97ba1e";
+    readonly ORANGE_FOCUS: "#ff991f";
+};
+export declare const dimensions: {
+    readonly BORDER_RADIUS_LARGE: 16;
+    readonly BORDER_RADIUS_MEDIUM: 12;
+    readonly BORDER_RADIUS_STD: 8;
+    readonly BORDER_RADIUS_SMALL: 6;
+    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
+    readonly CONTROL_HEIGHT: 48;
+};
+export declare const helpers: {
+    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
+    withScrollBar: {
+        boxSizing: string;
+        overflow: string;
+        '@supports selector(::-webkit-scrollbar)': {
+            '&::-webkit-scrollbar': {
+                height: number;
+                width: number;
+                '&-thumb': {
+                    width: number;
+                    minHeight: number;
+                    border: (string | number)[];
+                    borderRadius: number;
+                    backgroundColor: "#d0d6e1";
+                    backgroundClip: "padding-box";
+                    '&:hover': {
+                        backgroundColor: "#95a0b3";
+                    };
+                };
+                '&-track-piece': {
+                    backgroundColor: "transparent";
+                };
+                '&-corner': {
+                    backgroundColor: "transparent";
+                };
+            };
+        };
+        '@supports not selector(::-webkit-scrollbar)': {
+            scrollbarWidth: "thin";
+            scrollbarColor: "#d0d6e1 transparent";
+        };
+    };
+};
+export declare const animations: {
+    slideUp: {
+        'slide-up-enter': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-enter-active': {
+            opacity: number;
+            transform: string;
+            transition: string;
+            transitionProperty: string;
+        };
+        'slide-up-exit-active': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-exit': {
+            opacity: number;
+            transform: string;
+            transition: string;
+            transitionProperty: string;
+        };
+    };
+};
+export interface ICommonUiKitTheme extends IUiKitTheme {
+    colors: typeof colors;
+    dimensions: typeof dimensions;
+    helpers: typeof helpers;
+}
+export declare const common: ICommonUiKitTheme;

package/dist/theme/helpers.d.ts

@@ -1,10 +1,10 @@
-import { IComponentName, IStyles, IUseStyles } from './types';
-export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
-/**
- * Подмешивает стили из темы. Мутирует, добавляя специально поле,
- * по которому можно определить была ли уже произведена мутация ранее,
- * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
- */
-export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
-export declare function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
-export declare function createThemedStyles<C extends string, P>(componentName: IComponentName, styles: IStyles<C, P>): IUseStyles<C, P>;
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
+/**
+ * Подмешивает стили из темы. Мутирует, добавляя специально поле,
+ * по которому можно определить была ли уже произведена мутация ранее,
+ * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
+ */
+export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
+export declare function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
+export declare function createThemedStyles<C extends string, P>(componentName: IComponentName, styles: IStyles<C, P>): IUseStyles<C, P>;

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Provider';
-export * from './common';
-export * from './types';
-export * from './helpers';
+export * from './Provider';
+export * from './common';
+export * from './types';
+export * from './helpers';

package/dist/theme/types.d.ts

@@ -1,77 +1,77 @@
-import { Styles } from 'react-jss';
-import { Classes, JssValue } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, IFilterValueViewStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IListItemStyles, ISelectorStyles, ISkeletonStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, IStatusStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles } from '../components';
-export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
-export type IUseStyles<C extends string, P = unknown> = (data?: P & {
-    theme?: Partial<Styles<C, P>>;
-}) => Classes<C>;
-export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
-export interface IComponentStyles {
-    AccountInfo: IAccountInfoStyles;
-    AddButton: IAddButtonStyles;
-    Button: IButtonStyles;
-    CloseButton: ICloseButtonStyles;
-    Checkbox: ICheckboxStyles;
-    CssBaseline: ICssBaselineStyles;
-    DateInput: IDateInputStyles;
-    DatePicker: IDatePickerStyles;
-    DatePickerHeader: IDatePickerHeaderStyles;
-    Description: IDescriptionStyles;
-    DotsPreloader: IDotsPreloaderStyles;
-    SvgPreloader: ISvgPreloaderStyles;
-    FilterValueView: IFilterValueViewStyles;
-    FiltersPane: IFiltersPaneStyles;
-    FilterInterval: IFilterIntervalStyles;
-    FilterSelect: IFilterSelectStyles;
-    FilterWithDates: IFilterWithDatesStyles;
-    FilterWithPeriod: IFilterWithPeriodStyles;
-    FilterWrapper: IFilterWrapperStyles;
-    FiltersPaneSearch: IFiltersPaneSearchStyles;
-    Flag: IFlagStyles;
-    FlexibleTable: IFlexibleTableStyles;
-    FlexibleTableRow: IFlexibleTableRowStyles;
-    FlexibleTableCell: IFlexibleTableCellStyles;
-    Icon: IIconStyles;
-    IncrementInput: IIncrementInputStyles;
-    Input: IInputStyles;
-    List: IListStyles;
-    ListItem: IListItemStyles;
-    Modal: IModalStyles;
-    MoreMenu: IMoreMenuStyles;
-    MultiSelect: IMultiSelectStyles;
-    MultiSelectInput: IMultiSelectInputStyles;
-    MultiSelectList: IMultiSelectListStyles;
-    Notification: INotificationStyles;
-    PhoneInput: IPhoneInputStyles;
-    PhoneInputCountryList: IPhoneInputCountryListStyles;
-    RadioButton: IRadioButtonStyles;
-    SearchInput: ISearchInputStyles;
-    Select: ISelectStyles;
-    SelectList: ISelectListStyles;
-    Selector: ISelectorStyles;
-    Skeleton: ISkeletonStyles;
-    Switch: ISwitchStyles;
-    TextButton: ITextButtonStyles;
-    TextArea: ITextAreaStyles;
-    TextWithInfo: ITextWithInfoStyles;
-    TextWithTooltip: ITextWithTooltipStyles;
-    Status: IStatusStyles;
-    ThemedPreloader: IThemedPreloaderStyles;
-    Tooltip: ITooltipStyles;
-    Toaster: IToasterStyles;
-}
-export type IComponentName = keyof IComponentStyles;
-export type IUiKitAnimations = Record<string, any>;
-export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
-export interface IUiKitTheme {
-    name: string;
-    components?: Partial<IComponentStyles>;
-    icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
-    complexIcons?: Partial<Record<IComplexIcon, string>>;
-    preloaders?: Partial<Record<IPreloaderSvgType, string>>;
-    animations?: IUiKitAnimations;
-    colors?: Record<string, string>;
-    dimensions?: Record<string, number>;
-    boxShadows?: Record<string, JssValue>;
-    helpers?: IUiKitHelpers;
-}
+import { Styles } from 'react-jss';
+import { Classes, JssValue } from 'jss';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, IFilterValueViewStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IListItemStyles, ISelectorStyles, ISkeletonStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, IStatusStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles } from '../components';
+export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IUseStyles<C extends string, P = unknown> = (data?: P & {
+    theme?: Partial<Styles<C, P>>;
+}) => Classes<C>;
+export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
+export interface IComponentStyles {
+    AccountInfo: IAccountInfoStyles;
+    AddButton: IAddButtonStyles;
+    Button: IButtonStyles;
+    CloseButton: ICloseButtonStyles;
+    Checkbox: ICheckboxStyles;
+    CssBaseline: ICssBaselineStyles;
+    DateInput: IDateInputStyles;
+    DatePicker: IDatePickerStyles;
+    DatePickerHeader: IDatePickerHeaderStyles;
+    Description: IDescriptionStyles;
+    DotsPreloader: IDotsPreloaderStyles;
+    SvgPreloader: ISvgPreloaderStyles;
+    FilterValueView: IFilterValueViewStyles;
+    FiltersPane: IFiltersPaneStyles;
+    FilterInterval: IFilterIntervalStyles;
+    FilterSelect: IFilterSelectStyles;
+    FilterWithDates: IFilterWithDatesStyles;
+    FilterWithPeriod: IFilterWithPeriodStyles;
+    FilterWrapper: IFilterWrapperStyles;
+    FiltersPaneSearch: IFiltersPaneSearchStyles;
+    Flag: IFlagStyles;
+    FlexibleTable: IFlexibleTableStyles;
+    FlexibleTableRow: IFlexibleTableRowStyles;
+    FlexibleTableCell: IFlexibleTableCellStyles;
+    Icon: IIconStyles;
+    IncrementInput: IIncrementInputStyles;
+    Input: IInputStyles;
+    List: IListStyles;
+    ListItem: IListItemStyles;
+    Modal: IModalStyles;
+    MoreMenu: IMoreMenuStyles;
+    MultiSelect: IMultiSelectStyles;
+    MultiSelectInput: IMultiSelectInputStyles;
+    MultiSelectList: IMultiSelectListStyles;
+    Notification: INotificationStyles;
+    PhoneInput: IPhoneInputStyles;
+    PhoneInputCountryList: IPhoneInputCountryListStyles;
+    RadioButton: IRadioButtonStyles;
+    SearchInput: ISearchInputStyles;
+    Select: ISelectStyles;
+    SelectList: ISelectListStyles;
+    Selector: ISelectorStyles;
+    Skeleton: ISkeletonStyles;
+    Switch: ISwitchStyles;
+    TextButton: ITextButtonStyles;
+    TextArea: ITextAreaStyles;
+    TextWithInfo: ITextWithInfoStyles;
+    TextWithTooltip: ITextWithTooltipStyles;
+    Status: IStatusStyles;
+    ThemedPreloader: IThemedPreloaderStyles;
+    Tooltip: ITooltipStyles;
+    Toaster: IToasterStyles;
+}
+export type IComponentName = keyof IComponentStyles;
+export type IUiKitAnimations = Record<string, any>;
+export type IUiKitHelpers = Record<string, Styles | (() => Styles)>;
+export interface IUiKitTheme {
+    name: string;
+    components?: Partial<IComponentStyles>;
+    icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
+    complexIcons?: Partial<Record<IComplexIcon, string>>;
+    preloaders?: Partial<Record<IPreloaderSvgType, string>>;
+    animations?: IUiKitAnimations;
+    colors?: Record<string, string>;
+    dimensions?: Record<string, number>;
+    boxShadows?: Record<string, JssValue>;
+    helpers?: IUiKitHelpers;
+}