@doyourjob/gravity-ui-page-constructor 5.31.136-dev.1 → 5.31.136-dev.2

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 (9) hide show
  1. package/build/cjs/blocks/Advantages/Advantages.css +27 -25
  2. package/build/cjs/blocks/Advantages/Advantages.js +2 -2
  3. package/build/cjs/text-transform/config.js +1 -1
  4. package/build/esm/blocks/Advantages/Advantages.css +27 -25
  5. package/build/esm/blocks/Advantages/Advantages.js +2 -2
  6. package/build/esm/text-transform/config.js +1 -1
  7. package/package.json +1 -1
  8. package/server/text-transform/config.js +1 -1
  9. package/widget/index.js +1 -1
package/build/cjs/blocks/Advantages/Advantages.css CHANGED
@@ -28,12 +28,14 @@ unpredictable css rules order in build */
28
28
  }
29
29
 
30
30
  .pc-advantages-block__title {
31
- font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
32
- line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
33
- color: var(--pc-text-header-color);
34
31
  font-weight: var(--g-text-accent-font-weight);
32
+ font-size: 48px;
33
+ line-height: 52px;
35
34
  color: var(--pc-color-ab-base);
36
35
  }
36
+ .pc-advantages-block__title p {
37
+ margin: 0;
38
+ }
37
39
  @media (max-width: 577px) {
38
40
  .pc-advantages-block__title {
39
41
  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
@@ -41,25 +43,24 @@ unpredictable css rules order in build */
41
43
  }
42
44
  }
43
45
  .pc-advantages-block__link {
44
- font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
45
- line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
46
- color: var(--pc-text-header-color);
47
46
  font-weight: var(--g-text-accent-font-weight);
47
+ font-size: 48px;
48
+ line-height: 52px;
48
49
  transition: color 0.3s ease;
49
50
  color: var(--pc-color-ab-second);
50
51
  margin-bottom: 32px;
51
52
  }
53
+ @media (hover: hover) and (pointer: fine) {
54
+ .pc-advantages-block__link:hover {
55
+ color: var(--pc-color-ab-base);
56
+ }
57
+ }
52
58
  @media (max-width: 577px) {
53
59
  .pc-advantages-block__link {
54
60
  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
55
61
  line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
56
62
  }
57
63
  }
58
- @media (hover: hover) and (pointer: fine) {
59
- .pc-advantages-block__link:hover {
60
- color: var(--pc-color-ab-base);
61
- }
62
- }
63
64
  .pc-advantages-block__wrap-logo {
64
65
  margin-top: auto;
65
66
  }
@@ -70,9 +71,11 @@ unpredictable css rules order in build */
70
71
  }
71
72
  .pc-advantages-block__item {
72
73
  display: flex;
73
- margin-left: 8px;
74
- border-left: 1px var(--pc-color-ab-border) solid;
75
- border-right: 1px var(--pc-color-ab-border) solid;
74
+ margin-left: 0;
75
+ margin-bottom: 16px;
76
+ border-left: none;
77
+ border-right: none;
78
+ border-top: 1px var(--pc-color-ab-border) solid;
76
79
  transition: opacity 0.3s ease;
77
80
  }
78
81
  @media (hover: hover) and (pointer: fine) {
@@ -80,11 +83,8 @@ unpredictable css rules order in build */
80
83
  opacity: 0.5;
81
84
  }
82
85
  }
83
- .pc-advantages-block__item + .pc-advantages-block__item {
84
- border-top: 1px var(--pc-color-ab-border) solid;
85
- }
86
86
  .pc-advantages-block__item-wrap {
87
- padding: 32px;
87
+ padding: 32px 0;
88
88
  }
89
89
  .pc-advantages-block__item-image {
90
90
  width: 230px;
@@ -108,21 +108,23 @@ unpredictable css rules order in build */
108
108
  color: var(--pc-color-ab-base);
109
109
  opacity: 0.6;
110
110
  }
111
- @media (max-width: 1081px) {
111
+ @media (min-width: 1185px) {
112
112
  .pc-advantages-block__item {
113
- border-left: none;
114
- border-right: none;
113
+ border-left: 1px var(--pc-color-ab-border) solid;
114
+ border-right: 1px var(--pc-color-ab-border) solid;
115
+ margin-left: 8px;
116
+ margin-bottom: 0;
117
+ }
118
+ .pc-advantages-block__item + .pc-advantages-block__item {
115
119
  border-top: 1px var(--pc-color-ab-border) solid;
116
- margin-left: 0;
117
120
  }
118
121
  .pc-advantages-block__item-wrap {
119
- padding: 32px 0;
122
+ padding: 32px;
120
123
  }
121
124
  }
122
- @media (max-width: 577px) {
125
+ @media (max-width: 769px) {
123
126
  .pc-advantages-block__item {
124
127
  flex-direction: column;
125
- margin-bottom: 16px;
126
128
  }
127
129
  .pc-advantages-block__item-wrap {
128
130
  padding: 16px 0;
package/build/cjs/blocks/Advantages/Advantages.js CHANGED
@@ -9,8 +9,8 @@ const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/Animate
9
9
  const grid_1 = require("../../grid");
10
10
  const utils_1 = require("../../utils");
11
11
  const b = (0, utils_1.block)('advantages-block');
12
- const colSizesHeader = { all: 12, lg: 6 };
13
- const colSizesBody = { all: 12, lg: 6 };
12
+ const colSizesHeader = { all: 12, xl: 6 };
13
+ const colSizesBody = { all: 12, xl: 6 };
14
14
  const AdvantagesBlock = (props) => {
15
15
  const { animated, title, link, logo, items } = props;
16
16
  return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
package/build/cjs/text-transform/config.js CHANGED
@@ -467,6 +467,6 @@ exports.config = {
467
467
  [models_1.BlockType.MiniCaseBlock]: exports.blockHeaderTransformer,
468
468
  [models_1.BlockType.AdvantagesBlock]: {
469
469
  fields: ['title'],
470
- transformer: common_1.typografTransformer,
470
+ transformer: common_1.yfmTransformer,
471
471
  },
472
472
  };
package/build/esm/blocks/Advantages/Advantages.css CHANGED
@@ -28,12 +28,14 @@ unpredictable css rules order in build */
28
28
  }
29
29
 
30
30
  .pc-advantages-block__title {
31
- font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
32
- line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
33
- color: var(--pc-text-header-color);
34
31
  font-weight: var(--g-text-accent-font-weight);
32
+ font-size: 48px;
33
+ line-height: 52px;
35
34
  color: var(--pc-color-ab-base);
36
35
  }
36
+ .pc-advantages-block__title p {
37
+ margin: 0;
38
+ }
37
39
  @media (max-width: 577px) {
38
40
  .pc-advantages-block__title {
39
41
  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
@@ -41,25 +43,24 @@ unpredictable css rules order in build */
41
43
  }
42
44
  }
43
45
  .pc-advantages-block__link {
44
- font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
45
- line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
46
- color: var(--pc-text-header-color);
47
46
  font-weight: var(--g-text-accent-font-weight);
47
+ font-size: 48px;
48
+ line-height: 52px;
48
49
  transition: color 0.3s ease;
49
50
  color: var(--pc-color-ab-second);
50
51
  margin-bottom: 32px;
51
52
  }
53
+ @media (hover: hover) and (pointer: fine) {
54
+ .pc-advantages-block__link:hover {
55
+ color: var(--pc-color-ab-base);
56
+ }
57
+ }
52
58
  @media (max-width: 577px) {
53
59
  .pc-advantages-block__link {
54
60
  font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
55
61
  line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
56
62
  }
57
63
  }
58
- @media (hover: hover) and (pointer: fine) {
59
- .pc-advantages-block__link:hover {
60
- color: var(--pc-color-ab-base);
61
- }
62
- }
63
64
  .pc-advantages-block__wrap-logo {
64
65
  margin-top: auto;
65
66
  }
@@ -70,9 +71,11 @@ unpredictable css rules order in build */
70
71
  }
71
72
  .pc-advantages-block__item {
72
73
  display: flex;
73
- margin-left: 8px;
74
- border-left: 1px var(--pc-color-ab-border) solid;
75
- border-right: 1px var(--pc-color-ab-border) solid;
74
+ margin-left: 0;
75
+ margin-bottom: 16px;
76
+ border-left: none;
77
+ border-right: none;
78
+ border-top: 1px var(--pc-color-ab-border) solid;
76
79
  transition: opacity 0.3s ease;
77
80
  }
78
81
  @media (hover: hover) and (pointer: fine) {
@@ -80,11 +83,8 @@ unpredictable css rules order in build */
80
83
  opacity: 0.5;
81
84
  }
82
85
  }
83
- .pc-advantages-block__item + .pc-advantages-block__item {
84
- border-top: 1px var(--pc-color-ab-border) solid;
85
- }
86
86
  .pc-advantages-block__item-wrap {
87
- padding: 32px;
87
+ padding: 32px 0;
88
88
  }
89
89
  .pc-advantages-block__item-image {
90
90
  width: 230px;
@@ -108,21 +108,23 @@ unpredictable css rules order in build */
108
108
  color: var(--pc-color-ab-base);
109
109
  opacity: 0.6;
110
110
  }
111
- @media (max-width: 1081px) {
111
+ @media (min-width: 1185px) {
112
112
  .pc-advantages-block__item {
113
- border-left: none;
114
- border-right: none;
113
+ border-left: 1px var(--pc-color-ab-border) solid;
114
+ border-right: 1px var(--pc-color-ab-border) solid;
115
+ margin-left: 8px;
116
+ margin-bottom: 0;
117
+ }
118
+ .pc-advantages-block__item + .pc-advantages-block__item {
115
119
  border-top: 1px var(--pc-color-ab-border) solid;
116
- margin-left: 0;
117
120
  }
118
121
  .pc-advantages-block__item-wrap {
119
- padding: 32px 0;
122
+ padding: 32px;
120
123
  }
121
124
  }
122
- @media (max-width: 577px) {
125
+ @media (max-width: 769px) {
123
126
  .pc-advantages-block__item {
124
127
  flex-direction: column;
125
- margin-bottom: 16px;
126
128
  }
127
129
  .pc-advantages-block__item-wrap {
128
130
  padding: 16px 0;
package/build/esm/blocks/Advantages/Advantages.js CHANGED
@@ -6,8 +6,8 @@ import { Col, Grid, Row } from '../../grid';
6
6
  import { block } from '../../utils';
7
7
  import './Advantages.css';
8
8
  const b = block('advantages-block');
9
- const colSizesHeader = { all: 12, lg: 6 };
10
- const colSizesBody = { all: 12, lg: 6 };
9
+ const colSizesHeader = { all: 12, xl: 6 };
10
+ const colSizesBody = { all: 12, xl: 6 };
11
11
  export const AdvantagesBlock = (props) => {
12
12
  const { animated, title, link, logo, items } = props;
13
13
  return (React.createElement(AnimateBlock, { className: b(), animate: animated },
package/build/esm/text-transform/config.js CHANGED
@@ -464,6 +464,6 @@ export const config = {
464
464
  [BlockType.MiniCaseBlock]: blockHeaderTransformer,
465
465
  [BlockType.AdvantagesBlock]: {
466
466
  fields: ['title'],
467
- transformer: typografTransformer,
467
+ transformer: yfmTransformer,
468
468
  },
469
469
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.136-dev.1",
3
+ "version": "5.31.136-dev.2",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/server/text-transform/config.js CHANGED
@@ -477,6 +477,6 @@ exports.config = {
477
477
  [models_1.BlockType.MiniCaseBlock]: exports.blockHeaderTransformer,
478
478
  [models_1.BlockType.AdvantagesBlock]: {
479
479
  fields: ['title'],
480
- transformer: common_1.typografTransformer,
480
+ transformer: common_1.yfmTransformer,
481
481
  },
482
482
  };