@salutejs/plasma-b2c 1.623.0-next-sbcom.0 → 1.623.0

package/dist/styled-components/es/components/Select/Select.config.js

@@ -392,7 +392,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -517,7 +517,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -767,7 +767,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Slider/Slider.config.js

@@ -119,7 +119,6 @@ export const config = {
 
                 ${sliderTokens.railThickness}: 0.25rem;
                 ${sliderTokens.railBorderRadius}: 0.125rem;
-                ${sliderTokens.railIndent}: 0.75rem;
 
                 ${sliderTokens.textFieldWrapperGap}: 0.125rem;
 
@@ -168,7 +167,6 @@ export const config = {
 
                 ${sliderTokens.railThickness}: 0.25rem;
                 ${sliderTokens.railBorderRadius}: 0.125rem;
-                ${sliderTokens.railIndent}: 0.75rem;
 
                 ${sliderTokens.textFieldWrapperGap}: 0.125rem;
 
@@ -217,7 +215,6 @@ export const config = {
 
                 ${sliderTokens.railThickness}: 0.25rem;
                 ${sliderTokens.railBorderRadius}: 0.125rem;
-                ${sliderTokens.railIndent}: 0.75rem;
 
                 ${sliderTokens.textFieldWrapperGap}: 0.125rem;
 

package/dist/styled-components/es/components/TextField/TextField.clear.config.js

@@ -181,7 +181,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -357,7 +357,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -441,7 +441,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -525,7 +525,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/TextField/TextField.config.js

@@ -167,7 +167,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -260,7 +260,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -346,7 +346,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -432,7 +432,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -518,7 +518,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js

@@ -35,7 +35,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -91,7 +91,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -147,7 +147,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -203,7 +203,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-b2c",
-  "version": "1.623.0-next-sbcom.0",
+  "version": "1.623.0",
   "description": "Salute Design System / React UI kit for business-related web applications.",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -41,13 +41,13 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-core": "1.230.0-next-sbcom.0",
-    "@salutejs/plasma-hope": "1.377.0-next-sbcom.0",
-    "@salutejs/plasma-new-hope": "0.367.0-next-sbcom.0",
-    "@salutejs/plasma-themes": "0.54.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2c": "0.69.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-web": "1.73.0-next-sbcom.0",
-    "@salutejs/plasma-typo": "0.46.0-next-sbcom.0"
+    "@salutejs/plasma-core": "1.230.0",
+    "@salutejs/plasma-hope": "1.377.0",
+    "@salutejs/plasma-new-hope": "0.367.0",
+    "@salutejs/plasma-themes": "0.53.0",
+    "@salutejs/plasma-tokens-b2c": "0.68.0",
+    "@salutejs/plasma-tokens-web": "1.72.0",
+    "@salutejs/plasma-typo": "0.45.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -63,9 +63,9 @@
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-cy-utils": "0.160.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.241.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.231.0-next-sbcom.0",
+    "@salutejs/plasma-cy-utils": "0.160.0",
+    "@salutejs/plasma-icons": "1.241.0",
+    "@salutejs/plasma-sb-utils": "0.231.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -112,5 +112,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "c36f4190c057fe79a831970475df9ff7ad04c743"
+  "gitHead": "22cd4c680b11c65c8abe88d14e6c8c37af778906"
 }

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

@@ -48,6 +48,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -63,7 +64,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -87,6 +88,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -105,7 +107,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -129,6 +131,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -145,7 +148,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -169,6 +172,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -188,7 +192,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -212,6 +216,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -227,7 +232,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -251,6 +256,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -269,7 +275,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -293,6 +299,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -309,7 +316,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -333,6 +340,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: string | number;
     contentRight?: never;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -352,7 +360,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -376,6 +384,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -394,7 +403,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -418,6 +427,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -433,7 +443,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -457,6 +467,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -476,7 +487,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -500,6 +511,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -516,7 +528,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -540,6 +552,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -558,7 +571,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -582,6 +595,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -597,7 +611,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -621,6 +635,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -640,7 +655,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"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
+} & import("react").RefAttributes<HTMLInputElement>) | (Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/styled-components").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
@@ -664,6 +679,7 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
     value?: never;
     contentRight?: import("react").ReactNode;
 } & {
+    files?: File[];
     acceptedFileFormats?: string[];
     hideButtonOnAttach?: boolean;
     hasAttachment?: boolean;
@@ -680,4 +696,4 @@ export declare const Attach: import("react").FunctionComponent<import("@salutejs
 } & {
     buttonType?: "iconButton";
     icon?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("react").RefAttributes<HTMLInputElement>))>;

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

@@ -35,7 +35,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -93,7 +93,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -153,7 +153,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -211,7 +211,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -271,7 +271,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -329,7 +329,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -389,7 +389,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;
@@ -447,7 +447,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    portal?: string | React.RefObject<HTMLElement>;
+    portal?: string | React.RefObject<HTMLElement | null>;
     zIndex?: React.CSSProperties["zIndex"];
     value?: string;
     defaultValue?: string;

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

@@ -88,10 +88,12 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     badgeView?: string | undefined;
     pilled?: boolean | undefined;
     text?: string | undefined;
-    contentLeft?: import("react").ReactNode;
-    contentRight?: import("react").ReactNode;
+    transparent?: boolean | undefined;
+    clear?: boolean | undefined;
     customColor?: string | undefined;
     customBackgroundColor?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
 } & {
     counterView?: undefined;
     count?: undefined;
@@ -118,10 +120,12 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     badgeView?: undefined;
     pilled?: undefined;
     text?: undefined;
-    contentLeft?: undefined;
-    contentRight?: never | undefined;
+    transparent?: undefined;
+    clear?: undefined;
     customColor?: undefined;
     customBackgroundColor?: undefined;
+    contentLeft?: undefined;
+    contentRight?: never | undefined;
 } & import("react").RefAttributes<HTMLDivElement>)>;
 declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
@@ -177,10 +181,12 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     badgeView?: string | undefined;
     pilled?: boolean | undefined;
     text?: string | undefined;
-    contentLeft?: import("react").ReactNode;
-    contentRight?: import("react").ReactNode;
+    transparent?: boolean | undefined;
+    clear?: boolean | undefined;
     customColor?: string | undefined;
     customBackgroundColor?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
 } & {
     counterView?: undefined;
     count?: undefined;
@@ -207,9 +213,11 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     badgeView?: undefined;
     pilled?: undefined;
     text?: undefined;
-    contentLeft?: undefined;
-    contentRight?: never | undefined;
+    transparent?: undefined;
+    clear?: undefined;
     customColor?: undefined;
     customBackgroundColor?: undefined;
+    contentLeft?: undefined;
+    contentRight?: never | undefined;
 } & import("react").RefAttributes<HTMLDivElement>))>;
 export { Avatar, mergedConfig };