@gravity-ui/page-constructor 4.41.0 → 4.42.0

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 (20) hide show
  1. package/build/cjs/components/ContentList/ContentList.css +16 -16
  2. package/build/cjs/components/ContentList/ContentList.js +2 -2
  3. package/build/cjs/constructor-items.d.ts +1 -0
  4. package/build/cjs/constructor-items.js +1 -0
  5. package/build/cjs/navigation/components/NavigationItem/NavigationItem.js +6 -3
  6. package/build/cjs/sub-blocks/Content/Content.css +6 -0
  7. package/build/cjs/sub-blocks/Content/Content.js +2 -1
  8. package/build/cjs/sub-blocks/PriceCard/PriceCard.css +23 -2
  9. package/build/cjs/sub-blocks/PriceCard/PriceCard.js +3 -3
  10. package/build/esm/components/ContentList/ContentList.css +16 -16
  11. package/build/esm/components/ContentList/ContentList.js +2 -2
  12. package/build/esm/constructor-items.d.ts +1 -0
  13. package/build/esm/constructor-items.js +2 -1
  14. package/build/esm/navigation/components/NavigationItem/NavigationItem.js +7 -4
  15. package/build/esm/sub-blocks/Content/Content.css +6 -0
  16. package/build/esm/sub-blocks/Content/Content.js +2 -1
  17. package/build/esm/sub-blocks/PriceCard/PriceCard.css +23 -2
  18. package/build/esm/sub-blocks/PriceCard/PriceCard.js +3 -3
  19. package/package.json +1 -1
  20. package/widget/index.js +1 -1
package/build/cjs/components/ContentList/ContentList.css CHANGED
@@ -1,8 +1,5 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
- .pc-content-list_size_l {
4
- margin-top: 24px;
5
- }
6
3
  .pc-content-list_size_l .pc-content-list__title {
7
4
  font-size: var(--g-text-header-1-font-size);
8
5
  line-height: var(--g-text-header-1-line-height);
@@ -15,19 +12,19 @@ unpredictable css rules order in build */
15
12
  margin-bottom: 1px;
16
13
  margin-right: 12px;
17
14
  }
