@salutejs/sdds-finai 0.367.0 → 0.367.1-dev.0

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

@@ -1,5 +1,5 @@
 import { css, comboboxTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyM, bodyS, bodyXS, dataBlueLight, dataBlueLightActive, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
+import { bodyM, bodyS, bodyXS, dataBlueSoft, dataBlueSoftActive, inverseTextPrimary, inverseTextSecondary, inverseTextSecondaryHover, onDarkTextPrimary, onDarkTextSecondary, onDarkTextSecondaryHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -277,8 +277,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: ${textSecondary};
                 ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};
 
-                ${tokens.textFieldBackgroundColor}: ${dataBlueLight};
-                ${tokens.textFieldBackgroundColorFocus}: ${dataBlueLightActive};
+                ${tokens.textFieldBackgroundColor}: ${dataBlueSoft};
+                ${tokens.textFieldBackgroundColorFocus}: ${dataBlueSoftActive};
                 ${tokens.textFieldBorderColor}: ${outlineTransparentInfo};
                 ${tokens.textFieldBorderColorHover}: ${outlineTransparentInfoHover};
                 ${tokens.textFieldBorderColorFocus}: ${outlineTransparentInfoActive};
@@ -337,8 +337,8 @@ export const config = {
                 ${tokens.textFieldPaddingWithChips}: 0.375rem;
                 ${tokens.textFieldBorderRadius}: 0.625rem;
 
-                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.375rem -0.1875rem 0.75rem;
+                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${tokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -453,7 +453,7 @@ export const config = {
                 ${tokens.dividerMarginTopTight}: 0.25rem;
                 ${tokens.dividerMarginBottomTight}: 0.25rem;
 
-                ${tokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+                ${tokens.disclosureIconMargin}: 0 0 0 0.375rem;
             `,
             xs: css`
                 ${tokens.scrollbarWidth}: 0.188rem;
@@ -463,8 +463,8 @@ export const config = {
                 ${tokens.textFieldPaddingWithChips}: 0.375rem;
                 ${tokens.textFieldBorderRadius}: 0.5rem;
 
-                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.1875rem;
-                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${tokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -579,7 +579,7 @@ export const config = {
                 ${tokens.dividerMarginTopTight}: 0.125rem;
                 ${tokens.dividerMarginBottomTight}: 0.125rem;
 
-                ${tokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+                ${tokens.disclosureIconMargin}: 0 0 0 0.25rem;
             `
         },
         labelPlacement: {

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

@@ -1,5 +1,5 @@
 import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodySBold, bodyXS, bodyXSBold, dataBlueLight, dataBlueLightActive, dataBlueLightHover, h4, h4Bold, h5, h5Bold, inverseTextPrimary, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentPositive, shadowDownHardM, shadowDownHardS, shadowDownSoftS, surfaceAccent, surfaceClear, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentSecondary, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
+import { bodyS, bodySBold, bodyXS, bodyXSBold, dataBlueSoft, dataBlueSoftActive, dataBlueSoftHover, h4, h4Bold, h5, h5Bold, inverseTextPrimary, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentPositive, shadowDownHardM, shadowDownHardS, shadowDownSoftS, surfaceAccent, surfaceClear, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentSecondary, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -13,7 +13,7 @@ export const config = {
                 ${tokens.background}: ${surfaceTransparentCard};
                 ${tokens.backgroundError}: ${surfaceTransparentNegative};
                 ${tokens.backgroundSuccess}: ${surfaceTransparentPositive};
-                ${tokens.backgroundEdited}: ${dataBlueLight};
+                ${tokens.backgroundEdited}: ${dataBlueSoft};
 
                 ${tokens.borderColor}: ${outlineSolidPrimary};
                 ${tokens.borderColorHover}: ${outlineSolidPrimaryHover};
@@ -85,9 +85,9 @@ export const config = {
                 ${tokens.textFieldBorderColorSuccessFocus}: ${outlineAccent};
 
                 ${tokens.textFieldColorEdited}: ${textPrimary};
-                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueLight};
-                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueLightHover};
-                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueLightActive};
+                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueSoft};
+                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueSoftHover};
+                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueSoftActive};
                 ${tokens.textFieldBorderColorEdited}: ${outlineTransparentInfo};
                 ${tokens.textFieldBorderColorEditedHover}: ${outlineTransparentInfoHover};
                 ${tokens.textFieldBorderColorEditedFocus}: ${outlineTransparentInfoActive};
@@ -221,7 +221,7 @@ export const config = {
                 ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
-                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.3125rem -0.1875rem 0.75rem;
+                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
@@ -392,7 +392,7 @@ export const config = {
                 ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
-                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 

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

@@ -1,5 +1,5 @@
 import { dateTimePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodySBold, bodyXS, bodyXSBold, dataBlueLight, dataBlueLightActive, dataBlueLightHover, h4, h4Bold, h5, h5Bold, inverseTextPrimary, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentPositive, shadowDownHardM, shadowDownHardS, shadowDownSoftS, surfaceAccent, surfaceClear, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
+import { bodyS, bodySBold, bodyXS, bodyXSBold, dataBlueSoft, dataBlueSoftActive, dataBlueSoftHover, h4, h4Bold, h5, h5Bold, inverseTextPrimary, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentPositive, shadowDownHardM, shadowDownHardS, shadowDownSoftS, surfaceAccent, surfaceClear, surfaceNegative, surfaceSolidCard, surfaceSolidCardBrightness, surfaceSolidDefault, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, textAccent, textNegative, textPositive, textPrimary, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -30,9 +30,9 @@ export const config = {
                 ${tokens.textFieldBackgroundErrorColorFocus}: ${surfaceTransparentNegativeActive};
                 ${tokens.textFieldBackgroundSuccessColor}: ${surfaceTransparentPositive};
                 ${tokens.textFieldBackgroundSuccessColorFocus}: ${surfaceTransparentPositiveActive};
-                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueLight};
-                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueLightHover};
-                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueLightActive};
+                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueSoft};
+                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueSoftHover};
+                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueSoftActive};
 
                 ${tokens.textFieldBorderColor}: ${outlineSolidPrimary};
                 ${tokens.textFieldBorderColorHover}: ${outlineSolidPrimaryHover};
@@ -120,7 +120,7 @@ export const config = {
                 ${tokens.textFieldBorderWidth}: 0.125rem;
 
                 ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
-                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.25rem -0.1875rem 0.75rem;
+                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${tokens.textFieldContentRightWrapperGap}: 0.375rem;
@@ -289,7 +289,7 @@ export const config = {
                 ${tokens.textFieldBorderWidth}: 0.125rem;
 
                 ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
-                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${tokens.textFieldContentRightWrapperGap}: 0.25rem;

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

@@ -1,5 +1,5 @@
 import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, dataBlueLightHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, surfaceAccent, surfaceNegative, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentCardHover, surfaceTransparentNegative, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveHover, surfaceTransparentSecondary, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
+import { bodyS, bodyXS, dataBlueSoft, dataBlueSoftActive, dataBlueSoftHover, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, surfaceAccent, surfaceNegative, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentCardHover, surfaceTransparentNegative, surfaceTransparentNegativeHover, surfaceTransparentPositive, surfaceTransparentPositiveHover, surfaceTransparentSecondary, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -13,7 +13,7 @@ export const config = {
                 ${tokens.background}: ${surfaceTransparentCard};
                 ${tokens.backgroundError}: ${surfaceTransparentNegative};
                 ${tokens.backgroundSuccess}: ${surfaceTransparentPositive};
-                ${tokens.backgroundEdited}: ${dataBlueLight};
+                ${tokens.backgroundEdited}: ${dataBlueSoft};
 
                 ${tokens.borderColor}: ${outlineSolidPrimary};
                 ${tokens.borderColorError}: ${outlineTransparentNegative};
@@ -64,9 +64,9 @@ export const config = {
                 ${tokens.textFieldBackgroundSuccessColorFocus}: ${surfaceTransparentCard};
                 ${tokens.textFieldBorderColorSuccessHover}: ${outlineTransparentPositiveHover};
                 ${tokens.textFieldBorderColorSuccessFocus}: ${outlineAccent};
-                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueLight};
-                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueLightHover};
-                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueLightActive};
+                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueSoft};
+                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueSoftHover};
+                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueSoftActive};
                 ${tokens.textFieldBorderColorEdited}: ${outlineTransparentInfo};
                 ${tokens.textFieldBorderColorEditedHover}: ${outlineTransparentInfoHover};
                 ${tokens.textFieldBorderColorEditedFocus}: ${outlineTransparentInfoActive};

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

@@ -702,7 +702,7 @@ export const config = {
                 ${tokens.dividerMarginTopTight}: 0.25rem;
                 ${tokens.dividerMarginBottomTight}: 0.25rem;
 
-                ${tokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+                ${tokens.disclosureIconMargin}: 0 0 0 0.375rem;
             `,
             xs: css`
                 ${tokens.scrollbarWidth}: 0.188rem;
@@ -839,7 +839,7 @@ export const config = {
                 ${tokens.dividerMarginTopTight}: 0.125rem;
                 ${tokens.dividerMarginBottomTight}: 0.125rem;
 
-                ${tokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+                ${tokens.disclosureIconMargin}: 0 0 0 0.25rem;
             `
         },
         labelPlacement: {

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, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textNegative, textPositive, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
+import { bodyS, bodyXS, dataBlueSoft, dataBlueSoftActive, 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, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, 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',
@@ -249,8 +249,8 @@ export const config = {
                 ${tokens.textFieldPlaceholderColor}: ${textSecondary};
                 ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};
 
-                ${tokens.textFieldBackgroundColor}: ${dataBlueLight};
-                ${tokens.textFieldBackgroundColorFocus}: ${dataBlueLightActive};
+                ${tokens.textFieldBackgroundColor}: ${dataBlueSoft};
+                ${tokens.textFieldBackgroundColorFocus}: ${dataBlueSoftActive};
                 ${tokens.textFieldBorderColor}: ${outlineTransparentInfo};
                 ${tokens.textFieldBorderColorHover}: ${outlineTransparentInfoHover};
                 ${tokens.textFieldBorderColorFocus}: ${outlineTransparentInfoActive};
@@ -491,8 +491,8 @@ export const config = {
                 ${tokens.textFieldPaddingWithChips}: 0.375rem;
                 ${tokens.textFieldBorderRadius}: 0.625rem;
 
-                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.375rem -0.1875rem 0.75rem;
+                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${tokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -618,7 +618,7 @@ export const config = {
                 ${tokens.dividerMarginTopTight}: 0.25rem;
                 ${tokens.dividerMarginBottomTight}: 0.25rem;
 
-                ${tokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+                ${tokens.disclosureIconMargin}: 0 0 0 0.375rem;
             `,
             xs: css`
                 ${tokens.scrollbarWidth}: 0.188rem;
@@ -628,8 +628,8 @@ export const config = {
                 ${tokens.textFieldPaddingWithChips}: 0.375rem;
                 ${tokens.textFieldBorderRadius}: 0.5rem;
 
-                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.1875rem;
-                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${tokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -755,7 +755,7 @@ export const config = {
                 ${tokens.dividerMarginTopTight}: 0.125rem;
                 ${tokens.dividerMarginBottomTight}: 0.125rem;
 
-                ${tokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+                ${tokens.disclosureIconMargin}: 0 0 0 0.25rem;
             `
         },
         labelPlacement: {

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 '@sddsjs/sdds_finai';
+import { bodyS, bodyXS, bodyXXS, dataBlueSoft, dataBlueSoftActive, dataBlueSoftHover, 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',
@@ -148,10 +148,10 @@ export const config = {
                 ${textAreaTokens.hintIconColor}: ${textSecondary};
             `,
             edited: css`
-                ${textAreaTokens.backgroundColor}: ${dataBlueLight};
-                ${textAreaTokens.backgroundColorHover}: ${dataBlueLightHover};
-                ${textAreaTokens.backgroundColorActive}: ${dataBlueLightActive};
-                ${textAreaTokens.backgroundColorFocus}: ${dataBlueLightActive};
+                ${textAreaTokens.backgroundColor}: ${dataBlueSoft};
+                ${textAreaTokens.backgroundColorHover}: ${dataBlueSoftHover};
+                ${textAreaTokens.backgroundColorActive}: ${dataBlueSoftActive};
+                ${textAreaTokens.backgroundColorFocus}: ${dataBlueSoftActive};
                 ${textAreaTokens.borderColor}: ${outlineTransparentInfo};
                 ${textAreaTokens.borderColorHover}: ${outlineTransparentInfoHover};
                 ${textAreaTokens.borderColorFocus}: ${outlineTransparentInfoActive};

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 '@sddsjs/sdds_finai';
+import { bodyS, bodyXS, dataBlueSoft, dataBlueSoftActive, dataBlueSoftHover, 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',
@@ -152,9 +152,9 @@ export const config = {
                 ${tokens.placeholderColor}: ${textSecondary};
                 ${tokens.placeholderColorFocus}: ${textTertiary};
 
-                ${tokens.backgroundColor}: ${dataBlueLight};
-                ${tokens.backgroundColorHover}: ${dataBlueLightHover};
-                ${tokens.backgroundColorFocus}: ${dataBlueLightActive};
+                ${tokens.backgroundColor}: ${dataBlueSoft};
+                ${tokens.backgroundColorHover}: ${dataBlueSoftHover};
+                ${tokens.backgroundColorFocus}: ${dataBlueSoftActive};
                 ${tokens.borderColor}: ${outlineTransparentInfo};
                 ${tokens.borderColorHover}: ${outlineTransparentInfoHover};
                 ${tokens.borderColorFocus}: ${outlineTransparentInfoActive};
@@ -189,8 +189,8 @@ export const config = {
                 ${tokens.borderRadius}: 0.625rem;
                 ${tokens.borderWidth}: 0.125rem;
 
-                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.375rem;
-                ${tokens.rightContentMargin}: -0.1875rem -0.375rem -0.1875rem 0.75rem;
+                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${tokens.rightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${tokens.contentRightWrapperGap}: 0.25rem;
@@ -276,8 +276,8 @@ export const config = {
                 ${tokens.borderRadius}: 0.5rem;
                 ${tokens.borderWidth}: 0.125rem;
 
-                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.25rem;
-                ${tokens.rightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${tokens.contentRightWrapperGap}: 0.25rem;

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

@@ -15,8 +15,8 @@ export const config = {
                 ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
                 ${tokens.paddingWithChips}: 0.375rem;
 
-                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${tokens.rightContentMargin}: -0.1875rem -0.25rem -0.1875rem 0.75rem;
+                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
 
                 ${tokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textAfterMargin}: 0 0 0 0.25rem;
@@ -71,8 +71,8 @@ export const config = {
                 ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;
                 ${tokens.paddingWithChips}: 0.375rem;
 
-                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.25rem;
-                ${tokens.rightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
 
                 ${tokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${tokens.textAfterMargin}: 0 0 0 0.25rem;

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 '@sddsjs/sdds_finai';
+import { bodyS, bodyXS, dataBlueSoft, dataBlueSoftActive, dataBlueSoftHover, 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',
@@ -45,9 +45,9 @@ export const config = {
                 ${tokens.textFieldBorderColorSuccess}: ${outlineTransparentPositive};
                 ${tokens.textFieldBorderColorSuccessHover}: ${outlineTransparentPositiveHover};
                 ${tokens.textFieldBorderColorSuccessFocus}: ${outlineAccent};
-                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueLight};
-                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueLightHover};
-                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueLightActive};
+                ${tokens.textFieldBackgroundEditedColor}: ${dataBlueSoft};
+                ${tokens.textFieldBackgroundEditedColorHover}: ${dataBlueSoftHover};
+                ${tokens.textFieldBackgroundEditedColorFocus}: ${dataBlueSoftActive};
                 ${tokens.textFieldBorderColorEdited}: ${outlineTransparentInfo};
                 ${tokens.textFieldBorderColorEditedHover}: ${outlineTransparentInfoHover};
                 ${tokens.textFieldBorderColorEditedFocus}: ${outlineTransparentInfoActive};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finai",
-  "version": "0.367.0",
+  "version": "0.367.1-dev.0",
   "description": "Salute Design System / React UI kit for SDDS FinAI web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -52,8 +52,8 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.388.0",
-    "@sddsjs/sdds_finai": "0.1.1",
+    "@salutejs/plasma-new-hope": "0.388.1-dev.0",
+    "@sddsjs/sdds_finai": "0.2.1",
     "classnames": "2.5.1"
   },
   "devDependencies": {
@@ -75,11 +75,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.27.0",
-    "@salutejs/plasma-core": "1.248.0",
-    "@salutejs/plasma-cy-utils": "0.178.0",
-    "@salutejs/plasma-icons": "1.257.0",
-    "@salutejs/plasma-sb-utils": "0.251.0",
+    "@salutejs/plasma-colors": "0.28.0-dev.0",
+    "@salutejs/plasma-core": "1.249.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
+    "@salutejs/plasma-icons": "1.257.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -130,5 +130,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "efd41f41a4c5aba398fef6d8400d902385d17e74"
+  "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
 }