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

package/build/{esm/components/NewHeader/components/ProductsPopup/ProductsPopup.css → cjs/components/NewHeader/components/NHProductsPopup/NHProductsPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-products-popup {
+.pc-addons-nh-products-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);
@@ -11,26 +11,26 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-products-popup::-webkit-scrollbar {
+.pc-addons-nh-products-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-products-popup__container {
+.pc-addons-nh-products-popup__container {
   padding: 0;
 }
 
-.pc-addons-products-popup > div + div {
+.pc-addons-nh-products-popup > div + div {
   border-top: 1px solid #e4ebf0;
 }
 
-.pc-addons-products-popup__wrap {
+.pc-addons-nh-products-popup__wrap {
   padding: 24px;
   gap: 24px;
   display: flex;
   flex-direction: column;
 }
 
-.pc-addons-products-popup__title {
+.pc-addons-nh-products-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));
   padding: 24px;
@@ -39,14 +39,16 @@ unpredictable css rules order in build */
   background-color: #e0e0e0;
 }
 
-.pc-addons-products-popup__subtitle {
+.pc-addons-nh-products-popup__subtitle {
   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: 700;
   color: #e0e0e0;
 }
 
-.pc-addons-products-popup__powered-card {
+.pc-addons-nh-products-popup__powered-card {
+  color: inherit;
+  text-decoration: none;
   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;
@@ -57,7 +59,7 @@ unpredictable css rules order in build */
   gap: 24px;
 }
 
-.pc-addons-products-popup__powered-card-wrap {
+.pc-addons-nh-products-popup__powered-card-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -65,21 +67,27 @@ unpredictable css rules order in build */
   gap: 20px;
 }
 
-.pc-addons-products-popup__powered-card-description {
+.pc-addons-nh-products-popup__powered-card-description {
   color: #9fb1bd;
 }
 
-.pc-addons-products-popup__powered-card-container-image {
+.pc-addons-nh-products-popup__powered-card-container-image {
   flex: 1;
   max-width: 140px;
 }
 
-.pc-addons-products-popup__powered-card-image {
+.pc-addons-nh-products-popup__powered-card-image {
   width: 100%;
   aspect-ratio: 1;
 }
 
-.pc-addons-products-popup__run-card {
+.pc-addons-nh-products-popup__powered-card:hover {
+  background-color: var(--g-color-base-simple-hover);
+}
+
+.pc-addons-nh-products-popup__run-card {
+  color: inherit;
+  text-decoration: none;
   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;
@@ -92,22 +100,26 @@ unpredictable css rules order in build */
   height: 100%;
 }
 
-.pc-addons-products-popup__run-card_border {
+.pc-addons-nh-products-popup__run-card_border {
   border: 1px solid #e4ebf0;
   background-color: transparent;
 }
 
-.pc-addons-products-popup__run-card-wrap {
+.pc-addons-nh-products-popup__run-card-wrap {
   display: flex;
   flex-direction: column;
   flex: 1;
   gap: 4px;
 }
 
-.pc-addons-products-popup__run-card-description {
+.pc-addons-nh-products-popup__run-card-description {
   color: #9fb1bd;
 }
 
-.pc-addons-products-popup__run-card-image {
+.pc-addons-nh-products-popup__run-card-image {
   height: 40px;
+}
+
+.pc-addons-nh-products-popup__run-card:hover {
+  background-color: var(--g-color-base-simple-hover);
 }

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NHProductsPopupData } from '../../models';
+export declare const NHProductsPopup: ({ sections, poweredCard }: NHProductsPopupData) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{ProductsPopup/ProductsPopup.js → NHProductsPopup/NHProductsPopup.js}

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductsPopup = void 0;
+exports.NHProductsPopup = 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)('products-popup');
-const PoweredCard = ({ title, description, image }) => {
-    return (react_1.default.createElement("div", { className: b('powered-card') },
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-products-popup');
+const PoweredCard = ({ title, description, image, url }) => {
+    return (react_1.default.createElement("a", Object.assign({ href: url, className: b('powered-card') }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)),
         react_1.default.createElement("div", { className: b('powered-card-wrap') },
             react_1.default.createElement("div", { className: b('powered-card-title') }, title),
             react_1.default.createElement("div", { className: b('powered-card-description') }, description)),
         react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('powered-card-image'), containerClassName: b('powered-card-container-image'), src: image })));
 };
-const RunCard = ({ title, description, image, border }) => {
-    return (react_1.default.createElement("div", { className: b('run-card', { border: border }) },
+const RunCard = ({ title, description, image, border, url }) => {
+    return (react_1.default.createElement("a", Object.assign({ href: url, className: b('run-card', { border: border }) }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)),
         react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('run-card-image'), src: image }),
         react_1.default.createElement("div", { className: b('run-card-wrap') },
             react_1.default.createElement("div", { className: b('run-card-title') }, title),
             react_1.default.createElement("div", { className: b('run-card-description') }, description))));
 };
-const ProductsPopup = ({ sections, poweredCard }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, sections.map((section, index) => {
+const NHProductsPopup = ({ sections, poweredCard }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, sections.map((section, index) => {
     var _a, _b, _c;
     const isScaleSection = index === 2; // "Scale" section is usually the 3rd one
     const isRunSection = section.runCards && section.runCards.length > 0;
@@ -40,7 +40,7 @@ const ProductsPopup = ({ sections, poweredCard }) => (react_1.default.createElem
                     [gravity_ui_page_constructor_1.GridColumnSize.Md]: 8,
                     [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
                 } },
-                react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, (_b = section.items) === null || _b === void 0 ? void 0 : _b.map((item, itemIndex) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
+                react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, (_b = section.items) === null || _b === void 0 ? void 0 : _b.map((item, itemIndex) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
                         [gravity_ui_page_constructor_1.GridColumnSize.Md]: 6,
                         [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
                     } })))))),
@@ -50,7 +50,7 @@ const ProductsPopup = ({ sections, poweredCard }) => (react_1.default.createElem
                 } }, poweredCard && react_1.default.createElement(PoweredCard, Object.assign({}, poweredCard)))));
     }
     else {
-        content = (_c = section.items) === null || _c === void 0 ? void 0 : _c.map((item, itemIndex) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
+        content = (_c = section.items) === null || _c === void 0 ? void 0 : _c.map((item, itemIndex) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
                 [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
                 [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
             } }))));
@@ -62,4 +62,4 @@ const ProductsPopup = ({ sections, poweredCard }) => (react_1.default.createElem
                 react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('subtitle') }, section.subtitle)),
             react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, content))));
 })));
