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

package/dist/emotion/es/components/Select/Select.config.js

@@ -1,5 +1,5 @@
 import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-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/emotion/es/components/TextArea/TextArea.config.js

@@ -1,5 +1,5 @@
 import { css, textAreaTokens } from '@salutejs/plasma-new-hope/emotion';
-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/emotion/es/components/TextField/TextField.config.js

@@ -1,5 +1,5 @@
 import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-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/emotion/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/emotion/es/components/TimePicker/TimePicker.config.js

@@ -1,5 +1,5 @@
 import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/emotion';
-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/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js

@@ -239,8 +239,8 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
                 ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
 
-                ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.autocompleteTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.autocompleteTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};
@@ -286,8 +286,8 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
                 ${_styledcomponents.autocompleteTokens.textFieldBorderRadius}: 0.625rem;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.1875rem -0.25rem -0.1875rem 0.75rem;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -371,8 +371,8 @@ const config = {
                 ${_styledcomponents.autocompleteTokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;
                 ${_styledcomponents.autocompleteTokens.textFieldBorderRadius}: 0.5rem;
 
-                ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.1875rem;
-                ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.0625rem -0.1875rem -0.0625rem 0.75rem;
+                ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap}: 0.25rem;

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

@@ -287,8 +287,8 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
                 ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
 
-                ${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.comboboxTokens.textFieldBackgroundColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.comboboxTokens.textFieldBackgroundColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.comboboxTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.comboboxTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.comboboxTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};
@@ -347,8 +347,8 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldPaddingWithChips}: 0.375rem;
                 ${_styledcomponents.comboboxTokens.textFieldBorderRadius}: 0.625rem;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.1875rem -0.375rem -0.1875rem 0.75rem;
+                ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.comboboxTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -463,7 +463,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.dividerMarginTopTight}: 0.25rem;
                 ${_styledcomponents.comboboxTokens.dividerMarginBottomTight}: 0.25rem;
 
