@salutejs/sdds-scan 0.370.0-dev.0 → 0.371.0

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

@@ -34,6 +34,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -76,6 +77,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -118,6 +120,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -160,6 +163,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -218,6 +222,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_sdds_scan.bodyM.fontWeight};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -293,6 +304,13 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: ${_sdds_scan.bodyS.fontWeight};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
@@ -422,6 +440,7 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.autocompleteTokens.textFieldTitleCaptionColorReadOnly}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};
             `

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

@@ -181,6 +181,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_scan.bodyXS.fontFamily};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -351,6 +352,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.datePickerTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.datePickerTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.datePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.datePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -152,6 +152,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -319,6 +320,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -486,6 +488,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.313rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.3125rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -653,6 +656,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -820,6 +824,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.dateTimePickerTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.dateTimePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -73,6 +73,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.938rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.375rem;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.375rem;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -122,6 +123,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_scan.bodyXS.fontFamily};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -171,6 +173,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.688rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0.188rem;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -220,6 +223,7 @@ const config = {
                 ${_styledcomponents.informationWrapperTokens.hintWithoutLabelPlacementOffset}: 0.188rem -2.063rem auto auto;
 
                 ${_styledcomponents.informationWrapperTokens.titleCaptionOffset}: 0;
+                ${_styledcomponents.informationWrapperTokens.titleCaptionMargin}: 0;
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.informationWrapperTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -124,6 +124,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_scan.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -200,6 +201,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_scan.bodyXS.fontFamily};
                 ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js

@@ -86,7 +86,7 @@ const config = {
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.segmentTokens.itemBorderRadius}: 0.625rem;
                 ${_styledcomponents.segmentTokens.itemWidth}: auto;
-                ${_styledcomponents.segmentTokens.itemHeight}: 2.5rem;
+                ${_styledcomponents.segmentTokens.itemHeight}: 2.25rem;
                 ${_styledcomponents.segmentTokens.itemPadding}: 0.5rem 1rem;
                 ${_styledcomponents.segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;
                 ${_styledcomponents.segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;
@@ -103,7 +103,7 @@ const config = {
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.segmentTokens.itemBorderRadius}: 0.75rem;
                 ${_styledcomponents.segmentTokens.itemWidth}: auto;
-                ${_styledcomponents.segmentTokens.itemHeight}: 3rem;
+                ${_styledcomponents.segmentTokens.itemHeight}: 2.75rem;
                 ${_styledcomponents.segmentTokens.itemPadding}: 0.75rem 1.25rem;
                 ${_styledcomponents.segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;
                 ${_styledcomponents.segmentTokens.itemContentPadding}: 0.125rem;

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

@@ -33,6 +33,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -78,6 +79,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -123,6 +125,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -168,6 +171,7 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_scan.textAccent};
 
                 ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
@@ -377,6 +381,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_scan.bodyM.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
@@ -502,6 +513,13 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_scan.bodyS.fontWeight};
                 ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
                 ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;

package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -13,7 +13,7 @@ const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'divider',
-        size: 'l'
+        size: 'm'
     },
     variations: {
         view: {

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

@@ -256,6 +256,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_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -329,6 +330,7 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
 
                 ${_styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textAreaTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textAreaTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textAreaTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -175,6 +175,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_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
@@ -261,6 +262,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${_styledcomponents.textFieldTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.titleCaptionMargin}: 0.1875rem;
                 ${_styledcomponents.textFieldTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};

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

@@ -57,6 +57,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.disabledOpacity}: 0.4;
 
                 ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_scan.textNegative};
                 ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_scan.textPositive};
 
@@ -81,6 +82,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyL.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyL.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyL.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.375rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -152,6 +160,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyM.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.3125rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -235,6 +250,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0.1875rem;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -318,6 +340,13 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
                 ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
                 ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionMargin}: 0;
+                ${_styledcomponents.timePickerTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.titleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -453,6 +482,7 @@ const config = {
                 ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};
                 ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.timePickerTokens.titleCaptionColorReadOnly}: ${_sdds_scan.textSecondary};
 
                 ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};

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.textFieldContentSlotColor}: ${textSecondary};
@@ -66,6 +67,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textPositive};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -108,6 +110,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textWarning};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -150,6 +153,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textNegative};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -208,6 +212,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;
@@ -283,6 +294,13 @@ export const config = {
                 ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};
                 ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
+                ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${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;
@@ -412,6 +430,7 @@ export const config = {
                 ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};
                 ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};
                 ${tokens.textFieldLabelColorReadOnly}: ${textPrimary};
                 ${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentPrimary};
             `

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

@@ -171,6 +171,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};
@@ -341,6 +342,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionOffset}: 0.188rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -142,6 +142,7 @@ export const config = {
                 ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -309,6 +310,7 @@ export const config = {
                 ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -476,6 +478,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};
@@ -643,6 +646,7 @@ export const config = {
                 ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.titleCaptionOffset}: 0.188rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -810,6 +814,7 @@ export const config = {
                 ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.titleCaptionOffset}: 0;
+                ${tokens.titleCaptionMargin}: 0;
                 ${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.938rem auto auto;
 
                 ${tokens.titleCaptionOffset}: 0.375rem;
+                ${tokens.titleCaptionMargin}: 0.375rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -112,6 +113,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};
@@ -161,6 +163,7 @@ export const config = {
                 ${tokens.hintWithoutLabelPlacementOffset}: 0.438rem -2.688rem auto auto;
 
                 ${tokens.titleCaptionOffset}: 0.188rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -210,6 +213,7 @@ export const config = {
                 ${tokens.hintWithoutLabelPlacementOffset}: 0.188rem -2.063rem auto auto;
 
                 ${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.313rem 0 -0.438rem;
 
                 ${tokens.titleCaptionOffset}: 0.313rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -190,6 +191,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};

package/dist/styled-components/es/components/Segment/SegmentItem.config.js

@@ -76,7 +76,7 @@ export const config = {
             s: css`
                 ${segmentTokens.itemBorderRadius}: 0.625rem;
                 ${segmentTokens.itemWidth}: auto;
-                ${segmentTokens.itemHeight}: 2.5rem;
+                ${segmentTokens.itemHeight}: 2.25rem;
                 ${segmentTokens.itemPadding}: 0.5rem 1rem;
                 ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;
                 ${segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;
@@ -93,7 +93,7 @@ export const config = {
             m: css`
                 ${segmentTokens.itemBorderRadius}: 0.75rem;
                 ${segmentTokens.itemWidth}: auto;
-                ${segmentTokens.itemHeight}: 3rem;
+                ${segmentTokens.itemHeight}: 2.75rem;
                 ${segmentTokens.itemPadding}: 0.75rem 1.25rem;
                 ${segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;
                 ${segmentTokens.itemContentPadding}: 0.125rem;

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

@@ -23,6 +23,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -68,6 +69,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textPositive};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -113,6 +115,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textWarning};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -158,6 +161,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textPrimary};
                 ${tokens.textFieldLeftHelperColor}: ${textNegative};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -367,6 +371,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;
@@ -492,6 +503,13 @@ export const config = {
                 ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};
                 ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
+                ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${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/Tabs/horizontal/HorizontalTabItem.config.js

@@ -3,7 +3,7 @@ import { bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, h1, h2, h3, h4,
 export const config = {
     defaults: {
         view: 'divider',
-        size: 'l'
+        size: 'm'
     },
     variations: {
         view: {