@salutejs/sdds-finai 0.363.0-dev.0 → 0.364.0

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

@@ -1,5 +1,5 @@
 import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCard, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentWarning, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCard, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentWarning, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -26,6 +26,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -76,6 +77,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textPositive};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -127,6 +129,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textWarning};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -178,6 +181,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textNegative};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -229,6 +233,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -454,6 +459,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;
@@ -581,6 +593,13 @@ export const config = {
                 ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};
                 ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};
+                ${tokens.textFieldTitleCaptionMargin}: 0;
+                ${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.75rem -0.625rem -0.75rem -0.5rem;
                 ${tokens.textFieldHintTargetSize}: 2.375rem;

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

@@ -1,13 +1,17 @@
 import { selectConfig, component, mergeConfig, fixedForwardRef, createConditionalComponent } from '@salutejs/plasma-new-hope/styled-components';
 import React from 'react';
 import { config } from './Select.config';
+import { config as clearConfig } from './Select.clear.config';
 import { config as viewModeConfig } from './Select.viewMode.config';
 const mergedConfig = mergeConfig(selectConfig, config);
 const SelectDefault = component(mergedConfig);
+const mergedConfigClear = mergeConfig(selectConfig, clearConfig);
+const SelectClear = component(mergedConfigClear);
 const mergedConfigViewMode = mergeConfig(selectConfig, viewModeConfig);
 const SelectViewMode = component(mergedConfigViewMode);
 const SelectNewHope = createConditionalComponent({
     default: SelectDefault,
+    clear: SelectClear,
     viewMode: SelectViewMode
 });
 const SelectComponent = (props, ref)=>{

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

@@ -1,5 +1,5 @@
 import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, surfaceAccent, surfaceAccentHover, surfaceNegative, surfaceSolidCard, surfaceSolidDefault, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, surfaceAccent, surfaceAccentHover, surfaceNegative, surfaceSolidCard, surfaceSolidDefault, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -26,6 +26,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textSecondary};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
                 ${tokens.textFieldContentSlotColor}: ${textSecondary};
@@ -76,6 +77,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textPositive};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -127,6 +129,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textWarning};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -178,6 +181,7 @@ export const config = {
                 ${tokens.textFieldTextAfterColor}: ${textTertiary};
                 ${tokens.textFieldLabelColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColor}: ${textNegative};
+                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};
                 ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};
                 ${tokens.textFieldFocusColor}: ${textAccent};
 
@@ -408,6 +412,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;
@@ -540,6 +551,13 @@ export const config = {
                 ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};
                 ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};
