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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/build/cjs/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.css +166 -0
  2. package/build/cjs/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.d.ts +3 -0
  3. package/build/cjs/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.js +55 -0
  4. package/build/cjs/components/NewHeader/components/NHLoginButton/NHLoginButton.css +1 -1
  5. package/build/cjs/components/NewHeader/components/NHLoginPopup/NHLoginPopup.css +5 -31
  6. package/build/cjs/components/NewHeader/components/NHLoginPopup/NHLoginPopup.js +3 -4
  7. package/build/cjs/components/NewHeader/components/NHNavigation/NHNavigation.js +5 -21
  8. package/build/cjs/components/NewHeader/components/NHPopupItem/ArrowRight.d.ts +2 -0
  9. package/build/cjs/components/NewHeader/components/NHPopupItem/ArrowRight.js +8 -0
  10. package/build/cjs/components/NewHeader/components/NHPopupItem/NHPopupItem.css +50 -55
  11. package/build/cjs/components/NewHeader/components/NHPopupItem/NHPopupItem.d.ts +1 -7
  12. package/build/cjs/components/NewHeader/components/NHPopupItem/NHPopupItem.js +12 -17
  13. package/build/cjs/components/NewHeader/components/NHProductsPopup/NHProductsPopup.css +55 -61
  14. package/build/cjs/components/NewHeader/components/NHProductsPopup/NHProductsPopup.d.ts +1 -1
  15. package/build/cjs/components/NewHeader/components/NHProductsPopup/NHProductsPopup.js +27 -49
  16. package/build/cjs/components/NewHeader/models.d.ts +45 -114
  17. package/build/cjs/components/NewHeader/models.js +2 -13
  18. package/build/esm/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.css +166 -0
  19. package/build/esm/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.d.ts +4 -0
  20. package/build/esm/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.js +51 -0
  21. package/build/esm/components/NewHeader/components/NHLoginButton/NHLoginButton.css +1 -1
  22. package/build/esm/components/NewHeader/components/NHLoginPopup/NHLoginPopup.css +5 -31
  23. package/build/esm/components/NewHeader/components/NHLoginPopup/NHLoginPopup.js +3 -4
  24. package/build/esm/components/NewHeader/components/NHNavigation/NHNavigation.js +6 -22
  25. package/build/esm/components/NewHeader/components/NHPopupItem/ArrowRight.d.ts +2 -0
  26. package/build/esm/components/NewHeader/components/NHPopupItem/ArrowRight.js +3 -0
  27. package/build/esm/components/NewHeader/components/NHPopupItem/NHPopupItem.css +50 -55
  28. package/build/esm/components/NewHeader/components/NHPopupItem/NHPopupItem.d.ts +1 -7
  29. package/build/esm/components/NewHeader/components/NHPopupItem/NHPopupItem.js +13 -18
  30. package/build/esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.css +55 -61
  31. package/build/esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.d.ts +1 -1
  32. package/build/esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.js +28 -50
  33. package/build/esm/components/NewHeader/models.d.ts +45 -114
  34. package/build/esm/components/NewHeader/models.js +1 -12
  35. package/package.json +1 -1
  36. package/build/cjs/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.css +0 -30
  37. package/build/cjs/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.d.ts +0 -3
  38. package/build/cjs/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.js +0 -20
  39. package/build/cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css +0 -86
  40. package/build/cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts +0 -3
  41. package/build/cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.js +0 -22
  42. package/build/cjs/components/NewHeader/components/NHMediumPopup/NHMediumPopup.css +0 -8
  43. package/build/cjs/components/NewHeader/components/NHMediumPopup/NHMediumPopup.d.ts +0 -3
  44. package/build/cjs/components/NewHeader/components/NHMediumPopup/NHMediumPopup.js +0 -17
  45. package/build/cjs/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.css +0 -209
  46. package/build/cjs/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.d.ts +0 -3
  47. package/build/cjs/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.js +0 -42
  48. package/build/cjs/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.css +0 -48
  49. package/build/cjs/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.d.ts +0 -3
  50. package/build/cjs/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.js +0 -20
  51. package/build/cjs/components/NewHeader/components/NHTag/NHTag.css +0 -21
  52. package/build/cjs/components/NewHeader/components/NHTag/NHTag.d.ts +0 -6
  53. package/build/cjs/components/NewHeader/components/NHTag/NHTag.js +0 -22
  54. package/build/cjs/components/NewHeader/components/NHWhyPopup/NHWhyPopup.css +0 -80
  55. package/build/cjs/components/NewHeader/components/NHWhyPopup/NHWhyPopup.d.ts +0 -3
  56. package/build/cjs/components/NewHeader/components/NHWhyPopup/NHWhyPopup.js +0 -21
  57. package/build/esm/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.css +0 -30
  58. package/build/esm/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.d.ts +0 -4
  59. package/build/esm/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.js +0 -16
  60. package/build/esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css +0 -86
  61. package/build/esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts +0 -4
  62. package/build/esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.js +0 -18
  63. package/build/esm/components/NewHeader/components/NHMediumPopup/NHMediumPopup.css +0 -8
  64. package/build/esm/components/NewHeader/components/NHMediumPopup/NHMediumPopup.d.ts +0 -4
  65. package/build/esm/components/NewHeader/components/NHMediumPopup/NHMediumPopup.js +0 -13
  66. package/build/esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.css +0 -209
  67. package/build/esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.d.ts +0 -4
  68. package/build/esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.js +0 -38
  69. package/build/esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.css +0 -48
  70. package/build/esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.d.ts +0 -4
  71. package/build/esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.js +0 -16
  72. package/build/esm/components/NewHeader/components/NHTag/NHTag.css +0 -21
  73. package/build/esm/components/NewHeader/components/NHTag/NHTag.d.ts +0 -7
  74. package/build/esm/components/NewHeader/components/NHTag/NHTag.js +0 -18
  75. package/build/esm/components/NewHeader/components/NHWhyPopup/NHWhyPopup.css +0 -80
  76. package/build/esm/components/NewHeader/components/NHWhyPopup/NHWhyPopup.d.ts +0 -4
  77. package/build/esm/components/NewHeader/components/NHWhyPopup/NHWhyPopup.js +0 -17