18
- .pc-content-list_size_l .pc-content-list__icon_without_title {
15
+ .pc-content-list_size_l .pc-content-list__item:not(:last-child) {
16
+ margin-bottom: 16px;
17
+ }
18
+ .pc-content-list_size_l .pc-content-list__item_without-title:not(:last-child) {
19
+ margin-bottom: 12px;
20
+ }
21
+ .pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon {
19
22
  width: 20px;
20
23
  height: 20px;
21
24
  margin-top: 0;
22
25
  margin-bottom: 0;
23
26
  margin-right: 8px;
24
27
  }
25
- .pc-content-list_size_l .pc-content-list__item:not(:last-child) {
26
- margin-bottom: 16px;
27
- }
28
- .pc-content-list_size_s {
29
- margin-top: 16px;
30
- }
31
28
  .pc-content-list_size_s .pc-content-list__title {
32
29
  font-size: var(--g-text-subheader-3-font-size);
33
30
  line-height: var(--g-text-subheader-3-line-height);
@@ -40,12 +37,6 @@ unpredictable css rules order in build */
40
37
  margin-bottom: 2px;
41
38
  margin-right: 8px;
42
39
  }
43
- .pc-content-list_size_s .pc-content-list__icon_without_title {
44
- width: 18px;
45
- height: 18px;
46
- margin-top: 0;
47
- margin-bottom: 0;
48
- }
49
40
  .pc-content-list_size_s .pc-content-list__text {
50
41
  font-size: var(--g-text-body-1-font-size);
51
42
  line-height: var(--g-text-body-1-line-height);
@@ -53,6 +44,15 @@ unpredictable css rules order in build */
53
44
  .pc-content-list_size_s .pc-content-list__item:not(:last-child) {
54
45
  margin-bottom: 12px;
55
46
  }
47
+ .pc-content-list_size_s .pc-content-list__item_without-title:not(:last-child) {
48
+ margin-bottom: 8px;
49
+ }
50
+ .pc-content-list_size_s .pc-content-list__item_without-title .pc-content-list__icon {
51
+ width: 18px;
52
+ height: 18px;
53
+ margin-top: 0;
54
+ margin-bottom: 0;
55
+ }
56
56
  .pc-content-list__icon {
57
57
  display: block;
58
58
  }
package/build/cjs/components/ContentList/ContentList.js CHANGED
@@ -21,8 +21,8 @@ const ContentList = ({ list, size = 'l', qa }) => {
21
21
  const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['image', 'title', 'text']);
22
22
  return (react_1.default.createElement("div", { className: b({ size }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
23
23
  const { icon, title, text } = item;
24
- return (react_1.default.createElement("div", { className: b('item'), key: (0, uuid_1.v4)() },
25
- react_1.default.createElement(ContentListItemIcon_1.default, { icon: icon, className: b('icon', { without_title: !title }), qa: qaAttributes.image }),
24
+ return (react_1.default.createElement("div", { className: b('item', { 'without-title': !title }), key: (0, uuid_1.v4)() },
25
+ react_1.default.createElement(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
26
26
  react_1.default.createElement("div", null,
27
27
  title &&
28
28
  react_1.default.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, react_1.default.createElement(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })),
package/build/cjs/constructor-items.d.ts CHANGED
@@ -29,6 +29,7 @@ export declare const subBlockMap: {
29
29
  "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
30
30
  content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
31
31
  quote: (props: import("./models").QuoteProps) => JSX.Element;
32
+ "price-card": (props: import("./models").PriceCardProps) => JSX.Element;
32
33
  };
33
34
  export declare const navItemMap: {
34
35
  button: import("react").FC<Pick<import("./navigation/models").NavigationItemProps, "className"> & import("./models").ButtonProps>;
package/build/cjs/constructor-items.js CHANGED
@@ -38,6 +38,7 @@ exports.subBlockMap = {
38
38
  [models_1.SubBlockType.BasicCard]: sub_blocks_1.BasicCard,
39
39
  [models_1.SubBlockType.Content]: sub_blocks_1.Content,
40
40
  [models_1.SubBlockType.Quote]: sub_blocks_1.Quote,
41
+ [models_1.SubBlockType.PriceCard]: sub_blocks_1.PriceCard,
41
42
  };
42
43
  exports.navItemMap = {
43
44
  [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,
package/build/cjs/navigation/components/NavigationItem/NavigationItem.js CHANGED
@@ -9,6 +9,7 @@ const utils_1 = require("../../../utils");
9
9
  const useNavigationItemMap_1 = require("./hooks/useNavigationItemMap");
10
10
  const b = (0, utils_1.block)('navigation-item');
11
11
  const ANALYTICS_ID = 'navigation';
12
+ const nonComplexNavigationItemTypes = models_1.NavigationItemTypes.filter((type) => type !== models_1.NavigationItemType.Dropdown);
12
13
  const NavigationItem = (_a) => {
13
14
  var { data, className, menuLayout } = _a, props = tslib_1.__rest(_a, ["data", "className", "menuLayout"]);
14
15
  const { type = models_1.NavigationItemType.Link } = data;
@@ -16,11 +17,13 @@ const NavigationItem = (_a) => {
16
17
  const Component = navItemMap[type];
17
18
  const componentProps = (0, react_1.useMemo)(() => {
18
19
  const componentProperties = Object.assign(Object.assign({}, data), props);
19
- if (type !== models_1.NavigationItemType.Dropdown) {
20
+ if (nonComplexNavigationItemTypes.includes(type)) {
20
21
  return (0, omit_1.default)(componentProperties, 'hidePopup', 'isActive');
21
22
  }
22
- return componentProperties;
23
- }, [data, props, type]);
23
+ return models_1.NavigationItemTypes.includes(type)
24
+ ? componentProperties
25
+ : Object.assign(Object.assign({}, componentProperties), { menuLayout });
26
+ }, [data, props, type, menuLayout]);
24
27
  return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID },
25
28
  react_1.default.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
26
29
  react_1.default.createElement(Component, Object.assign({}, componentProps, { className: b('content', { type }) })))));
package/build/cjs/sub-blocks/Content/Content.css CHANGED
@@ -73,6 +73,9 @@ unpredictable css rules order in build */
73
73
  .pc-content_size_s .pc-content__button {
74
74
  margin-top: 8px;
75
75
  }
76
+ .pc-content_size_s .pc-content__list {
77
+ margin-top: 16px;
78
+ }
76
79
  .pc-content_size_l .pc-content__text,
77
80
  .pc-content_size_l .pc-content__notice {
78
81
  margin-top: 12px;
@@ -91,6 +94,9 @@ unpredictable css rules order in build */
91
94
  .pc-content_size_l .pc-content__button {
92
95
  margin-top: 12px;
93
96
  }
97
+ .pc-content_size_l .pc-content__list {
98
+ margin-top: 24px;
99
+ }
94
100
  .pc-content_theme_dark {
95
101
  --g-color-line-focus: var(--pc-color-line-focus-dark);
96
102
  }
package/build/cjs/sub-blocks/Content/Content.js CHANGED
@@ -48,7 +48,8 @@ const Content = (props) => {
48
48
  title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
49
49
  text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
50
50
  react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
51
- (list === null || list === void 0 ? void 0 : list.length) ? react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list }) : null,
51
+ (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
52
+ react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list }))) : null,
52
53
  additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
53
54
  react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
54
55
  constructor: true,
package/build/cjs/sub-blocks/PriceCard/PriceCard.css CHANGED
@@ -3,6 +3,10 @@ unpredictable css rules order in build */
3
3
  .pc-price-card {
4
4
  position: relative;
5
5
  }
6
+ .pc-price-card.pc-price-card {
7
+ min-height: auto;
8
+ }
9
+
6
10
  .pc-price-card__background {
7
11
  position: absolute;
8
12
  top: 0;
@@ -59,7 +63,8 @@ unpredictable css rules order in build */
59
63
  margin-left: 4px;
60
64
  }
61
65
  .pc-price-card__price-details {
62
- margin-bottom: 12px;
66
+ font-size: var(--g-text-body-2-font-size);
67
+ line-height: var(--g-text-body-2-line-height);
63
68
  }
64
69
  .pc-price-card__main {
65
70
  flex: 1;
@@ -69,12 +74,28 @@ unpredictable css rules order in build */
69
74
  position: relative;
70
75
  }
71
76
  .pc-price-card__info {
72
- margin-bottom: 24px;
73
77
  flex: 1;
74
78
  min-height: 0;
75
79
  display: flex;
76
80
  flex-direction: column;
77
81
  }
82
+ .pc-price-card__description:not(:last-child) {
83
+ margin-bottom: 12px;
84
+ }
85
+ .pc-price-card__links, .pc-price-card__buttons {
86
+ margin-top: 24px;
87
+ }
78
88
  .pc-price-card__links > *:not(:last-child), .pc-price-card__buttons > *:not(:last-child) {
79
89
  margin-right: 16px;
90
+ }
91
+ .pc-price-card__link {
92
+ margin-top: 0;
93
+ }
94
+ @media (max-width: 769px) {
95
+ .pc-price-card__title, .pc-price-card__price {
96
+ margin-bottom: 16px;
97
+ }
98
+ .pc-price-card__links, .pc-price-card__buttons {
99
+ margin-top: 16px;
100
+ }
80
101
  }
package/build/cjs/sub-blocks/PriceCard/PriceCard.js CHANGED
@@ -21,13 +21,13 @@ const PriceCard = (props) => {
21
21
  "/ ",
22
22
  pricePeriod))),
23
23
  priceDetails && (react_1.default.createElement("div", { className: b('price-details') }, priceDetails))),
24
- react_1.default.createElement("div", null, description),
24
+ description && react_1.default.createElement("div", { className: b('description') }, description),
25
25
  (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
26
26
  react_1.default.createElement(components_1.ContentList, { list: list.map((item) => ({
27
27
  icon: Check_1.default,
28
28
  text: item,
29
- })), size: "s" }))) : null),
29
+ })), size: "l" }))) : null),
30
30
  buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((button) => (react_1.default.createElement(components_1.Button, Object.assign({ key: button.url }, button)))))),
