@salutejs/plasma-new-hope 0.113.0-canary.1331.10163315465.0 → 0.113.1-canary.1325.10178064945.0

package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js

@@ -0,0 +1,70 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.headerArrowRoot = exports.headerArrowConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Button = /*#__PURE__*/require("../../../Button");
+var _Header = /*#__PURE__*/require("../../Header.tokens");
+var _Icon = /*#__PURE__*/require("../../../_Icon");
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _HeaderArrow = /*#__PURE__*/require("./HeaderArrow.styles");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _base2 = /*#__PURE__*/require("./variations/_view/base");
+var _excluded = ["arrow", "iconSize", "value"];
+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); }
+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; }
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+
+/**
+ * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
+ */
+var headerArrowRoot = exports.headerArrowRoot = function headerArrowRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
+    var arrow = props.arrow,
+      _props$iconSize = props.iconSize,
+      iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
+      value = props.value,
+      rest = _objectWithoutProperties(props, _excluded);
+    var minimizeClass = arrow === 'minimize' ? _Header.classes.headerArrowIconMinimize : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/_react["default"].createElement(Button, _extends({
+      view: "clear",
+      size: "s",
+      tabIndex: -1,
+      className: _Header.classes.headerArrow,
+      value: value
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Icon.IconChevronLeft, _extends({
+      size: iconSize,
+      sizeCustomProperty: _Header.tokens.headerArrowIconSize,
+      className: (0, _utils.cx)(_Header.classes.headerArrowIcon, minimizeClass),
+      color: "inherit"
+    }, props))));
+  });
+};
+var headerArrowConfig = exports.headerArrowConfig = {
+  name: 'HeaderArrow',
+  tag: 'div',
+  layout: headerArrowRoot,
+  base: _HeaderArrow.base,
+  variations: {
+    view: {
+      css: _base2.base
+    },
+    size: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;"]);

package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _mixins = /*#__PURE__*/require("../../../../../../mixins");
+var _Header = /*#__PURE__*/require("../../../../Header.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(_Header.classes.headerArrow), _Header.tokens.headerArrowMarginRight, /*#__PURE__*/(0, _mixins.mediaQuery)('S')( /*#__PURE__*/"\n                position: static;\n                width: auto;\n                height: calc(var(".concat(_Header.tokens.headerPaddingTop, ") + var(").concat(_Header.tokens.headerHeight, ") + var(").concat(_Header.tokens.headerPaddingBottom, "));\n                padding: 0;\n                margin-right: 1rem;\n                margin-top: calc(var(").concat(_Header.tokens.headerPaddingTop, ") * -1);\n            ")));

package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_size/tokens.json

@@ -0,0 +1 @@
+["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]

package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Header = /*#__PURE__*/require("../../../../Header.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(_Header.classes.headerArrowIcon), _Header.tokens.headerArrowTransition, /*#__PURE__*/String(_Header.classes.headerArrowIconMinimize));

package/styled-components/cjs/components/Header/ui/HeaderArrow/variations/_view/tokens.json

@@ -0,0 +1 @@
+["--plasma-header-arrow-transition"]

package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js

@@ -0,0 +1,47 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.headerLogoRoot = exports.headerLogoConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Image = /*#__PURE__*/require("../../../Image");
+var _Header = /*#__PURE__*/require("../../Header.tokens");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+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); }
+// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
+// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
+
+// issue #823
+var Image = /*#__PURE__*/(0, _engines.component)(_Image.imageConfig);
+
+/**
+ * Компонент для размещения логотипа.
+ */
+var headerLogoRoot = exports.headerLogoRoot = function headerLogoRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/_react["default"].createElement(Image, _extends({
+      className: _Header.classes.headerLogoImage
+    }, props)));
+  });
+};
+var headerLogoConfig = exports.headerLogoConfig = {
+  name: 'HeaderLogo',
+  tag: 'div',
+  layout: headerLogoRoot,
+  base: '',
+  variations: {
+    size: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Header/ui/HeaderLogo/HeaderLogo.styles.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Header = /*#__PURE__*/require("../../Header.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(_Header.classes.headerLogoImage), _Header.tokens.headerHeight, _Header.tokens.headerLogoMarginRight);

package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Header = /*#__PURE__*/require("../../../../Header.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(_Header.classes.headerLogoImage), _Header.tokens.headerHeight, _Header.tokens.headerLogoMarginRight);

package/styled-components/cjs/components/Header/ui/HeaderLogo/variations/_size/tokens.json

@@ -0,0 +1 @@
+["--plasma-header-logo-margin-right"]

package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderTitle = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _HeaderTitle = /*#__PURE__*/require("./HeaderTitle.styles");
+var _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+/**
+ * Компонент для размещения заголовка.
+ */
+var HeaderTitle = exports.HeaderTitle = function HeaderTitle(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_HeaderTitle.StyledHeaderTitle, rest, children);
+};

package/styled-components/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledHeaderTitle = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledHeaderTitle = exports.StyledHeaderTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1a7z4tx-0"
+})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _mixins.h3, /*#__PURE__*/(0, _mixins.mediaQuery)('S')("\n        font-family: var(--plasma-typo-body-m-font-family);\n        font-size: var(--plasma-typo-body-m-font-size);\n        font-style: var(--plasma-typo-body-m-font-style);\n        letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n        line-height: var(--plasma-typo-body-m-line-height);\n        font-weight: 600;\n    "));

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js

@@ -0,0 +1,57 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.headerTitleWrapperRoot = exports.headerTitleWrapperConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _base2 = /*#__PURE__*/require("./variations/_view/base");
+var _HeaderTitleWrapper = /*#__PURE__*/require("./HeaderTitleWrapper.styles");
+var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
+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 _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; }
+/**
+ * Компонент для отображения текста в скомпанованном блоке.
+ */
+var headerTitleWrapperRoot = exports.headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
+    var label = props.label,
+      title = props.title,
+      subTitle = props.subTitle,
+      caption = props.caption,
+      withBigTitle = props.withBigTitle,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+    if (children) {
+      return /*#__PURE__*/_react["default"].createElement(Root, {
+        ref: outerRootRef
+      }, /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.TextBoxRoot, rest, children));
+    }
+    var T = withBigTitle ? _HeaderTitleWrapper.BigTitle : _HeaderTitleWrapper.Title;
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.TextBoxRoot, rest, label && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.Label, null, label), title && /*#__PURE__*/_react["default"].createElement(T, null, title), subTitle && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.SubTitle, null, subTitle), caption && /*#__PURE__*/_react["default"].createElement(_HeaderTitleWrapper.Caption, null, caption)));
+  });
+};
+var headerTitleWrapperConfig = exports.headerTitleWrapperConfig = {
+  name: 'HeaderTitleWrapper',
+  tag: 'div',
+  layout: headerTitleWrapperRoot,
+  base: '',
+  variations: {
+    view: {
+      css: _base2.base
+    },
+    size: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = exports.TextBoxRoot = exports.SubTitle = exports.Label = exports.Caption = exports.BiggerTitle = exports.BigTitle = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Header = /*#__PURE__*/require("../../Header.tokens");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-0"
+})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _mixins.bodyM, _Header.tokens.headerTitleMargin, _Header.tokens.headerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var BigTitle = exports.BigTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-1"
+})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _mixins.h3, _Header.tokens.headerBigTitleMargin, _Header.tokens.headerBiggerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var BiggerTitle = exports.BiggerTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-2"
+})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], _mixins.h1, _Header.tokens.headerBiggerTitleMargin, _Header.tokens.headerBiggerTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-3"
+})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerLabelMargin, _Header.tokens.headerLabelColor, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var SubTitle = exports.SubTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-4"
+})(["", ";margin:var(", ");color:var(", ");", ";", ";"], _mixins.bodyS, _Header.tokens.headerSubTitleMargin, _Header.tokens.headerSubTitleColor, _mixins.applyHyphens, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var Caption = exports.Caption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-5"
+})(["margin:var(", ");color:var(", ");", ";"], _Header.tokens.headerCaptionMargin, _Header.tokens.headerCaptionColor, /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var TextBoxRoot = exports.TextBoxRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-6"
+})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json

@@ -0,0 +1,8 @@
+[
+    "--plasma-header-title-margin",
+    "--plasma-header-big-title-margin",
+    "--plasma-header-bigger-title-margin",
+    "--plasma-header-label-margin",
+    "--plasma-header-subtitle-margin",
+    "--plasma-header-caption-margin"
+]

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:column;align-self:center;flex:1 1 max-content;max-width:max-content;min-width:10%;"]);

package/styled-components/cjs/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json

@@ -0,0 +1,8 @@
+[
+    "--plasma-header-title-color",
+    "--plasma-header-big-title-color",
+    "--plasma-header-bigger-title-color",
+    "--plasma-header-label-color",
+    "--plasma-header-subtitle-color",
+    "--plasma-header-caption-color"
+]

package/styled-components/cjs/components/Header/ui/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HeaderTitle", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderTitle.HeaderTitle;
+  }
+});
+Object.defineProperty(exports, "headerArrowConfig", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderArrow.headerArrowConfig;
+  }
+});
+Object.defineProperty(exports, "headerLogoConfig", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderLogo.headerLogoConfig;
+  }
+});
+Object.defineProperty(exports, "headerTitleWrapperConfig", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderTitleWrapper.headerTitleWrapperConfig;
+  }
+});
+var _HeaderLogo = /*#__PURE__*/require("./HeaderLogo/HeaderLogo");
+var _HeaderArrow = /*#__PURE__*/require("./HeaderArrow/HeaderArrow");
+var _HeaderTitleWrapper = /*#__PURE__*/require("./HeaderTitleWrapper/HeaderTitleWrapper");
+var _HeaderTitle = /*#__PURE__*/require("./HeaderTitle/HeaderTitle");

package/styled-components/cjs/components/Modal/hooks/useModal.js

@@ -16,14 +16,12 @@ 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) {
@@ -46,19 +44,6 @@ 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/styled-components/cjs/components/Popup/PopupContext.js

@@ -6,6 +6,7 @@ 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(); }
@@ -34,22 +35,36 @@ 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([].concat(_toConsumableArray(items), [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]);
+    });
   };
   var unregister = function unregister(id) {
-    var index = items.findIndex(function (item) {
-      return id === item.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;
     });
-    if (index === -1) {
-      return;
-    }
-    items.splice(index, 1);
-    setItems(_toConsumableArray(items));
   };
   var context = {
     items: items,

package/styled-components/cjs/components/Popup/hooks/usePopup.js

@@ -81,6 +81,11 @@ 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/styled-components/cjs/components/Range/Range.styles.js

@@ -8,7 +8,6 @@ exports.base = exports.StyledLabel = exports.StyledInput = exports.StyledDivider
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../engines");
 var _TextField = /*#__PURE__*/require("../TextField");
-var _Popover = /*#__PURE__*/require("../Popover");
 var _Range = /*#__PURE__*/require("./Range.tokens");
 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; }
@@ -18,8 +17,8 @@ var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 // NOTE: переопределение токенов TextField
 var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-xpkrak-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{display:block;flex:1;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
+})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:fit-content;"]);
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-xpkrak-1"
 })([""]);