@salutejs/sdds-insol 0.348.0-next-sbcom.0 → 0.348.0

package/dist/styled-components/es/components/Steps/StepItem.config.js

@@ -0,0 +1,60 @@
+import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export const config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${tokens.completedIndicatorColor}: var(--inverse-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);
+                ${tokens.completedIndicatorBackground}: var(--surface-solid-default);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
+                ${tokens.completedTitleColor}: var(--text-primary);
+                ${tokens.completedTitleColorHover}: var(--text-primary-hover);
+
+                ${tokens.dividerColor}: var(--surface-solid-default);
+            `,
+            accent: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-accent);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
+                ${tokens.completedTitleColor}: var(--text-primary);
+                ${tokens.completedTitleColorHover}: var(--text-primary-hover);
+
+                ${tokens.dividerColor}: var(--surface-accent);
+            `,
+            negative: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-negative);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);
+                ${tokens.completedTitleColor}: var(--text-negative);
+                ${tokens.completedTitleColorHover}: var(--text-negative-hover);
+
+                ${tokens.dividerColor}: var(--surface-negative);
+            `,
+            warning: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-warning);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);
+                ${tokens.completedTitleColor}: var(--text-warning);
+                ${tokens.completedTitleColorHover}: var(--text-warning-hover);
+
+                ${tokens.dividerColor}: var(--surface-warning);
+            `,
+            positive: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-positive);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);
+                ${tokens.completedTitleColor}: var(--text-positive);
+                ${tokens.completedTitleColorHover}: var(--text-positive-hover);
+
+                ${tokens.dividerColor}: var(--surface-positive);
+            `
+        }
+    }
+};

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

@@ -91,11 +91,6 @@ export const config = {
                 ${tokens.contentVerticalPadding}: 1.0625rem;
                 ${tokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${tokens.smallIndicatorIndentHeight}: 1rem;
-                ${tokens.largeIndicatorIndentHeight}: 0.625rem;
-                ${tokens.smallBulletIndentHeight}: 1.5rem;
-                ${tokens.largeBulletIndentHeight}: 1.25rem;
-
                 ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -138,11 +133,6 @@ export const config = {
                 ${tokens.contentVerticalPadding}: 0.875rem;
                 ${tokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${tokens.smallIndicatorIndentHeight}: 0.75rem;
-                ${tokens.largeIndicatorIndentHeight}: 0.4375rem;
-                ${tokens.smallBulletIndentHeight}: 1.25rem;
-                ${tokens.largeBulletIndentHeight}: 1.125rem;
-
                 ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -185,11 +175,6 @@ export const config = {
                 ${tokens.contentVerticalPadding}: 0.6875rem;
                 ${tokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${tokens.smallIndicatorIndentHeight}: 0.5rem;
-                ${tokens.largeIndicatorIndentHeight}: 0.5rem;
-                ${tokens.smallBulletIndentHeight}: 1rem;
-                ${tokens.largeBulletIndentHeight}: 0.75rem;
-
                 ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -232,11 +217,6 @@ export const config = {
                 ${tokens.contentVerticalPadding}: 0.5625rem;
                 ${tokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${tokens.smallIndicatorIndentHeight}: 0.25rem;
-                ${tokens.largeIndicatorIndentHeight}: 0.25rem;
-                ${tokens.smallBulletIndentHeight}: 0.75rem;
-                ${tokens.largeBulletIndentHeight}: 0.5rem;
-
                 ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Steps/Steps.js

@@ -1,5 +1,9 @@
-import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { stepsConfig as rawStepsConfig, stepItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config as itemConfig } from './StepItem.config';
 import { config } from './Steps.config';
+const mergedItemConfig = mergeConfig(stepItemConfig, itemConfig);
+const StepItem = component(mergedItemConfig);
+const stepsConfig = rawStepsConfig(StepItem);
 const mergedConfig = mergeConfig(stepsConfig, config);
 const StepsComponent = component(mergedConfig);
 export const Steps = StepsComponent;

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);
 
@@ -177,13 +173,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.938rem 0 0.813rem 0;
@@ -257,13 +253,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;
@@ -329,13 +325,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;
@@ -401,13 +397,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;
@@ -473,13 +469,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;
@@ -696,7 +692,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

@@ -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);
 
@@ -178,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.938rem 0 0.813rem 0;
@@ -258,13 +257,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;
@@ -345,13 +344,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;
@@ -432,13 +431,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;
@@ -520,13 +519,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;
@@ -745,7 +744,6 @@ export const config = {
                 ${tokens.color}: var(--text-primary);
                 ${tokens.placeholderColor}: var(--text-primary);
                 ${tokens.leftHelperColor}: var(--text-secondary);
-                ${tokens.rightHelperColor}: var(--text-secondary);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
                 ${tokens.labelColor}: var(--text-primary);
                 ${tokens.dividerColor}: var(--surface-transparent-primary);
@@ -760,7 +758,6 @@ export const config = {
                 ${tokens.backgroundColorReadOnly}: var(--surface-solid-secondary);
                 ${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/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/sdds-insol",
-  "version": "0.348.0-next-sbcom.0",
+  "version": "0.348.0",
   "description": "Salute Design System / React UI kit for SDDS INSOL web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -40,8 +40,8 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.365.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.67.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.365.0",
+    "@salutejs/sdds-themes": "0.67.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -60,10 +60,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.228.0-next-sbcom.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-core": "1.228.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",
@@ -97,8 +97,7 @@
   "typeCoverage": {
     "ignoreFiles": [
       "src/**/*.component-test.tsx",
-      "src/**/*.stories.tsx",
-      "src/**/*.perftest.tsx"
+      "src/**/*.stories.tsx"
     ],
     "atLeast": 99.89
   },
@@ -108,5 +107,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b4deff4ede7810356429ce54232858a7bbd21dad"
+  "gitHead": "11abf991079928e06b77546d823d7259d0365187"
 }

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

@@ -15,7 +15,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
         h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         h6: 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

@@ -62,7 +62,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;
@@ -120,7 +119,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;
@@ -180,7 +178,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;
@@ -238,7 +235,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;
@@ -298,7 +294,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;
@@ -356,7 +351,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;
@@ -416,7 +410,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;
@@ -474,7 +467,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;

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

@@ -33,7 +33,7 @@ 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>;
 export type { CalendarStateType };