@gravity-ui/page-constructor 8.23.5 → 9.0.0-alpha-t.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 (103) hide show
  1. package/build/cjs/blocks/ContentLayout/ContentLayout.css +4 -4
  2. package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.css +9 -6
  3. package/build/cjs/blocks/ExtendedFeatures/schema.js +2 -3
  4. package/build/cjs/blocks/ExtendedFeatures/schema.js.map +1 -1
  5. package/build/cjs/blocks/FilterBlock/FilterBlock.js +8 -8
  6. package/build/cjs/blocks/FilterBlock/FilterBlock.js.map +1 -1
  7. package/build/cjs/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.css +7 -5
  8. package/build/cjs/blocks/Footer/components/CopyrightFloor/CopyrightFloor.css +2 -0
  9. package/build/cjs/blocks/Footer/components/DisclaimerFloor/DisclaimerFloor.css +2 -0
  10. package/build/cjs/blocks/Footer/components/LangSwitcher/LangSwitcher.css +2 -0
  11. package/build/cjs/blocks/Footer/components/NavigationFloor/NavigationFloor.css +4 -1
  12. package/build/cjs/blocks/Footer/components/SocialFloor/SocialFloor.css +4 -3
  13. package/build/cjs/blocks/Header/Header.css +13 -5
  14. package/build/cjs/blocks/Hero/Hero.css +2 -0
  15. package/build/cjs/blocks/Icons/Icons.css +2 -0
  16. package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.css +5 -5
  17. package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css +7 -5
  18. package/build/cjs/blocks/Share/Share.css +3 -6
  19. package/build/cjs/blocks/Slider/Slider.css +6 -0
  20. package/build/cjs/blocks/SliderOld/SliderOld.css +6 -0
  21. package/build/cjs/blocks/Table/Table.css +6 -6
  22. package/build/cjs/blocks/Tabs/TabContent/TabContent.css +2 -0
  23. package/build/cjs/components/Author/Author.css +6 -0
  24. package/build/cjs/components/CardBase/CardBase.css +2 -0
  25. package/build/cjs/components/ContentList/ContentList.css +18 -6
  26. package/build/cjs/components/ErrorWrapper/ErrorWrapper.css +2 -0
  27. package/build/cjs/components/FileLink/FileLink.css +4 -0
  28. package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css +2 -0
  29. package/build/cjs/components/Link/Link.css +6 -0
  30. package/build/cjs/components/MetaInfo/MetaInfo.css +4 -2
  31. package/build/cjs/components/Table/Table.css +6 -1
  32. package/build/cjs/components/Title/Title.css +4 -0
  33. package/build/cjs/components/Title/TitleItem.css +28 -19
  34. package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.css +4 -0
  35. package/build/cjs/containers/PageConstructor/PageConstructor.css +5 -5
  36. package/build/cjs/editor/components/AddBlock/AddBlock.css +2 -0
  37. package/build/cjs/editor/components/NotFoundBlock/NotFoundBlock.css +2 -0
  38. package/build/cjs/navigation/components/DesktopNavigation/DesktopNavigation.css +4 -0
  39. package/build/cjs/navigation/components/Logo/Logo.css +2 -5
  40. package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.css +2 -0
  41. package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.css +2 -0
  42. package/build/cjs/sub-blocks/BannerCard/BannerCard.css +12 -14
  43. package/build/cjs/sub-blocks/Content/Content.css +26 -7
  44. package/build/cjs/sub-blocks/PriceCard/PriceCard.css +6 -1
  45. package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css +16 -1
  46. package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css +6 -0
  47. package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css +2 -0
  48. package/build/cjs/sub-blocks/Quote/Quote.css +4 -0
  49. package/build/esm/blocks/ContentLayout/ContentLayout.css +4 -4
  50. package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.css +9 -6
  51. package/build/esm/blocks/ExtendedFeatures/schema.js +1 -1
  52. package/build/esm/blocks/ExtendedFeatures/schema.js.map +1 -1
  53. package/build/esm/blocks/FilterBlock/FilterBlock.js +8 -8
  54. package/build/esm/blocks/FilterBlock/FilterBlock.js.map +1 -1
  55. package/build/esm/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.css +7 -5
  56. package/build/esm/blocks/Footer/components/CopyrightFloor/CopyrightFloor.css +2 -0
  57. package/build/esm/blocks/Footer/components/DisclaimerFloor/DisclaimerFloor.css +2 -0
  58. package/build/esm/blocks/Footer/components/LangSwitcher/LangSwitcher.css +2 -0
  59. package/build/esm/blocks/Footer/components/NavigationFloor/NavigationFloor.css +4 -1
  60. package/build/esm/blocks/Footer/components/SocialFloor/SocialFloor.css +4 -3
  61. package/build/esm/blocks/Header/Header.css +13 -5
  62. package/build/esm/blocks/Hero/Hero.css +2 -0
  63. package/build/esm/blocks/Icons/Icons.css +2 -0
  64. package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.css +5 -5
  65. package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css +7 -5
  66. package/build/esm/blocks/Share/Share.css +3 -6
  67. package/build/esm/blocks/Slider/Slider.css +6 -0
  68. package/build/esm/blocks/SliderOld/SliderOld.css +6 -0
  69. package/build/esm/blocks/Table/Table.css +6 -6
  70. package/build/esm/blocks/Tabs/TabContent/TabContent.css +2 -0
  71. package/build/esm/components/Author/Author.css +6 -0
  72. package/build/esm/components/CardBase/CardBase.css +2 -0
  73. package/build/esm/components/ContentList/ContentList.css +18 -6
  74. package/build/esm/components/ErrorWrapper/ErrorWrapper.css +2 -0
  75. package/build/esm/components/FileLink/FileLink.css +4 -0
  76. package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css +2 -0
  77. package/build/esm/components/Link/Link.css +6 -0
  78. package/build/esm/components/MetaInfo/MetaInfo.css +4 -2
  79. package/build/esm/components/Table/Table.css +6 -1
  80. package/build/esm/components/Title/Title.css +4 -0
  81. package/build/esm/components/Title/TitleItem.css +28 -19
  82. package/build/esm/components/UnpublishedLabel/UnpublishedLabel.css +4 -0
  83. package/build/esm/containers/PageConstructor/PageConstructor.css +5 -5
  84. package/build/esm/editor/components/AddBlock/AddBlock.css +2 -0
  85. package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.css +2 -0
  86. package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.css +4 -0
  87. package/build/esm/navigation/components/Logo/Logo.css +2 -5
  88. package/build/esm/navigation/components/MobileNavigation/MobileNavigation.css +2 -0
  89. package/build/esm/navigation/components/NavigationPopup/NavigationPopup.css +2 -0
  90. package/build/esm/sub-blocks/BannerCard/BannerCard.css +12 -14
  91. package/build/esm/sub-blocks/Content/Content.css +26 -7
  92. package/build/esm/sub-blocks/PriceCard/PriceCard.css +6 -1
  93. package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css +16 -1
  94. package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css +6 -0
  95. package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css +2 -0
  96. package/build/esm/sub-blocks/Quote/Quote.css +4 -0
  97. package/package.json +1 -14
  98. package/schema/index.js +1 -1
  99. package/styles/mixins.scss +2 -55
  100. package/styles/root.scss +2 -3
  101. package/styles/styles.css +3 -3
  102. package/styles/yfm.scss +3 -3
  103. package/widget/index.js +1 -1
