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

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

@@ -1,30 +1,14 @@
 import type { ButtonProps, LinkProps } from '@doyourjob/gravity-ui-page-constructor';
 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",
+    NHDefaultPopup = "default-popup",
     Link = "link"
 }
-export declare enum NHNavigationTagColor {
-    Green = "green",
-    Yellow = "yellow",
-    Blue = "blue"
-}
 export interface NHLogoData {
     href?: string;
     src?: string;
     alt?: string;
 }
-export interface NHNavigationTag {
-    text: string;
-    color?: string;
-    textColor?: string;
-    size?: 's' | 'm';
-}
 export interface NHPopupItemData {
     title: string;
     url: string;
@@ -33,21 +17,7 @@ export interface NHPopupItemData {
     image?: string | null;
     imageColor?: string;
     imageColorHover?: string;
-}
-export interface NHCategoryGroupData {
-    title?: string;
-    items: NHPopupItemData[];
-    imageSize?: 's' | 'xm' | 'm';
-    url?: string;
-}
-export interface NHMediumPopupData {
-    groups: NHCategoryGroupData[];
-}
-export interface NHBannerData {
-    title: string;
-    description: string;
-    image: string;
-    url: string;
+    target?: string;
 }
 export interface NHProductBannerData {
     title: string;
@@ -70,74 +40,46 @@ export interface NHProductsPopupSectionScale extends NHProductsPopupSectionBase
     mode: 'scale';
     banner?: NHProductBannerData;
 }
+export type NHProductsPopupSection = NHProductsPopupSectionRun | NHProductsPopupSectionScale | NHProductsPopupSectionBase;
 export interface NHProductsPopupData {
     primaryColor?: string;
     primaryColorHover?: string;
-    sections: (NHProductsPopupSectionRun | NHProductsPopupSectionBase | NHProductsPopupSectionScale)[];
+    sections: NHProductsPopupSection[];
 }
-export interface NHSolutionsPopupSection {
+export interface NHDefaultPopupSection {
     title: string;
     subtitle: string;
     items: NHPopupItemData[];
+    columns?: number;
 }
-export interface NHSolutionsPopupData {
-    sections: NHSolutionsPopupSection[];
-}
-export interface NHWhyPopupGroup {
-    title: string;
-    items: NHPopupItemData[];
-}
-export interface NHWhyPopupData {
-    groups: NHWhyPopupGroup[];
-    card: NHBannerData;
-}
-export interface NHBannerData {
+export interface NHStoryCardData {
     title: string;
     description: string;
     image: string;
-    icon: string;
     url: string;
 }
 export interface NHEventCardData {
-    url: string;
-    tag: string;
     title: string;
-    date: string;
+    caption: string;
+    description: string;
     image: string;
-    location: string;
-}
-export interface NHResourcesPopupGroup {
-    title: string;
-    subtitle: string;
     url: string;
-    items: NHPopupItemData[];
-}
-export interface NHResourcesPopupData {
-    groups: NHResourcesPopupGroup[];
-    banner: NHBannerData;
-    events: {
-        title: string;
-        items: NHEventCardData[];
-    };
-}
-export interface NHCompanyPopupSection {
-    title: string;
-    items: NHPopupItemData[];
-}
-export interface NHCompanyPopupData {
-    sections: NHCompanyPopupSection[];
 }
 export interface NHStockData {
     title: string;
-    price: string;
+    value: string;
     date: string;
+    background?: string;
 }
-export interface NHInvestorPopupData {
-    title: string;
-    subtitle: string;
-    url: string;
-    items: NHPopupItemData[];
-    stock: NHStockData;
+export interface NHDefaultPopupData {
+    sections: NHDefaultPopupSection[];
+    maxWidth?: number;
+    right?: {
+        title: string;
+        stories?: NHStoryCardData[];
+        events?: NHEventCardData[];
+        stock?: NHStockData;
+    };
 }
 export interface NHLoginItemData {
     title: string;
@@ -146,7 +88,7 @@ export interface NHLoginItemData {
 }
 export interface NHLoginPopupData {
     text: string;
-    items: NHLoginItemData[];
+    items: NHPopupItemData[];
 }
 export interface NHNavigationDefaultData {
     title: string;
@@ -155,35 +97,15 @@ export interface NHNavigationLinkData extends NHNavigationDefaultData {
     type: NHNavigationItemType.Link;
     data: LinkProps;
 }
-export interface NHNavigationMediumPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHMediumPopup;
-    data: NHMediumPopupData;
-}
 export interface NHNavigationProductsPopupData extends NHNavigationDefaultData {
     type: NHNavigationItemType.NHProductsPopup;
     data: NHProductsPopupData;
 }
-export interface NHNavigationSolutionsPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHSolutionsPopup;
-    data: NHSolutionsPopupData;
-}
-export interface NHNavigationWhyPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHWhyPopup;
-    data: NHWhyPopupData;
-}
-export interface NHNavigationResourcesPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHResourcesPopup;
-    data: NHResourcesPopupData;
-}
-export interface NHNavigationCompanyPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHCompanyPopup;
-    data: NHCompanyPopupData;
-}
-export interface NHNavigationInvestorPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHInvestorPopup;
-    data: NHInvestorPopupData;
+export interface NHNavigationDefaultPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHDefaultPopup;
+    data: NHDefaultPopupData;
 }
