@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
@@ -33,10 +33,14 @@ unpredictable css rules order in build */
33
33
  color: var(--g-color-text-secondary);
34
34
  }
35
35
  .pc-file-link_size_l .pc-file-link__file-label, .pc-file-link_size_m .pc-file-link__file-label {
36
+ font-family: var(--g-text-body-font-family);
37
+ font-weight: var(--g-text-body-font-weight);
36
38
  font-size: var(--g-text-body-2-font-size);
37
39
  line-height: var(--g-text-body-2-line-height);
38
40
  }
39
41
  .pc-file-link_size_xs .pc-file-link__file-label, .pc-file-link_size_s .pc-file-link__file-label {
42
+ font-family: var(--g-text-body-font-family);
43
+ font-weight: var(--g-text-body-font-weight);
40
44
  font-size: var(--g-text-body-1-font-size);
41
45
  line-height: var(--g-text-body-1-line-height);
42
46
  }
@@ -9,6 +9,8 @@ unpredictable css rules order in build */
9
9
  list-style: none;
10
10
  }
11
11
  .pc-header-breadcrumbs__item {
12
+ font-family: var(--g-text-body-font-family);
13
+ font-weight: var(--g-text-body-font-weight);
12
14
  font-size: var(--g-text-body-2-font-size);
13
15
  line-height: var(--g-text-body-2-line-height);
14
16
  display: inline-block;
@@ -55,10 +55,14 @@ unpredictable css rules order in build */
55
55
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
56
56
  }
57
57
  .pc-link-block_size_l {
58
+ font-family: var(--g-text-body-font-family);
59
+ font-weight: var(--g-text-body-font-weight);
58
60
  font-size: var(--g-text-body-3-font-size);
59
61
  line-height: var(--g-text-body-3-line-height);
60
62
  }
61
63
  .pc-link-block_size_m {
64
+ font-family: var(--g-text-body-font-family);
65
+ font-weight: var(--g-text-body-font-weight);
62
66
  font-size: var(--g-text-body-2-font-size);
63
67
  line-height: var(--g-text-body-2-line-height);
64
68
  }
@@ -66,6 +70,8 @@ unpredictable css rules order in build */
66
70
  top: 1px;
67
71
  }
68
72
  .pc-link-block_size_s {
73
+ font-family: var(--g-text-body-font-family);
74
+ font-weight: var(--g-text-body-font-weight);
69
75
  font-size: var(--g-text-body-1-font-size);
70
76
  line-height: var(--g-text-body-1-line-height);
71
77
  }
@@ -1,8 +1,10 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
3
  .pc-meta-info {
4
- font-size: var(--g-text-body-2-font-size);
5
- line-height: var(--g-text-body-2-line-height);
4
+ font-family: var(--g-text-subheader-font-family);
5
+ font-weight: var(--g-text-subheader-font-weight);
6
+ font-size: var(--g-text-subheader-2-font-size);
7
+ line-height: var(--g-text-subheader-2-line-height);
6
8
  display: flex;
7
9
  align-items: center;
8
10
  }
@@ -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-table {
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
  }
@@ -12,7 +14,10 @@ unpredictable css rules order in build */
12
14
  display: flex;
13
15
  }
14
16
  .pc-table__row:first-child {
15
- font-weight: var(--g-text-accent-font-weight);
17
+ font-family: var(--g-text-header-font-family);
18
+ font-weight: var(--g-text-header-font-weight);
19
+ font-size: var(--g-text-header-2-font-size);
20
+ line-height: var(--g-text-header-2-line-height);
16
21
  }
17
22
  .pc-table__row:first-child .pc-table__cell {
18
23
  border-bottom-color: var(--g-color-line-generic-active);
@@ -4,6 +4,8 @@ unpredictable css rules order in build */
4
4
  margin-top: 12px;
5
5
  }
6
6
  .pc-title__description .yfm {
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-3-font-size);
8
10
  line-height: var(--g-text-body-3-line-height);
9
11
  }
@@ -11,6 +13,8 @@ unpredictable css rules order in build */
11
13
  margin-top: 8px;
12
14
  }