@@ -1,7 +1,3 @@
1
- .pc-content-layout-block__files_size_l, .pc-content-layout-block__files_size_xl, .pc-content-layout-block__files_size_s {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-content-layout-block {
@@ -15,10 +11,14 @@ unpredictable css rules order in build */
15
11
  margin-top: 24px;
16
12
  }
17
13
  .pc-content-layout-block__files_size_s {
14
+ font-family: var(--g-text-body-font-family);
15
+ font-weight: var(--g-text-body-font-weight);
18
16
  font-size: var(--g-text-body-2-font-size);
19
17
  line-height: var(--g-text-body-2-line-height);
20
18
  }
21
19
  .pc-content-layout-block__files_size_l, .pc-content-layout-block__files_size_xl {
20
+ font-family: var(--g-text-body-font-family);
21
+ font-weight: var(--g-text-body-font-weight);
22
22
  font-size: var(--g-text-body-3-font-size);
23
23
  line-height: var(--g-text-body-3-line-height);
24
24
  }
@@ -1,7 +1,3 @@
1
- .pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title, .pc-ExtendedFeaturesBlock__item-title-container {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-ExtendedFeaturesBlock__items {
@@ -20,16 +16,19 @@ unpredictable css rules order in build */
20
16
  margin: inherit;
21
17
  display: block;
22
18
  margin-block: 0 8px;
19
+ font-family: var(--g-text-header-font-family);
20
+ font-weight: var(--g-text-header-font-weight);
23
21
  font-size: var(--g-text-header-1-font-size);
24
22
  line-height: var(--g-text-header-1-line-height);
25
23
  color: var(--pc-text-header-color);
26
- font-weight: var(--g-text-accent-font-weight);
27
24
  }
28
25
  .pc-ExtendedFeaturesBlock__item-title.pc-ExtendedFeaturesBlock__item-title {
26
+ font-family: var(--g-text-header-font-family);
27
+ font-weight: var(--g-text-header-font-weight);
29
28
  font-size: var(--g-text-header-1-font-size);
30
29
  line-height: var(--g-text-header-1-line-height);
31
30
  color: var(--pc-text-header-color);
32
- font-weight: var(--g-text-accent-font-weight);
31
+ margin: 0;
33
32
  position: relative;
34
33
  margin-bottom: 8px;
35
34
  }
@@ -48,6 +47,8 @@ unpredictable css rules order in build */
48
47
  }
49
48
 
50
49
  .pc-ExtendedFeaturesBlock__item-label {
50
+ font-family: var(--g-text-caption-font-family);
51
+ font-weight: var(--g-text-caption-font-weight);
51
52
  font-size: var(--g-text-caption-2-font-size);
52
53
  line-height: var(--g-text-caption-2-line-height);
53
54
  position: relative;
@@ -60,6 +61,8 @@ unpredictable css rules order in build */
60
61
  border-radius: 4px;
61
62
  }
62
63
  .pc-ExtendedFeaturesBlock__item-text, .pc-ExtendedFeaturesBlock__item-link {
64
+ font-family: var(--g-text-body-font-family);
65
+ font-weight: var(--g-text-body-font-weight);
63
66
  font-size: var(--g-text-body-2-font-size);
64
67
  line-height: var(--g-text-body-2-line-height);
65
68
  }
@@ -1,14 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ExtendedFeaturesBlock = exports.ExtendedFeaturesItem = exports.ExtendedFeaturesItemProps = void 0;
4
- const tslib_1 = require("tslib");
5
- const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
4
+ const lodash_1 = require("lodash");
6
5
  const schema_1 = require("../../components/Image/schema.js");
7
6
  const common_1 = require("../../schema/validators/common.js");
8
7
  const utils_1 = require("../../schema/validators/utils.js");
9
8
  const schema_2 = require("../../sub-blocks/Content/schema.js");
10
9
  exports.ExtendedFeaturesItemProps = {
11
- ...(0, omit_1.default)(schema_2.ContentBase, ['title', 'theme', 'centered', 'colSizes', 'size', 'title']),
10
+ ...(0, lodash_1.omit)(schema_2.ContentBase, ['title', 'theme', 'centered', 'colSizes', 'size', 'title']),
12
11
  title: {
13
12
  type: 'string',
14
13
  contentType: 'text',
@@ -1 +1 @@
1
- {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAOwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE/C,QAAA,yBAAyB,GAAG;IACrC,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACjF,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;IAC3B,IAAI,EAAE,kBAAS;CAClB,CAAC;AAEW,QAAA,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,iCAAyB;CACxC,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC;YAC1C,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n AnimatableProps,\n BlockBaseProps,\n BlockHeaderProps,\n LinkProps,\n containerSizesObject,\n withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const ExtendedFeaturesItemProps = {\n ...omit(ContentBase, ['title', 'theme', 'centered', 'colSizes', 'size', 'title']),\n title: {\n type: 'string',\n contentType: 'text',\n },\n label: {\n type: 'string',\n },\n icon: withTheme(ImageProps),\n link: LinkProps,\n};\n\nexport const ExtendedFeaturesItem = {\n additionalProperties: false,\n required: [],\n properties: ExtendedFeaturesItemProps,\n};\n\nexport const ExtendedFeaturesBlock = {\n 'extended-features-block': {\n additionalProperties: false,\n required: ['items'],\n properties: {\n ...BlockBaseProps,\n ...AnimatableProps,\n ...BlockHeaderProps,\n items: filteredArray(ExtendedFeaturesItem),\n colSizes: containerSizesObject,\n },\n },\n};\n"]}
1
+ {"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/ExtendedFeatures/schema.ts"],"names":[],"mappings":";;;AAAA,mCAA4B;AAE5B,6DAAyD;AACzD,8DAOwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE/C,QAAA,yBAAyB,GAAG;IACrC,GAAG,IAAA,aAAI,EAAC,oBAAW,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACjF,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,MAAM;KACtB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;IAC3B,IAAI,EAAE,kBAAS;CAClB,CAAC;AAEW,QAAA,oBAAoB,GAAG;IAChC,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,iCAAyB;CACxC,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,yBAAyB,EAAE;QACvB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,wBAAe;YAClB,GAAG,yBAAgB;YACnB,KAAK,EAAE,IAAA,qBAAa,EAAC,4BAAoB,CAAC;YAC1C,QAAQ,EAAE,6BAAoB;SACjC;KACJ;CACJ,CAAC","sourcesContent":["import {omit} from 'lodash';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n AnimatableProps,\n BlockBaseProps,\n BlockHeaderProps,\n LinkProps,\n containerSizesObject,\n withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const ExtendedFeaturesItemProps = {\n ...omit(ContentBase, ['title', 'theme', 'centered', 'colSizes', 'size', 'title']),\n title: {\n type: 'string',\n contentType: 'text',\n },\n label: {\n type: 'string',\n },\n icon: withTheme(ImageProps),\n link: LinkProps,\n};\n\nexport const ExtendedFeaturesItem = {\n additionalProperties: false,\n required: [],\n properties: ExtendedFeaturesItemProps,\n};\n\nexport const ExtendedFeaturesBlock = {\n 'extended-features-block': {\n additionalProperties: false,\n required: ['items'],\n properties: {\n ...BlockBaseProps,\n ...AnimatableProps,\n ...BlockHeaderProps,\n items: filteredArray(ExtendedFeaturesItem),\n colSizes: containerSizesObject,\n },\n },\n};\n"]}
@@ -52,13 +52,10 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
52
52
  : selectedTag;
53
53
  }, [tabButtons, selectedTag]);
54
54
  const cards = React.useMemo(() => {
55
- const itemsWithKeys = items.map((item, index) => ({
56
- ...item,
57
- key: (0, utils_1.getBlockKey)(item.card, index),
58
- }));
59
- return actualTag
60
- ? itemsWithKeys.filter((item) => item.tags.includes(actualTag))
61
- : itemsWithKeys;
55
+ const itemsToShow = actualTag
56
+ ? items.filter((item) => item.tags.includes(actualTag))
57
+ : items;
58
+ return itemsToShow.map((item) => item.card);
62
59
  }, [actualTag, items]);
63
60
  const handleSelectTab = React.useCallback((tabId) => {
64
61
  setSelectedTag(tabId);
@@ -67,7 +64,10 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
67
64
  handleAnalytics(tabButton.analyticsEvent);
68
65
  }
69
66
  }, [tabButtons, handleAnalytics]);
