@salutejs/sdds-platform-ai 0.364.0-next-sbcom.0 → 0.364.1-dev.0

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

@@ -243,6 +243,28 @@ export const config = {
                 ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;
                 ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;
                 ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;
+            `,
+            xxs: css`
+                ${buttonTokens.buttonHeight}: 1.5rem;
+                ${buttonTokens.buttonWidth}: 7.5rem;
+                ${buttonTokens.buttonPadding}: 0.625rem;
+                ${buttonTokens.buttonRadius}: 0.375rem;
+
+                ${buttonTokens.buttonFontFamily}: ${bodyXS.fontFamily};
+                ${buttonTokens.buttonFontSize}: ${bodyXS.fontSize};
+                ${buttonTokens.buttonFontStyle}: ${bodyXS.fontStyle};
+                ${buttonTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};
+                ${buttonTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};
+                ${buttonTokens.buttonLineHeight}: ${bodyXS.lineHeight};
+
+                ${buttonTokens.buttonSpinnerSize}: 0.75rem;
+                ${buttonTokens.buttonSpinnerColor}: inherit;
+
+                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;
+                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;
+                ${buttonTokens.buttonValueMargin}: 0 0 0 0.125rem;
+                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;
+                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;
             `
         },
         disabled: {

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

@@ -201,6 +201,20 @@ export const config = {
                 ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};
                 ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};
                 ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};
+            `,
+            xxs: css`
+                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;
+                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;
+                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;
+
+                ${buttonGroupTokens.buttonHeight}: 1.5rem;
+                ${buttonGroupTokens.buttonPadding}: 0.625rem;
+                ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};
+                ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};
+                ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};
+                ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};
+                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};
+                ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};
             `
         },
         orientation: {

package/dist/styled-components/es/components/Calendar/CalendarBase.config.js

@@ -96,7 +96,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +234,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -306,7 +303,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -376,7 +372,6 @@ export const config = {
 
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
 
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js

@@ -97,7 +97,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -167,7 +166,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -237,7 +235,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -307,7 +304,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -377,7 +373,6 @@ export const config = {
 
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
 
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -271,7 +271,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};

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

@@ -269,7 +269,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -230,7 +230,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
 
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -95,7 +95,7 @@ export const config = {
         size: {
             xl: css`
                 ${iconButtonTokens.iconButtonHeight}: 4rem;
-                ${iconButtonTokens.iconButtonWidth}: 4.25rem;
+                ${iconButtonTokens.iconButtonWidth}: 4rem;
                 ${iconButtonTokens.iconButtonPadding}: 1.375rem;
                 ${iconButtonTokens.iconButtonRadius}: 1rem;
 
@@ -127,7 +127,7 @@ export const config = {
             `,
             m: css`
                 ${iconButtonTokens.iconButtonHeight}: 3rem;
-                ${iconButtonTokens.iconButtonWidth}: 3.25rem;
+                ${iconButtonTokens.iconButtonWidth}: 3rem;
                 ${iconButtonTokens.iconButtonPadding}: 0.875rem;
                 ${iconButtonTokens.iconButtonRadius}: 0.75rem;
 
@@ -143,7 +143,7 @@ export const config = {
             `,
             s: css`
                 ${iconButtonTokens.iconButtonHeight}: 2.5rem;
-                ${iconButtonTokens.iconButtonWidth}: 2.75rem;
+                ${iconButtonTokens.iconButtonWidth}: 2.5rem;
 
                 ${iconButtonTokens.iconButtonPadding}: 1rem;
                 ${iconButtonTokens.iconButtonRadius}: 0.625rem;
@@ -163,6 +163,7 @@ export const config = {
                 ${iconButtonTokens.iconButtonWidth}: 2rem;
                 ${iconButtonTokens.iconButtonPadding}: 0.75rem;
                 ${iconButtonTokens.iconButtonRadius}: 0.5rem;
+
                 ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};
                 ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};
                 ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};
@@ -172,6 +173,22 @@ export const config = {
 
                 ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;
                 ${iconButtonTokens.iconButtonSpinnerColor}: inherit;
+            `,
+            xxs: css`
+                ${iconButtonTokens.iconButtonHeight}: 1.5rem;
+                ${iconButtonTokens.iconButtonWidth}: 1.5rem;
+                ${iconButtonTokens.iconButtonPadding}: 0.5rem;
+                ${iconButtonTokens.iconButtonRadius}: 0.375rem;
+
+                ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};
+                ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};
+                ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};
+                ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};
+                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};
+                ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};
+
+                ${iconButtonTokens.iconButtonSpinnerSize}: 0.75rem;
+                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;
             `
         },
         disabled: {

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

@@ -1,5 +1,5 @@
 import { css, listTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyM, surfaceAccent, surfaceTransparentSecondary, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
+import { bodyL, bodyM, bodyS, bodyXS, surfaceAccent, surfaceTransparentSecondary, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
 export const config = {
     defaults: {
         view: 'default',
@@ -19,11 +19,45 @@ export const config = {
             `
         },
         size: {
+            xs: css`
+                ${listTokens.listItemPaddingTop}: 0.5rem;
+                ${listTokens.listItemPaddingLeft}: 0.5rem;
+                ${listTokens.listItemPaddingRight}: 0.5rem;
+                ${listTokens.listItemPaddingBottom}: 0.5rem;
+                ${listTokens.listItemBorderRadius}: 0.5rem;
+                ${listTokens.listItemBorderWidth}: 0rem;
+                ${listTokens.listItemGap}: 0.375rem;
+                ${listTokens.listItemTightDifference}: 0.25rem;
+
+                ${listTokens.listItemFontFamily}: ${bodyXS.fontFamily};
+                ${listTokens.listItemFontSize}: ${bodyXS.fontSize};
+                ${listTokens.listItemFontStyle}: ${bodyXS.fontStyle};
+                ${listTokens.listItemFontWeight}: ${bodyXS.fontWeight};
+                ${listTokens.listItemLetterSpacing}: ${bodyXS.letterSpacing};
+                ${listTokens.listItemLineHeight}: ${bodyXS.lineHeight};
+            `,
+            s: css`
+                ${listTokens.listItemPaddingTop}: 0.6875rem;
+                ${listTokens.listItemPaddingLeft}: 0.75rem;
+                ${listTokens.listItemPaddingRight}: 0.75rem;
+                ${listTokens.listItemPaddingBottom}: 0.6875rem;
+                ${listTokens.listItemBorderRadius}: 0.625rem;
+                ${listTokens.listItemBorderWidth}: 0rem;
+                ${listTokens.listItemGap}: 0.375rem;
+                ${listTokens.listItemTightDifference}: 0.25rem;
+
+                ${listTokens.listItemFontFamily}: ${bodyS.fontFamily};
+                ${listTokens.listItemFontSize}: ${bodyS.fontSize};
+                ${listTokens.listItemFontStyle}: ${bodyS.fontStyle};
+                ${listTokens.listItemFontWeight}: ${bodyS.fontWeight};
+                ${listTokens.listItemLetterSpacing}: ${bodyS.letterSpacing};
+                ${listTokens.listItemLineHeight}: ${bodyS.lineHeight};
+            `,
             m: css`
-                ${listTokens.listItemPaddingTop}: 0.75rem;
+                ${listTokens.listItemPaddingTop}: 0.875rem;
                 ${listTokens.listItemPaddingLeft}: 0.875rem;
                 ${listTokens.listItemPaddingRight}: 0.875rem;
-                ${listTokens.listItemPaddingBottom}: 0.75rem;
+                ${listTokens.listItemPaddingBottom}: 0.875rem;
                 ${listTokens.listItemBorderRadius}: 0.75rem;
                 ${listTokens.listItemBorderWidth}: 0rem;
                 ${listTokens.listItemGap}: 0.5rem;
@@ -35,6 +69,40 @@ export const config = {
                 ${listTokens.listItemFontWeight}: ${bodyM.fontWeight};
                 ${listTokens.listItemLetterSpacing}: ${bodyM.letterSpacing};
                 ${listTokens.listItemLineHeight}: ${bodyM.lineHeight};
+            `,
+            l: css`
+                ${listTokens.listItemPaddingTop}: 1.0625rem;
+                ${listTokens.listItemPaddingLeft}: 1rem;
+                ${listTokens.listItemPaddingRight}: 1rem;
+                ${listTokens.listItemPaddingBottom}: 1.0625rem;
+                ${listTokens.listItemBorderRadius}: 0.875rem;
+                ${listTokens.listItemBorderWidth}: 0rem;
+                ${listTokens.listItemGap}: 0.5rem;
+                ${listTokens.listItemTightDifference}: 0.25rem;
+
+                ${listTokens.listItemFontFamily}: ${bodyL.fontFamily};
+                ${listTokens.listItemFontSize}: ${bodyL.fontSize};
+                ${listTokens.listItemFontStyle}: ${bodyL.fontStyle};
+                ${listTokens.listItemFontWeight}: ${bodyL.fontWeight};
+                ${listTokens.listItemLetterSpacing}: ${bodyL.letterSpacing};
+                ${listTokens.listItemLineHeight}: ${bodyL.lineHeight};
+            `,
+            xl: css`
+                ${listTokens.listItemPaddingTop}: 1.3125rem;
+                ${listTokens.listItemPaddingLeft}: 1.125rem;
+                ${listTokens.listItemPaddingRight}: 1.125rem;
+                ${listTokens.listItemPaddingBottom}: 1.3125rem;
+                ${listTokens.listItemBorderRadius}: 1rem;
+                ${listTokens.listItemBorderWidth}: 0rem;
+                ${listTokens.listItemGap}: 0.5rem;
+                ${listTokens.listItemTightDifference}: 0.25rem;
+
+                ${listTokens.listItemFontFamily}: ${bodyL.fontFamily};
+                ${listTokens.listItemFontSize}: ${bodyL.fontSize};
+                ${listTokens.listItemFontStyle}: ${bodyL.fontStyle};
+                ${listTokens.listItemFontWeight}: ${bodyL.fontWeight};
+                ${listTokens.listItemLetterSpacing}: ${bodyL.letterSpacing};
+                ${listTokens.listItemLineHeight}: ${bodyL.lineHeight};
             `
         },
         disabled: {

package/dist/styled-components/es/components/Notification/index.js

@@ -1,2 +1,2 @@
 export { NotificationsProvider, Notification } from './Notification';
-export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/styled-components';

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

@@ -399,7 +399,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};

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

@@ -193,7 +193,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}: ${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};

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

@@ -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};
@@ -102,8 +102,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};
@@ -150,8 +150,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};
@@ -198,8 +198,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};
@@ -277,8 +277,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;
@@ -348,8 +349,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;
@@ -419,8 +421,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;
@@ -490,8 +493,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;
@@ -561,8 +565,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-platform-ai",
-  "version": "0.364.0-next-sbcom.0",
+  "version": "0.364.1-dev.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.377.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.78.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.377.1-dev.0",
+    "@salutejs/sdds-themes": "0.78.1-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -59,11 +59,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"
 }