@salutejs/plasma-new-hope 0.329.1-canary.2074.16163189225.0 → 0.329.1-canary.2079.16199559995.0

package/styled-components/es/components/TextArea/TextArea.styles.js

@@ -7,13 +7,13 @@ var mergedConfig = mergeConfig(tooltipConfig);
 var Tooltip = component(mergedConfig);
 export var Hint = styled(Tooltip).withConfig({
     displayName: "TextArea.styles__Hint",
-    componentId: "sc-2ff414ff-0"
+    componentId: "sc-5fcd62a1-0"
 })([
     ""
 ]);
 export var OuterLabelWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__OuterLabelWrapper",
-    componentId: "sc-2ff414ff-1"
+    componentId: "sc-5fcd62a1-1"
 })([
     "display:flex;align-items:center;max-width:",
     ";margin-bottom:",
@@ -27,7 +27,7 @@ export var OuterLabelWrapper = styled.div.withConfig({
 });
 export var StyledLabel = styled.div.withConfig({
     displayName: "TextArea.styles__StyledLabel",
-    componentId: "sc-2ff414ff-2"
+    componentId: "sc-5fcd62a1-2"
 })([
     "position:relative;display:inline-flex;color:var(",
     ",var(",
@@ -47,7 +47,7 @@ export var StyledLabel = styled.div.withConfig({
 ], tokens.labelOuterColor, tokens.inputColor, tokens.labelOuterFontFamily, tokens.inputFontFamily, tokens.labelOuterFontSize, tokens.inputFontSize, tokens.labelOuterFontStyle, tokens.inputFontStyle, tokens.labelOuterFontWeight, tokens.inputFontWeight, tokens.labelOuterLetterSpacing, tokens.inputLetterSpacing, tokens.labelOuterLineHeight, tokens.inputLineHeight);
 export var TitleCaption = styled.div.withConfig({
     displayName: "TextArea.styles__TitleCaption",
-    componentId: "sc-2ff414ff-3"
+    componentId: "sc-5fcd62a1-3"
 })([
     "display:inline-block;margin-left:auto;font-family:var(",
     ");font-size:var(",
@@ -59,13 +59,13 @@ export var TitleCaption = styled.div.withConfig({
 ], tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight);
 export var StyledIndicatorWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledIndicatorWrapper",
-    componentId: "sc-2ff414ff-4"
+    componentId: "sc-5fcd62a1-4"
 })([
     "position:relative;display:inline-flex;align-items:center;"
 ]);
 export var StyledOptionalText = styled.span.withConfig({
     displayName: "TextArea.styles__StyledOptionalText",
-    componentId: "sc-2ff414ff-5"
+    componentId: "sc-5fcd62a1-5"
 })([
     "color:var(",
     ");font-family:",
@@ -96,7 +96,7 @@ export var StyledOptionalText = styled.span.withConfig({
 });
 export var StyledHintWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledHintWrapper",
-    componentId: "sc-2ff414ff-6"
+    componentId: "sc-5fcd62a1-6"
 })([
     "display:inline-flex;line-height:0;margin:var(",
     ");&.",
@@ -105,7 +105,7 @@ export var StyledHintWrapper = styled.div.withConfig({
 ], tokens.hintMargin, classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
 export var HintTargetWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__HintTargetWrapper",
-    componentId: "sc-2ff414ff-7"
+    componentId: "sc-5fcd62a1-7"
 })([
     "color:var(",
     ");width:var(",
@@ -114,40 +114,76 @@ export var HintTargetWrapper = styled.div.withConfig({
 ], tokens.hintIconColor, tokens.hintTargetSize, tokens.hintTargetSize);
 export var HintIconWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__HintIconWrapper",
-    componentId: "sc-2ff414ff-8"
+    componentId: "sc-5fcd62a1-8"
 })([
     ""
 ]);
 export var StyledTextAreaWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledTextAreaWrapper",
-    componentId: "sc-2ff414ff-9"
+    componentId: "sc-5fcd62a1-9"
 })([
-    "background-color:var(",
-    ");padding-top:var(",
-    ");padding-bottom:",
+    "display:flex;flex-direction:column;background-color:var(",
+    ");padding-top:",
+    ";padding-bottom:",
     ";border-radius:",
     ";"
-], tokens.inputBackgroundColor, tokens.inputPaddingTop, function(param) {
+], tokens.inputBackgroundColor, function(param) {
+    var hasHeader = param.hasHeader;
+    return hasHeader ? 'unset' : "var(".concat(tokens.inputPaddingTop, ")");
+}, function(param) {
     var hasHelper = param.hasHelper;
     return hasHelper ? "var(".concat(tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(tokens.inputPaddingBottom, ")");
 }, function(param) {
     var hasHelper = param.hasHelper;
     return hasHelper ? "var(".concat(tokens.borderRadiusWithHelpers, ")") : "var(".concat(tokens.borderRadius, ")");
 });
+export var StyledContentWrapper = styled.div.withConfig({
+    displayName: "TextArea.styles__StyledContentWrapper",
+    componentId: "sc-5fcd62a1-10"
+})([
+    "position:relative;width:100%;height:0;padding-top:",
+    ";"
+], function(param) {
+    var hasHeader = param.hasHeader;
+    return hasHeader ? "var(".concat(tokens.inputPaddingTop, ")") : 'unset';
+});
 export var StyledContent = styled.div.withConfig({
     displayName: "TextArea.styles__StyledContent",
-    componentId: "sc-2ff414ff-10"
+    componentId: "sc-5fcd62a1-11"
 })([
-    "position:absolute;display:flex;align-items:center;bottom:0;z-index:1;color:var(",
+    "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
     ",var(",
-    "));top:var(",
-    ");right:var(",
+    "));top:",
+    ";right:var(",
     ");height:var(",
     ");"
-], tokens.rightContentColor, tokens.inputColor, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight);
+], tokens.rightContentColor, tokens.inputColor, function(param) {
+    var hasHeader = param.hasHeader;
+    return hasHeader ? "var(".concat(tokens.inputPaddingTop, ")") : "var(".concat(tokens.rightContentTop, ")");
+}, tokens.rightContentRight, tokens.rightContentHeight);
+export var StyledHeaderSlot = styled.div.withConfig({
+    displayName: "TextArea.styles__StyledHeaderSlot",
+    componentId: "sc-5fcd62a1-12"
+})([
+    "display:flex;flex-direction:column;"
+]);
+export var DividerWrapper = styled.div.withConfig({
+    displayName: "TextArea.styles__DividerWrapper",
+    componentId: "sc-5fcd62a1-13"
+})([
+    "background:var(",
+    ");"
+], tokens.backgroundColor);
+export var Divider = styled.div.withConfig({
+    displayName: "TextArea.styles__Divider",
+    componentId: "sc-5fcd62a1-14"
+})([
+    "height:0.0625rem;background:var(",
+    ");"
+], tokens.dividerColor);
 export var StyledContainer = styled.div.withConfig({
     displayName: "TextArea.styles__StyledContainer",
-    componentId: "sc-2ff414ff-11"
+    componentId: "sc-5fcd62a1-15"
 })([
     "display:inline-flex;flex-direction:column;width:",
     ";position:relative;"
@@ -157,7 +193,7 @@ export var StyledContainer = styled.div.withConfig({
 });
 export var StyledTextArea = styled.textarea.withConfig({
     displayName: "TextArea.styles__StyledTextArea",
-    componentId: "sc-2ff414ff-12"
+    componentId: "sc-5fcd62a1-16"
 })([
     "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
     ");caret-color:var(",
@@ -220,7 +256,7 @@ export var StyledTextArea = styled.textarea.withConfig({
 }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.inputColorFocus, tokens.scrollbarWidth, tokens.scrollbarThumbBackgroundColor, tokens.scrollbarBorderWidth, tokens.scrollbarTrackBackgroundColor, tokens.scrollbarBorderWidth);
 export var StyledHiddenTextArea = styled.textarea.withConfig({
     displayName: "TextArea.styles__StyledHiddenTextArea",
-    componentId: "sc-2ff414ff-13"
+    componentId: "sc-5fcd62a1-17"
 })([
     "max-height:none !important;min-height:var(",
     ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
@@ -238,7 +274,7 @@ export var StyledHiddenTextArea = styled.textarea.withConfig({
 }, tokens.inputPaddingLeft, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
 export var StyledHelpers = styled.div.withConfig({
     displayName: "TextArea.styles__StyledHelpers",
-    componentId: "sc-2ff414ff-14"
+    componentId: "sc-5fcd62a1-18"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
     ");padding-top:var(",
@@ -251,14 +287,14 @@ export var StyledHelpers = styled.div.withConfig({
 ], tokens.helpersBackgroundColor, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.borderRadius, tokens.borderRadius);
 export var StyledOutsideHelpersWrapper = styled.div.withConfig({
     displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
-    componentId: "sc-2ff414ff-15"
+    componentId: "sc-5fcd62a1-19"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
     ");"
 ], tokens.clearHelpersPaddingTop);
 export var StyledLeftHelper = styled.span.withConfig({
     displayName: "TextArea.styles__StyledLeftHelper",
-    componentId: "sc-2ff414ff-16"
+    componentId: "sc-5fcd62a1-20"
 })([
     "",
     ";display:block;font-family:var(",
@@ -272,14 +308,14 @@ export var StyledLeftHelper = styled.span.withConfig({
 ], applyEllipsis(), tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.leftHelperColor);
 export var StyledRightHelper = styled(StyledLeftHelper).withConfig({
     displayName: "TextArea.styles__StyledRightHelper",
-    componentId: "sc-2ff414ff-17"
+    componentId: "sc-5fcd62a1-21"
 })([
     "color:var(",
     ");margin-left:auto;"
 ], tokens.rightHelperColor);
 export var StyledPlaceholder = styled.label.withConfig({
     displayName: "TextArea.styles__StyledPlaceholder",
-    componentId: "sc-2ff414ff-18"
+    componentId: "sc-5fcd62a1-22"
 })([
     "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
     ");width:100%;height:auto;top:var(",
@@ -298,7 +334,7 @@ export var StyledPlaceholder = styled.label.withConfig({
 }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
 export var StyledIndicator = styled.div.withConfig({
     displayName: "TextArea.styles__StyledIndicator",
-    componentId: "sc-2ff414ff-19"
+    componentId: "sc-5fcd62a1-23"
 })([
     "position:absolute;border-radius:50%;background-color:var(",
     ");&.",

package/styled-components/es/components/TextArea/TextArea.tokens.js

@@ -14,7 +14,9 @@ export var classes = {
     hasHint: 'textarea-has-hint',
     hasRightContent: 'textarea-has-right-content',
     hasDivider: 'textarea-has-divider',
-    requiredAlignRight: 'required-align-right'
+    requiredAlignRight: 'required-align-right',
+    hasHeaderSlot: 'textarea-has-header-slot',
+    styledContentWrapper: 'textarea-content-wrapper'
 };
 export var tokens = {
     /** Цвет фона для всего компонента */ backgroundColor: '--plasma-textarea-background-color',

package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js

@@ -1,3 +1,3 @@
 import { classes, tokens } from "../TextArea.tokens";
-var innerPlaceholderUp = classes.innerPlaceholderUp, hidePlaceHolder = classes.hidePlaceHolder, focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor, styledTextArea = classes.styledTextArea, styledTextAreaWrapper = classes.styledTextAreaWrapper, styledPlaceholder = classes.styledPlaceholder;
-export var applyDynamicLabel = "\n    .".concat(innerPlaceholderUp, " {\n        .").concat(styledTextArea, " {\n            height: calc(var(--plasma_private-textarea-input-actual-height) - var(").concat(tokens.labelInnerTop, ") - var(").concat(tokens.labelInnerTopHelper, ", 0px));\n        }\n\n        .").concat(styledTextAreaWrapper, " {\n            padding-top: calc(calc(var(").concat(tokens.labelInnerTop, ") + var(").concat(tokens.labelInnerFontSize, ")) + var(").concat(tokens.labelInnerMarginBottom, "));\n        }\n\n        .").concat(styledPlaceholder, " {\n            font-family: var(").concat(tokens.labelInnerFontFamily, ");\n            font-size: var(").concat(tokens.labelInnerFontSize, ");\n            font-style: var(").concat(tokens.labelInnerFontStyle, ");\n            font-weight: var(").concat(tokens.labelInnerFontWeight, ");\n            letter-spacing: var(").concat(tokens.labelInnerLetterSpacing, ");\n            line-height: var(").concat(tokens.labelInnerLineHeight, ");\n            top: var(").concat(tokens.labelInnerTop, ");\n        }\n    }\n\n    .").concat(hidePlaceHolder, " .").concat(styledPlaceholder, " {\n        display: none;\n    }\n\n    .").concat(focusedOuterPlaceholderColor, " .").concat(styledPlaceholder, " {\n        color: var(").concat(tokens.placeholderColorFocus, ");\n    }\n");
+var innerPlaceholderUp = classes.innerPlaceholderUp, hidePlaceHolder = classes.hidePlaceHolder, focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor, styledTextArea = classes.styledTextArea, styledTextAreaWrapper = classes.styledTextAreaWrapper, styledPlaceholder = classes.styledPlaceholder, hasHeaderSlot = classes.hasHeaderSlot, styledContentWrapper = classes.styledContentWrapper;
+export var applyDynamicLabel = "\n    .".concat(innerPlaceholderUp, " {\n        .").concat(styledTextArea, " {\n            height: calc(var(--plasma_private-textarea-input-actual-height) - var(").concat(tokens.labelInnerTop, ") - var(").concat(tokens.labelInnerTopHelper, ", 0px));\n        }\n\n        .").concat(styledTextAreaWrapper, " {\n            padding-top: calc(calc(var(").concat(tokens.labelInnerTop, ") + var(").concat(tokens.labelInnerFontSize, ")) + var(").concat(tokens.labelInnerMarginBottom, "));\n        }\n            \n        .").concat(hasHeaderSlot, " {\n            padding-top: unset;\n\n            .").concat(styledContentWrapper, " {\n                padding-top: calc(calc(var(").concat(tokens.labelInnerTop, ") + var(").concat(tokens.labelInnerFontSize, ")) + var(").concat(tokens.labelInnerMarginBottom, "));\n            }\n        }\n\n        .").concat(styledPlaceholder, " {\n            font-family: var(").concat(tokens.labelInnerFontFamily, ");\n            font-size: var(").concat(tokens.labelInnerFontSize, ");\n            font-style: var(").concat(tokens.labelInnerFontStyle, ");\n            font-weight: var(").concat(tokens.labelInnerFontWeight, ");\n            letter-spacing: var(").concat(tokens.labelInnerLetterSpacing, ");\n            line-height: var(").concat(tokens.labelInnerLineHeight, ");\n            top: var(").concat(tokens.labelInnerTop, ");\n        }\n    }\n\n    .").concat(hidePlaceHolder, " .").concat(styledPlaceholder, " {\n        display: none;\n    }\n\n    .").concat(focusedOuterPlaceholderColor, " .").concat(styledPlaceholder, " {\n        color: var(").concat(tokens.placeholderColorFocus, ");\n    }\n");

package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js

@@ -128,22 +128,6 @@ export var config = {
                 ":0 -0.125rem 0 0.625rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            xlr: css([
-                "",
-                ":4rem;",
-                ":12.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":1.5rem;",
-                ":inherit;",
-                ":0 0.625rem 0 0;",
-                ":0 0 0 0.625rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             l: css([
                 "",
                 ":3.5rem;",
@@ -162,22 +146,6 @@ export var config = {
                 ":0 -0.125rem 0 0.5rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            lr: css([
-                "",
-                ":3.5rem;",
-                ":12.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":1.375rem;",
-                ":inherit;",
-                ":0 0.5rem 0 0;",
-                ":0 0 0 0.5rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             m: css([
                 "",
                 ":3rem;",
@@ -196,22 +164,6 @@ export var config = {
                 ":0 -0.125rem 0 0.375rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            mr: css([
-                "",
-                ":3rem;",
-                ":11.25rem;",
-                ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-size);",
-                ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);",
-                ":1.375rem;",
-                ":inherit;",
-                ":0 0.375rem 0 0;",
-                ":0 0 0 0.375rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             s: css([
                 "",
                 ":2.5rem;",
@@ -230,22 +182,6 @@ export var config = {
                 ":0 -0.125rem 0 0.25rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            sr: css([
-                "",
-                ":2.5rem;",
-                ":11.25rem;",
-                ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-size);",
-                ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-bold-font-weight);",
-                ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);",
-                ":1.375rem;",
-                ":inherit;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             xs: css([
                 "",
                 ":2rem;",
@@ -264,22 +200,6 @@ export var config = {
                 ":0 -0.125rem 0 0.25rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            xsr: css([
-                "",
-                ":2rem;",
-                ":10rem;",
-                ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-bold-font-weight);",
-                ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);",
-                ":1rem;",
-                ":inherit;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             xxs: css([
                 "",
                 ":1.5rem;",

package/styled-components/es/examples/plasma_web/components/Button/Button.config.js

@@ -128,22 +128,6 @@ export var config = {
                 ":0 -0.125rem 0 0.625rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            xlr: css([
-                "",
-                ":4rem;",
-                ":12.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":1.5rem;",
-                ":inherit;",
-                ":0 0.625rem 0 0;",
-                ":0 0 0 0.625rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             l: css([
                 "",
                 ":3.5rem;",
@@ -162,22 +146,6 @@ export var config = {
                 ":0 -0.125rem 0 0.5rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            lr: css([
-                "",
-                ":3.5rem;",
-                ":12.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":1.375rem;",
-                ":inherit;",
-                ":0 0.5rem 0 0;",
-                ":0 0 0 0.5rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             m: css([
                 "",
                 ":3rem;",
@@ -196,22 +164,6 @@ export var config = {
                 ":0 -0.125rem 0 0.375rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            mr: css([
-                "",
-                ":3rem;",
-                ":11.25rem;",
-                ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-size);",
-                ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);",
-                ":1.375rem;",
-                ":inherit;",
-                ":0 0.375rem 0 0;",
-                ":0 0 0 0.375rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             s: css([
                 "",
                 ":2.5rem;",
@@ -230,22 +182,6 @@ export var config = {
                 ":0 -0.125rem 0 0.25rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            sr: css([
-                "",
-                ":2.5rem;",
-                ":11.25rem;",
-                ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-size);",
-                ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-bold-font-weight);",
-                ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);",
-                ":1.375rem;",
-                ":inherit;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             xs: css([
                 "",
                 ":2rem;",
@@ -264,22 +200,6 @@ export var config = {
                 ":0 -0.125rem 0 0.25rem;",
                 ":0 0 0 0.25rem;"
             ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
-            xsr: css([
-                "",
-                ":2rem;",
-                ":10rem;",
-                ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-bold-font-weight);",
-                ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);",
-                ":1rem;",
-                ":inherit;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
             xxs: css([
                 "",
                 ":1.5rem;",

package/types/components/Drawer/Drawer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8FtD,eAAO,MAAM,WAAW,0OAEvB,CAAC;AAEF,eAAO,MAAM,WAAW;eACT,eAAe;YAClB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;kFA2C3B,CAAC"}
+{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8FtD,eAAO,MAAM,WAAW,0OAEvB,CAAC;AAEF,eAAO,MAAM,WAAW;eACT,eAAe;YAClB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;kFAoC3B,CAAC"}

package/types/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA6T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA/TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkWnF,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAoCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FAqV9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAvVQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0XnF,CAAC"}

package/types/components/TextArea/TextArea.styles.d.ts

@@ -14,8 +14,17 @@ export declare const HintTargetWrapper: import("@linaria/react").StyledComponent
 export declare const HintIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledTextAreaWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     hasHelper: boolean;
+    hasHeader: boolean;
 }>;
-export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    hasHeader: boolean;
+}>;
+export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    hasHeader?: boolean;
+}>;
+export declare const StyledHeaderSlot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const DividerWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Divider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     width: string;
 }>;

package/types/components/TextArea/TextArea.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;WAAS,MAAM;EAOjF,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;kBAA+B,OAAO;EAepE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;EAUrB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAazB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;YACjB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;aACf,MAAM;EAiGlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;qBACZ,OAAO;aACf,MAAM;EA+BlB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAa5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;SAjRM,MAAO,WAAW;EAoRrD,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
+{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;WAAS,MAAM;EAOjF,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;kBAA+B,OAAO;EAepE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;eACP,OAAO;EAYrB,CAAC;AAEF,eAAO,MAAM,oBAAoB;eAA2B,OAAO;EAKlE,CAAC;AAEF,eAAO,MAAM,aAAa;gBAA4B,OAAO;EAY5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAE1B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAGnB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;YACjB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;aACf,MAAM;EAiGlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;qBACZ,OAAO;aACf,MAAM;EA+BlB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAa5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;SAxSM,MAAO,WAAW;EA2SrD,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}

package/types/components/TextArea/TextArea.tokens.d.ts

@@ -23,6 +23,8 @@ export declare const classes: {
     hasRightContent: string;
     hasDivider: string;
     requiredAlignRight: string;
+    hasHeaderSlot: string;
+    styledContentWrapper: string;
 };
 export declare const tokens: {
     /** Цвет фона для всего компонента */

package/types/components/TextArea/TextArea.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC5B,CAAC"}
+{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;;;CAQhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC5B,CAAC"}

package/types/components/TextArea/TextArea.types.d.ts

@@ -159,6 +159,11 @@ export type TextAreaPropsBase = {
      * Метка-подпись к элементу справа.
      */
     titleCaption?: ReactNode;
+    /**
+     * Слот для контента над вводимым текстом
+     * @description не отображается, если включен `clear`
+     */
+    headerSlot?: ReactNode;
     /**
      * Слот для контента справа.
      */

package/types/components/TextArea/TextArea.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE1E,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CACvC,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,UAAU,CACb,CAAC;AAEF,KAAK,aAAa,GAAG;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,KAAK,SAAS,GACR;IACI;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC/B,GACD;IACI,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;CAC3B,CAAC;AAER,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC3C,GAAG,aAAa,GACb,SAAS,CAAC;AAEd,KAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,GACvG,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"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"}

package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"applyDynamicLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/mixins/applyDynamicLabel.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB,QA4B7B,CAAC"}
+{"version":3,"file":"applyDynamicLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/mixins/applyDynamicLabel.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,iBAAiB,QAoC7B,CAAC"}

package/cjs/components/Drawer/Drawer.styles_1wcuvns.css

@@ -1,2 +0,0 @@
-.s1ewnow2{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
-.sv7q57r.sv7q57r.drawer-overlay{-webkit-animation:fadeIn-sv7q57r 0.2s forwards;animation:fadeIn-sv7q57r 0.2s forwards;padding-right:17px;}@supports (-webkit-scrollbar-gutter:stable) or (-moz-scrollbar-gutter:stable) or (-ms-scrollbar-gutter:stable) or (scrollbar-gutter:stable){.sv7q57r.sv7q57r.drawer-overlay{padding-right:0;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}}.sv7q57r.sv7q57r.popup-end-animation .drawer-overlay{-webkit-animation:fadeOut-sv7q57r 0.2s forwards;animation:fadeOut-sv7q57r 0.2s forwards;}@-webkit-keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}.sv7q57r.sv7q57r .popup-base-root,.sv7q57r.sv7q57r .popup-base-root > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement .popup-base-root{-webkit-animation:rightShowAnimation-sv7q57r 0.2s forwards;animation:rightShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement.popup-end-animation .popup-base-root{-webkit-animation:rightHideAnimation-sv7q57r 0.2s forwards;animation:rightHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement .popup-base-root{-webkit-animation:bottomShowAnimation-sv7q57r 0.2s forwards;animation:bottomShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement.popup-end-animation .popup-base-root{-webkit-animation:bottomHideAnimation-sv7q57r 0.2s forwards;animation:bottomHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement .popup-base-root{-webkit-animation:leftShowAnimation-sv7q57r 0.2s forwards;animation:leftShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement.popup-end-animation .popup-base-root{-webkit-animation:leftHideAnimation-sv7q57r 0.2s forwards;animation:leftHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement .popup-base-root{-webkit-animation:topShowAnimation-sv7q57r 0.2s forwards;animation:topShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement.popup-end-animation .popup-base-root{-webkit-animation:topHideAnimation-sv7q57r 0.2s forwards;animation:topHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}