@doyourjob/gravity-ui-page-constructor-addons 2.1.25-dev.0 → 2.1.25-dev.1

package/build/cjs/components/NewHeader/components/{WhyPopup/WhyPopup.js → NHWhyPopup/NHWhyPopup.js}

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhyPopup = void 0;
+exports.NHWhyPopup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const cn_1 = require("../../../../utils/cn");
-const PopupItem_1 = require("../PopupItem/PopupItem");
-const b = (0, cn_1.block)('why-popup');
-const WhyPopup = ({ groups, card }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-why-popup');
+const NHWhyPopup = ({ groups, card }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
     react_1.default.createElement("div", { className: b('wrap') }, groups.map((group) => (react_1.default.createElement("div", { className: b('group'), key: group.title },
         react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
             react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
                 react_1.default.createElement("div", { className: b('title') }, group.title))),
-        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, group.items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 } }))))))))),
+        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, group.items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title }, item, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 } }))))))))),
     card && (react_1.default.createElement("div", { className: b('card') },
         react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('card-image'), containerClassName: b('card-container-image'), src: card.image }),
         react_1.default.createElement("div", { className: b('card-wrap') },
             react_1.default.createElement("div", { className: b('card-title') }, card.title),
             react_1.default.createElement("div", { className: b('card-description') }, card.description))))));
-exports.WhyPopup = WhyPopup;
+exports.NHWhyPopup = NHWhyPopup;

package/build/cjs/components/NewHeader/models.d.ts

@@ -1,184 +1,184 @@
 import type { ButtonProps, LinkProps } from '@doyourjob/gravity-ui-page-constructor';
