@salutejs/plasma-web 1.602.0-canary.2402.20441017793.0 → 1.602.0-canary.2403.20455152253.0

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

@@ -223,6 +223,28 @@ function _templateObject7() {
     return data;
 }
 function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.375rem;\n                ",
+        ": auto;\n                ",
+        ": 3rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.625rem;\n\n                ",
+        ": var(--plasma-typo-h6-font-family);\n                ",
+        ": var(--plasma-typo-h6-font-size);\n                ",
+        ": var(--plasma-typo-h6-font-style);\n                ",
+        ": var(--plasma-typo-h6-font-weight);\n                ",
+        ": var(--plasma-typo-h6-letter-spacing);\n                ",
+        ": var(--plasma-typo-h6-line-height);\n\n                ",
+        ": -0.125rem;\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n                ",
@@ -239,12 +261,12 @@ function _templateObject8() {
         ": var(--plasma-typo-h5-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject8 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n                ",
@@ -261,12 +283,12 @@ function _templateObject9() {
         ": var(--plasma-typo-h4-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.5rem;\n                ",
@@ -283,12 +305,12 @@ function _templateObject10() {
         ": var(--plasma-typo-h3-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.625rem;\n                ",
@@ -305,12 +327,12 @@ function _templateObject11() {
         ": var(--plasma-typo-h2-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n                ",
@@ -327,36 +349,36 @@ function _templateObject12() {
         ": var(--plasma-typo-h1-line-height);\n\n                ",
         ": 0;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 1.5rem;\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject15 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject15() {
+function _templateObject16() {
     var data = _tagged_template_literal([
         ""
     ]);
-    _templateObject15 = function _templateObject() {
+    _templateObject16 = function _templateObject() {
         return data;
     };
     return data;
@@ -379,20 +401,21 @@ export var config = {
             s: css(_templateObject5(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
             m: css(_templateObject6(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
             l: css(_templateObject7(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h5: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h4: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h3: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h2: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h1: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
+            h6: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h5: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h4: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h3: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h2: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h1: css(_templateObject13(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
         },
         disabled: {
-            true: css(_templateObject13(), tabsTokens.disabledOpacity)
+            true: css(_templateObject14(), tabsTokens.disabledOpacity)
         },
         pilled: {
-            true: css(_templateObject14(), tabsTokens.itemPilledBorderRadius)
+            true: css(_templateObject15(), tabsTokens.itemPilledBorderRadius)
         },
         truncate: {
-            true: css(_templateObject15())
+            true: css(_templateObject16())
         }
     }
 };

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

@@ -146,10 +146,10 @@ function _templateObject8() {
 function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.625rem;\n                ",
+        ": 0.5rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.375rem;\n                ",
+        ": 0.25rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject9 = function _templateObject() {
@@ -160,10 +160,10 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.75rem;\n                ",
+        ": 0.625rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.5rem;\n                ",
+        ": 0.375rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject10 = function _templateObject() {
@@ -177,7 +177,7 @@ function _templateObject11() {
         ": 0.75rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 1rem;\n                ",
+        ": 0.5rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject11 = function _templateObject() {
@@ -188,7 +188,11 @@ function _templateObject11() {
 function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 100%;\n            "
+        ": 0.75rem;\n                ",
+        ": fit-content;\n                ",
+        ": auto;\n                ",
+        ": 1rem;\n                ",
+        ": 0rem;\n            "
     ]);
     _templateObject12 = function _templateObject() {
         return data;
@@ -198,7 +202,7 @@ function _templateObject12() {
 function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 100%;\n            "
     ]);
     _templateObject13 = function _templateObject() {
         return data;
@@ -208,13 +212,23 @@ function _templateObject13() {
 function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 1.625rem;\n            "
+        ": 0.4;\n            "
     ]);
     _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
+function _templateObject15() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.625rem;\n            "
+    ]);
+    _templateObject15 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -232,20 +246,21 @@ export var config = {
             s: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
             m: css(_templateObject5(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
             l: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-            h5: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-            h4: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-            h3: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-            h2: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-            h1: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
+            h6: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+            h5: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+            h4: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+            h3: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+            h2: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+            h1: css(_templateObject12(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
         },
         stretch: {
-            true: css(_templateObject12(), tabsTokens.containerWidth)
+            true: css(_templateObject13(), tabsTokens.containerWidth)
         },
         disabled: {
-            true: css(_templateObject13(), tabsTokens.disabledOpacity)
+            true: css(_templateObject14(), tabsTokens.disabledOpacity)
         },
         pilled: {
-            true: css(_templateObject14(), tabsTokens.tabsPilledBorderRadius)
+            true: css(_templateObject15(), tabsTokens.tabsPilledBorderRadius)
         }
     }
 };

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

@@ -758,7 +758,9 @@ function _templateObject21() {
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-primary);\n                ",
-        ": 0.4;\n            "
+        ": 0.4;\n                ",
+        ": transparent;\n                ",
+        ": 0;\n            "
     ]);
     _templateObject21 = function _templateObject() {
         return data;
@@ -809,7 +811,7 @@ export var config = {
             true: css(_templateObject20(), tokens.disabledOpacity)
         },
         readOnly: {
-            true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
+            true: css(_templateObject21(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly, tokens.borderColor, tokens.borderWidth)
         }
     }
 };

package/dist/styled-components/es/components/Typography/Heading.config.js

@@ -93,6 +93,23 @@ function _templateObject4() {
     };
     return data;
 }
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-h6-font-family);\n                ",
+        ": var(--plasma-typo-h6-font-size);\n                ",
+        ": var(--plasma-typo-h6-font-style);\n                ",
+        ": var(--plasma-typo-h6-font-weight);\n                ",
+        ": var(--plasma-typo-h6-bold-font-weight);\n                ",
+        ": var(--plasma-typo-h6-medium-font-weight);\n                ",
+        ": var(--plasma-typo-h6-letter-spacing);\n                ",
+        ": var(--plasma-typo-h6-line-height);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var configH1 = {
     defaults: {
@@ -144,3 +161,13 @@ export var configH5 = {
         }
     }
 };
+export var configH6 = {
+    defaults: {
+        size: 'h6'
+    },
+    variations: {
+        size: {
+            h6: css(_templateObject5(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
+    }
+};

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

@@ -1,7 +1,7 @@
 import { bodyConfig, dsplConfig, headingConfig, textConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as bodyConfigSCustom, configXS as bodyConfigXSCustom, configXXS as bodyConfigXXSCustom } from './Body.config';
 import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
-import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom } from './Heading.config';
+import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom, configH6 as headingConfigH6Custom } from './Heading.config';
 import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
 var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
 var BodyMComponent = component(bodyMConfig);
@@ -29,6 +29,8 @@ var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
 var Heading4Component = component(heading4Config);
 var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
 var Heading5Component = component(heading5Config);
+var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
+var Heading6Component = component(heading6Config);
 var textMConfig = mergeConfig(textConfig, textConfigMCustom);
 var TextMComponent = component(textMConfig);
 var textLConfig = mergeConfig(textConfig, textConfigLCustom);
@@ -50,6 +52,7 @@ export var H2 = Heading2Component;
 export var H3 = Heading3Component;
 export var H4 = Heading4Component;
 export var H5 = Heading5Component;
+export var H6 = Heading6Component;
 export var TextM = TextMComponent;
 export var TextL = TextLComponent;
 export var TextS = TextSComponent;

package/dist/styled-components/es/components/Typography/index.js

@@ -1,2 +1,2 @@
-export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './Typography';
+export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, H6, TextL, TextM, TextS, TextXS } from './Typography';
 export { Body1, Body2, Button1, Button2, Caption, Footnote1, Footnote2, Headline1, Headline2, Headline3, Headline4, Headline5, P1, P2, ParagraphText1, ParagraphText2, Subtitle, Underline } from './Old';

package/dist/styled-components/es/tokens/typography.js

@@ -1,4 +1,4 @@
-export { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline } from '@salutejs/plasma-new-hope/styled-components';
+export { dsplL, dsplLBold, dsplM, dsplMBold, dsplS, dsplSBold, h1, h1Bold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, bodyXXS, bodyXXSBold, textL, textLBold, textM, textMBold, textS, textSBold, textXS, textXSBold, body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline } from '@salutejs/plasma-new-hope/styled-components';
 export var fieldTypo = {
     fontFamily: 'var(--plasma-field-font-family)',
     fontSize: 'var(--plasma-field-font-size)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.602.0-canary.2402.20441017793.0",
+  "version": "1.602.0-canary.2403.20455152253.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "exports": {
@@ -32,9 +32,9 @@
     "directory": "packages/plasma-web"
   },
   "dependencies": {
-    "@salutejs/plasma-core": "1.212.0-canary.2402.20441017793.0",
-    "@salutejs/plasma-hope": "1.358.0-canary.2402.20441017793.0",
-    "@salutejs/plasma-new-hope": "0.344.0-canary.2402.20441017793.0",
+    "@salutejs/plasma-core": "1.212.0-canary.2403.20455152253.0",
+    "@salutejs/plasma-hope": "1.358.0-canary.2403.20455152253.0",
+    "@salutejs/plasma-new-hope": "0.344.0-canary.2403.20455152253.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@salutejs/plasma-tokens-b2b": "1.54.0",
     "@salutejs/plasma-tokens-b2c": "0.65.0",
@@ -62,9 +62,9 @@
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-cy-utils": "0.142.0-canary.2402.20441017793.0",
+    "@salutejs/plasma-cy-utils": "0.142.0-canary.2403.20455152253.0",
     "@salutejs/plasma-icons": "1.228.0",
-    "@salutejs/plasma-sb-utils": "0.212.0-canary.2402.20441017793.0",
+    "@salutejs/plasma-sb-utils": "0.212.0-canary.2403.20455152253.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -117,5 +117,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "9defb85548bda39df5203b280f52859266254fb9"
+  "gitHead": "b498c67df31be46cdc667eb4c446cfbe634c36a8"
 }

package/types/components/Accordion/Accordion.config.d.ts

@@ -19,6 +19,7 @@ export declare const config: {
             h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
         stretching: {
             filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Accordion/Accordion.d.ts

@@ -17,6 +17,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
         h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
     stretching: {
         filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Combobox/Combobox.d.ts

@@ -39,6 +39,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -98,6 +99,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -157,6 +159,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -216,6 +219,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -275,6 +279,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -334,6 +339,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -393,6 +399,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -452,6 +459,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -511,6 +519,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -570,6 +579,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -629,6 +639,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -688,6 +699,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -747,6 +759,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -806,6 +819,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -865,6 +879,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -924,6 +939,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -983,6 +999,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1042,6 +1059,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1101,6 +1119,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1160,6 +1179,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1219,6 +1239,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1278,6 +1299,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1337,6 +1359,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";
@@ -1396,6 +1419,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     placeholder?: string;
     helperText?: string;
     contentLeft?: React.ReactElement;
+    contentRight?: React.ReactElement;
     textBefore?: string;
     textAfter?: string;
     variant?: "normal" | "tight";

package/types/components/Rating/Rating.config.d.ts

@@ -19,6 +19,7 @@ export declare const config: {
             h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             displayL: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             displayM: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             displayS: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Rating/Rating.d.ts

@@ -14,6 +14,7 @@ export declare const Rating: import("react").FunctionComponent<import("@salutejs
         h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         h5: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        h6: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         displayL: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         displayM: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         displayS: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;