@salutejs/sdds-sbcom 0.357.0-next-sbcom.0 → 0.358.0-dev.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-sbcom",
-  "version": "0.357.0-next-sbcom.0",
+  "version": "0.358.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS SBCOM web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -27,6 +27,11 @@
       "import": "./dist/css/es/index.js",
       "require": "./dist/css/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"
     }
   },
   "peerDependencies": {
@@ -36,7 +41,7 @@
   },
   "dependencies": {
     "@salutejs-ds/sdds_sbcom": "0.1.20",
-    "@salutejs/plasma-new-hope": "0.369.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.370.0-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -55,10 +60,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.232.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.162.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.233.0-next-sbcom.0",
+    "@salutejs/plasma-core": "1.233.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.163.0-dev.0",
+    "@salutejs/plasma-icons": "1.243.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.234.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -74,12 +79,15 @@
   },
   "scripts": {
     "prepare": "npm run build",
-    "build": "npm run build:css",
+    "build": "npm run build:css && npm run build:beta",
     "postbuild": "npm run generate:typings",
     "prebuild:css": "rm -rf src-css && ./scripts/copy-linaria-components.sh",
     "build:css": "rm -rf dist/css && rollup -c",
     "postbuild:css": "rm -rf src-css",
-    "generate:typings": "rm -rf types && tsc",
+    "prebuild:beta": "rm -rf src-css && ./scripts/copy-linaria-components.sh",
+    "build:beta": "rm -rf dist/beta/es dist/beta/cjs && BETA=true rollup -c",
+    "postbuild:beta": "rm -rf src-css",
+    "generate:typings": "rm -rf types && tsc && rm -rf dist/beta/types && tsc -p src/components/_beta/tsconfig.json",
     "storybook": "storybook dev -p ${PORT:-7002} -c .storybook",
     "storybook:build": "storybook build -c .storybook -o build-sb",
     "typescript-coverage": "npx typescript-coverage-report > /dev/null",
@@ -99,5 +107,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "352557ea8500cdf13c2776824e178b25cc7c8e7b"
+  "gitHead": "efcc8fe5582bdd90d0db16c3250d021f08b1288b"
 }

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

@@ -81,6 +81,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -139,6 +140,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     enumerationType: "chip";
     onSearch?: never;
@@ -199,6 +201,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -257,6 +260,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     enumerationType: "chip";
     onSearch?: never;
@@ -317,6 +321,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -375,6 +380,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     enumerationType: "chip";
     onSearch?: never;
@@ -435,6 +441,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -493,6 +500,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     enumerationType: "chip";
     onSearch?: never;

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

@@ -7,13 +7,6 @@ export declare const config: {
     variations: {
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
             xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -1,13 +1,6 @@
 declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components").ComponentConfig<string, {
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -44,13 +37,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
 }, import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -89,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -117,7 +103,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -144,13 +130,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
 declare const Avatar: 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;
-        blue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        green: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        ochre: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        pink: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        violet: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        indigo: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        seaBlue: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
         xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -189,7 +168,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -217,7 +196,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

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

@@ -10,17 +10,16 @@ export declare const config: {
             accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accentClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            dangerClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
-            '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

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

@@ -4,17 +4,16 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
         accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accentClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dangerClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -84,17 +83,16 @@ export declare const Button: import("@salutejs/plasma-new-hope/styled-components
         accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accentClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dangerClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Chip/Chip.config.d.ts

@@ -7,9 +7,18 @@ export declare const config: {
     variations: {
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Chip/Chip.d.ts

@@ -4,9 +4,18 @@
 export declare const Chip: 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;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Combobox/Combobox.d.ts

@@ -98,6 +98,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -162,6 +163,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -226,6 +228,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -290,6 +293,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -358,6 +362,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -426,6 +431,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -494,6 +500,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -562,6 +569,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>))>;

package/types/components/DatePicker/DatePicker.d.ts

@@ -67,6 +67,7 @@ export declare const DatePickerDefault: import("react").FunctionComponent<import
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & {
     titleCaption?: import("react").ReactNode;
     requiredPlacement?: "left" | "right";
@@ -108,6 +109,7 @@ export declare const DatePickerDefault: import("react").FunctionComponent<import
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
 export declare const DatePickerClear: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
@@ -178,6 +180,7 @@ export declare const DatePickerClear: import("react").FunctionComponent<import("
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & {
     titleCaption?: import("react").ReactNode;
     requiredPlacement?: "left" | "right";
@@ -219,6 +222,7 @@ export declare const DatePickerClear: import("react").FunctionComponent<import("
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
 export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
@@ -289,6 +293,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Om
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -358,6 +363,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Om
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance">) & {
     appearance?: "default";
 }) | ((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
@@ -429,6 +435,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Om
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -498,6 +505,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<(((Om
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>, "ref">, "appearance">) & {
     appearance: "clear";
 })) & import("react").RefAttributes<HTMLInputElement>>;

package/types/components/DateTimePicker/DateTimePicker.d.ts

@@ -66,6 +66,7 @@ export declare const DateTimePicker: import("react").FunctionComponent<import("@
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
 } & import("react").RefAttributes<HTMLInputElement>) | ({
     appearance?: "default" | "clear";
     hasClearDivider?: boolean;
@@ -106,4 +107,5 @@ export declare const DateTimePicker: import("react").FunctionComponent<import("@
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & import("react").RefAttributes<HTMLInputElement>))>;

package/types/components/IconButton/IconButton.config.d.ts

@@ -6,21 +6,23 @@ export declare const config: {
     };
     variations: {
         view: {
-            accentFiled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            success: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            critical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
-            '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/IconButton/IconButton.d.ts

@@ -3,21 +3,23 @@
  */
 export declare const IconButton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
-        accentFiled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryWhite: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        accentGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTint: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        dangerTintClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGrey: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        primaryGreyClear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        success: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        critical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dark: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     size: {
-        '48': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '40': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '32': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        '24': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Indicator/Indicator.config.d.ts

@@ -5,18 +5,19 @@ export declare const config: {
     };
     variations: {
         view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            global: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            mute: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            danger: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            inactive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            black: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            white: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         size: {
-            '14': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '12': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '10': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '8': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            '6': import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
     };
 };