13
15
  .pc-title__description_titleSize_s .yfm, .pc-title__description_titleSize_xs .yfm {
16
+ font-family: var(--g-text-body-font-family);
17
+ font-weight: var(--g-text-body-font-weight);
14
18
  font-size: var(--g-text-body-2-font-size);
15
19
  line-height: var(--g-text-body-2-line-height);
16
20
  }
@@ -1,9 +1,9 @@
1
- .pc-title-item_size_l, .pc-title-item_size_m, .pc-title-item_size_sm, .pc-title-item_size_s, .pc-title-item_size_xs {
2
- margin: 0;
3
- }
4
-
5
1
  /* use this for style redefinitions to awoid problems with
6
2
  unpredictable css rules order in build */
3
+ .pc-title-item {
4
+ color: var(--pc-text-header-color);
5
+ margin: 0;
6
+ }
7
7
  .pc-title-item_justify_center {
8
8
  text-align: center;
9
9
  }
@@ -11,58 +11,67 @@ unpredictable css rules order in build */
11
11
  text-align: right;
12
12
  }
13
13
  .pc-title-item_size_xs {
14
- font-size: var(--g-text-body-3-font-size);
15
- line-height: var(--g-text-body-3-line-height);
16
- color: var(--pc-text-header-color);
17
- font-weight: var(--g-text-accent-font-weight);
14
+ font-family: var(--g-text-subheader-font-family);
15
+ font-weight: var(--g-text-subheader-font-weight);
16
+ font-size: var(--g-text-subheader-3-font-size);
17
+ line-height: var(--g-text-subheader-3-line-height);
18
18
  }
19
19
  .pc-title-item_size_s {
20
+ font-family: var(--g-text-header-font-family);
21
+ font-weight: var(--g-text-header-font-weight);
20
22
  font-size: var(--g-text-header-1-font-size);
21
23
  line-height: var(--g-text-header-1-line-height);
22
- color: var(--pc-text-header-color);
23
- font-weight: var(--g-text-accent-font-weight);
24
24
  margin-top: 32px;
25
25
  }
26
26
  .pc-title-item_size_sm {
27
+ font-family: var(--g-text-display-font-family);
28
+ font-weight: var(--g-text-display-font-weight);
27
29
  font-size: var(--g-text-display-1-font-size);
28
30
  line-height: var(--g-text-display-1-line-height);
29
- color: var(--pc-text-header-color);
30
- font-weight: var(--g-text-accent-font-weight);
31
31
  margin-top: 48px;
32
32
  }
33
33
  .pc-title-item_size_m {
34
+ font-family: var(--g-text-display-font-family);
35
+ font-weight: var(--g-text-display-font-weight);
34
36
  font-size: var(--g-text-display-2-font-size);
35
37
  line-height: var(--g-text-display-2-line-height);
36
- color: var(--pc-text-header-color);
37
- font-weight: var(--g-text-accent-font-weight);
38
38
  margin-top: 48px;
39
39
  }
40
40
  @media (max-width: 576px) {
41
41
  .pc-title-item_size_m {
42
+ font-family: var(--g-text-display-font-family);
43
+ font-weight: var(--g-text-display-font-weight);
42
44
  font-size: var(--g-text-display-1-font-size);
43
45
  line-height: var(--g-text-display-1-line-height);
44
46
  }
45
47
  }
46
48
  .pc-title-item_size_l {
49
+ font-family: var(--g-text-display-font-family);
50
+ font-weight: var(--g-text-display-font-weight);
47
51
  font-size: var(--g-text-display-4-font-size);
48
52
  line-height: var(--g-text-display-4-line-height);
49
- color: var(--pc-text-header-color);
50
- font-weight: var(--g-text-accent-font-weight);
51
53
  margin-top: 96px;
52
54
  }
53
55
  @media (max-width: 769px) {
54
56
  .pc-title-item_size_l {
57
+ font-family: var(--g-text-display-font-family);
58
+ font-weight: var(--g-text-display-font-weight);
55
59
  font-size: var(--g-text-display-3-font-size);
56
60
  line-height: var(--g-text-display-3-line-height);
57
61
  }
58
62
  }
