@salutejs/sdds-platform-ai 0.352.0-next-sbcom.0 → 0.352.0

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

@@ -213,13 +213,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -288,13 +288,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -363,13 +363,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -438,13 +438,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;

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

@@ -4,6 +4,7 @@ export const config = {
         view: 'default',
         size: 'm',
         labelPlacement: 'outer',
+        chipView: 'secondary',
         hintView: 'default',
         hintSize: 'm'
     },
@@ -264,13 +265,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -362,6 +363,53 @@ export const config = {
             `,
             outer: css``
         },
+        chipView: {
+            default: css`
+                ${tokens.textFieldChipColor}: var(--inverse-text-primary);
+                ${tokens.textFieldChipColorHover}: var(--inverse-text-primary);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-default);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
+                ${tokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
+                ${tokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
+                ${tokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
+
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
+                ${tokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
+                ${tokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
+                ${tokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            secondary: css`
+                ${tokens.textFieldChipColor}: var(--text-primary);
+                ${tokens.textFieldChipColorHover}: var(--text-primary);
+                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);
+                ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
+                ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
+
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
+                ${tokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            accent: css`
+                ${tokens.textFieldChipColor}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipColorHover}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipBackground}: var(--surface-accent);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
+                ${tokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
+                ${tokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
+                ${tokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
+
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
+                ${tokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
+                ${tokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipOpacityReadonly}: 1;
+            `
+        },
         hintView: {
             default: css`
                 ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);

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

@@ -94,6 +94,8 @@ export const config = {
 
                 ${tokens.shortcutColor}: var(--text-primary);
                 ${tokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
+
+                ${tokens.timeGridDisabledOpacity}: 0.4;
             `
         },
         size: {

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

@@ -71,6 +71,17 @@ export const config = {
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
+            `,
+            info: css`
+                ${linkButtonTokens.linkButtonColor}: var(--text-info);
+                ${linkButtonTokens.linkButtonIconColor}: var(--text-info);
+                ${linkButtonTokens.linkButtonTextColor}: var(--text-info);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
+                ${linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
+                ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
+                ${linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
+                ${linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
             `
         },
         size: {

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

@@ -2,7 +2,8 @@ import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/styled-comp
 export const config = {
     defaults: {
         view: 'default',
-        size: 'm'
+        size: 'm',
+        orientation: 'vertical'
     },
     variations: {
         view: {
@@ -41,6 +42,8 @@ export const config = {
                 ${tokens.gapScalable}: 0.75rem;
                 ${tokens.contentGap}: 0.125rem;
 
+                ${tokens.paddingBottomWithActionContent}: 0.5rem;
+
                 ${tokens.closeIconTop}: 0.75rem;
                 ${tokens.closeIconRight}: 0.75rem;
                 ${tokens.closeIconColor}: var(--text-secondary);
@@ -49,8 +52,8 @@ export const config = {
                 ${tokens.closeIconButtonSize}: 1.5rem;
 
                 ${tokens.fixedContentBeforeWidth}: 1.5rem;
-                ${tokens.fixedContentBeforeHeight}: 1.5rem;
-                ${tokens.fixedContentBeforePadding}: 0;
+                ${tokens.fixedContentBeforeHeight}: 1.625rem;
+                ${tokens.fixedContentBeforePadding}: 0rem;
 
                 ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
                 ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
@@ -67,6 +70,20 @@ export const config = {
                 ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
                 ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);
             `
+        },
+        orientation: {
+            vertical: css``,
+            horizontal: css``
+        }
+    },
+    intersections: [
+        {
+            size: 'm',
+            orientation: 'horizontal',
+            style: css`
+                ${tokens.actionContentMargin}: -0.6875rem 0rem 0rem 1rem;
+                ${tokens.closeIconMargin}: 0.0625rem 0rem 0rem 1.25rem;
+            `
         }
-    }
+    ]
 };

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

@@ -392,13 +392,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${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);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
 
                 ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;

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

@@ -2,7 +2,8 @@ import { css, sliderTokens } from '@salutejs/plasma-new-hope/styled-components';
 export const config = {
     defaults: {
         view: 'default',
-        size: 'm'
+        size: 'm',
+        pointerSize: 'small'
     },
     variations: {
         view: {
@@ -112,10 +113,6 @@ export const config = {
                 ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${sliderTokens.thumbSize}: 1rem;
-                ${sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${sliderTokens.tickSize}: 0.5rem;
 
                 ${sliderTokens.currentValueTopOffset}: 1.625rem;
@@ -165,10 +162,6 @@ export const config = {
                 ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${sliderTokens.thumbSize}: 1rem;
-                ${sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${sliderTokens.tickSize}: 0.5rem;
 
                 ${sliderTokens.currentValueTopOffset}: 1.75rem;
@@ -218,10 +211,6 @@ export const config = {
                 ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${sliderTokens.thumbSize}: 1rem;
-                ${sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${sliderTokens.tickSize}: 0.5rem;
 
                 ${sliderTokens.currentValueTopOffset}: 1.25rem;
@@ -243,6 +232,21 @@ export const config = {
                 ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
             `
         },
+        pointerSize: {
+            small: css`
+                ${sliderTokens.thumbSize}: 1rem;
+                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbBorderWidth}: 0.0625rem;
+            `,
+            large: css`
+                ${sliderTokens.thumbSize}: 1.25rem;
+                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbBorderWidth}: 0.0625rem;
+            `,
+            none: css`
+                ${sliderTokens.thumbSize}: 0rem;
+            `
+        },
         disabled: {
             true: css`
                 ${sliderTokens.disabledOpacity}: 0.4;

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

@@ -92,11 +92,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);

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.config.js

@@ -25,7 +25,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);
 
@@ -59,7 +58,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);
 
@@ -92,7 +90,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);
 
@@ -125,7 +122,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);
 
@@ -188,13 +184,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;
@@ -418,7 +414,6 @@ export const config = {
                 ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);
                 ${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-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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-platform-ai",
-  "version": "0.352.0-next-sbcom.0",
+  "version": "0.352.0",
   "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI 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",
@@ -99,7 +99,6 @@
     "ignoreFiles": [
       "src/**/*.component-test.tsx",
       "src/**/*.stories.tsx",
-      "src/**/*.perftest.tsx",
       "src/**/*.styles.ts"
     ],
     "atLeast": 99.9
@@ -110,5 +109,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b4deff4ede7810356429ce54232858a7bbd21dad"
+  "gitHead": "11abf991079928e06b77546d823d7259d0365187"
 }

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

@@ -12,7 +12,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

@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;

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 };