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

package/emotion/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/emotion/es/components/Attach/Attach.styles.js

@@ -1,28 +1,19 @@
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
-import { applyEllipsis } from "../../mixins";
-export var base = /*#__PURE__*/ css("position:relative;display:flex;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIn0= */");
+export var base = /*#__PURE__*/ css("position:relative;display:flex;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdvQiJ9 */");
 export var StyledHiddenInput = /*#__PURE__*/ styled("input", {
-    target: "exbp6ag0",
+    target: "e103vwl10",
     label: "StyledHiddenInput"
-})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2lDIn0= */");
+})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyJ9 */");
+export var StyledHiddenInputHelper = /*#__PURE__*/ styled("div", {
+    target: "e103vwl11",
+    label: "StyledHiddenInputHelper"
+})("position:absolute;visibility:hidden;white-space:nowrap;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyJ9 */");
 export var StyledAttachButtonWrapper = /*#__PURE__*/ styled("div", {
-    target: "exbp6ag1",
+    target: "e103vwl12",
     label: "StyledAttachButtonWrapper"
-})("position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIn0= */");
+})("position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUMifQ== */");
 export var StyledHelperText = /*#__PURE__*/ styled("div", {
-    target: "exbp6ag2",
+    target: "e103vwl13",
     label: "StyledHelperText"
-})("position:absolute;margin-top:0.25rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQyJ9 */");
-export var FilenameWrapper = /*#__PURE__*/ styled("div", {
-    target: "exbp6ag3",
-    label: "FilenameWrapper"
-})("display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IrQiJ9 */");
-export var TruncatedFilenamePart = /*#__PURE__*/ styled("span", {
-    target: "exbp6ag4",
-    label: "TruncatedFilenamePart"
-})(applyEllipsis(), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJxQyJ9 */");
-export var FilenameExtensionPart = /*#__PURE__*/ styled("span", {
-    target: "exbp6ag5",
-    label: "FilenameExtensionPart"
-})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNxQyJ9 */");
+})("position:absolute;margin-top:0.25rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MifQ== */");

package/emotion/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/emotion/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/emotion/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/emotion/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/emotion/es/components/Attach/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { tokens, classes } from "../../Attach.tokens";
-import { FilenameWrapper, StyledHelperText } from "../../Attach.styles";
-export var base = /*#__PURE__*/ css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");}&.", classes.withHelperText, "{row-gap:var(", tokens.verticalGapWithHelperText, ");}", FilenameWrapper, "{font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");height:var(", tokens.filenameWrapperHeight, ");}", StyledHelperText, "{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);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IEZpbGVuYW1lV3JhcHBlciwgU3R5bGVkSGVscGVyVGV4dCB9IGZyb20gJy4uLy4uL0F0dGFjaC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5ob3Jpem9udGFsfSB7XG4gICAgICAgIGNvbHVtbi1nYXA6IHZhcigke3Rva2Vucy5ob3Jpem9udGFsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYXV0b30ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXB9KTtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy53aXRoSGVscGVyVGV4dH0ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXBXaXRoSGVscGVyVGV4dH0pO1xuICAgIH1cblxuICAgICR7RmlsZW5hbWVXcmFwcGVyfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZmlsZW5hbWVXcmFwcGVySGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRIZWxwZXJUZXh0fSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgfVxufVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+import { StyledHelperText, StyledHiddenInputHelper } from "../../Attach.styles";
+export var base = /*#__PURE__*/ css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");}&.", classes.withHelperText, "{row-gap:var(", tokens.verticalGapWithHelperText, ");}", StyledHiddenInputHelper, "{font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");}", StyledHelperText, "{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);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZEhlbHBlclRleHQsIFN0eWxlZEhpZGRlbklucHV0SGVscGVyIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hdXRvfSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcH0pO1xuICAgICAgICBjb2x1bW4tZ2FwOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLndpdGhIZWxwZXJUZXh0fSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcFdpdGhIZWxwZXJUZXh0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRIaWRkZW5JbnB1dEhlbHBlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlTGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkSGVscGVyVGV4dH0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGluZS1oZWlnaHQpO1xuICAgIH1cbn1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");

