@salutejs/sdds-platform-ai 0.371.0-dev.0 → 0.372.0-dev.0

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

@@ -34,6 +34,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: ${_sdds_platform_ai.outlineTransparentPrimary};
@@ -80,6 +81,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textPositive};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_platform_ai.textSecondary};
@@ -122,6 +124,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textWarning};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_platform_ai.textSecondary};
@@ -164,6 +167,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_platform_ai.textSecondary};
@@ -223,6 +227,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -353,6 +364,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly}: ${_sdds_platform_ai.outlineTransparentPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColorReadOnly}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: ${_sdds_platform_ai.surfaceTransparentPrimary};
             `

package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js

@@ -213,6 +213,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -192,6 +192,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -157,6 +157,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js

@@ -73,6 +73,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.813rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/Range/Range.clear.config.js

@@ -149,6 +149,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -226,6 +227,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -303,6 +305,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -380,6 +383,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -457,6 +461,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.688rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/Range/Range.config.js

@@ -124,6 +124,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -200,6 +201,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -276,6 +278,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -352,6 +355,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
@@ -428,6 +432,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.rangeTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -34,6 +34,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_platform_ai.outlineTransparentPrimary};
@@ -85,6 +86,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textPositive};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_platform_ai.textSecondary};
@@ -132,6 +134,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textWarning};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_platform_ai.textSecondary};
@@ -179,6 +182,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_platform_ai.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_platform_ai.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_platform_ai.textSecondary};
@@ -403,6 +407,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;

package/dist/styled-components/cjs/components/TextArea/TextArea.config.js

@@ -215,6 +215,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

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

@@ -193,6 +193,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js

@@ -66,6 +66,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.disabledOpacity}: 0.4;
 
                 ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_platform_ai.textNegative};
                 ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_platform_ai.textPositive};
 
@@ -92,6 +93,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -227,6 +235,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_platform_ai.surfaceTransparentCard};
                 ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_sdds_platform_ai.textSecondary};
 
                 ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_platform_ai.textSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_platform_ai.surfaceTransparentCard};

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

@@ -24,6 +24,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldBorderColor}: ${outlineTransparentPrimary};
@@ -70,6 +71,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textPositive};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -112,6 +114,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textWarning};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -154,6 +157,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textNegative};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -213,6 +217,13 @@ export const config = {
                 ${tokens.textFieldLabelFontWeight}: ${bodyM.fontWeight};
                 ${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};
                 ${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};
+                ${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${tokens.textFieldHintTargetSize}: 2.375rem;
@@ -343,6 +354,7 @@ export const config = {
                 ${tokens.textFieldBorderColorReadOnly}: ${outlineTransparentPrimary};
                 ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};
                 ${tokens.textFieldLabelColorReadOnly}: ${textPrimary};
                 ${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentPrimary};
             `

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

@@ -203,6 +203,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -182,6 +182,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -147,6 +147,7 @@ export const config = {
                 ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -63,6 +63,7 @@ export const config = {
                 ${tokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.813rem auto auto;
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -139,6 +139,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -216,6 +217,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -293,6 +295,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -370,6 +373,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.188rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -447,6 +451,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 -0.688rem;
 
                 ${tokens.titleCaptionOffset}: 0;
+                ${tokens.titleCaptionMargin}: 0;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -114,6 +114,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -190,6 +191,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -266,6 +268,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -342,6 +345,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.188rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -418,6 +422,7 @@ export const config = {
                 ${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;
 
                 ${tokens.titleCaptionOffset}: 0;
+                ${tokens.titleCaptionMargin}: 0;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -24,6 +24,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldBorderColor}: ${outlineTransparentPrimary};
@@ -75,6 +76,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textPositive};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -122,6 +124,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textWarning};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -169,6 +172,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textNegative};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -393,6 +397,13 @@ export const config = {
                 ${tokens.textFieldLabelFontWeight}: ${bodyM.fontWeight};
                 ${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};
                 ${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};
+                ${tokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${tokens.textFieldHintTargetSize}: 2.375rem;

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

@@ -205,6 +205,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -183,6 +183,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -56,6 +56,7 @@ export const config = {
                 ${tokens.disabledOpacity}: 0.4;
 
                 ${tokens.leftHelperColor}: ${textSecondary};
+                ${tokens.titleCaptionColor}: ${textSecondary};
                 ${tokens.leftHelperColorError}: ${textNegative};
                 ${tokens.leftHelperColorSuccess}: ${textPositive};
 
@@ -82,6 +83,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyM.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyM.lineHeight};
+                ${tokens.titleCaptionMargin}: 0.3125rem;
+                ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.indicatorSize}: 0.5rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -217,6 +225,7 @@ export const config = {
                 ${tokens.backgroundReadOnly}: ${surfaceTransparentCard};
                 ${tokens.labelColorReadOnly}: ${textSecondary};
                 ${tokens.leftHelperColorReadOnly}: ${textSecondary};
+                ${tokens.titleCaptionColorReadOnly}: ${textSecondary};
 
                 ${tokens.textFieldColorReadOnly}: ${textSecondary};
                 ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentCard};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-platform-ai",
-  "version": "0.371.0-dev.0",
+  "version": "0.372.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -37,11 +37,11 @@
   "peerDependencies": {
     "react": ">=16.13.1",
     "react-dom": ">=16.13.1",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.384.0-dev.0",
-    "@salutejs/sdds-themes": "0.84.0-dev.0"
+    "@salutejs/plasma-new-hope": "0.385.0-dev.0",
+    "@salutejs/sdds-themes": "0.85.0-dev.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.26.0-dev.0",
-    "@salutejs/plasma-core": "1.246.0-dev.0",
-    "@salutejs/plasma-cy-utils": "0.176.0-dev.0",
-    "@salutejs/plasma-icons": "1.253.0-dev.0",
-    "@salutejs/plasma-sb-utils": "0.247.0-dev.0",
+    "@salutejs/plasma-core": "1.247.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.177.0-dev.0",
+    "@salutejs/plasma-icons": "1.254.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.248.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -74,7 +74,7 @@
     "default-browser-id": "2.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "styled-components": "5.3.1",
+    "styled-components": "5.3.11",
     "typescript-coverage-report": "0.7.0"
   },
   "scripts": {
@@ -109,5 +109,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "573a5eebb5c872332089cd4fd4b3738a975c1f6d"
+  "gitHead": "192f858f2e44fc11fc92b19949cbe9b40eb12210"
 }