@salutejs/plasma-new-hope 0.336.0-canary.2238.17818313113.0 → 0.336.0-canary.2239.17794430722.0

package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -19,7 +19,6 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _mixins = require("../../../mixins");
 var _base = require("./variations/_size/base");
-var _base1 = require("./variations/_view/base");
 var _LineSkeletonstyles = require("./LineSkeleton.styles");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -119,24 +118,22 @@ function _object_without_properties_loose(source, excluded) {
 }
 var lineSkeletonRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
-        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, view = _param.view, rest = _object_without_properties(_param, [
+        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, rest = _object_without_properties(_param, [
             "size",
             "lighter",
             "customGradientColor",
-            "roundness",
-            "view"
+            "roundness"
         ]);
         var roundnessValue = (0, _mixins.getRoundness)({
             roundness: roundness
         });
-        var skeletonGradientColor = lighter ? (0, _mixins.getSkeletonColor)({
+        var skeletonGradientColor = (0, _mixins.getSkeletonColor)({
             lighter: lighter,
             customGradientColor: customGradientColor
-        }) : undefined;
+        });
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: outerRootRef,
-            size: size,
-            view: view
+            size: size
         }, rest), /*#__PURE__*/ _react.default.createElement(_LineSkeletonstyles.StyledVisibleLine, {
             roundness: roundnessValue,
             gradientColor: skeletonGradientColor
@@ -151,9 +148,6 @@ var lineSkeletonConfig = {
     variations: {
         size: {
             css: _base.base
-        },
-        view: {
-            css: _base1.base
         }
     },
     defaults: {}

package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -18,7 +18,6 @@ _export(exports, {
 });
 var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
 var _mixins = require("../../../mixins");
-var _tokens = require("../tokens");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -65,7 +64,7 @@ var base = (0, _styledcomponents.css)([
 ]);
 var StyledVisibleLine = _styledcomponents.default.div.withConfig({
     displayName: "LineSkeleton.styles__StyledVisibleLine",
-    componentId: "sc-e66a9562-0"
+    componentId: "sc-7d32d69d-0"
 })([
     "position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:",
     ";",
@@ -77,5 +76,5 @@ var StyledVisibleLine = _styledcomponents.default.div.withConfig({
     return roundness;
 }, (0, _mixins.applyRoundness)('var(--plasma_private-line-skeleton-roundness)'), function(param) {
     var gradientColor = param.gradientColor;
-    return gradientColor || "var(".concat(_tokens.tokens.gradientColor, ")");
+    return gradientColor;
 }, (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'));

package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -9,6 +9,11 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _styledcomponents = require("styled-components");
+var _LineSkeletonstyles = require("../../LineSkeleton.styles");
+var _tokens = require("../../../tokens");
 var base = (0, _styledcomponents.css)([
-    ""
-]);
+    "height:var(",
+    ");& ",
+    "{height:var(",
+    ");}"
+], _tokens.tokens.lineHeight, _LineSkeletonstyles.StyledVisibleLine, _tokens.tokens.visibleLineHeight);

package/styled-components/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -195,14 +195,13 @@ var variousWidth = [
 ];
 var textSkeleton = function(Component) {
     return function(_param) {
-        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, props = _object_without_properties(_param, [
+        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, props = _object_without_properties(_param, [
             "lines",
             "width",
             "roundness",
             "customGradientColor",
             "lighter",
-            "size",
-            "view"
+            "size"
         ]);
         var _useState = _sliced_to_array((0, _react.useState)(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -240,7 +239,6 @@ var textSkeleton = function(Component) {
             return /*#__PURE__*/ _react.default.createElement(ComponentSkeleton, {
                 key: "line:".concat(i),
                 size: size,
-                view: view,
                 roundness: roundness,
                 customGradientColor: customGradientColor,
                 lighter: lighter,

package/styled-components/cjs/components/Skeleton/tokens.js

@@ -10,6 +10,5 @@ Object.defineProperty(exports, "tokens", {
 });
 var tokens = {
     lineHeight: '--plasma-skeleton-line-height',
-    visibleLineHeight: '--plasma-skeleton-visible-line-height',
-    gradientColor: '--plasma-skeleton-gradient-color'
+    visibleLineHeight: '--plasma-skeleton-visible-line-height'
 };

package/styled-components/cjs/examples/components/Attach/Attach.config.js

@@ -463,7 +463,6 @@ var config = {
                 ":0.5rem;",
                 ":1.625rem;",
                 ":3.5rem;",
-                ":3.5rem;",
                 ":12.5rem;",
                 ":1.5rem;",
                 ":0.875rem;",
@@ -527,14 +526,13 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
             m: (0, _styledcomponents.css)([
                 "",
                 ":1.25rem;",
                 ":0.5rem;",
                 ":1.625rem;",
                 ":3rem;",
-                ":3rem;",
                 ":11.25rem;",
                 ":1.25rem;",
                 ":0.75rem;",
@@ -598,14 +596,13 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
             s: (0, _styledcomponents.css)([
                 "",
                 ":1rem;",
                 ":0.375rem;",
                 ":1.5rem;",
                 ":2.5rem;",
-                ":2.5rem;",
                 ":11.25rem;",
                 ":1rem;",
                 ":0.625rem;",
@@ -669,14 +666,13 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
                 ":0.25rem;",
                 ":1.375rem;",
                 ":2rem;",
-                ":2rem;",
                 ":10rem;",
                 ":0.75rem;",
                 ":0.5rem;",
@@ -740,7 +736,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.filenameWrapperHeight, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor)
+            ], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.verticalGapWithHelperText, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor)
         }
     }
 };

package/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js

@@ -12,20 +12,9 @@ var _styledcomponents = require("styled-components");
 var _Skeleton = require("../../../components/Skeleton");
 var config = {
     defaults: {
-        size: 'bodyM',
-        view: 'default'
+        size: 'bodyM'
     },
     variations: {
-        view: {
-            default: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-colors-skeleton-gradient,var(--surface-skeleton-gradient));"
-            ], _Skeleton.skeletonTokens.gradientColor),
-            lighter: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-colors-skeleton-gradient-lighter,var(--surface-skeleton-deep-gradient));"
-            ], _Skeleton.skeletonTokens.gradientColor)
-        },
         size: {
             bodyL: (0, _styledcomponents.css)([
                 "",

package/styled-components/es/components/Attach/Attach.js

@@ -99,25 +99,24 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { forwardRef, useRef, useState } from "react";
-import { useForkRef } from "@salutejs/plasma-core";
+import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { useForkRef, useIsomorphicLayoutEffect } from "@salutejs/plasma-core";
 import { cx } from "../../utils";
 import { IconCloseCircleOutline } from "../_Icon";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as helperTextViewCSS } from "./variations/_helperTextView/base";
-import { base, StyledHelperText, StyledHiddenInput, StyledAttachButtonWrapper, FilenameWrapper, TruncatedFilenamePart, FilenameExtensionPart } from "./Attach.styles";
+import { base, StyledHelperText, StyledHiddenInput, StyledHiddenInputHelper, StyledAttachButtonWrapper } from "./Attach.styles";
 import { StyledCell } from "./ui/Cell/Cell";
-import { extractExtension, getFileIcon } from "./utils";
+import { extractExtension, getFileicon, addSeparator, separator } from "./utils";
 import { classes } from "./Attach.tokens";
 import { AttachButton } from "./components/AttachButton";
 import { StyledIconButtonCancel } from "./ui/IconButton/IconButton.styles";
 export var attachRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, outerRef) {
-        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
+        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
             "flow",
             "buttonType",
-            "hideButtonOnAttach",
             "hasAttachment",
             "acceptedFileFormats",
             "helperText",
@@ -131,30 +130,65 @@ export var attachRoot = function(Root) {
             "id",
             "name",
             "customIcon",
-            "onClick",
             "onChange",
             "onClear"
         ]);
         var innerRef = useRef(null);
         var ref = useForkRef(outerRef, innerRef);
         var inputRef = useRef(null);
+        var inputHelperRef = useRef(null);
         var cellRef = useRef(null);
         var buttonRef = useRef(null);
+        var emptyTextCellWidth = useRef(null);
         var _useState = _sliced_to_array(useState(''), 2), filename = _useState[0], setFilename = _useState[1];
+        var _useState1 = _sliced_to_array(useState(''), 2), truncatedFilename = _useState1[0], setTruncatedFilename = _useState1[1];
         var horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
         var verticalClass = flow === 'vertical' ? classes.vertical : undefined;
         var withHelperTextClass = helperText ? classes.withHelperText : undefined;
         var autoClass = flow === 'auto' ? classes.auto : undefined;
+        var cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
         var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
         var extension = extractExtension(filename);
-        var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
-        var cellContentLeft = customIcon || getFileIcon(extension, size);
-        var handleClick = function(e) {
-            if (!inputRef.current) {
+        var cellContentLeft = customIcon || getFileicon(extension, size);
+        useEffect(function() {
+            var _cellRef_current;
+            emptyTextCellWidth.current = ((_cellRef_current = cellRef.current) === null || _cellRef_current === void 0 ? void 0 : _cellRef_current.offsetWidth) || 0;
+        }, []);
+        useIsomorphicLayoutEffect(function() {
+            if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
+                return;
+            }
+            var _inputHelperRef_current = inputHelperRef.current, textWidth = _inputHelperRef_current.offsetWidth;
+            var _buttonRef_current = buttonRef.current, buttonWidth = _buttonRef_current.offsetWidth;
+            var _cellRef_current_parentElement_getBoundingClientRect = cellRef.current.parentElement.getBoundingClientRect(), parentWidth = _cellRef_current_parentElement_getBoundingClientRect.width, parentLeft = _cellRef_current_parentElement_getBoundingClientRect.left;
+            var _cellRef_current_getBoundingClientRect = cellRef.current.getBoundingClientRect(), cellLeft = _cellRef_current_getBoundingClientRect.left;
+            var leftDiff = cellLeft - parentLeft;
+            var currentTextWidth = textWidth;
+            if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+                setTruncatedFilename(filename);
                 return;
             }
-            if (onClick) {
-                onClick(e);
+            var currFilename = addSeparator(filename, separator);
+            for(var i = currFilename.indexOf(separator) - 1; i > 0; i -= 1){
+                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
+                    break;
+                }
+                var left = currFilename.slice(0, i);
+                var right = currFilename.slice(i + 1);
+                var newFilename = "".concat(left).concat(right);
+                inputHelperRef.current.textContent = newFilename;
+                currentTextWidth = inputHelperRef.current.offsetWidth;
+                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+                    break;
+                }
+                currFilename = newFilename;
+            }
+            inputHelperRef.current.textContent = filename;
+            setTruncatedFilename(currFilename);
+        });
+        var handleClick = function() {
+            if (!inputRef.current) {
+                return;
             }
             inputRef.current.click();
         };
@@ -176,6 +210,7 @@ export var attachRoot = function(Root) {
             }
             inputRef.current.value = '';
             setFilename('');
+            setTruncatedFilename('');
         };
         return /*#__PURE__*/ React.createElement(Root, {
             className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
@@ -191,16 +226,20 @@ export var attachRoot = function(Root) {
             id: id,
             name: name,
             onChange: handleChange
-        }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, _object_spread({
+        }), /*#__PURE__*/ React.createElement(StyledHiddenInputHelper, {
+            ref: inputHelperRef
+        }, filename), /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, _object_spread({
             ref: buttonRef,
             buttonType: buttonType,
             isLoading: isLoading,
             disabled: disabled,
             onClick: handleClick
-        }, rest)), helperText && /*#__PURE__*/ React.createElement(StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/ React.createElement(StyledCell, {
+        }, rest)), helperText && /*#__PURE__*/ React.createElement(StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/ React.createElement(StyledCell, {
             stretching: "fixed",
+            className: cellHiddenClass,
             ref: cellRef,
             size: size,
+            title: truncatedFilename,
             contentLeft: cellContentLeft,
             contentRight: /*#__PURE__*/ React.createElement(StyledIconButtonCancel, {
                 onClick: handleClear
@@ -208,7 +247,7 @@ export var attachRoot = function(Root) {
                 size: "xs",
                 color: "inherit"
             }))
-        }, /*#__PURE__*/ React.createElement(FilenameWrapper, null, /*#__PURE__*/ React.createElement(TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/ React.createElement(FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
+        }));
     });
 };
 export var attachConfig = {

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

@@ -1,43 +1,29 @@
 import styled from "styled-components";
 import { css } from "styled-components";
-import { applyEllipsis } from "../../mixins";
 export var base = css([
     "position:relative;display:flex;"
 ]);
 export var StyledHiddenInput = styled.input.withConfig({
     displayName: "Attach.styles__StyledHiddenInput",
-    componentId: "sc-ebfa8a10-0"
+    componentId: "sc-7ce14282-0"
 })([
     "display:none;"
 ]);
+export var StyledHiddenInputHelper = styled.div.withConfig({
+    displayName: "Attach.styles__StyledHiddenInputHelper",
+    componentId: "sc-7ce14282-1"
+})([
+    "position:absolute;visibility:hidden;white-space:nowrap;"
+]);
 export var StyledAttachButtonWrapper = styled.div.withConfig({
     displayName: "Attach.styles__StyledAttachButtonWrapper",
-    componentId: "sc-ebfa8a10-1"
+    componentId: "sc-7ce14282-2"
 })([
     "position:relative;"
 ]);
 export var StyledHelperText = styled.div.withConfig({
     displayName: "Attach.styles__StyledHelperText",
-    componentId: "sc-ebfa8a10-2"
+    componentId: "sc-7ce14282-3"
 })([
     "position:absolute;margin-top:0.25rem;"
 ]);
-export var FilenameWrapper = styled.div.withConfig({
-    displayName: "Attach.styles__FilenameWrapper",
-    componentId: "sc-ebfa8a10-3"
-})([
-    "display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;"
-]);
-export var TruncatedFilenamePart = styled.span.withConfig({
-    displayName: "Attach.styles__TruncatedFilenamePart",
-    componentId: "sc-ebfa8a10-4"
-})([
-    "",
-    ""
-], applyEllipsis());
-export var FilenameExtensionPart = styled.span.withConfig({
-    displayName: "Attach.styles__FilenameExtensionPart",
-    componentId: "sc-ebfa8a10-5"
-})([
-    ""
-]);

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

@@ -9,7 +9,6 @@ export var tokens = {
     horizontalGap: '--plasma-attach-horizontal-gap',
     verticalGap: '--plasma-attach-vertical-gap',
     verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',
-    filenameWrapperHeight: '--plasma-attach-filename-wrapper-height',
     helperTextColor: '--plasma-attach-helper-text-color',
     // Токены для Button
     buttonColor: '--plasma-attach-button-color',

package/styled-components/es/components/Attach/utils/addSeparator.js

@@ -0,0 +1,10 @@
+import { extractExtension } from "./extractExtension";
+export var addSeparator = function(filename, separator) {
+    var extension = extractExtension(filename);
+    var strings = filename.split('.');
+    var name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
+    var lastChar = name[name.length - 1];
+    var dotChar = '.';
+    var nameWithSeparator = "".concat(name.slice(0, -1)).concat(separator).concat(lastChar);
+    return extension === name ? "".concat(nameWithSeparator) : "".concat(nameWithSeparator).concat(dotChar).concat(extension);
+};

package/styled-components/es/components/Attach/utils/getFileicon.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconBlankCsvOutline, IconBlankDocOutline, IconBlankOutline, IconBlankPdfOutline, IconBlankTxtOutline, IconBlankXlsOutline } from "../../_Icon";
-export var getFileIcon = function(extension, size) {
+export var getFileicon = function(extension, size) {
     var iconSize = size === 'xs' ? 'xs' : 's';
     switch(extension){
         case 'pdf':

package/styled-components/es/components/Attach/utils/index.js

@@ -1,2 +1,4 @@
 export { extractExtension } from "./extractExtension";
-export { getFileIcon } from "./getFileicon";
+export { getFileicon } from "./getFileicon";
+export { addSeparator } from "./addSeparator";
+export var separator = '...';

package/styled-components/es/components/Attach/variations/_size/base.js

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { tokens, classes } from "../../Attach.tokens";
-import { FilenameWrapper, StyledHelperText } from "../../Attach.styles";
+import { StyledHelperText, StyledHiddenInputHelper } from "../../Attach.styles";
 export var base = css([
     "&.",
     "{column-gap:var(",
@@ -18,7 +18,6 @@ export var base = css([
     ");font-weight:var(",
     ");letter-spacing:var(",
     ");line-height:var(",
-    ");height:var(",
     ");}",
     "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}"
-], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap, classes.withHelperText, tokens.verticalGapWithHelperText, FilenameWrapper, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.filenameWrapperHeight, StyledHelperText);
+], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap, classes.withHelperText, tokens.verticalGapWithHelperText, StyledHiddenInputHelper, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, StyledHelperText);

package/styled-components/es/components/Drawer/Drawer.js

@@ -54,9 +54,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef, useMemo } from "react";
-import cls from "classnames";
 import { useForkRef } from "@salutejs/plasma-core";
-import { getSizeValueFromProp, safeUseId } from "../../utils";
+import { cx, getSizeValueFromProp, safeUseId } from "../../utils";
 import { usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
@@ -71,7 +70,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -85,7 +84,6 @@ export var drawerRoot = function(Root) {
             "opened",
             "initialFocusRef",
             "focusAfterRef",
-            "animationInfo",
             "className",
             "customBackgroundColor",
             "customContentBackgroundColor",
@@ -135,11 +133,10 @@ export var drawerRoot = function(Root) {
                 onClose();
             }
         };
-        var _obj;
         return /*#__PURE__*/ React.createElement(StyledPopup, _object_spread({
             id: innerId,
             ref: asModal ? innerRef : outerRef,
-            className: cls(placementClass, className, (_obj = {}, _define_property(_obj, classes.enterCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.enter), _define_property(_obj, classes.exitCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.exit), _obj)),
+            className: cx(placementClass),
             opened: innerIsOpen,
             zIndex: zIndex,
             placement: placement,
@@ -149,7 +146,6 @@ export var drawerRoot = function(Root) {
             height: innerHeight,
             offset: offset,
             withAnimation: true,
-            drawerAnimationInfo: animationInfo,
             overlay: asModal && /*#__PURE__*/ React.createElement(Root, {
                 view: view
             }, /*#__PURE__*/ React.createElement(Overlay, {
@@ -162,7 +158,6 @@ export var drawerRoot = function(Root) {
                 onOverlayClick: onDrawerOverlayKeyDown
             }))
         }, rest), /*#__PURE__*/ React.createElement(Root, {
-            className: classes.panel,
             view: view,
             size: size,
             style: {
@@ -174,7 +169,8 @@ export var drawerRoot = function(Root) {
             width: innerWidth,
             height: innerHeight,
             customBackgroundColor: customBackgroundColor,
-            customContentBackgroundColor: customContentBackgroundColor
+            customContentBackgroundColor: customContentBackgroundColor,
+            className: className
         }, children)));
     });
 };

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

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { component, mergeConfig } from "../../engines";
 import { popupClasses, popupConfig } from "../Popup";
 import { panelTokens, panelConfig } from "../Panel";
-import { classes, privateTokens, tokens } from "./Drawer.tokens";
+import { classes, tokens } from "./Drawer.tokens";
 var mergedPanelConfig = mergeConfig(panelConfig);
 var Panel = component(mergedPanelConfig);
 var Popup = component(popupConfig);
@@ -59,7 +59,7 @@ var getAnimationStyles = function() {
 };
 export var StyledPanel = styled(Panel).withConfig({
     displayName: "Drawer.styles__StyledPanel",
-    componentId: "sc-758b0d76-0"
+    componentId: "sc-7ba5c890-0"
 })([
     "",
     ":var(",
@@ -67,7 +67,7 @@ export var StyledPanel = styled(Panel).withConfig({
 ], panelTokens.closeColor, tokens.closeIconColor);
 export var StyledPopup = styled(Popup).withConfig({
     displayName: "Drawer.styles__StyledPopup",
-    componentId: "sc-758b0d76-1"
+    componentId: "sc-7ba5c890-1"
 })([
     "&&.",
     "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.",
@@ -77,24 +77,11 @@ export var StyledPopup = styled(Popup).withConfig({
     " > div{width:",
     ";height:",
     ";}",
-    " &.",
-    "{&& .",
-    "{animation:",
-    ";}}&.",
-    "{&&.",
-    " .",
-    "{animation:",
-    ";}}"
+    ""
 ], classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function(param) {
     var width = param.width;
     return width || 'auto';
 }, function(param) {
     var height = param.height;
     return height || 'auto';
-}, getAnimationStyles(), classes.enterCustomAnimation, popupClasses.root, function(param) {
-    var drawerAnimationInfo = param.drawerAnimationInfo;
-    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.enter) || "var(".concat(privateTokens.enterAnimation, ")");
-}, classes.exitCustomAnimation, popupClasses.endAnimation, popupClasses.root, function(param) {
-    var drawerAnimationInfo = param.drawerAnimationInfo;
-    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.exit) || "var(".concat(privateTokens.exitAnimation, ")");
-});
+}, getAnimationStyles());