-export type NHNavigationItemData = NHNavigationLinkData | NHNavigationMediumPopupData | NHNavigationProductsPopupData | NHNavigationSolutionsPopupData | NHNavigationWhyPopupData | NHNavigationResourcesPopupData | NHNavigationCompanyPopupData | NHNavigationInvestorPopupData;
+export type NHNavigationItemData = NHNavigationLinkData | NHNavigationProductsPopupData | NHNavigationDefaultPopupData;
 export interface NHMobileNavigationDefaultData {
     title: string;
 }
@@ -201,11 +123,11 @@ export interface NHMobileNavigationGroupData extends NHMobileNavigationDefaultDa
 }
 export type NHMobileNavigationItemData = NHMobileNavigationLinkData | NHMobileNavigationGroupData;
 export interface NHNavigationData {
-    left: NHNavigationItemData[];
-    right: NHNavigationItemData[];
-    mobile: NHMobileNavigationItemData[];
-    login: NHLoginPopupData;
-    logo: NHLogoData;
-    buttons: ButtonProps[];
+    left?: NHNavigationItemData[];
+    right?: NHNavigationItemData[];
+    mobile?: NHMobileNavigationItemData[];
+    login?: NHLoginPopupData;
+    logo?: NHLogoData;
+    buttons?: ButtonProps[];
 }
 export type SetupRouteChangeHandler = (handler: () => void) => void;

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

@@ -1,17 +1,6 @@
 export 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["NHDefaultPopup"] = "default-popup";
     NHNavigationItemType["Link"] = "link";
 })(NHNavigationItemType || (NHNavigationItemType = {}));
-export var NHNavigationTagColor;
-(function (NHNavigationTagColor) {
-    NHNavigationTagColor["Green"] = "green";
-    NHNavigationTagColor["Yellow"] = "yellow";
-    NHNavigationTagColor["Blue"] = "blue";
-})(NHNavigationTagColor || (NHNavigationTagColor = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor-addons",
-  "version": "2.1.31",
+  "version": "2.1.32",
   "description": "Components and plugins for @doyourjob/gravity-ui-page-constructor",
   "license": "MIT",
   "repository": {

package/build/cjs/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.css

@@ -1,30 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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);
-  overflow: auto;
-  max-width: 900px;
-  margin-left: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-company-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-company-popup__container {
-  padding: 20px;
-  display: flex;
-}
-
-.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;
-  font-weight: 500;
-  color: #9fb1bd;
-}

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

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

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NHCompanyPopup = 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 NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
-const b = (0, cn_1.block)('nh-company-popup');
-const NHCompanyPopup = ({ sections }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
-    react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, sections.map((section, index) => (react_1.default.createElement(gravity_ui_page_constructor_1.Col, { key: section.title, sizes: index === 0
-            ? { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4 }
-            : { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 8 } },
-        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') }, section.title))),
-        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, hover: true }, item)))))))))));
-exports.NHCompanyPopup = NHCompanyPopup;

package/build/cjs/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/cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts

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

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NHInvestorPopup = 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 NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
-const b = (0, cn_1.block)('nh-investor-popup');
-const NHInvestorPopup = ({ title, subtitle, url, items, stock }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
-    react_1.default.createElement("div", { className: b('wrap') },
-        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("a", Object.assign({ href: url, className: b('title') }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)), title),
-                react_1.default.createElement("div", { className: b('subtitle') }, subtitle))),
-        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title, hover: true }, item)))))),
-    stock && (react_1.default.createElement("div", { className: b('card') },
-        react_1.default.createElement("div", { className: b('card-title') }, stock.title),
-        react_1.default.createElement("div", { className: b('card-wrap') },
-            react_1.default.createElement("div", { className: b('card-price') }, stock.price),
-            react_1.default.createElement("div", { className: b('card-date') }, stock.date))))));
-exports.NHInvestorPopup = NHInvestorPopup;

package/build/cjs/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/cjs/components/NewHeader/components/NHMediumPopup/NHMediumPopup.d.ts

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

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NHMediumPopup = 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 NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
-const b = (0, cn_1.block)('nh-medium-popup');
-const NHMediumPopup = ({ groups }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, null,
-    react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
-        react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b() }, groups.map((dataItem) => dataItem.items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({}, item, { key: item.title, hover: true })))))))));
-exports.NHMediumPopup = NHMediumPopup;

package/build/cjs/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/cjs/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.d.ts

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