@@ -1,86 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-investor-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- max-width: 900px;
9
- margin-left: auto;
10
- width: 100%;
11
- border-radius: var(--pc-border-radius, 24px);
12
- scrollbar-width: none;
13
- }
14
-
15
- .pc-addons-nh-investor-popup::-webkit-scrollbar {
16
- display: none;
17
- }
18
-
19
- .pc-addons-nh-investor-popup__container {
20
- padding: 32px;
21
- display: flex;
22
- }
23
-
24
- .pc-addons-nh-investor-popup__wrap {
25
- display: flex;
26
- flex-direction: column;
27
- gap: 24px;
28
- padding: 0;
29
- flex: 1;
30
- }
31
-
32
- .pc-addons-nh-investor-popup__title {
33
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
34
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
35
- color: inherit;
36
- text-decoration: none;
37
- display: flex;
38
- font-weight: 600;
39
- margin-bottom: 8px;
40
- }
41
-
42
- .pc-addons-nh-investor-popup__title:hover {
43
- color: var(--g-color-text-link-hover);
44
- }
45
-
46
- .pc-addons-nh-investor-popup__subtitle {
47
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
48
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
49
- font-weight: 500;
50
- color: #9fb1bd;
51
- }
52
-
53
- .pc-addons-nh-investor-popup__card {
54
- background-color: #f2f4f5;
55
- border-radius: 8px;
56
- width: 268px;
57
- padding: 20px;
58
- display: flex;
59
- flex-direction: column;
60
- justify-content: space-between;
61
- }
62
-
63
- .pc-addons-nh-investor-popup__card-title {
64
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
65
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
66
- font-weight: 500;
67
- }
68
-
69
- .pc-addons-nh-investor-popup__card-wrap {
70
- display: flex;
71
- flex-direction: column;
72
- gap: 4px;
73
- }
74
-
75
- .pc-addons-nh-investor-popup__card-price {
76
- font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
77
- line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
78
- font-weight: 700;
79
- }
80
-
81
- .pc-addons-nh-investor-popup__card-date {
82
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
83
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
84
- font-weight: 500;
85
- color: #9fb1bd;
86
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NHInvestorPopupData } from '../../models';
3
- export declare const NHInvestorPopup: ({ title, subtitle, url, items, stock }: NHInvestorPopupData) => React.JSX.Element;
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NHInvestorPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
9
- const b = (0, cn_1.block)('nh-investor-popup');
10
- const NHInvestorPopup = ({ title, subtitle, url, items, stock }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
11
- react_1.default.createElement("div", { className: b('wrap') },
12
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
13
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
14
- react_1.default.createElement("a", Object.assign({ href: url, className: b('title') }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)), title),
15
- react_1.default.createElement("div", { className: b('subtitle') }, subtitle))),
16
- 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, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 6 } })))))),
17
- stock && (react_1.default.createElement("div", { className: b('card') },
18
- react_1.default.createElement("div", { className: b('card-title') }, stock.title),
19
- react_1.default.createElement("div", { className: b('card-wrap') },
20
- react_1.default.createElement("div", { className: b('card-price') }, stock.price),
21
- react_1.default.createElement("div", { className: b('card-date') }, stock.date))))));
22
- exports.NHInvestorPopup = NHInvestorPopup;
@@ -1,8 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-medium-popup {
4
- max-height: calc(100vh - 64px - 64px);
5
- overflow: auto;
6
- display: flex;
7
- flex-wrap: wrap;
8
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NHMediumPopupData } from '../../models';
3
- export declare const NHMediumPopup: ({ groups }: NHMediumPopupData) => React.JSX.Element;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NHMediumPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
9
- const b = (0, cn_1.block)('nh-medium-popup');
10
- const NHMediumPopup = ({ groups }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, null,
11
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
12
- 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, imageSize: dataItem.imageSize, sizes: {
13
- [gravity_ui_page_constructor_1.GridColumnSize.Xl]: 3,
14
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
15
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
16
- } })))))))));
17
- exports.NHMediumPopup = NHMediumPopup;
@@ -1,209 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-resources-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- width: 100%;
9
- border-radius: var(--pc-border-radius, 24px);
10
- scrollbar-width: none;
11
- }
12
-
13
- .pc-addons-nh-resources-popup::-webkit-scrollbar {
14
- display: none;
15
- }
16
-
17
- .pc-addons-nh-resources-popup__container {
18
- padding: 0;
19
- display: flex;
20
- }
21
-
22
- .pc-addons-nh-resources-popup__wrap {
23
- display: flex;
24
- flex-direction: column;
25
- flex: 1;
26
- }
27
-
28
- .pc-addons-nh-resources-popup__wrap > div + div {
29
- border-top: 1px solid #e4ebf0;
30
- }
31
-
32
- .pc-addons-nh-resources-popup__group {
33
- padding: 32px 20px;
34
- flex: 1;
35
- display: flex;
36
- flex-direction: column;
37
- gap: 24px;
38
- }
39
-
40
- .pc-addons-nh-resources-popup__title {
41
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
42
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
43
- color: inherit;
44
- text-decoration: none;
45
- display: flex;
46
- font-weight: 600;
47
- margin-bottom: 8px;
48
- }
49
-
50
- .pc-addons-nh-resources-popup__title:hover {
51
- color: var(--g-color-text-link-hover);
52
- }
53
-
54
- .pc-addons-nh-resources-popup__subtitle {
55
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
56
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
57
- font-weight: 500;
58
- color: #9fb1bd;
59
- }
60
-
61
- .pc-addons-nh-resources-popup__events {
62
- width: 300px;
63
- flex-shrink: 0;
64
- padding: 32px;
65
- display: flex;
66
- flex-direction: column;
67
- background-color: #f2f6f9;
68
- gap: 8px;
69
- }
70
-
71
- .pc-addons-nh-resources-popup__events-title {
72
- font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
73
- line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
74
- font-weight: 500;
75
- color: #9fb1bd;
76
- }
77
-
78
- .pc-addons-nh-resources-popup__banner {
79
- color: inherit;
80
- text-decoration: none;
81
- background-color: #f2f6f9;
82
- border-radius: 16px;
83
- display: flex;
84
- padding: 16px;
85
- gap: 24px;
86
- }
87
-
88
- .pc-addons-nh-resources-popup__banner-container-image {
89
- width: 263px;
90
- height: 148px;
91
- }
92
-
93
- .pc-addons-nh-resources-popup__banner-image {
94
- display: block;
95
- width: 100%;
96
- height: 100%;
97
- object-fit: cover;
98
- }
99
-
100
- .pc-addons-nh-resources-popup__banner-container-icon {
101
- height: 20px;
102
- }
103
-
104
- .pc-addons-nh-resources-popup__banner-icon {
105
- display: block;
106
- height: 100%;
107
- object-fit: contain;
108
- }
109
-
110
- .pc-addons-nh-resources-popup__banner-wrap {
111
- flex: 1;
112
- display: flex;
113
- flex-direction: column;
114
- justify-content: space-between;
115
- }
116
-
117
- .pc-addons-nh-resources-popup__banner-content {
118
- display: flex;
119
- flex-direction: column;
120
- gap: 8px;
121
- }
122
-
123
- .pc-addons-nh-resources-popup__banner-title {
124
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
125
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
126
- font-weight: 500;
127
- }
128
-
129
- .pc-addons-nh-resources-popup__banner-description {
130
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
131
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
132
- font-weight: 500;
133
- color: #9fb1bd;
134
- }
135
-
136
- .pc-addons-nh-resources-popup__banner:hover {
137
- background-color: var(--g-color-base-simple-hover);
138
- }
139
-
140
- .pc-addons-nh-resources-popup__event-card {
141
- color: inherit;
142
- text-decoration: none;
143
- position: relative;
144
- display: flex;
145
- flex-direction: column;
146
- border-radius: 16px;
147
- border: 1px solid #e4ebf0;
148
- }
149
-
150
- .pc-addons-nh-resources-popup__event-card-tag {
151
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
152
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
153
- position: absolute;
154
- top: 12px;
155
- left: 12px;
156
- padding: 8px 12px;
157
- border-radius: 8px;
158
- background-color: #ffffff;
159
- }
160
-
161
- .pc-addons-nh-resources-popup__event-card-container-image {
162
- width: 100%;
163
- height: 150px;
164
- }
165
-
166
- .pc-addons-nh-resources-popup__event-card-image {
167
- display: block;
168
- width: 100%;
169
- height: 100%;
170
- object-fit: cover;
171
- }
172
-
173
- .pc-addons-nh-resources-popup__event-card-wrap {
174
- display: flex;
175
- flex-direction: column;
176
- gap: 4px;
177
- }
178
-
179
- .pc-addons-nh-resources-popup__event-card-content {
180
- padding: 16px;
181
- display: flex;
182
- flex-direction: column;
183
- justify-content: center;
184
- gap: 16px;
185
- }
186
-
187
- .pc-addons-nh-resources-popup__event-card-title {
188
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
189
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
190
- font-weight: 500;
191
- }
192
-
193
- .pc-addons-nh-resources-popup__event-card-date {
194
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
195
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
196
- font-weight: 500;
197
- color: #9fb1bd;
198
- }
199
-
200
- .pc-addons-nh-resources-popup__event-card-location {
201
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
202
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
203
- font-weight: 500;
204
- color: #9fb1bd;
205
- }
206
-
207
- .pc-addons-nh-resources-popup__event-card:hover {
208
- background-color: var(--g-color-base-simple-hover);
209
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NHResourcesPopupData } from '../../models';
3
- export declare const NHResourcesPopup: ({ groups, banner, events }: NHResourcesPopupData) => React.JSX.Element;
@@ -1,42 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NHResourcesPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
9
- const b = (0, cn_1.block)('nh-resources-popup');
10
- const EventCard = ({ url, tag, image, date, title, location }) => {
11
- return (react_1.default.createElement("a", Object.assign({ href: url, className: b('event-card') }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)),
12
- react_1.default.createElement("div", { className: b('event-card-tag') }, tag),
13
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('event-card-image'), containerClassName: b('event-card-container-image'), src: image }),
14
- react_1.default.createElement("div", { className: b('event-card-content') },
15
- react_1.default.createElement("div", { className: b('event-card-wrap') },
16
- react_1.default.createElement("div", { className: b('event-card-date') }, date),
17
- react_1.default.createElement("div", { className: b('event-card-title') }, title)),
18
- react_1.default.createElement("div", { className: b('event-card-location') }, location))));
19
- };
20
- const NHResourcesPopup = ({ groups, banner, events }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
21
- react_1.default.createElement("div", { className: b('wrap') },
22
- groups.map((group) => (react_1.default.createElement("div", { className: b('group'), key: group.title },
23
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
24
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.Md]: 8, [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 } },
25
- react_1.default.createElement("a", Object.assign({ href: group.url, className: b('title') }, (0, gravity_ui_page_constructor_1.getLinkProps)(group.url)), group.title),
26
- react_1.default.createElement("div", { className: b('subtitle') }, group.subtitle)),
27
- 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 } })),
28
- 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)))))))),
29
- banner && (react_1.default.createElement("div", { className: b('group') },
30
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
31
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
32
- react_1.default.createElement("a", Object.assign({ href: banner.url, className: b('banner') }, (0, gravity_ui_page_constructor_1.getLinkProps)(banner.url)),
33
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('banner-image'), containerClassName: b('banner-container-image'), src: banner.image }),
34
- react_1.default.createElement("div", { className: b('banner-wrap') },
35
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('banner-icon'), containerClassName: b('banner-container-icon'), src: banner.icon }),
36
- react_1.default.createElement("div", { className: b('banner-content') },
37
- react_1.default.createElement("div", { className: b('banner-title') }, banner.title),
38
- react_1.default.createElement("div", { className: b('banner-description') }, banner.description))))))))),
39
- events && (react_1.default.createElement("div", { className: b('events') },
40
- react_1.default.createElement("div", { className: b('events-title') }, events.title),
41
- events.items.map((event) => (react_1.default.createElement(EventCard, Object.assign({ key: event.title }, event))))))));
42
- exports.NHResourcesPopup = NHResourcesPopup;
@@ -1,48 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-solutions-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- width: 100%;
9
- border-radius: var(--pc-border-radius, 24px);
10
- scrollbar-width: none;
11
- }
12
-
13
- .pc-addons-nh-solutions-popup::-webkit-scrollbar {
14
- display: none;
15
- }
16
-
17
- .pc-addons-nh-solutions-popup__container {
18
- padding: 0;
19
- }
20
-
21
- .pc-addons-nh-solutions-popup > div + div {
22
- border-top: 1px solid #e4ebf0;
23
- }
24
-
25
- .pc-addons-nh-solutions-popup__wrap {
26
- padding: 24px;
27
- gap: 24px;
28
- display: flex;
29
- flex-direction: column;
30
- }
31
-
32
- .pc-addons-nh-solutions-popup__head {
33
- display: flex;
34
- gap: 24px;
35
- }
36
-
37
- .pc-addons-nh-solutions-popup__title {
38
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
39
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
40
- font-weight: 600;
41
- }
42
-
43
- .pc-addons-nh-solutions-popup__subtitle {
44
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
45
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
46
- font-weight: 700;
47
- color: #e0e0e0;
48
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NHSolutionsPopupData } from '../../models';
3
- export declare const NHSolutionsPopup: ({ sections }: NHSolutionsPopupData) => React.JSX.Element;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NHSolutionsPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
9
- const b = (0, cn_1.block)('nh-solutions-popup');
10
- 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 },
11
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('wrap') },
12
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
13
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('head') },
14
- react_1.default.createElement("div", { className: b('title') }, section.title),
15
- react_1.default.createElement("div", { className: b('subtitle') }, section.subtitle))),
16
- 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: {
17
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
18
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
19
- } })))))))))));
20
- exports.NHSolutionsPopup = NHSolutionsPopup;
@@ -1,21 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-navigation-tag {
4
- font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
5
- line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
6
- display: inline-block;
7
- padding: 0 8px;
8
- border-radius: 2px;
9
- height: 20px;
10
- line-height: 20px;
11
- border-radius: 4px;
12
- text-transform: capitalize;
13
- }
14
-
15
- .pc-addons-nh-navigation-tag_size_s {
16
- font-size: var(--g-text-caption-2-font-size, var(--pc-text-caption-2-font-size));
17
- line-height: var(--g-text-caption-2-line-height, var(--pc-text-caption-2-line-height));
18
- padding: 0 4px;
19
- height: 16px;
20
- line-height: 16px;
21
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
3
- import { NHNavigationTag as NHNavigationTagModel } from '../../models';
4
- export interface NHNavigationTagProps extends NHNavigationTagModel, ClassNameProps {
5
- }
6
- export declare const NHNavigationTag: ({ text, color, textColor, className, size, }: NHNavigationTagProps) => React.JSX.Element;
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NHNavigationTag = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const cn_1 = require("../../../../utils/cn");
7
- const models_1 = require("../../models");
8
- const b = (0, cn_1.block)('nh-navigation-tag');
9
- const getColor = (color) => {
10
- switch (color) {
11
- case models_1.NHNavigationTagColor.Yellow:
12
- return 'var(--pc-addons-navigation-color-tag-yellow)';
13
- case models_1.NHNavigationTagColor.Blue:
14
- return 'var(--pc-addons-navigation-color-tag-blue)';
15
- case models_1.NHNavigationTagColor.Green:
16
- return 'var(--pc-addons-navigation-color-tag-green)';
17
- default:
18
- return color;
19
- }
20
- };
21
- 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));
22
- exports.NHNavigationTag = NHNavigationTag;
@@ -1,80 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-why-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- width: 100%;
9
- border-radius: var(--pc-border-radius, 24px);
10
- scrollbar-width: none;
11
- }
12
-
13
- .pc-addons-nh-why-popup::-webkit-scrollbar {
14
- display: none;
15
- }
16
-
17
- .pc-addons-nh-why-popup__container {
18
- padding: 0;
19
- display: flex;
20
- }
21
-
22
- .pc-addons-nh-why-popup__wrap {
23
- padding: 20px;
24
- display: flex;
25
- gap: 16px;
26
- flex: 1;
27
- }
28
-
29
- .pc-addons-nh-why-popup__group {
30
- flex: 1;
31
- }
32
-
33
- .pc-addons-nh-why-popup__title {
34
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
35
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
36
- padding: 12px;
37
- font-weight: 500;
38
- color: #9fb1bd;
39
- }
40
-
41
- .pc-addons-nh-why-popup__card {
42
- font-weight: 500;
43
- width: 300px;
44
- flex-shrink: 0;
45
- padding: 0;
46
- display: flex;
47
- flex-direction: column;
48
- background-color: #f2f6f9;
49
- }
50
-
51
- .pc-addons-nh-why-popup__card-wrap {
52
- display: flex;
53
- flex-direction: column;
54
- justify-content: center;
55
- padding: 24px;
56
- gap: 20px;
57
- }
58
-
59
- .pc-addons-nh-why-popup__card-title {
60
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
61
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
62
- color: #9fb1bd;
63
- }
64
-
65
- .pc-addons-nh-why-popup__card-description {
66
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
67
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
68
- color: #9fb1bd;
69
- }
70
-
71
- .pc-addons-nh-why-popup__card-container-image {
72
- width: 100%;
73
- }
74
-
75
- .pc-addons-nh-why-popup__card-image {
76
- width: 100%;
77
- aspect-ratio: 300/244;
78
- background-color: #99a5ae;
79
- display: block;
80
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NHWhyPopupData } from '../../models';
3
- export declare const NHWhyPopup: ({ groups, card }: NHWhyPopupData) => React.JSX.Element;
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NHWhyPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
9
- const b = (0, cn_1.block)('nh-why-popup');
10
- const NHWhyPopup = ({ groups, card }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
11
- react_1.default.createElement("div", { className: b('wrap') }, groups.map((group) => (react_1.default.createElement("div", { className: b('group'), key: group.title },
12
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
13
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
14
- react_1.default.createElement("div", { className: b('title') }, group.title))),
15
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, group.items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title }, item, { hover: true, sizes: { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 } }))))))))),
16
- card && (react_1.default.createElement("div", { className: b('card') },
17
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('card-image'), containerClassName: b('card-container-image'), src: card.image }),
18
- react_1.default.createElement("div", { className: b('card-wrap') },
19
- react_1.default.createElement("div", { className: b('card-title') }, card.title),
20
- react_1.default.createElement("div", { className: b('card-description') }, card.description))))));
21
- exports.NHWhyPopup = NHWhyPopup;
@@ -1,30 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-nh-company-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- max-width: 900px;
9
- margin-left: auto;
10
- width: 100%;
11
- border-radius: var(--pc-border-radius, 24px);
12
- scrollbar-width: none;
13
- }
14
-
15
- .pc-addons-nh-company-popup::-webkit-scrollbar {
16
- display: none;
17
- }
18
-
19
- .pc-addons-nh-company-popup__container {
20
- padding: 20px;
21
- display: flex;
22
- }
23
-
24
- .pc-addons-nh-company-popup__title {
25
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
26
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
27
- padding: 12px;
28
- font-weight: 500;
29
- color: #9fb1bd;
30
- }