@salutejs/plasma-new-hope 0.122.2-canary.1325.10451993973.0 → 0.123.0-canary.1335.10453184032.0

package/emotion/cjs/components/Drawer/Drawer.template-doc.mdx

@@ -33,8 +33,8 @@ Drawer можно использовать как и на всем окне, т
 Также это свойство поддерживает передачу id элемента, в котором будет использоваться компонент.
 Само позиционирование можно указать с помощью свойства `placement`(left - по умолчанию, right, top, bottom),
 а также определить отступы от точки с помощью `offset`.
- 
-У компонента Drawer есть 2 режима отображения: 
+
+У компонента Drawer есть 2 режима отображения:
 - модальный - добавляет при этом подложку(`overlay`), а также блокирует scroll и фокус;
 - немодальный - нет подложки, scroll и фокус не заблокированы.
 
@@ -56,16 +56,16 @@ export function App() {
             <PopupProvider>
                 <div style=\{{height: "500px"}}>
                     <div style=\{{ display: "flex", flexDirection: "column" }}>
-                        <Button 
-                            text="Открыть в document" 
+                        <Button
+                            text="Открыть в document"
                             onClick={() => setIsOpenA(true)}
                             style=\{{
                                 marginTop: "1rem",
                                 width: "15rem"
                             }}
                         />
-                        <Button 
-                            text="Открыть во Frame" 
+                        <Button
+                            text="Открыть во Frame"
                             onClick={() => setIsOpenB(true)}
                             style=\{{
                                 marginTop: "1rem",
@@ -75,7 +75,7 @@ export function App() {
                     </div>
                     <Drawer
                         id="drawerA"
-                        isOpen={isOpenA} 
+                        opened={isOpenA}
                         onClose={() => setIsOpenA(false)}
                         placement="right"
                         withBlur={false}
@@ -103,13 +103,13 @@ export function App() {
                             </DrawerHeader>
 
                             <DrawerContent>Content</DrawerContent>
-                            
+
                             <DrawerFooter>
                                 <H3>Footer</H3>
                             </DrawerFooter>
                         </Drawer>
-                    <div 
-                        ref={ref} 
+                    <div
+                        ref={ref}
                         style=\{{
                             marginTop: "1rem",
                             width: "400px",
@@ -128,10 +128,10 @@ export function App() {
                     >
                         <>Frame</>
                     </div>
-                    
+
                     <Drawer
                         id="drawerB"
-                        isOpen={isOpenB} 
+                        opened={isOpenB}
                         onClose={() => setIsOpenB(false)}
                         placement="right"
                         asModal={false}
@@ -157,7 +157,7 @@ export function App() {
                             </DrawerHeader>
 
                             <DrawerContent>Content</DrawerContent>
-                            
+
                             <DrawerFooter>
                                 <H3>Footer</H3>
                             </DrawerFooter>

package/emotion/cjs/components/Dropdown/Dropdown.js

@@ -115,7 +115,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
     };
     return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
-      isOpen: isCurrentListOpen,
+      opened: isCurrentListOpen,
       onToggle: handleGlobalToggle,
       offset: offset,
       placement: (0, _utils.getPlacements)(placement),

package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -47,7 +47,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
   var nextLevel = currentLevel + 1;
   if (item !== null && item !== void 0 && item.items) {
     return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
-      isOpen: isCurrentListOpen,
+      opened: isCurrentListOpen,
       usePortal: false,
       placement: "right-start",
       trigger: trigger,

package/emotion/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js

@@ -11,7 +11,7 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _Dropdown = /*#__PURE__*/require("./Dropdown.styles");
 var _utils = /*#__PURE__*/require("./utils");
-var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
+var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "opened", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -35,6 +35,8 @@ var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
       isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
       _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      _ref$opened = _ref.opened,
+      opened = _ref$opened === void 0 ? false : _ref$opened,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
       _ref$trigger = _ref.trigger,
@@ -48,16 +50,17 @@ var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = Boolean(isOpen || opened);
     var uniqId = (0, _plasmaCore.useUniqId)();
     var innerId = id || uniqId;
     var rootRef = (0, _react.useRef)(null);
     var dropdownRef = (0, _react.useRef)(null);
     var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
-    var trapRef = (0, _plasmaCore.useFocusTrap)(isOpen && isFocusTrapped);
+    var trapRef = (0, _plasmaCore.useFocusTrap)(innerIsOpen && isFocusTrapped);
     var dropdownForkRef = (0, _plasmaCore.useForkRef)(dropdownRef, trapRef);
     return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
       role: role,
-      isOpen: isOpen,
+      opened: innerIsOpen,
       usePortal: false,
       onToggle: function onToggle(is, event) {
         return _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(is, event);

package/emotion/cjs/components/Modal/Modal.js

@@ -16,7 +16,7 @@ var _Modal = /*#__PURE__*/require("./Modal.tokens");
 var _hooks2 = /*#__PURE__*/require("./hooks");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _ModalContext = /*#__PURE__*/require("./ModalContext");
-var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "isOpen"];
+var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -47,8 +47,10 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
       popupInfo = _ref.popupInfo,
       children = _ref.children,
       view = _ref.view,
+      opened = _ref.opened,
       isOpen = _ref.isOpen,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = Boolean(isOpen || opened);
     var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
     var popupController = (0, _Popup.usePopupContext)();
     var innerRef = (0, _plasmaCore.useForkRef)(trapRef, outerRootRef);
@@ -57,7 +59,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
     var overlayBackgroundToken = withBlur ? "var(".concat(_Modal.tokens.modalOverlayWithBlurColor, ")") : "var(".concat(_Modal.tokens.modalOverlayColor, ")");
     var _useModal = (0, _hooks2.useModal)({
         id: innerId,
-        isOpen: isOpen,
+        isOpen: innerIsOpen,
         closeOnEsc: closeOnEsc,
         onEscKeyDown: onEscKeyDown,
         onClose: onClose,
@@ -78,7 +80,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
     }, [closeOnOverlayClick, onOverlayClick, onClose]);
     return /*#__PURE__*/_react["default"].createElement(Popup, _extends({
       id: innerId,
-      isOpen: isOpen,
+      opened: innerIsOpen,
       ref: innerRef,
       popupInfo: modalInfo,
       withAnimation: withAnimation,

package/emotion/cjs/components/Modal/Modal.template-doc.mdx

@@ -33,7 +33,7 @@ export function App() {
                     <Modal
                         id="modalA"
                         onClose={() => setIsOpenA(false)}
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement="center"
                         offset={[0, 0]}
                     >
@@ -45,7 +45,7 @@ export function App() {
                         <Modal
                             id="modalB"
                             onClose={() => setIsOpenB(false)}
-                            isOpen={isOpenB}
+                            opened={isOpenB}
                             placement="right"
                             offset={[0, 0]}
                         >

package/emotion/cjs/components/Modal/hooks/useModal.js

@@ -16,12 +16,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var ESCAPE_KEYCODE = 27;
 var useModal = exports.useModal = function useModal(_ref) {
   var id = _ref.id,
+    isOpen = _ref.isOpen,
     popupInfo = _ref.popupInfo,
     onEscKeyDown = _ref.onEscKeyDown,
     onClose = _ref.onClose,
     _ref$closeOnEsc = _ref.closeOnEsc,
     closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
   var popupController = (0, _Popup.usePopupContext)();
+  var overflow = (0, _react.useRef)(document.body.style.overflowY);
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = (0, _react.useCallback)(function (event) {
@@ -44,6 +46,19 @@ var useModal = exports.useModal = function useModal(_ref) {
       window.removeEventListener('keydown', onKeyDown);
     };
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
+
+  // linaria не поддерживает динамический global
+  (0, _react.useEffect)(function () {
+    if (isOpen) {
+      overflow.current = document.body.style.overflowY;
+      document.body.style.overflowY = 'hidden';
+    }
+  }, [isOpen]);
+  (0, _react.useEffect)(function () {
+    if (!isOpen && !(0, _ModalContext.hasModals)(popupController.items)) {
+      document.body.style.overflowY = overflow.current;
+    }
+  }, [isOpen, overflow.current, popupController.items]);
   var modalInfo = _objectSpread({
     id: id,
     info: {

package/emotion/cjs/components/Notification/NotificationsPortal.js

@@ -27,7 +27,7 @@ var Popup = /*#__PURE__*/(0, _engines.component)(_Popup.popupConfig);
 var StyledPopup = /*#__PURE__*/(0, _base["default"])(Popup, {
   target: "eefkyeq0",
   label: "plasma-new-hope__StyledPopup"
-})("&>.", _plasmaCore.popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0YPQstC10LTQvtC80LvQtdC90LjQuS5cbiAqL1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNQb3J0YWw6IEZDPE5vdGlmaWNhdGlvblBvcnRhbFByb3BzPiA9ICh7IGNvbmZpZywgZnJhbWUgfSkgPT4ge1xuICAgIGNvbnN0IHsgbm90aWZpY2F0aW9ucyB9ID0gdXNlU3RvcmVvbjxOb3RpZmljYXRpb25zU3RhdGUsIE5vdGlmaWNhdGlvbnNFdmVudHM+KCdub3RpZmljYXRpb25zJyk7XG5cbiAgICBjb25zdCBOb3RpZmljYXRpb24gPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PiBjb21wb25lbnQoY29uZmlnKSBhcyBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50PE5vdGlmaWNhdGlvblByb3BzICYgUmVmQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+LFxuICAgICAgICBbXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFBvcHVwUHJvdmlkZXI+XG4gICAgICAgICAgICB7bm90aWZpY2F0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUG9wdXAgaXNPcGVuIGZyYW1lPXtmcmFtZX0gcGxhY2VtZW50PVwiYm90dG9tLXJpZ2h0XCIgekluZGV4PVwiOTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtub3RpZmljYXRpb25zLm1hcCgoeyBpZCwgaXNIaWRkZW4sIC4uLnJlc3QgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJdGVtV3JhcHBlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNIaWRkZW4gPyBjbGFzc2VzLm5vdGlmaWNhdGlvbkl0ZW1IaWRkZW4gOiBjbGFzc2VzLm5vdGlmaWNhdGlvbkl0ZW1PcGVuZWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuPXtpc0hpZGRlbiB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3RpZmljYXRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsb3NlQnV0dG9uQ2xpY2s9eygpID0+IGNsb3NlTm90aWZpY2F0aW9uKGlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkSXRlbVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRSb290PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1BvcHVwUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
+})("&>.", _plasmaCore.popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0YPQstC10LTQvtC80LvQtdC90LjQuS5cbiAqL1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNQb3J0YWw6IEZDPE5vdGlmaWNhdGlvblBvcnRhbFByb3BzPiA9ICh7IGNvbmZpZywgZnJhbWUgfSkgPT4ge1xuICAgIGNvbnN0IHsgbm90aWZpY2F0aW9ucyB9ID0gdXNlU3RvcmVvbjxOb3RpZmljYXRpb25zU3RhdGUsIE5vdGlmaWNhdGlvbnNFdmVudHM+KCdub3RpZmljYXRpb25zJyk7XG5cbiAgICBjb25zdCBOb3RpZmljYXRpb24gPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PiBjb21wb25lbnQoY29uZmlnKSBhcyBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50PE5vdGlmaWNhdGlvblByb3BzICYgUmVmQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+LFxuICAgICAgICBbXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFBvcHVwUHJvdmlkZXI+XG4gICAgICAgICAgICB7bm90aWZpY2F0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUG9wdXAgb3BlbmVkIGZyYW1lPXtmcmFtZX0gcGxhY2VtZW50PVwiYm90dG9tLXJpZ2h0XCIgekluZGV4PVwiOTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtub3RpZmljYXRpb25zLm1hcCgoeyBpZCwgaXNIaWRkZW4sIC4uLnJlc3QgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJdGVtV3JhcHBlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNIaWRkZW4gPyBjbGFzc2VzLm5vdGlmaWNhdGlvbkl0ZW1IaWRkZW4gOiBjbGFzc2VzLm5vdGlmaWNhdGlvbkl0ZW1PcGVuZWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuPXtpc0hpZGRlbiB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3RpZmljYXRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsb3NlQnV0dG9uQ2xpY2s9eygpID0+IGNsb3NlTm90aWZpY2F0aW9uKGlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkSXRlbVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRSb290PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1BvcHVwUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
 
 /**
  * Обертка для визуального представления уведомлений.
@@ -41,7 +41,7 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
     return (0, _engines.component)(config);
   }, []);
   return /*#__PURE__*/_react["default"].createElement(_Popup.PopupProvider, null, notifications.length > 0 && /*#__PURE__*/_react["default"].createElement(StyledPopup, {
-    isOpen: true,
+    opened: true,
     frame: frame,
     placement: "bottom-right",
     zIndex: "9100"

package/emotion/cjs/components/Popover/Popover.js

@@ -13,7 +13,7 @@ var _Portal = /*#__PURE__*/require("../Portal");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _Popover = /*#__PURE__*/require("./Popover.styles");
 var _Popover2 = /*#__PURE__*/require("./Popover.tokens");
-var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
+var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -43,6 +43,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
     var target = _ref.target,
       children = _ref.children,
       isOpen = _ref.isOpen,
+      opened = _ref.opened,
       _ref$trigger = _ref.trigger,
       trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
       hasArrow = _ref.hasArrow,
@@ -66,11 +67,12 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
       onToggle = _ref.onToggle,
       closeOnOverlayClick = _ref.closeOnOverlayClick,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = Boolean(isOpen || opened);
     var rootRef = (0, _react.useRef)(null);
     var popoverRef = (0, _react.useRef)(null);
     var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
     var portalRef = (0, _react.useRef)(null);
-    var trapRef = (0, _plasmaCore.useFocusTrap)(isOpen && isFocusTrapped);
+    var trapRef = (0, _plasmaCore.useFocusTrap)(innerIsOpen && isFocusTrapped);
     var popoverForkRef = (0, _plasmaCore.useForkRef)(popoverRef, trapRef);
     var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -82,8 +84,8 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
     var isAutoArray = Array.isArray(placement);
     var isAuto = isAutoArray || placement.startsWith('auto');
     var initialStyles = {
-      visibility: isOpen ? 'visible' : 'hidden',
-      opacity: isOpen ? 1 : 0
+      visibility: innerIsOpen ? 'visible' : 'hidden',
+      opacity: innerIsOpen ? 1 : 0
     };
     var _usePopper = (0, _reactPopper.usePopper)(rootRef.current, popoverRef.current, {
         // TODO: #1121
@@ -116,12 +118,12 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
       attributes = _usePopper.attributes,
       forceUpdate = _usePopper.forceUpdate;
     var onEscape = (0, _react.useCallback)(function (event) {
-      if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {
+      if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {
         onToggle === null || onToggle === void 0 || onToggle(false, event);
       }
-    }, [closeOnEsc, isOpen, onToggle]);
+    }, [closeOnEsc, innerIsOpen, onToggle]);
     var onDocumentClick = (0, _react.useCallback)(function (event) {
-      if (isOpen && closeOnOverlayClick && onToggle) {
+      if (innerIsOpen && closeOnOverlayClick && onToggle) {
         var _rootRef$current, _popoverRef$current;
         var targetIsRoot = event.target === rootRef.current;
         var rootHasTarget = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.contains(event.target);
@@ -130,17 +132,17 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
           onToggle(false, event);
         }
       }
-    }, [closeOnOverlayClick, isOpen, onToggle]);
+    }, [closeOnOverlayClick, innerIsOpen, onToggle]);
     var onClick = (0, _react.useCallback)(function (event) {
       if (trigger === 'click') {
         var _popoverRef$current2;
         var targetIsPopover = event.target === popoverRef.current;
         var rootHasTarget = (_popoverRef$current2 = popoverRef.current) === null || _popoverRef$current2 === void 0 ? void 0 : _popoverRef$current2.contains(event.target);
         if (!targetIsPopover && !rootHasTarget) {
-          onToggle === null || onToggle === void 0 || onToggle(!isOpen, event);
+          onToggle === null || onToggle === void 0 || onToggle(!innerIsOpen, event);
         }
       }
-    }, [trigger, isOpen, onToggle]);
+    }, [trigger, innerIsOpen, onToggle]);
     var onMouseEnter = (0, _react.useCallback)(function (event) {
       if (trigger === 'hover') {
         onToggle === null || onToggle === void 0 || onToggle(true, event);
@@ -166,13 +168,13 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
       return function () {
         return document.removeEventListener('click', onDocumentClick);
       };
-    }, [isOpen, onToggle]);
+    }, [innerIsOpen, onToggle]);
     (0, _react.useEffect)(function () {
       window.addEventListener('keydown', onEscape);
       return function () {
         return window.removeEventListener('keydown', onEscape);
       };
-    }, [closeOnEsc, isOpen, onToggle]);
+    }, [closeOnEsc, innerIsOpen, onToggle]);
     (0, _react.useEffect)(function () {
       var portal = document.getElementById(POPOVER_PORTAL_ID);
       if (typeof frame !== 'string' && frame && frame.current) {
@@ -200,7 +202,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
       forceRender(true);
     }, []);
     (0, _react.useEffect)(function () {
-      if (!isOpen || !forceUpdate) {
+      if (!innerIsOpen || !forceUpdate) {
         return;
       }
 
@@ -211,7 +213,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
        * вызов метода в очередь микрозадач.
        */
       Promise.resolve().then(forceUpdate);
-    }, [isOpen, children, forceUpdate]);
+    }, [innerIsOpen, children, forceUpdate]);
     return /*#__PURE__*/_react["default"].createElement(_Popover.StyledWrapper, {
       className: _Popover2.classes.wrapper,
       onMouseEnter: onMouseEnter,
@@ -231,7 +233,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
       className: _Popover2.classes.root,
       ref: popoverForkRef,
       style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), {
-        display: isOpen ? 'block' : 'none'
+        display: innerIsOpen ? 'block' : 'none'
       }), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/_react["default"].createElement(_Popover.StyledArrow, _extends({

package/emotion/cjs/components/Popover/Popover.template-doc.mdx

@@ -30,7 +30,7 @@ export function App() {
     return (
         <section style=\{{width: '20rem', height: '15rem'}}>
             <Popover
-                isOpen={isOpen}
+                opened={isOpen}
                 onToggle={(is) => setIsOpen(is)}
                 role="presentation"
                 id="popover"

package/emotion/cjs/components/Popup/Popup.js

@@ -13,7 +13,7 @@ var _PopupContext = /*#__PURE__*/require("./PopupContext");
 var _PopupRoot = /*#__PURE__*/require("./PopupRoot");
 var _hooks = /*#__PURE__*/require("./hooks");
 var _Popup = /*#__PURE__*/require("./Popup.tokens");
-var _excluded = ["id", "isOpen", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];
+var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -91,6 +91,8 @@ var popupRoot = exports.popupRoot = function popupRoot(Root) {
     var id = _ref.id,
       _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      _ref$opened = _ref.opened,
+      opened = _ref$opened === void 0 ? false : _ref$opened,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'center' : _ref$placement,
       _ref$offset = _ref.offset,
@@ -106,10 +108,11 @@ var popupRoot = exports.popupRoot = function popupRoot(Root) {
       withAnimation = _ref$withAnimation === void 0 ? false : _ref$withAnimation,
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = isOpen || opened;
     var uniqId = (0, _plasmaCore.safeUseId)();
     var innerId = id || uniqId;
     var _usePopup = (0, _hooks.usePopup)({
-        isOpen: isOpen,
+        isOpen: innerIsOpen,
         id: innerId,
         popupInfo: popupInfo,
         withAnimation: withAnimation
@@ -151,7 +154,7 @@ var popupRoot = exports.popupRoot = function popupRoot(Root) {
        */
       forceRender(true);
     }, []);
-    if (!isVisible && !isOpen) {
+    if (!isVisible && !innerIsOpen) {
       return null;
     }
     var cls = (0, _utils.cx)(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? _Popup.classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? _Popup.classes.endTransition : '');

package/emotion/cjs/components/Popup/Popup.template-doc.mdx

@@ -90,7 +90,7 @@ export function App() {
                     <Popup
                         id="popupA"
                         frame={ref}
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement="center"
                         offset={[0, 0]}
                     >
@@ -105,7 +105,7 @@ export function App() {
                     <Popup
                         id="popupB"
                         frame="document"
-                        isOpen={isOpenB}
+                        opened={isOpenB}
                         placement="center"
                         offset={[0, 0]}
                     >
@@ -191,7 +191,7 @@ const StyledPopupAnimation = styled(Popup)`
                 id="popup-id"
                 withAnimation
                 frame="document"
-                isOpen={isOpen}
+                opened={isOpen}
                 placement="center"
                 offset={[0, 0]}
             >

package/emotion/cjs/components/Popup/PopupContext.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePopupContext = exports.PopupProvider = exports.POPUP_PORTAL_ID = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _ModalContext = /*#__PURE__*/require("../Modal/ModalContext");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -35,36 +34,22 @@ var usePopupContext = exports.usePopupContext = function usePopupContext() {
 };
 var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
-  var prevBodyOverflowY = (0, _react.useRef)(document.body.style.overflowY);
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
   var register = function register(info) {
-    setItems(function (prevItems) {
-      var _info$info;
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !(0, _ModalContext.hasModals)(prevItems)) {
-        prevBodyOverflowY.current = document.body.style.overflowY;
-        document.body.style.overflowY = 'hidden';
-      }
-      return [].concat(_toConsumableArray(prevItems), [info]);
-    });
+    setItems([].concat(_toConsumableArray(items), [info]));
   };
   var unregister = function unregister(id) {
-    setItems(function (prevItems) {
-      var index = prevItems.findIndex(function (item) {
-        return id === item.id;
-      });
-      if (index === -1) {
-        return prevItems;
-      }
-      var prevHasModals = (0, _ModalContext.hasModals)(prevItems);
-      prevItems.splice(index, 1);
-      if (prevHasModals && !(0, _ModalContext.hasModals)(prevItems)) {
-        document.body.style.overflowY = prevBodyOverflowY.current;
-      }
-      return prevItems;
+    var index = items.findIndex(function (item) {
+      return id === item.id;
     });
+    if (index === -1) {
+      return;
+    }
+    items.splice(index, 1);
+    setItems(_toConsumableArray(items));
   };
   var context = {
     items: items,

package/emotion/cjs/components/Popup/hooks/usePopup.js

@@ -81,11 +81,6 @@ var usePopup = exports.usePopup = function usePopup(_ref) {
     popupController.unregister(id);
     setVisible(false);
   }, [isOpen, isVisible, animationInfo]);
-  (0, _react.useEffect)(function () {
-    return function () {
-      popupController.unregister(id);
-    };
-  }, [id]);
   return {
     isVisible: isVisible,
     setVisible: setVisible,

package/emotion/cjs/components/Select/Select.js

@@ -243,7 +243,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       }
     }, /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
       ref: targetRef,
-      isOpen: isCurrentListOpen,
+      opened: isCurrentListOpen,
       placement: (0, _utils.getPlacements)(placement),
       usePortal: Boolean(portal),
       frame: portal,

package/emotion/cjs/components/Select/ui/Inner/Inner.js

@@ -36,7 +36,7 @@ var Inner = exports.Inner = function Inner(_ref) {
   if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
     var _item$items;
     return /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
-      isOpen: isCurrentListOpen,
+      opened: isCurrentListOpen,
       usePortal: false,
       placement: "right-start",
       trigger: "click",

package/emotion/cjs/components/Sheet/Sheet.template-doc.mdx

@@ -50,7 +50,7 @@ export function App() {
 
 ### Закрепление заголовка и футера
 
-С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер. 
+С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер.
 В этом случае при появлении прокрутки контент будет скроллиться под них.
 
 ```tsx live
@@ -140,4 +140,4 @@ export function App() {
         </>
     );
 }
-```
+```