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

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

@@ -128,7 +128,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var drawerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.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",
@@ -154,8 +154,7 @@ var drawerRoot = function(Root) {
             "placement",
             "closeOnEsc",
             "closeOnOverlayClick",
-            "asModal",
-            "draggable"
+            "asModal"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);

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, 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",
@@ -148,9 +148,7 @@ var modalRoot = function(Root) {
             "opened",
             "isOpen",
             "hasBody",
-            "hasClose",
-            "resizable",
-            "draggable"
+            "hasClose"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
@@ -205,9 +203,7 @@ var modalRoot = function(Root) {
             zIndex: zIndex,
             overlay: hasBody ? overlayNode : /*#__PURE__*/ _react.default.createElement(Root, {
                 view: view
-            }, overlayNode),
-            draggable: draggable,
-            resizable: resizable
+            }, overlayNode)
         }, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
             view: view
         }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
@@ -223,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-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);"
 ], _Modaltokens.tokens.modalBodyBorderRadius, _Modaltokens.tokens.modalBodyPadding, _Modaltokens.tokens.modalBodyBackground);
 var ModalContent = _styledcomponents.default.div.withConfig({
     displayName: "Modal.styles__ModalContent",
-    componentId: "sc-96885df7-1"
+    componentId: "sc-65f5e73a-1"
 })([
     "position:relative;padding:var(",
     ");"
 ], _Modaltokens.tokens.modalContentPadding);
 var CloseButton = _styledcomponents.default.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/cjs/components/Popup/Popup.js

@@ -21,11 +21,8 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
-var _reactdraggable = /*#__PURE__*/ _interop_require_default(require("react-draggable"));
-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");
@@ -51,11 +48,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -238,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, 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",
@@ -251,15 +243,9 @@ var popupRoot = function(Root) {
             "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 = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
         var _usePopup = (0, _hooks.usePopup)({
@@ -270,7 +256,6 @@ var popupRoot = function(Root) {
         }), isVisible = _usePopup.isVisible, animationInfo = _usePopup.animationInfo, setVisible = _usePopup.setVisible, rootId = _usePopup.rootId;
         var portalRef = (0, _react.useRef)(null);
         var contentRef = (0, _react.useRef)(null);
-        var resizableContainer = (0, _react.useRef)(null);
         var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
         if (!isVisible && !innerIsOpen) {
             return null;
@@ -286,56 +271,7 @@ var popupRoot = function(Root) {
             frame: frame,
             animationInfo: animationInfo,
             setVisible: setVisible
-        }, rest), /*#__PURE__*/ _react.default.createElement(_reactdraggable.default, {
-            defaultClassName: draggable ? _Popuptokens.classes.draggablePopupWrapper : undefined,
-            defaultClassNameDragging: draggable ? _Popuptokens.classes.draggingPopupWrapper : undefined,
-            disabled: !draggable,
-            cancel: ".".concat(_Popuptokens.classes.resizableHandleWrapper)
-        }, /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
-            ref: resizableContainer,
-            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,
-            onResizeStart: function() {
-                if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
-                    resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
-                }
-            },
-            onResizeStop: function() {
-                if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
-                    resizableContainer.current.resizable.classList.toggle(_Popuptokens.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.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),
-            handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
-        }, children))));
+        }, rest), children));
         if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
             return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
                 container: frame.current
@@ -362,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,83 +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)([
-    ".",
-    "{cursor:grab;}.",
-    "{cursor:grabbing;}.",
-    "{user-select:none;-webkit-user-select:none;}"
-], _Popuptokens.classes.draggablePopupWrapper, _Popuptokens.classes.draggingPopupWrapper, _Popuptokens.classes.resizableContainerNoSelect);
 var StyledPortal = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-e8036c4-0"
+    componentId: "sc-9d33eb36-0"
 })([
     ""
 ]);
 var StyledPortalContainer = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-e8036c4-1"
+    componentId: "sc-9d33eb36-1"
 })([
     "width:0;"
 ]);
 var PopupView = _styledcomponents.default.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-e8036c4-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-e8036c4-3"
+    componentId: "sc-9d33eb36-3"
 })([
     "position:",
     ";z-index:",
@@ -131,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-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);}"
-], _Popuptokens.classes.resizableTopRightIcon, _Popuptokens.classes.resizableBottomRightIcon, _Popuptokens.classes.resizableBottomLeftIcon, _Popuptokens.classes.resizableTopLeftIcon);

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

@@ -13,14 +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',
-    resizableHandleWrapper: 'resizable-handle-wrapper',
-    resizableContainerNoSelect: 'resizable-container-no-select',
-    draggablePopupWrapper: 'draggable-popup-wrapper',
-    draggingPopupWrapper: 'dragging-popup-wrapper'
+    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/TextArea/TextArea.js

@@ -190,7 +190,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers, hasHeaderSlot = _TextAreatokens.classes.hasHeaderSlot, styledContentWrapper = _TextAreatokens.classes.styledContentWrapper;
+var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers;
 var optionalText = 'optional';
 var base = (0, _styledcomponents.css)([
     "",
@@ -223,11 +223,10 @@ var getDynamicLabelClasses = function(props, focused) {
 };
 var textAreaRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, innerRef) {
-        var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
+        var helperText = props.helperText, status = props.status, resize = props.resize, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
             "helperText",
             "status",
             "resize",
-            "headerSlot",
             "rightHelper",
             "leftHelper",
             "leftHelperPlacement",
@@ -291,7 +290,6 @@ var textAreaRoot = function(Root) {
         var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
         var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
         var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
-        var hasHeader = Boolean(headerSlot) && !clear;
         var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
         var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
         var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
@@ -428,20 +426,10 @@ var textAreaRoot = function(Root) {
             handleHintHide: handleHintHide,
             handleHintClick: handleHintClick,
             isInnerLabel: true
-        }))), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextAreaWrapper, {
-            className: (0, _utils.cx)(styledTextAreaWrapper, hasHeader && hasHeaderSlot),
-            hasHelper: hasHelper,
-            hasHeader: hasHeader
-        }, headerSlot && !clear && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledHeaderSlot, null, headerSlot), contentRight && !hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight), hasHeader && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContentWrapper, {
-            className: styledContentWrapper,
-            hasHeader: hasHeader
-        }, contentRight && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, {
-            hasHeader: hasHeader
-        }, contentRight), headerSlot && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
-            hasContentRight: Boolean(contentRight),
-            className: styledPlaceholder,
-            htmlFor: id
-        }, placeholderLabel, !hasOuterLabel && optionalTextNode)), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextArea, _object_spread({
+        }))), contentRight && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledContent, null, contentRight), /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextAreaWrapper, {
+            className: (0, _utils.cx)(styledTextAreaWrapper),
+            hasHelper: hasHelper
+        }, /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledTextArea, _object_spread({
             className: (0, _utils.cx)(styledTextArea, hasRightContentClass),
             id: id,
             hasContentRight: Boolean(contentRight),
@@ -473,7 +461,7 @@ var textAreaRoot = function(Root) {
             id: textareaHelperId
         }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledRightHelper, {
             "data-root": true
-        }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
+        }, rightHelper)), placeholderLabel && /*#__PURE__*/ _react.default.createElement(_TextAreastyles.StyledPlaceholder, {
             hasContentRight: Boolean(contentRight),
             className: styledPlaceholder,
             htmlFor: id