profinansy-ui-lib 3.8.1 → 3.8.2

package/dist/components/uikit/FilterButton/FilterButton.d.ts

@@ -1,21 +1,4 @@
 import React from 'react';
-import { IFilterButtonRef } from './FilterButton.typed';
-declare const FilterButton: React.ForwardRefExoticComponent<{
-    text?: string;
-    activeElements: number;
-    isStroke?: boolean;
-    size?: "M" | "S" | "XS";
-    padding?: string;
-    resetFilter?: () => void;
-    handleConfirm?: () => void;
-    isConfirmWithoutClose?: boolean;
-    isCancelWithoutClose?: boolean;
-    handleCustomOpen?: () => void;
-    withoutTextOnMobile?: boolean;
-    widthDrop?: number;
-    heightDrop?: number;
-    customIcon?: React.ReactNode;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<IFilterButtonRef>>;
+import { IFilterButton, IFilterButtonRef } from './FilterButton.typed';
+declare const FilterButton: React.ForwardRefExoticComponent<IFilterButton & React.RefAttributes<IFilterButtonRef>>;
 export { FilterButton };

package/dist/components/uikit/FilterButton/FilterButton.typed.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-export type IFilterButton = PropsWithChildren<{
+export interface IFilterButton {
     /**Текст кнопки */
     text?: string;
     /**Количество выбранных элементов */
@@ -29,13 +29,16 @@ export type IFilterButton = PropsWithChildren<{
     heightDrop?: number;
     /** Слот под кастомную иконку */
     customIcon?: ReactNode;
-}>;
+    /** Контент*/
+    children: ReactNode;
+}
 export interface IFilterButtonRef {
     handleClose: () => void;
 }
-export type IDropFilter = PropsWithChildren<{
+export interface IDropFilter {
     targetElement: ReactNode;
     placement?: Placement;
+    children: ReactNode;
     padding: string;
     widthDrop: number;
     heightDrop: number;
@@ -43,4 +46,4 @@ export type IDropFilter = PropsWithChildren<{
     handleConfirm?: () => void;
     isConfirmWithoutClose?: boolean;
     isCancelWithoutClose?: boolean;
-}>;
+}

package/dist/components/uikit/FilterButton/components/Drop/Drop.d.ts

@@ -1,6 +1,6 @@
 import { Placement } from '@floating-ui/react';
 import React from 'react';
-import { IFilterButtonRef } from '../../FilterButton.typed';
+import { IDropFilter, IFilterButtonRef } from '../../FilterButton.typed';
 export declare function useDrop({ placement }: {
     placement?: Placement;
 }): {
@@ -49,16 +49,4 @@ export declare function useDrop({ placement }: {
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare const FilterDrop: React.ForwardRefExoticComponent<{
-    targetElement: React.ReactNode;
-    placement?: Placement;
-    padding: string;
-    widthDrop: number;
-    heightDrop: number;
-    resetFilter?: () => void;
-    handleConfirm?: () => void;
-    isConfirmWithoutClose?: boolean;
-    isCancelWithoutClose?: boolean;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<IFilterButtonRef>>;
+export declare const FilterDrop: React.ForwardRefExoticComponent<IDropFilter & React.RefAttributes<IFilterButtonRef>>;

package/dist/components/uikit/FilterButton/components/Mobile/MobileFilter.d.ts

@@ -1,20 +1,4 @@
 import React from 'react';
-declare const MobileFilter: React.ForwardRefExoticComponent<{
-    text?: string;
-    activeElements: number;
-    isStroke?: boolean;
-    size?: "M" | "S" | "XS";
-    padding?: string;
-    resetFilter?: () => void;
-    handleConfirm?: () => void;
-    isConfirmWithoutClose?: boolean;
-    isCancelWithoutClose?: boolean;
-    handleCustomOpen?: () => void;
-    withoutTextOnMobile?: boolean;
-    widthDrop?: number;
-    heightDrop?: number;
-    customIcon?: React.ReactNode;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<unknown>>;
+import { IFilterButton } from '../../FilterButton.typed';
+declare const MobileFilter: React.ForwardRefExoticComponent<IFilterButton & React.RefAttributes<unknown>>;
 export { MobileFilter };

package/dist/components/uikit/HiddenText/HiddenText.typed.d.ts

@@ -1,9 +1,13 @@
-import { PropsWithChildren } from 'react';
-export type EllipsisMode = PropsWithChildren & {
+import { ReactElement } from 'react';
+type IHiddenTextBase = {
+    /**Дочерний элемент (в 90% случаев это должен быть typography) */
+    children: ReactElement;
+};
+export type EllipsisMode = IHiddenTextBase & {
     /**Режим скрытия текста */
     mode?: 'ellipsis';
 };
-export type MultilineMode = PropsWithChildren & {
+export type MultilineMode = IHiddenTextBase & {
     /**Режим скрытия текста */
     mode?: 'multiline';
     /**Количество линий */
@@ -11,3 +15,4 @@ export type MultilineMode = PropsWithChildren & {
 };
 export type IHiddenText = EllipsisMode | MultilineMode;
 export type IHiddenTextWithoutChildren = Omit<EllipsisMode, 'children'> | Omit<MultilineMode, 'children'>;
+export {};

package/dist/components/uikit/Hint/Hint.typed.d.ts

@@ -1,10 +1,12 @@
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import type { Placement } from '@floating-ui/react';
-export type IHint = PropsWithChildren<{
+export interface IHint {
     /**Расположение хинта*/
     placement?: Placement;
     /**Текст хинта*/
     text: string;
     /**Должен ли открываться на телефонах по клику*/
     isClickMobile?: boolean;
-}>;
+    /**Таргет элемент*/
+    children: React.ReactNode;
+}

package/dist/components/uikit/Modal/Modal.styled.d.ts

@@ -19,69 +19,13 @@ export declare const Header: import("styled-components/dist/types").IStyledCompo
 export declare const FirstLineHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     adaptiveRightContent: number;
 }>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
 }, {
     titlePosition: 'left' | 'center';
-}>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const BottomContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/components/uikit/Modal/Modal.typed.d.ts

@@ -1,9 +1,11 @@
-import { CSSProperties, PropsWithChildren, ReactElement } from 'react';
-export type IModal = PropsWithChildren<{
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+export interface IModal {
     /** Состояние попапа. */
     open: boolean;
     /** Действие при закрытии попапа. */
     onClose: () => void;
+    /** Контент попапа. */
+    children: ReactNode;
     /** Показывать ли кнопку закрытия. */
     showCloseButton?: boolean;
     /** Модалку нельзя закрыть по клику на фон или через esc. */
@@ -43,4 +45,4 @@ export type IModal = PropsWithChildren<{
     maxWidth?: string;
     /** Пропс для работы стайледов **/
     className?: string;
-}>;
+}

package/dist/components/uikit/ModalMobile/ModalMobile.typed.d.ts

@@ -1,11 +1,13 @@
-import { PropsWithChildren } from 'react';
-export type IModalMobile = PropsWithChildren<{
+import { ReactNode } from 'react';
+export interface IModalMobile {
     title: string;
     rightButtonText?: string;
     leftButtonText?: string;
+    /** Контент попапа. */
+    children: ReactNode;
     isOpen: boolean;
     onClose?: () => void;
     onLeftButton?: () => void;
     onRightButton?: () => void;
     closeIconVisible?: boolean;
-}>;
+}

package/dist/components/uikit/Portal/Portal.typed.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren } from 'react';
-export type IPortal = PropsWithChildren<{
+import React from 'react';
+export interface IPortal {
     id: string;
-}>;
+    children: React.ReactNode;
+}

package/dist/components/uikit/Radio/Radio.styled.d.ts

@@ -10,37 +10,9 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
 export declare const NativeInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: import("react").Ref<HTMLInputElement>;
 }>, never>, never>> & string;
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
 }, {
     isTextLeft: boolean;
     color: string;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/uikit/SegmentControl/SegmentControl.styled.d.ts

@@ -18,37 +18,9 @@ export declare const Item: import("styled-components/dist/types").IStyledCompone
 export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     isHide: boolean;
 }>> & string;
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     isLabel: boolean;
 }>> & string;

package/dist/components/uikit/Select/components/ValueContainerWithImage/ValueContainerWithImage.styled.d.ts

@@ -1,34 +1,6 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/uikit/SideModal/SideModal.typed.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { IAlert } from '../Alert/Alert.typed';
 import { IModal } from '../Modal/Modal.typed';
-export type ISideModal = PropsWithChildren<{
+export interface ISideModal {
     /** Состояние попапа. */
     isOpen: boolean;
     /** Заголовок попапа */
@@ -18,6 +18,8 @@ export type ISideModal = PropsWithChildren<{
     classNameContent?: string;
     /** Класс для хэдера попапа */
     classNameHeader?: string;
+    /** Контент попапа. */
+    children: ReactNode;
     /**Контент справа от заголовка*/
     rightContent?: ReactElement;
     /**Контент, закрепленный снизу попапа*/
@@ -34,4 +36,4 @@ export type ISideModal = PropsWithChildren<{
     alert?: IAlert;
     /** Отключить анимацию выезда из-за экрана при открытии. */
     withoutAnimation?: boolean;
-}>;
+}

package/dist/components/uikit/Table/components/TCellText/TCellText.d.ts

@@ -1,6 +1,8 @@
-import { CSSProperties, PropsWithChildren } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { IHiddenTextWithoutChildren } from '../../../HiddenText/HiddenText.typed';
-type IProps = PropsWithChildren<{
+interface IProps {
+    /**Контента внутри элемента */
+    children: ReactNode;
     hiddenText?: IHiddenTextWithoutChildren;
     /** Не переносить текст на новую строку, как наиболее часто используемое вынес */
     nowrap?: boolean;
@@ -10,6 +12,6 @@ type IProps = PropsWithChildren<{
     className?: string;
     /**Если вам надо покарсить число в позитивный или негативный цвет, то передайте это числю сюда. */
     valueNumber?: number;
-}>;
+}
 declare const TCellText: ({ children, hiddenText, style, className, valueNumber, nowrap }: IProps) => import("react/jsx-runtime").JSX.Element;
 export { TCellText };

package/dist/components/uikit/Tabs/Tabs.styled.d.ts

@@ -18,34 +18,6 @@ export declare const Mute: import("styled-components/dist/types").IStyledCompone
 export declare const LeftButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ArrowButton/ArrowButton.typed").IArrowButton, never>> & string & Omit<({ direction, className, style, size, onClick, disabled }: import("../ArrowButton/ArrowButton.typed").IArrowButton) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const RightButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ArrowButton/ArrowButton.typed").IArrowButton, never>> & string & Omit<({ direction, className, style, size, onClick, disabled }: import("../ArrowButton/ArrowButton.typed").IArrowButton) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const NewTabCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const NewLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const NewLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    tag?: keyof JSX.IntrinsicElements;
-    variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold" | {
-        variant: "header1-Bold" | "header2-ExtraBold" | "header2-Bold" | "header3-Bold" | "header3-SemiBold" | "header4-Bold" | "header4-SemiBold" | "header5-Bold" | "header5-SemiBold" | "header6-Bold" | "header6-SemiBold" | "paragraph-Regular" | "paragraph-Medium" | "text-Regular" | "text-Medium" | "text-Bold" | "description-Regular" | "description-Medium" | "description-SemiBold" | "description-Bold" | "caption-Medium" | "caption-SemiBold" | "caption-Bold" | "caption2-Medium" | "caption2-SemiBold" | "caption2-Bold" | "tag-Medium11" | "tag-Medium10" | "tag-Medium9" | "controls-Regular" | "controls-Medium" | "controls-SemiBold";
-        resolution: number;
-    }[];
-    className?: string;
-    title?: string;
-    valueNumber?: number;
-    onClick?: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
-    colorName?: "link" | "content" | "black" | "blue" | "gray" | "green" | "olive" | "orange" | "pink" | "red" | "turquoise" | "violet" | "primary" | "secondary" | "tertiary" | "fourth" | "contrast" | "contrastThemed" | "accent" | "accentSecondary" | "positive" | "warning" | "negative" | "info" | "secondaryAlpha" | "field" | "fieldSecondary" | "accentSecondaryTint" | "positiveTint" | "warningTint" | "negativeTint" | "bottomActions" | "contrastThemRev" | "warring" | "brandBackground" | "brandBackgroundHover" | "brandText" | "secondaryBrandBackground" | "secondaryBrandBackgroundHover" | "secondaryBrandText" | "outlineBrandBackground" | "outlineBrandBackgroundHover" | "outlineBrandText" | "outlineBrandBorder" | "outlineBrandBorderHover" | "systemBackground" | "systemBackgroundHover" | "systemText" | "successBackground" | "successBackgroundHover" | "successText" | "warningBackground" | "warningBackgroundHover" | "warningText" | "criticalBackground" | "criticalBackgroundHover" | "criticalText" | "neutralBackground" | "neutralBackgroundHover" | "neutralText" | "supportive" | "brand" | "brandAlpha" | "accentDark" | "red2" | "mediumBlue" | "darkBlue" | "lightBlue" | "navyBlue" | "lightBlueTint" | "orangeTint" | "greenTint" | "oliveTint" | "violetTint" | "redTint" | "pinkTint" | "turquoiseTint" | "darkBlueTint";
-    colorCategory?: "text" | "club" | "stroke" | "background" | "icons" | "interactiveButtons" | "interactiveControls" | "other" | "shadow" | "statesBackground" | "gradient";
-} & {
-    children?: import("react").ReactNode;
-} & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/uikit/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
 import { ITooltipProps } from './Tooltip.typed';
 export declare function useTooltip({ placement, isHover, showArrow }: {
@@ -56,12 +56,13 @@ declare const Tooltip: ({ children, width, height, zIndex, padding, borderRadius
 export declare const TooltipTrigger: ({ targetElement }: {
     targetElement: React.ReactNode;
 }) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare const TooltipContent: ({ children, width, height, zIndex, padding, borderRadius, showArrow }: React.PropsWithChildren<{
+export declare const TooltipContent: ({ children, width, height, zIndex, padding, borderRadius, showArrow }: {
+    children: ReactNode;
     width: string;
     height: string;
     zIndex: number;
     padding: string;
     borderRadius: string;
     showArrow: boolean;
-}>) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { Tooltip };