@salutejs/plasma-web 1.632.0-next-sbcom.0 → 1.632.0

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

@@ -409,7 +409,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);
@@ -535,7 +535,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);
@@ -661,7 +661,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);
@@ -787,7 +787,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/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

@@ -170,7 +170,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);
@@ -263,7 +263,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);
@@ -348,7 +348,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);
@@ -433,7 +433,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-web",
-  "version": "1.632.0-next-sbcom.0",
+  "version": "1.632.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -41,14 +41,14 @@
     "styled-components": "^5.1.1"
   },
   "dependencies": {
-    "@salutejs/plasma-core": "1.237.0-next-sbcom.0",
-    "@salutejs/plasma-hope": "1.384.0-next-sbcom.0",
-    "@salutejs/plasma-new-hope": "0.374.0-next-sbcom.0",
-    "@salutejs/plasma-themes": "0.59.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2b": "1.60.1-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2c": "0.71.1-next-sbcom.0",
-    "@salutejs/plasma-tokens-web": "1.75.1-next-sbcom.0",
-    "@salutejs/plasma-typo": "0.46.0-next-sbcom.0"
+    "@salutejs/plasma-core": "1.237.0",
+    "@salutejs/plasma-hope": "1.384.0",
+    "@salutejs/plasma-new-hope": "0.374.0",
+    "@salutejs/plasma-themes": "0.59.0",
+    "@salutejs/plasma-tokens-b2b": "1.61.0",
+    "@salutejs/plasma-tokens-b2c": "0.72.0",
+    "@salutejs/plasma-tokens-web": "1.76.0",
+    "@salutejs/plasma-typo": "0.49.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -63,10 +63,10 @@
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
-    "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-cy-utils": "0.167.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.245.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.238.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.18.0",
+    "@salutejs/plasma-cy-utils": "0.167.0",
+    "@salutejs/plasma-icons": "1.245.0",
+    "@salutejs/plasma-sb-utils": "0.238.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -111,5 +111,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "8a30b78006da4171216c3e75d7a067bcfbf06d43"
+  "gitHead": "7232ffe7284cf605a4c4d39f14dda710efcc33e2"
 }

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

@@ -77,7 +77,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;
@@ -105,7 +105,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;
@@ -171,7 +171,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;
@@ -199,7 +199,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/CodeField/CodeField.d.ts

@@ -33,4 +33,5 @@ export declare const CodeField: import("react").FunctionComponent<import("@salut
     codeErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types.js").CodeErrorBehavior;
     onChange?: (value: string) => void;
     onFullCodeEnter?: (code: string) => void;
-} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "inputMode" | "aria-label" | "autoComplete"> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "onClick" | "size" | "width"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -581,6 +581,7 @@ export declare const DatePickerRangeDefault: import("react").FunctionComponent<i
     leftHelper?: string | undefined;
     hasRequiredIndicator?: boolean | undefined;
     hintTargetPlacement?: ("inner" | "outer") | undefined;
+    inputWrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
     requiredIndicatorPlacement?: ("left" | "right") | undefined;
     firstValueError?: boolean | undefined;
     secondValueError?: boolean | undefined;
@@ -685,6 +686,7 @@ export declare const DatePickerRangeClear: import("react").FunctionComponent<imp
     leftHelper?: string | undefined;
     hasRequiredIndicator?: boolean | undefined;
     hintTargetPlacement?: ("inner" | "outer") | undefined;
+    inputWrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
     requiredIndicatorPlacement?: ("left" | "right") | undefined;
     firstValueError?: boolean | undefined;
     secondValueError?: boolean | undefined;
@@ -789,6 +791,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
     leftHelper?: string | undefined;
     hasRequiredIndicator?: boolean | undefined;
     hintTargetPlacement?: ("inner" | "outer") | undefined;
+    inputWrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
     requiredIndicatorPlacement?: ("left" | "right") | undefined;
     firstValueError?: boolean | undefined;
     secondValueError?: boolean | undefined;
@@ -894,6 +897,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
     leftHelper?: string | undefined;
     hasRequiredIndicator?: boolean | undefined;
     hintTargetPlacement?: ("inner" | "outer") | undefined;
+    inputWrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
     requiredIndicatorPlacement?: ("left" | "right") | undefined;
     firstValueError?: boolean | undefined;
     secondValueError?: boolean | undefined;

package/types/components/NumberInput/NumberInput.d.ts

@@ -29,10 +29,19 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
     };
 }> & (({
     value?: string | number;
+    defaultValue?: string | number;
     min?: number;
     max?: number;
     step?: number;
     precision?: number;
+    thousandSeparator?: boolean | string;
+    decimalSeparator?: string;
+    thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
+    decimalScale?: number;
+    fixedDecimalScale?: boolean;
+    allowNegative?: boolean;
+    allowLeadingZeros?: boolean;
+    isAllowed?: (values: import("react-number-format").NumberFormatValues) => boolean;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     size?: string;
@@ -55,12 +64,21 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
 } & {
     segmentation?: "clear";
     inputBackgroundType?: never;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "size" | "type" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     value?: string | number;
+    defaultValue?: string | number;
     min?: number;
     max?: number;
     step?: number;
     precision?: number;
+    thousandSeparator?: boolean | string;
+    decimalSeparator?: string;
+    thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
+    decimalScale?: number;
+    fixedDecimalScale?: boolean;
+    allowNegative?: boolean;
+    allowLeadingZeros?: boolean;
+    isAllowed?: (values: import("react-number-format").NumberFormatValues) => boolean;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     size?: string;
@@ -83,4 +101,4 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
 } & {
     segmentation?: string;
     inputBackgroundType?: string;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "size" | "type" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;