@doyourjob/gravity-ui-page-constructor-addons 2.1.30 → 2.1.32

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

@@ -1,4 +0,0 @@
-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/NHCompanyPopup/NHCompanyPopup.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Row } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-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(NHPopupItem, Object.assign({ key: item.title, hover: true }, item, { sizes: index === 0
-                ? { [GridColumnSize.All]: 12 }
-                : { [GridColumnSize.All]: 12, [GridColumnSize.Md]: 6 } })))))))))));

package/build/esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css

@@ -1,86 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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);
-  overflow: auto;
-  max-width: 900px;
-  margin-left: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-investor-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-investor-popup__container {
-  padding: 32px;
-  display: flex;
-}
-
-.pc-addons-nh-investor-popup__wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 0;
-  flex: 1;
-}
-
-.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));
-  color: inherit;
-  text-decoration: none;
-  display: flex;
-  font-weight: 600;
-  margin-bottom: 8px;
-}
-
-.pc-addons-nh-investor-popup__title:hover {
-  color: var(--g-color-text-link-hover);
-}
-
-.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-nh-investor-popup__card {
-  background-color: #f2f4f5;
-  border-radius: 8px;
-  width: 268px;
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.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-nh-investor-popup__card-wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.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-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;
-  color: #9fb1bd;
-}

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

@@ -1,4 +0,0 @@
-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/NHInvestorPopup/NHInvestorPopup.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Row, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-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(NHPopupItem, Object.assign({ key: item.title, hover: true }, 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') },
-            React.createElement("div", { className: b('card-price') }, stock.price),
-            React.createElement("div", { className: b('card-date') }, stock.date))))));

package/build/esm/components/NewHeader/components/NHMediumPopup/NHMediumPopup.css

@@ -1,8 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-nh-medium-popup {
-  max-height: calc(100vh - 64px - 64px);
-  overflow: auto;
-  display: flex;
-  flex-wrap: wrap;
-}

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

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Row } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
-import './NHMediumPopup.css';
-const b = block('nh-medium-popup');
-export const NHMediumPopup = ({ groups }) => (React.createElement(Grid, null,
-    React.createElement(Row, null,
-        React.createElement(Col, { className: b() }, groups.map((dataItem) => dataItem.items.map((item) => (React.createElement(NHPopupItem, Object.assign({}, item, { key: item.title, hover: true, imageSize: dataItem.imageSize, sizes: {
-                [GridColumnSize.Xl]: 3,
-                [GridColumnSize.Md]: 4,
-                [GridColumnSize.All]: 12,
-            } })))))))));

package/build/esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.css

@@ -1,209 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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);
-  overflow: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-resources-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-resources-popup__container {
-  padding: 0;
-  display: flex;
-}
-
-.pc-addons-nh-resources-popup__wrap {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.pc-addons-nh-resources-popup__wrap > div + div {
-  border-top: 1px solid #e4ebf0;
-}
-
-.pc-addons-nh-resources-popup__group {
-  padding: 32px 20px;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-.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-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-nh-resources-popup__events {
-  width: 300px;
-  flex-shrink: 0;
-  padding: 32px;
-  display: flex;
-  flex-direction: column;
-  background-color: #f2f6f9;
-  gap: 8px;
-}
-
-.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-nh-resources-popup__banner {
-  color: inherit;
-  text-decoration: none;
-  background-color: #f2f6f9;
-  border-radius: 16px;
-  display: flex;
-  padding: 16px;
-  gap: 24px;
-}
-
-.pc-addons-nh-resources-popup__banner-container-image {
-  width: 263px;
-  height: 148px;
-}
-
-.pc-addons-nh-resources-popup__banner-image {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.pc-addons-nh-resources-popup__banner-container-icon {
-  height: 20px;
-}
-
-.pc-addons-nh-resources-popup__banner-icon {
-  display: block;
-  height: 100%;
-  object-fit: contain;
-}
-
-.pc-addons-nh-resources-popup__banner-wrap {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.pc-addons-nh-resources-popup__banner-content {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.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-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-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;
-  border-radius: 16px;
-  border: 1px solid #e4ebf0;
-}
-
-.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;
-  top: 12px;
-  left: 12px;
-  padding: 8px 12px;
-  border-radius: 8px;
-  background-color: #ffffff;
-}
-
-.pc-addons-nh-resources-popup__event-card-container-image {
-  width: 100%;
-  height: 150px;
-}
-
-.pc-addons-nh-resources-popup__event-card-image {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.pc-addons-nh-resources-popup__event-card-wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.pc-addons-nh-resources-popup__event-card-content {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 16px;
-}
-
-.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-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-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/esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.d.ts

@@ -1,4 +0,0 @@
-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/NHResourcesPopup/NHResourcesPopup.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Image, Row, getLinkProps, } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
-import './NHResourcesPopup.css';
-const b = block('nh-resources-popup');
-const EventCard = ({ url, tag, image, date, title, location }) => {
-    return (React.createElement("a", Object.assign({ href: url, className: b('event-card') }, getLinkProps(url)),
-        React.createElement("div", { className: b('event-card-tag') }, tag),
-        React.createElement(Image, { className: b('event-card-image'), containerClassName: b('event-card-container-image'), src: image }),
-        React.createElement("div", { className: b('event-card-content') },
-            React.createElement("div", { className: b('event-card-wrap') },
-                React.createElement("div", { className: b('event-card-date') }, date),
-                React.createElement("div", { className: b('event-card-title') }, title)),
-            React.createElement("div", { className: b('event-card-location') }, location))));
-};
-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,
-                React.createElement(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 } },
-                    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(NHPopupItem, Object.assign({ key: item.title, hover: true }, item)))))))),
-        banner && (React.createElement("div", { className: b('group') },
-            React.createElement(Row, null,
-                React.createElement(Col, null,
-                    React.createElement("a", Object.assign({ href: banner.url, className: b('banner') }, getLinkProps(banner.url)),
-                        React.createElement(Image, { className: b('banner-image'), containerClassName: b('banner-container-image'), src: banner.image }),
-                        React.createElement("div", { className: b('banner-wrap') },
-                            React.createElement(Image, { className: b('banner-icon'), containerClassName: b('banner-container-icon'), src: banner.icon }),
-                            React.createElement("div", { className: b('banner-content') },
-                                React.createElement("div", { className: b('banner-title') }, banner.title),
-                                React.createElement("div", { className: b('banner-description') }, banner.description))))))))),
-    events && (React.createElement("div", { className: b('events') },
-        React.createElement("div", { className: b('events-title') }, events.title),
-        events.items.map((event) => (React.createElement(EventCard, Object.assign({ key: event.title }, event))))))));

