@salutejs/plasma-new-hope 0.113.0-canary.1331.10163315465.0 → 0.113.0-dev.0

package/styled-components/cjs/components/Header/Header.template-doc.mdx

@@ -0,0 +1,78 @@
+---
+id: header
+title: Header
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+## Компоненты для собственной сборки шапки
+Рекомендуется использовать компонент `Header`.
+Если вам нужно больше контроля за версткой шапки,
+используйте составные части, где корневым узлом будет `HeaderRoot`.
+
+### HeaderRoot
+<Description name="HeaderRoot" />
+<PropsTable name="HeaderRoot" />
+
+### HeaderArrow
+<Description name="HeaderArrow" />
+<PropsTable name="HeaderArrow" />
+
+### HeaderLogo
+<Description name="HeaderLogo" />
+<PropsTable name="HeaderLogo" />
+
+### Пример
+
+```tsx live
+import React from 'react';
+import {
+    HeaderRoot,
+    HeaderLogo,
+    HeaderTitle,
+    HeaderContent,
+    HeaderArrow,
+} from '@salutejs/{{ package }}';
+
+export function App() {
+    const [isBack, setIsBack] = useState(true);
+
+    const onBackClick = () => {
+        setIsBack(false);
+    };
+
+    const onMinimizeClick = () => {
+        setIsBack(true);
+    };
+
+    const props = {
+        view: 'default',
+        size: 'm',
+        title: 'Header title text',
+        subtitle: 'Subtitle text',
+        label: 'Label text',
+        gradientColor: '#F69555',
+        contentItemsNumber: 3,
+        enableIcons: true,
+    };
+
+    return (
+       <div style=\{{ position: 'relative', display: 'block', padding: '0 16px' }}>
+            <HeaderRoot {...props} style=\{{ marginLeft: '40px' }}>
+                {isBack ? (
+                    <HeaderArrow onClick={onBackClick} />
+                ) : (
+                    <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
+                )}
+                <HeaderLogo src="/{{ package }}/images/320_320_12.jpg" alt="Logo" />
+                <HeaderTitle>{props.title}</HeaderTitle>
+                <HeaderContent>
+                    <div>This is content</div>
+                </HeaderContent>
+            </HeaderRoot>
+        </div>
+    );
+}
+```
+
+  

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  headerLogoImage: 'header-logo-image',
+  headerArrow: 'header-arrow',
+  headerArrowIcon: 'header-arrow-icon',
+  headerArrowIconMinimize: 'header-arrow-icon-minimize',
+  headerRoot: 'header-root',
+  headerWithGradient: 'header-with-gradient'
+};
+var tokens = exports.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/cjs/components/Header/HeaderContent/HeaderContent.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderContent = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _HeaderContent = /*#__PURE__*/require("./HeaderContent.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 HeaderContent = exports.HeaderContent = function HeaderContent(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_HeaderContent.StyledHeaderContent, rest, children);
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledHeaderContent = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledHeaderContent = exports.StyledHeaderContent = /*#__PURE__*/_styledComponents["default"].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/cjs/components/Header/HeaderRoot/HeaderRoot.js

@@ -0,0 +1,54 @@
+"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.headerRootConfig = exports.headerRoot = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _Header = /*#__PURE__*/require("../Header.tokens");
+var _utils = /*#__PURE__*/require("../../../utils");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot.styles");
+var _excluded = ["children", "size", "view", "gradientColor"];
+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 headerRoot = exports.headerRoot = function headerRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRootRef) {
+    var children = props.children,
+      size = props.size,
+      view = props.view,
+      gradientColor = props.gradientColor,
+      rest = _objectWithoutProperties(props, _excluded);
+    var gradientColorClass = gradientColor ? _Header.classes.headerWithGradient : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view
+    }, /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledHeaderRoot, _extends({
+      className: (0, _utils.cx)(_Header.classes.headerRoot, gradientColorClass)
+    }, rest, {
+      $gradientColor: gradientColor
+    }), /*#__PURE__*/_react["default"].createElement(_HeaderRoot.StyledInner, null, children)));
+  });
+};
+var headerRootConfig = exports.headerRootConfig = {
+  name: 'HeaderRoot',
+  tag: 'div',
+  layout: headerRoot,
+  base: '',
+  variations: {
+    size: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledInner = exports.StyledHeaderRoot = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Header = /*#__PURE__*/require("../Header.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledHeaderRoot = exports.StyledHeaderRoot = /*#__PURE__*/_styledComponents["default"].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));}}"], _Header.tokens.headerHeight, _Header.tokens.headerPaddingTop, _Header.tokens.headerPaddingBottom, function (_ref) {
+  var $gradientColor = _ref.$gradientColor;
+  return String($gradientColor);
+}, /*#__PURE__*/String(_Header.classes.headerWithGradient), _Header.tokens.headerHeight, _Header.tokens.headerPaddingTop, _Header.tokens.headerPaddingBottom);
+var StyledInner = exports.StyledInner = /*#__PURE__*/_styledComponents["default"].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/cjs/components/Header/HeaderRoot/HeaderRoot.types.js

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

package/styled-components/cjs/components/Header/HeaderRoot/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/HeaderRoot/variations/_size/tokens.json

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

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HeaderContent", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderContent.HeaderContent;
+  }
+});
+Object.defineProperty(exports, "HeaderTitle", {
+  enumerable: true,
+  get: function get() {
+    return _ui.HeaderTitle;
+  }
+});
+Object.defineProperty(exports, "headerArrowConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ui.headerArrowConfig;
+  }
+});
+Object.defineProperty(exports, "headerClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Header.classes;
+  }
+});
+Object.defineProperty(exports, "headerLogoConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ui.headerLogoConfig;
+  }
+});
+Object.defineProperty(exports, "headerRootConfig", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderRoot.headerRootConfig;
+  }
+});
+Object.defineProperty(exports, "headerTitleWrapperConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ui.headerTitleWrapperConfig;
+  }
+});
+Object.defineProperty(exports, "headerTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Header.tokens;
+  }
+});
+var _ui = /*#__PURE__*/require("./ui");
+var _HeaderContent = /*#__PURE__*/require("./HeaderContent/HeaderContent");
+var _HeaderRoot = /*#__PURE__*/require("./HeaderRoot/HeaderRoot");
+var _Header = /*#__PURE__*/require("./Header.tokens");

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
+});