profinansy-ui-lib 3.3.60 → 3.3.62

package/dist/components/blocks/header/components/Search/Search.styled.js

@@ -0,0 +1,134 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = exports.Close = exports.Input = exports.InputContainer = exports.Icon = exports.Container = exports.Border = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Spinner_1 = require("../../../../uikit/Spinner");
+const Search4_svg_1 = __importDefault(require("../../../../../icons/Search4.svg"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const common_1 = require("../../../../../constants/common");
+const widthAnimation = (targetWidth) => (0, styled_components_1.keyframes) `
+  from {
+    width: 40px;
+    opacity: 0;
+  }
+  to {
+    width: ${targetWidth};
+    opacity: 1;
+  }
+`;
+exports.Border = styled_components_1.default.div `
+  min-width: 1.5px;
+  height: 1.5px;
+  width: 100%;
+  border-radius: 4px;
+  background: transparent;
+  position: absolute;
+  bottom: -7.5px;
+  left: 0;
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+`;
+exports.Container = styled_components_1.default.button `
+  display: flex;
+  justify-content: center;
+  padding: 0 6px;
+  width: 36px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  &:hover ${exports.Border} {
+    background: rgba(255, 255, 255, 0.4);
+  }
+`;
+exports.Icon = (0, styled_components_1.default)(Search4_svg_1.default) ``;
+exports.InputContainer = styled_components_1.default.div `
+  z-index: 1010;
+  position: relative;
+`;
+exports.Input = styled_components_1.default.input `
+  font-family: 'Manrope', sans-serif;
+  padding: 10px 36px;
+  background: transparent;
+  border: none;
+  outline: none;
+  border-bottom: 1px solid #f0eff3;
+  color: ${(props) => props.theme.text.contrastThemed};
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 20px;
+  animation: ${() => (0, styled_components_1.css) `
+      ${widthAnimation('780px')} 0.3s ease-in-out forwards
+    `};
+  ::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+  }
+  & ~ svg {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+  }
+  @media (max-width: 1140px) {
+    animation: ${() => (0, styled_components_1.css) `
+        ${widthAnimation('685px')} 0.3s ease-in-out forwards
+      `};
+  }
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    font-size: 16px;
+    &::placeholder {
+      font-size: 16px;
+    }
+  }
+`;
+exports.Close = styled_components_1.default.button `
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  transition: ${() => `transform 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    transform: scale(0.9);
+    & path {
+      fill: ${(props) => props.theme.stroke.secondary};
+    }
+  }
+`;
+exports.Loader = (0, styled_components_1.default)(Spinner_1.Spinner) `
+  position: absolute;
+  right: 8px;
+  top: 13px;
+  & > div {
+    width: 16px;
+    height: 16px;
+    border-width: 1px;
+  }
+`;
+//# sourceMappingURL=Search.styled.js.map

package/dist/components/blocks/header/components/Search/Search.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Search/Search.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,uDAAmD;AACnD,mFAAyD;AACzD,4EAAiF;AACjF,4DAA8D;AAE9D,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,IAAA,6BAAS,EAAA;;;;;;aAM5C,WAAW;;;CAGvB,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;gBAShB,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;CACjE,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;YAS1B,cAAM;;;CAGjB,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,qBAAU,CAAC,CAAA,EAAE,CAAA;AAE3B,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;;WAOtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;;;eAItC,GAAG,EAAE,CAChB,IAAA,uBAAG,EAAA;QACC,cAAc,CAAC,OAAO,CAAC;KAC1B;;aAEQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;;;;iBAQjC,GAAG,EAAE,CAChB,IAAA,uBAAG,EAAA;UACC,cAAc,CAAC,OAAO,CAAC;OAC1B;;uBAEgB,qBAAY;;;;;;CAMlC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;gBAQlB,GAAG,EAAE,CAAC,kBAAkB,8BAAkB,CAAC,WAAW,EAAE;;;;cAI1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAGpD,CAAA;AACY,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,iBAAO,CAAC,CAAA;;;;;;;;;CASpC,CAAA"}

package/dist/components/blocks/header/components/Search/components/Content.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchContent = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Content.styled"));
+const Search_1 = require("../../../../search/Search");
+const useBlockScroll_1 = require("../../../../../../hooks/useBlockScroll");
+const SearchContent = (_a) => {
+    var { isOpen } = _a, rest = __rest(_a, ["isOpen"]);
+    (0, useBlockScroll_1.useBlockScrollOpen)(isOpen);
+    if (!isOpen)
+        return null;
+    return (react_1.default.createElement(Styled.Wrapper, { isOpen: isOpen },
+        react_1.default.createElement(Search_1.Search, Object.assign({}, rest))));
+};
+exports.SearchContent = SearchContent;
+//# sourceMappingURL=Content.js.map

package/dist/components/blocks/header/components/Search/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../../../src/components/blocks/header/components/Search/components/Content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,yDAA0C;AAG1C,sDAAkD;AAElD,2EAA2E;AAgB3E,MAAM,aAAa,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,MAAM,OAAmB,EAAd,IAAI,cAAjB,UAAmB,CAAF;IACtC,IAAA,mCAAkB,EAAC,MAAM,CAAC,CAAA;IAE1B,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,OAAO,CACL,8BAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,MAAM;QAC5B,8BAAC,eAAM,oBAAK,IAAI,EAAI,CACL,CAClB,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/components/blocks/header/components/Search/components/Content.styled.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const showAnimation = (0, styled_components_1.keyframes) `
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+exports.Wrapper = styled_components_1.default.div `
+  z-index: 10000;
+  position: absolute;
+  top: 78px;
+  left: 0;
+  border-radius: 12px;
+  width: 100%;
+  height: calc(100vh - 100px);
+  max-height: 700px;
+  padding: 12px;
+  background: ${(props) => props.theme.background.content};
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
+  animation: ${showAnimation} 0.3s ease-in-out forwards;
+`;
+//# sourceMappingURL=Content.styled.js.map

package/dist/components/blocks/header/components/Search/components/Content.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.styled.js","sourceRoot":"","sources":["../../../../../../../src/components/blocks/header/components/Search/components/Content.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AAErD,MAAM,aAAa,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAO9B,CAAA;AACY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;;;;;;gBAUtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;eAE1C,aAAa;CAC3B,CAAA"}

package/dist/components/blocks/header/components/UserAvatar/UserAvatar.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserAvatar = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./UserAvatar.styled"));
+const Avatar_1 = require("../../../../uikit/Avatar");
+const UserAvatar = ({ avatarUrl }) => {
+    return (react_1.default.createElement(Styled.Container, null,
+        react_1.default.createElement(Avatar_1.Avatar, { size: "40px", link: avatarUrl, radius: '16px' })));
+};
+exports.UserAvatar = UserAvatar;
+//# sourceMappingURL=UserAvatar.js.map

package/dist/components/blocks/header/components/UserAvatar/UserAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA6C;AAC7C,qDAAiD;AAMjD,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAU,EAAE,EAAE;IAC3C,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS;QACf,8BAAC,eAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAI,CACtC,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/blocks/header/components/UserAvatar/UserAvatar.styled.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+  margin-left: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  @media (max-width: 1400px) {
+    margin-left: 0;
+  }
+`;
+//# sourceMappingURL=UserAvatar.styled.js.map

package/dist/components/blocks/header/components/UserAvatar/UserAvatar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/UserAvatar/UserAvatar.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASlC,CAAA"}

package/dist/components/blocks/header/components/header-link-item/header-link-item.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderLinkItem = void 0;
+const react_1 = __importDefault(require("react"));
+const header_link_item_styled_1 = require("./header-link-item.styled");
+const useActivePage_1 = require("../../../../../hooks/useActivePage");
+const HeaderLinkItem = ({ name, href, subPages, onRouteChange, Icon, innerPages, target, LinkWrapper }) => {
+    const { isActive } = (0, useActivePage_1.useActivePage)(href, subPages, innerPages);
+    const clickItem = () => {
+        onRouteChange(href, target);
+    };
+    const content = () => {
+        return (react_1.default.createElement(header_link_item_styled_1.Container, null,
+            react_1.default.createElement(header_link_item_styled_1.HeaderLink, { active: isActive, variant: "description-SemiBold", tag: "span" },
+                react_1.default.createElement(Icon, null),
+                react_1.default.createElement("span", null, name)),
+            react_1.default.createElement(header_link_item_styled_1.Border, { active: isActive })));
+    };
+    if (LinkWrapper)
+        return react_1.default.createElement(LinkWrapper, { href: href }, content());
+    return react_1.default.createElement(header_link_item_styled_1.ButtonElement, { onClick: clickItem }, content());
+};
+exports.HeaderLinkItem = HeaderLinkItem;
+//# sourceMappingURL=header-link-item.js.map

package/dist/components/blocks/header/components/header-link-item/header-link-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-link-item.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/header-link-item/header-link-item.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA8C;AAC9C,uEAKkC;AAElC,sEAAkE;AAS3D,MAAM,cAAc,GAAc,CAAC,EACxC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,UAAU,EACV,MAAM,EACN,WAAW,EACZ,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAa,EAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;IAE9D,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,CACL,8BAAC,mCAAS;YACR,8BAAC,oCAAU,IAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,sBAAsB,EAAC,GAAG,EAAC,MAAM;gBACrE,8BAAC,IAAI,OAAG;gBACR,4CAAO,IAAI,CAAQ,CACR;YACb,8BAAC,gCAAM,IAAC,MAAM,EAAE,QAAQ,GAAI,CAClB,CACb,CAAA;IACH,CAAC,CAAA;IAED,IAAI,WAAW;QAAE,OAAO,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,IAAG,OAAO,EAAE,CAAe,CAAA;IAE1E,OAAO,8BAAC,uCAAa,IAAC,OAAO,EAAE,SAAS,IAAG,OAAO,EAAE,CAAiB,CAAA;AACvE,CAAC,CAAA;AA/BY,QAAA,cAAc,kBA+B1B"}

package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderLink = exports.Container = exports.ButtonElement = exports.Border = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const Typography_1 = require("../../../../uikit/Typography");
+exports.Border = styled_components_1.default.div `
+  min-width: 1.5px;
+  height: 1.5px;
+  width: 100%;
+  border-radius: 4px;
+  background: ${(props) => `${props.active ? '#ffffff' : 'transparent'}`};
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  position: absolute;
+  left: 0;
+  bottom: -3px;
+`;
+exports.ButtonElement = styled_components_1.default.button `
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+`;
+exports.Container = styled_components_1.default.div `
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  position: relative;
+  &:hover ${exports.Border} {
+    background: rgba(255, 255, 255, 0.4);
+  }
+  &:active {
+    opacity: 0.6;
+  }
+  &:disabled {
+    opacity: 0.3;
+  }
+`;
+exports.HeaderLink = (0, styled_components_1.default)(Typography_1.Typography) `
+  font-family: Manrope, sans-serif;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  gap: 6px;
+  padding: 6px 12px 6px 8px;
+  color: ${(props) => props.theme.text.contrastThemed};
+  & svg path {
+    fill: ${(props) => props.theme.icons.contrastThemed};
+  }
+  @media (max-width: 1140px) {
+    padding: 6px 0;
+  }
+`;
+//# sourceMappingURL=header-link-item.styled.js.map

package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-link-item.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/header-link-item/header-link-item.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,4EAAiF;AACjF,6DAAyD;AAE5C,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAsB;;;;;gBAKtC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE;gBACxD,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;;;CAIjE,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;CAKzC,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;gBACnB,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;YAEtD,cAAM;;;;;;;;;CASjB,CAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAE1C;;;;;;;WAOS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;YAEzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;;;;CAKtD,CAAA"}

package/dist/components/blocks/header/components/premium-dropdown-list/constants.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listAdvantages = void 0;
+const Desires_svg_1 = __importDefault(require("../../../../../icons/Desires.svg"));
+const Purposes_svg_1 = __importDefault(require("../../../../../icons/Purposes.svg"));
+const PortfolioPremium_svg_1 = __importDefault(require("../../../../../icons/PortfolioPremium.svg"));
+const Course_svg_1 = __importDefault(require("../../../../../icons/Course.svg"));
+const Selections_svg_1 = __importDefault(require("../../../../../icons/Selections.svg"));
+const Charts_svg_1 = __importDefault(require("../../../../../icons/Charts.svg"));
+const Search_svg_1 = __importDefault(require("../../../../../icons/Search.svg"));
+const Analytic_svg_1 = __importDefault(require("../../../../../icons/Analytic.svg"));
+const ETF_svg_1 = __importDefault(require("../../../../../icons/ETF.svg"));
+const ChartSquare_svg_1 = __importDefault(require("../../../../../icons/ChartSquare.svg"));
+const Filter_svg_1 = __importDefault(require("../../../../../icons/Filter.svg"));
+exports.listAdvantages = [
+    {
+        item: `Курс «Школа начинающего инвестора»`,
+        Icon: Course_svg_1.default
+    },
+    {
+        item: `Ведение безлимитного количества целей в разделе «Цели и желания»`,
+        Icon: Purposes_svg_1.default
+    },
+    {
+        item: `Ведение безлимитного количества желаний в разделе «Мои желания»`,
+        Icon: Desires_svg_1.default
+    },
+    {
+        item: `<b>Готовые подборки</b> лучших инструментов для инвестиций`,
+        Icon: Selections_svg_1.default
+    },
+    {
+        item: `Интерактивная статистика и аналитика <b>по вашим брокерским счетам и инвестиционным портфелям</b> в разделе «Портфели»`,
+        Icon: PortfolioPremium_svg_1.default
+    },
+    {
+        item: `Доступ к <b>готовым стратегиям по облигациям и акциям</b> в разделе «Календарь инвестора»`,
+        Icon: Charts_svg_1.default
+    },
+    {
+        item: `Технологичный <b>удобный поиск инвестиций</b> в разделе «Поиск»`,
+        Icon: Search_svg_1.default
+    },
+    {
+        item: `Аналитика по 20 000+ акциям`,
+        Icon: Analytic_svg_1.default
+    },
+    {
+        item: `Аналитика по 3 000+ ETF/ПИФ`,
+        Icon: ETF_svg_1.default
+    },
+    {
+        item: `Аналитика по 145 000+ облигациям всего мира`,
+        Icon: Analytic_svg_1.default
+    },
+    {
+        item: `Доступ к аналитике инструментов <b>8+ мировых бирж</b> из России, США, Китая и Европы`,
+        Icon: ChartSquare_svg_1.default
+    },
+    {
+        item: `<b>Быстрый подбор инвестиций по фильтрам pro.finansy</b> - выбор только потенциально прибыльных компаний и инструментов для инвестиций`,
+        Icon: Filter_svg_1.default
+    }
+];
+//# sourceMappingURL=constants.js.map

package/dist/components/blocks/header/components/premium-dropdown-list/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/premium-dropdown-list/constants.ts"],"names":[],"mappings":";;;;;;AAAA,mFAA0D;AAC1D,qFAA4D;AAC5D,qGAAsE;AACtE,iFAAwD;AACxD,yFAAgE;AAChE,iFAAwD;AACxD,iFAAwD;AACxD,qFAA4D;AAC5D,2EAAkD;AAClD,2FAAmE;AACnE,iFAAwD;AAE3C,QAAA,cAAc,GAAG;IAC5B;QACE,IAAI,EAAE,oCAAoC;QAC1C,IAAI,EAAE,oBAAU;KACjB;IACD;QACE,IAAI,EAAE,kEAAkE;QACxE,IAAI,EAAE,sBAAY;KACnB;IACD;QACE,IAAI,EAAE,iEAAiE;QACvE,IAAI,EAAE,qBAAW;KAClB;IACD;QACE,IAAI,EAAE,4DAA4D;QAClE,IAAI,EAAE,wBAAc;KACrB;IACD;QACE,IAAI,EAAE,wHAAwH;QAC9H,IAAI,EAAE,8BAAc;KACrB;IACD;QACE,IAAI,EAAE,2FAA2F;QACjG,IAAI,EAAE,oBAAU;KACjB;IACD;QACE,IAAI,EAAE,oEAAoE;QAC1E,IAAI,EAAE,oBAAU;KACjB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,sBAAY;KACnB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,iBAAO;KACd;IACD;QACE,IAAI,EAAE,6CAA6C;QACnD,IAAI,EAAE,sBAAY;KACnB;IACD;QACE,IAAI,EAAE,uFAAuF;QAC7F,IAAI,EAAE,yBAAgB;KACvB;IACD;QACE,IAAI,EAAE,wIAAwI;QAC9I,IAAI,EAAE,oBAAU;KACjB;CACF,CAAA"}

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PremiumDropdownList = void 0;
+const react_1 = __importStar(require("react"));
+const premium_dropdown_list_styled_1 = require("./premium-dropdown-list.styled");
+const Premium_1 = require("../Premium/Premium");
+const constants_1 = require("./constants");
+const ThemeProvider_1 = require("../../../../../theme/ThemeProvider");
+const PremiumDropdownList = ({ hostname, userRole, trial }) => {
+    const [opened, setOpened] = (0, react_1.useState)(false);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const isActive = userRole === 'paid';
+    return (react_1.default.createElement(premium_dropdown_list_styled_1.PremiumDropdownRoot, { onMouseEnter: () => setOpened(true), onMouseLeave: () => setOpened(false) },
+        react_1.default.createElement(Premium_1.Premium, { userRole: userRole, hostname: hostname, trial: trial }),
+        isActive && (react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListWrapper, { isOpen: opened },
+            react_1.default.createElement(premium_dropdown_list_styled_1.PremiumList, { mode: mode },
+                react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListTitle, null, "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u043F\u043E \u0432\u0430\u0448\u0435\u0439 \u043F\u043E\u0434\u043F\u0438\u0441\u043A\u0435"),
+                constants_1.listAdvantages.map(({ item, Icon }) => (react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListItem, { key: item },
+                    react_1.default.createElement(Icon, null),
+                    react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListText, { dangerouslySetInnerHTML: { __html: item } })))))))));
+};
+exports.PremiumDropdownList = PremiumDropdownList;
+//# sourceMappingURL=premium-dropdown-list.js.map

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"premium-dropdown-list.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,iFAOuC;AAEvC,gDAA4C;AAC5C,2CAA4C;AAC5C,sEAA4D;AAQrD,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAU,EAAE,EAAE;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,MAAM,QAAQ,GAAG,QAAQ,KAAK,MAAM,CAAA;IAEpC,OAAO,CACL,8BAAC,kDAAmB,IAClB,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;QAEpC,8BAAC,iBAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI;QAChE,QAAQ,IAAI,CACX,8BAAC,iDAAkB,IAAC,MAAM,EAAE,MAAM;YAChC,8BAAC,0CAAW,IAAC,IAAI,EAAE,IAAI;gBACrB,8BAAC,+CAAgB,wJAA8C;gBAC9D,0BAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACtC,8BAAC,8CAAe,IAAC,GAAG,EAAE,IAAI;oBACxB,8BAAC,IAAI,OAAG;oBACR,8BAAC,8CAAe,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACnB,CAAC,CACU,CACK,CACtB,CACmB,CACvB,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,mBAAmB,uBA0B/B"}

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.styled.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PremiumListText = exports.PremiumListTitle = exports.PremiumListItem = exports.PremiumList = exports.PremiumListWrapper = exports.PremiumDropdownRoot = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const header_utils_1 = require("../../header.utils");
+const Scroll_1 = require("../../../../../styles/Scroll");
+const common_1 = require("../../../../../constants/common");
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.PremiumDropdownRoot = styled_components_1.default.div `
+  position: relative;
+`;
+exports.PremiumListWrapper = styled_components_1.default.div `
+  position: absolute;
+  top: 25px;
+  padding-top: 36px;
+  left: -464px;
+  width: 534px;
+  z-index: 10;
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1},
+    opacity 0.3s ${animation_2.AnimationFunctions.animation_1};
+  opacity: ${(props) => (props.isOpen ? 1 : 0)};
+  transform: ${(props) => props.isOpen ? 'translateY(0px)' : 'translateY(15px)'};
+  pointer-events: ${(props) => (props.isOpen ? 'auto' : 'none')};
+`;
+exports.PremiumList = styled_components_1.default.ul `
+  list-style: none;
+  max-width: 534px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background-color: ${(props) => props.theme.background.content};
+  padding: 16px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  border-radius: 16px;
+  overflow: auto;
+  height: auto;
+  max-height: calc(100vh - ${common_1.HEIGHT_HEADER}px - 42px);
+  ${Scroll_1.Scroll}
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `}
+`;
+exports.PremiumListItem = styled_components_1.default.li `
+  display: grid;
+  grid-template-columns: 28px 1fr;
+  gap: 16px;
+  align-items: center;
+  background: none;
+  border: none;
+  padding: 6px 0;
+  margin-bottom: 4px;
+  cursor: default;
+  color: ${(props) => (0, header_utils_1.getDropdownsLinksColor)(props.theme, props.active, false)};
+`;
+exports.PremiumListTitle = styled_components_1.default.span `
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 700;
+  margin-bottom: 16px;
+  color: ${(props) => (0, header_utils_1.getDropdownsLinksColor)(props.theme, false, false)};
+`;
+exports.PremiumListText = styled_components_1.default.p `
+  font-size: 15px;
+  line-height: 20px;
+  font-weight: 400;
+`;
+//# sourceMappingURL=premium-dropdown-list.styled.js.map

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"premium-dropdown-list.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,qDAA2D;AAC3D,yDAAqD;AACrD,4DAA+D;AAC/D,4EAAiF;AAEpE,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE5C,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;;;+BAOlC,8BAAkB,CAAC,WAAW;mBAC1C,8BAAkB,CAAC,WAAW;aACpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;eAC/B,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;oBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAC9D,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,CAAkB;;;;;;sBAMhC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;gBAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;6BAIxB,sBAAa;IACtC,eAAM;IACN,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,IAAI,KAAK,MAAM;IACrB,IAAA,uBAAG,EAAA;4BACqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC7D;CACJ,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,EAAE,CAEtC;;;;;;;;;;WAUS,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qCAAsB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAC7E,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;WAKhC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qCAAsB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;CACtE,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;CAItC,CAAA"}