+                ${tokens.textFieldTitleCaptionMargin}: 0;
+                ${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.75rem -0.625rem -0.75rem -0.5rem;
                 ${tokens.textFieldHintTargetSize}: 2.375rem;

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

@@ -1,5 +1,5 @@
 import { css, sheetTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { overlayBlur, overlaySoft, surfaceSolidCard, surfaceSolidTertiary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { overlayBlur, overlaySoft, surfaceSolidCard, surfaceSolidTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default'

package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js

@@ -1,5 +1,5 @@
 import { css, skeletonTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodyXS, bodyXXS, dsplL, dsplM, dsplS, h1, h2, h3, h4, h5, h6, surfaceTransparentSecondary, surfaceTransparentTertiary, textL, textM, textS, textXS } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyM, bodyS, bodyXS, bodyXXS, dsplL, dsplM, dsplS, h1, h2, h3, h4, h5, h6, surfaceTransparentSecondary, surfaceTransparentTertiary, textL, textM, textS, textXS } from '@sddsjs/sdds_finai';
 // INFO: у нас нет централизованного, через theme, способа задавать токен для skeleton gradient
 // INFO: поэтому сейчас константа. Changelog от 12.12.2025
 export const config = {

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

@@ -1,5 +1,5 @@
 import { css, sliderTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodyXS, onLightSurfaceSolidCard, outlineSolidTertiary, surfaceAccent, surfaceSolidDefault, surfaceSolidTertiary, surfaceTransparentPrimary, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, textAccent, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyM, bodyS, bodyXS, onLightSurfaceSolidCard, outlineSolidTertiary, surfaceAccent, surfaceSolidDefault, surfaceSolidTertiary, surfaceTransparentPrimary, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, textAccent, textPrimary, textSecondary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',

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

@@ -1,5 +1,5 @@
 import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { textAccent, textInfo, textNegative, textPositive, textPrimary, textSecondary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { textAccent, textInfo, textNegative, textPositive, textPrimary, textSecondary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'accent',

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

@@ -1,5 +1,5 @@
 import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { inverseTextPrimary, onDarkTextPrimary, onDarkTextPrimaryHover, surfaceAccent, surfaceAccentHover, surfaceNegative, surfaceNegativeHover, surfacePositive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultHover, surfaceWarning, surfaceWarningHover, textNegative, textNegativeHover, textPositive, textPositiveHover, textPrimary, textPrimaryHover, textWarning, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { inverseTextPrimary, onDarkTextPrimary, onDarkTextPrimaryHover, surfaceAccent, surfaceAccentHover, surfaceNegative, surfaceNegativeHover, surfacePositive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultHover, surfaceWarning, surfaceWarningHover, textNegative, textNegativeHover, textPositive, textPositiveHover, textPrimary, textPrimaryHover, textWarning, textWarningHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default'

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

@@ -1,5 +1,5 @@
 import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodyXS, inverseTextPrimary, onDarkTextPrimary, onDarkTextPrimaryHover, surfaceAccent, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeHover, surfacePositive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryHover, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyM, bodyS, bodyXS, inverseTextPrimary, onDarkTextPrimary, onDarkTextPrimaryHover, surfaceAccent, surfaceAccentHover, surfaceClear, surfaceNegative, surfaceNegativeHover, surfacePositive, surfacePositiveHover, surfaceSolidDefault, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryHover, surfaceWarning, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryHover, textWarning } from '@sddsjs/sdds_finai';
 const baseItemView = `
     ${tokens.activeTitleColor}: ${textPrimary};
     ${tokens.activeTitleColorHover}: ${textPrimaryHover};

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

@@ -1,5 +1,5 @@
 import { css, switchTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodyXS, onDarkSurfaceSolidDefault, surfaceAccent, surfaceAccentHover, surfaceTransparentTertiary, surfaceTransparentTertiaryHover, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyM, bodyS, bodyXS, onDarkSurfaceSolidDefault, surfaceAccent, surfaceAccentHover, surfaceTransparentTertiary, surfaceTransparentTertiaryHover, textPrimary, textSecondary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',

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

@@ -1,5 +1,5 @@
 import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyM, bodyS, bodySBold, bodyXS, bodyXSBold, onDarkTextPrimary, surfaceTransparentTertiary, textAccent, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyM, bodyS, bodySBold, bodyXS, bodyXSBold, onDarkTextPrimary, surfaceTransparentTertiary, textAccent, textSecondary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',

package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js

@@ -1,5 +1,5 @@
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { inverseTextPrimary, surfaceAccent, surfaceSolidCard, surfaceSolidDefault, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { inverseTextPrimary, surfaceAccent, surfaceSolidCard, surfaceSolidDefault, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'divider',

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

@@ -1,5 +1,5 @@
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, inverseTextPrimary, inverseTextSecondary, surfaceAccent, surfaceSolidCard, surfaceSolidDefault, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, inverseTextPrimary, inverseTextSecondary, surfaceAccent, surfaceSolidCard, surfaceSolidDefault, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'divider',

package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -1,5 +1,5 @@
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { surfaceAccent, surfaceTransparentPrimary, surfaceTransparentTertiary, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { surfaceAccent, surfaceTransparentPrimary, surfaceTransparentTertiary, textSecondary, textSecondaryActive, textSecondaryHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'filled',

package/dist/styled-components/es/components/Tabs/vertical/VerticalIconTabItem.config.js

@@ -1,5 +1,5 @@
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { surfaceAccent, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { surfaceAccent, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'divider',

package/dist/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js

@@ -1,5 +1,5 @@
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, surfaceAccent, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, surfaceAccent, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'divider',

package/dist/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,5 +1,5 @@
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { surfaceAccent, surfaceTransparentTertiary, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { surfaceAccent, surfaceTransparentTertiary, textSecondary, textSecondaryActive, textSecondaryHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'divider',

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

@@ -1,5 +1,5 @@
 import { css, textAreaTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, bodyXXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, shadowDownHardM, surfaceAccent, surfaceNegative, surfacePositive, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, surfaceTransparentWarningActive, surfaceTransparentWarningHover, surfaceWarning, textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, bodyXXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, shadowDownHardM, surfaceAccent, surfaceNegative, surfacePositive, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, surfaceTransparentWarningActive, surfaceTransparentWarningHover, surfaceWarning, textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -252,6 +252,7 @@ export const config = {
                 ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
 
                 ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${textAreaTokens.titleCaptionMargin}: 0.1875rem;
                 ${textAreaTokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${textAreaTokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${textAreaTokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -1,5 +1,5 @@
 import { css, textAreaTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, bodyXXS, shadowDownHardM, surfaceAccent, surfaceNegative, surfacePositive, surfaceSolidCardBrightness, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, bodyXXS, shadowDownHardM, surfaceAccent, surfaceNegative, surfacePositive, surfaceSolidCardBrightness, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -218,6 +218,7 @@ export const config = {
                 ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
 
                 ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${textAreaTokens.titleCaptionMargin}: 0.1875rem;
                 ${textAreaTokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${textAreaTokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${textAreaTokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -1,5 +1,5 @@
 import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, outlineTransparentInfo, outlineTransparentInfoActive, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, outlineTransparentInfo, outlineTransparentInfoActive, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning, textWarningActive, textWarningHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -43,6 +43,7 @@ export const config = {
                 ${tokens.colorFocus}: ${textPrimary};
 
                 ${tokens.placeholderColor}: ${textPositive};
+                ${tokens.placeholderColorHover}: ${textSecondary};
                 ${tokens.placeholderColorFocus}: ${textTertiary};
 
                 ${tokens.backgroundColor}: transparent;
@@ -62,7 +63,7 @@ export const config = {
                 ${tokens.contentSlotColor}: ${textPositive};
                 ${tokens.contentSlotColorHover}: ${textPositiveHover};
                 ${tokens.contentSlotColorActive}: ${textPositiveActive};
-                ${tokens.contentSlotColorFocus}: ${textPrimary};
+                ${tokens.contentSlotColorFocus}: ${textSecondary};
 
                 ${tokens.contentSlotRightColor}: ${textSecondary};
                 ${tokens.contentSlotRightColorHover}: ${textSecondaryHover};
@@ -81,6 +82,7 @@ export const config = {
                 ${tokens.colorFocus}: ${textPrimary};
 
                 ${tokens.placeholderColor}: ${textWarning};
+                ${tokens.placeholderColorHover}: ${textSecondary};
                 ${tokens.placeholderColorFocus}: ${textTertiary};
 
                 ${tokens.backgroundColor}: transparent;
@@ -100,7 +102,7 @@ export const config = {
                 ${tokens.contentSlotColor}: ${textWarning};
                 ${tokens.contentSlotColorHover}: ${textWarningHover};
                 ${tokens.contentSlotColorActive}: ${textWarningActive};
-                ${tokens.contentSlotColorFocus}: ${textPrimary};
+                ${tokens.contentSlotColorFocus}: ${textSecondary};
 
                 ${tokens.contentSlotRightColor}: ${textSecondary};
                 ${tokens.contentSlotRightColorHover}: ${textSecondaryHover};
@@ -119,6 +121,7 @@ export const config = {
                 ${tokens.colorFocus}: ${textPrimary};
 
                 ${tokens.placeholderColor}: ${textNegative};
+                ${tokens.placeholderColorHover}: ${textSecondary};
                 ${tokens.placeholderColorFocus}: ${textTertiary};
 
                 ${tokens.backgroundColor}: transparent;
@@ -138,7 +141,7 @@ export const config = {
                 ${tokens.contentSlotColor}: ${textNegative};
                 ${tokens.contentSlotColorHover}: ${textNegativeHover};
                 ${tokens.contentSlotColorActive}: ${textNegativeActive};
-                ${tokens.contentSlotColorFocus}: ${textPrimary};
+                ${tokens.contentSlotColorFocus}: ${textSecondary};
 
                 ${tokens.contentSlotRightColor}: ${textSecondary};
                 ${tokens.contentSlotRightColorHover}: ${textSecondaryHover};
@@ -153,27 +156,35 @@ export const config = {
                 ${tokens.optionalColor}: ${textTertiary};
             `,
             edited: css`
-                ${tokens.color}: ${textPrimary};
+                ${tokens.color}: ${textInfo};
+                ${tokens.colorFocus}: ${textPrimary};
 
-                ${tokens.placeholderColor}: ${textSecondary};
+                ${tokens.placeholderColor}: ${textInfo};
+                ${tokens.placeholderColorHover}: ${textSecondary};
                 ${tokens.placeholderColorFocus}: ${textTertiary};
 
-                ${tokens.backgroundColor}: ${dataBlueLight};
-                ${tokens.backgroundColorHover}: ${dataBlueLightHover};
-                ${tokens.backgroundColorFocus}: ${dataBlueLightActive};
+                ${tokens.backgroundColor}: transparent;
+                ${tokens.backgroundColorHover}: transparent;
+                ${tokens.backgroundColorFocus}: transparent;
                 ${tokens.caretColor}: ${textAccent};
                 ${tokens.textBeforeColor}: ${textTertiary};
                 ${tokens.textAfterColor}: ${textTertiary};
                 ${tokens.labelColor}: ${textSecondary};
-                ${tokens.leftHelperColor}: ${textSecondary};
-                ${tokens.rightHelperColor}: ${textSecondary};
+                ${tokens.leftHelperColor}: ${textInfo};
+                ${tokens.rightHelperColor}: ${textInfo};
                 ${tokens.leftHelperColorFocus}: ${textSecondary};
+                ${tokens.rightHelperColorFocus}: ${textSecondary};
                 ${tokens.titleCaptionColor}: ${textSecondary};
                 ${tokens.hintIconColor}: ${textSecondary};
 
-                ${tokens.contentSlotColor}: ${textSecondary};
-                ${tokens.contentSlotColorHover}: ${textSecondaryHover};
-                ${tokens.contentSlotColorActive}: ${textSecondaryActive};
+                ${tokens.contentSlotColor}: ${textInfo};
+                ${tokens.contentSlotColorHover}: ${textInfoHover};
+                ${tokens.contentSlotColorActive}: ${textInfoActive};
+                ${tokens.contentSlotColorFocus}: ${textSecondary};
+
+                ${tokens.contentSlotRightColor}: ${textSecondary};
+                ${tokens.contentSlotRightColorHover}: ${textSecondaryHover};
+                ${tokens.contentSlotRightColorActive}: ${textSecondaryActive};
 
                 ${tokens.dividerColor}: ${outlineTransparentInfo};
                 ${tokens.dividerColorHover}: ${outlineTransparentInfo};
@@ -218,6 +229,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -304,6 +316,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -1,5 +1,5 @@
 import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentCard, surfaceTransparentCardHover, surfaceTransparentNegative, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentWarning, surfaceTransparentWarningHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentCard, surfaceTransparentCardHover, surfaceTransparentNegative, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentWarning, surfaceTransparentWarningHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -217,6 +217,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -303,6 +304,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -1,5 +1,5 @@
 import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning, textWarningActive, textWarningHover } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textNegativeActive, textNegativeHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning, textWarningActive, textWarningHover } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -187,6 +187,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -273,6 +274,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

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

@@ -1,5 +1,5 @@
 import { css, textFieldGroupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         size: 's'

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

@@ -1,5 +1,5 @@
 import { css, timePickerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, shadowDownHardM, shadowDownSoftS, surfaceAccent, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryHover, textTertiary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, shadowDownHardM, shadowDownSoftS, surfaceAccent, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -77,6 +77,7 @@ export const config = {
                 ${tokens.disabledOpacity}: 0.4;
 
                 ${tokens.leftHelperColor}: ${textSecondary};
+                ${tokens.titleCaptionColor}: ${textSecondary};
                 ${tokens.leftHelperColorError}: ${textNegative};
                 ${tokens.leftHelperColorSuccess}: ${textPositive};
                 ${tokens.leftHelperColorEdited}: ${textSecondary};
@@ -103,6 +104,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyS.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyS.lineHeight};
+                ${tokens.titleCaptionMargin}: 0.1875rem;
+                ${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.375rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -188,6 +196,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyXS.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
+                ${tokens.titleCaptionMargin}: 0;
+                ${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.375rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -330,6 +345,7 @@ export const config = {
                 ${tokens.backgroundReadOnly}: transparent;
                 ${tokens.labelColorReadOnly}: ${textSecondary};
                 ${tokens.leftHelperColorReadOnly}: ${textSecondary};
+                ${tokens.titleCaptionColorReadOnly}: ${textSecondary};
 
                 ${tokens.textFieldColorReadOnly}: ${textPrimary};
                 ${tokens.textFieldBackgroundColor}: ${surfaceTransparentSecondary};

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

@@ -1,5 +1,5 @@
 import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, shadowDownHardM, shadowDownSoftS, surfaceAccent, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryHover, textTertiary } from '@salutejs/sdds-themes/tokens/sdds_finai';
+import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, shadowDownHardM, shadowDownSoftS, surfaceAccent, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -72,6 +72,7 @@ export const config = {
                 ${tokens.disabledOpacity}: 0.4;
 
                 ${tokens.leftHelperColor}: ${textSecondary};
+                ${tokens.titleCaptionColor}: ${textSecondary};
                 ${tokens.leftHelperColorError}: ${textNegative};
                 ${tokens.leftHelperColorSuccess}: ${textPositive};
                 ${tokens.leftHelperColorEdited}: ${textSecondary};
@@ -98,6 +99,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyS.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyS.lineHeight};
+                ${tokens.titleCaptionMargin}: 0.1875rem;
+                ${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.375rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -183,6 +191,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyXS.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
+                ${tokens.titleCaptionMargin}: 0;
+                ${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.375rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -325,6 +340,7 @@ export const config = {
                 ${tokens.backgroundReadOnly}: ${surfaceTransparentCard};
                 ${tokens.labelColorReadOnly}: ${textSecondary};
                 ${tokens.leftHelperColorReadOnly}: ${textSecondary};
+                ${tokens.titleCaptionColorReadOnly}: ${textSecondary};
 
                 ${tokens.textFieldColorReadOnly}: ${textPrimary};
                 ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentSecondary};