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

package/es/index.css

@@ -346,16 +346,13 @@
 .Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
 
 
+.Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
+.Popup_styles_gq4luz_p5u7tqa__bb610b96{position:relative;max-width:100%;pointer-events:all;}
+.Popup_styles_gq4luz_p1f40oul__bb610b96{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
 
-.Popup_styles_sejy82_s5u7tqa__dfce5444{width:0;}
-.Popup_styles_sejy82_p1f40oul__dfce5444{position:relative;max-width:100%;pointer-events:all;}
-.Popup_styles_sejy82_p1ug7bn2__dfce5444{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
-.Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
-
-.Modal_styles_1obtvtw_b7npn1w__a2f4e50d{height:100%;}
-.Modal_styles_1obtvtw_m16phoaz__a2f4e50d{height:100%;box-sizing:border-box;border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
-.Modal_styles_1obtvtw_m5bx5hr__a2f4e50d{position:relative;padding:var(--plasma-modal-content-padding);}
-.Modal_styles_1obtvtw_cjp242v__a2f4e50d{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d.Modal_styles_1obtvtw_focusVisible__a2f4e50d:focus::before,.Modal_styles_1obtvtw_cjp242v__a2f4e50d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:active{color:var(--plasma-modal-close-button-active-color);}
+.Modal_styles_1gt0sfn_m7npn1w__75045114{border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
+.Modal_styles_1gt0sfn_m16phoaz__75045114{position:relative;padding:var(--plasma-modal-content-padding);}
+.Modal_styles_1gt0sfn_c5bx5hr__75045114{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1gt0sfn_c5bx5hr__75045114::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1gt0sfn_c5bx5hr__75045114.Modal_styles_1gt0sfn_focusVisible__75045114:focus::before,.Modal_styles_1gt0sfn_c5bx5hr__75045114[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:active{color:var(--plasma-modal-close-button-active-color);}
 
 .NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.330.0-canary.1655.16067895478.0",
+  "version": "0.330.0-canary.2009.16048670450.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,7 +128,6 @@
     "lodash.throttle": "4.1.1",
     "rc-tree": "5.11.0",
     "rc-virtual-list": "3.18.1",
-    "re-resizable": "6.10.3",
     "react-draggable": "4.4.3",
     "react-hot-toast": "2.5.2",
     "react-number-format": "5.4.3",
@@ -138,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "1d9ab9e2d6bde2bb8ba4c8c2be6eda3dc4cc9ee4"
+  "gitHead": "a40615dc08ec082ce36de8719039cb3a6eb22429"
 }

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

@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
 var Popup = (0, _engines.component)(_Popup.popupConfig);
 var modalRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.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",
@@ -148,16 +148,12 @@ var modalRoot = function(Root) {
             "opened",
             "isOpen",
             "hasBody",
-            "hasClose",
-            "draggable",
-            "handle",
-            "resizable"
+            "hasClose"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
         var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
         var popupController = (0, _Popup.usePopupContext)();
-        var isResizableEnabled = Boolean(resizable && !resizable.disabled);
         var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
         var uniqId = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
@@ -207,15 +203,10 @@ var modalRoot = function(Root) {
             zIndex: zIndex,
             overlay: hasBody ? overlayNode : /*#__PURE__*/ _react.default.createElement(Root, {
                 view: view
-            }, overlayNode),
-            draggable: draggable,
-            handle: handle,
-            resizable: resizable
+            }, overlayNode)
         }, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
             view: view
-        }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, {
-            isResizableEnabled: isResizableEnabled
-        }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
+        }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
             onClick: onClose,
             "data-test": "modal-close"
         }, /*#__PURE__*/ _react.default.createElement(_IconClose.IconClose, {
@@ -228,7 +219,7 @@ var modalConfig = {
     name: 'Modal',
     tag: 'div',
     layout: modalRoot,
-    base: _Modalstyles.base,
+    base: '',
     variations: {
         view: {
             css: _base.base

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

@@ -17,77 +17,35 @@ _export(exports, {
     },
     get ModalContent () {
         return ModalContent;
-    },
-    get base () {
-        return base;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
 var _mixins = require("../../mixins");
 var _Modaltokens = require("./Modal.tokens");
-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)([
-    "height:100%;"
-]);
 var ModalBody = _styledcomponents.default.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);"
 ], _Modaltokens.tokens.modalBodyBorderRadius, _Modaltokens.tokens.modalBodyPadding, _Modaltokens.tokens.modalBodyBackground);
 var ModalContent = _styledcomponents.default.div.withConfig({
     displayName: "Modal.styles__ModalContent",
-    componentId: "sc-aa09e41b-1"
+    componentId: "sc-65f5e73a-1"
 })([
     "position:relative;padding:var(",
     ");"
 ], _Modaltokens.tokens.modalContentPadding);
 var CloseButton = _styledcomponents.default.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;",

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/_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;",