@doyourjob/gravity-ui-page-constructor 5.31.203 → 5.31.204

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 (65) hide show
  1. package/build/cjs/blocks/BlogFeed/BlogFeed.d.ts +1 -1
  2. package/build/cjs/blocks/BlogFeed/BlogFeed.js +2 -2
  3. package/build/cjs/blocks/BlogFeed/schema.d.ts +3 -0
  4. package/build/cjs/blocks/BlogFeed/schema.js +2 -0
  5. package/build/cjs/blocks/EventsFeed/EventsFeed.d.ts +1 -1
  6. package/build/cjs/blocks/EventsFeed/EventsFeed.js +2 -2
  7. package/build/cjs/blocks/EventsFeed/schema.d.ts +3 -0
  8. package/build/cjs/blocks/EventsFeed/schema.js +2 -0
  9. package/build/cjs/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
  10. package/build/cjs/blocks/PartnersFeed/PartnersFeed.js +2 -2
  11. package/build/cjs/blocks/PartnersFeed/schema.d.ts +3 -0
  12. package/build/cjs/blocks/PartnersFeed/schema.js +2 -0
  13. package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
  14. package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
  15. package/build/cjs/blocks/ResourceHubPosts/schema.d.ts +3 -0
  16. package/build/cjs/blocks/ResourceHubPosts/schema.js +2 -0
  17. package/build/cjs/components/FeedHeader/Controls/Controls.css +14 -4
  18. package/build/cjs/components/FeedHeader/Controls/Controls.d.ts +3 -2
  19. package/build/cjs/components/FeedHeader/Controls/Controls.js +4 -2
  20. package/build/cjs/components/FeedHeader/FeedHeader.d.ts +2 -2
  21. package/build/cjs/components/FeedHeader/FeedHeader.js +2 -2
  22. package/build/cjs/components/Title/TitleItem.d.ts +1 -1
  23. package/build/cjs/constructor-items.d.ts +4 -4
  24. package/build/cjs/models/constructor-items/blocks.d.ts +1 -0
  25. package/build/cjs/models/constructor-items/sub-blocks.d.ts +5 -0
  26. package/build/cjs/sub-blocks/FeedPartner/FeedPartner.css +57 -7
  27. package/build/cjs/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
  28. package/build/cjs/sub-blocks/FeedPartner/FeedPartner.js +13 -7
  29. package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +15 -1
  30. package/build/cjs/sub-blocks/FeedPartner/schema.js +10 -0
  31. package/build/esm/blocks/BlogFeed/BlogFeed.d.ts +1 -1
  32. package/build/esm/blocks/BlogFeed/BlogFeed.js +2 -2
  33. package/build/esm/blocks/BlogFeed/schema.d.ts +3 -0
  34. package/build/esm/blocks/BlogFeed/schema.js +2 -0
  35. package/build/esm/blocks/EventsFeed/EventsFeed.d.ts +1 -1
  36. package/build/esm/blocks/EventsFeed/EventsFeed.js +2 -2
  37. package/build/esm/blocks/EventsFeed/schema.d.ts +3 -0
  38. package/build/esm/blocks/EventsFeed/schema.js +2 -0
  39. package/build/esm/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
  40. package/build/esm/blocks/PartnersFeed/PartnersFeed.js +2 -2
  41. package/build/esm/blocks/PartnersFeed/schema.d.ts +3 -0
  42. package/build/esm/blocks/PartnersFeed/schema.js +2 -0
  43. package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
  44. package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
  45. package/build/esm/blocks/ResourceHubPosts/schema.d.ts +3 -0
  46. package/build/esm/blocks/ResourceHubPosts/schema.js +2 -0
  47. package/build/esm/components/FeedHeader/Controls/Controls.css +14 -4
  48. package/build/esm/components/FeedHeader/Controls/Controls.d.ts +3 -2
  49. package/build/esm/components/FeedHeader/Controls/Controls.js +4 -2
  50. package/build/esm/components/FeedHeader/FeedHeader.d.ts +2 -2
  51. package/build/esm/components/FeedHeader/FeedHeader.js +2 -2
  52. package/build/esm/components/Title/TitleItem.d.ts +1 -1
  53. package/build/esm/constructor-items.d.ts +4 -4
  54. package/build/esm/models/constructor-items/blocks.d.ts +1 -0
  55. package/build/esm/models/constructor-items/sub-blocks.d.ts +5 -0
  56. package/build/esm/sub-blocks/FeedPartner/FeedPartner.css +57 -7
  57. package/build/esm/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
  58. package/build/esm/sub-blocks/FeedPartner/FeedPartner.js +14 -8
  59. package/build/esm/sub-blocks/FeedPartner/schema.d.ts +15 -1
  60. package/build/esm/sub-blocks/FeedPartner/schema.js +10 -0
  61. package/package.json +1 -1
  62. package/schema/index.js +1 -1
  63. package/server/models/constructor-items/blocks.d.ts +1 -0
  64. package/server/models/constructor-items/sub-blocks.d.ts +5 -0
  65. package/widget/index.js +1 -1
