@salutejs/plasma-web 1.623.0-next-platform-ai.0 → 1.623.0

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

@@ -14,6 +14,7 @@ const config = {
         view: 'default',
         size: 'm',
         labelPlacement: 'outer',
+        chipView: 'secondary',
         hintView: 'default',
         hintSize: 'm'
     },
@@ -754,6 +755,53 @@ const config = {
             `,
             outer: (0, _styledcomponents.css)``
         },
+        chipView: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--inverse-text-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
+
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            secondary: (0, _styledcomponents.css)`
+                ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
+
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            accent: (0, _styledcomponents.css)`
+                ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--on-dark-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-accent);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--on-dark-text-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--on-dark-text-secondary);
+                ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--on-dark-text-primary);
+
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);
+                ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);
+                ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 1;
+            `
+        },
         hintView: {
             default: (0, _styledcomponents.css)`
                 ${_styledcomponents.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);

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

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

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

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

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

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

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

@@ -12,7 +12,8 @@ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components")
 const config = {
     defaults: {
         view: 'default',
-        size: 'l'
+        size: 'l',
+        orientation: 'vertical'
     },
     variations: {
         view: {
@@ -51,6 +52,8 @@ const config = {
                 ${_styledcomponents.noteTokens.gapScalable}: 1rem;
                 ${_styledcomponents.noteTokens.contentGap}: 0.25rem;
 
+                ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.4375rem;
+
                 ${_styledcomponents.noteTokens.closeIconTop}: 1rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 1rem;
                 ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -60,7 +63,7 @@ const config = {
 
                 ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1.5rem;
                 ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 2rem;
-                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.25rem 0;
+                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.25rem 0rem;
 
                 ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);
                 ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-l-font-size);
@@ -85,6 +88,8 @@ const config = {
                 ${_styledcomponents.noteTokens.gapScalable}: 0.75rem;
                 ${_styledcomponents.noteTokens.contentGap}: 0.125rem;
 
+                ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.5rem;
+
                 ${_styledcomponents.noteTokens.closeIconTop}: 0.75rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 0.75rem;
                 ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -93,8 +98,8 @@ const config = {
                 ${_styledcomponents.noteTokens.closeIconButtonSize}: 1.5rem;
 
                 ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1.5rem;
-                ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.5rem;
-                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0;
+                ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.625rem;
+                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0rem;
 
                 ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
                 ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
@@ -119,6 +124,8 @@ const config = {
                 ${_styledcomponents.noteTokens.gapScalable}: 0.75rem;
                 ${_styledcomponents.noteTokens.contentGap}: 0.125rem;
 
+                ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.3125rem;
+
                 ${_styledcomponents.noteTokens.closeIconTop}: 0.625rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 0.625rem;
                 ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -128,7 +135,7 @@ const config = {
 
                 ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1rem;
                 ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.125rem;
-                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.063rem 0;
+                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.063rem 0rem;
 
                 ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);
                 ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-s-font-size);
@@ -153,6 +160,8 @@ const config = {
                 ${_styledcomponents.noteTokens.gapScalable}: 0.5rem;
                 ${_styledcomponents.noteTokens.contentGap}: 0.125rem;
 
+                ${_styledcomponents.noteTokens.paddingBottomWithActionContent}: 0.1875rem;
+
                 ${_styledcomponents.noteTokens.closeIconTop}: 0.625rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 0.625rem;
                 ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
@@ -162,7 +171,7 @@ const config = {
 
                 ${_styledcomponents.noteTokens.fixedContentBeforeWidth}: 1rem;
                 ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1rem;
-                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0;
+                ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0rem;
 
                 ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);
                 ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);
@@ -179,6 +188,44 @@ const config = {
                 ${_styledcomponents.noteTokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
                 ${_styledcomponents.noteTokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);
             `
+        },
+        orientation: {
+            vertical: (0, _styledcomponents.css)``,
+            horizontal: (0, _styledcomponents.css)``
         }
-    }
+    },
+    intersections: [
+        {
+            size: 'l',
+            orientation: 'horizontal',
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.noteTokens.actionContentMargin}: -0.5rem 0rem 0rem 1rem;
+                ${_styledcomponents.noteTokens.closeIconMargin}: 0.4375rem 0rem 0rem 1.25rem;
+            `
+        },
+        {
+            size: 'm',
+            orientation: 'horizontal',
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.noteTokens.actionContentMargin}: -0.6875rem 0rem 0rem 1rem;
+                ${_styledcomponents.noteTokens.closeIconMargin}: 0.0625rem 0rem 0rem 1.25rem;
+            `
+        },
+        {
+            size: 's',
+            orientation: 'horizontal',
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.noteTokens.actionContentMargin}: -0.625rem 0rem 0rem 0.75rem;
+                ${_styledcomponents.noteTokens.closeIconMargin}: -0.125rem 0rem 0rem 0.875rem;
+            `
+        },
+        {
+            size: 'xs',
+            orientation: 'horizontal',
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.noteTokens.actionContentMargin}: -0.5rem 0rem 0rem 0.75rem;
+                ${_styledcomponents.noteTokens.closeIconMargin}: -0.0625rem 0rem 0rem 0.875rem;
+            `
+        }
+    ]
 };

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