70
- return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: handleSelectTab, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map(({ card, key }) => ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: key }, key))) }) })] }));
67
+ return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: handleSelectTab, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
68
+ const key = (0, utils_1.getBlockKey)(card, index);
69
+ return (0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: key }, key);
70
+ }) }) })] }));
71
71
  };
72
72
  exports.default = FilterBlock;
73
73
  //# sourceMappingURL=FilterBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {useAnalytics} from '../../hooks';\nimport {FilterBlockProps} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock = ({\n title,\n description,\n tags,\n tagButtonSize,\n allTag,\n items,\n colSizes,\n centered,\n animated,\n}: FilterBlockProps) => {\n const handleAnalytics = useAnalytics();\n const tabButtons = React.useMemo(() => {\n let allButton: ButtonTabsItemProps | undefined;\n if (allTag) {\n if (typeof allTag === 'boolean') {\n allButton = {\n id: null,\n title: i18n('label-all-tag'),\n };\n } else if (typeof allTag === 'string') {\n allButton = {\n id: null,\n title: allTag,\n };\n } else if (typeof allTag === 'object') {\n allButton = {\n id: null,\n title: allTag.label,\n analyticsEvent: allTag.analyticsEvent,\n };\n }\n }\n const otherButtons: ButtonTabsItemProps[] | undefined =\n tags &&\n tags.map((tag) => ({\n id: tag.id,\n title: tag.label,\n analyticsEvent: tag.analyticsEvent,\n }));\n return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n }, [allTag, tags]);\n\n const [selectedTag, setSelectedTag] = React.useState(\n tabButtons.length ? tabButtons[0].id : null,\n );\n\n const actualTag: string | null = React.useMemo(() => {\n return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n ? tabButtons[0].id\n : selectedTag;\n }, [tabButtons, selectedTag]);\n\n const cards = React.useMemo(() => {\n const itemsWithKeys = items.map((item, index) => ({\n ...item,\n key: getBlockKey(item.card, index),\n }));\n\n return actualTag\n ? itemsWithKeys.filter((item) => item.tags.includes(actualTag))\n : itemsWithKeys;\n }, [actualTag, items]);\n\n const handleSelectTab = React.useCallback(\n (tabId: string | null) => {\n setSelectedTag(tabId);\n\n const tabButton = tabButtons.find((tab) => tab.id === tabId);\n if (tabButton?.analyticsEvent) {\n handleAnalytics(tabButton.analyticsEvent);\n }\n },\n [tabButtons, handleAnalytics],\n );\n\n return (\n <AnimateBlock className={b()} animate={animated}>\n {title && (\n <Title\n className={b('title', {centered: centered})}\n title={title}\n subtitle={description}\n />\n )}\n {tabButtons.length && (\n <Row>\n <Col>\n <ButtonTabs\n className={b('tabs', {centered: centered})}\n items={tabButtons}\n activeTab={selectedTag}\n onSelectTab={handleSelectTab}\n tabSize={tagButtonSize}\n />\n </Col>\n </Row>\n )}\n <Row className={b('block-container')}>\n <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n {cards.map(({card, key}) => (\n <ConstructorItem data={card} blockKey={key} key={key} />\n ))}\n </CardLayoutBlock>\n </Row>\n </AnimateBlock>\n );\n};\nexport default FilterBlock;\n"]}