59
63
  @media (max-width: 577px) {
60
64
  .pc-title-item_size_l {
65
+ font-family: var(--g-text-display-font-family);
66
+ font-weight: var(--g-text-display-font-weight);
61
67
  font-size: var(--g-text-display-2-font-size);
62
68
  line-height: var(--g-text-display-2-line-height);
63
69
  }
64
70
  }
65
71
  .pc-title-item__arrow {
72
+ position: relative;
73
+ left: 0;
74
+ transition: left 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
66
75
  margin-top: 9px;
67
76
  }
68
77
  .pc-title-item__arrow_size_xs {
@@ -101,13 +110,13 @@ unpredictable css rules order in build */
101
110
  cursor: pointer;
102
111
  }
103
112
  .pc-title-item__link:hover .pc-title-item__arrow {
104
- margin-left: 10px;
113
+ left: 10px;
105
114
  }
106
115
  .pc-title-item__link:hover .pc-title-item__arrow_size_xs {
107
- margin-left: 6px;
116
+ left: 6px;
108
117
  }
109
118
  .pc-title-item__link:hover .pc-title-item__arrow_size_s {
110
- margin-left: 8px;
119
+ left: 8px;
111
120
  }
112
121
  .pc-title-item__text.pc-title-item__text {
113
122
  white-space: normal;
@@ -4,11 +4,15 @@ unpredictable css rules order in build */
4
4
  background-color: var(--g-color-base-danger-heavy);
5
5
  }
6
6
  .pc-unpublished-label_type_line {
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-3-font-size);
8
10
  line-height: var(--g-text-body-3-line-height);
9
11
  padding: 15px;
10
12
  }
11
13
  .pc-unpublished-label_type_label {
14
+ font-family: var(--g-text-body-font-family);
15
+ font-weight: var(--g-text-body-font-weight);
12
16
  font-size: var(--g-text-body-1-font-size);
13
17
  line-height: var(--g-text-body-1-line-height);
14
18
  display: inline-block;
@@ -15,11 +15,10 @@ unpredictable css rules order in build */
15
15
  --pc-color-github: #25292e;
16
16
  --pc-color-rss: #f29c39;
17
17
  --pc-color-linkedin: #0a66c2;
18
- --g-text-accent-font-weight: 500;
19
18
  --pc-transparent: rgba(255, 255, 255, 0);
20
19
  --pc-border-radius: 24px;
21
20
  --pc-image-padding: 4px;
22
- --pc-color-sfx-shadow: var(--g-color-sfx-shadow-light);
21
+ --pc-color-sfx-shadow: var(--g-color-base-simple-hover);
23
22
  --pc-color-line-generic-active-solid: #b3b3b3;
24
23
  --pc-color-base-float-hover: var(--g-color-base-float);
25
24
  --pc-monochrome-button-background-color: #262626;
@@ -53,6 +52,7 @@ unpredictable css rules order in build */
53
52
  --g-color-line-focus: var(--pc-color-line-focus-dark);
54
53
  }
55
54
  .g-root.g-root_theme_dark {
55
+ --pc-color-sfx-shadow: var(--g-color-sfx-shadow);
56
56
  --pc-color-line-generic-active-solid: #6c6c70;
57
57
  --pc-color-base-float-hover: var(--g-color-base-float-hover);
58
58
  --pc-monochrome-button-background-color: #ffffff;
@@ -63,13 +63,13 @@ unpredictable css rules order in build */
63
63
  /* use this for style redefinitions to awoid problems with
64
64
  unpredictable css rules order in build */
65
65
  .yfm_constructor {
66
- font-family: var(--g-font-family-sans);
66
+ font-family: var(--g-text-body-font-family);
67
67
  color: var(--g-color-text-primary);
68
68
  }
69
69
  .yfm_constructor code,
70
70
  .yfm_constructor kbd,
71
71
  .yfm_constructor pre {
72
- font-family: var(--g-font-family-monospace);
72
+ font-family: var(--g-text-code-font-family);
73
73
  color: var(--g-color-text-primary);
74
74
  }
75
75
  .yfm_constructor.yfm_constructor h1,
@@ -89,7 +89,7 @@ unpredictable css rules order in build */
89
89
  }