-exports.ProductsPopup = ProductsPopup;
+exports.NHProductsPopup = NHProductsPopup;

package/build/cjs/components/NewHeader/components/{ResourcesPopup/ResourcesPopup.css → NHResourcesPopup/NHResourcesPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-resources-popup {
+.pc-addons-nh-resources-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);
@@ -11,26 +11,26 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-resources-popup::-webkit-scrollbar {
+.pc-addons-nh-resources-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-resources-popup__container {
+.pc-addons-nh-resources-popup__container {
   padding: 0;
   display: flex;
 }
 
-.pc-addons-resources-popup__wrap {
+.pc-addons-nh-resources-popup__wrap {
   display: flex;
   flex-direction: column;
   flex: 1;
 }
 
-.pc-addons-resources-popup__wrap > div + div {
+.pc-addons-nh-resources-popup__wrap > div + div {
   border-top: 1px solid #e4ebf0;
 }
 
-.pc-addons-resources-popup__group {
+.pc-addons-nh-resources-popup__group {
   padding: 32px 20px;
   flex: 1;
   display: flex;
@@ -38,21 +38,28 @@ unpredictable css rules order in build */
   gap: 24px;
 }
 
-.pc-addons-resources-popup__title {
+.pc-addons-nh-resources-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));
+  color: inherit;
+  text-decoration: none;
+  display: flex;
   font-weight: 600;
   margin-bottom: 8px;
 }
 
-.pc-addons-resources-popup__subtitle {
+.pc-addons-nh-resources-popup__title:hover {
+  color: var(--g-color-text-link-hover);
+}
+
+.pc-addons-nh-resources-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-resources-popup__events {
+.pc-addons-nh-resources-popup__events {
   width: 300px;
   flex-shrink: 0;
   padding: 32px;
@@ -62,14 +69,16 @@ unpredictable css rules order in build */
   gap: 8px;
 }
 
-.pc-addons-resources-popup__events-title {
+.pc-addons-nh-resources-popup__events-title {
   font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
   line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
   font-weight: 500;
   color: #9fb1bd;
 }
 
-.pc-addons-resources-popup__banner {
+.pc-addons-nh-resources-popup__banner {
+  color: inherit;
+  text-decoration: none;
   background-color: #f2f6f9;
   border-radius: 16px;
   display: flex;
@@ -77,55 +86,61 @@ unpredictable css rules order in build */
   gap: 24px;
 }
 
-.pc-addons-resources-popup__banner-container-image {
+.pc-addons-nh-resources-popup__banner-container-image {
   width: 263px;
   height: 148px;
 }
 
-.pc-addons-resources-popup__banner-image {
+.pc-addons-nh-resources-popup__banner-image {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-.pc-addons-resources-popup__banner-container-icon {
+.pc-addons-nh-resources-popup__banner-container-icon {
   height: 20px;
 }
 
-.pc-addons-resources-popup__banner-icon {
+.pc-addons-nh-resources-popup__banner-icon {
   display: block;
   height: 100%;
   object-fit: contain;
 }
 
-.pc-addons-resources-popup__banner-wrap {
+.pc-addons-nh-resources-popup__banner-wrap {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
-.pc-addons-resources-popup__banner-content {
+.pc-addons-nh-resources-popup__banner-content {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-.pc-addons-resources-popup__banner-title {
+.pc-addons-nh-resources-popup__banner-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-resources-popup__banner-description {
+.pc-addons-nh-resources-popup__banner-description {
   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-resources-popup__event-card {
+.pc-addons-nh-resources-popup__banner:hover {
+  background-color: var(--g-color-base-simple-hover);
+}
+
+.pc-addons-nh-resources-popup__event-card {
+  color: inherit;
+  text-decoration: none;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -133,7 +148,7 @@ unpredictable css rules order in build */
   border: 1px solid #e4ebf0;
 }
 
-.pc-addons-resources-popup__event-card-tag {
+.pc-addons-nh-resources-popup__event-card-tag {
   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));
   position: absolute;
@@ -144,25 +159,25 @@ unpredictable css rules order in build */
   background-color: #ffffff;
 }
 
-.pc-addons-resources-popup__event-card-container-image {
+.pc-addons-nh-resources-popup__event-card-container-image {
   width: 100%;
   height: 150px;
 }
 
-.pc-addons-resources-popup__event-card-image {
+.pc-addons-nh-resources-popup__event-card-image {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-.pc-addons-resources-popup__event-card-wrap {
+.pc-addons-nh-resources-popup__event-card-wrap {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
-.pc-addons-resources-popup__event-card-content {
+.pc-addons-nh-resources-popup__event-card-content {
   padding: 16px;
   display: flex;
   flex-direction: column;
@@ -170,22 +185,26 @@ unpredictable css rules order in build */
   gap: 16px;
 }
 
-.pc-addons-resources-popup__event-card-title {
+.pc-addons-nh-resources-popup__event-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-resources-popup__event-card-date {
+.pc-addons-nh-resources-popup__event-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;
   color: #9fb1bd;
 }
 
-.pc-addons-resources-popup__event-card-location {
+.pc-addons-nh-resources-popup__event-card-location {
   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-nh-resources-popup__event-card:hover {
+  background-color: var(--g-color-base-simple-hover);
 }

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NHResourcesPopupData } from '../../models';
+export declare const NHResourcesPopup: ({ groups, banner, events }: NHResourcesPopupData) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{ResourcesPopup/ResourcesPopup.js → NHResourcesPopup/NHResourcesPopup.js}

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResourcesPopup = void 0;
+exports.NHResourcesPopup = 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)('resources-popup');
-const EventCard = ({ tag, image, date, title, location }) => {
-    return (react_1.default.createElement("div", { className: b('event-card') },
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-resources-popup');
+const EventCard = ({ url, tag, image, date, title, location }) => {
+    return (react_1.default.createElement("a", Object.assign({ href: url, className: b('event-card') }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)),
         react_1.default.createElement("div", { className: b('event-card-tag') }, tag),
         react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('event-card-image'), containerClassName: b('event-card-container-image'), src: image }),
         react_1.default.createElement("div", { className: b('event-card-content') },
@@ -17,7 +17,7 @@ const EventCard = ({ tag, image, date, title, location }) => {
                 react_1.default.createElement("div", { className: b('event-card-title') }, title)),
             react_1.default.createElement("div", { className: b('event-card-location') }, location))));
 };
-const ResourcesPopup = ({ groups, banner, events }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
+const NHResourcesPopup = ({ groups, banner, events }) => (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,
@@ -25,7 +25,7 @@ const ResourcesPopup = ({ groups, banner, events }) => (react_1.default.createEl
                     react_1.default.createElement("a", Object.assign({ href: group.url, className: b('title') }, (0, gravity_ui_page_constructor_1.getLinkProps)(group.url)), group.title),
                     react_1.default.createElement("div", { className: b('subtitle') }, group.subtitle)),
                 react_1.default.createElement(gravity_ui_page_constructor_1.Col, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4, [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(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item)))))))),
+            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, hover: true }, item)))))))),
         banner && (react_1.default.createElement("div", { className: b('group') },
             react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
                 react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
@@ -39,4 +39,4 @@ const ResourcesPopup = ({ groups, banner, events }) => (react_1.default.createEl
     events && (react_1.default.createElement("div", { className: b('events') },
         react_1.default.createElement("div", { className: b('events-title') }, events.title),
         events.items.map((event) => (react_1.default.createElement(EventCard, Object.assign({ key: event.title }, event))))))));
-exports.ResourcesPopup = ResourcesPopup;
+exports.NHResourcesPopup = NHResourcesPopup;

package/build/{esm/components/NewHeader/components/SolutionsPopup/SolutionsPopup.css → cjs/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-solutions-popup {
+.pc-addons-nh-solutions-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);
@@ -11,37 +11,37 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-solutions-popup::-webkit-scrollbar {
+.pc-addons-nh-solutions-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-solutions-popup__container {
+.pc-addons-nh-solutions-popup__container {
   padding: 0;
 }
 
-.pc-addons-solutions-popup > div + div {
+.pc-addons-nh-solutions-popup > div + div {
   border-top: 1px solid #e4ebf0;
 }
 
-.pc-addons-solutions-popup__wrap {
+.pc-addons-nh-solutions-popup__wrap {
   padding: 24px;
   gap: 24px;
   display: flex;
   flex-direction: column;
 }
 
-.pc-addons-solutions-popup__head {
+.pc-addons-nh-solutions-popup__head {
   display: flex;
   gap: 24px;
 }
 
-.pc-addons-solutions-popup__title {
+.pc-addons-nh-solutions-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;
 }
 
-.pc-addons-solutions-popup__subtitle {
+.pc-addons-nh-solutions-popup__subtitle {
   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: 700;

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

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

package/build/cjs/components/NewHeader/components/{SolutionsPopup/SolutionsPopup.js → NHSolutionsPopup/NHSolutionsPopup.js}

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SolutionsPopup = void 0;
+exports.NHSolutionsPopup = 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)('solutions-popup');
-const SolutionsPopup = ({ sections }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, sections.map((section) => (react_1.default.createElement(gravity_ui_page_constructor_1.Row, { key: section.title },
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-solutions-popup');
+const NHSolutionsPopup = ({ sections }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, sections.map((section) => (react_1.default.createElement(gravity_ui_page_constructor_1.Row, { key: section.title },
     react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('wrap') },
         react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
             react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('head') },
                 react_1.default.createElement("div", { className: b('title') }, section.title),
                 react_1.default.createElement("div", { className: b('subtitle') }, section.subtitle))),
-        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, section.items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item, { hover: true, sizes: {
+        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, section.items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title }, item, { hover: true, sizes: {
                 [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
                 [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
             } })))))))))));
-exports.SolutionsPopup = SolutionsPopup;
+exports.NHSolutionsPopup = NHSolutionsPopup;

package/build/cjs/components/NewHeader/components/{Tag/Tag.css → NHTag/NHTag.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-navigation-tag {
+.pc-addons-nh-navigation-tag {
   font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
   line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
   display: inline-block;
@@ -12,7 +12,7 @@ unpredictable css rules order in build */
   text-transform: capitalize;
 }
 
-.pc-addons-navigation-tag_size_s {
+.pc-addons-nh-navigation-tag_size_s {
   font-size: var(--g-text-caption-2-font-size, var(--pc-text-caption-2-font-size));
   line-height: var(--g-text-caption-2-line-height, var(--pc-text-caption-2-line-height));
   padding: 0 4px;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
+import { NHNavigationTag as NHNavigationTagModel } from '../../models';
+export interface NHNavigationTagProps extends NHNavigationTagModel, ClassNameProps {
+}
+export declare const NHNavigationTag: ({ text, color, textColor, className, size, }: NHNavigationTagProps) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{Tag/Tag.js → NHTag/NHTag.js}

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationTag = void 0;
+exports.NHNavigationTag = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const cn_1 = require("../../../../utils/cn");
 const models_1 = require("../../models");
-const b = (0, cn_1.block)('navigation-tag');
+const b = (0, cn_1.block)('nh-navigation-tag');
 const getColor = (color) => {
     switch (color) {
-        case models_1.NavigationTagColor.Yellow:
+        case models_1.NHNavigationTagColor.Yellow:
             return 'var(--pc-addons-navigation-color-tag-yellow)';
-        case models_1.NavigationTagColor.Blue:
+        case models_1.NHNavigationTagColor.Blue:
             return 'var(--pc-addons-navigation-color-tag-blue)';
-        case models_1.NavigationTagColor.Green:
+        case models_1.NHNavigationTagColor.Green:
             return 'var(--pc-addons-navigation-color-tag-green)';
         default:
             return color;
     }
 };
-const NavigationTag = ({ text, color = models_1.NavigationTagColor.Yellow, textColor, className, size = 'm', }) => (react_1.default.createElement("div", { className: b({ size }, className), style: { backgroundColor: getColor(color), color: textColor } }, text));
-exports.NavigationTag = NavigationTag;
+const NHNavigationTag = ({ text, color = models_1.NHNavigationTagColor.Yellow, textColor, className, size = 'm', }) => (react_1.default.createElement("div", { className: b({ size }, className), style: { backgroundColor: getColor(color), color: textColor } }, text));
+exports.NHNavigationTag = NHNavigationTag;