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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.349.0-next-platform-ai.0",
+  "version": "0.349.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "exports": {
@@ -8,6 +8,11 @@
       "import": "./dist/emotion/es/index.js",
       "require": "./dist/emotion/cjs/index.js",
       "types": "./types/index.d.ts"
+    },
+    "./beta": {
+      "import": "./dist/beta/es/index.js",
+      "require": "./dist/beta/cjs/index.js",
+      "types": "./dist/beta/types/index.d.ts"
     }
   },
   "files": [
@@ -27,8 +32,8 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.357.0-next-platform-ai.0",
-    "@salutejs/sdds-themes": "0.61.0-next-platform-ai.0"
+    "@salutejs/plasma-new-hope": "0.357.0",
+    "@salutejs/sdds-themes": "0.61.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -51,10 +56,10 @@
     "@microsoft/api-extractor": "7.38.3",
     "@originjs/vite-plugin-commonjs": "1.0.3",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.222.0-next-platform-ai.0",
-    "@salutejs/plasma-cy-utils": "0.152.0-next-platform-ai.0",
-    "@salutejs/plasma-icons": "1.234.0-next-platform-ai.0",
-    "@salutejs/plasma-sb-utils": "0.222.0-next-platform-ai.0",
+    "@salutejs/plasma-core": "1.222.0",
+    "@salutejs/plasma-cy-utils": "0.152.0",
+    "@salutejs/plasma-icons": "1.234.0",
+    "@salutejs/plasma-sb-utils": "0.222.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -75,17 +80,16 @@
     "preapi-report": "npm run generate:typings",
     "api-report": "npx api-extractor run --local",
     "prepare": "npm run build",
-    "build": "npm run build:emotion",
-    "postbuild": "npm run generate:typings",
-    "prebuild:emotion": "rm -rf src-emotion && cp -R src src-emotion && node ./scripts/replaceStyledComponentsToEmotion.js",
+    "build": "npm run build:emotion && npm run build:beta",
     "build:emotion": "rm -rf dist/emotion && npm run build:emotion:esm && npm run build:emotion:cjs",
-    "build:emotion:cjs": "swc ./src-emotion -d ./dist/emotion/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
-    "build:emotion:esm": "swc ./src-emotion -d ./dist/emotion/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
-    "postbuild:emotion": "rm -rf src-emotion",
-    "generate:typings": "rm -rf types && tsc",
+    "build:emotion:cjs": "swc ./src --ignore \"src/components/_beta/**\" -d ./dist/emotion/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
+    "build:emotion:esm": "swc ./src --ignore \"src/components/_beta/**\" -d ./dist/emotion/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
+    "build:beta": "rm -rf dist/beta && npm run build:beta:esm && npm run build:beta:cjs",
+    "build:beta:cjs": "swc ./src/components/_beta -d ./dist/beta/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs && mv dist/beta/cjs/components/_beta/* dist/beta/cjs && rimraf dist/beta/cjs/components",
+    "build:beta:esm": "swc ./src/components/_beta -d ./dist/beta/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6 && mv dist/beta/es/components/_beta/* dist/beta/es && rimraf dist/beta/es/components",
+    "postbuild": "npm run generate:typings",
+    "generate:typings": "rm -rf types && tsc && rm -rf dist/beta/types && tsc -p src/components/_beta/tsconfig.json",
     "storybook": "storybook dev -p ${PORT:-7007} -c .storybook",
-    "prestorybook:emotion": "npm run prebuild:emotion",
-    "storybook:emotion": "USE_EMOTION_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook",
     "storybook:build": "storybook build -c .storybook -o build-sb",
     "typescript-coverage": "npx typescript-coverage-report > /dev/null",
     "lint": "../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet"
@@ -103,5 +107,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "01606311308c4b93d7e7ed13adb3e8f151b9f75b"
+  "gitHead": "3cdbc596bd9ed805f8633fbd715d34ab85dd6180"
 }

package/types/components/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import { AccordionItem } from '@salutejs/plasma-new-hope/styled-components';
+import { AccordionItem } from '@salutejs/plasma-new-hope/emotion';
 export declare const Accordion: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Attach/Attach.d.ts