90
90
  .yfm_constructor.yfm_constructor_meta_info p {
91
91
  color: var(--pc-media-card-meta-info-color);
92
- font-weight: var(--g-text-accent-font-weight);
92
+ font-weight: var(--g-text-subheader-font-weight);
93
93
  }
94
94
  .yfm_constructor.yfm_constructor ul,
95
95
  .yfm_constructor.yfm_constructor ol,
@@ -83,6 +83,8 @@ unpredictable css rules order in build */
83
83
  color: var(--pc-editor-base-color);
84
84
  }
85
85
  .pc-add-block__popup .pc-add-block__title {
86
+ font-family: var(--g-text-body-font-family);
87
+ font-weight: var(--g-text-body-font-weight);
86
88
  font-size: var(--g-text-body-2-font-size);
87
89
  line-height: var(--g-text-body-2-line-height);
88
90
  }
@@ -10,6 +10,8 @@
10
10
  /* use this for style redefinitions to awoid problems with
11
11
  unpredictable css rules order in build */
12
12
  .pc-not-found-block {
13
+ font-family: var(--g-text-display-font-family);
14
+ font-weight: var(--g-text-display-font-weight);
13
15
  font-size: var(--g-text-display-1-font-size);
14
16
  line-height: var(--g-text-display-1-line-height);
15
17
  display: flex;
@@ -47,6 +47,8 @@ unpredictable css rules order in build */
47
47
  }
48
48
  .pc-desktop-navigation__right {
49
49
  justify-content: flex-end;
50
+ font-family: var(--g-text-body-font-family);
51
+ font-weight: var(--g-text-body-font-weight);
50
52
  font-size: var(--g-text-body-2-font-size);
51
53
  line-height: var(--g-text-body-2-line-height);
52
54
  }
@@ -98,6 +100,8 @@ unpredictable css rules order in build */
98
100
  }
99
101
  .pc-desktop-navigation__links {
100
102
  position: relative;
103
+ font-family: var(--g-text-body-font-family);
104
+ font-weight: var(--g-text-body-font-weight);
101
105
  font-size: var(--g-text-body-2-font-size);
102
106
  line-height: var(--g-text-body-2-line-height);
103
107
  }
@@ -1,7 +1,3 @@
1
- .pc-logo__text {
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-logo {
@@ -15,9 +11,10 @@ unpredictable css rules order in build */
15
11
  object-fit: contain;
16
12
  }
17
13
  .pc-logo__text {
14
+ font-family: var(--g-text-header-font-family);
15
+ font-weight: var(--g-text-header-font-weight);
18
16
  font-size: var(--g-text-header-1-font-size);
19
17
  line-height: var(--g-text-header-1-line-height);
20
18
  color: var(--pc-text-header-color);
21
- font-weight: var(--g-text-accent-font-weight);
22
19
  white-space: nowrap;
23
20
  }
@@ -14,6 +14,8 @@ unpredictable css rules order in build */
14
14
  overflow-y: scroll;
15
15
  scrollbar-width: none;
16
16
  -ms-overflow-style: none;
17
+ font-family: var(--g-text-body-font-family);
18
+ font-weight: var(--g-text-body-font-weight);
17
19
  font-size: var(--g-text-body-2-font-size);
18
20
  line-height: var(--g-text-body-2-line-height);
19
21
  }
@@ -13,6 +13,8 @@ unpredictable css rules order in build */
13
13
  border-radius: calc(var(--pc-border-radius) / 2);
14
14
  background: var(--g-color-base-float);
15
15
  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
16
+ font-family: var(--g-text-body-font-family);
17
+ font-weight: var(--g-text-body-font-weight);
16
18
  font-size: var(--g-text-body-2-font-size);
17
19
  line-height: var(--g-text-body-2-line-height);
18
20
  }
@@ -1,7 +1,3 @@
1
- .pc-banner-card__subtitle.pc-banner-card__subtitle p, .pc-banner-card__subtitle.pc-banner-card__subtitle, .pc-banner-card__title.pc-banner-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-banner-card_theme_dark {
@@ -20,13 +16,16 @@ unpredictable css rules order in build */
20
16
  max-width: 100%;
21
17
  }