@@ -1,3 +1,3 @@
1
1
  import { BlogFeedBlockProps } from '../../models';
2
- export declare const BlogFeedBlock: ({ image, title }: BlogFeedBlockProps) => JSX.Element;
2
+ export declare const BlogFeedBlock: ({ image, title, text }: BlogFeedBlockProps) => JSX.Element;
3
3
  export default BlogFeedBlock;
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
7
7
  const BlogFeedPosts_1 = tslib_1.__importDefault(require("./BlogFeedPosts/BlogFeedPosts"));
8
- const BlogFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
9
- react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
8
+ const BlogFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
9
+ react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
10
10
  react_1.default.createElement(BlogFeedPosts_1.default, null)));
11
11
  exports.BlogFeedBlock = BlogFeedBlock;
12
12
  exports.default = exports.BlogFeedBlock;
@@ -6,6 +6,9 @@ export declare const BlogFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.BlogFeedBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -1,3 +1,3 @@
1
1
  import { EventsFeedBlockProps } from '../../models';
2
- export declare const EventsFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
2
+ export declare const EventsFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
3
3
  export default EventsFeedBlock;
@@ -6,8 +6,8 @@ const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
7
7
  const EventsFeedSection_1 = tslib_1.__importDefault(require("./EventsFeedSection/EventsFeedSection"));
8
8
  const i18n_1 = require("./i18n");
9
- const EventsFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
10
- react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
9
+ const EventsFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
10
+ react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
11
11
  react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "upcoming" }),
12
12
  react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "recent", title: (0, i18n_1.i18n)('recent_events') })));
13
13
  exports.EventsFeedBlock = EventsFeedBlock;
@@ -6,6 +6,9 @@ export declare const EventsFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.EventsFeedBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -1,3 +1,3 @@
1
1
  import { EventsFeedBlockProps } from '../../models';
2
- export declare const PartnersFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
2
+ export declare const PartnersFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
3
3
  export default PartnersFeedBlock;
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
7
7
  const PartnersFeedSection_1 = tslib_1.__importDefault(require("./PartnersFeedSection/PartnersFeedSection"));
8
- const PartnersFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
9
- react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
8
+ const PartnersFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
9
+ react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
10
10
  react_1.default.createElement(PartnersFeedSection_1.default, null)));
11
11
  exports.PartnersFeedBlock = PartnersFeedBlock;
12
12
  exports.default = exports.PartnersFeedBlock;
@@ -6,6 +6,9 @@ export declare const PartnersFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.PartnersFeedBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -1,3 +1,3 @@
1
1
  import { ResourceHubPostsBlockProps } from '../../models';
2
- export declare const ResourceHubPostsBlock: ({ image, title }: ResourceHubPostsBlockProps) => JSX.Element;
2
+ export declare const ResourceHubPostsBlock: ({ image, title, text }: ResourceHubPostsBlockProps) => JSX.Element;
3
3
  export default ResourceHubPostsBlock;
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
7
7
  const ResourceHubPostsSection_1 = tslib_1.__importDefault(require("./ResourceHubPostsSection/ResourceHubPostsSection"));
8
- const ResourceHubPostsBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
9
- react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
8
+ const ResourceHubPostsBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
9
+ react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
10
10
  react_1.default.createElement(ResourceHubPostsSection_1.default, null)));
