ecomlab-components-next 0.1.273 → 0.1.277

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 (6) hide show
  1. package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss +28 -8
  2. package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js +2 -2
  3. package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js +3 -0
  4. package/dist/components/ConstructorComponents/ServicesSectionV2/ServicesSectionV2.scss +5 -5
  5. package/dist/components/ConstructorComponents/StatisticCardV2/StatisticCardV2.scss +2 -0
  6. package/package.json +1 -1
package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss CHANGED
@@ -49,12 +49,15 @@
49
49
  }
50
50
 
51
51
  &__items {
52
- display: grid;
53
- grid-template-columns: repeat(4, 1fr);
52
+ display: flex;
53
+ flex-wrap: wrap;
54
54
  gap: 24px;
55
+ width: 100%;
55
56
  }
56
57
 
57
58
  &__card {
59
+ flex: 1 1 0;
60
+ min-width: 180px;
58
61
  background: $white;
59
62
  border: 1px solid $border;
60
63
  border-radius: 20px;
@@ -103,10 +106,6 @@
103
106
  .features-grid-v2 {
104
107
  padding: 72px 24px;
105
108
 
106
- &__items {
107
- grid-template-columns: repeat(2, 1fr);
108
- }
109
-
110
109
  &__header {
111
110
  flex-direction: column;
112
111
  align-items: flex-start;
@@ -116,6 +115,11 @@
116
115
  gap: 20px;
117
116
  }
118
117
 
118
+ &__card {
119
+ flex: 1 1 calc(33.333% - 14px);
120
+ min-width: 200px;
121
+ }
122
+
119
123
  &__title {
120
124
  font-size: 26px;
121
125
  }
@@ -125,7 +129,15 @@
125
129
  // Мобильная версия (до 768px)
126
130
  @media (max-width: 768px) {
127
131
  .features-grid-v2 {
128
-
132
+ &__items {
133
+ gap: 16px;
134
+ }
135
+
136
+ &__card {
137
+ flex: 1 1 calc(50% - 8px);
138
+ min-width: 160px;
139
+ }
140
+
129
141
  &__subtitle {
130
142
  font-size: 14px;
131
143
  }
@@ -140,6 +152,14 @@
140
152
  }
141
153
  }
142
154
 
155
+ // Мобильная версия (до 550px)
156
+ @media (max-width: 550px) {
157
+ .features-grid-v2 {
158
+ &__card {
159
+ flex: 1 1 100%;
160
+ }
161
+ }
162
+ }
143
163
 
144
164
  // Мобильная версия (до 430px)
145
165
  @media (max-width: 430px) {
@@ -160,11 +180,11 @@
160
180
  }
161
181
 
162
182
  &__items {
163
- grid-template-columns: 1fr;
164
183
  gap: 12px;
165
184
  }
166
185
 
167
186
  &__card {
187
+ flex: 1 1 100%;
168
188
  padding: 20px 16px 24px;
169
189
  }
170
190
 
package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js CHANGED
@@ -71,7 +71,7 @@ var HeaderV2 = function HeaderV2(_ref) {
71
71
  background: (color === null || color === void 0 ? void 0 : color[ind]) || ''
72
72
  },
73
73
  className: "header-v2__service"
74
- }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
74
+ }, icon_service && /*#__PURE__*/_react["default"].createElement(_image["default"], {
75
75
  src: icon_service === null || icon_service === void 0 ? void 0 : icon_service[ind],
76
76
  alt: "icon"
77
77
  }), el);
@@ -80,7 +80,7 @@ var HeaderV2 = function HeaderV2(_ref) {
80
80
  background: color || ''
81
81
  },
82
82
  className: "header-v2__service"
83
- }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
83
+ }, icon_service && /*#__PURE__*/_react["default"].createElement(_image["default"], {
84
84
  src: icon_service,
85
85
  alt: "icon"
86
86
  }), name_service))), /*#__PURE__*/_react["default"].createElement("h1", {
package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js CHANGED
@@ -53,6 +53,9 @@ var steps = [{
53
53
  var advantages_list = [{
54
54
  title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
55
55
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
56
+ }, {
57
+ title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
58
+ description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
56
59
  }, {
57
60
  title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
58
61
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0412 2 \u0440\u0430\u0437\u0430 \u0441\u043E\u043A\u0440\u0430\u0442\u0438 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u043D\u0430 \u0440\u0435\u043A\u043B\u0430\u043C\u0443. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u042D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u0439 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0438. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041F\u043E\u043B\u0443\u0447\u0438 \u0431\u043E\u043B\u0435\u0435 50 \u0444\u0443\u043D\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445.")
package/dist/components/ConstructorComponents/ServicesSectionV2/ServicesSectionV2.scss CHANGED
@@ -101,6 +101,7 @@
101
101
  color: $text;
102
102
  line-height: 1.6;
103
103
  margin-bottom: 8px;
104
+ min-height: 116px;
104
105
  }
105
106
 
106
107
  &__link {
@@ -124,7 +125,7 @@
124
125
  flex: 1;
125
126
  justify-content: center;
126
127
  align-items: center;
127
- aspect-ratio: 16 / 9;
128
+ aspect-ratio: 16/9;
128
129
  background-color: #fff;
129
130
  border-radius: 8px;
130
131
  padding: 8px;
@@ -146,11 +147,11 @@
146
147
  align-items: center;
147
148
  justify-content: center;
148
149
  gap: 12px;
149
- padding: 32px;
150
+ padding: 8px;
150
151
  background: $bg;
151
152
  border-radius: 12px;
152
- width: 100%;
153
- aspect-ratio: 16 / 9;
153
+ aspect-ratio: 16/9;
154
+ background: inherit;
154
155
 
155
156
  svg {
156
157
  width: 48px;
@@ -160,7 +161,6 @@
160
161
 
161
162
  span {
162
163
  font-size: 13px;
163
- color: $muted;
164
164
  }
165
165
  }
166
166
  }
package/dist/components/ConstructorComponents/StatisticCardV2/StatisticCardV2.scss CHANGED
@@ -27,11 +27,13 @@
27
27
  &_reverse {
28
28
  flex-direction: column-reverse;
29
29
  justify-content: flex-end;
30
+ align-items: center;
30
31
  }
31
32
 
32
33
  &_normal {
33
34
  flex-direction: column;
34
35
  justify-content: flex-start;
36
+ align-items: center;
35
37
  }
36
38
  }
37
39
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecomlab-components-next",
3
- "version": "0.1.273",
3
+ "version": "0.1.277",
4
4
  "description": "A set of common and reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "files": [