22
18
  .pc-banner-card__title.pc-banner-card__title {
19
+ font-family: var(--g-text-display-font-family);
20
+ font-weight: var(--g-text-display-font-weight);
23
21
  font-size: var(--g-text-display-2-font-size);
24
22
  line-height: var(--g-text-display-2-line-height);
25
- color: var(--pc-text-header-color);
26
- font-weight: var(--g-text-accent-font-weight);
23
+ margin: 0;
27
24
  }
28
25
  @media (max-width: 576px) {
29
26
  .pc-banner-card__title.pc-banner-card__title {
27
+ font-family: var(--g-text-display-font-family);
28
+ font-weight: var(--g-text-display-font-weight);
30
29
  font-size: var(--g-text-display-1-font-size);
31
30
  line-height: var(--g-text-display-1-line-height);
32
31
  }
@@ -63,20 +62,19 @@ unpredictable css rules order in build */
63
62
  max-width: 100%;
64
63
  }
65
64
  .pc-banner-card__subtitle.pc-banner-card__subtitle {
66
- display: inline-block;
67
- margin-top: 8px;
65
+ font-family: var(--g-text-body-font-family);
66
+ font-weight: var(--g-text-body-font-weight);
68
67
  font-size: var(--g-text-body-3-font-size);
69
68
  line-height: var(--g-text-body-3-line-height);
70
- color: var(--pc-text-header-color);
71
- font-weight: var(--g-text-accent-font-weight);
72
- font-weight: normal;
69
+ display: inline-block;
70
+ margin-top: 8px;
73
71
  }
74
72
  .pc-banner-card__subtitle.pc-banner-card__subtitle p {
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-3-font-size);
76
76
  line-height: var(--g-text-body-3-line-height);
77
- color: var(--pc-text-header-color);
78
- font-weight: var(--g-text-accent-font-weight);
79
- font-weight: normal;
77
+ margin: 0;
80
78
  }
81
79
 
82
80
  .pc-banner-card__button.pc-banner-card__button {
@@ -1,10 +1,3 @@
1
- .pc-content_size_xl .pc-content__text .yfm,
2
- .pc-content_size_xl .pc-content__notice .yfm, .pc-content_size_l .pc-content__text .yfm,
3
- .pc-content_size_l .pc-content__notice .yfm, .pc-content_size_m .pc-content__text .yfm,
4
- .pc-content_size_m .pc-content__notice .yfm {
5
- margin: 0;
6
- }
7
-
8
1
  /* use this for style redefinitions to awoid problems with
9
2
  unpredictable css rules order in build */
10
3
  .pc-content {
@@ -70,6 +63,8 @@ unpredictable css rules order in build */
70
63
  margin-top: var(--pc-content-buttons-margin-top, 20px);
71
64
  }
72
65
  .pc-content_size_s .pc-content__notice .yfm {
66
+ font-family: var(--g-text-body-font-family);
67
+ font-weight: var(--g-text-body-font-weight);
73
68
  font-size: var(--g-text-body-1-font-size);
74
69
  line-height: var(--g-text-body-1-line-height);
75
70
  }
@@ -81,14 +76,22 @@ unpredictable css rules order in build */
81
76
  }
82
77
  .pc-content_size_m .pc-content__text .yfm,
83
78
  .pc-content_size_m .pc-content__notice .yfm {
79
+ margin: 0;
80
+ font-family: var(--g-text-body-font-family);
81
+ font-weight: var(--g-text-body-font-weight);
84
82
  font-size: var(--g-text-body-3-font-size);
85
83
  line-height: var(--g-text-body-3-line-height);
86
84
  }
87
85
  .pc-content_size_m .pc-content__text .yfm {
86
+ font-family: var(--g-text-body-font-family);
87
+ font-weight: var(--g-text-body-font-weight);
88
88
  font-size: var(--g-text-body-3-font-size);
89
89
  line-height: var(--g-text-body-3-line-height);
90
90
  }
91
91
  .pc-content_size_m .pc-content__notice .yfm {
92
+ margin: 0;
93
+ font-family: var(--g-text-body-font-family);
94
+ font-weight: var(--g-text-body-font-weight);
92
95
  font-size: var(--g-text-body-2-font-size);
93
96
  line-height: var(--g-text-body-2-line-height);
94
97
  }