11
11
  exports.ResourceHubPostsBlock = ResourceHubPostsBlock;
12
12
  exports.default = exports.ResourceHubPostsBlock;
@@ -6,6 +6,9 @@ export declare const ResourceHubPostsBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.ResourceHubPostsBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -8,17 +8,27 @@ unpredictable css rules order in build */
8
8
  padding-bottom: 20px;
9
9
  border-radius: var(--bc-border-radius);
10
10
  }
11
- .pc-feed-header-controls__title, .pc-feed-header-controls__filters {
11
+ .pc-feed-header-controls__wrap {
12
+ display: flex;
13
+ flex-direction: column;
14
+ align-items: center;
15
+ gap: 16px;
16
+ padding-top: 112px;
17
+ padding-bottom: 96px;
18
+ }
19
+ .pc-feed-header-controls__title, .pc-feed-header-controls__text, .pc-feed-header-controls__filters {
12
20
  display: flex;
13
21
  flex-wrap: wrap;
14
22
  justify-content: center;
15
23
  }
16
24
  .pc-feed-header-controls__title {
17
- padding-top: 112px;
18
- padding-bottom: 96px;
19
- margin: 0;
20
25
  font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
21
26
  line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
27
+ margin: 0;
28
+ }
29
+ .pc-feed-header-controls__text {
30
+ font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
31
+ line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
22
32
  }
23
33
  .pc-feed-header-controls__filter-item {
24
34
  flex-grow: 1;
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
2
  export type ControlsProps = {
3
3
  title?: string;
4
+ text?: string;
4
5
  };
5
- export declare const Controls: ({ title }: ControlsProps) => JSX.Element;
6
- declare const _default: React.MemoExoticComponent<({ title }: ControlsProps) => JSX.Element>;
6
+ export declare const Controls: ({ title, text }: ControlsProps) => JSX.Element;
7
+ declare const _default: React.MemoExoticComponent<({ title, text }: ControlsProps) => JSX.Element>;
7
8
  export default _default;
@@ -30,11 +30,13 @@ const Filter = ({ name, type, value, label, items, }) => {
30
30
  }
31
31
  };
32
32
  const FilterMemo = react_1.default.memo(Filter);
33
- const Controls = ({ title }) => {
33
+ const Controls = ({ title, text }) => {
34
34
  const { filters } = (0, react_1.useContext)(feedHeaderContext_1.FeedHeaderFiltersContext);
35
35
  const { filter } = (0, react_1.useContext)(feedHeaderContext_1.FeedHeaderFilterContext);
36
36
  return (react_1.default.createElement("div", { className: b() },
37
- react_1.default.createElement("h1", { className: b('title') }, title),
37
+ title || text ? (react_1.default.createElement("div", { className: b('wrap') },
38
+ title && react_1.default.createElement("h1", { className: b('title') }, title),
39
+ text && react_1.default.createElement("div", { className: b('text') }, text))) : null,
38
40
  react_1.default.createElement("div", { className: b('filters') }, filters.map((item) => (react_1.default.createElement(FilterMemo, { key: item.name, name: item.name, value: filter[item.name], type: item.type, label: item.label, items: item.items }))))));
39
41
  };
40
42
  exports.Controls = Controls;
@@ -3,6 +3,6 @@ import { ControlsProps } from './Controls/Controls';
3
3
  interface FeedHeaderProps extends ControlsProps {
4
4
  image?: string;
5
5
  }
6
- export declare const FeedHeader: ({ title, image }: FeedHeaderProps) => JSX.Element;
7
- declare const _default: React.MemoExoticComponent<({ title, image }: FeedHeaderProps) => JSX.Element>;
6
+ export declare const FeedHeader: ({ title, text, image }: FeedHeaderProps) => JSX.Element;
7
+ declare const _default: React.MemoExoticComponent<({ title, text, image }: FeedHeaderProps) => JSX.Element>;
8
8
  export default _default;
@@ -8,11 +8,11 @@ const grid_1 = require("../../grid");
8
8
  const utils_1 = require("../../utils");
9
9
  const Controls_1 = tslib_1.__importDefault(require("./Controls/Controls"));
10
10
  const b = (0, utils_1.block)('feed-header');
11
- const FeedHeader = ({ title, image }) => {
11
+ const FeedHeader = ({ title, text, image }) => {
12
12
  return (react_1.default.createElement("div", { className: b() },
13
13
  react_1.default.createElement(grid_1.Grid, { className: b('content') },
14
14
  image && react_1.default.createElement(components_1.BackgroundImage, { src: image, className: b('background') }),
15
- react_1.default.createElement(Controls_1.default, { title: title }))));
15
+ react_1.default.createElement(Controls_1.default, { title: title, text: text }))));
16
16
  };
