@salutejs/plasma-new-hope 0.178.1-canary.1510.11583172513.0 → 0.178.1-dev.0

package/emotion/es/components/Popup/Popup.js

@@ -130,7 +130,7 @@ export var popupRoot = function popupRoot(Root) {
       animationInfo: animationInfo,
       setVisible: setVisible
     }, children));
-    if (typeof frame !== 'string' && frame && frame.current) {
+    if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
       return /*#__PURE__*/React.createElement(Portal, {
         container: frame.current
       }, rootNode);

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

@@ -82,7 +82,7 @@ export var PopupProvider = function PopupProvider(_ref) {
   };
   return /*#__PURE__*/React.createElement(PopupContext.Provider, {
     value: context
-  }, children, /*#__PURE__*/React.createElement(Portal, {
+  }, children, canUseDOM && /*#__PURE__*/React.createElement(Portal, {
     container: document.body
   }, /*#__PURE__*/React.createElement(StyledPortal, {
     id: rootId

package/emotion/es/components/Portal/Portal.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { canUseDOM } from '../../utils';
 /**
  * Вспомогательный компонент. Используется в Popup, Popover.
  * Представляет собой ReactDOM.createPortal() в форме компонента.
@@ -9,6 +10,9 @@ export var Portal = function Portal(_ref) {
     container = _ref.container,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  if (!canUseDOM) {
+    return null;
+  }
   var portalContainer = typeof container === 'function' ? container() : container;
   return /*#__PURE__*/React.createElement(React.Fragment, null, disabled && children, !disabled && /*#__PURE__*/ReactDOM.createPortal(children, portalContainer));
 };

package/emotion/es/components/Select/Select.tokens.js

@@ -93,8 +93,7 @@ export var tokens = {
   spinnerSize: '--plasma-select-spinner-size',
   spinnerSizeTight: '--plasma-select-spinner-size-tight',
   disclosureIconColor: '--plasma-select-disclosure-icon-color',
-  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',
-  contentLeftColor: '--plasma-select-content-left-color'
+  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
 };
 export var constants = {
   focusColor: '--surface-accent',