1
+ {"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {useAnalytics} from '../../hooks';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock = ({\n title,\n description,\n tags,\n tagButtonSize,\n allTag,\n items,\n colSizes,\n centered,\n animated,\n}: FilterBlockProps) => {\n const handleAnalytics = useAnalytics();\n const tabButtons = React.useMemo(() => {\n let allButton: ButtonTabsItemProps | undefined;\n if (allTag) {\n if (typeof allTag === 'boolean') {\n allButton = {\n id: null,\n title: i18n('label-all-tag'),\n };\n } else if (typeof allTag === 'string') {\n allButton = {\n id: null,\n title: allTag,\n };\n } else if (typeof allTag === 'object') {\n allButton = {\n id: null,\n title: allTag.label,\n analyticsEvent: allTag.analyticsEvent,\n };\n }\n }\n const otherButtons: ButtonTabsItemProps[] | undefined =\n tags &&\n tags.map((tag) => ({\n id: tag.id,\n title: tag.label,\n analyticsEvent: tag.analyticsEvent,\n }));\n return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n }, [allTag, tags]);\n\n const [selectedTag, setSelectedTag] = React.useState(\n tabButtons.length ? tabButtons[0].id : null,\n );\n\n const actualTag: string | null = React.useMemo(() => {\n return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n ? tabButtons[0].id\n : selectedTag;\n }, [tabButtons, selectedTag]);\n\n const cards = React.useMemo(() => {\n const itemsToShow: FilterItem[] = actualTag\n ? items.filter((item) => item.tags.includes(actualTag))\n : items;\n\n return itemsToShow.map((item) => item.card);\n }, [actualTag, items]);\n\n const handleSelectTab = React.useCallback(\n (tabId: string | null) => {\n setSelectedTag(tabId);\n\n const tabButton = tabButtons.find((tab) => tab.id === tabId);\n if (tabButton?.analyticsEvent) {\n handleAnalytics(tabButton.analyticsEvent);\n }\n },\n [tabButtons, handleAnalytics],\n );\n\n return (\n <AnimateBlock className={b()} animate={animated}>\n {title && (\n <Title\n className={b('title', {centered: centered})}\n title={title}\n subtitle={description}\n />\n )}\n {tabButtons.length && (\n <Row>\n <Col>\n <ButtonTabs\n className={b('tabs', {centered: centered})}\n items={tabButtons}\n activeTab={selectedTag}\n onSelectTab={handleSelectTab}\n tabSize={tagButtonSize}\n />\n </Col>\n </Row>\n )}\n <Row className={b('block-container')}>\n <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n {cards.map((card, index) => {\n const key = getBlockKey(card, index);\n\n return <ConstructorItem data={card} blockKey={key} key={key} />;\n })}\n </CardLayoutBlock>\n </Row>\n </AnimateBlock>\n );\n};\nexport default FilterBlock;\n"]}
@@ -1,7 +1,3 @@
1
- .pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-FoldableListBlockItem {
@@ -12,10 +8,12 @@ unpredictable css rules order in build */
12
8
  padding-top: 32px;
13
9
  }
