@salutejs/plasma-new-hope 0.330.0-canary.1655.16067895478.0 → 0.330.0-canary.2050.16051901455.0

package/styled-components/cjs/components/NumberFormat/NumberFormat.js

@@ -10,6 +10,15 @@ Object.defineProperty(exports, "composeNumberFormat", {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _reactnumberformat = require("react-number-format");
+var _plasmacore = require("@salutejs/plasma-core");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -64,6 +73,33 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -106,28 +142,83 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    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);
+}
 var composeNumberFormat = function(InputComponent) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
-        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, disabled = _param.disabled, value = _param.value, onChange = _param.onChange, onPaste = _param.onPaste, rest = _object_without_properties(_param, [
             "thousandSeparator",
             "decimalScale",
             "decimalSeparator",
-            "onChange"
+            "disabled",
+            "value",
+            "onChange",
+            "onPaste"
         ]);
+        var inputRef = (0, _react.useRef)(null);
+        var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, outerRef);
+        var _useState = _sliced_to_array((0, _react.useState)(value ? (0, _reactnumberformat.numericFormatter)(String(value), {
+            thousandSeparator: thousandSeparator,
+            decimalScale: decimalScale,
+            decimalSeparator: decimalSeparator
+        }) : ''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
         var handleChangeValue = function(values, sourceInfo) {
             if (onChange) {
                 var changeEvent = sourceInfo.event;
+                setInnerValue(values.value);
                 onChange(changeEvent, values);
             }
         };
+        var handlePaste = function(event) {
+            if (disabled) {
+                return;
+            }
+            if (decimalSeparator !== '.' && inputRef.current) {
+                if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {
+                    event.preventDefault();
+                    var pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);
+                    var input = event.target;
+                    var startPos = input.selectionStart || 0;
+                    var newCursorPos = startPos + pastedValue.length;
+                    setInnerValue(pastedValue);
+                    setTimeout(function() {
+                        var _inputRef_current;
+                        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(newCursorPos, newCursorPos);
+                    }, 10);
+                }
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+        };
+        (0, _react.useEffect)(function() {
+            setInnerValue(value ? (0, _reactnumberformat.numericFormatter)(String(value), {
+                thousandSeparator: thousandSeparator,
+                decimalScale: decimalScale,
+                decimalSeparator: decimalSeparator
+            }) : '');
+        }, [
+            value
+        ]);
         return /*#__PURE__*/ _react.default.createElement(_reactnumberformat.NumericFormat, _object_spread({
+            value: innerValue,
             thousandSeparator: thousandSeparator,
             decimalScale: decimalScale,
             decimalSeparator: decimalSeparator,
             customInput: InputComponent,
-            getInputRef: outerRef,
+            getInputRef: inputForkRef,
             _textEllipsisDisable: true,
-            onValueChange: handleChangeValue
+            onValueChange: handleChangeValue,
+            onPaste: handlePaste
         }, rest));
     });
 };

package/styled-components/cjs/components/Popup/Popup.js

@@ -21,10 +21,8 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
-var _reresizable = require("re-resizable");
 var _utils = require("../../utils");
 var _Portal = require("../Portal");
-var _utils1 = require("./utils");
 var _PopupRoot = require("./PopupRoot");
 var _hooks = require("./hooks");
 var _Popuptokens = require("./Popup.tokens");
@@ -232,7 +230,7 @@ var popupRoot = function(Root) {
             0,
             0
         ] : _param_offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, children = _param.children, overlay = _param.overlay, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, _param_draggable = _param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
