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

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

@@ -21,7 +21,6 @@ export const config = {
                 ${tokens.textAfterColor}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-secondary);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -51,7 +50,6 @@ export const config = {
                 ${tokens.textAfterColor}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-positive);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -85,7 +83,6 @@ export const config = {
                 ${tokens.textAfterColor}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-warning);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -119,7 +116,6 @@ export const config = {
                 ${tokens.textAfterColor}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-negative);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -181,13 +177,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -265,13 +261,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -341,13 +337,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -417,13 +413,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -493,13 +489,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -716,7 +712,6 @@ export const config = {
                 ${tokens.backgroundColorReadOnly}: transparent;
                 ${tokens.placeholderColorReadOnly}: var(--text-secondary);
                 ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
-                ${tokens.rightHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
                 ${tokens.labelColorReadOnly}: var(--text-primary);
                 ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);

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

@@ -15,7 +15,6 @@ export const config = {
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-secondary);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -46,7 +45,6 @@ export const config = {
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-positive);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -77,7 +75,6 @@ export const config = {
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-warning);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -108,7 +105,6 @@ export const config = {
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-negative);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.hintIconColor}: var(--text-secondary);
 
@@ -170,13 +166,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -255,13 +251,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -332,13 +328,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -409,13 +405,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -486,13 +482,13 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -710,7 +706,6 @@ export const config = {
                 ${tokens.borderColorReadOnly}: var(--outline-read-only);
                 ${tokens.placeholderColorReadOnly}: var(--text-secondary);
                 ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
-                ${tokens.rightHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
                 ${tokens.labelColorReadOnly}: var(--text-primary);
                 ${tokens.dividerColorReadOnly}: var(--outline-read-only);

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

@@ -35,13 +35,13 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -91,13 +91,13 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -147,13 +147,13 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -203,13 +203,13 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${tokens.helpersPadding}: 0.25rem 0 0 0;
-                ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.leftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.623.0-next-sbcom.0",
+  "version": "1.623.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.228.0-next-sbcom.0",
-    "@salutejs/plasma-hope": "1.375.0-next-sbcom.0",
-    "@salutejs/plasma-new-hope": "0.365.0-next-sbcom.0",
-    "@salutejs/plasma-themes": "0.52.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2b": "1.56.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2c": "0.67.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-web": "1.71.0-next-sbcom.0",
-    "@salutejs/plasma-typo": "0.44.0-next-sbcom.0"
+    "@salutejs/plasma-core": "1.228.0",
+    "@salutejs/plasma-hope": "1.375.0",
+    "@salutejs/plasma-new-hope": "0.365.0",
+    "@salutejs/plasma-themes": "0.52.0",
+    "@salutejs/plasma-tokens-b2b": "1.56.0",
+    "@salutejs/plasma-tokens-b2c": "0.67.0",
+    "@salutejs/plasma-tokens-web": "1.71.0",
+    "@salutejs/plasma-typo": "0.44.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -64,9 +64,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.158.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.239.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.229.0-next-sbcom.0",
+    "@salutejs/plasma-cy-utils": "0.158.0",
+    "@salutejs/plasma-icons": "1.239.0",
+    "@salutejs/plasma-sb-utils": "0.229.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -101,8 +101,7 @@
   "typeCoverage": {
     "ignoreFiles": [
       "src/**/*.component-test.tsx",
-      "src/**/*.stories.tsx",
-      "src/**/*.perftest.tsx"
+      "src/**/*.stories.tsx"
     ],
     "atLeast": 99.8
   },
@@ -112,5 +111,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b4deff4ede7810356429ce54232858a7bbd21dad"
+  "gitHead": "11abf991079928e06b77546d823d7259d0365187"
 }

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

@@ -23,7 +23,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
         filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         fixed: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & {
+}> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
     view?: string;
     size?: string;
     singleActive?: boolean;

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

@@ -60,7 +60,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -89,7 +88,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -118,7 +117,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -149,7 +147,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -178,7 +176,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -207,7 +204,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -236,7 +233,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -267,7 +263,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -296,7 +292,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -325,7 +320,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -354,7 +349,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -385,7 +379,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -414,7 +408,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -443,7 +436,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     labelPlacement?: string;
     readOnly?: boolean;
     disabled?: boolean;
@@ -472,7 +465,6 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
 } & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
-    rightHelper?: React.ReactNode;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
     textBefore?: string;
@@ -503,7 +495,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     chipValidator?: (value: string) => {
         view?: string;
     };
-}, "labelPlacement" | "chipView" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>))>;
+}, "chipView" | "labelPlacement" | "chipType" | "chips" | "onChangeChips" | "enumerationType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onScroll" | "required" | "size" | "value"> & React.RefAttributes<HTMLInputElement>))>;
 type PropsFromConfig = keyof typeof config['variations'];
 type Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;
 export declare const Autocomplete: <T extends SuggestionItemType>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/types/components/Calendar/Calendar.d.ts

@@ -32,6 +32,6 @@ export declare const CalendarDouble: import("react").FunctionComponent<import("@
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").Calendar & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarConfigProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CalendarBaseRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarBaseProps>) => import("react").ReactElement<CalendarBaseProps, string | import("react").JSXElementConstructor<any>>;
-export declare const CalendarDoubleRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarDoubleProps>) => import("react").ReactElement<CalendarDoubleProps, string | import("react").JSXElementConstructor<any>>;
+export declare const CalendarBaseRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, onChangeSingleValue, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarBaseProps>) => import("react").ReactElement<CalendarBaseProps, string | import("react").JSXElementConstructor<any>>;
+export declare const CalendarDoubleRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, onChangeSingleValue, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarDoubleProps>) => import("react").ReactElement<CalendarDoubleProps, string | import("react").JSXElementConstructor<any>>;
 export declare const Calendar: FC<import("@salutejs/plasma-new-hope/styled-components").CalendarProps>;

package/types/components/Cell/Cell.d.ts

@@ -11,7 +11,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & (({
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     size?: string;
     view?: string;
     contentLeft?: import("react").ReactNode;
@@ -26,7 +26,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
     subtitle?: string;
     label?: string;
     children?: never;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     size?: string;
     view?: string;
     contentLeft?: import("react").ReactNode;
@@ -41,4 +41,4 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
     subtitle?: never;
     label?: never;
     children?: import("react").ReactNode;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("react").RefAttributes<HTMLDivElement>))>;