-export declare enum NavigationItemType {
-    MediumPopup = "medium-popup",
-    ProductsPopup = "products-popup",
-    SolutionsPopup = "solutions-popup",
-    WhyPopup = "why-popup",
-    ResourcesPopup = "resources-popup",
-    CompanyPopup = "company-popup",
-    InvestorPopup = "investor-popup",
+export declare enum NHNavigationItemType {
+    NHMediumPopup = "medium-popup",
+    NHProductsPopup = "products-popup",
+    NHSolutionsPopup = "solutions-popup",
+    NHWhyPopup = "why-popup",
+    NHResourcesPopup = "resources-popup",
+    NHCompanyPopup = "company-popup",
+    NHInvestorPopup = "investor-popup",
     Link = "link"
 }
-export declare enum NavigationTagColor {
+export declare enum NHNavigationTagColor {
     Green = "green",
     Yellow = "yellow",
     Blue = "blue"
 }
-export interface LogoData {
+export interface NHLogoData {
     href?: string;
     src?: string;
     alt?: string;
 }
-export interface NavigationTag {
+export interface NHNavigationTag {
     text: string;
     color?: string;
     textColor?: string;
     size?: 's' | 'm';
 }
-export interface PopupItemData {
+export interface NHPopupItemData {
     title: string;
     url: string;
     slug?: string;
     description?: string;
     icon?: string;
     image?: string | null;
-    tag?: NavigationTag;
+    tag?: NHNavigationTag;
 }
-export interface CategoryGroupData {
+export interface NHCategoryGroupData {
     title?: string;
-    items: PopupItemData[];
+    items: NHPopupItemData[];
     imageSize?: 's' | 'xm' | 'm';
     url?: string;
 }
-export interface MediumPopupData {
-    groups: CategoryGroupData[];
+export interface NHMediumPopupData {
+    groups: NHCategoryGroupData[];
 }
-export interface SpecialCardData {
+export interface NHSpecialCardData {
     title: string;
     description: string;
     image: string;
 }
-export interface RunCardData {
+export interface NHRunCardData {
     title: string;
     description: string;
     image: string;
     border?: boolean;
 }
-export interface ProductsPopupSection {
+export interface NHProductsPopupSection {
     title: string;
     subtitle: string;
-    items?: PopupItemData[];
-    runCards?: RunCardData[];
+    items?: NHPopupItemData[];
+    runCards?: NHRunCardData[];
 }
-export interface ProductsPopupData {
-    sections: ProductsPopupSection[];
-    poweredCard: SpecialCardData;
+export interface NHProductsPopupData {
+    sections: NHProductsPopupSection[];
+    poweredCard: NHSpecialCardData;
 }
-export interface SolutionsPopupSection {
+export interface NHSolutionsPopupSection {
     title: string;
     subtitle: string;
-    items: PopupItemData[];
+    items: NHPopupItemData[];
 }
-export interface SolutionsPopupData {
-    sections: SolutionsPopupSection[];
+export interface NHSolutionsPopupData {
+    sections: NHSolutionsPopupSection[];
 }
-export interface WhyPopupGroup {
+export interface NHWhyPopupGroup {
     title: string;
-    items: PopupItemData[];
+    items: NHPopupItemData[];
 }
-export interface WhyPopupData {
-    groups: WhyPopupGroup[];
-    card: SpecialCardData;
+export interface NHWhyPopupData {
+    groups: NHWhyPopupGroup[];
+    card: NHSpecialCardData;
 }
-export interface BannerData {
+export interface NHBannerData {
     title: string;
     description: string;
     image: string;
     icon: string;
     url: string;
 }
-export interface EventCardData {
+export interface NHEventCardData {
     tag: string;
     title: string;
     date: string;
     image: string;
     location: string;
 }
-export interface ResourcesPopupGroup {
+export interface NHResourcesPopupGroup {
     title: string;
     subtitle: string;
     url: string;
-    items: PopupItemData[];
+    items: NHPopupItemData[];
 }
-export interface ResourcesPopupData {
-    groups: ResourcesPopupGroup[];
-    banner: BannerData;
+export interface NHResourcesPopupData {
+    groups: NHResourcesPopupGroup[];
+    banner: NHBannerData;
     events: {
         title: string;
-        items: EventCardData[];
+        items: NHEventCardData[];
     };
 }
-export interface CompanyPopupSection {
+export interface NHCompanyPopupSection {
     title: string;
-    items: PopupItemData[];
+    items: NHPopupItemData[];
 }
-export interface CompanyPopupData {
-    sections: CompanyPopupSection[];
+export interface NHCompanyPopupData {
+    sections: NHCompanyPopupSection[];
 }
-export interface StockData {
+export interface NHStockData {
     title: string;
     price: string;
     date: string;
 }
-export interface InvestorPopupData {
+export interface NHInvestorPopupData {
     title: string;
     subtitle: string;
     url: string;
-    items: PopupItemData[];
-    stock: StockData;
+    items: NHPopupItemData[];
+    stock: NHStockData;
 }
-export interface LoginItemData {
+export interface NHLoginItemData {
     title: string;
     subtitle: string;
     url?: string;
 }
-export interface LoginPopupData {
+export interface NHLoginPopupData {
     text: string;
-    items: LoginItemData[];
+    items: NHLoginItemData[];
 }
-export interface NavigationDefaultData {
+export interface NHNavigationDefaultData {
     title: string;
 }
-export interface NavigationLinkData extends NavigationDefaultData {
-    type: NavigationItemType.Link;
+export interface NHNavigationLinkData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.Link;
     data: LinkProps;
 }
-export interface NavigationMediumPopupData extends NavigationDefaultData {
-    type: NavigationItemType.MediumPopup;
-    data: MediumPopupData;
+export interface NHNavigationMediumPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHMediumPopup;
+    data: NHMediumPopupData;
 }
-export interface NavigationProductsPopupData extends NavigationDefaultData {
-    type: NavigationItemType.ProductsPopup;
-    data: ProductsPopupData;
+export interface NHNavigationProductsPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHProductsPopup;
+    data: NHProductsPopupData;
 }
-export interface NavigationSolutionsPopupData extends NavigationDefaultData {
-    type: NavigationItemType.SolutionsPopup;
-    data: SolutionsPopupData;
+export interface NHNavigationSolutionsPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHSolutionsPopup;
+    data: NHSolutionsPopupData;
 }
-export interface NavigationWhyPopupData extends NavigationDefaultData {
-    type: NavigationItemType.WhyPopup;
-    data: WhyPopupData;
+export interface NHNavigationWhyPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHWhyPopup;
+    data: NHWhyPopupData;
 }
-export interface NavigationResourcesPopupData extends NavigationDefaultData {
-    type: NavigationItemType.ResourcesPopup;
-    data: ResourcesPopupData;
+export interface NHNavigationResourcesPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHResourcesPopup;
+    data: NHResourcesPopupData;
 }
-export interface NavigationCompanyPopupData extends NavigationDefaultData {
-    type: NavigationItemType.CompanyPopup;
-    data: CompanyPopupData;
+export interface NHNavigationCompanyPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHCompanyPopup;
+    data: NHCompanyPopupData;
 }
-export interface NavigationInvestorPopupData extends NavigationDefaultData {
-    type: NavigationItemType.InvestorPopup;
-    data: InvestorPopupData;
+export interface NHNavigationInvestorPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHInvestorPopup;
+    data: NHInvestorPopupData;
 }
-export type NavigationItemData = NavigationLinkData | NavigationMediumPopupData | NavigationProductsPopupData | NavigationSolutionsPopupData | NavigationWhyPopupData | NavigationResourcesPopupData | NavigationCompanyPopupData | NavigationInvestorPopupData;
-export interface MobileNavigationDefaultData {
+export type NHNavigationItemData = NHNavigationLinkData | NHNavigationMediumPopupData | NHNavigationProductsPopupData | NHNavigationSolutionsPopupData | NHNavigationWhyPopupData | NHNavigationResourcesPopupData | NHNavigationCompanyPopupData | NHNavigationInvestorPopupData;
+export interface NHMobileNavigationDefaultData {
     title: string;
 }
-export interface MobileNavigationLinkData extends MobileNavigationDefaultData {
+export interface NHMobileNavigationLinkData extends NHMobileNavigationDefaultData {
     link: LinkProps;
 }
-export interface MobileNavigationGroupData extends MobileNavigationDefaultData {
+export interface NHMobileNavigationGroupData extends NHMobileNavigationDefaultData {
     data: {
         title?: string;
         items: {
@@ -187,13 +187,13 @@ export interface MobileNavigationGroupData extends MobileNavigationDefaultData {
         }[];
     }[];
 }
-export type MobileNavigationItemData = MobileNavigationLinkData | MobileNavigationGroupData;
-export interface NavigationData {
-    left: NavigationItemData[];
-    right: NavigationItemData[];
-    mobile: MobileNavigationItemData[];
-    login: LoginPopupData;
-    logo: LogoData;
+export type NHMobileNavigationItemData = NHMobileNavigationLinkData | NHMobileNavigationGroupData;
+export interface NHNavigationData {
+    left: NHNavigationItemData[];
+    right: NHNavigationItemData[];
+    mobile: NHMobileNavigationItemData[];
+    login: NHLoginPopupData;
+    logo: NHLogoData;
     buttons: ButtonProps[];
 }
 export type SetupRouteChangeHandler = (handler: () => void) => void;

package/build/cjs/components/NewHeader/models.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationTagColor = exports.NavigationItemType = void 0;
-var NavigationItemType;
-(function (NavigationItemType) {
-    NavigationItemType["MediumPopup"] = "medium-popup";
-    NavigationItemType["ProductsPopup"] = "products-popup";
-    NavigationItemType["SolutionsPopup"] = "solutions-popup";
-    NavigationItemType["WhyPopup"] = "why-popup";
-    NavigationItemType["ResourcesPopup"] = "resources-popup";
-    NavigationItemType["CompanyPopup"] = "company-popup";
-    NavigationItemType["InvestorPopup"] = "investor-popup";
-    NavigationItemType["Link"] = "link";
-})(NavigationItemType = exports.NavigationItemType || (exports.NavigationItemType = {}));
-var NavigationTagColor;
-(function (NavigationTagColor) {
-    NavigationTagColor["Green"] = "green";
-    NavigationTagColor["Yellow"] = "yellow";
-    NavigationTagColor["Blue"] = "blue";
-})(NavigationTagColor = exports.NavigationTagColor || (exports.NavigationTagColor = {}));
+exports.NHNavigationTagColor = exports.NHNavigationItemType = void 0;
+var NHNavigationItemType;
+(function (NHNavigationItemType) {
+    NHNavigationItemType["NHMediumPopup"] = "medium-popup";
+    NHNavigationItemType["NHProductsPopup"] = "products-popup";
+    NHNavigationItemType["NHSolutionsPopup"] = "solutions-popup";
+    NHNavigationItemType["NHWhyPopup"] = "why-popup";
+    NHNavigationItemType["NHResourcesPopup"] = "resources-popup";
+    NHNavigationItemType["NHCompanyPopup"] = "company-popup";
+    NHNavigationItemType["NHInvestorPopup"] = "investor-popup";
+    NHNavigationItemType["Link"] = "link";
+})(NHNavigationItemType = exports.NHNavigationItemType || (exports.NHNavigationItemType = {}));
+var NHNavigationTagColor;
+(function (NHNavigationTagColor) {
+    NHNavigationTagColor["Green"] = "green";
+    NHNavigationTagColor["Yellow"] = "yellow";
+    NHNavigationTagColor["Blue"] = "blue";
+})(NHNavigationTagColor = exports.NHNavigationTagColor || (exports.NHNavigationTagColor = {}));

package/build/esm/components/NewHeader/NewHeader.d.ts

@@ -1,10 +1,10 @@
 import React, { ReactNode } from 'react';
 import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
-import { NavigationData, SetupRouteChangeHandler } from './models';
+import { NHNavigationData, SetupRouteChangeHandler } from './models';
 import './NewHeader.css';
 export declare const MOBILE_ICON_SIZE = 24;
 export interface NewHeaderProps extends ClassNameProps {
-    data: NavigationData;
+    data: NHNavigationData;
     renderSearch?: (props: {
         onActiveToggle: (isActive: boolean) => void;
     }) => ReactNode;

package/build/esm/components/NewHeader/NewHeader.js

@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Button as PCButton, getLinkProps, } from '@doyourjob/gravity-ui-page-constructor';
 import { block } from '../../utils/cn';
-import { LoginButton } from './components/LoginButton/LoginButton';
-import { MobileNavigation } from './components/MobileNavigation/MobileNavigation';
-import { Navigation } from './components/Navigation/Navigation';
+import { NHLoginButton } from './components/NHLoginButton/NHLoginButton';
+import { NHMobileNavigation } from './components/NHMobileNavigation/NHMobileNavigation';
+import { NHNavigation } from './components/NHNavigation/NHNavigation';
 import { RouteChangeHandlerContext } from './contexts/route-change';
 import './NewHeader.css';
 const b = block('new-header');
@@ -63,13 +63,13 @@ export const NewHeader = ({ data, setupRouteChangeHandler, renderSearch, classNa
                 React.createElement("div", { className: b('left') },
                     logo && (React.createElement("a", Object.assign({ href: logo.href, className: b('logo') }, getLinkProps(logo.href || '')), logo.src && (React.createElement("img", { className: b('logo-img'), alt: logo.alt, src: logo.src })))),
                     left ? (React.createElement("div", { className: b('navigation') },
-                        React.createElement(Navigation, { data: left, headerRef: headerRef }))) : null),
+                        React.createElement(NHNavigation, { data: left, headerRef: headerRef }))) : null),
                 React.createElement("div", { className: b('right') },
                     right ? (React.createElement("div", { className: b('navigation') },
-                        React.createElement(Navigation, { data: right, headerRef: headerRef }))) : null,
+                        React.createElement(NHNavigation, { data: right, headerRef: headerRef }))) : null,
                     React.createElement("div", { className: b('icons-container') }, renderSearch && renderSearch({ onActiveToggle: toggleSearch })),
                     showButtonsContainer &&
                         (buttons === null || buttons === void 0 ? void 0 : buttons.map((button) => (React.createElement(PCButton, Object.assign({}, button, { size: "l", key: button.text }))))),
-                    login && React.createElement(LoginButton, { data: login, headerRef: headerRef }),
-                    mobile ? (React.createElement(MobileNavigation, { toogleOpen: toggleMobileNavigationPopup, isOpened: isMobileNavigationOpen, isSearchOpen: isSearchMode, data: mobile, buttons: buttons, onMenuScroll: onMenuScroll, popupClassName: b('user-popup') })) : null)))));
+                    login && React.createElement(NHLoginButton, { data: login, headerRef: headerRef }),
+                    mobile ? (React.createElement(NHMobileNavigation, { toogleOpen: toggleMobileNavigationPopup, isOpened: isMobileNavigationOpen, isSearchOpen: isSearchMode, data: mobile, buttons: buttons, onMenuScroll: onMenuScroll, popupClassName: b('user-popup') })) : null)))));
 };

package/build/esm/components/NewHeader/components/{CompanyPopup/CompanyPopup.css → NHCompanyPopup/NHCompanyPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-company-popup {
+.pc-addons-nh-company-popup {
   background: var(--g-color-base-float);
   box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
   max-height: calc(100vh - 64px - 64px);
@@ -12,16 +12,16 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-company-popup::-webkit-scrollbar {
+.pc-addons-nh-company-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-company-popup__container {
+.pc-addons-nh-company-popup__container {
   padding: 20px;
   display: flex;
 }
 
-.pc-addons-company-popup__title {
+.pc-addons-nh-company-popup__title {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   padding: 12px;

package/build/esm/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NHCompanyPopupData } from '../../models';
+import './NHCompanyPopup.css';
+export declare const NHCompanyPopup: ({ sections }: NHCompanyPopupData) => React.JSX.Element;

package/build/esm/components/NewHeader/components/{CompanyPopup/CompanyPopup.js → NHCompanyPopup/NHCompanyPopup.js}

@@ -1,16 +1,16 @@
 import React from 'react';
 import { Col, Grid, GridColumnSize, Row } from '@doyourjob/gravity-ui-page-constructor';
 import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './CompanyPopup.css';
-const b = block('company-popup');
-export const CompanyPopup = ({ sections }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
+import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
+import './NHCompanyPopup.css';
+const b = block('nh-company-popup');
+export const NHCompanyPopup = ({ sections }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
     React.createElement(Row, null, sections.map((section, index) => (React.createElement(Col, { key: section.title, sizes: index === 0
             ? { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 4 }
             : { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 8 } },
         React.createElement(Row, null,
             React.createElement(Col, null,
                 React.createElement("div", { className: b('title') }, section.title))),
-        React.createElement(Row, null, section.items.map((item) => (React.createElement(PopupItem, Object.assign({ key: item.title }, item, { sizes: index === 0
+        React.createElement(Row, null, section.items.map((item) => (React.createElement(NHPopupItem, Object.assign({ key: item.title }, item, { sizes: index === 0
                 ? { [GridColumnSize.All]: 12 }
                 : { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 6 } })))))))))));

package/build/{cjs/components/NewHeader/components/InvestorPopup/InvestorPopup.css → esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-investor-popup {
+.pc-addons-nh-investor-popup {
   background: var(--g-color-base-float);
   box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
   max-height: calc(100vh - 64px - 64px);
@@ -12,16 +12,16 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-investor-popup::-webkit-scrollbar {
+.pc-addons-nh-investor-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-investor-popup__container {
+.pc-addons-nh-investor-popup__container {
   padding: 32px;
   display: flex;
 }
 
-.pc-addons-investor-popup__wrap {
+.pc-addons-nh-investor-popup__wrap {
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -29,21 +29,21 @@ unpredictable css rules order in build */
   flex: 1;
 }
 
-.pc-addons-investor-popup__title {
+.pc-addons-nh-investor-popup__title {
   font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
   line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
   font-weight: 600;
   margin-bottom: 8px;
 }
 
-.pc-addons-investor-popup__subtitle {
+.pc-addons-nh-investor-popup__subtitle {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;
   color: #9fb1bd;
 }
 
-.pc-addons-investor-popup__card {
+.pc-addons-nh-investor-popup__card {
   background-color: #f2f4f5;
   border-radius: 8px;
   width: 268px;
@@ -53,25 +53,25 @@ unpredictable css rules order in build */
   justify-content: space-between;
 }
 
-.pc-addons-investor-popup__card-title {
+.pc-addons-nh-investor-popup__card-title {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;
 }
 
-.pc-addons-investor-popup__card-wrap {
+.pc-addons-nh-investor-popup__card-wrap {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
-.pc-addons-investor-popup__card-price {
+.pc-addons-nh-investor-popup__card-price {
   font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
   line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
   font-weight: 700;
 }
 
-.pc-addons-investor-popup__card-date {
+.pc-addons-nh-investor-popup__card-date {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;

package/build/esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NHInvestorPopupData } from '../../models';
+import './NHInvestorPopup.css';
+export declare const NHInvestorPopup: ({ title, subtitle, url, items, stock }: NHInvestorPopupData) => React.JSX.Element;

package/build/esm/components/NewHeader/components/{InvestorPopup/InvestorPopup.js → NHInvestorPopup/NHInvestorPopup.js}

@@ -1,16 +1,16 @@
 import React from 'react';
 import { Col, Grid, GridColumnSize, Row, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
 import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './InvestorPopup.css';
-const b = block('investor-popup');
-export const InvestorPopup = ({ title, subtitle, url, items, stock }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
+import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
+import './NHInvestorPopup.css';
+const b = block('nh-investor-popup');
+export const NHInvestorPopup = ({ title, subtitle, url, items, stock }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
     React.createElement("div", { className: b('wrap') },
         React.createElement(Row, null,
             React.createElement(Col, null,
                 React.createElement("a", Object.assign({ href: url, className: b('title') }, getLinkProps(url)), title),
                 React.createElement("div", { className: b('subtitle') }, subtitle))),
-        React.createElement(Row, null, items.map((item) => (React.createElement(PopupItem, Object.assign({ key: item.title }, item, { sizes: { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 6 } })))))),
+        React.createElement(Row, null, items.map((item) => (React.createElement(NHPopupItem, Object.assign({ key: item.title }, item, { sizes: { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 6 } })))))),
     stock && (React.createElement("div", { className: b('card') },
         React.createElement("div", { className: b('card-title') }, stock.title),
         React.createElement("div", { className: b('card-wrap') },

package/build/esm/components/NewHeader/components/NHLoginButton/NHLoginButton.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+import React from 'react';
+import { NHLoginPopupData, SetupRouteChangeHandler } from '../../models';
+interface LoginButtonProps {
+    data: NHLoginPopupData;
+    headerRef?: RefObject<HTMLDivElement>;
+    setupRouteChangeHandler?: SetupRouteChangeHandler;
+}
+export declare const NHLoginButton: ({ data, headerRef, setupRouteChangeHandler }: LoginButtonProps) => React.JSX.Element;
+export {};

package/build/esm/components/NewHeader/components/{LoginButton/LoginButton.js → NHLoginButton/NHLoginButton.js}

@@ -1,8 +1,8 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { SWITCH_MENU_TAB_TIMEOUT } from '../../constants';
-import { LoginPopup } from '../LoginPopup/LoginPopup';
-import { NavigationPopup } from '../NavigationPopup/NavigationPopup';
-export const LoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
+import { NHLoginPopup } from '../NHLoginPopup/NHLoginPopup';
+import { NHNavigationPopup } from '../NHNavigationPopup/NHNavigationPopup';
+export const NHLoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
     const [isActive, setIsActive] = useState(false);
     const [pretendentActiveTab, setPretendentAciveTab] = useState(false);
     const [previouslyFocusedElement, setPreviouslyFocusedElement] = useState(null);
@@ -36,6 +36,6 @@ export const LoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
     }), [handleMouseLeave, setupRouteChangeHandler]);
     return (React.createElement("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
         data.text,
-        isActive && (React.createElement(NavigationPopup, { headerRef: headerRef },
-            React.createElement(LoginPopup, Object.assign({}, data))))));
+        isActive && (React.createElement(NHNavigationPopup, { headerRef: headerRef },
+            React.createElement(NHLoginPopup, Object.assign({}, data))))));
 };