@true-engineering/true-react-common-ui-kit 3.20.1 → 3.22.0

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

@@ -1,16 +1,16 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./WithPopup").IWithPopupProps>;
-    argTypes: {
-        placement: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        eventType: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./WithPopup").IWithPopupProps>;
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./WithPopup").IWithPopupProps>;
+    argTypes: {
+        placement: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        eventType: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./WithPopup").IWithPopupProps>;

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

@@ -1,3 +1,3 @@
-import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "disabled" | "animationEnd" | "animationStart" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
-export type IWithPopupStyles = ITweakStyles<typeof useStyles>;
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "disabled" | "animationEnd" | "animationStart" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
+export type IWithPopupStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,2 +1,2 @@
-export declare const DEFAULT_OFFSET = 6;
-export declare const POPUP_EVENT_TYPES: readonly ["hover", "click"];
+export declare const DEFAULT_OFFSET = 6;
+export declare const POPUP_EVENT_TYPES: readonly ["hover", "click"];

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

@@ -1,2 +1,2 @@
-export * from './WithPopup';
-export type { IWithPopupStyles } from './WithPopup.styles';
+export * from './WithPopup';
+export type { IWithPopupStyles } from './WithPopup.styles';

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

@@ -1,2 +1,2 @@
-import type { POPUP_EVENT_TYPES } from './constants';
-export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];
+import type { POPUP_EVENT_TYPES } from './constants';
+export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];

package/dist/components/index.d.ts

@@ -1,43 +1,43 @@
-export * from './AccountInfo';
-export * from './AddButton';
-export * from './Button';
-export * from './Checkbox';
-export * from './CloseButton';
-export * from './Colors';
-export * from './CssBaseline';
-export * from './DateInput';
-export * from './DatePicker';
-export * from './Description';
-export * from './FiltersPane';
-export * from './Flag';
-export * from './FlexibleTable';
-export * from './Icon';
-export * from './IconButton';
-export * from './IncrementInput';
-export * from './Input';
-export * from './List';
-export * from './Modal';
-export * from './MoreMenu';
-export * from './MultiSelect';
-export * from './MultiSelectList';
-export * from './Notification';
-export * from './NumberInput';
-export * from './PhoneInput';
-export * from './RadioButton';
-export * from './ScrollIntoViewIfNeeded';
-export * from './SearchInput';
-export * from './Select';
-export * from './Selector';
-export * from './Skeleton';
-export * from './SmartInput';
-export * from './Status';
-export * from './Switch';
-export * from './TextArea';
-export * from './TextButton';
-export * from './TextWithInfo';
-export * from './TextWithTooltip';
-export * from './ThemedPreloader';
-export * from './Toaster';
-export * from './Tooltip';
-export * from './NewMoreMenu';
-export * from './WithPopup';
+export * from './AccountInfo';
+export * from './AddButton';
+export * from './Button';
+export * from './Checkbox';
+export * from './CloseButton';
+export * from './Colors';
+export * from './CssBaseline';
+export * from './DateInput';
+export * from './DatePicker';
+export * from './Description';
+export * from './FiltersPane';
+export * from './Flag';
+export * from './FlexibleTable';
+export * from './Icon';
+export * from './IconButton';
+export * from './IncrementInput';
+export * from './Input';
+export * from './List';
+export * from './Modal';
+export * from './MoreMenu';
+export * from './MultiSelect';
+export * from './MultiSelectList';
+export * from './Notification';
+export * from './NumberInput';
+export * from './PhoneInput';
+export * from './RadioButton';
+export * from './ScrollIntoViewIfNeeded';
+export * from './SearchInput';
+export * from './Select';
+export * from './Selector';
+export * from './Skeleton';
+export * from './SmartInput';
+export * from './Status';
+export * from './Switch';
+export * from './TextArea';
+export * from './TextButton';
+export * from './TextWithInfo';
+export * from './TextWithTooltip';
+export * from './ThemedPreloader';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './NewMoreMenu';
+export * from './WithPopup';

package/dist/constants/index.d.ts

@@ -1 +1 @@
-export * from './phone-info';
+export * from './phone-info';

package/dist/constants/phone-info.d.ts

@@ -1,2 +1,2 @@
-import type { IPhoneInfo } from '../components';
-export declare const phoneInfo: IPhoneInfo[];
+import type { IPhoneInfo } from '../components';
+export declare const phoneInfo: IPhoneInfo[];

package/dist/helpers/index.d.ts

@@ -1,3 +1,3 @@
-export * from './popper-helpers';
-export * from './phone';
-export * from './misc';
+export * from './popper-helpers';
+export * from './phone';
+export * from './misc';

package/dist/helpers/misc.d.ts

@@ -1,19 +1,19 @@
-import hexToRgba from 'hex-to-rgba';
-import { IDataAttributes } from '../types';
-export declare const rgba: typeof hexToRgba;
-export declare const transformToKebab: (string: string) => string;
-export declare const hasExactParent: (element: Element, parent: Element) => boolean;
-export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
-export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
-export declare const getScrollParent: (element: Element | Document) => Element;
-export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
-export declare const getNumberInRange: (value: number, min?: number, max?: number) => number;
-export declare const formatStringNumber: (val?: string, separator?: string) => string;
-export declare const formatNumber: (val?: number, separator?: string) => string;
-export declare const removeStringFormat: (val?: string) => string;
-export declare const stringToNumber: (val?: string) => number | undefined;
-export declare const setCaretPosition: (elem: HTMLInputElement, caretPos: number | null) => void;
-export declare const isSpaceChar: (char?: string) => boolean;
-export declare const getNumberLength: (n?: number) => number;
-export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
-export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;
+import hexToRgba from 'hex-to-rgba';
+import { IDataAttributes } from '../types';
+export declare const rgba: typeof hexToRgba;
+export declare const transformToKebab: (string: string) => string;
+export declare const hasExactParent: (element: Element, parent: Element) => boolean;
+export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
+export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
+export declare const getScrollParent: (element: Element | Document) => Element;
+export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
+export declare const getNumberInRange: (value: number, min?: number, max?: number) => number;
+export declare const formatStringNumber: (val?: string, separator?: string) => string;
+export declare const formatNumber: (val?: number, separator?: string) => string;
+export declare const removeStringFormat: (val?: string) => string;
+export declare const stringToNumber: (val?: string) => number | undefined;
+export declare const setCaretPosition: (elem: HTMLInputElement, caretPos: number | null) => void;
+export declare const isSpaceChar: (char?: string) => boolean;
+export declare const getNumberLength: (n?: number) => number;
+export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
+export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;

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,101 +1,101 @@
-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 SLIDE_UP_ANIMATION_DURATION = 150;
-export declare const animations: {
-    defaultTransition: string;
-    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;
-    animations: typeof animations;
-}
-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 SLIDE_UP_ANIMATION_DURATION = 150;
+export declare const animations: {
+    defaultTransition: string;
+    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;
+    animations: typeof animations;
+}
+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>;