+        role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, rest = _object_without_properties(_param, [
             "id",
             "isOpen",
             "opened",
@@ -245,12 +243,8 @@ var popupRoot = function(Root) {
             "zIndex",
             "popupInfo",
             "withAnimation",
-            "className",
-            "draggable",
-            "handle",
-            "resizable"
+            "className"
         ]);
-        var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
         var innerIsOpen = isOpen || opened;
         var uniqId = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
@@ -263,10 +257,10 @@ var popupRoot = function(Root) {
         var portalRef = (0, _react.useRef)(null);
         var contentRef = (0, _react.useRef)(null);
         var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
-        var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
         if (!isVisible && !innerIsOpen) {
             return null;
         }
+        var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
         var rootNode = /*#__PURE__*/ _react.default.createElement(Root, {
             className: cls
         }, overlay, /*#__PURE__*/ _react.default.createElement(_PopupRoot.PopupRoot, _object_spread({
@@ -277,39 +271,7 @@ var popupRoot = function(Root) {
             frame: frame,
             animationInfo: animationInfo,
             setVisible: setVisible
-        }, rest), /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
-            enable: resizable && !resizable.disabled ? (0, _utils1.getResizeDirections)(resizable.directions) : false,
-            resizeRatio: (0, _utils1.getRatioBasedOnPlacement)(placement),
-            defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
-            minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
-            minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
-            maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
-            maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
-            handleComponent: {
-                topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
-                    className: _Popuptokens.classes.resizableTopRightIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
-                    className: _Popuptokens.classes.resizableBottomRightIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
-                    className: _Popuptokens.classes.resizableBottomLeftIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
-                    className: _Popuptokens.classes.resizableTopLeftIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                })
-            },
-            className: _Popuptokens.classes.resizableContainer,
-            handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
-        }, children)));
+        }, rest), children));
         if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
             return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
                 container: frame.current
@@ -336,7 +298,7 @@ var popupConfig = {
     name: 'Popup',
     tag: 'div',
     layout: popupRoot,
-    base: _Popupstyles.base,
+    base: '',
     variations: {},
     defaults: {}
 };

package/styled-components/cjs/components/Popup/Popup.styles.js

@@ -9,9 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get IconResizeDiagonalStyled () {
-        return IconResizeDiagonalStyled;
-    },
     get PopupRootContainer () {
         return PopupRootContainer;
     },
@@ -23,80 +20,36 @@ _export(exports, {
     },
     get StyledPortalContainer () {
         return StyledPortalContainer;
-    },
-    get base () {
-        return base;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _Icon = require("../_Icon");
-var _Popuptokens = require("./Popup.tokens");
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
 var _utils = require("./utils");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
 }
-var base = (0, _styledcomponents.css)([
-    ""
-]);
 var StyledPortal = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-53e4f17f-0"
+    componentId: "sc-9d33eb36-0"
 })([
     ""
 ]);
 var StyledPortalContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-53e4f17f-1"
+    componentId: "sc-9d33eb36-1"
 })([
     "width:0;"
 ]);
 var PopupView = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-53e4f17f-2"
+    componentId: "sc-9d33eb36-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 var PopupRootContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-53e4f17f-3"
+    componentId: "sc-9d33eb36-3"
 })([
     "position:",
     ";z-index:",
@@ -128,13 +81,3 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
     var position = param.position;
     return position.transform || '';
 });
-var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
-    displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-53e4f17f-4"
-})([
-    "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
-    "{transform:rotate(-90deg);}&.",
-    "{transform:rotate(0);}&.",
-    "{transform:rotate(90deg);}&.",
-    "{transform:rotate(180deg);}"
-], _Popuptokens.classes.resizableTopRightIcon, _Popuptokens.classes.resizableBottomRightIcon, _Popuptokens.classes.resizableBottomLeftIcon, _Popuptokens.classes.resizableTopLeftIcon);

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

@@ -13,10 +13,5 @@ var classes = {
      * Класс корневого компонента PopupRoot: `popup-base-root`
      */ root: 'popup-base-root',
     endAnimation: 'popup-end-animation',
-    endTransition: 'popup-end-transition',
-    resizableContainer: 'resizable-container',
-    resizableTopRightIcon: 'resizable-top-right-icon',
-    resizableBottomRightIcon: 'resizable-bottom-right-icon',
-    resizableBottomLeftIcon: 'resizable-bottom-left-icon',
-    resizableTopLeftIcon: 'resizable-top-left-icon'
+    endTransition: 'popup-end-transition'
 };

