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

package/build/esm/components/NewHeader/components/{NavigationPopup/NavigationPopup.d.ts → NHNavigationPopup/NHNavigationPopup.d.ts}

@@ -1,10 +1,10 @@
 import type { RefObject } from 'react';
 import React from 'react';
-import './NavigationPopup.css';
+import './NHNavigationPopup.css';
 interface NavigationPopupProps {
     headerRef?: RefObject<HTMLDivElement>;
     children: React.ReactNode;
     id?: string;
 }
-export declare const NavigationPopup: ({ headerRef, children, id }: NavigationPopupProps) => React.ReactPortal | null;
+export declare const NHNavigationPopup: ({ headerRef, children, id }: NavigationPopupProps) => React.ReactPortal | null;
 export {};

package/build/esm/components/NewHeader/components/{NavigationPopup/NavigationPopup.js → NHNavigationPopup/NHNavigationPopup.js}

@@ -2,9 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { FocusTrap } from '../../../../utils/FocusTrap';
 import { block } from '../../../../utils/cn';
-import './NavigationPopup.css';
-const b = block('navigation-popup');
-export const NavigationPopup = ({ headerRef, children, id }) => {
+import './NHNavigationPopup.css';
+const b = block('nh-navigation-popup');
+export const NHNavigationPopup = ({ headerRef, children, id }) => {
     return (headerRef === null || headerRef === void 0 ? void 0 : headerRef.current)
         ? ReactDOM.createPortal(React.createElement(FocusTrap, { enabled: true },
             React.createElement("div", { 

package/build/esm/components/NewHeader/components/{PopupItem/PopupItem.css → NHPopupItem/NHPopupItem.css}

@@ -1,12 +1,12 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-navigation-popup-item {
+.pc-addons-nh-navigation-popup-item {
   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));
   margin-bottom: 2px;
 }
 
-.pc-addons-navigation-popup-item__content {
+.pc-addons-nh-navigation-popup-item__content {
   outline: none;
   color: inherit;
   text-decoration: none;
@@ -15,48 +15,48 @@ unpredictable css rules order in build */
   height: 100%;
 }
 
-.utilityfocus .pc-addons-navigation-popup-item__content:focus {
+.utilityfocus .pc-addons-nh-navigation-popup-item__content:focus {
   outline: 2px solid #ffdb4d;
 }
 
-.pc-addons-navigation-popup-item__content:focus {
+.pc-addons-nh-navigation-popup-item__content:focus {
   outline: 2px solid var(--g-color-line-focus);
   outline-offset: -2px;
 }
 
-.pc-addons-navigation-popup-item__content:focus:not(:focus-visible) {
+.pc-addons-nh-navigation-popup-item__content:focus:not(:focus-visible) {
   outline: 0;
 }
 
-.pc-addons-navigation-popup-item__content_padding_default {
+.pc-addons-nh-navigation-popup-item__content_padding_default {
   padding: 12px;
 }
 
-.pc-addons-navigation-popup-item__content_padding_s {
+.pc-addons-nh-navigation-popup-item__content_padding_s {
   padding: 6px 12px;
 }
 
-.pc-addons-navigation-popup-item__content:hover, .pc-addons-navigation-popup-item__content:active {
+.pc-addons-nh-navigation-popup-item__content:hover, .pc-addons-nh-navigation-popup-item__content:active {
   color: var(--g-color-base-brand);
 }
 
-.pc-addons-navigation-popup-item__content_hover:hover, .pc-addons-navigation-popup-item__content_hover:active {
+.pc-addons-nh-navigation-popup-item__content_hover:hover, .pc-addons-nh-navigation-popup-item__content_hover:active {
   color: inherit;
 }
 
-.pc-addons-navigation-popup-item__content_hover:hover {
+.pc-addons-nh-navigation-popup-item__content_hover:hover {
   background-color: var(--g-color-base-simple-hover);
 }
 
-.pc-addons-navigation-popup-item__content_disable {
+.pc-addons-nh-navigation-popup-item__content_disable {
   pointer-events: none;
 }
 
-.pc-addons-navigation-popup-item__icon {
+.pc-addons-nh-navigation-popup-item__icon {
   color: var(--g-color-base-brand);
 }
 
-.pc-addons-navigation-popup-item__icon-container {
+.pc-addons-nh-navigation-popup-item__icon-container {
   position: absolute;
   width: 20px;
   height: 20px;
@@ -65,11 +65,11 @@ unpredictable css rules order in build */
   align-items: center;
 }
 
-.pc-addons-navigation-popup-item__container_with-margin {
+.pc-addons-nh-navigation-popup-item__container_with-margin {
   margin-left: 28px;
 }
 
-.pc-addons-navigation-popup-item__description {
+.pc-addons-nh-navigation-popup-item__description {
   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: block;
@@ -77,33 +77,33 @@ unpredictable css rules order in build */
   color: var(--g-color-text-secondary);
 }
 
-.pc-addons-navigation-popup-item__tag {
+.pc-addons-nh-navigation-popup-item__tag {
   position: relative;
   top: -2px;
 }
 
-.pc-addons-navigation-popup-item__image {
+.pc-addons-nh-navigation-popup-item__image {
   display: block;
   position: relative;
   top: 2px;
 }
 
-.pc-addons-navigation-popup-item__image_size_m {
+.pc-addons-nh-navigation-popup-item__image_size_m {
   width: 18px;
   height: 18px;
 }
 
-.pc-addons-navigation-popup-item__image_size_xm {
+.pc-addons-nh-navigation-popup-item__image_size_xm {
   width: 16px;
   height: 16px;
 }
 
-.pc-addons-navigation-popup-item__image_size_s {
+.pc-addons-nh-navigation-popup-item__image_size_s {
   width: 14px;
   height: 14px;
 }
 
-.pc-addons-navigation-popup-item__image-container {
+.pc-addons-nh-navigation-popup-item__image-container {
   display: flex;
   justify-content: center;
   min-width: 20px;

package/build/esm/components/NewHeader/components/{PopupItem/PopupItem.d.ts → NHPopupItem/NHPopupItem.d.ts}

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { GridColumnSizesType } from '@doyourjob/gravity-ui-page-constructor';
-import { PopupItemData } from '../../models';
-import './PopupItem.css';
-export interface PopupItemProps extends Partial<PopupItemData> {
+import { NHPopupItemData } from '../../models';
+import './NHPopupItem.css';
+export interface NHPopupItemProps extends Partial<NHPopupItemData> {
     hover?: boolean;
     sizes?: GridColumnSizesType;
     className?: string;
@@ -10,4 +10,4 @@ export interface PopupItemProps extends Partial<PopupItemData> {
     imageSize?: 's' | 'xm' | 'm';
     target?: string;
 }
-export declare const PopupItem: (props: PopupItemProps) => React.JSX.Element;
+export declare const NHPopupItem: (props: NHPopupItemProps) => React.JSX.Element;

package/build/esm/components/NewHeader/components/{PopupItem/PopupItem.js → NHPopupItem/NHPopupItem.js}

@@ -3,12 +3,12 @@ import { Col, HTML, Image, getLinkProps } from '@doyourjob/gravity-ui-page-const
 import { Icon } from '@gravity-ui/uikit';
 import { block } from '../../../../utils/cn';
 import { DefaultCategorizedItemSizes } from '../../constants';
-import { NavigationTag } from '../Tag/Tag';
-import './PopupItem.css';
-const b = block('navigation-popup-item');
-export const PopupItem = (props) => {
+import { NHNavigationTag } from '../NHTag/NHTag';
+import './NHPopupItem.css';
+const b = block('nh-navigation-popup-item');
+export const NHPopupItem = (props) => {
     const { icon, url, target, title, tag, description, image, imageSize = 'm', hover, className, sizes = DefaultCategorizedItemSizes, padding = 'default', } = props;
-    const navigationTag = tag && React.createElement(NavigationTag, Object.assign({ className: b('tag'), size: "s" }, tag));
+    const navigationTag = tag && React.createElement(NHNavigationTag, Object.assign({ className: b('tag'), size: "s" }, tag));
     return (React.createElement(Col, { className: b(null, className), sizes: sizes },
         React.createElement("a", Object.assign({ className: b('content', { hover, padding, disable: !url }), href: url }, getLinkProps(url || '', undefined, target)),
             icon && (React.createElement("div", { className: b('icon-container') },

package/build/{cjs/components/NewHeader/components/ProductsPopup/ProductsPopup.css → esm/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,14 @@ 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 {
   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 +57,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 +65,21 @@ 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__run-card {
   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 +92,22 @@ 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;
 }

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

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

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Col, Grid, GridColumnSize, Image, Row } from '@doyourjob/gravity-ui-page-constructor';
 import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './ProductsPopup.css';
-const b = block('products-popup');
+import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
+import './NHProductsPopup.css';
+const b = block('nh-products-popup');
 const PoweredCard = ({ title, description, image }) => {
     return (React.createElement("div", { className: b('powered-card') },
         React.createElement("div", { className: b('powered-card-wrap') },
@@ -18,7 +18,7 @@ const RunCard = ({ title, description, image, border }) => {
             React.createElement("div", { className: b('run-card-title') }, title),
             React.createElement("div", { className: b('run-card-description') }, description))));
 };
-export const ProductsPopup = ({ sections, poweredCard }) => (React.createElement(Grid, { className: b(), containerClass: b('container') }, sections.map((section, index) => {
+export const NHProductsPopup = ({ sections, poweredCard }) => (React.createElement(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;
@@ -37,7 +37,7 @@ export const ProductsPopup = ({ sections, poweredCard }) => (React.createElement
                     [GridColumnSize.Md]: 8,
                     [GridColumnSize.All]: 12,
                 } },
-                React.createElement(Row, null, (_b = section.items) === null || _b === void 0 ? void 0 : _b.map((item, itemIndex) => (React.createElement(PopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
+                React.createElement(Row, null, (_b = section.items) === null || _b === void 0 ? void 0 : _b.map((item, itemIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
                         [GridColumnSize.Md]: 6,
                         [GridColumnSize.All]: 12,
                     } })))))),
@@ -47,7 +47,7 @@ export const ProductsPopup = ({ sections, poweredCard }) => (React.createElement
                 } }, poweredCard && React.createElement(PoweredCard, Object.assign({}, poweredCard)))));
     }
     else {
-        content = (_c = section.items) === null || _c === void 0 ? void 0 : _c.map((item, itemIndex) => (React.createElement(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.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
                 [GridColumnSize.Md]: 4,
                 [GridColumnSize.All]: 12,
             } }))));

package/build/{cjs/components/NewHeader/components/ResourcesPopup/ResourcesPopup.css → esm/components/NewHeader/components/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,21 @@ 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));
   font-weight: 600;
   margin-bottom: 8px;
 }
 
-.pc-addons-resources-popup__subtitle {
+.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 +62,14 @@ 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 {
   background-color: #f2f6f9;
   border-radius: 16px;
   display: flex;
@@ -77,55 +77,55 @@ 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__event-card {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -133,7 +133,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 +144,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,20 +170,20 @@ 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;

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

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

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Col, Grid, GridColumnSize, Image, Row, getLinkProps, } from '@doyourjob/gravity-ui-page-constructor';
 import { block } from '../../../../utils/cn';
-import { PopupItem } from '../PopupItem/PopupItem';
-import './ResourcesPopup.css';
-const b = block('resources-popup');
+import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
+import './NHResourcesPopup.css';
+const b = block('nh-resources-popup');
 const EventCard = ({ tag, image, date, title, location }) => {
     return (React.createElement("div", { className: b('event-card') },
         React.createElement("div", { className: b('event-card-tag') }, tag),
@@ -14,7 +14,7 @@ const EventCard = ({ tag, image, date, title, location }) => {
                 React.createElement("div", { className: b('event-card-title') }, title)),
             React.createElement("div", { className: b('event-card-location') }, location))));
 };
-export const ResourcesPopup = ({ groups, banner, events }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
+export const NHResourcesPopup = ({ groups, banner, events }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
     React.createElement("div", { className: b('wrap') },
         groups.map((group) => (React.createElement("div", { className: b('group'), key: group.title },
             React.createElement(Row, null,
@@ -22,7 +22,7 @@ export const ResourcesPopup = ({ groups, banner, events }) => (React.createEleme
                     React.createElement("a", Object.assign({ href: group.url, className: b('title') }, getLinkProps(group.url)), group.title),
                     React.createElement("div", { className: b('subtitle') }, group.subtitle)),
                 React.createElement(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 } })),
-            React.createElement(Row, null, group.items.map((item) => (React.createElement(PopupItem, Object.assign({ key: item.title }, item)))))))),
+            React.createElement(Row, null, group.items.map((item) => (React.createElement(NHPopupItem, Object.assign({ key: item.title }, item)))))))),
         banner && (React.createElement("div", { className: b('group') },
             React.createElement(Row, null,
                 React.createElement(Col, null,

package/build/{cjs/components/NewHeader/components/SolutionsPopup/SolutionsPopup.css → esm/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/esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.d.ts

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