@@ -108,14 +111,22 @@ unpredictable css rules order in build */
108
111
  }
109
112
  .pc-content_size_l .pc-content__text .yfm,
110
113
  .pc-content_size_l .pc-content__notice .yfm {
114
+ margin: 0;
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-3-font-size);
112
118
  line-height: var(--g-text-body-3-line-height);
113
119
  }
114
120
  .pc-content_size_l .pc-content__text .yfm {
121
+ font-family: var(--g-text-body-font-family);
122
+ font-weight: var(--g-text-body-font-weight);
115
123
  font-size: var(--g-text-body-3-font-size);
116
124
  line-height: var(--g-text-body-3-line-height);
117
125
  }
118
126
  .pc-content_size_l .pc-content__notice .yfm {
127
+ margin: 0;
128
+ font-family: var(--g-text-body-font-family);
129
+ font-weight: var(--g-text-body-font-weight);
119
130
  font-size: var(--g-text-body-2-font-size);
120
131
  line-height: var(--g-text-body-2-line-height);
121
132
  }
@@ -135,14 +146,22 @@ unpredictable css rules order in build */
135
146
  }
136
147
  .pc-content_size_xl .pc-content__text .yfm,
137
148
  .pc-content_size_xl .pc-content__notice .yfm {
149
+ margin: 0;
150
+ font-family: var(--g-text-body-font-family);
151
+ font-weight: var(--g-text-body-font-weight);
138
152
  font-size: var(--g-text-body-3-font-size);
139
153
  line-height: var(--g-text-body-3-line-height);
140
154
  }
141
155
  .pc-content_size_xl .pc-content__text .yfm {
156
+ font-family: var(--g-text-body-font-family);
157
+ font-weight: var(--g-text-body-font-weight);
142
158
  font-size: var(--g-text-body-3-font-size);
143
159
  line-height: var(--g-text-body-3-line-height);
144
160
  }
145
161
  .pc-content_size_xl .pc-content__notice .yfm {
162
+ margin: 0;
163
+ font-family: var(--g-text-body-font-family);
164
+ font-weight: var(--g-text-body-font-weight);
146
165
  font-size: var(--g-text-body-2-font-size);
147
166
  line-height: var(--g-text-body-2-line-height);
148
167
  }
@@ -48,6 +48,8 @@ unpredictable css rules order in build */
48
48
  color: var(--g-color-text-dark-secondary);
49
49
  }
50
50
  .pc-price-card__title.pc-price-card__title {
51
+ font-family: var(--g-text-subheader-font-family);
52
+ font-weight: var(--g-text-subheader-font-weight);
51
53
  font-size: var(--g-text-subheader-3-font-size);
52
54
  line-height: var(--g-text-subheader-3-line-height);
53
55
  margin-bottom: 24px;
@@ -57,14 +59,17 @@ unpredictable css rules order in build */
57
59
  margin-bottom: 24px;
58
60
  }
59
61
  .pc-price-card__price-value {
62
+ font-family: var(--g-text-display-font-family);
63
+ font-weight: var(--g-text-display-font-weight);
60
64
  font-size: var(--g-text-display-1-font-size);
61
65
  line-height: var(--g-text-display-1-line-height);
62
- font-weight: var(--g-text-accent-font-weight);
63
66
  }
64
67
  .pc-price-card__price-period {
65
68
  margin-left: 4px;
66
69
  }
67
70
  .pc-price-card__price-details {
71
+ font-family: var(--g-text-body-font-family);
72
+ font-weight: var(--g-text-body-font-weight);
68
73
  font-size: var(--g-text-body-2-font-size);
69
74
  line-height: var(--g-text-body-2-line-height);
70
75
  white-space: pre-wrap;
@@ -4,19 +4,30 @@ unpredictable css rules order in build */
4
4
  margin-bottom: 12px;
5
5
  }
6
6
  .pc-price-description__title_size_l, .pc-price-description__description_size_l, .pc-price-description__detailed-title_size_l {
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
  }