package/emotion/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/emotion/es/components/Drawer/Drawer.styles.js

@@ -2,7 +2,7 @@ import styled from "@emotion/styled";
 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);
@@ -58,11 +58,11 @@ var getAnimationStyles = function() {
     }, '');
 };
 export var StyledPanel = /*#__PURE__*/ styled(Panel, {
-    target: "encu7410",
+    target: "esjpvmp0",
     label: "StyledPanel"
-})(panelTokens.closeColor, ":var(", tokens.closeIconColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyQW5pbWF0aW9uSW5mbywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgICBkcmF3ZXJBbmltYXRpb25JbmZvPzogRHJhd2VyQW5pbWF0aW9uSW5mbztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5cbiAgICAmLiR7Y2xhc3Nlcy5lbnRlckN1c3RvbUFuaW1hdGlvbn0ge1xuICAgICAgICAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAkeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5lbnRlciB8fCBgdmFyKCR7cHJpdmF0ZVRva2Vucy5lbnRlckFuaW1hdGlvbn0pYH07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5leGl0Q3VzdG9tQW5pbWF0aW9ufSB7XG4gICAgICAgICYmLiR7cG9wdXBDbGFzc2VzLmVuZEFuaW1hdGlvbn0gLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjokeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5leGl0IHx8IGB2YXIoJHtwcml2YXRlVG9rZW5zLmV4aXRBbmltYXRpb259KWB9O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRzJCIn0= */");
+})(panelTokens.closeColor, ":var(", tokens.closeIconColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HMkIifQ== */");
 export var StyledPopup = /*#__PURE__*/ styled(Popup, {
-    target: "encu7411",
+    target: "esjpvmp1",
     label: "StyledPopup"
 })("&&.", classes.overlay, "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.", popupClasses.endAnimation, " .", classes.overlay, "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", popupClasses.root, ",&& .", popupClasses.root, " > div{width:", function(param) {
     var width = param.width;
@@ -70,10 +70,4 @@ export var StyledPopup = /*#__PURE__*/ styled(Popup, {
 }, ";height:", function(param) {
     var height = param.height;
     return height || 'auto';
-}, ";}", getAnimationStyles(), "    &.", classes.enterCustomAnimation, "{&& .", popupClasses.root, "{animation:", 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, "{animation:", function(param) {
-    var drawerAnimationInfo = param.drawerAnimationInfo;
-    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.exit) || "var(".concat(privateTokens.exitAnimation, ")");
-}, ";}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyQW5pbWF0aW9uSW5mbywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgICBkcmF3ZXJBbmltYXRpb25JbmZvPzogRHJhd2VyQW5pbWF0aW9uSW5mbztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5cbiAgICAmLiR7Y2xhc3Nlcy5lbnRlckN1c3RvbUFuaW1hdGlvbn0ge1xuICAgICAgICAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAkeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5lbnRlciB8fCBgdmFyKCR7cHJpdmF0ZVRva2Vucy5lbnRlckFuaW1hdGlvbn0pYH07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5leGl0Q3VzdG9tQW5pbWF0aW9ufSB7XG4gICAgICAgICYmLiR7cG9wdXBDbGFzc2VzLmVuZEFuaW1hdGlvbn0gLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjokeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5leGl0IHx8IGB2YXIoJHtwcml2YXRlVG9rZW5zLmV4aXRBbmltYXRpb259KWB9O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RzJCIn0= */");
+}, ";}", getAnimationStyles(), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHMkIifQ== */");

package/emotion/es/components/Drawer/Drawer.tokens.js

@@ -3,9 +3,6 @@ export var classes = {
     header: 'drawer-header',
     footer: 'drawer-footer',
     overlay: 'drawer-overlay',
-    panel: 'drawer-panel',
-    enterCustomAnimation: 'drawer-enter-custom-animation',
-    exitCustomAnimation: 'drawer-exit-custom-animation',
     horizontal: 'drawer-horizontal',
     hasHeader: 'drawer-has-header',
     isRightClose: 'drawer-right-close-button',
@@ -14,12 +11,6 @@ export var classes = {
     rightPlacement: 'drawer-right-placement',
     leftPlacement: 'drawer-left-placement'
 };
-export var privateTokens = {
-    enterAnimation: '--plasma__private-drawer-enter-animation',
-    exitAnimation: '--plasma__private-drawer-exit-animation',
-    customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
-    customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
-};
 export var tokens = {
     drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
     drawerOverlayColor: '--plasma-drawer-overlay-color',

package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -56,30 +56,27 @@ function _object_without_properties_loose(source, excluded) {
 import React, { forwardRef } from "react";
 import { getRoundness, getSkeletonColor } from "../../../mixins";
 import { base as sizeCSS } from "./variations/_size/base";
-import { base as viewCSS } from "./variations/_view/base";
 import { StyledVisibleLine, base } from "./LineSkeleton.styles";
 /**
  * Копонент-составляющая Скелетона
  */ export var lineSkeletonRoot = function(Root) {
     return /*#__PURE__*/ 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 = getRoundness({
             roundness: roundness
         });
-        var skeletonGradientColor = lighter ? getSkeletonColor({
+        var skeletonGradientColor = getSkeletonColor({
             lighter: lighter,
             customGradientColor: customGradientColor
-        }) : undefined;
+        });
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: outerRootRef,
-            size: size,
-            view: view
+            size: size
         }, rest), /*#__PURE__*/ React.createElement(StyledVisibleLine, {
             roundness: roundnessValue,
             gradientColor: skeletonGradientColor
@@ -94,9 +91,6 @@ export var lineSkeletonConfig = {
     variations: {
         size: {
             css: sizeCSS
-        },
-        view: {
-            css: viewCSS
         }
     },
     defaults: {}

package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -1,15 +1,14 @@
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { applyRoundness, applySkeletonGradient } from "../../../mixins";
-import { tokens } from "../tokens";
-export var base = /*#__PURE__*/ css("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW9CIn0= */");
+export var base = /*#__PURE__*/ css("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vQiJ9 */");
 export var StyledVisibleLine = /*#__PURE__*/ styled("div", {
-    target: "e4hwyxn0",
+    target: "e9r372l0",
     label: "StyledVisibleLine"
 })("position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:", function(param) {
     var roundness = param.roundness;
     return roundness;
 }, ";", applyRoundness('var(--plasma_private-line-skeleton-roundness)'), ";--plasma_private-line-skeleton-gradient:", function(param) {
     var gradientColor = param.gradientColor;
-    return gradientColor || "var(".concat(tokens.gradientColor, ")");
-}, ";", applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIn0= */");
+    return gradientColor;
+}, ";", applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyJ9 */");

package/emotion/es/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -1,2 +1,4 @@
 import { css } from "@emotion/react";
-export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");
+import { StyledVisibleLine } from "../../LineSkeleton.styles";
+import { tokens } from "../../../tokens";
+export var base = /*#__PURE__*/ css("height:var(", tokens.lineHeight, ");& ", StyledVisibleLine, "{height:var(", tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

package/emotion/es/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -147,14 +147,13 @@ var variousWidth = [
  * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).
  */ export 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(useState(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
         var _useState1 = _sliced_to_array(useState([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -192,7 +191,6 @@ var variousWidth = [
             return /*#__PURE__*/ React.createElement(ComponentSkeleton, {
                 key: "line:".concat(i),
                 size: size,
-                view: view,
                 roundness: roundness,
                 customGradientColor: customGradientColor,
                 lighter: lighter,

package/emotion/es/components/Skeleton/tokens.js

@@ -1,5 +1,4 @@
 export var tokens = {
     lineHeight: '--plasma-skeleton-line-height',
-    visibleLineHeight: '--plasma-skeleton-visible-line-height',
-    gradientColor: '--plasma-skeleton-gradient-color'
+    visibleLineHeight: '--plasma-skeleton-visible-line-height'
 };