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

package/cjs/components/Header/HeaderRoot/HeaderRoot.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Header_tokens = require('../Header.tokens.js');
+var index = require('../../../utils/index.js');
+var base = require('./variations/_size/base.js');
+var HeaderRoot_styles = require('./HeaderRoot.styles.js');
+
+var _excluded = ["children", "size", "view", "gradientColor"];
+
+/**
+ * Корневой узел для шапки.
+ */
+var headerRoot = function headerRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, outerRootRef) {
+    var children = props.children,
+      size = props.size,
+      view = props.view,
+      gradientColor = props.gradientColor,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var gradientColorClass = gradientColor ? Header_tokens.classes.headerWithGradient : undefined;
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view
+    }, /*#__PURE__*/React.createElement(HeaderRoot_styles.StyledHeaderRoot, _rollupPluginBabelHelpers.extends({
+      className: index.cx(Header_tokens.classes.headerRoot, gradientColorClass)
+    }, rest, {
+      $gradientColor: gradientColor
+    }), /*#__PURE__*/React.createElement(HeaderRoot_styles.StyledInner, null, children)));
+  });
+};
+var headerRootConfig = {
+  name: 'HeaderRoot',
+  tag: 'div',
+  layout: headerRoot,
+  base: '',
+  variations: {
+    size: {
+      css: base.base
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};
+
+exports.headerRoot = headerRoot;
+exports.headerRootConfig = headerRootConfig;
+//# sourceMappingURL=HeaderRoot.js.map

package/cjs/components/Header/HeaderRoot/HeaderRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../Header.tokens';\nimport { cx } from '../../../utils';\n\nimport type { HeaderRootProps } from './HeaderRoot.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';\n\n/**\n * Корневой узел для шапки.\n */\nexport const headerRoot = (Root: RootProps<HTMLDivElement, HeaderRootProps>) =>\n    forwardRef<HTMLDivElement, HeaderRootProps>((props, outerRootRef) => {\n        const { children, size, view, gradientColor, ...rest } = props;\n\n        const gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;\n\n        return (\n            <Root ref={outerRootRef} size={size} view={view}>\n                <StyledHeaderRoot\n                    className={cx(classes.headerRoot, gradientColorClass)}\n                    {...rest}\n                    $gradientColor={gradientColor}\n                >\n                    <StyledInner>{children}</StyledInner>\n                </StyledHeaderRoot>\n            </Root>\n        );\n    });\n\nexport const headerRootConfig = {\n    name: 'HeaderRoot',\n    tag: 'div',\n    layout: headerRoot,\n    base: '',\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["headerRoot","Root","forwardRef","props","outerRootRef","children","size","view","gradientColor","rest","_objectWithoutProperties","_excluded","gradientColorClass","classes","headerWithGradient","undefined","React","createElement","ref","StyledHeaderRoot","_extends","className","cx","$gradientColor","StyledInner","headerRootConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;AAUA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CAAkC,UAACC,KAAK,EAAEC,YAAY,EAAK;AACjE,IAAA,IAAQC,QAAQ,GAAyCF,KAAK,CAAtDE,QAAQ;MAAEC,IAAI,GAAmCH,KAAK,CAA5CG,IAAI;MAAEC,IAAI,GAA6BJ,KAAK,CAAtCI,IAAI;MAAEC,aAAa,GAAcL,KAAK,CAAhCK,aAAa;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAE9D,IAAMC,kBAAkB,GAAGJ,aAAa,GAAGK,qBAAO,CAACC,kBAAkB,GAAGC,SAAS,CAAA;AAEjF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eAC5CS,KAAA,CAAAC,aAAA,CAACE,kCAAgB,EAAAC,iCAAA,CAAA;AACbC,MAAAA,SAAS,EAAEC,QAAE,CAACT,qBAAO,CAACb,UAAU,EAAEY,kBAAkB,CAAA;AAAE,KAAA,EAClDH,IAAI,EAAA;AACRc,MAAAA,cAAc,EAAEf,aAAAA;KAEhBQ,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,6BAAW,EAAEnB,IAAAA,EAAAA,QAAsB,CACtB,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,UAAU;AAClB6B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -0,0 +1,30 @@
+import './HeaderRoot.styles_tgf9lv.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var _exp4 = function _exp4() {
+  return function (_ref) {
+    var $gradientColor = _ref.$gradientColor;
+    return String($gradientColor);
+  };
+};
+var StyledHeaderRoot = /*#__PURE__*/react.styled('header')({
+  name: "StyledHeaderRoot",
+  "class": "s1pft4si",
+  propsAsIs: false,
+  vars: {
+    "s1pft4si-0": [/*#__PURE__*/_exp4()]
+  }
+});
+var StyledInner = /*#__PURE__*/react.styled('div')({
+  name: "StyledInner",
+  "class": "s4v2au0",
+  propsAsIs: false
+});
+
+exports.StyledHeaderRoot = StyledHeaderRoot;
+exports.StyledInner = StyledInner;
+//# sourceMappingURL=HeaderRoot.styles.js.map

package/cjs/components/Header/HeaderRoot/HeaderRoot.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.styles.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../Header.tokens';\n\nimport type { StyledHeaderRootProps } from './HeaderRoot.types';\n\nexport const StyledHeaderRoot = styled.header<StyledHeaderRootProps>`\n    box-sizing: content-box;\n\n    height: var(${tokens.headerHeight});\n    padding-top: var(${tokens.headerPaddingTop});\n    padding-bottom: var(${tokens.headerPaddingBottom});\n\n    --header_private-gradient-color: ${({ $gradientColor }) => String($gradientColor)};\n    &.${String(classes.headerWithGradient)} {\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: calc(\n                var(${tokens.headerHeight}) + var(${tokens.headerPaddingTop}) + var(${tokens.headerPaddingBottom})\n            );\n            background-image: linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));\n        }\n    }\n`;\n\nexport const StyledInner = styled.div`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["_exp4","_ref","$gradientColor","String","StyledHeaderRoot","styled","name","class","propsAsIs","vars","StyledInner"],"mappings":";;;;;;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAaD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAqBC,MAAM,CAACD,cAAc,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP9E,IAAME,gBAAgB,gBAAGC,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOCT,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAcpF,EAAA;AAEM,IAAMU,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC;;;;;"}

package/cjs/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css

@@ -0,0 +1,2 @@
+.s1pft4si{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.s1pft4si.header-with-gradient::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
+.s4v2au0{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}

package/cjs/components/Header/HeaderRoot/variations/_size/base.js

@@ -0,0 +1,9 @@
+import './base_x642ct.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "brb8zt1";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Header/HeaderRoot/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/Header/HeaderRoot/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Header/HeaderRoot/variations/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css

@@ -0,0 +1,33 @@
+.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
+
+.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
+.Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
+.Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
+.Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
+.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
+.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.HeaderArrow_styles_y91a69_b14hodcq__c7749097{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}
+
+.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}
+
+.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIcon__8260a31c{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIconMinimize__8260a31c{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}

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

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

package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n    forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n        const { arrow, iconSize = 's', value, ...rest } = props;\n\n        const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n        return (\n            <Root ref={outerRootRef}>\n                <Button\n                    view=\"clear\"\n                    size=\"s\"\n                    tabIndex={-1}\n                    className={classes.headerArrow}\n                    value={value as string}\n                    {...rest}\n                >\n                    <IconChevronLeft\n                        size={iconSize}\n                        sizeCustomProperty={tokens.headerArrowIconSize}\n                        className={cx(classes.headerArrowIcon, minimizeClass)}\n                        color=\"inherit\"\n                        {...props}\n                    />\n                </Button>\n            </Root>\n        );\n    });\n\nexport const headerArrowConfig = {\n    name: 'HeaderArrow',\n    tag: 'div',\n    layout: headerArrowRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,gBAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,qBAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,iCAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,qBAAO,CAACW,WAAY;AAC/BhB,MAAAA,KAAK,EAAEA,KAAAA;KACHC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACQ,+BAAe,EAAAN,iCAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfmB,kBAAkB,EAAEC,oBAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,QAAE,CAAChB,qBAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX5B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,eAAe;AACvBoC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -0,0 +1,9 @@
+import './HeaderArrow.styles_y91a69.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b14hodcq";
+
+exports.base = base;
+//# sourceMappingURL=HeaderArrow.styles.js.map

package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderArrow.styles.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    margin-top: auto;\n    margin-bottom: auto;\n    right: 100%;\n`;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAOhB;;;;"}

package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.styles_y91a69.css

@@ -0,0 +1 @@
+.b14hodcq{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}

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

@@ -0,0 +1,9 @@
+import './base_dhbe4b.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1pl11t";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Header/ui/HeaderArrow/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { mediaQuery } from '../../../../../../mixins';\nimport { classes, tokens } from '../../../../Header.tokens';\n\nexport const base = css`\n    .${String(classes.headerArrow)} {\n        margin-right: var(${tokens.headerArrowMarginRight});\n\n        ${mediaQuery('S')(`\n                position: static;\n                width: auto;\n                height: calc(var(${tokens.headerPaddingTop}) + var(${tokens.headerHeight}) + var(${tokens.headerPaddingBottom}));\n                padding: 0;\n                margin-right: 1rem;\n                margin-top: calc(var(${tokens.headerPaddingTop}) * -1);\n            `)}\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAahB;;;;"}

package/cjs/components/Header/ui/HeaderArrow/variations/_size/base_dhbe4b.css

@@ -0,0 +1 @@
+.b1pl11t .header-arrow{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.b1pl11t .header-arrow{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}

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

@@ -0,0 +1,9 @@
+import './base_1abc76u.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b5hu1qa";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Header/ui/HeaderArrow/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../Header.tokens';\n\nexport const base = css`\n    .${String(classes.headerArrowIcon)} {\n        transition: var(${tokens.headerArrowTransition});\n    }\n\n    .${String(classes.headerArrowIconMinimize)} {\n        transform: rotate(-90deg);\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}

package/cjs/components/Header/ui/HeaderArrow/variations/_view/base_1abc76u.css

@@ -0,0 +1 @@
+.b5hu1qa .header-arrow-icon{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.b5hu1qa .header-arrow-icon-minimize{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}

package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.css

@@ -0,0 +1,5 @@
+.Image_styles_12ttxgz_birej10__83bd03eb{position:relative;display:block;box-sizing:border-box;overflow:hidden;height:inherit;border-radius:inherit;width:var(--plasma_private-image-width);height:var(--plasma_private-image-height);padding-bottom:var(--plasma_private-image-pading-bottom);}
+.Image_styles_12ttxgz_s2ny8jg__83bd03eb{width:100%;height:100%;object-fit:cover;position:absolute;}
+.Image_styles_12ttxgz_s1e232qk__83bd03eb{width:100%;height:100%;position:absolute;background-position:center;background-size:cover;}
+
+.base_1ght2ik_b1dbu9r0__c7db4365 .base_1ght2ik_headerLogoImage__c7db4365{--plasma_private-header-size:var(--plasma-header-height);width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);-webkit-flex:0 0 var(--plasma_private-header-size);-ms-flex:0 0 var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(--plasma-header-logo-margin-right);}

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+var Image$1 = require('../../../Image/Image.js');
+var Header_tokens = require('../../Header.tokens.js');
+var base = require('./variations/_size/base.js');
+
+// 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__*/common.component(Image$1.imageConfig);
+
+/**
+ * Компонент для размещения логотипа.
+ */
+var headerLogoRoot = function headerLogoRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, outerRootRef) {
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef
+    }, /*#__PURE__*/React.createElement(Image, _rollupPluginBabelHelpers.extends({
+      className: Header_tokens.classes.headerLogoImage
+    }, props)));
+  });
+};
+var headerLogoConfig = {
+  name: 'HeaderLogo',
+  tag: 'div',
+  layout: headerLogoRoot,
+  base: '',
+  variations: {
+    size: {
+      css: base.base
+    }
+  },
+  defaults: {
+    size: 'm'
+  }
+};
+
+exports.headerLogoConfig = headerLogoConfig;
+exports.headerLogoRoot = headerLogoRoot;
+//# sourceMappingURL=HeaderLogo.js.map

package/cjs/components/Header/ui/HeaderLogo/HeaderLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/Header/ui/HeaderLogo/HeaderLogo.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { imageConfig } from '../../../Image';\nimport type { ImageProps } from '../../../Image';\nimport { classes } from '../../Header.tokens';\n\nimport { base as sizeCSS } from './variations/_size/base';\n\n// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'\n// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18\nexport type HeaderLogoProps = Omit<\n    ImageProps,\n    'height' | 'width' | 'ratio' | 'customRatio' | 'onResize' | 'onResizeCapture' | 'nonce'\n>;\n\n// issue #823\nconst Image = component(imageConfig);\n\n/**\n * Компонент для размещения логотипа.\n */\nexport const headerLogoRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n    forwardRef<HTMLDivElement, HeaderLogoProps>((props, outerRootRef) => {\n        return (\n            <Root ref={outerRootRef}>\n                <Image className={classes.headerLogoImage} {...props} />\n            </Root>\n        );\n    });\n\nexport const headerLogoConfig = {\n    name: 'HeaderLogo',\n    tag: 'div',\n    layout: headerLogoRoot,\n    base: '',\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["Image","component","imageConfig","headerLogoRoot","Root","forwardRef","props","outerRootRef","React","createElement","ref","_extends","className","classes","headerLogoImage","headerLogoConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;AAWA;AACA;;AAMA;AACA,IAAMA,KAAK,gBAAGC,gBAAS,CAACC,mBAAW,CAAC,CAAA;;AAEpC;AACA;AACA;IACaC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC1FC,gBAAU,CAAkC,UAACC,KAAK,EAAEC,YAAY,EAAK;AACjE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACL,IAAI,EAAA;AAACM,MAAAA,GAAG,EAAEH,YAAAA;AAAa,KAAA,eACpBC,KAAA,CAAAC,aAAA,CAACT,KAAK,EAAAW,iCAAA,CAAA;MAACC,SAAS,EAAEC,qBAAO,CAACC,eAAAA;KAAqBR,EAAAA,KAAK,CAAG,CACrD,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMS,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEf,cAAc;AACtBgB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -0,0 +1,9 @@
+import './base_1ght2ik.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1dbu9r0";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/Header/ui/HeaderLogo/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../Header.tokens';\n\nexport const base = css`\n    .${String(classes.headerLogoImage)} {\n        --plasma_private-header-size: var(${tokens.headerHeight});\n\n        width: var(--plasma_private-header-size);\n        height: var(--plasma_private-header-size);\n        flex: 0 0 var(--plasma_private-header-size);\n\n        margin-right: var(${tokens.headerLogoMarginRight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAUhB;;;;"}

package/cjs/components/Header/ui/HeaderLogo/variations/_size/base_1ght2ik.css

@@ -0,0 +1 @@
+.b1dbu9r0 .header-logo-image{--plasma_private-header-size:var(--plasma-header-height);width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);-webkit-flex:0 0 var(--plasma_private-header-size);-ms-flex:0 0 var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(--plasma-header-logo-margin-right);}

package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.css

@@ -0,0 +1 @@
+.HeaderTitle_styles_1tcobl_sia0zz2__4eb0558d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;}@media (max-width:1118px){.HeaderTitle_styles_1tcobl_sia0zz2__4eb0558d{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);font-weight:600;}}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var HeaderTitle_styles = require('./HeaderTitle.styles.js');
+
+var _excluded = ["children"];
+
+/**
+ * Компонент для размещения заголовка.
+ */
+var HeaderTitle = function HeaderTitle(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(HeaderTitle_styles.StyledHeaderTitle, rest, children);
+};
+
+exports.HeaderTitle = HeaderTitle;
+//# sourceMappingURL=HeaderTitle.js.map

package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTitle.js","sources":["../../../../../src/components/Header/ui/HeaderTitle/HeaderTitle.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledHeaderTitle } from './HeaderTitle.styles';\n\n/**\n * Компонент для размещения заголовка.\n */\nexport const HeaderTitle = ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => (\n    <StyledHeaderTitle {...rest}>{children}</StyledHeaderTitle>\n);\n"],"names":["HeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledHeaderTitle"],"mappings":";;;;;;;;;;AAIA;AACA;AACA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAAA,oBAC3CC,KAAA,CAAAC,aAAA,CAACC,oCAAiB,EAAKL,IAAI,EAAGD,QAA4B,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,15 @@
+import './HeaderTitle.styles_1tcobl.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var StyledHeaderTitle = /*#__PURE__*/react.styled('div')({
+  name: "StyledHeaderTitle",
+  "class": "sia0zz2",
+  propsAsIs: false
+});
+
+exports.StyledHeaderTitle = StyledHeaderTitle;
+//# sourceMappingURL=HeaderTitle.styles.js.map

package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTitle.styles.js","sources":["../../../../../src/components/Header/ui/HeaderTitle/HeaderTitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis, h3, mediaQuery } from '../../../../mixins';\n\nexport const StyledHeaderTitle = styled.div`\n    ${applyEllipsis()};\n\n    ${h3};\n    font-weight: 600;\n\n    ${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    `)};\n`;\n"],"names":["StyledHeaderTitle","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CActC;;;;"}

package/cjs/components/Header/ui/HeaderTitle/HeaderTitle.styles_1tcobl.css

@@ -0,0 +1 @@
+.sia0zz2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;}@media (max-width:1118px){.sia0zz2{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);font-weight:600;}}

package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.css

@@ -0,0 +1,9 @@
+.base_8u2c1r_bqjs9ns__f39cd122{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex:1 1 max-content;-ms-flex:1 1 max-content;flex:1 1 max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;min-width:10%;}
+
+.HeaderTitleWrapper_styles_1lra53t_t7wn5f0__eada4169{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);margin:var(--plasma-header-title-margin);color:var(--plasma-header-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_bkd5o5i__eada4169{font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;margin:var(--plasma-header-big-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_bn0jkdd__eada4169{font-family:var(--plasma-typo-h1-font-family);font-size:var(--plasma-typo-h1-font-size);font-style:var(--plasma-typo-h1-font-style);font-weight:var(--plasma-typo-h1-font-weight);-webkit-letter-spacing:var(--plasma-typo-h1-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h1-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h1-letter-spacing);letter-spacing:var(--plasma-typo-h1-letter-spacing);line-height:var(--plasma-typo-h1-line-height);font-weight:600;margin:var(--plasma-header-bigger-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_l1216phq__eada4169{margin:var(--plasma-header-label-margin);color:var(--plasma-header-label-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_st5x6gi__eada4169{font-family:var(--plasma-typo-body-s-font-family);font-size:var(--plasma-typo-body-s-font-size);font-style:var(--plasma-typo-body-s-font-style);font-weight:var(--plasma-typo-body-s-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-s-letter-spacing);letter-spacing:var(--plasma-typo-body-s-letter-spacing);line-height:var(--plasma-typo-body-s-line-height);margin:var(--plasma-header-subtitle-margin);color:var(--plasma-header-subtitle-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_cig18vd__eada4169{margin:var(--plasma-header-caption-margin);color:var(--plasma-header-caption-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.HeaderTitleWrapper_styles_1lra53t_tnlilk7__eada4169 > :first-child{margin-top:0;}.HeaderTitleWrapper_styles_1lra53t_tnlilk7__eada4169 > :last-child{margin-bottom:0;}

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

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

package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTitleWrapper.js","sources":["../../../../../src/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport type { RootProps } from '../../../../engines';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport type { HeaderTitleWrapperProps } from './HeaderTitleWrapper.types';\nimport { BigTitle, Caption, Label, SubTitle, TextBoxRoot, Title } from './HeaderTitleWrapper.styles';\n\n/**\n * Компонент для отображения текста в скомпанованном блоке.\n */\nexport const headerTitleWrapperRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n    forwardRef<HTMLDivElement, HeaderTitleWrapperProps>((props, outerRootRef) => {\n        const { label, title, subTitle, caption, withBigTitle, children, ...rest } = props;\n\n        if (children) {\n            return (\n                <Root ref={outerRootRef}>\n                    <TextBoxRoot {...rest}>{children}</TextBoxRoot>\n                </Root>\n            );\n        }\n\n        const T = withBigTitle ? BigTitle : Title;\n\n        return (\n            <Root ref={outerRootRef}>\n                <TextBoxRoot {...rest}>\n                    {label && <Label>{label}</Label>}\n                    {title && <T>{title}</T>}\n                    {subTitle && <SubTitle>{subTitle}</SubTitle>}\n                    {caption && <Caption>{caption}</Caption>}\n                </TextBoxRoot>\n            </Root>\n        );\n    });\n\nexport const headerTitleWrapperConfig = {\n    name: 'HeaderTitleWrapper',\n    tag: 'div',\n    layout: headerTitleWrapperRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["headerTitleWrapperRoot","Root","forwardRef","props","outerRootRef","label","title","subTitle","caption","withBigTitle","children","rest","_objectWithoutProperties","_excluded","React","createElement","ref","TextBoxRoot","T","BigTitle","Title","Label","SubTitle","Caption","headerTitleWrapperConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;AAUA;AACA;AACA;IACaA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAClGC,gBAAU,CAA0C,UAACC,KAAK,EAAEC,YAAY,EAAK;AACzE,IAAA,IAAQC,KAAK,GAAgEF,KAAK,CAA1EE,KAAK;MAAEC,KAAK,GAAyDH,KAAK,CAAnEG,KAAK;MAAEC,QAAQ,GAA+CJ,KAAK,CAA5DI,QAAQ;MAAEC,OAAO,GAAsCL,KAAK,CAAlDK,OAAO;MAAEC,YAAY,GAAwBN,KAAK,CAAzCM,YAAY;MAAEC,QAAQ,GAAcP,KAAK,CAA3BO,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAElF,IAAA,IAAIH,QAAQ,EAAE;AACV,MAAA,oBACII,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACe,QAAAA,GAAG,EAAEZ,YAAAA;OACPU,eAAAA,KAAA,CAAAC,aAAA,CAACE,qCAAW,EAAKN,IAAI,EAAGD,QAAsB,CAC5C,CAAC,CAAA;AAEf,KAAA;AAEA,IAAA,IAAMQ,CAAC,GAAGT,YAAY,GAAGU,kCAAQ,GAAGC,+BAAK,CAAA;AAEzC,IAAA,oBACIN,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACe,MAAAA,GAAG,EAAEZ,YAAAA;KACPU,eAAAA,KAAA,CAAAC,aAAA,CAACE,qCAAW,EAAKN,IAAI,EAChBN,KAAK,iBAAIS,KAAA,CAAAC,aAAA,CAACM,+BAAK,EAAEhB,IAAAA,EAAAA,KAAa,CAAC,EAC/BC,KAAK,iBAAIQ,KAAA,CAAAC,aAAA,CAACG,CAAC,QAAEZ,KAAS,CAAC,EACvBC,QAAQ,iBAAIO,KAAA,CAAAC,aAAA,CAACO,kCAAQ,EAAA,IAAA,EAAEf,QAAmB,CAAC,EAC3CC,OAAO,iBAAIM,KAAA,CAAAC,aAAA,CAACQ,iCAAO,EAAEf,IAAAA,EAAAA,OAAiB,CAC9B,CACX,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMgB,wBAAwB,GAAG;AACpCC,EAAAA,IAAI,EAAE,oBAAoB;AAC1BC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3B,sBAAsB;AAC9B4B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -0,0 +1,45 @@
+import './HeaderTitleWrapper.styles_1lra53t.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var Title = /*#__PURE__*/react.styled('div')({
+  name: "Title",
+  "class": "t7wn5f0",
+  propsAsIs: false
+});
+var BigTitle = /*#__PURE__*/react.styled('div')({
+  name: "BigTitle",
+  "class": "bkd5o5i",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/react.styled('div')({
+  name: "Label",
+  "class": "l1216phq",
+  propsAsIs: false
+});
+var SubTitle = /*#__PURE__*/react.styled('div')({
+  name: "SubTitle",
+  "class": "st5x6gi",
+  propsAsIs: false
+});
+var Caption = /*#__PURE__*/react.styled('div')({
+  name: "Caption",
+  "class": "cig18vd",
+  propsAsIs: false
+});
+var TextBoxRoot = /*#__PURE__*/react.styled('div')({
+  name: "TextBoxRoot",
+  "class": "tnlilk7",
+  propsAsIs: false
+});
+
+exports.BigTitle = BigTitle;
+exports.Caption = Caption;
+exports.Label = Label;
+exports.SubTitle = SubTitle;
+exports.TextBoxRoot = TextBoxRoot;
+exports.Title = Title;
+//# sourceMappingURL=HeaderTitleWrapper.styles.js.map

package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTitleWrapper.styles.js","sources":["../../../../../src/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Header.tokens';\nimport { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '../../../../mixins';\n\nexport const Title = styled.div`\n    ${bodyM};\n\n    margin: var(${tokens.headerTitleMargin});\n    color: var(${tokens.headerTitleColor});\n\n    ${applyHyphens};\n    ${applyEllipsis()};\n`;\n\nexport const BigTitle = styled.div`\n    ${h3};\n    font-weight: 600;\n\n    margin: var(${tokens.headerBigTitleMargin});\n    color: var(${tokens.headerBiggerTitleColor});\n\n    ${applyHyphens};\n    ${applyEllipsis()};\n`;\n\nexport const BiggerTitle = styled.div`\n    ${h1};\n    font-weight: 600;\n\n    margin: var(${tokens.headerBiggerTitleMargin});\n    color: var(${tokens.headerBiggerTitleColor});\n\n    ${applyHyphens};\n    ${applyEllipsis()};\n`;\n\nexport const Label = styled.div`\n    margin: var(${tokens.headerLabelMargin});\n    color: var(${tokens.headerLabelColor});\n    ${applyEllipsis()};\n`;\n\nexport const SubTitle = styled.div`\n    ${bodyS};\n\n    margin: var(${tokens.headerSubTitleMargin});\n    color: var(${tokens.headerSubTitleColor});\n\n    ${applyHyphens};\n    ${applyEllipsis()};\n`;\n\nexport const Caption = styled.div`\n    margin: var(${tokens.headerCaptionMargin});\n    color: var(${tokens.headerCaptionColor});\n    ${applyEllipsis()};\n`;\n\nexport const TextBoxRoot = styled.div`\n    & > :first-child {\n        margin-top: 0;\n    }\n\n    & > :last-child {\n        margin-bottom: 0;\n    }\n`;\n"],"names":["Title","styled","name","class","propsAsIs","BigTitle","Label","SubTitle","Caption","TextBoxRoot"],"mappings":";;;;;;AAKO,IAAMA,KAAK,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ1B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS7B,EAAA;AAaM,IAAME,KAAK,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMG,QAAQ,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ7B,EAAA;AAEM,IAAMI,OAAO,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5B,EAAA;AAEM,IAAMK,WAAW,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC;;;;;;;;;"}

package/cjs/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles_1lra53t.css

@@ -0,0 +1,7 @@
+.t7wn5f0{font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-m-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-m-letter-spacing);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);margin:var(--plasma-header-title-margin);color:var(--plasma-header-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.bkd5o5i{font-family:var(--plasma-typo-h3-font-family);font-size:var(--plasma-typo-h3-font-size);font-style:var(--plasma-typo-h3-font-style);font-weight:var(--plasma-typo-h3-font-weight);-webkit-letter-spacing:var(--plasma-typo-h3-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h3-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h3-letter-spacing);letter-spacing:var(--plasma-typo-h3-letter-spacing);line-height:var(--plasma-typo-h3-line-height);font-weight:600;margin:var(--plasma-header-big-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.bn0jkdd{font-family:var(--plasma-typo-h1-font-family);font-size:var(--plasma-typo-h1-font-size);font-style:var(--plasma-typo-h1-font-style);font-weight:var(--plasma-typo-h1-font-weight);-webkit-letter-spacing:var(--plasma-typo-h1-letter-spacing);-moz-letter-spacing:var(--plasma-typo-h1-letter-spacing);-ms-letter-spacing:var(--plasma-typo-h1-letter-spacing);letter-spacing:var(--plasma-typo-h1-letter-spacing);line-height:var(--plasma-typo-h1-line-height);font-weight:600;margin:var(--plasma-header-bigger-title-margin);color:var(--plasma-header-bigger-title-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.l1216phq{margin:var(--plasma-header-label-margin);color:var(--plasma-header-label-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.st5x6gi{font-family:var(--plasma-typo-body-s-font-family);font-size:var(--plasma-typo-body-s-font-size);font-style:var(--plasma-typo-body-s-font-style);font-weight:var(--plasma-typo-body-s-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-s-letter-spacing);letter-spacing:var(--plasma-typo-body-s-letter-spacing);line-height:var(--plasma-typo-body-s-line-height);margin:var(--plasma-header-subtitle-margin);color:var(--plasma-header-subtitle-color);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.cig18vd{margin:var(--plasma-header-caption-margin);color:var(--plasma-header-caption-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.tnlilk7 > :first-child{margin-top:0;}.tnlilk7 > :last-child{margin-bottom:0;}