profinansy-ui-lib 3.8.0 → 3.8.1

package/dist/components/banners/TextBlackBanner/TextBlackBanner.styled.d.ts

@@ -2,6 +2,34 @@
 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 Content: 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").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, 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>>;

package/dist/components/blocks/Navigation/components/NewFeature/NewFeature.styled.d.ts

@@ -1,4 +1,32 @@
 /// <reference types="react" />
-export declare const New: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const New: 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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, 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>>;

package/dist/components/blocks/header/components/Cart/components/CartItem/CartStyled.styled.d.ts

@@ -1,7 +1,35 @@
 /// <reference types="react" />
-export declare const NameProduct: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const NameProduct: 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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, 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>>;
 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 Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const PriceWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/blocks/header/components/header-link-item/components/Hit/Hit.d.ts

@@ -1,6 +1,34 @@
 import React from 'react';
-export declare const HitStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & React.CSSProperties & React.RefAttributes<HTMLElement>, "ref"> & {
+export declare const HitStyled: 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: 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?: React.ReactNode;
+} & React.CSSProperties & React.RefAttributes<HTMLElement>, "ref"> & {
     ref?: React.Ref<HTMLElement>;
-}, never>> & string & Omit<React.ForwardRefExoticComponent<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & React.CSSProperties & React.RefAttributes<HTMLElement>>, keyof React.Component<any, {}, any>>;
+}, never>> & string & Omit<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: 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?: React.ReactNode;
+} & React.CSSProperties & React.RefAttributes<HTMLElement>>, keyof React.Component<any, {}, any>>;
 declare const Hit: () => import("react/jsx-runtime").JSX.Element;
 export { Hit };

package/dist/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.styled.d.ts

@@ -4,12 +4,68 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     height: number;
 }>> & string;
 export declare const Column: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MainLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const MainLink: 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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+}, 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>>;
+export declare const SubLink: 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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, 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>>;
 export declare const List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isOpen: boolean;
 }>> & string;

package/dist/components/blocks/header/components/header-link-item/components/New/New.d.ts

@@ -1,6 +1,34 @@
 import React from 'react';
-export declare const NewStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & React.CSSProperties & React.RefAttributes<HTMLElement>, "ref"> & {
+export declare const NewStyled: 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: 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?: React.ReactNode;
+} & React.CSSProperties & React.RefAttributes<HTMLElement>, "ref"> & {
     ref?: React.Ref<HTMLElement>;
-}, never>> & string & Omit<React.ForwardRefExoticComponent<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & React.CSSProperties & React.RefAttributes<HTMLElement>>, keyof React.Component<any, {}, any>>;
+}, never>> & string & Omit<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: 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?: React.ReactNode;
+} & React.CSSProperties & React.RefAttributes<HTMLElement>>, keyof React.Component<any, {}, any>>;
 declare const New: () => import("react/jsx-runtime").JSX.Element;
 export { New };

package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.d.ts

@@ -1,7 +1,35 @@
 /// <reference types="react" />
-export declare const HeaderLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const HeaderLink: 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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, 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>>;
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isHover: boolean;
     isIdv: boolean;

package/dist/components/blocks/header/components/userMenu/components/PersonalInformation/PersonalInformation.styled.d.ts

@@ -1,7 +1,35 @@
 /// <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 Left: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Name: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const Name: 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"> & {
     ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, 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>>;
 export declare const Premium: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;