@salutejs/plasma-new-hope 0.330.0-canary.1655.16198986399.0 → 0.330.0-canary.2009.16162480074.0

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

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

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

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

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

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

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/Drawer/Drawer.js

@@ -70,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, 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, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -96,8 +96,7 @@ export var drawerRoot = function(Root) {
             "placement",
             "closeOnEsc",
             "closeOnOverlayClick",
-            "asModal",
-            "draggable"
+            "asModal"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);

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, resizable = _param.resizable, draggable = _param.draggable, 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,9 +92,7 @@ var Popup = component(popupConfig);
             "opened",
             "isOpen",
             "hasBody",
-            "hasClose",
-            "resizable",
-            "draggable"
+            "hasClose"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
@@ -149,9 +147,7 @@ var Popup = component(popupConfig);
             zIndex: zIndex,
             overlay: hasBody ? overlayNode : /*#__PURE__*/ React.createElement(Root, {
                 view: view
-            }, overlayNode),
-            draggable: draggable,
-            resizable: resizable
+            }, overlayNode)
         }, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
             view: view
         }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
@@ -167,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-96885df7-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-96885df7-1"
+    componentId: "sc-65f5e73a-1"
 })([
     "position:relative;padding:var(",
     ");"
 ], tokens.modalContentPadding);
 export var CloseButton = styled.button.withConfig({
     displayName: "Modal.styles__CloseButton",
-    componentId: "sc-96885df7-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/es/components/Popup/Popup.js

@@ -101,15 +101,12 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useRef } from "react";
 import { useForkRef } from "@salutejs/plasma-core";
-import Draggable from "react-draggable";
-import { Resizable } from "re-resizable";
 import { canUseDOM, cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
-import { getRatioBasedOnPlacement, getResizeDirections, getHandleStyles } from "./utils";
 import { PopupRoot } from "./PopupRoot";
 import { usePopup } from "./hooks";
 import { classes } from "./Popup.tokens";
-import { StyledPortalContainer, base, IconResizeDiagonalStyled } from "./Popup.styles";
+import { StyledPortalContainer } from "./Popup.styles";
 export var handlePosition = function(placement, offset) {
     var x = '0rem';
     var y = '0rem';
@@ -173,7 +170,7 @@ export var handlePosition = function(placement, offset) {
             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, draggable = _param.draggable, outerResizable = _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",
@@ -186,15 +183,9 @@ export var handlePosition = function(placement, offset) {
             "zIndex",
             "popupInfo",
             "withAnimation",
-            "className",
-            "draggable",
-            "resizable"
+            "className"
         ]);
-        var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
         var innerIsOpen = isOpen || opened;
-        var resizable = typeof outerResizable === 'boolean' ? {
-            disabled: !outerResizable
-        } : outerResizable;
         var uniqId = safeUseId();
         var innerId = id || uniqId;
         var _usePopup = usePopup({
@@ -205,7 +196,6 @@ export var handlePosition = function(placement, offset) {
         }), isVisible = _usePopup.isVisible, animationInfo = _usePopup.animationInfo, setVisible = _usePopup.setVisible, rootId = _usePopup.rootId;
         var portalRef = useRef(null);
         var contentRef = useRef(null);
-        var resizableContainer = useRef(null);
         var innerRef = useForkRef(contentRef, outerRootRef);
         if (!isVisible && !innerIsOpen) {
             return null;
@@ -221,56 +211,7 @@ export var handlePosition = function(placement, offset) {
             frame: frame,
             animationInfo: animationInfo,
             setVisible: setVisible
-        }, rest), /*#__PURE__*/ React.createElement(Draggable, {
-            defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
-            defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
-            disabled: !draggable,
-            cancel: ".".concat(classes.resizableHandleWrapper)
-        }, /*#__PURE__*/ React.createElement(Resizable, {
-            ref: resizableContainer,
-            enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
-            resizeRatio: 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,
-            onResizeStart: function() {
-                if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
-                    resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
-                }
-            },
-            onResizeStop: function() {
-                if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
-                    resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
-                }
-            },
-            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.createElement(IconResizeDiagonalStyled, {
-                    className: 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.createElement(IconResizeDiagonalStyled, {
-                    className: 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.createElement(IconResizeDiagonalStyled, {
-                    className: 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.createElement(IconResizeDiagonalStyled, {
-                    className: classes.resizableTopLeftIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                })
-            },
-            className: classes.resizableContainer,
-            handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
-            handleWrapperClass: classes.resizableHandleWrapper
-        }, children))));
+        }, rest), children));
         if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
             return /*#__PURE__*/ React.createElement(Portal, {
                 container: frame.current
@@ -297,7 +238,7 @@ export var popupConfig = {
     name: 'Popup',
     tag: 'div',
     layout: popupRoot,
-    base: base,
+    base: '',
     variations: {},
     defaults: {}
 };

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

@@ -1,35 +1,26 @@
 import styled from "styled-components";
-import { css } from "styled-components";
-import { IconResizeDiagonal } from "../_Icon";
-import { classes } from "./Popup.tokens";
 import { DEFAULT_Z_INDEX } from "./utils";
-export var base = css([
-    ".",
-    "{cursor:grab;}.",
-    "{cursor:grabbing;}.",
-    "{user-select:none;-webkit-user-select:none;}"
-], classes.draggablePopupWrapper, classes.draggingPopupWrapper, classes.resizableContainerNoSelect);
 export var StyledPortal = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-e8036c4-0"
+    componentId: "sc-9d33eb36-0"
 })([
     ""
 ]);
 export var StyledPortalContainer = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-e8036c4-1"
+    componentId: "sc-9d33eb36-1"
 })([
     "width:0;"
 ]);
 export var PopupView = styled.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-e8036c4-2"
+    componentId: "sc-9d33eb36-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 export var PopupRootContainer = styled.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-e8036c4-3"
+    componentId: "sc-9d33eb36-3"
 })([
     "position:",
     ";z-index:",
@@ -61,13 +52,3 @@ export var PopupRootContainer = styled.div.withConfig({
     var position = param.position;
     return position.transform || '';
 });
-export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
-    displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-e8036c4-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);}"
-], classes.resizableTopRightIcon, classes.resizableBottomRightIcon, classes.resizableBottomLeftIcon, classes.resizableTopLeftIcon);

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

@@ -3,14 +3,5 @@ export 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',
-    resizableHandleWrapper: 'resizable-handle-wrapper',
-    resizableContainerNoSelect: 'resizable-container-no-select',
-    draggablePopupWrapper: 'draggable-popup-wrapper',
-    draggingPopupWrapper: 'dragging-popup-wrapper'
+    endTransition: 'popup-end-transition'
 };

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

@@ -1,4 +1 @@
-export * from "./getRatioBasedOnPlacement";
-export * from "./getResizeDirections";
-export * from "./getHandleStyles";
 export var DEFAULT_Z_INDEX = '9000';