14
10
  .pc-FoldableListBlockItem__title.pc-FoldableListBlockItem__title {
11
+ font-family: var(--g-text-header-font-family);
12
+ font-weight: var(--g-text-header-font-weight);
15
13
  font-size: var(--g-text-header-1-font-size);
16
14
  line-height: var(--g-text-header-1-line-height);
17
15
  color: var(--pc-text-header-color);
18
- font-weight: var(--g-text-accent-font-weight);
16
+ margin: 0;
19
17
  cursor: pointer;
20
18
  border-radius: var(--g-focus-border-radius);
21
19
  }
@@ -72,6 +70,8 @@ unpredictable css rules order in build */
72
70
  color: var(--g-color-text-primary);
73
71
  }
74
72
  .pc-FoldableListBlockItem__link {
73
+ font-family: var(--g-text-body-font-family);
74
+ font-weight: var(--g-text-body-font-weight);
75
75
  font-size: var(--g-text-body-2-font-size);
76
76
  line-height: var(--g-text-body-2-line-height);
77
77
  }
@@ -82,6 +82,8 @@ unpredictable css rules order in build */
82
82
  }
83
83
 
84
84
  .pc-FoldableListBlockItem__text {
85
+ font-family: var(--g-text-body-font-family);
86
+ font-weight: var(--g-text-body-font-weight);
85
87
  font-size: var(--g-text-body-2-font-size);
86
88
  line-height: var(--g-text-body-2-line-height);
87
89
  margin-top: 12px;
@@ -85,6 +85,8 @@ unpredictable css rules order in build */
85
85
  justify-content: center;
86
86
  }
87
87
  .pc-footer-block__links-floor-item {
88
+ font-family: var(--g-text-body-font-family);
89
+ font-weight: var(--g-text-body-font-weight);
88
90
  font-size: var(--g-text-body-2-font-size);
89
91
  line-height: var(--g-text-body-2-line-height);
90
92
  margin: 0;
@@ -1,6 +1,8 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
3
  .pc-footer-block__disclaimer-floor-content {
4
+ font-family: var(--g-text-body-font-family);
5
+ font-weight: var(--g-text-body-font-weight);
4
6
  font-size: var(--g-text-body-2-font-size);
5
7
  line-height: var(--g-text-body-2-line-height);
6
8
  color: var(--g-color-text-secondary);
@@ -6,6 +6,8 @@ unpredictable css rules order in build */
6
6
  cursor: pointer;
7
7
  }
8
8
  .pc-footer-block__links-floor-right .pc-lang-switcher .pc-content-wrapper__text {
9
+ font-family: var(--g-text-body-font-family);
10
+ font-weight: var(--g-text-body-font-weight);
9
11
  font-size: var(--g-text-body-2-font-size);
10
12
  line-height: var(--g-text-body-2-line-height);
11
13
  }
@@ -43,9 +43,10 @@ unpredictable css rules order in build */
43
43
  }
44
44
  }
45
45
  .pc-footer-block__column-title {
46
+ font-family: var(--g-text-subheader-font-family);
47
+ font-weight: var(--g-text-subheader-font-weight);
46
48
  font-size: var(--g-text-subheader-3-font-size);
47
49
  line-height: var(--g-text-subheader-3-line-height);
48
- font-weight: var(--g-text-accent-font-weight);
49
50
  color: var(--g-color-text-primary);
50
51
  margin: 0;
51
52
  }
@@ -61,6 +62,8 @@ unpredictable css rules order in build */
61
62
  margin-bottom: 16px;
62
63
  }
63
64
  .pc-footer-block__link {
65
+ font-family: var(--g-text-body-font-family);
66
+ font-weight: var(--g-text-body-font-weight);
64
67
  font-size: var(--g-text-body-2-font-size);
65
68
  line-height: var(--g-text-body-2-line-height);
66
69
  outline: none;
@@ -34,9 +34,10 @@ unpredictable css rules order in build */
34
34
  margin-right: 0;
35
35
  }
36
36
  .pc-footer-block__social-floor-title {
37
- font-size: var(--g-text-body-3-font-size);
38
- line-height: var(--g-text-body-3-line-height);
39
- font-weight: var(--g-text-accent-font-weight);
37
+ font-family: var(--g-text-subheader-font-family);
38
+ font-weight: var(--g-text-subheader-font-weight);
39
+ font-size: var(--g-text-subheader-3-font-size);
40
+ line-height: var(--g-text-subheader-3-line-height);
40
41
  margin: 0;
41
42
  color: var(--g-color-text-primary);
42
43
  }