package/build/esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.css

@@ -1,48 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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);
-  overflow: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-solutions-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-solutions-popup__container {
-  padding: 0;
-}
-
-.pc-addons-nh-solutions-popup > div + div {
-  border-top: 1px solid #e4ebf0;
-}
-
-.pc-addons-nh-solutions-popup__wrap {
-  padding: 24px;
-  gap: 24px;
-  display: flex;
-  flex-direction: column;
-}
-
-.pc-addons-nh-solutions-popup__head {
-  display: flex;
-  gap: 24px;
-}
-
-.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-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;
-  color: #e0e0e0;
-}

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

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

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

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

package/build/esm/components/NewHeader/components/NHTag/NHTag.css

@@ -1,21 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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;
-  padding: 0 8px;
-  border-radius: 2px;
-  height: 20px;
-  line-height: 20px;
-  border-radius: 4px;
-  text-transform: capitalize;
-}
-
-.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;
-  height: 16px;
-  line-height: 16px;
-}

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

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

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { block } from '../../../../utils/cn';
-import { NHNavigationTagColor } from '../../models';
-import './NHTag.css';
-const b = block('nh-navigation-tag');
-const getColor = (color) => {
-    switch (color) {
-        case NHNavigationTagColor.Yellow:
-            return 'var(--pc-addons-navigation-color-tag-yellow)';
-        case NHNavigationTagColor.Blue:
-            return 'var(--pc-addons-navigation-color-tag-blue)';
-        case NHNavigationTagColor.Green:
-            return 'var(--pc-addons-navigation-color-tag-green)';
-        default:
-            return color;
-    }
-};
-export const NHNavigationTag = ({ text, color = NHNavigationTagColor.Yellow, textColor, className, size = 'm', }) => (React.createElement("div", { className: b({ size }, className), style: { backgroundColor: getColor(color), color: textColor } }, text));

package/build/esm/components/NewHeader/components/NHWhyPopup/NHWhyPopup.css

@@ -1,80 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-nh-why-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);
-  overflow: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-why-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-why-popup__container {
-  padding: 0;
-  display: flex;
-}
-
-.pc-addons-nh-why-popup__wrap {
-  padding: 20px;
-  display: flex;
-  gap: 16px;
-  flex: 1;
-}
-
-.pc-addons-nh-why-popup__group {
-  flex: 1;
-}
-
-.pc-addons-nh-why-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;
-  font-weight: 500;
-  color: #9fb1bd;
-}
-
-.pc-addons-nh-why-popup__card {
-  font-weight: 500;
-  width: 300px;
-  flex-shrink: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  background-color: #f2f6f9;
-}
-
-.pc-addons-nh-why-popup__card-wrap {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 24px;
-  gap: 20px;
-}
-
-.pc-addons-nh-why-popup__card-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: #9fb1bd;
-}
-
-.pc-addons-nh-why-popup__card-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));
-  color: #9fb1bd;
-}
-
-.pc-addons-nh-why-popup__card-container-image {
-  width: 100%;
-}
-
-.pc-addons-nh-why-popup__card-image {
-  width: 100%;
-  aspect-ratio: 300/244;
-  background-color: #99a5ae;
-  display: block;
-}

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

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

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Col, Grid, GridColumnSize, Image, Row } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
-import './NHWhyPopup.css';
-const b = block('nh-why-popup');
-export const NHWhyPopup = ({ groups, card }) => (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,
-            React.createElement(Col, null,
-                React.createElement("div", { className: b('title') }, group.title))),
-        React.createElement(Row, null, group.items.map((item) => (React.createElement(NHPopupItem, Object.assign({ key: item.title }, item, { hover: true, sizes: { [GridColumnSize.All]: 12 } }))))))))),
-    card && (React.createElement("div", { className: b('card') },
-        React.createElement(Image, { className: b('card-image'), containerClassName: b('card-container-image'), src: card.image }),
-        React.createElement("div", { className: b('card-wrap') },
-            React.createElement("div", { className: b('card-title') }, card.title),
-            React.createElement("div", { className: b('card-description') }, card.description))))));