@salutejs/plasma-new-hope 0.123.0-canary.1369.10450142781.0 → 0.123.0-dev.0

package/emotion/es/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/es/components/Dropdown/Dropdown.js

@@ -107,7 +107,7 @@ export var 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.createElement(StyledPopover, {
-      isOpen: isCurrentListOpen,
+      opened: isCurrentListOpen,
       onToggle: handleGlobalToggle,
       offset: offset,
       placement: getPlacements(placement),

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

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

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

@@ -1,4 +1,4 @@
-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 _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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -26,6 +26,8 @@ export var 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,
@@ -39,16 +41,17 @@ export var 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 = useUniqId();
     var innerId = id || uniqId;
     var rootRef = useRef(null);
     var dropdownRef = useRef(null);
     var handleRef = useForkRef(rootRef, outerRootRef);
-    var trapRef = useFocusTrap(isOpen && isFocusTrapped);
+    var trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);
     var dropdownForkRef = useForkRef(dropdownRef, trapRef);
     return /*#__PURE__*/React.createElement(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/es/components/Modal/Modal.js

@@ -1,4 +1,4 @@
-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 _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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -39,8 +39,10 @@ export var 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 = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
     var popupController = usePopupContext();
     var innerRef = useForkRef(trapRef, outerRootRef);
@@ -49,7 +51,7 @@ export var modalRoot = function modalRoot(Root) {
     var overlayBackgroundToken = withBlur ? "var(".concat(tokens.modalOverlayWithBlurColor, ")") : "var(".concat(tokens.modalOverlayColor, ")");
     var _useModal = useModal({
         id: innerId,
-        isOpen: isOpen,
+        isOpen: innerIsOpen,
         closeOnEsc: closeOnEsc,
         onEscKeyDown: onEscKeyDown,
         onClose: onClose,
@@ -70,7 +72,7 @@ export var modalRoot = function modalRoot(Root) {
     }, [closeOnOverlayClick, onOverlayClick, onClose]);
     return /*#__PURE__*/React.createElement(Popup, _extends({
       id: innerId,
-      isOpen: isOpen,
+      opened: innerIsOpen,
       ref: innerRef,
       popupInfo: modalInfo,
       withAnimation: withAnimation,

package/emotion/es/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/es/components/Notification/NotificationsPortal.js

@@ -18,7 +18,7 @@ var Popup = /*#__PURE__*/component(popupConfig);
 var StyledPopup = /*#__PURE__*/_styled(Popup, {
   target: "eefkyeq0",
   label: "plasma-new-hope__StyledPopup"
-})("&>.", 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= */"));
+})("&>.", 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= */"));
 
 /**
  * Обертка для визуального представления уведомлений.
@@ -32,7 +32,7 @@ export var NotificationsPortal = function NotificationsPortal(_ref) {
     return component(config);
   }, []);
   return /*#__PURE__*/React.createElement(PopupProvider, null, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
-    isOpen: true,
+    opened: true,
     frame: frame,
     placement: "bottom-right",
     zIndex: "9100"

package/emotion/es/components/Popover/Popover.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 _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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -35,6 +35,7 @@ export var 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,
@@ -58,11 +59,12 @@ export var popoverRoot = function popoverRoot(Root) {
       onToggle = _ref.onToggle,
       closeOnOverlayClick = _ref.closeOnOverlayClick,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = Boolean(isOpen || opened);
     var rootRef = useRef(null);
     var popoverRef = useRef(null);
     var handleRef = useForkRef(rootRef, outerRootRef);
     var portalRef = useRef(null);
-    var trapRef = useFocusTrap(isOpen && isFocusTrapped);
+    var trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);
     var popoverForkRef = useForkRef(popoverRef, trapRef);
     var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -74,8 +76,8 @@ export var 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 = usePopper(rootRef.current, popoverRef.current, {
         // TODO: #1121
@@ -108,12 +110,12 @@ export var popoverRoot = function popoverRoot(Root) {
       attributes = _usePopper.attributes,
       forceUpdate = _usePopper.forceUpdate;
     var onEscape = 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 = 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);
@@ -122,17 +124,17 @@ export var popoverRoot = function popoverRoot(Root) {
           onToggle(false, event);
         }
       }
-    }, [closeOnOverlayClick, isOpen, onToggle]);
+    }, [closeOnOverlayClick, innerIsOpen, onToggle]);
     var onClick = 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 = useCallback(function (event) {
       if (trigger === 'hover') {
         onToggle === null || onToggle === void 0 || onToggle(true, event);
@@ -158,13 +160,13 @@ export var popoverRoot = function popoverRoot(Root) {
       return function () {
         return document.removeEventListener('click', onDocumentClick);
       };
-    }, [isOpen, onToggle]);
+    }, [innerIsOpen, onToggle]);
     useEffect(function () {
       window.addEventListener('keydown', onEscape);
       return function () {
         return window.removeEventListener('keydown', onEscape);
       };
-    }, [closeOnEsc, isOpen, onToggle]);
+    }, [closeOnEsc, innerIsOpen, onToggle]);
     useEffect(function () {
       var portal = document.getElementById(POPOVER_PORTAL_ID);
       if (typeof frame !== 'string' && frame && frame.current) {
@@ -192,7 +194,7 @@ export var popoverRoot = function popoverRoot(Root) {
       forceRender(true);
     }, []);
     useEffect(function () {
-      if (!isOpen || !forceUpdate) {
+      if (!innerIsOpen || !forceUpdate) {
         return;
       }
 
@@ -203,7 +205,7 @@ export var popoverRoot = function popoverRoot(Root) {
        * вызов метода в очередь микрозадач.
        */
       Promise.resolve().then(forceUpdate);
-    }, [isOpen, children, forceUpdate]);
+    }, [innerIsOpen, children, forceUpdate]);
     return /*#__PURE__*/React.createElement(StyledWrapper, {
       className: classes.wrapper,
       onMouseEnter: onMouseEnter,
@@ -223,7 +225,7 @@ export var popoverRoot = function popoverRoot(Root) {
       className: classes.root,
       ref: popoverForkRef,
       style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), {
-        display: isOpen ? 'block' : 'none'
+        display: innerIsOpen ? 'block' : 'none'
       }), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({

package/emotion/es/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/es/components/Popup/Popup.js

@@ -1,4 +1,4 @@
-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 _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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -82,6 +82,8 @@ export var 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,
@@ -97,10 +99,11 @@ export var 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 = safeUseId();
     var innerId = id || uniqId;
     var _usePopup = usePopup({
-        isOpen: isOpen,
+        isOpen: innerIsOpen,
         id: innerId,
         popupInfo: popupInfo,
         withAnimation: withAnimation
@@ -142,7 +145,7 @@ export var popupRoot = function popupRoot(Root) {
        */
       forceRender(true);
     }, []);
-    if (!isVisible && !isOpen) {
+    if (!isVisible && !innerIsOpen) {
       return null;
     }
     var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');

package/emotion/es/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/es/components/Select/Select.js

@@ -234,7 +234,7 @@ export var selectRoot = function selectRoot(Root) {
       }
     }, /*#__PURE__*/React.createElement(StyledPopover, {
       ref: targetRef,
-      isOpen: isCurrentListOpen,
+      opened: isCurrentListOpen,
       placement: getPlacements(placement),
       usePortal: Boolean(portal),
       frame: portal,

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

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

package/emotion/es/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() {
         </>
     );
 }
-```
+```

package/emotion/es/components/Tabs/Tabs.template-doc.mdx

@@ -5,15 +5,6 @@ title: Tabs
 
 import { PropsTable, Description } from '@site/src/components';
 
-# Tabs
-Набор компонентов для создания вкладок.
-Структура для вкладок похожа на структуру маркированных списков.
-
-## TabsController
-
-<Description name="TabsController" />
-<PropsTable name="TabsController" />
-
 ## Tabs
 
 <Description name="Tabs" />
@@ -24,6 +15,11 @@ import { PropsTable, Description } from '@site/src/components';
 <Description name="TabItem" />
 <PropsTable name="TabItem" />
 
+## TabsController (deprecated)
+Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
+
+<Description name="TabsController" />
+<PropsTable name="TabsController" />
 
 ## Использование
 

package/emotion/es/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["id", "text", "isOpen", "isVisible", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style"];
+var _excluded = ["id", "text", "opened", "isVisible", "isOpen", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style"];
 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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -25,7 +25,7 @@ var Popover = /*#__PURE__*/component(popoverConfig);
 var StyledPopover = /*#__PURE__*/_styled(Popover, {
   target: "ecc7g4f0",
   label: "plasma-new-hope__StyledPopover"
-})(popoverTokens.arrowMaskWidth, ":var(", tokens.arrowMaskWidth, ");", popoverTokens.arrowMaskHeight, ":var(", tokens.arrowMaskHeight, ");", popoverTokens.arrowMaskImage, ":var(", tokens.arrowMaskImage, ");", popoverTokens.arrowBackground, ":var(", tokens.arrowBackground, ");", popoverTokens.arrowHeight, ":var(", tokens.arrowHeight, ");", popoverTokens.arrowEdgeMargin, ":var(", tokens.arrowEdgeMargin, ");&.", classes.animated, " .", popoverClasses.root, "{transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIGZvcndhcmRSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBSb290UHJvcHMsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcsIHBvcG92ZXJUb2tlbnMgfSBmcm9tICcuLi9Qb3BvdmVyJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5pbXBvcnQgeyBUb29sdGlwUHJvcHMgfSBmcm9tICcuL1Rvb2x0aXAudHlwZXMnO1xuaW1wb3J0IHsgU3R5bGVkQ29udGVudExlZnQsIFRvb2x0aXBSb290IH0gZnJvbSAnLi9Ub29sdGlwLnN0eWxlcyc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIHNpemVDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcblxuY29uc3QgRVNDQVBFX0tFWUNPREUgPSAyNztcblxuY29uc3QgZ2V0U3RyaW5nVmFsdWUgPSAodmFsdWU/OiBudW1iZXIgfCBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJyA/IGAke3ZhbHVlfXJlbWAgOiB2YWx1ZTtcbn07XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmNvbnN0IFN0eWxlZFBvcG92ZXIgPSBzdHlsZWQoUG9wb3ZlcilgXG4gICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza1dpZHRofTogdmFyKCR7dG9rZW5zLmFycm93TWFza1dpZHRofSk7XG4gICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0hlaWdodH06IHZhcigke3Rva2Vucy5hcnJvd01hc2tIZWlnaHR9KTtcbiAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dNYXNrSW1hZ2V9OiB2YXIoJHt0b2tlbnMuYXJyb3dNYXNrSW1hZ2V9KTtcbiAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dCYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLmFycm93QmFja2dyb3VuZH0pO1xuICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0hlaWdodH06IHZhcigke3Rva2Vucy5hcnJvd0hlaWdodH0pO1xuICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiB2YXIoJHt0b2tlbnMuYXJyb3dFZGdlTWFyZ2lufSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5hbmltYXRlZH0gLiR7cG9wb3ZlckNsYXNzZXMucm9vdH0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDIwMG1zIGVhc2UtaW4tb3V0LCB2aXNpYmlsaXR5IDIwMG1zIGVhc2UtaW4tb3V0O1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC00LvRjyDRgtC10LrRgdGC0L7QstGL0YUg0L/QvtC00YHQutCw0LfQvtC6LiDQntGB0L3QvtCy0L3QvtC1INC/0YDQtdC00L3QsNC30L3QsNGH0LXQvdC40LUg4oCUINC/0L7QtNC/0LjRgdC4INC6INCx0LvQvtC60LDQvC5cbiAqL1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBPbWl0PFRvb2x0aXBQcm9wcywgJ2lzT3BlbicgfCAndGV4dCc+PikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBUb29sdGlwUHJvcHM+KFxuICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgaWQsXG4gICAgICAgICAgICAgICAgdGV4dCxcbiAgICAgICAgICAgICAgICBpc09wZW4sXG4gICAgICAgICAgICAgICAgaXNWaXNpYmxlLFxuICAgICAgICAgICAgICAgIGhhc0Fycm93ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBhcnJvdyxcbiAgICAgICAgICAgICAgICBhbmltYXRlZCxcbiAgICAgICAgICAgICAgICBvZmZzZXQgPSBbMCwgOF0sXG4gICAgICAgICAgICAgICAgbWluV2lkdGgsXG4gICAgICAgICAgICAgICAgbWF4V2lkdGgsXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gICAgICAgICAgICAgICAgdXNlUG9ydGFsID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICB0YXJnZXQsXG4gICAgICAgICAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgICAgICAgICAgb25EaXNtaXNzLFxuICAgICAgICAgICAgICAgIHZpZXcsXG4gICAgICAgICAgICAgICAgc2l6ZSxcbiAgICAgICAgICAgICAgICBjb250ZW50TGVmdCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAnOTIwMCcsXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHN0eWxlLFxuICAgICAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvdXRlclJlZixcbiAgICAgICAgKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBbcmVmLCBzZXRSZWZdID0gdXNlU3RhdGU8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgICAgICAgICAgLy8gVE9ETyDRg9Cx0YDQsNGC0Ywg0L/QvtGB0LvQtSDQvtGC0LrQsNC30LAg0L7RgiDRgdGC0LDRgNC+0LPQviBBUElcbiAgICAgICAgICAgIGNvbnN0IGlubmVySXNPcGVuID0gaXNWaXNpYmxlIHx8IGlzT3BlbjtcbiAgICAgICAgICAgIGNvbnN0IGlubmVySGFzQXJyb3cgPSBhcnJvdyB8fCBoYXNBcnJvdztcbiAgICAgICAgICAgIGNvbnN0IHNob3dUb29sdGlwID0gaW5uZXJJc09wZW4gJiYgQm9vbGVhbih0ZXh0Py5sZW5ndGgpO1xuXG4gICAgICAgICAgICBjb25zdCBhbmltYXRlZENsYXNzID0gYW5pbWF0ZWQgPyBjbGFzc2VzLmFuaW1hdGVkIDogdW5kZWZpbmVkO1xuXG4gICAgICAgICAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IG9uS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5Q29kZSA9PT0gRVNDQVBFX0tFWUNPREUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uRGlzbWlzcz8uKCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBvbktleURvd24pO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBvbktleURvd24pO1xuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9LCBbXSk7XG5cbiAgICAgICAgICAgIGNvbnN0IHdpdGhDb250ZW50TGVmdCA9IGNvbnRlbnRMZWZ0ID8gY2xhc3Nlcy5oYXNDb250ZW50TGVmdCA6IHVuZGVmaW5lZDtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUG9wb3ZlclxuICAgICAgICAgICAgICAgICAgICBpc09wZW49e3Nob3dUb29sdGlwfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgICAgb2Zmc2V0PXtvZmZzZXR9XG4gICAgICAgICAgICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldCB8fCBjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICAgICAgdXNlUG9ydGFsPXt1c2VQb3J0YWx9XG4gICAgICAgICAgICAgICAgICAgIGhhc0Fycm93PXtpbm5lckhhc0Fycm93fVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj17IWlubmVySXNPcGVufVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgICAgICAgICAgICAgICByb2xlPVwidG9vbHRpcFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3gocmVmPy5jbGFzc0xpc3QudG9TdHJpbmcoKSwgYW5pbWF0ZWRDbGFzcyl9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPFJvb3Qgdmlldz17dmlld30gc2l6ZT17c2l6ZX0gcmVmPXtzZXRSZWZ9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXBSb290XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtvdXRlclJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeCh3aXRoQ29udGVudExlZnQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoPXtnZXRTdHJpbmdWYWx1ZShtYXhXaWR0aCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWluV2lkdGg9e2dldFN0cmluZ1ZhbHVlKG1pbldpZHRoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y29udGVudExlZnQgJiYgPFN0eWxlZENvbnRlbnRMZWZ0Pntjb250ZW50TGVmdH08L1N0eWxlZENvbnRlbnRMZWZ0Pn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcFJvb3Q+XG4gICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZFBvcG92ZXI+XG4gICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgICk7XG5cbmV4cG9ydCBjb25zdCB0b29sdGlwQ29uZmlnID0ge1xuICAgIG5hbWU6ICdUb29sdGlwJyxcbiAgICB0YWc6ICdkaXYnLFxuICAgIGxheW91dDogdG9vbHRpcFJvb3QsXG4gICAgYmFzZTogJycsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IHZpZXdDU1MsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGNzczogc2l6ZUNTUyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG59O1xuIl19 */"));
+})(popoverTokens.arrowMaskWidth, ":var(", tokens.arrowMaskWidth, ");", popoverTokens.arrowMaskHeight, ":var(", tokens.arrowMaskHeight, ");", popoverTokens.arrowMaskImage, ":var(", tokens.arrowMaskImage, ");", popoverTokens.arrowBackground, ":var(", tokens.arrowBackground, ");", popoverTokens.arrowHeight, ":var(", tokens.arrowHeight, ");", popoverTokens.arrowEdgeMargin, ":var(", tokens.arrowEdgeMargin, ");&.", classes.animated, " .", popoverClasses.root, "{transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIGZvcndhcmRSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBSb290UHJvcHMsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcsIHBvcG92ZXJUb2tlbnMgfSBmcm9tICcuLi9Qb3BvdmVyJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5pbXBvcnQgeyBUb29sdGlwUHJvcHMgfSBmcm9tICcuL1Rvb2x0aXAudHlwZXMnO1xuaW1wb3J0IHsgU3R5bGVkQ29udGVudExlZnQsIFRvb2x0aXBSb290IH0gZnJvbSAnLi9Ub29sdGlwLnN0eWxlcyc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIHNpemVDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcblxuY29uc3QgRVNDQVBFX0tFWUNPREUgPSAyNztcblxuY29uc3QgZ2V0U3RyaW5nVmFsdWUgPSAodmFsdWU/OiBudW1iZXIgfCBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJyA/IGAke3ZhbHVlfXJlbWAgOiB2YWx1ZTtcbn07XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmNvbnN0IFN0eWxlZFBvcG92ZXIgPSBzdHlsZWQoUG9wb3ZlcilgXG4gICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza1dpZHRofTogdmFyKCR7dG9rZW5zLmFycm93TWFza1dpZHRofSk7XG4gICAgJHtwb3BvdmVyVG9rZW5zLmFycm93TWFza0hlaWdodH06IHZhcigke3Rva2Vucy5hcnJvd01hc2tIZWlnaHR9KTtcbiAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dNYXNrSW1hZ2V9OiB2YXIoJHt0b2tlbnMuYXJyb3dNYXNrSW1hZ2V9KTtcbiAgICAke3BvcG92ZXJUb2tlbnMuYXJyb3dCYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLmFycm93QmFja2dyb3VuZH0pO1xuICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0hlaWdodH06IHZhcigke3Rva2Vucy5hcnJvd0hlaWdodH0pO1xuICAgICR7cG9wb3ZlclRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiB2YXIoJHt0b2tlbnMuYXJyb3dFZGdlTWFyZ2lufSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5hbmltYXRlZH0gLiR7cG9wb3ZlckNsYXNzZXMucm9vdH0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDIwMG1zIGVhc2UtaW4tb3V0LCB2aXNpYmlsaXR5IDIwMG1zIGVhc2UtaW4tb3V0O1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC00LvRjyDRgtC10LrRgdGC0L7QstGL0YUg0L/QvtC00YHQutCw0LfQvtC6LiDQntGB0L3QvtCy0L3QvtC1INC/0YDQtdC00L3QsNC30L3QsNGH0LXQvdC40LUg4oCUINC/0L7QtNC/0LjRgdC4INC6INCx0LvQvtC60LDQvC5cbiAqL1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBPbWl0PFRvb2x0aXBQcm9wcywgJ29wZW5lZCcgfCAndGV4dCc+PikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBUb29sdGlwUHJvcHM+KFxuICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgaWQsXG4gICAgICAgICAgICAgICAgdGV4dCxcbiAgICAgICAgICAgICAgICBvcGVuZWQsXG4gICAgICAgICAgICAgICAgaXNWaXNpYmxlLFxuICAgICAgICAgICAgICAgIGlzT3BlbixcbiAgICAgICAgICAgICAgICBoYXNBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgYXJyb3csXG4gICAgICAgICAgICAgICAgYW5pbWF0ZWQsXG4gICAgICAgICAgICAgICAgb2Zmc2V0ID0gWzAsIDhdLFxuICAgICAgICAgICAgICAgIG1pbldpZHRoLFxuICAgICAgICAgICAgICAgIG1heFdpZHRoLFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICAgICAgICAgICAgICAgIHVzZVBvcnRhbCA9IHRydWUsXG4gICAgICAgICAgICAgICAgdGFyZ2V0LFxuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIG9uRGlzbWlzcyxcbiAgICAgICAgICAgICAgICB2aWV3LFxuICAgICAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgICAgICAgY29udGVudExlZnQsXG4gICAgICAgICAgICAgICAgekluZGV4ID0gJzkyMDAnLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgb3V0ZXJSZWYsXG4gICAgICAgICkgPT4ge1xuICAgICAgICAgICAgY29uc3QgW3JlZiwgc2V0UmVmXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgICAgICAgICAgIC8vIFRPRE8g0YPQsdGA0LDRgtGMINC/0L7RgdC70LUg0L7RgtC60LDQt9CwINC+0YIg0YHRgtCw0YDQvtCz0L4gQVBJXG4gICAgICAgICAgICBjb25zdCBpbm5lcklzT3BlbiA9IEJvb2xlYW4oaXNWaXNpYmxlIHx8IGlzT3BlbiB8fCBvcGVuZWQpO1xuICAgICAgICAgICAgY29uc3QgaW5uZXJIYXNBcnJvdyA9IGFycm93IHx8IGhhc0Fycm93O1xuICAgICAgICAgICAgY29uc3Qgc2hvd1Rvb2x0aXAgPSBpbm5lcklzT3BlbiAmJiBCb29sZWFuKHRleHQ/Lmxlbmd0aCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGFuaW1hdGVkQ2xhc3MgPSBhbmltYXRlZCA/IGNsYXNzZXMuYW5pbWF0ZWQgOiB1bmRlZmluZWQ7XG5cbiAgICAgICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3Qgb25LZXlEb3duID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChldmVudC5rZXlDb2RlID09PSBFU0NBUEVfS0VZQ09ERSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgb25EaXNtaXNzPy4oKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIG9uS2V5RG93bik7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIG9uS2V5RG93bik7XG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0sIFtdKTtcblxuICAgICAgICAgICAgY29uc3Qgd2l0aENvbnRlbnRMZWZ0ID0gY29udGVudExlZnQgPyBjbGFzc2VzLmhhc0NvbnRlbnRMZWZ0IDogdW5kZWZpbmVkO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRQb3BvdmVyXG4gICAgICAgICAgICAgICAgICAgIG9wZW5lZD17c2hvd1Rvb2x0aXB9XG4gICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICAgICAgICAgICAgICBvZmZzZXQ9e29mZnNldH1cbiAgICAgICAgICAgICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIHRhcmdldD17dGFyZ2V0IHx8IGNoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICB1c2VQb3J0YWw9e3VzZVBvcnRhbH1cbiAgICAgICAgICAgICAgICAgICAgaGFzQXJyb3c9e2lubmVySGFzQXJyb3d9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPXshaW5uZXJJc09wZW59XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJ0b29sdGlwXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChyZWY/LmNsYXNzTGlzdC50b1N0cmluZygpLCBhbmltYXRlZENsYXNzKX1cbiAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8Um9vdCB2aWV3PXt2aWV3fSBzaXplPXtzaXplfSByZWY9e3NldFJlZn0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcFJvb3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e291dGVyUmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KHdpdGhDb250ZW50TGVmdCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg9e2dldFN0cmluZ1ZhbHVlKG1heFdpZHRoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtaW5XaWR0aD17Z2V0U3RyaW5nVmFsdWUobWluV2lkdGgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjb250ZW50TGVmdCAmJiA8U3R5bGVkQ29udGVudExlZnQ+e2NvbnRlbnRMZWZ0fTwvU3R5bGVkQ29udGVudExlZnQ+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkUG9wb3Zlcj5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHRvb2x0aXBDb25maWcgPSB7XG4gICAgbmFtZTogJ1Rvb2x0aXAnLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiB0b29sdGlwUm9vdCxcbiAgICBiYXNlOiAnJyxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGNzczogdmlld0NTUyxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBzaXplQ1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbn07XG4iXX0= */"));
 
 /**
  * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.
@@ -35,8 +35,9 @@ export var tooltipRoot = function tooltipRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     var id = _ref.id,
       text = _ref.text,
-      isOpen = _ref.isOpen,
+      opened = _ref.opened,
       isVisible = _ref.isVisible,
+      isOpen = _ref.isOpen,
       _ref$hasArrow = _ref.hasArrow,
       hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
       arrow = _ref.arrow,
@@ -66,7 +67,7 @@ export var tooltipRoot = function tooltipRoot(Root) {
       setRef = _useState2[1];
 
     // TODO убрать после отказа от старого API
-    var innerIsOpen = isVisible || isOpen;
+    var innerIsOpen = Boolean(isVisible || isOpen || opened);
     var innerHasArrow = arrow || hasArrow;
     var showTooltip = innerIsOpen && Boolean(text === null || text === void 0 ? void 0 : text.length);
     var animatedClass = animated ? classes.animated : undefined;
@@ -83,7 +84,7 @@ export var tooltipRoot = function tooltipRoot(Root) {
     }, []);
     var withContentLeft = contentLeft ? classes.hasContentLeft : undefined;
     return /*#__PURE__*/React.createElement(StyledPopover, _extends({
-      isOpen: showTooltip,
+      opened: showTooltip,
       placement: placement,
       offset: offset,
       zIndex: zIndex,

package/emotion/es/components/Tooltip/Tooltip.template-doc.mdx

@@ -23,7 +23,7 @@ import { IconApps } from '@salutejs/plasma-icons';
 export function App() {
     return (
         <div style=\{{marginLeft: '100px',marginBottom: '35px'}}>
-            <Tooltip target={( <IconApps />)} text="Высокое качество воспроизведения" placement="bottom" hasArrow isOpen />
+            <Tooltip target={( <IconApps />)} text="Высокое качество воспроизведения" placement="bottom" hasArrow opened />
         </div>
     );
 }

package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -71,7 +71,7 @@ const StoryDefault = ({
 
     return (
         <DatePicker
-            isOpen={isOpen}
+            opened={isOpen}
             size={size}
             valueError={valueError}
             valueSuccess={valueSuccess}
@@ -178,7 +178,7 @@ const StoryRange = ({
         <DatePickerRange
             size={size}
             ref={rangeRef}
-            isOpen={isOpen}
+            opened={isOpen}
             firstValueError={firstValueError}
             firstValueSuccess={firstValueSuccess}
             secondValueError={secondValueError}
@@ -289,7 +289,7 @@ const StoryDeferred = ({
             <h3>Асинхронная установка даты по умолчанию</h3>
             <DatePicker
                 defaultDate={defVal}
-                isOpen={isOpen}
+                opened={isOpen}
                 size={size}
                 valueError={valueError}
                 valueSuccess={valueSuccess}

package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -153,7 +153,7 @@ const StoryDrawerDemo = ({
                     <StyledContentWrapper>
                         <Drawer
                             frame="theme-root"
-                            isOpen={isOpen}
+                            opened={isOpen}
                             offset={[offsetX, offsetY]}
                             onClose={() => setIsOpen(false)}
                             {...rest}