@@ -1,7 +1,3 @@
1
- .pc-header-block__title.pc-header-block__title {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-header-block {
@@ -61,20 +57,26 @@ unpredictable css rules order in build */
61
57
  text-align: center;
62
58
  }
63
59
  .pc-header-block__title.pc-header-block__title {
60
+ font-family: var(--g-text-display-font-family);
61
+ font-weight: var(--g-text-display-font-weight);
64
62
  font-size: var(--g-text-display-4-font-size);
65
63
  line-height: var(--g-text-display-4-line-height);
66
64
  color: var(--pc-text-header-color);
67
- font-weight: var(--g-text-accent-font-weight);
65
+ margin: 0;
68
66
  position: relative;
69
67
  }
70
68
  @media (max-width: 769px) {
71
69
  .pc-header-block__title.pc-header-block__title {
70
+ font-family: var(--g-text-display-font-family);
71
+ font-weight: var(--g-text-display-font-weight);
72
72
  font-size: var(--g-text-display-3-font-size);
73
73
  line-height: var(--g-text-display-3-line-height);
74
74
  }
75
75
  }
76
76
  @media (max-width: 577px) {
77
77
  .pc-header-block__title.pc-header-block__title {
78
+ font-family: var(--g-text-display-font-family);
79
+ font-weight: var(--g-text-display-font-weight);
78
80
  font-size: var(--g-text-display-2-font-size);
79
81
  line-height: var(--g-text-display-2-line-height);
80
82
  }
@@ -100,6 +102,8 @@ unpredictable css rules order in build */
100
102
  margin-top: 16px;
101
103
  }
102
104
  .pc-header-block__description .yfm {
105
+ font-family: var(--g-text-body-font-family);
106
+ font-weight: var(--g-text-body-font-weight);
103
107
  font-size: var(--g-text-body-3-font-size);
104
108
  line-height: var(--g-text-body-3-line-height);
105
109
  color: var(--g-color-text-primary);
@@ -108,6 +112,8 @@ unpredictable css rules order in build */
108
112
  margin-top: 16px;
109
113
  }
110
114
  .pc-header-block__additional-info .yfm p {
115
+ font-family: var(--g-text-body-font-family);
116
+ font-weight: var(--g-text-body-font-weight);
111
117
  font-size: var(--g-text-body-2-font-size);
112
118
  line-height: var(--g-text-body-2-line-height);
113
119
  color: var(--g-color-text-secondary) !important; /* stylelint-disable-line declaration-no-important */
@@ -204,6 +210,8 @@ unpredictable css rules order in build */
204
210
  background-color: var(--g-color-base-background);
205
211
  }
206
212
  .pc-header-block__overtitle {
213
+ font-family: var(--g-text-body-font-family);
214
+ font-weight: var(--g-text-body-font-weight);
207
215
  font-size: var(--g-text-body-3-font-size);
208
216
  line-height: var(--g-text-body-3-line-height);
209
217
  margin-bottom: 8px;
@@ -76,6 +76,8 @@ unpredictable css rules order in build */
76
76
  }
77
77
  .pc-hero-block__content-overtitle,
78
78
  .pc-hero-block__content-overtitle .yfm_constructor {
79
+ font-family: var(--g-text-body-font-family);
80
+ font-weight: var(--g-text-body-font-weight);
79
81
  font-size: var(--g-text-body-3-font-size);
80
82
  line-height: var(--g-text-body-3-line-height);
81
83
  color: var(--_--overtitle-color);
@@ -4,6 +4,8 @@ unpredictable css rules order in build */
4
4
  display: flex;
5
5
  flex-wrap: wrap;
6
6
  justify-content: center;
7
+ font-family: var(--g-text-body-font-family);
8
+ font-weight: var(--g-text-body-font-weight);
7
9
  font-size: var(--g-text-body-2-font-size);
8
10
  line-height: var(--g-text-body-2-line-height);
9
11
  }
@@ -1,14 +1,12 @@
1
- .pc-PromoFeaturesBlock__card-title {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-PromoFeaturesBlock__card-title {
4
+ font-family: var(--g-text-header-font-family);
5
+ font-weight: var(--g-text-header-font-weight);
8
6
  font-size: var(--g-text-header-1-font-size);
9
7
  line-height: var(--g-text-header-1-line-height);
10
8
  color: var(--pc-text-header-color);
11
- font-weight: var(--g-text-accent-font-weight);
9
+ margin: 0;
12
10
  }
13
11
  .pc-PromoFeaturesBlock__card-container {
14
12
  display: flex;
@@ -44,6 +42,8 @@ unpredictable css rules order in build */
44
42
  margin-bottom: 8px;
45
43
  }
46
44
  .pc-PromoFeaturesBlock__card-text {
45
+ font-family: var(--g-text-body-font-family);
46
+ font-weight: var(--g-text-body-font-weight);
47
47
  font-size: var(--g-text-body-2-font-size);
48
48
  line-height: var(--g-text-body-2-line-height);
49
49
  }
@@ -1,7 +1,3 @@
1
- .pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-QuestionsBlockItem {
@@ -12,10 +8,12 @@ unpredictable css rules order in build */
12
8
  padding-top: 32px;
13
9
  }
14
10
  .pc-QuestionsBlockItem__title.pc-QuestionsBlockItem__title {
11
+ font-family: var(--g-text-header-font-family);
12
+ font-weight: var(--g-text-header-font-weight);
15
13
  font-size: var(--g-text-header-1-font-size);
16
14
  line-height: var(--g-text-header-1-line-height);
17
15
  color: var(--pc-text-header-color);
18
- font-weight: var(--g-text-accent-font-weight);
16
+ margin: 0;
19
17
  cursor: pointer;
20
18
  border-radius: var(--g-focus-border-radius);
21
19
  }
@@ -72,6 +70,8 @@ unpredictable css rules order in build */
72
70
  color: var(--g-color-text-primary);
73
71
  }
74
72
  .pc-QuestionsBlockItem__link {
73
+ font-family: var(--g-text-body-font-family);
74
+ font-weight: var(--g-text-body-font-weight);
75
75
  font-size: var(--g-text-body-2-font-size);
76
76
  line-height: var(--g-text-body-2-line-height);
77
77
  }
@@ -82,6 +82,8 @@ unpredictable css rules order in build */
82
82
  }
