@salutejs/sdds-cs 0.349.0-next-platform-ai.0 → 0.349.0

package/types/components/Tour/index.d.ts

@@ -1,2 +1,2 @@
 export { Tour } from './Tour';
-export type { TourProps } from '@salutejs/plasma-new-hope/styled-components';
+export type { TourProps } from '@salutejs/plasma-new-hope/emotion';

package/types/components/Tree/Tree.d.ts

@@ -5,4 +5,4 @@ export declare const Tree: import("react").FunctionComponent<import("@salutejs/p
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/styled-components").TreeProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & import("@salutejs/plasma-new-hope/emotion").TreeProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/Typography/Typography.d.ts

@@ -9,21 +9,21 @@ export declare const BodyM: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const BodyL: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -35,21 +35,21 @@ export declare const BodyL: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const BodyS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -61,21 +61,21 @@ export declare const BodyS: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const BodyXS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -87,21 +87,21 @@ export declare const BodyXS: import("react").FunctionComponent<import("@salutejs
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const BodyXXS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -113,21 +113,21 @@ export declare const BodyXXS: import("react").FunctionComponent<import("@salutej
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const DsplM: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -139,21 +139,21 @@ export declare const DsplM: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const DsplL: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -165,21 +165,21 @@ export declare const DsplL: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const DsplS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -191,21 +191,21 @@ export declare const DsplS: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const H1: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         h1: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -217,21 +217,21 @@ export declare const H1: import("react").FunctionComponent<import("@salutejs/pla
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const H2: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         h2: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -243,21 +243,21 @@ export declare const H2: import("react").FunctionComponent<import("@salutejs/pla
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const H3: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -269,21 +269,21 @@ export declare const H3: import("react").FunctionComponent<import("@salutejs/pla
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const H4: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -295,21 +295,21 @@ export declare const H4: import("react").FunctionComponent<import("@salutejs/pla
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const H5: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -321,21 +321,21 @@ export declare const H5: import("react").FunctionComponent<import("@salutejs/pla
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const TextM: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -347,21 +347,21 @@ export declare const TextM: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const TextL: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -373,21 +373,21 @@ export declare const TextL: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const TextS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -399,21 +399,21 @@ export declare const TextS: import("react").FunctionComponent<import("@salutejs/
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const TextXS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     size: {
         xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -425,18 +425,18 @@ export declare const TextXS: import("react").FunctionComponent<import("@salutejs
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
     noWrap?: boolean;
     breakWord?: boolean;
     color?: string;
     size?: string;
     isNumeric?: boolean;
     isItalic?: boolean;
-} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("@salutejs/plasma-new-hope/emotion").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/emotion").AsProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;

package/types/mixins/index.d.ts

@@ -1,4 +1,4 @@
-export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
+export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/emotion';
 export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
     backgroundColor?: ("textPrimary" | "textPrimaryBrightness" | "textPrimaryHover" | "textPrimaryActive" | "textSecondary" | "textSecondaryHover" | "textSecondaryActive" | "textTertiary" | "textTertiaryHover" | "textTertiaryActive" | "textAccent" | "textAccentHover" | "textAccentActive" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositive" | "textPositiveHover" | "textPositiveActive" | "textWarning" | "textWarningHover" | "textWarningActive" | "textNegative" | "textNegativeHover" | "textNegativeActive" | "textInfo" | "textInfoHover" | "textInfoActive" | "textAccentMinor" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextSecondary" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextAccent" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarning" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegative" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfo" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onDarkTextAccentMinor" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextAccent" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarning" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegative" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfo" | "onLightTextInfoHover" | "onLightTextInfoActive" | "onLightTextAccentMinor" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextAccent" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarning" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegative" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "inverseTextAccentMinor" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarning" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfo" | "surfaceInfoHover" | "surfaceInfoActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinor" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceClear" | "onDarkSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePromo" | "onDarkSurfacePromoHover" | "onDarkSurfacePromoActive" | "onDarkSurfacePositive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarning" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegative" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceClear" | "onLightSurfaceClearHover" | "onLightSurfaceClearActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarning" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegative" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfo" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceNegativeMinor" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceClear" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarning" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegative" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfo" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccent" | "outlineAccentHover" | "outlineAccentActive" | "outlinePositive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineNegative" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfo" | "outlineInfoHover" | "outlineInfoActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlinePositive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineNegative" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfo" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccent" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlinePositive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineNegative" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfo" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccent" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlinePositive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineNegative" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfo" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "inverseTextPromoMinorGradient" | "inverseTextPromoMinorGradientHover" | "inverseTextPromoMinorGradientActive" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
     shadow?: "shadowDownSoftS" | "shadowDownSoftM" | "shadowDownSoftL" | "shadowDownHardS" | "shadowDownHardM" | "shadowDownHardL" | "shadowUpSoftS" | "shadowUpSoftM" | "shadowUpSoftL" | "shadowUpHardS" | "shadowUpHardM" | "shadowUpHardL" | undefined;