-                ${_styledcomponents.comboboxTokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+                ${_styledcomponents.comboboxTokens.disclosureIconMargin}: 0 0 0 0.375rem;
             `,
             xs: (0, _styledcomponents.css)`
                 ${_styledcomponents.comboboxTokens.scrollbarWidth}: 0.188rem;
@@ -473,8 +473,8 @@ const config = {
                 ${_styledcomponents.comboboxTokens.textFieldPaddingWithChips}: 0.375rem;
                 ${_styledcomponents.comboboxTokens.textFieldBorderRadius}: 0.5rem;
 
-                ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.1875rem;
-                ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.comboboxTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -589,7 +589,7 @@ const config = {
                 ${_styledcomponents.comboboxTokens.dividerMarginTopTight}: 0.125rem;
                 ${_styledcomponents.comboboxTokens.dividerMarginBottomTight}: 0.125rem;
 
-                ${_styledcomponents.comboboxTokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+                ${_styledcomponents.comboboxTokens.disclosureIconMargin}: 0 0 0 0.25rem;
             `
         },
         labelPlacement: {

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

@@ -23,7 +23,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.background}: ${_sdds_finai.surfaceTransparentCard};
                 ${_styledcomponents.datePickerTokens.backgroundError}: ${_sdds_finai.surfaceTransparentNegative};
                 ${_styledcomponents.datePickerTokens.backgroundSuccess}: ${_sdds_finai.surfaceTransparentPositive};
-                ${_styledcomponents.datePickerTokens.backgroundEdited}: ${_sdds_finai.dataBlueLight};
+                ${_styledcomponents.datePickerTokens.backgroundEdited}: ${_sdds_finai.dataBlueSoft};
 
                 ${_styledcomponents.datePickerTokens.borderColor}: ${_sdds_finai.outlineSolidPrimary};
                 ${_styledcomponents.datePickerTokens.borderColorHover}: ${_sdds_finai.outlineSolidPrimaryHover};
@@ -95,9 +95,9 @@ const config = {
                 ${_styledcomponents.datePickerTokens.textFieldBorderColorSuccessFocus}: ${_sdds_finai.outlineAccent};
 
                 ${_styledcomponents.datePickerTokens.textFieldColorEdited}: ${_sdds_finai.textPrimary};
-                ${_styledcomponents.datePickerTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.datePickerTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueLightHover};
-                ${_styledcomponents.datePickerTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.datePickerTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.datePickerTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueSoftHover};
+                ${_styledcomponents.datePickerTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.datePickerTokens.textFieldBorderColorEdited}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.datePickerTokens.textFieldBorderColorEditedHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.datePickerTokens.textFieldBorderColorEditedFocus}: ${_sdds_finai.outlineTransparentInfoActive};
@@ -231,7 +231,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.leftHelperLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
 
                 ${_styledcomponents.datePickerTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
-                ${_styledcomponents.datePickerTokens.textFieldRightContentMargin}: -0.1875rem -0.3125rem -0.1875rem 0.75rem;
+                ${_styledcomponents.datePickerTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.datePickerTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.datePickerTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
@@ -402,7 +402,7 @@ const config = {
                 ${_styledcomponents.datePickerTokens.leftHelperLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
 
                 ${_styledcomponents.datePickerTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
-                ${_styledcomponents.datePickerTokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${_styledcomponents.datePickerTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.datePickerTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.datePickerTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 

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

@@ -40,9 +40,9 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColorFocus}: ${_sdds_finai.surfaceTransparentNegativeActive};
                 ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColor}: ${_sdds_finai.surfaceTransparentPositive};
                 ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus}: ${_sdds_finai.surfaceTransparentPositiveActive};
-                ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueLightHover};
-                ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueSoftHover};
+                ${_styledcomponents.dateTimePickerTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueSoftActive};
 
                 ${_styledcomponents.dateTimePickerTokens.textFieldBorderColor}: ${_sdds_finai.outlineSolidPrimary};
                 ${_styledcomponents.dateTimePickerTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineSolidPrimaryHover};
@@ -130,7 +130,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.textFieldBorderWidth}: 0.125rem;
 
                 ${_styledcomponents.dateTimePickerTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
-                ${_styledcomponents.dateTimePickerTokens.textFieldRightContentMargin}: -0.1875rem -0.25rem -0.1875rem 0.75rem;
+                ${_styledcomponents.dateTimePickerTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.dateTimePickerTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${_styledcomponents.dateTimePickerTokens.textFieldContentRightWrapperGap}: 0.375rem;
@@ -299,7 +299,7 @@ const config = {
                 ${_styledcomponents.dateTimePickerTokens.textFieldBorderWidth}: 0.125rem;
 
                 ${_styledcomponents.dateTimePickerTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
-                ${_styledcomponents.dateTimePickerTokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${_styledcomponents.dateTimePickerTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.dateTimePickerTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${_styledcomponents.dateTimePickerTokens.textFieldContentRightWrapperGap}: 0.25rem;

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

@@ -23,7 +23,7 @@ const config = {
                 ${_styledcomponents.rangeTokens.background}: ${_sdds_finai.surfaceTransparentCard};
                 ${_styledcomponents.rangeTokens.backgroundError}: ${_sdds_finai.surfaceTransparentNegative};
                 ${_styledcomponents.rangeTokens.backgroundSuccess}: ${_sdds_finai.surfaceTransparentPositive};
-                ${_styledcomponents.rangeTokens.backgroundEdited}: ${_sdds_finai.dataBlueLight};
+                ${_styledcomponents.rangeTokens.backgroundEdited}: ${_sdds_finai.dataBlueSoft};
 
                 ${_styledcomponents.rangeTokens.borderColor}: ${_sdds_finai.outlineSolidPrimary};
                 ${_styledcomponents.rangeTokens.borderColorError}: ${_sdds_finai.outlineTransparentNegative};
@@ -74,9 +74,9 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus}: ${_sdds_finai.surfaceTransparentCard};
                 ${_styledcomponents.rangeTokens.textFieldBorderColorSuccessHover}: ${_sdds_finai.outlineTransparentPositiveHover};
                 ${_styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus}: ${_sdds_finai.outlineAccent};
-                ${_styledcomponents.rangeTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.rangeTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueLightHover};
-                ${_styledcomponents.rangeTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueSoftHover};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.rangeTokens.textFieldBorderColorEdited}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.rangeTokens.textFieldBorderColorEditedHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.rangeTokens.textFieldBorderColorEditedFocus}: ${_sdds_finai.outlineTransparentInfoActive};

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

@@ -712,7 +712,7 @@ const config = {
                 ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.25rem;
                 ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.25rem;
 
-                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.375rem;
             `,
             xs: (0, _styledcomponents.css)`
                 ${_styledcomponents.selectTokens.scrollbarWidth}: 0.188rem;
@@ -849,7 +849,7 @@ const config = {
                 ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.125rem;
                 ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.125rem;
 
-                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.25rem;
             `
         },
         labelPlacement: {

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

@@ -259,8 +259,8 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textSecondary};
                 ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
 
-                ${_styledcomponents.selectTokens.textFieldBackgroundColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.selectTokens.textFieldBackgroundColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};
@@ -501,8 +501,8 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem;
                 ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0.625rem;
 
-                ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.1875rem -0.375rem -0.1875rem 0.75rem;
+                ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.selectTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${_styledcomponents.selectTokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -628,7 +628,7 @@ const config = {
                 ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.25rem;
                 ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.25rem;
 
-                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.375rem;
             `,
             xs: (0, _styledcomponents.css)`
                 ${_styledcomponents.selectTokens.scrollbarWidth}: 0.188rem;
@@ -638,8 +638,8 @@ const config = {
                 ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem;
                 ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0.5rem;
 
-                ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.1875rem;
-                ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.selectTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${_styledcomponents.selectTokens.textFieldContentRightWrapperGap}: 0.25rem;
@@ -765,7 +765,7 @@ const config = {
                 ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.125rem;
                 ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.125rem;
 
-                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+                ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.25rem;
             `
         },
         labelPlacement: {

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

@@ -158,10 +158,10 @@ const config = {
                 ${_styledcomponents.textAreaTokens.hintIconColor}: ${_sdds_finai.textSecondary};
             `,
             edited: (0, _styledcomponents.css)`
-                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_finai.dataBlueLightHover};
-                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_finai.dataBlueLightActive};
-                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_finai.dataBlueSoftHover};
+                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_finai.dataBlueSoftActive};
+                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.textAreaTokens.borderColor}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.textAreaTokens.borderColorHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.textAreaTokens.borderColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};

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

@@ -162,9 +162,9 @@ const config = {
                 ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_finai.textSecondary};
                 ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_finai.textTertiary};
 
-                ${_styledcomponents.textFieldTokens.backgroundColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.textFieldTokens.backgroundColorHover}: ${_sdds_finai.dataBlueLightHover};
-                ${_styledcomponents.textFieldTokens.backgroundColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.textFieldTokens.backgroundColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.textFieldTokens.backgroundColorHover}: ${_sdds_finai.dataBlueSoftHover};
+                ${_styledcomponents.textFieldTokens.backgroundColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.textFieldTokens.borderColor}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.textFieldTokens.borderColorHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.textFieldTokens.borderColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};
@@ -199,8 +199,8 @@ const config = {
                 ${_styledcomponents.textFieldTokens.borderRadius}: 0.625rem;
                 ${_styledcomponents.textFieldTokens.borderWidth}: 0.125rem;
 
-                ${_styledcomponents.textFieldTokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.375rem;
-                ${_styledcomponents.textFieldTokens.rightContentMargin}: -0.1875rem -0.375rem -0.1875rem 0.75rem;
+                ${_styledcomponents.textFieldTokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
+                ${_styledcomponents.textFieldTokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.textFieldTokens.rightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
 
                 ${_styledcomponents.textFieldTokens.contentRightWrapperGap}: 0.25rem;
@@ -286,8 +286,8 @@ const config = {
                 ${_styledcomponents.textFieldTokens.borderRadius}: 0.5rem;
                 ${_styledcomponents.textFieldTokens.borderWidth}: 0.125rem;
 
-                ${_styledcomponents.textFieldTokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.25rem;
-                ${_styledcomponents.textFieldTokens.rightContentMargin}: -0.0625rem -0.25rem -0.0625rem 0.75rem;
+                ${_styledcomponents.textFieldTokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
+                ${_styledcomponents.textFieldTokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.textFieldTokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
 
                 ${_styledcomponents.textFieldTokens.contentRightWrapperGap}: 0.25rem;

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

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

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

@@ -55,9 +55,9 @@ const config = {
                 ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccess}: ${_sdds_finai.outlineTransparentPositive};
                 ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccessHover}: ${_sdds_finai.outlineTransparentPositiveHover};
                 ${_styledcomponents.timePickerTokens.textFieldBorderColorSuccessFocus}: ${_sdds_finai.outlineAccent};
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueLight};
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueLightHover};
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueLightActive};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundEditedColor}: ${_sdds_finai.dataBlueSoft};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundEditedColorHover}: ${_sdds_finai.dataBlueSoftHover};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundEditedColorFocus}: ${_sdds_finai.dataBlueSoftActive};
                 ${_styledcomponents.timePickerTokens.textFieldBorderColorEdited}: ${_sdds_finai.outlineTransparentInfo};
                 ${_styledcomponents.timePickerTokens.textFieldBorderColorEditedHover}: ${_sdds_finai.outlineTransparentInfoHover};
                 ${_styledcomponents.timePickerTokens.textFieldBorderColorEditedFocus}: ${_sdds_finai.outlineTransparentInfoActive};

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

@@ -1,5 +1,5 @@
 import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-import { bodyS, bodyXS, dataBlueLight, dataBlueLightActive, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceNegative, surfacePositive, surfaceSolidCard, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, surfaceWarning, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
+import { bodyS, bodyXS, dataBlueSoft, dataBlueSoftActive, outlineAccent, outlineSolidPrimary, outlineSolidPrimaryHover, outlineTransparentInfo, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegative, outlineTransparentNegativeHover, outlineTransparentPositive, outlineTransparentPositiveHover, outlineTransparentWarning, outlineTransparentWarningHover, surfaceAccent, surfaceNegative, surfacePositive, surfaceSolidCard, surfaceSolidCardBrightness, surfaceTransparentCard, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentSecondary, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, surfaceWarning, textAccent, textNegative, textPositive, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textWarning } from '@sddsjs/sdds_finai';
 export const config = {
     defaults: {
         view: 'default',
@@ -229,8 +229,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};
@@ -276,8 +276,8 @@ export const config = {
                 ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
                 ${tokens.textFieldBorderRadius}: 0.625rem;
 
-                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.25rem;
-                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.25rem -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;
@@ -361,8 +361,8 @@ export const config = {
                 ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;
                 ${tokens.textFieldBorderRadius}: 0.5rem;
 
-                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.1875rem;
-                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.1875rem -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;