ecomlab-components-next 0.1.324 → 0.1.326

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 (30) hide show
  1. package/dist/components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2.module.scss +1 -1
  2. package/dist/components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2.scss +1 -1
  3. package/dist/components/ConstructorComponents/BlocksInfoV2/BlocksInfoV2.scss +1 -1
  4. package/dist/components/ConstructorComponents/CardsServicesV2/CardsServicesV2.scss +1 -1
  5. package/dist/components/ConstructorComponents/CardsServicesV3/CardsServicesV3.scss +1 -1
  6. package/dist/components/ConstructorComponents/CardsV2/CardsV2.scss +1 -1
  7. package/dist/components/ConstructorComponents/CardsWithButton/CardsWithButton.scss +1 -1
  8. package/dist/components/ConstructorComponents/CardsWithButtonV2/CardsWithButtonV2.scss +2 -1
  9. package/dist/components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2.scss +1 -1
  10. package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss +1 -1
  11. package/dist/components/ConstructorComponents/FeaturesGridV3/FeaturesGridV3.scss +1 -1
  12. package/dist/components/ConstructorComponents/FormV2/FormV2.scss +1 -1
  13. package/dist/components/ConstructorComponents/FormV3/FormV3.scss +1 -1
  14. package/dist/components/ConstructorComponents/HeaderMain/Header.scss +1 -1
  15. package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.scss +1 -1
  16. package/dist/components/ConstructorComponents/HeaderV3/HeaderV3.scss +4 -4
  17. package/dist/components/ConstructorComponents/LogosStrip/LogosStrip.scss +1 -1
  18. package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js +3 -7
  19. package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.scss +1 -1
  20. package/dist/components/ConstructorComponents/QuestionsV2/QuestionsV2.scss +1 -1
  21. package/dist/components/ConstructorComponents/ServicesSectionV2/ServicesSectionV2.scss +6 -7
  22. package/dist/components/ConstructorComponents/SmartReplies/SmartReplies.scss +1 -1
  23. package/dist/components/ConstructorComponents/StatisticCardV2/StatisticCardV2.module.scss +1 -1
  24. package/dist/components/ConstructorComponents/StatisticCardV2/StatisticCardV2.scss +1 -1
  25. package/dist/components/ConstructorComponents/StepsV2/StepsV2.module.scss +1 -1
  26. package/dist/components/ConstructorComponents/StepsV2/StepsV2.scss +1 -1
  27. package/dist/components/ConstructorComponents/TariffPlanV2/TariffPlanV2.scss +1 -1
  28. package/dist/components/ConstructorComponents/VideoBlockV2/VideoBlockV2.scss +1 -1
  29. package/dist/components/ConstructorComponents/VideoBlockV3/VideoBlockV3.scss +1 -1
  30. package/package.json +1 -1
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -9,7 +9,7 @@
9
9
  font-family: 'Manrope', sans-serif;
10
10
  background: $bg;
11
11
  width: 100%;
12
- padding: 96px 40px;
12
+ padding: 74px 40px;
13
13
 