@@ -12,7 +12,8 @@ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components")
 const config = {
     defaults: {
         view: 'default',
-        size: 'm'
+        size: 'm',
+        pointerSize: 'small'
     },
     variations: {
         view: {
@@ -122,10 +123,6 @@ const config = {
                 ${_styledcomponents.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);
 
-                ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
-                ${_styledcomponents.sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${_styledcomponents.sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
 
                 ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.625rem;
@@ -180,10 +177,6 @@ const config = {
                 ${_styledcomponents.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
 
-                ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
-                ${_styledcomponents.sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${_styledcomponents.sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
 
                 ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.75rem;
@@ -237,10 +230,6 @@ const config = {
                 ${_styledcomponents.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${_styledcomponents.sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
 
-                ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
-                ${_styledcomponents.sliderTokens.thumbSizeLarge}: 1.25rem;
-                ${_styledcomponents.sliderTokens.thumbBorder}: 0.0625rem solid;
-
                 ${_styledcomponents.sliderTokens.tickSize}: 0.5rem;
 
                 ${_styledcomponents.sliderTokens.currentValueTopOffset}: 1.25rem;
@@ -266,6 +255,21 @@ const config = {
                 ${_styledcomponents.sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
             `
         },
+        pointerSize: {
+            small: (0, _styledcomponents.css)`
+                ${_styledcomponents.sliderTokens.thumbSize}: 1rem;
+                ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
+                ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
+            `,
+            large: (0, _styledcomponents.css)`
+                ${_styledcomponents.sliderTokens.thumbSize}: 1.25rem;
+                ${_styledcomponents.sliderTokens.thumbBorderStyle}: solid;
+                ${_styledcomponents.sliderTokens.thumbBorderWidth}: 0.0625rem;
+            `,
+            none: (0, _styledcomponents.css)`
+                ${_styledcomponents.sliderTokens.thumbSize}: 0rem;
+            `
+        },
         disabled: {
             true: (0, _styledcomponents.css)`
                 ${_styledcomponents.sliderTokens.disabledOpacity}: 0.4;

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--inverse-text-primary);
+                ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--inverse-text-primary);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-solid-default);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
+                ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
+                ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
+
+                ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-solid-default);
+            `,
+            accent: (0, _styledcomponents.css)`
+                ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-accent);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
+                ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-primary);
+                ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
+
+                ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-accent);
+            `,
+            negative: (0, _styledcomponents.css)`
+                ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-negative);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);
+                ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-negative);
+                ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-negative-hover);
+
+                ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-negative);
+            `,
+            warning: (0, _styledcomponents.css)`
+                ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-warning);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);
+                ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-warning);
+                ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-warning-hover);
+
+                ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-warning);
+            `,
+            positive: (0, _styledcomponents.css)`
+                ${_styledcomponents.stepsTokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.stepsTokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackground}: var(--surface-positive);
+                ${_styledcomponents.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);
+                ${_styledcomponents.stepsTokens.completedTitleColor}: var(--text-positive);
+                ${_styledcomponents.stepsTokens.completedTitleColorHover}: var(--text-positive-hover);
+
+                ${_styledcomponents.stepsTokens.dividerColor}: var(--surface-positive);
+            `
+        }
+    }
+};

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

@@ -102,11 +102,6 @@ const config = {
                 ${_styledcomponents.stepsTokens.contentVerticalPadding}: 1.0625rem;
                 ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 1rem;
-                ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.625rem;
-                ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1.5rem;
-                ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 1.25rem;
-
                 ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -149,11 +144,6 @@ const config = {
                 ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.875rem;
                 ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.75rem;
-                ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.4375rem;
-                ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1.25rem;
-                ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 1.125rem;
-
                 ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -196,11 +186,6 @@ const config = {
                 ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.6875rem;
                 ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.5rem;
-                ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.5rem;
-                ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 1rem;
-                ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 0.75rem;
-
                 ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -243,11 +228,6 @@ const config = {
                 ${_styledcomponents.stepsTokens.contentVerticalPadding}: 0.5625rem;
                 ${_styledcomponents.stepsTokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${_styledcomponents.stepsTokens.smallIndicatorIndentHeight}: 0.25rem;
-                ${_styledcomponents.stepsTokens.largeIndicatorIndentHeight}: 0.25rem;
-                ${_styledcomponents.stepsTokens.smallBulletIndentHeight}: 0.75rem;
-                ${_styledcomponents.stepsTokens.largeBulletIndentHeight}: 0.5rem;
-
                 ${_styledcomponents.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${_styledcomponents.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${_styledcomponents.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/cjs/components/Steps/Steps.js

@@ -9,7 +9,11 @@ Object.defineProperty(exports, "Steps", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _StepItemconfig = require("./StepItem.config");
 const _Stepsconfig = require("./Steps.config");
-const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepsConfig, _Stepsconfig.config);
+const mergedItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.stepItemConfig, _StepItemconfig.config);
+const StepItem = (0, _styledcomponents.component)(mergedItemConfig);
+const stepsConfig = (0, _styledcomponents.stepsConfig)(StepItem);
+const mergedConfig = (0, _styledcomponents.mergeConfig)(stepsConfig, _Stepsconfig.config);
 const StepsComponent = (0, _styledcomponents.component)(mergedConfig);
 const Steps = StepsComponent;

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

@@ -4,6 +4,7 @@ export const config = {
         view: 'default',
         size: 'm',
         labelPlacement: 'outer',
+        chipView: 'secondary',
         hintView: 'default',
         hintSize: 'm'
     },
@@ -744,6 +745,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

@@ -102,6 +102,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

@@ -96,6 +96,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

@@ -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

@@ -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;
+            `
         }
-    }
+    ]
 };