npm - @salutejs/sdds-serv - Versions diffs - 0.352.0-next-sbcom.0 → 0.352.0 - Mend

@salutejs/sdds-serv 0.352.0-next-sbcom.0 → 0.352.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

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

@@ -31,7 +31,6 @@ const config = {
                 ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
@@ -61,7 +60,6 @@ const config = {
                 ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-positive);
-                ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
@@ -91,7 +89,6 @@ const config = {
                 ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-warning);
-                ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
@@ -121,7 +118,6 @@ const config = {
                 ${_styledcomponents.textFieldTokens.textAfterColor}: var(--text-tertiary);
                 ${_styledcomponents.textFieldTokens.labelColor}: var(--text-primary);
                 ${_styledcomponents.textFieldTokens.leftHelperColor}: var(--text-negative);
-                ${_styledcomponents.textFieldTokens.rightHelperColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.titleCaptionColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.hintIconColor}: var(--text-secondary);
@@ -175,13 +171,13 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
@@ -260,13 +256,13 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -338,13 +334,13 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -416,13 +412,13 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -494,13 +490,13 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.textFieldTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -717,7 +713,6 @@ const config = {
                 ${_styledcomponents.textFieldTokens.backgroundColorReadOnly}: var(--surface-transparent-primary);
                 ${_styledcomponents.textFieldTokens.placeholderColorReadOnly}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.leftHelperColorReadOnly}: var(--text-secondary);
-                ${_styledcomponents.textFieldTokens.rightHelperColorReadOnly}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.titleCaptionColorReadOnly}: var(--text-secondary);
                 ${_styledcomponents.textFieldTokens.labelColorReadOnly}: var(--text-primary);
                 ${_styledcomponents.textFieldTokens.dividerColorReadOnly}: var(--surface-transparent-primary);

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

@@ -45,13 +45,13 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
-                ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -101,13 +101,13 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -157,13 +157,13 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -213,13 +213,13 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.textFieldGroupTokens.helpersPadding}: 0.25rem 0 0 0;
-                ${_styledcomponents.textFieldGroupTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldGroupTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldGroupTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldGroupTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${_styledcomponents.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;

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

@@ -213,13 +213,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -288,13 +288,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -363,13 +363,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -438,13 +438,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;

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

@@ -4,6 +4,7 @@ export const config = {
         view: 'default',
         size: 'm',
         labelPlacement: 'outer',
+        chipView: 'secondary',
         hintView: 'default',
         hintSize: 'm'
     },
@@ -264,13 +265,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -385,13 +386,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -506,13 +507,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -627,13 +628,13 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
-                ${tokens.textFieldHelpersPadding}: 0.25rem 0 0 0;
-                ${tokens.textFieldHelpersFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.textFieldHelpersFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.textFieldHelpersFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.textFieldHelpersFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.textFieldHelpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.textFieldHelpersLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem;
+                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
                 ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
                 ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -725,6 +726,53 @@ export const config = {
             `,
             outer: css``
         },
+        chipView: {
+            default: css`
+                ${tokens.textFieldChipColor}: var(--inverse-text-primary);
+                ${tokens.textFieldChipColorHover}: var(--inverse-text-primary);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-default);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
+                ${tokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
+                ${tokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
+                ${tokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
+                ${tokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
+                ${tokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
+                ${tokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            secondary: css`
+                ${tokens.textFieldChipColor}: var(--text-primary);
+                ${tokens.textFieldChipColorHover}: var(--text-primary);
+                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);
+                ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
+                ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
+                ${tokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            accent: css`
+                ${tokens.textFieldChipColor}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipColorHover}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipBackground}: var(--surface-accent);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
+                ${tokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
+                ${tokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
+                ${tokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
+                ${tokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
+                ${tokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
+                ${tokens.textFieldChipOpacityReadonly}: 1;
+            `
+        },
         hintView: {
             default: css`
                 ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);

package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js CHANGED Viewed

@@ -107,6 +107,8 @@ export const config = {
                 ${tokens.shortcutColor}: var(--text-primary);
                 ${tokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.timeGridDisabledOpacity}: 0.4;
             `
         },
         size: {

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

@@ -94,6 +94,8 @@ export const config = {
                 ${tokens.shortcutColor}: var(--text-primary);
                 ${tokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.timeGridDisabledOpacity}: 0.4;
             `
         },
         size: {

package/dist/styled-components/es/components/LinkButton/LinkButton.config.js CHANGED Viewed

@@ -71,6 +71,17 @@ export const config = {
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
                 ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
                 ${linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
+            `,
+            info: css`
+                ${linkButtonTokens.linkButtonColor}: var(--text-info);
+                ${linkButtonTokens.linkButtonIconColor}: var(--text-info);
+                ${linkButtonTokens.linkButtonTextColor}: var(--text-info);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
+                ${linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
+                ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
+                ${linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
+                ${linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
             `
         },
         size: {

package/dist/styled-components/es/components/Note/Note.config.js CHANGED Viewed

@@ -2,7 +2,8 @@ import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/styled-comp
 export const config = {
     defaults: {
         view: 'default',
-        size: 'l'
+        size: 'l',
+        orientation: 'vertical'
     },
     variations: {
         view: {
@@ -41,6 +42,8 @@ export const config = {
                 ${tokens.gapScalable}: 1rem;
                 ${tokens.contentGap}: 0.25rem;
+                ${tokens.paddingBottomWithActionContent}: 0.4375rem;
                 ${tokens.closeIconTop}: 1rem;
                 ${tokens.closeIconRight}: 1rem;
                 ${tokens.closeIconColor}: var(--text-secondary);
@@ -50,7 +53,7 @@ export const config = {
                 ${tokens.fixedContentBeforeWidth}: 1.5rem;
                 ${tokens.fixedContentBeforeHeight}: 2rem;
-                ${tokens.fixedContentBeforePadding}: 0.25rem 0;
+                ${tokens.fixedContentBeforePadding}: 0.25rem 0rem;
                 ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);
                 ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);
@@ -75,6 +78,8 @@ export const config = {
                 ${tokens.gapScalable}: 0.75rem;
                 ${tokens.contentGap}: 0.125rem;
+                ${tokens.paddingBottomWithActionContent}: 0.5rem;
                 ${tokens.closeIconTop}: 0.75rem;
                 ${tokens.closeIconRight}: 0.75rem;
                 ${tokens.closeIconColor}: var(--text-secondary);
@@ -83,8 +88,8 @@ export const config = {
                 ${tokens.closeIconButtonSize}: 1.5rem;
                 ${tokens.fixedContentBeforeWidth}: 1.5rem;
-                ${tokens.fixedContentBeforeHeight}: 1.5rem;
-                ${tokens.fixedContentBeforePadding}: 0;
+                ${tokens.fixedContentBeforeHeight}: 1.625rem;
+                ${tokens.fixedContentBeforePadding}: 0rem;
                 ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
                 ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
@@ -109,6 +114,8 @@ export const config = {
                 ${tokens.gapScalable}: 0.75rem;
                 ${tokens.contentGap}: 0.125rem;
+                ${tokens.paddingBottomWithActionContent}: 0.3125rem;
                 ${tokens.closeIconTop}: 0.625rem;
                 ${tokens.closeIconRight}: 0.625rem;
                 ${tokens.closeIconColor}: var(--text-secondary);
@@ -118,7 +125,7 @@ export const config = {
                 ${tokens.fixedContentBeforeWidth}: 1rem;
                 ${tokens.fixedContentBeforeHeight}: 1.125rem;
-                ${tokens.fixedContentBeforePadding}: 0.063rem 0;
+                ${tokens.fixedContentBeforePadding}: 0.063rem 0rem;
                 ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);
                 ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);
@@ -143,6 +150,8 @@ export const config = {
                 ${tokens.gapScalable}: 0.5rem;
                 ${tokens.contentGap}: 0.125rem;
+                ${tokens.paddingBottomWithActionContent}: 0.1875rem;
                 ${tokens.closeIconTop}: 0.625rem;
                 ${tokens.closeIconRight}: 0.625rem;
                 ${tokens.closeIconColor}: var(--text-secondary);
@@ -152,7 +161,7 @@ export const config = {
                 ${tokens.fixedContentBeforeWidth}: 1rem;
                 ${tokens.fixedContentBeforeHeight}: 1rem;
-                ${tokens.fixedContentBeforePadding}: 0;
+                ${tokens.fixedContentBeforePadding}: 0rem;
                 ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);
                 ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);
@@ -169,6 +178,44 @@ export const config = {
                 ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
                 ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);
             `
+        },
+        orientation: {
+            vertical: css``,
+            horizontal: css``
+        }
+    },
+    intersections: [
+        {
+            size: 'l',
+            orientation: 'horizontal',
+            style: css`
+                ${tokens.actionContentMargin}: -0.5rem 0rem 0rem 1rem;
+                ${tokens.closeIconMargin}: 0.4375rem 0rem 0rem 1.25rem;
+            `
+        },
+        {
+            size: 'm',
+            orientation: 'horizontal',
+            style: css`
+                ${tokens.actionContentMargin}: -0.6875rem 0rem 0rem 1rem;
+                ${tokens.closeIconMargin}: 0.0625rem 0rem 0rem 1.25rem;
+            `
+        },
+        {
+            size: 's',
+            orientation: 'horizontal',
+            style: css`
+                ${tokens.actionContentMargin}: -0.625rem 0rem 0rem 0.75rem;
+                ${tokens.closeIconMargin}: -0.125rem 0rem 0rem 0.875rem;
+            `
+        },
+        {
+            size: 'xs',
+            orientation: 'horizontal',
+            style: css`
+                ${tokens.actionContentMargin}: -0.5rem 0rem 0rem 0.75rem;
+                ${tokens.closeIconMargin}: -0.0625rem 0rem 0rem 0.875rem;
+            `
         }
-    }
+    ]
 };