17
17
  exports.FeedHeader = FeedHeader;
18
18
  exports.default = react_1.default.memo(exports.FeedHeader);
@@ -1,5 +1,5 @@
1
1
  import { QAProps, TitleItemProps, TitleTextSize } from '../../models';
2
- export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
2
+ export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 13 | 22 | 24 | 26 | 38 | 20;
3
3
  export interface TitleItemFullProps extends TitleItemProps, QAProps {
4
4
  className?: string;
5
5
  onClick?: () => void;
@@ -29,12 +29,12 @@ export declare const blockMap: {
29
29
  "form-block": import("react").FC<import("./models").FormBlockProps>;
30
30
  "marquee-links-block": ({ animated, title, description, textAlign, speed, items, }: import("./models").MarqueeLinksBlockProps) => JSX.Element | null;
31
31
  "solutions-block": ({ animated }: import("./models").SolutionsBlockProps) => JSX.Element;
32
- "events-feed-block": ({ image, title }: import("./models").EventsFeedBlockProps) => JSX.Element;
33
- "partners-feed-block": ({ image, title }: import("./models").EventsFeedBlockProps) => JSX.Element;
34
- "resource-hub-posts-block": ({ image, title }: import("./models").ResourceHubPostsBlockProps) => JSX.Element;
32
+ "events-feed-block": ({ image, title, text }: import("./models").EventsFeedBlockProps) => JSX.Element;
33
+ "partners-feed-block": ({ image, title, text }: import("./models").EventsFeedBlockProps) => JSX.Element;
34
+ "resource-hub-posts-block": ({ image, title, text }: import("./models").ResourceHubPostsBlockProps) => JSX.Element;
35
35
  "benchmark-block": import("react").FC<import("./models").BenchmarkBlockProps>;
36
36
  "events-section-block": ({ typeKey, title, label, empty }: import("./models").EventsSectionBlockProps) => JSX.Element;
37
- "blog-feed-block": ({ image, title }: import("./models").BlogFeedBlockProps) => JSX.Element;
37
+ "blog-feed-block": ({ image, title, text }: import("./models").BlogFeedBlockProps) => JSX.Element;
38
38
  "science-feed-block": (props: import("./models").ScienceFeedBlockProps) => JSX.Element;
39
39
  "customer-stories-feed-block": () => JSX.Element | null;
40
40
  "relevant-posts-block": ({ title, description, slider, date, dateStart, dateEnd, tags, services, pinnedPost, }: import("./models").RelevantPostsBlockProps) => JSX.Element;
@@ -494,6 +494,7 @@ export interface ServicesBlockProps {
494
494
  export interface BaseFeedProps {
495
495
  image?: string;
496
496
  title?: string;
497
+ text?: string;
497
498
  }
498
499
  export interface EventsFeedBlockProps extends BaseFeedProps {
499
500
  }
@@ -185,6 +185,11 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
185
185
  paddingBottom?: 's' | 'm' | 'l' | 'xl';
186
186
  }
187
187
  export interface FeedPartnerProps extends ClassNameProps {
188
+ type?: string;
189
+ level?: string;
190
+ levelColorText?: string;
191
+ levelColorBackground?: string;
192
+ background?: string;
188
193
  url: string;
189
194
  image?: string;
190
195
  title?: string;
@@ -7,12 +7,12 @@ unpredictable css rules order in build */
7
7
  .pc-feed-partner {
8
8
  border-radius: var(--pc-border-radius);
9
9
  background-color: var(--g-color-base-float);
10
- padding: 16px;
11
- gap: 16px;
12
10
  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
13
11
  display: flex;
14
- flex-direction: column;
12
+ overflow: hidden;
13
+ position: relative;
15
14
  height: 100%;
15
+ min-height: 434px;
16
16
  width: 100%;
17
17
  --pc-tag-background-color: var(--g-color-base-brand);
18
18
  --pc-tag-text-color: var(--g-color-base-background);
@@ -20,19 +20,60 @@ unpredictable css rules order in build */
20
20
  .pc-feed-partner_border_line {
21
21
  border: 1px solid var(--g-color-line-generic);
22
22
  }
23
+ .pc-feed-partner__background {
24
+ position: absolute;
25
+ inset: 0;
26
+ }
27
+ .pc-feed-partner__background-image {
28
+ display: block;
29
+ width: 100%;
30
+ height: 100%;
31
+ object-fit: cover;
32
+ }
33
+ .pc-feed-partner__head {
34
+ display: flex;
35
+ justify-content: space-between;
36
+ align-items: flex-start;
37
+ min-height: 80px;
38
+ }
39
+ .pc-feed-partner__level {
40
+ padding: 4px 12px;
41
+ border-radius: 16px;
42
+ font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
43
+ line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
44
+ background-color: var(--g-color-base-background);
45
+ color: var(--g-color-base-brand);
46
+ }
23
47
  .pc-feed-partner__image {
24
- width: 64px;
25
- height: 64px;
48
+ display: block;
49
+ }
50
+ .pc-feed-partner__content {
51
+ position: relative;
52
+ z-index: 1;
53
+ display: flex;
54
+ flex-direction: column;
55
+ padding: 28px 32px 32px;
56
+ gap: 24px;
26
57
  }
27
58
  .pc-feed-partner__wrap {
28
59
  display: flex;
29
60
  flex-direction: column;
30
- gap: 8px;
31
61
  }
32
62
  .pc-feed-partner__tags {
33
63
  display: flex;
34
64
  flex-wrap: wrap;
35
- gap: 4px;
65
+ gap: 8px;
66
+ }
67
+ .pc-feed-partner__tag {
68
+ font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
69
+ line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
70
+ height: 36px;
71
+ display: flex;
72
+ align-items: center;
73
+ padding: 0 16px;
74
+ border: 1px solid var(--g-color-private-black-100);
75
+ border-radius: 24px;
76
+ color: var(--g-color-text-primary);
36
77
  }
37
78
  .pc-feed-partner_jumpOnHover {
38
79
  transition: transform 0.3s ease-out;
@@ -40,11 +81,20 @@ unpredictable css rules order in build */
40
81
  .pc-feed-partner_jumpOnHover:hover {
41
82
  transform: translateY(-8px);
42
83
  }
84
+ .pc-feed-partner__type {
85
+ font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
86
+ line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
87
+ color: var(--g-color-text-primary);
88
+ opacity: 0.6;
89
+ font-weight: bold;
90
+ margin-bottom: 4px;
91
+ }
43
92
  .pc-feed-partner__title {
44
93
  font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
45
94
  line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
46
95
  color: var(--g-color-text-primary);
47
96
  font-weight: bold;
97
+ margin-bottom: 8px;
48
98
  }
49
99
  .pc-feed-partner__subtitle {
50
100
  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
@@ -1,3 +1,3 @@
1
1
  import { FeedPartnerProps } from '../../models';
2
- declare const FeedPartner: ({ url, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
2
+ declare const FeedPartner: ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
3
3
  export default FeedPartner;
@@ -1,18 +1,24 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
- const react_1 = tslib_1.__importDefault(require("react"));
4
+ const react_1 = tslib_1.__importStar(require("react"));
5
5
  const uikit_1 = require("@gravity-ui/uikit");
6
6
  const components_1 = require("../../components");
7
7
  const utils_1 = require("../../utils");
8
8
  const b = (0, utils_1.block)('feed-partner');
9
- const FeedPartner = ({ url, image, title, subtitle, className, tags, jumpOnHover, }) => {
9
+ const FeedPartner = ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }) => {
10
+ const levelStyles = (0, react_1.useMemo)(() => ({ 'background-color': levelColorBackground, color: levelColorText }), [levelColorBackground, levelColorText]);
10
11
  return (react_1.default.createElement(components_1.RouterLink, { href: url },
11
12
  react_1.default.createElement(uikit_1.Link, { href: url, className: b({ jumpOnHover, border: 'line' }, className) },
12
- image && react_1.default.createElement(components_1.Image, { className: b('image'), src: image, alt: "logo" }),
13
- react_1.default.createElement("div", { className: b('wrap') },
14
- title && react_1.default.createElement("div", { className: b('title') }, title),
15
- subtitle && react_1.default.createElement("div", { className: b('subtitle') }, subtitle)),
16
- tags && (react_1.default.createElement("div", { className: b('tags') }, tags.map((item, index) => (react_1.default.createElement(components_1.Tag, { key: index, text: item }))))))));
13
+ background && (react_1.default.createElement(components_1.Image, { className: b('background-image'), containerClassName: b('background'), src: background, alt: "background" })),
14
+ react_1.default.createElement("div", { className: b('content') },
15
+ react_1.default.createElement("div", { className: b('head') },
16
+ image && react_1.default.createElement(components_1.Image, { className: b('image'), src: image, alt: "logo" }),
17
+ level && (react_1.default.createElement("div", { className: b('level'), style: levelStyles }, level))),
18
+ react_1.default.createElement("div", { className: b('wrap') },
19
+ type && react_1.default.createElement("div", { className: b('type') }, type),
20
+ title && react_1.default.createElement("div", { className: b('title') }, title),
21
+ subtitle && react_1.default.createElement("div", { className: b('subtitle') }, subtitle)),
22
+ tags && (react_1.default.createElement("div", { className: b('tags') }, tags.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('tag') }, item)))))))));
17
23
  };
18
24
  exports.default = FeedPartner;
@@ -5,6 +5,21 @@ export declare const FeedPartner: {
5
5
  url: {
6
6
  type: string;
7
7
  };
8
+ type: {
9
+ type: string;
10
+ };
11
+ level: {
12
+ type: string;
13
+ };
14
+ levelColorText: {
15
+ type: string;
16
+ };
17
+ levelColorBackground: {
18
+ type: string;
19
+ };
20
+ background: {
21
+ type: string;
22
+ };
8
23
  image: {
9
24
  type: string;
10
25
  };
@@ -23,7 +38,6 @@ export declare const FeedPartner: {
23
38
  jumpOnHover: {
24
39
  type: string;
25
40
  };
26
- type: {};
27
41
  when: {
28
42
  type: string;
29
43
  };
@@ -7,6 +7,16 @@ exports.FeedPartner = {
7
7
  additionalProperties: false,
8
8
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { url: {
9
9
  type: 'string',
10
+ }, type: {
11
+ type: 'string',
12
+ }, level: {
13
+ type: 'string',
14
+ }, levelColorText: {
15
+ type: 'string',
16
+ }, levelColorBackground: {
17
+ type: 'string',
18
+ }, background: {
19
+ type: 'string',
10
20
  }, image: {
11
21
  type: 'string',
12
22
  }, title: {
@@ -1,3 +1,3 @@
1
1
  import { BlogFeedBlockProps } from '../../models';
2
- export declare const BlogFeedBlock: ({ image, title }: BlogFeedBlockProps) => JSX.Element;
2
+ export declare const BlogFeedBlock: ({ image, title, text }: BlogFeedBlockProps) => JSX.Element;
3
3
  export default BlogFeedBlock;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import FeedHeader from '../../components/FeedHeader/FeedHeader';
3
3
  import BlogFeedPosts from './BlogFeedPosts/BlogFeedPosts';
4
- export const BlogFeedBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
5
- React.createElement(FeedHeader, { image: image, title: title }),
4
+ export const BlogFeedBlock = ({ image, title, text }) => (React.createElement(React.Fragment, null,
5
+ React.createElement(FeedHeader, { image: image, title: title, text: text }),
6
6
  React.createElement(BlogFeedPosts, null)));
7
7
  export default BlogFeedBlock;
@@ -6,6 +6,9 @@ export declare const BlogFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -5,6 +5,8 @@ export const BlogFeedBlock = {
5
5
  required: [],
6
6
  properties: Object.assign(Object.assign({}, BaseProps), { title: {
7
7
  type: 'string',
8
+ }, text: {
9
+ type: 'string',
8
10
  }, image: {
9
11
  type: 'string',
10
12
  } }),
@@ -1,3 +1,3 @@
1
1
  import { EventsFeedBlockProps } from '../../models';
2
- export declare const EventsFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
2
+ export declare const EventsFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
3
3
  export default EventsFeedBlock;
@@ -2,8 +2,8 @@ import React from 'react';
2
2
  import FeedHeader from '../../components/FeedHeader/FeedHeader';
3
3
  import EventsFeedSection from './EventsFeedSection/EventsFeedSection';
4
4
  import { i18n } from './i18n';
5
- export const EventsFeedBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
6
- React.createElement(FeedHeader, { image: image, title: title }),
5
+ export const EventsFeedBlock = ({ image, title, text }) => (React.createElement(React.Fragment, null,
6
+ React.createElement(FeedHeader, { image: image, title: title, text: text }),
7
7
  React.createElement(EventsFeedSection, { typeKey: "upcoming" }),
8
8
  React.createElement(EventsFeedSection, { typeKey: "recent", title: i18n('recent_events') })));
9
9
  export default EventsFeedBlock;
@@ -6,6 +6,9 @@ export declare const EventsFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -5,6 +5,8 @@ export const EventsFeedBlock = {
5
5
  required: [],
6
6
  properties: Object.assign(Object.assign({}, BaseProps), { title: {
7
7
  type: 'string',
8
+ }, text: {
9
+ type: 'string',
8
10
  }, image: {
9
11
  type: 'string',
10
12
  } }),
@@ -1,3 +1,3 @@
1
1
  import { EventsFeedBlockProps } from '../../models';
2
- export declare const PartnersFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
2
+ export declare const PartnersFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
3
3
  export default PartnersFeedBlock;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import FeedHeader from '../../components/FeedHeader/FeedHeader';
3
3
  import PartnersFeedSection from './PartnersFeedSection/PartnersFeedSection';
4
- export const PartnersFeedBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
5
- React.createElement(FeedHeader, { image: image, title: title }),
4
+ export const PartnersFeedBlock = ({ image, title, text }) => (React.createElement(React.Fragment, null,
5
+ React.createElement(FeedHeader, { image: image, title: title, text: text }),
6
6
  React.createElement(PartnersFeedSection, null)));
7
7
  export default PartnersFeedBlock;
@@ -6,6 +6,9 @@ export declare const PartnersFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -5,6 +5,8 @@ export const PartnersFeedBlock = {
5
5
  required: [],
6
6
  properties: Object.assign(Object.assign({}, BaseProps), { title: {
7
7
  type: 'string',
8
+ }, text: {
9
+ type: 'string',
8
10
  }, image: {
9
11
  type: 'string',
10
12
  } }),
@@ -1,3 +1,3 @@
1
1
  import { ResourceHubPostsBlockProps } from '../../models';
2
- export declare const ResourceHubPostsBlock: ({ image, title }: ResourceHubPostsBlockProps) => JSX.Element;
2
+ export declare const ResourceHubPostsBlock: ({ image, title, text }: ResourceHubPostsBlockProps) => JSX.Element;
3
3
  export default ResourceHubPostsBlock;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import FeedHeader from '../../components/FeedHeader/FeedHeader';
3
3
  import ResourceHubPostsSection from './ResourceHubPostsSection/ResourceHubPostsSection';
4
- export const ResourceHubPostsBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
5
- React.createElement(FeedHeader, { image: image, title: title }),
4
+ export const ResourceHubPostsBlock = ({ image, title, text }) => (React.createElement(React.Fragment, null,
5
+ React.createElement(FeedHeader, { image: image, title: title, text: text }),
6
6
  React.createElement(ResourceHubPostsSection, null)));
7
7
  export default ResourceHubPostsBlock;
@@ -6,6 +6,9 @@ export declare const ResourceHubPostsBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };