@salutejs/plasma-giga 0.360.0-next-sbcom.0 → 0.360.1-dev.0

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

@@ -57,7 +57,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -108,7 +108,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -159,7 +159,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -210,7 +210,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -236,7 +236,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -262,7 +262,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -288,7 +288,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -314,7 +314,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -340,7 +340,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -366,7 +366,7 @@ export const config = {
 
                 ${tokens.itemIconColor}: ${textAccent};
 
-                ${tokens.checkboxFillColor}: ${textAccent};
+                ${tokens.checkboxFillColor}: ${surfaceSolidDefault};
                 ${tokens.checkboxIconColor}: ${onDarkTextPrimary};
                 ${tokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${tokens.checkboxTriggerBorderColor}: ${textSecondary};
@@ -410,7 +410,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -536,7 +536,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -662,7 +662,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -788,7 +788,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -239,8 +239,7 @@ export const config = {
         },
         pointerSize: {
             small: css`
-                ${sliderTokens.thumbSize}: 1rem;
-                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbWidth}: 1rem;
                 ${sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -248,8 +247,7 @@ export const config = {
                 ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             large: css`
-                ${sliderTokens.thumbSize}: 1.25rem;
-                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbWidth}: 1.25rem;
                 ${sliderTokens.thumbBorderWidth}: 0.0625rem;
 
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -257,7 +255,7 @@ export const config = {
                 ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             none: css`
-                ${sliderTokens.thumbSize}: 0rem;
+                ${sliderTokens.thumbWidth}: 0rem;
 
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
                 ${sliderTokens.tickSeparatorHeight}: 0.5rem;

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

@@ -1,5 +1,5 @@
 import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodyXS, inverseTextPrimary, onDarkTextPrimary, onDarkTextPrimaryHover, surfaceAccent, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeHover, surfacePositive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryHover, textWarning } from '@salutejs/plasma-themes/tokens/plasma_giga';
+import { bodyL, bodyM, bodyS, bodyXS, inverseTextPrimary, surfaceAccent, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeHover, surfacePositive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryHover, textWarning } from '@salutejs/plasma-themes/tokens/plasma_giga';
 const baseItemView = `
     ${tokens.activeTitleColor}: ${textPrimary};
     ${tokens.activeTitleColorHover}: ${textPrimaryHover};
@@ -35,8 +35,8 @@ const accentConfig = `
     ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};
 
     // Цвет контента внутри элемента Step
-    ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};
-    ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};
+    ${tokens.completedIndicatorColor}: ${inverseTextPrimary};
+    ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};
 `;
 export const config = {
     defaults: {

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

@@ -182,7 +182,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -274,7 +274,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -358,7 +358,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -442,7 +442,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -526,7 +526,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -176,7 +176,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -270,7 +270,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -357,7 +357,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -444,7 +444,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -531,7 +531,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -36,7 +36,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyL.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -92,7 +92,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyM.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -148,7 +148,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};
@@ -204,7 +204,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
 
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};
                 ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};

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

@@ -54,8 +54,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textSecondary};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -106,8 +106,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textPositive};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -158,8 +158,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textSecondary};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -210,8 +210,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textNegative};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -289,8 +289,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -360,8 +361,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -431,8 +433,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -502,8 +505,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -573,8 +577,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;

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

@@ -53,8 +53,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textSecondary};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -104,8 +104,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textSecondary};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -155,8 +155,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textSecondary};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -206,8 +206,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};
                 ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};
+                ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};
+                ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};
 
                 ${tokens.scaleValueColor}: ${textSecondary};
                 ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};
@@ -286,8 +286,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -358,8 +359,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -430,8 +432,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -502,8 +505,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -574,8 +578,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;

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

@@ -1,5 +1,5 @@
 import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodyXS, surfacePositive, surfaceSolidDefault, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, textAccent, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/plasma-themes/tokens/plasma_giga';
+import { bodyL, bodyM, bodyS, bodyXS, surfacePositive, surfaceSolidDefault, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/plasma-themes/tokens/plasma_giga';
 export const config = {
     defaults: {
         view: 'default',
@@ -20,7 +20,7 @@ export const config = {
                 ${tokens.itemBackgroundColorHover}: ${surfaceTransparentSecondaryHover};
                 ${tokens.itemBackgroundColorActive}: ${surfaceTransparentSecondaryActive};
                 ${tokens.checkboxBorderColor}: ${textSecondary};
-                ${tokens.checkboxBackgroundColor}: ${textAccent};
+                ${tokens.checkboxBackgroundColor}: ${surfaceSolidDefault};
                 ${tokens.itemDisabledOpacity}: 0.4;
                 ${tokens.itemDisabledBorderColor}: ${textSecondary};
                 ${tokens.itemDisabledColor}: ${textSecondary};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-giga",
-  "version": "0.360.0-next-sbcom.0",
+  "version": "0.360.1-dev.0",
   "description": "Salute Design System / React UI kit for PLASMA GIGA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -40,9 +40,9 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.377.0-next-sbcom.0",
-    "@salutejs/plasma-themes": "0.62.0-next-sbcom.0",
-    "@salutejs/plasma-typo": "0.52.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.377.1-dev.0",
+    "@salutejs/plasma-themes": "0.62.1-dev.0",
+    "@salutejs/plasma-typo": "0.52.1-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -60,11 +60,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.21.0-next-sbcom.0",
-    "@salutejs/plasma-core": "1.240.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.170.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.248.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.241.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.21.1-dev.0",
+    "@salutejs/plasma-core": "1.240.1-dev.0",
+    "@salutejs/plasma-cy-utils": "0.170.1-dev.0",
+    "@salutejs/plasma-icons": "1.248.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.241.1-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -109,5 +109,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "56c79749172c1191e2b1ee9216785d1fd2ab7111"
+  "gitHead": "0bec260b9a0cb12f9621800550014b55fe8f82a7"
 }

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

@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -103,7 +103,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -168,7 +168,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -196,7 +196,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

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

@@ -609,6 +609,7 @@ export declare const DatePickerRangeDefault: import("react").FunctionComponent<i
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -714,6 +715,7 @@ export declare const DatePickerRangeClear: import("react").FunctionComponent<imp
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -819,6 +821,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -925,6 +928,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";

package/types/components/Drawer/Drawer.d.ts

@@ -19,6 +19,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
     customBackgroundColor?: string;
     customContentBackgroundColor?: string;
     withBlur?: boolean;
+    overlayProps?: import("@salutejs/plasma-new-hope/styled-components").DrawerOverlayProps;
     closeOnEsc?: boolean;
     closeOnOverlayClick?: boolean;
     onEscKeyDown?: (event: KeyboardEvent) => void;