83
83
 
84
84
  .pc-QuestionsBlockItem__text {
85
+ font-family: var(--g-text-body-font-family);
86
+ font-weight: var(--g-text-body-font-weight);
85
87
  font-size: var(--g-text-body-2-font-size);
86
88
  line-height: var(--g-text-body-2-line-height);
87
89
  margin-top: 12px;
@@ -1,16 +1,13 @@
1
- .pc-share-block__title.pc-share-block__title {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-share-block__title.pc-share-block__title {
4
+ font-family: var(--g-text-body-font-family);
5
+ font-weight: var(--g-text-body-font-weight);
8
6
  font-size: var(--g-text-body-3-font-size);
9
7
  line-height: var(--g-text-body-3-line-height);
10
8
  color: var(--pc-text-header-color);
11
- font-weight: var(--g-text-accent-font-weight);
9
+ margin: 0;
12
10
  text-align: center;
13
- font-weight: normal;
14
11
  }
15
12
 
16
13
  .pc-share-block__items {
@@ -143,14 +143,20 @@ unpredictable css rules order in build */
143
143
  color: var(--g-color-text-secondary);
144
144
  }
145
145
  .pc-SliderBlock__footer .pc-SliderBlock__disclaimer_size_l {
146
+ font-family: var(--g-text-header-font-family);
147
+ font-weight: var(--g-text-header-font-weight);
146
148
  font-size: var(--g-text-header-1-font-size);
147
149
  line-height: var(--g-text-header-1-line-height);
148
150
  }
149
151
  .pc-SliderBlock__footer .pc-SliderBlock__disclaimer_size_m {
152
+ font-family: var(--g-text-body-font-family);
153
+ font-weight: var(--g-text-body-font-weight);
150
154
  font-size: var(--g-text-body-2-font-size);
151
155
  line-height: var(--g-text-body-2-line-height);
152
156
  }
153
157
  .pc-SliderBlock__footer .pc-SliderBlock__disclaimer_size_s {
158
+ font-family: var(--g-text-body-font-family);
159
+ font-weight: var(--g-text-body-font-weight);
154
160
  font-size: var(--g-text-body-1-font-size);
155
161
  line-height: var(--g-text-body-1-line-height);
156
162
  }
@@ -189,14 +189,20 @@ unpredictable css rules order in build */
189
189
  color: var(--g-color-text-secondary);
190
190
  }
191
191
  .pc-SliderOldBlock__footer .pc-SliderOldBlock__disclaimer_size_l {
192
+ font-family: var(--g-text-header-font-family);
193
+ font-weight: var(--g-text-header-font-weight);
192
194
  font-size: var(--g-text-header-1-font-size);
193
195
  line-height: var(--g-text-header-1-line-height);
194
196
  }
195
197
  .pc-SliderOldBlock__footer .pc-SliderOldBlock__disclaimer_size_m {
198
+ font-family: var(--g-text-body-font-family);
199
+ font-weight: var(--g-text-body-font-weight);
196
200
  font-size: var(--g-text-body-2-font-size);
197
201
  line-height: var(--g-text-body-2-line-height);
198
202
  }
199
203
  .pc-SliderOldBlock__footer .pc-SliderOldBlock__disclaimer_size_s {
204
+ font-family: var(--g-text-body-font-family);
205
+ font-weight: var(--g-text-body-font-weight);
200
206
  font-size: var(--g-text-body-1-font-size);
201
207
  line-height: var(--g-text-body-1-line-height);
202
208
  }
@@ -1,20 +1,20 @@
1
- .pc-table-block__title.pc-table-block__title {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
7
3
  .pc-table-block__title.pc-table-block__title {
4
+ font-family: var(--g-text-display-font-family);
5
+ font-weight: var(--g-text-display-font-weight);
8
6
  font-size: var(--g-text-display-2-font-size);
9
7
  line-height: var(--g-text-display-2-line-height);
10
- color: var(--pc-text-header-color);
11
- font-weight: var(--g-text-accent-font-weight);
12
8
  top: calc(var(--header-height) + 0px);
9
+ color: var(--pc-text-header-color);
10
+ margin: 0;
13
11
  position: sticky;
14
12
  margin-right: 32px;
15
13
  }
16
14
  @media (max-width: 576px) {
17
15
  .pc-table-block__title.pc-table-block__title {
16
+ font-family: var(--g-text-display-font-family);
17
+ font-weight: var(--g-text-display-font-weight);
18
18
  font-size: var(--g-text-display-1-font-size);
19
19
  line-height: var(--g-text-display-1-line-height);
20
20
  }
@@ -22,6 +22,8 @@ unpredictable css rules order in build */
22
22
  border-radius: var(--pc-border-radius);
23
23
  }
24
24
  .pc-tab-content__caption {
25
+ font-family: var(--g-text-body-font-family);
26
+ font-weight: var(--g-text-body-font-weight);
25
27
  font-size: var(--g-text-body-2-font-size);
26
28
  line-height: var(--g-text-body-2-line-height);
27
29
  margin: 12px 0 0;
@@ -1,6 +1,8 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
3
  .pc-author {
4
+ font-family: var(--g-text-body-font-family);
5
+ font-weight: var(--g-text-body-font-weight);
4
6
  font-size: var(--g-text-body-3-font-size);
5
7
  line-height: var(--g-text-body-3-line-height);
6
8
  display: flex;
@@ -22,10 +24,14 @@ unpredictable css rules order in build */
22
24
  display: block;
23
25
  }
24
26
  .pc-author__name {
27
+ font-family: var(--g-text-body-font-family);
28
+ font-weight: var(--g-text-body-font-weight);
25
29
  font-size: var(--g-text-body-3-font-size);
26
30
  line-height: var(--g-text-body-3-line-height);
27
31
  }
28
32
  .pc-author__description {
33
+ font-family: var(--g-text-body-font-family);
34
+ font-weight: var(--g-text-body-font-weight);
29
35
  font-size: var(--g-text-body-2-font-size);
30
36
  line-height: var(--g-text-body-2-line-height);
31
37
  color: var(--g-color-text-secondary);
@@ -42,6 +42,8 @@ unpredictable css rules order in build */
42
42
  padding: 32px;
43
43
  }
44
44
  .pc-card-base-block__body {
45
+ font-family: var(--g-text-body-font-family);
46
+ font-weight: var(--g-text-body-font-weight);
45
47
  font-size: var(--g-text-body-2-font-size);
46
48
  line-height: var(--g-text-body-2-line-height);
47
49
  flex: 1;
@@ -4,6 +4,8 @@ unpredictable css rules order in build */
4
4
  max-width: 480px;
5
5
  }
6
6
  .pc-content-list_size_xl .pc-content-list__title, .pc-content-list_size_l .pc-content-list__title, .pc-content-list_size_m .pc-content-list__title {
7
+ font-family: var(--g-text-header-font-family);
8
+ font-weight: var(--g-text-header-font-weight);
7
9
  font-size: var(--g-text-header-1-font-size);
8
10
  line-height: var(--g-text-header-1-line-height);
9
11
  margin: 0 0 8px;
@@ -29,17 +31,23 @@ unpredictable css rules order in build */
29
31
  margin-right: 8px;
30
32
  }
31
33
  .pc-content-list_size_xl .pc-content-list__text, .pc-content-list_size_l .pc-content-list__text, .pc-content-list_size_m .pc-content-list__text {
32
- font-size: var(--g-text-subheader-2-font-size);
33
- line-height: var(--g-text-subheader-2-line-height);
34
+ font-family: var(--g-text-body-font-family);
35
+ font-weight: var(--g-text-body-font-weight);
36
+ font-size: var(--g-text-body-2-font-size);
37
+ line-height: var(--g-text-body-2-line-height);
34
38
  }
35
39
  .pc-content-list_size_xl .pc-content-list__text_without-title, .pc-content-list_size_l .pc-content-list__text_without-title, .pc-content-list_size_m .pc-content-list__text_without-title {
36
- font-size: var(--g-text-subheader-3-font-size);
37
- line-height: var(--g-text-subheader-3-line-height);
40
+ font-family: var(--g-text-body-font-family);
41
+ font-weight: var(--g-text-body-font-weight);
42
+ font-size: var(--g-text-body-3-font-size);
43
+ line-height: var(--g-text-body-3-line-height);
38
44
  }
39
45
  .pc-content-list_size_s {
40
46
  max-width: 440px;
41
47
  }
42
48
  .pc-content-list_size_s .pc-content-list__title {
49
+ font-family: var(--g-text-subheader-font-family);
50
+ font-weight: var(--g-text-subheader-font-weight);
43
51
  font-size: var(--g-text-subheader-3-font-size);
44
52
  line-height: var(--g-text-subheader-3-line-height);
45
53
  margin: 0 0 calc(8px / 2);
@@ -64,12 +72,16 @@ unpredictable css rules order in build */
64
72
  margin-bottom: 1px;
65
73
  }
66
74
  .pc-content-list_size_s .pc-content-list__text {
75
+ font-family: var(--g-text-body-font-family);
76
+ font-weight: var(--g-text-body-font-weight);
67
77
  font-size: var(--g-text-body-1-font-size);
68
78
  line-height: var(--g-text-body-1-line-height);
69
79
  }
70
80
  .pc-content-list_size_s .pc-content-list__text_without-title {
71
- font-size: var(--g-text-subheader-2-font-size);
72
- line-height: var(--g-text-subheader-2-line-height);
81
+ font-family: var(--g-text-body-font-family);
82
+ font-weight: var(--g-text-body-font-weight);
83
+ font-size: var(--g-text-body-2-font-size);
84
+ line-height: var(--g-text-body-2-line-height);
73
85
  }
74
86
  .pc-content-list_theme_light .pc-content-list__item *,
75
87
  .pc-content-list_theme_light .pc-content-list__item .yfm,
@@ -1,6 +1,8 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
3
  .pc-ErrorWrapper {
4
+ font-family: var(--g-text-body-font-family);
5
+ font-weight: var(--g-text-body-font-weight);
4
6
  font-size: var(--g-text-body-1-font-size);
5
7
  line-height: var(--g-text-body-1-line-height);
6
8
  white-space: nowrap;