31
- links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(components_1.Link, Object.assign({ key: link.url, textSize: "m" }, link))))))))));
31
+ links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(components_1.Link, Object.assign({ className: b('link'), key: link.url, textSize: "m" }, link))))))))));
32
32
  };
33
33
  exports.default = PriceCard;
package/build/esm/components/ContentList/ContentList.css CHANGED
@@ -1,8 +1,5 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
- .pc-content-list_size_l {
4
- margin-top: 24px;
5
- }
6
3
  .pc-content-list_size_l .pc-content-list__title {
7
4
  font-size: var(--g-text-header-1-font-size);
8
5
  line-height: var(--g-text-header-1-line-height);
@@ -15,19 +12,19 @@ unpredictable css rules order in build */
15
12
  margin-bottom: 1px;
16
13
  margin-right: 12px;
17
14
  }
18
- .pc-content-list_size_l .pc-content-list__icon_without_title {
15
+ .pc-content-list_size_l .pc-content-list__item:not(:last-child) {
16
+ margin-bottom: 16px;
17
+ }
18
+ .pc-content-list_size_l .pc-content-list__item_without-title:not(:last-child) {
19
+ margin-bottom: 12px;
20
+ }
21
+ .pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon {
19
22
  width: 20px;
20
23
  height: 20px;
21
24
  margin-top: 0;
22
25
  margin-bottom: 0;
23
26
  margin-right: 8px;
24
27
  }
25
- .pc-content-list_size_l .pc-content-list__item:not(:last-child) {
26
- margin-bottom: 16px;
27
- }
28
- .pc-content-list_size_s {
29
- margin-top: 16px;
30
- }
31
28
  .pc-content-list_size_s .pc-content-list__title {
32
29
  font-size: var(--g-text-subheader-3-font-size);
33
30
  line-height: var(--g-text-subheader-3-line-height);
@@ -40,12 +37,6 @@ unpredictable css rules order in build */
40
37
  margin-bottom: 2px;
41
38
  margin-right: 8px;
42
39
  }
43
- .pc-content-list_size_s .pc-content-list__icon_without_title {
44
- width: 18px;
45
- height: 18px;
46
- margin-top: 0;
47
- margin-bottom: 0;
48
- }
49
40
  .pc-content-list_size_s .pc-content-list__text {
50
41
  font-size: var(--g-text-body-1-font-size);
51
42
  line-height: var(--g-text-body-1-line-height);
@@ -53,6 +44,15 @@ unpredictable css rules order in build */
53
44
  .pc-content-list_size_s .pc-content-list__item:not(:last-child) {
54
45
  margin-bottom: 12px;
55
46
  }
47
+ .pc-content-list_size_s .pc-content-list__item_without-title:not(:last-child) {
48
+ margin-bottom: 8px;
49
+ }
50
+ .pc-content-list_size_s .pc-content-list__item_without-title .pc-content-list__icon {
51
+ width: 18px;
52
+ height: 18px;
53
+ margin-top: 0;
54
+ margin-bottom: 0;
55
+ }
56
56
  .pc-content-list__icon {
57
57
  display: block;
58
58
  }
package/build/esm/components/ContentList/ContentList.js CHANGED
@@ -19,8 +19,8 @@ const ContentList = ({ list, size = 'l', qa }) => {
19
19
  const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);
20
20
  return (React.createElement("div", { className: b({ size }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
21
21
  const { icon, title, text } = item;
22
- return (React.createElement("div", { className: b('item'), key: uuidv4() },
23
- React.createElement(ItemIcon, { icon: icon, className: b('icon', { without_title: !title }), qa: qaAttributes.image }),
22
+ return (React.createElement("div", { className: b('item', { 'without-title': !title }), key: uuidv4() },
23
+ React.createElement(ItemIcon, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
24
24
  React.createElement("div", null,
25
25
  title &&
26
26
  React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, React.createElement(YFMWrapper, { content: title, modifiers: { constructor: true } })),
package/build/esm/constructor-items.d.ts CHANGED
@@ -29,6 +29,7 @@ export declare const subBlockMap: {
29
29
  "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
30
30
  content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
31
31
  quote: (props: import("./models").QuoteProps) => JSX.Element;
32
+ "price-card": (props: import("./models").PriceCardProps) => JSX.Element;
32
33
  };
33
34
  export declare const navItemMap: {
34
35
  button: import("react").FC<Pick<import("./navigation/models").NavigationItemProps, "className"> & import("./models").ButtonProps>;
package/build/esm/constructor-items.js CHANGED
@@ -2,7 +2,7 @@ import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, Exten
2
2
  import { BlockType, NavigationItemType, SubBlockType } from './models';
3
3
  import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
4
4
  import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
5
- import { BackgroundCard, BannerCard, BasicCard, Content, Divider, LayoutItem, MediaCard, PriceDetailed, Quote, } from './sub-blocks';
5
+ import { BackgroundCard, BannerCard, BasicCard, Content, Divider, LayoutItem, MediaCard, PriceCard, PriceDetailed, Quote, } from './sub-blocks';
6
6
  export const blockMap = {
7
7
  [BlockType.SliderBlock]: SliderBlock,
8
8
  [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
@@ -34,6 +34,7 @@ export const subBlockMap = {
34
34
  [SubBlockType.BasicCard]: BasicCard,
35
35
  [SubBlockType.Content]: Content,
36
36
  [SubBlockType.Quote]: Quote,
37
+ [SubBlockType.PriceCard]: PriceCard,
37
38
  };
38
39
  export const navItemMap = {
39
40
  [NavigationItemType.Button]: NavigationButton,
package/build/esm/navigation/components/NavigationItem/NavigationItem.js CHANGED
@@ -2,12 +2,13 @@ import { __rest } from "tslib";
2
2
  import React, { useMemo } from 'react';
3
3
  import omit from 'lodash/omit';
4
4
  import { BlockIdContext } from '../../../context/blockIdContext';
5
- import { NavigationItemType } from '../../../models';
5
+ import { NavigationItemType, NavigationItemTypes } from '../../../models';
6
6
  import { block } from '../../../utils';
7
7
  import { useNavigationItemMap } from './hooks/useNavigationItemMap';
8
8
  import './NavigationItem.css';
9
9
  const b = block('navigation-item');
10
10
  const ANALYTICS_ID = 'navigation';
11
+ const nonComplexNavigationItemTypes = NavigationItemTypes.filter((type) => type !== NavigationItemType.Dropdown);
11
12
  const NavigationItem = (_a) => {
12
13
  var { data, className, menuLayout } = _a, props = __rest(_a, ["data", "className", "menuLayout"]);
13
14
  const { type = NavigationItemType.Link } = data;
@@ -15,11 +16,13 @@ const NavigationItem = (_a) => {
15
16
  const Component = navItemMap[type];
16
17
  const componentProps = useMemo(() => {
17
18
  const componentProperties = Object.assign(Object.assign({}, data), props);
18
- if (type !== NavigationItemType.Dropdown) {
19
+ if (nonComplexNavigationItemTypes.includes(type)) {
19
20
  return omit(componentProperties, 'hidePopup', 'isActive');
20
21
  }
21
- return componentProperties;
22
- }, [data, props, type]);
22
+ return NavigationItemTypes.includes(type)
23
+ ? componentProperties
24
+ : Object.assign(Object.assign({}, componentProperties), { menuLayout });
25
+ }, [data, props, type, menuLayout]);
23
26
  return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_ID },
24
27
  React.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
25
28
  React.createElement(Component, Object.assign({}, componentProps, { className: b('content', { type }) })))));
package/build/esm/sub-blocks/Content/Content.css CHANGED
@@ -73,6 +73,9 @@ unpredictable css rules order in build */
73
73
  .pc-content_size_s .pc-content__button {
74
74
  margin-top: 8px;
75
75
  }
76
+ .pc-content_size_s .pc-content__list {
77
+ margin-top: 16px;
78
+ }
76
79
  .pc-content_size_l .pc-content__text,
77
80
  .pc-content_size_l .pc-content__notice {
78
81
  margin-top: 12px;
@@ -91,6 +94,9 @@ unpredictable css rules order in build */
91
94
  .pc-content_size_l .pc-content__button {
92
95
  margin-top: 12px;
93
96
  }
97
+ .pc-content_size_l .pc-content__list {
98
+ margin-top: 24px;
99
+ }
94
100
  .pc-content_theme_dark {
95
101
  --g-color-line-focus: var(--pc-color-line-focus-dark);
96
102
  }
package/build/esm/sub-blocks/Content/Content.js CHANGED
@@ -46,7 +46,8 @@ const Content = (props) => {
46
46
  title && (React.createElement(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
47
47
  text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
48
48
  React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
49
- (list === null || list === void 0 ? void 0 : list.length) ? React.createElement(ContentList, { list: list, size: size, qa: qaAttributes.list }) : null,
49
+ (list === null || list === void 0 ? void 0 : list.length) ? (React.createElement("div", { className: b('list') },
50
+ React.createElement(ContentList, { list: list, size: size, qa: qaAttributes.list }))) : null,
50
51
  additionalInfo && (React.createElement("div", { className: b('notice') },
51
52
  React.createElement(YFMWrapper, { content: additionalInfo, modifiers: {
52
53
  constructor: true,
package/build/esm/sub-blocks/PriceCard/PriceCard.css CHANGED
@@ -3,6 +3,10 @@ unpredictable css rules order in build */
3
3
  .pc-price-card {
4
4
  position: relative;
5
5
  }
6
+ .pc-price-card.pc-price-card {
7
+ min-height: auto;
8
+ }
9
+
6
10
  .pc-price-card__background {
7
11
  position: absolute;
8
12
  top: 0;
@@ -59,7 +63,8 @@ unpredictable css rules order in build */
59
63
  margin-left: 4px;
60
64
  }
61
65
  .pc-price-card__price-details {
62
- margin-bottom: 12px;
66
+ font-size: var(--g-text-body-2-font-size);
67
+ line-height: var(--g-text-body-2-line-height);
63
68
  }
64
69
  .pc-price-card__main {
65
70
  flex: 1;
@@ -69,12 +74,28 @@ unpredictable css rules order in build */
69
74
  position: relative;
70
75
  }
71
76
  .pc-price-card__info {
72
- margin-bottom: 24px;
73
77
  flex: 1;
74
78
  min-height: 0;
75
79
  display: flex;
76
80
  flex-direction: column;
77
81
  }
82
+ .pc-price-card__description:not(:last-child) {
83
+ margin-bottom: 12px;
84
+ }
85
+ .pc-price-card__links, .pc-price-card__buttons {
86
+ margin-top: 24px;
87
+ }
78
88
  .pc-price-card__links > *:not(:last-child), .pc-price-card__buttons > *:not(:last-child) {
79
89
  margin-right: 16px;
90
+ }
91
+ .pc-price-card__link {
92
+ margin-top: 0;
93
+ }
94
+ @media (max-width: 769px) {
95
+ .pc-price-card__title, .pc-price-card__price {
96
+ margin-bottom: 16px;
97
+ }
98
+ .pc-price-card__links, .pc-price-card__buttons {
99
+ margin-top: 16px;
100
+ }
80
101
  }
package/build/esm/sub-blocks/PriceCard/PriceCard.js CHANGED
@@ -19,13 +19,13 @@ const PriceCard = (props) => {
19
19
  "/ ",
20
20
  pricePeriod))),
21
21
  priceDetails && (React.createElement("div", { className: b('price-details') }, priceDetails))),
22
- React.createElement("div", null, description),
22
+ description && React.createElement("div", { className: b('description') }, description),
23
23
  (list === null || list === void 0 ? void 0 : list.length) ? (React.createElement("div", { className: b('list') },
24
24
  React.createElement(ContentList, { list: list.map((item) => ({
25
25
  icon: Check,
26
26
  text: item,
27
- })), size: "s" }))) : null),
27
+ })), size: "l" }))) : null),
28
28
  buttons && (React.createElement("div", { className: b('buttons') }, buttons.map((button) => (React.createElement(Button, Object.assign({ key: button.url }, button)))))),
29
- links && (React.createElement("div", { className: b('links') }, links.map((link) => (React.createElement(LinkBlock, Object.assign({ key: link.url, textSize: "m" }, link))))))))));
29
+ links && (React.createElement("div", { className: b('links') }, links.map((link) => (React.createElement(LinkBlock, Object.assign({ className: b('link'), key: link.url, textSize: "m" }, link))))))))));
30
30
  };
31
31
  export default PriceCard;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "4.41.0",
3
+ "version": "4.42.0",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {