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

package/styled-components/es/components/Header/Header.tokens.js

@@ -0,0 +1,33 @@
+export var classes = {
+  headerLogoImage: 'header-logo-image',
+  headerArrow: 'header-arrow',
+  headerArrowIcon: 'header-arrow-icon',
+  headerArrowIconMinimize: 'header-arrow-icon-minimize',
+  headerRoot: 'header-root',
+  headerWithGradient: 'header-with-gradient'
+};
+export var tokens = {
+  headerHeight: '--plasma-header-height',
+  headerPaddingTop: '--plasma-header-padding-top',
+  headerPaddingBottom: '--plasma-header-padding-bottom',
+  headerLogoMarginRight: '--plasma-header-logo-margin-right',
+  headerArrowTransition: '--plasma-header-arrow-transition',
+  headerArrowMarginRight: '--plasma-header-arrow-margin-right',
+  headerArrowIconSize: '--plasma-header-arrow-icon-size',
+  headerArrowButtonColor: '--plasma-button-color',
+  headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
+  headerArrowHeight: '--plasma-button-height',
+  headerArrowPadding: '--plasma-button-padding',
+  headerTitleMargin: '--plasma-header-title-margin',
+  headerBigTitleMargin: '--plasma-header-big-title-margin',
+  headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
+  headerLabelMargin: '--plasma-header-label-margin',
+  headerSubTitleMargin: '--plasma-header-subtitle-margin',
+  headerCaptionMargin: '--plasma-header-caption-margin',
+  headerTitleColor: '--plasma-header-title-color',
+  headerBigTitleColor: '--plasma-header-big-title-color',
+  headerBiggerTitleColor: '--plasma-header-bigger-title-color',
+  headerLabelColor: '--plasma-header-label-color',
+  headerSubTitleColor: '--plasma-header-subtitle-color',
+  headerCaptionColor: '--plasma-header-caption-color'
+};

package/styled-components/es/components/Header/HeaderContent/HeaderContent.js

@@ -0,0 +1,14 @@
+var _excluded = ["children"];
+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; }
+import React from 'react';
+import { StyledHeaderContent } from './HeaderContent.styles';
+
+/**
+ * Контейнер для контента шапки.
+ */
+export var HeaderContent = function HeaderContent(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
+};

package/styled-components/es/components/Header/HeaderContent/HeaderContent.styles.js

@@ -0,0 +1,4 @@
+import styled from 'styled-components';
+export var StyledHeaderContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1fblkxc-0"
+})(["display:flex;justify-content:flex-end;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;"]);

package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.js

@@ -0,0 +1,46 @@
+var _excluded = ["children", "size", "view", "gradientColor"];
+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; }
+import React, { forwardRef } from 'react';
+import { classes } from '../Header.tokens';
+import { cx } from '../../../utils';
+import { base as sizeCSS } from './variations/_size/base';
+import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';
+
+/**
+ * Корневой узел для шапки.
+ */
+export var headerRoot = function headerRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
+    var children = props.children,
+      size = props.size,
+      view = props.view,
+      gradientColor = props.gradientColor,
+      rest = _objectWithoutProperties(props, _excluded);
+    var gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view
+    }, /*#__PURE__*/React.createElement(StyledHeaderRoot, _extends({
+      className: cx(classes.headerRoot, gradientColorClass)
+    }, rest, {
+      $gradientColor: gradientColor
+    }), /*#__PURE__*/React.createElement(StyledInner, null, children)));
+  });
+};
+export var headerRootConfig = {
+  name: 'HeaderRoot',
+  tag: 'div',
+  layout: headerRoot,
+  base: '',
+  variations: {
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};

package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.styles.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { classes, tokens } from '../Header.tokens';
+export var StyledHeaderRoot = /*#__PURE__*/styled.header.withConfig({
+  componentId: "plasma-new-hope__sc-tdrw2s-0"
+})(["box-sizing:content-box;height:var(", ");padding-top:var(", ");padding-bottom:var(", ");--header_private-gradient-color:", ";&.", "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(", ") + var(", ") + var(", ") );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}}"], tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom, function (_ref) {
+  var $gradientColor = _ref.$gradientColor;
+  return String($gradientColor);
+}, /*#__PURE__*/String(classes.headerWithGradient), tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom);
+export var StyledInner = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-tdrw2s-1"
+})(["position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%;"]);

package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js

@@ -0,0 +1 @@
+export {};

package/styled-components/es/components/Header/HeaderRoot/variations/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Header/HeaderRoot/variations/_size/tokens.json

@@ -0,0 +1 @@
+["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]

package/styled-components/es/components/Header/index.js

@@ -0,0 +1,4 @@
+export { headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig, HeaderTitle } from './ui';
+export { HeaderContent } from './HeaderContent/HeaderContent';
+export { headerRootConfig } from './HeaderRoot/HeaderRoot';
+export { tokens as headerTokens, classes as headerClasses } from './Header.tokens';

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

@@ -0,0 +1,61 @@
+var _excluded = ["arrow", "iconSize", "value"];
+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; }
+import React, { forwardRef } from 'react';
+import { component, mergeConfig } from '../../../../engines';
+import { buttonConfig } from '../../../Button';
+import { classes, tokens } from '../../Header.tokens';
+import { IconChevronLeft } from '../../../_Icon';
+import { cx } from '../../../../utils';
+import { base } from './HeaderArrow.styles';
+import { base as sizeCSS } from './variations/_size/base';
+import { base as viewCSS } from './variations/_view/base';
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
+
+/**
+ * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
+ */
+export var headerArrowRoot = function headerArrowRoot(Root) {
+  return /*#__PURE__*/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' ? classes.headerArrowIconMinimize : undefined;
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/React.createElement(Button, _extends({
+      view: "clear",
+      size: "s",
+      tabIndex: -1,
+      className: classes.headerArrow,
+      value: value
+    }, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
+      size: iconSize,
+      sizeCustomProperty: tokens.headerArrowIconSize,
+      className: cx(classes.headerArrowIcon, minimizeClass),
+      color: "inherit"
+    }, props))));
+  });
+};
+export var headerArrowConfig = {
+  name: 'HeaderArrow',
+  tag: 'div',
+  layout: headerArrowRoot,
+  base: base,
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

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

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css(["position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;"]);

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { css } from 'styled-components';
+import { mediaQuery } from '../../../../../../mixins';
+import { classes, tokens } from '../../../../Header.tokens';
+export var base = /*#__PURE__*/css([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(classes.headerArrow), tokens.headerArrowMarginRight, /*#__PURE__*/mediaQuery('S')( /*#__PURE__*/"\n                position: static;\n                width: auto;\n                height: calc(var(".concat(tokens.headerPaddingTop, ") + var(").concat(tokens.headerHeight, ") + var(").concat(tokens.headerPaddingBottom, "));\n                padding: 0;\n                margin-right: 1rem;\n                margin-top: calc(var(").concat(tokens.headerPaddingTop, ") * -1);\n            ")));

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { classes, tokens } from '../../../../Header.tokens';
+export var base = /*#__PURE__*/css([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(classes.headerArrowIcon), tokens.headerArrowTransition, /*#__PURE__*/String(classes.headerArrowIconMinimize));

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

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

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

@@ -0,0 +1,39 @@
+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); }
+import React, { forwardRef } from 'react';
+import { component } from '../../../../engines';
+import { imageConfig } from '../../../Image';
+import { classes } from '../../Header.tokens';
+import { base as sizeCSS } from './variations/_size/base';
+
+// 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__*/component(imageConfig);
+
+/**
+ * Компонент для размещения логотипа.
+ */
+export var headerLogoRoot = function headerLogoRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/React.createElement(Image, _extends({
+      className: classes.headerLogoImage
+    }, props)));
+  });
+};
+export var headerLogoConfig = {
+  name: 'HeaderLogo',
+  tag: 'div',
+  layout: headerLogoRoot,
+  base: '',
+  variations: {
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};

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

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { classes, tokens } from '../../Header.tokens';
+export var base = /*#__PURE__*/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(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);

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

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { classes, tokens } from '../../../../Header.tokens';
+export var base = /*#__PURE__*/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(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);

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

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

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

@@ -0,0 +1,14 @@
+var _excluded = ["children"];
+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; }
+import React from 'react';
+import { StyledHeaderTitle } from './HeaderTitle.styles';
+
+/**
+ * Компонент для размещения заголовка.
+ */
+export var HeaderTitle = function HeaderTitle(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledHeaderTitle, rest, children);
+};

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

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+import { applyEllipsis, h3, mediaQuery } from '../../../../mixins';
+export var StyledHeaderTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1a7z4tx-0"
+})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/applyEllipsis(), h3, /*#__PURE__*/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/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js

@@ -0,0 +1,49 @@
+var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
+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; }
+import React, { forwardRef } from 'react';
+import { base as sizeCSS } from './variations/_size/base';
+import { base as viewCSS } from './variations/_view/base';
+import { BigTitle, Caption, Label, SubTitle, TextBoxRoot, Title } from './HeaderTitleWrapper.styles';
+
+/**
+ * Компонент для отображения текста в скомпанованном блоке.
+ */
+export var headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
+  return /*#__PURE__*/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.createElement(Root, {
+        ref: outerRootRef
+      }, /*#__PURE__*/React.createElement(TextBoxRoot, rest, children));
+    }
+    var T = withBigTitle ? BigTitle : Title;
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/React.createElement(TextBoxRoot, rest, label && /*#__PURE__*/React.createElement(Label, null, label), title && /*#__PURE__*/React.createElement(T, null, title), subTitle && /*#__PURE__*/React.createElement(SubTitle, null, subTitle), caption && /*#__PURE__*/React.createElement(Caption, null, caption)));
+  });
+};
+export var headerTitleWrapperConfig = {
+  name: 'HeaderTitleWrapper',
+  tag: 'div',
+  layout: headerTitleWrapperRoot,
+  base: '',
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

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

@@ -0,0 +1,24 @@
+import styled from 'styled-components';
+import { tokens } from '../../Header.tokens';
+import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '../../../../mixins';
+export var Title = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-0"
+})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyM, tokens.headerTitleMargin, tokens.headerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
+export var BigTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-1"
+})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h3, tokens.headerBigTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
+export var BiggerTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-2"
+})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h1, tokens.headerBiggerTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
+export var Label = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-3"
+})(["margin:var(", ");color:var(", ");", ";"], tokens.headerLabelMargin, tokens.headerLabelColor, /*#__PURE__*/applyEllipsis());
+export var SubTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-4"
+})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyS, tokens.headerSubTitleMargin, tokens.headerSubTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
+export var Caption = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-5"
+})(["margin:var(", ");color:var(", ");", ";"], tokens.headerCaptionMargin, tokens.headerCaptionColor, /*#__PURE__*/applyEllipsis());
+export var TextBoxRoot = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1jzpuar-6"
+})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/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/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css(["display:flex;flex-direction:column;align-self:center;flex:1 1 max-content;max-width:max-content;min-width:10%;"]);

package/styled-components/es/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/es/components/Header/ui/index.js

@@ -0,0 +1,4 @@
+export { headerLogoConfig } from './HeaderLogo/HeaderLogo';
+export { headerArrowConfig } from './HeaderArrow/HeaderArrow';
+export { headerTitleWrapperConfig } from './HeaderTitleWrapper/HeaderTitleWrapper';
+export { HeaderTitle } from './HeaderTitle/HeaderTitle';

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

@@ -4,20 +4,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useCallback, useEffect, useRef } from 'react';
-import { getIdLastModal, hasModals } from '../ModalContext';
+import { useCallback, useEffect } from 'react';
+import { getIdLastModal } from '../ModalContext';
 import { usePopupContext } from '../../Popup';
 var ESCAPE_KEYCODE = 27;
 export var 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 = usePopupContext();
-  var overflow = useRef(document.body.style.overflowY);
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = useCallback(function (event) {
@@ -40,19 +38,6 @@ export var useModal = function useModal(_ref) {
       window.removeEventListener('keydown', onKeyDown);
     };
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
-
-  // linaria не поддерживает динамический global
-  useEffect(function () {
-    if (isOpen) {
-      overflow.current = document.body.style.overflowY;
-      document.body.style.overflowY = 'hidden';
-    }
-  }, [isOpen]);
-  useEffect(function () {
-    if (!isOpen && !hasModals(popupController.items)) {
-      document.body.style.overflowY = overflow.current;
-    }
-  }, [isOpen, overflow.current, popupController.items]);
   var modalInfo = _objectSpread({
     id: id,
     info: {

package/styled-components/es/components/Popup/PopupContext.js

@@ -8,7 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { createContext, useEffect, useState, useContext } from 'react';
+import React, { createContext, useEffect, useState, useContext, useRef } from 'react';
+import { hasModals } from '../Modal/ModalContext';
 export var POPUP_PORTAL_ID = 'plasma-popup-root';
 var items = [];
 var PopupContext = /*#__PURE__*/createContext({
@@ -25,22 +26,36 @@ export var usePopupContext = function usePopupContext() {
 };
 export var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
+  var prevBodyOverflowY = useRef(document.body.style.overflowY);
   var _useState = 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 && !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 = hasModals(prevItems);
+      prevItems.splice(index, 1);
+      if (prevHasModals && !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/es/components/Popup/hooks/usePopup.js

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

package/styled-components/es/components/Range/Range.styles.js

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