10
12
  .pc-price-description__title_size_m, .pc-price-description__description_size_m, .pc-price-description__detailed-title_size_m {
13
+ font-family: var(--g-text-body-font-family);
14
+ font-weight: var(--g-text-body-font-weight);
11
15
  font-size: var(--g-text-body-2-font-size);
12
16
  line-height: var(--g-text-body-2-line-height);
13
17
  }
14
18
  .pc-price-description__title_size_s, .pc-price-description__description_size_s, .pc-price-description__detailed-title_size_s {
19
+ font-family: var(--g-text-body-font-family);
20
+ font-weight: var(--g-text-body-font-weight);
15
21
  font-size: var(--g-text-body-1-font-size);
16
22
  line-height: var(--g-text-body-1-line-height);
17
23
  }
18
24
  .pc-price-description__main-title {
19
- font-weight: var(--g-text-accent-font-weight);
25
+ font-family: var(--g-text-header-font-family);
26
+ font-weight: var(--g-text-header-font-weight);
27
+ font-size: var(--g-text-header-1-font-size);
28
+ line-height: var(--g-text-header-1-line-height);
29
+ font-size: inherit;
30
+ line-height: inherit;
20
31
  }
21
32
  .pc-price-description__main-title_color_cornflower {
22
33
  color: var(--g-color-base-brand);
@@ -36,10 +47,14 @@ unpredictable css rules order in build */
36
47
  margin-left: 4px;
37
48
  }
38
49
  .pc-price-description__label_size_s {
50
+ font-family: var(--g-text-body-font-family);
51
+ font-weight: var(--g-text-body-font-weight);
39
52
  font-size: var(--g-text-body-2-font-size);
40
53
  line-height: var(--g-text-body-2-line-height);
41
54
  }
42
55
  .pc-price-description__label_size_xs {
56
+ font-family: var(--g-text-body-font-family);
57
+ font-weight: var(--g-text-body-font-weight);
43
58
  font-size: var(--g-text-body-1-font-size);
44
59
  line-height: var(--g-text-body-1-line-height);
45
60
  }
@@ -4,14 +4,20 @@ unpredictable css rules order in build */
4
4
  font-weight: 400;
5
5
  }
6
6
  .pc-settings-list__title_size_l, .pc-settings-list__description_size_l {
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
  }
10
12
  .pc-settings-list__title_size_m, .pc-settings-list__description_size_m {
13
+ font-family: var(--g-text-body-font-family);
14
+ font-weight: var(--g-text-body-font-weight);
11
15
  font-size: var(--g-text-body-2-font-size);
12
16
  line-height: var(--g-text-body-2-line-height);
13
17
  }
14
18
  .pc-settings-list__title_size_s, .pc-settings-list__description_size_s {
19
+ font-family: var(--g-text-body-font-family);
20
+ font-weight: var(--g-text-body-font-weight);
15
21
  font-size: var(--g-text-body-1-font-size);
16
22
  line-height: var(--g-text-body-1-line-height);
17
23
  }
@@ -23,6 +23,8 @@ unpredictable css rules order in build */
23
23
  margin: auto 10px;
24
24
  }
25
25
  .pc-price-details__foldable_title {
26
+ font-family: var(--g-text-body-font-family);
27
+ font-weight: var(--g-text-body-font-weight);
26
28
  font-size: var(--g-text-body-2-font-size);
27
29
  line-height: var(--g-text-body-2-line-height);
28
30
  display: inline-block;
@@ -60,6 +60,8 @@ unpredictable css rules order in build */
60
60
  .pc-quote__content {
61
61
  margin-top: 24px;
62
62
  position: relative;
63
+ font-family: var(--g-text-body-font-family);
64
+ font-weight: var(--g-text-body-font-weight);
63
65
  font-size: var(--g-text-body-3-font-size);
64
66
  line-height: var(--g-text-body-3-line-height);
65
67
  }
@@ -84,6 +86,8 @@ unpredictable css rules order in build */
84
86
  }
85
87
 
86
88
  .pc-quote__content .yfm {
89
+ font-family: var(--g-text-body-font-family);
90
+ font-weight: var(--g-text-body-font-weight);
87
91
  font-size: var(--g-text-body-3-font-size);
88
92
  line-height: var(--g-text-body-3-line-height);
89
93
  }
@@ -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
  }