14
14
  * {
15
15
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -14,7 +14,7 @@ $services-grid-bg: linear-gradient(135deg, #1A1A2E 0%, #047857 100%);
14
14
  font-family: 'Manrope', sans-serif;
15
15
  background: $services-bg;
16
16
  width: 100%;
17
- padding: 96px 40px;
17
+ padding: 74px 40px;
18
18
 
19
19
  * {
20
20
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $white;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,8 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
+ background: #fff;
9
10
 
10
11
  * {
11
12
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $white;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: linear-gradient(135deg, $green-forest 0%, $green-light 100%);
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
  text-align: center;
10
10
  position: relative;
11
11
  overflow: hidden;
@@ -10,7 +10,7 @@ $content-width: 1280px;
10
10
  max-width: $content-width;
11
11
  margin: 0 auto;
12
12
  border-radius: 24px;
13
- padding: 96px 40px;
13
+ padding: 74px 40px;
14
14
  text-align: center;
15
15
  position: relative;
16
16
  overflow: hidden;
@@ -1,7 +1,7 @@
1
1
  .header {
2
2
  flex-wrap: wrap;
3
3
  width: 100%;
4
- min-height: 96px;
4
+ min-height: 74px;
5
5
  height: auto;
6
6
  background-color: white;
7
7
  display: flex;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: linear-gradient(160deg, #F0F1FF 0%, #F7F8FC 50%, #FFFFFF 100%);
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: linear-gradient(160deg, #F0F1FF 0%, #F7F8FC 50%, #FFFFFF 100%);
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -44,12 +44,12 @@
44
44
  display: inline-flex;
45
45
  align-items: center;
46
46
  gap: 6px;
47
- background: $green-light-bg;
48
- color: $green;
47
+ background: #d8ff72;
48
+ color: black;
49
49
  padding: 6px 14px;
50
50
  border-radius: 20px;
51
51
  font-size: 12px;
52
- font-weight: 700;
52
+ font-weight: 500;
53
53
  margin-bottom: 24px;
54
54
  white-space: nowrap;
55
55
 
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $white;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
  border-top: 1px solid $border;
10
10
  border-bottom: 1px solid $border;
11
11
 
@@ -207,19 +207,15 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
207
207
  color: "#00B45E",
208
208
  img: _decstope["default"],
209
209
  background: '#fff'
210
- }), /*#__PURE__*/_react["default"].createElement(_HeaderV2["default"]
211
- // services
212
- , {
210
+ }), /*#__PURE__*/_react["default"].createElement(_HeaderV2["default"], {
211
+ services: true,
213
212
  title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439 \u0441\u0432\u043E\u0438\u043C \u0431\u0438\u0437\u043D\u0435\u0441\u043E\u043C \u043D\u0430 3-\u0445 \u0432\u0435\u0434\u0443\u0449\u0438\u0445 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445 \u0441 ", /*#__PURE__*/_react["default"].createElement("span", {
214
213
  style: {
215
214
  color: '#059669'
216
215
  }
217
216
  }, "\u0435\u0434\u0438\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B")),
218
217
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u041E\u0434\u043D\u0430 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \u0434\u043B\u044F \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0430\u0433\u0430\u0437\u0438\u043D\u0430\u043C\u0438 \u043D\u0430 Wildberries, Ozon \u0438 \u042F\u043D\u0434\u0435\u043A\u0441 \u041C\u0430\u0440\u043A\u0435\u0442", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\u0411\u043E\u043B\u0435\u0435 20 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u0434\u043B\u044F \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0438 \u0438 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441\u0430", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432, \u0440\u0430\u0431\u043E\u0442\u0430 \u0441 \u0442\u043E\u0432\u0430\u0440\u0430\u043C\u0438, \u0430\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B, CRM, \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435, \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u043D\u0430 \u043E\u0434\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435"),
219
- violet: true,
220
- color: "#00B45E",
221
- img: _decstope["default"],
222
- background: '#fff'
218
+ color: "#00B45E"
223
219
  }), /*#__PURE__*/_react["default"].createElement(_HeaderV2["default"]
224
220
  // services
225
221
  , {
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $bg;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -53,13 +53,13 @@
53
53
  transition: all 0.15s;
54
54
 
55
55
  &:hover {
56
- background: $bg;
57
- color: $text;
56
+ background: #DDF1FB;
57
+ color: #075985;
58
58
  }
59
59
 
60
60
  &--active {
61
- color: $green-dark;
62
- background: $green-light-bg;
61
+ background: #DDF1FB;
62
+ color: #075985;
63
63
  border-radius: 6px;
64
64
  margin: 0 8px;
65
65
  padding: 6px 8px;
@@ -73,7 +73,6 @@
73
73
  gap: 8px;
74
74
  flex: 1;
75
75
  padding: 20px;
76
- background: $bg;
77
76
  }
78
77
 
79
78
  &__title {
@@ -105,7 +104,7 @@
105
104
  }
106
105
 
107
106
  &__link {
108
- color: $green;
107
+ color: #075985;
109
108
  font-size: 14px;
110
109
  font-weight: 600;
111
110
  text-decoration: none;
@@ -126,7 +125,7 @@
126
125
  justify-content: center;
127
126
  align-items: center;
128
127
  aspect-ratio: 16/9;
129
- background-color: #fff;
128
+ background-color: #F2F9FD;
130
129
  border-radius: 8px;
131
130
  padding: 8px;
132
131
  border: 1px solid $border;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $white;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -4,7 +4,7 @@
4
4
  .statistic-card-v2 {
5
5
  background: linear-gradient(135deg, $text 0%, $green-dark 100%);
6
6
  width: 100%;
7
- padding: 96px 40px;
7
+ padding: 74px 40px;
8
8
 
9
9
  * {
10
10
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -4,7 +4,7 @@
4
4
  .statistic-card-v2 {
5
5
  background: linear-gradient(135deg, $text 0%, $green-dark 100%);
6
6
  width: 100%;
7
- padding: 96px 40px;
7
+ padding: 74px 40px;
8
8
 
9
9
  * {
10
10
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -9,7 +9,7 @@
9
9
  gap: 48px;
10
10
  align-items: flex-start;
11
11
  border-radius: 20px;
12
- padding: 96px 40px;
12
+ padding: 74px 40px;
13
13
  background: $white;
14
14
  box-sizing: border-box;
15
15
 
@@ -9,7 +9,7 @@
9
9
  gap: 48px;
10
10
  align-items: flex-start;
11
11
  border-radius: 20px;
12
- padding: 96px 40px;
12
+ padding: 74px 40px;
13
13
  background: $white;
14
14
  box-sizing: border-box;
15
15
 
@@ -6,7 +6,7 @@
6
6
  font-family: 'Manrope', sans-serif;
7
7
  background: $white;
8
8
  width: 100%;
9
- padding: 96px 40px;
9
+ padding: 74px 40px;
10
10
 
11
11
  * {
12
12
  font-family: 'Manrope', sans-serif !important;
@@ -5,7 +5,7 @@
5
5
  font-family: 'Manrope', sans-serif;
6
6
  background: $white;
7
7
  width: 100%;
8
- padding: 96px 40px;
8
+ padding: 74px 40px;
9
9
 
10
10
  * {
11
11
  font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -13,7 +13,7 @@ $laptop-ease: cubic-bezier(0.45, 0, 0.2, 1);
13
13
  font-family: 'Manrope', sans-serif;
14
14
  background: $white;
15
15
  width: 100%;
16
- padding: 96px 0px;
16
+ padding: 74px 0px;
17
17
 
18
18
  * { font-family: 'Manrope', 'Golos Text', sans-serif !important; }
19
19
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecomlab-components-next",
3
- "version": "0.1.324",
3
+ "version": "0.1.326",
4
4
  "description": "A set of common and reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "files": [