package/styled-components/cjs/components/Popup/utils/index.js

@@ -8,20 +8,4 @@ Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
         return DEFAULT_Z_INDEX;
     }
 });
-_export_star(require("./getRatioBasedOnPlacement"), exports);
-_export_star(require("./getResizeDirections"), exports);
-_export_star(require("./getHandleStyles"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
 var DEFAULT_Z_INDEX = '9000';

package/styled-components/cjs/components/TextField/TextField.js

@@ -196,7 +196,7 @@ var textFieldRoot = function(Root) {
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
-        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, // Пропсы для внутреннего использования, не отдается наружу.
+        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
         _forceChipManipulationWithReadonly = _param._forceChipManipulationWithReadonly, rest = _object_without_properties(_param, [
@@ -246,6 +246,7 @@ var textFieldRoot = function(Root) {
             "onKeyDown",
             "onFocus",
             "onBlur",
+            "onPaste",
             "_onEnterDisabled",
             "_forceChipManipulationWithReadonly"
         ]);
@@ -310,17 +311,6 @@ var textFieldRoot = function(Root) {
             var value = event.target.value;
             setHasValue(Boolean(value));
         };
-        (0, _react.useEffect)(function() {
-            if (hasTextAfter && inputRef.current) {
-                var textWidth = (0, _getInputWidth.getInputWidth)(inputRef.current, inputContainerRef.current);
-                inputRef.current.style.width = "".concat(textWidth, "px");
-            } else {
-                var _inputRef_current;
-                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.style.removeProperty('width');
-            }
-        }, [
-            hasTextAfter
-        ]);
         var handleFocus = function(event) {
             setHasFocus(true);
             onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
@@ -355,12 +345,31 @@ var textFieldRoot = function(Root) {
             if (maxLength !== -1 && value.length > maxLength) {
                 return;
             }
-            onChange === null || onChange === void 0 ? void 0 : onChange(event);
+            if (onChange) {
+                onChange(event);
+            }
             if (hasTextAfter) {
                 var textWidth = (0, _getInputWidth.getInputWidth)(event.currentTarget, inputContainerRef.current);
                 event.currentTarget.style.width = "".concat(textWidth, "px");
             }
         };
+        var handlePaste = function(event) {
+            if (disabled || readOnly) {
+                return;
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+            if (hasTextAfter) {
+                setTimeout(function() {
+                    if (!inputRef.current) {
+                        return;
+                    }
+                    var textWidth = (0, _getInputWidth.getInputWidth)(inputRef.current, inputContainerRef.current);
+                    inputRef.current.style.width = "".concat(textWidth, "px");
+                });
+            }
+        };
         var updateChips = function(newChips, newValues) {
             setChips(newChips);
             onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
@@ -401,6 +410,18 @@ var textFieldRoot = function(Root) {
                 onKeyDown(event);
             }
         };
+        (0, _react.useEffect)(function() {
+            if (hasTextAfter && inputRef.current) {
+                var textWidth = (0, _getInputWidth.getInputWidth)(inputRef.current, inputContainerRef.current);
+                inputRef.current.style.width = "".concat(textWidth, "px");
+            } else {
+                var _inputRef_current;
+                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.style.removeProperty('width');
+            }
+        }, [
+            hasTextAfter,
+            outerValue
+        ]);
         (0, _react.useEffect)(function() {
             if (!isChipEnumeration && !(values === null || values === void 0 ? void 0 : values.length)) {
                 return;
@@ -554,6 +575,7 @@ var textFieldRoot = function(Root) {
             onKeyDown: handleOnKeyDown,
             onFocus: handleFocus,
             onBlur: handleBlur,
+            onPaste: handlePaste,
             "data-tour": true
         }, rest)), hasInnerLabel && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.Label, {
             "data-root": true,

package/styled-components/cjs/components/_Icon/index.js

@@ -123,9 +123,6 @@ _export(exports, {
     get IconResetOutline () {
         return _IconResetOutline.IconResetOutline;
     },
-    get IconResizeDiagonal () {
-        return _IconResizeDiagonal.IconResizeDiagonal;
-    },
     get IconSaluteOutline16 () {
         return _IconSaluteOutline.IconSaluteOutline16;
     },
@@ -213,4 +210,3 @@ var _IconEditOutline = require("./Icons/IconEditOutline");
 var _IconResetOutline = require("./Icons/IconResetOutline");
 var _IconDoneCircleOutline = require("./Icons/IconDoneCircleOutline");
 var _IconTrash = require("./Icons/IconTrash");
-var _IconResizeDiagonal = require("./Icons/IconResizeDiagonal");

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

@@ -66,7 +66,7 @@ import { classes, tokens } from "./Modal.tokens";
 import { useModal } from "./hooks";
 import { base as viewCSS } from "./variations/_view/base";
 import { getIdLastModal } from "./ModalContext";
-import { CloseButton, ModalBody, ModalContent, base } from "./Modal.styles";
+import { CloseButton, ModalBody, ModalContent } from "./Modal.styles";
 // issue #823
 var Popup = component(popupConfig);
 /**
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
  */ export var modalRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, draggable = _param.draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -92,16 +92,12 @@ var Popup = component(popupConfig);
             "opened",
             "isOpen",
             "hasBody",
-            "hasClose",
-            "draggable",
-            "handle",
-            "resizable"
+            "hasClose"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
         var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
         var popupController = usePopupContext();
-        var isResizableEnabled = Boolean(resizable && !resizable.disabled);
         var innerRef = useForkRef(trapRef, outerRootRef);
         var uniqId = safeUseId();
         var innerId = id || uniqId;
@@ -151,15 +147,10 @@ var Popup = component(popupConfig);
             zIndex: zIndex,
             overlay: hasBody ? overlayNode : /*#__PURE__*/ React.createElement(Root, {
                 view: view
-            }, overlayNode),
-            draggable: draggable,
-            handle: handle,
-            resizable: resizable
+            }, overlayNode)
         }, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
             view: view
-        }, /*#__PURE__*/ React.createElement(ModalBody, {
-            isResizableEnabled: isResizableEnabled
-        }, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
+        }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
             onClick: onClose,
             "data-test": "modal-close"
         }, /*#__PURE__*/ React.createElement(IconClose, {
@@ -172,7 +163,7 @@ export var modalConfig = {
     name: 'Modal',
     tag: 'div',
     layout: modalRoot,
-    base: base,
+    base: '',
     variations: {
         view: {
             css: viewCSS

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

@@ -1,29 +1,25 @@
 import styled from "styled-components";
-import { css } from "styled-components";
 import { addFocus } from "../../mixins";
 import { tokens } from "./Modal.tokens";
-export var base = css([
-    "height:100%;"
-]);
 export var ModalBody = styled.div.withConfig({
     displayName: "Modal.styles__ModalBody",
-    componentId: "sc-aa09e41b-0"
+    componentId: "sc-65f5e73a-0"
 })([
-    "height:100%;box-sizing:border-box;border-radius:var(",
+    "border-radius:var(",
     ");padding:var(",
     ");background:var(",
     ");box-shadow:var(--shadow-down-soft-l);"
 ], tokens.modalBodyBorderRadius, tokens.modalBodyPadding, tokens.modalBodyBackground);
 export var ModalContent = styled.div.withConfig({
     displayName: "Modal.styles__ModalContent",
-    componentId: "sc-aa09e41b-1"
+    componentId: "sc-65f5e73a-1"
 })([
     "position:relative;padding:var(",
     ");"
 ], tokens.modalContentPadding);
 export var CloseButton = styled.button.withConfig({
     displayName: "Modal.styles__CloseButton",
-    componentId: "sc-aa09e41b-2"
+    componentId: "sc-65f5e73a-2"
 })([
     "top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
     ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",