@@ -14,7 +14,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & ((Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+}> & ((Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -33,7 +33,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -53,7 +53,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
 } & {
     buttonType?: "button";
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -72,7 +72,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -95,7 +95,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -114,7 +114,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -135,7 +135,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     buttonType?: "iconButton";
     icon?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -154,7 +154,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -178,7 +178,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -197,7 +197,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -217,7 +217,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     dropdownOptions?: never;
 } & {
     buttonType?: "button";
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -236,7 +236,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -259,7 +259,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -278,7 +278,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -299,7 +299,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     buttonType?: "iconButton";
     icon?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -318,7 +318,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -342,7 +342,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -361,7 +361,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -384,7 +384,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number;
     contentRight?: never;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -403,7 +403,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -423,7 +423,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     dropdownOptions?: import("@salutejs/plasma-new-hope/types/components/Attach/Attach.types.js").DropdownOptions;
 } & {
     buttonType?: "button";
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -442,7 +442,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -466,7 +466,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number;
     contentRight?: never;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -485,7 +485,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -506,7 +506,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     buttonType?: "iconButton";
     icon?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -525,7 +525,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -548,7 +548,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number;
     contentRight?: never;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -567,7 +567,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -587,7 +587,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     dropdownOptions?: never;
 } & {
     buttonType?: "button";
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -606,7 +606,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;
@@ -630,7 +630,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     value?: string | number;
     contentRight?: never;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -649,7 +649,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: import("react").ReactNode;

package/types/components/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteProps, DistributiveOmit, DistributivePick, SuggestionItemType } from '@salutejs/plasma-new-hope/styled-components';
+import { AutocompleteProps, DistributiveOmit, DistributivePick, SuggestionItemType } from '@salutejs/plasma-new-hope/emotion';
 import React, { ComponentProps } from 'react';
 import { config } from './Autocomplete.config';
 export declare const AutocompleteComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
@@ -63,7 +63,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/emotion").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/emotion").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -76,7 +76,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -120,7 +120,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/emotion").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/emotion").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -135,7 +135,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -192,7 +192,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -251,7 +251,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -295,7 +295,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/emotion").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/emotion").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -308,7 +308,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -352,7 +352,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintSize?: string;
     hintTargetIcon?: React.ReactNode;
     hintTargetPlacement?: "inner" | "outer";
-    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
+    hintPlacement?: import("@salutejs/plasma-new-hope/emotion").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/emotion").PopoverPlacementBasic>;
     hintHasArrow?: boolean;
     hintOffset?: [number, number];
     hintWidth?: string;
@@ -367,7 +367,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -424,7 +424,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -483,7 +483,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "value" | "required"> & React.RefAttributes<HTMLInputElement>))>;
+}, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>))>;
 type PropsFromConfig = keyof typeof config['variations'];
 type Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;
 export declare const Autocomplete: <T extends SuggestionItemType>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/types/components/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components").ComponentConfig<string, {
+declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").ComponentConfig<string, {
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };

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

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

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

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

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

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

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

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

package/types/components/Button/Button.d.ts

@@ -17,7 +17,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
         filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & ((Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+}> & ((Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: React.ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -36,11 +36,11 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
-} & React.RefAttributes<HTMLButtonElement>) | (Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & React.RefAttributes<HTMLButtonElement>) | (Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: React.ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -59,7 +59,7 @@ declare const ButtonComponent: React.FunctionComponent<import("@salutejs/plasma-
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: React.ReactNode;
@@ -86,7 +86,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
         filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+}> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: React.ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -105,7 +105,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: string | number;
     contentRight?: never;
@@ -127,7 +127,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
         filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+}> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<React.AnchorHTMLAttributes<HTMLElement>, "type"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
     text?: string;
     contentLeft?: React.ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -146,7 +146,7 @@ export declare const Button: React.ForwardRefExoticComponent<(Omit<import("@salu
     outlined?: boolean;
     shiftLeft?: boolean;
     shiftRight?: boolean;
-    blur?: import("@salutejs/plasma-new-hope/styled-components").Blur;
+    blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
 } & {
     value?: never;
     contentRight?: React.ReactNode;

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

@@ -1 +1 @@
-export { ButtonBase } from '@salutejs/plasma-new-hope/styled-components';
+export { ButtonBase } from '@salutejs/plasma-new-hope/emotion';

package/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -28,4 +28,4 @@ export declare const ButtonGroup: import("react").FunctionComponent<import("@sal
         auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/styled-components").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & import("@salutejs/plasma-new-hope/emotion").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

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