ecomlab-components-next 0.1.23 → 0.1.24
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.
- package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.js +47 -0
- package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.scss +81 -0
- package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.stories.js +16 -0
- package/dist/components/ConstructorComponents/MainContainer/MainContainer.js +17 -0
- package/dist/components/ConstructorComponents/MainContainer/MainContainer.scss +23 -0
- package/dist/components/ConstructorComponents/MainContainer/MainContainer.stories.js +18 -0
- package/dist/index.js +14 -0
- package/package.json +1 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _image = _interopRequireDefault(require("next/image"));
|
|
10
|
+
require("./CardsGrey.scss");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
+
var list = [{
|
|
13
|
+
title: "99%",
|
|
14
|
+
description: "\u0418\u0418 \u0442\u043E\u0447\u043D\u043E \u0432\u044B\u044F\u0432\u043B\u044F\u0435\u0442 \u0442\u0435\u043C\u0430\u0442\u0438\u043A\u0443 \u043E\u0442\u0437\u044B\u0432\u043E\u0432. \u0423 \u0447\u0435\u043B\u043E\u0432\u0435\u043A\u0430, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u044D\u0442\u043E\u0442 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C 87%"
|
|
15
|
+
}, {
|
|
16
|
+
title: "85%",
|
|
17
|
+
description: "\u0413\u0435\u043D\u0435\u0440\u0438\u0440\u0443\u044F \u043E\u0442\u0432\u0435\u0442, \u043D\u0435\u0439\u0440\u043E\u0441\u0435\u0442\u044C \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043D\u0430 85% \u0431\u043E\u043B\u044C\u0448\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u043E\u0432, \u0447\u0435\u043C \u0447\u0435\u043B\u043E\u0432\u0435\u043A."
|
|
18
|
+
}, {
|
|
19
|
+
title: "5\u0445",
|
|
20
|
+
description: "\u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u043D\u0435\u0439\u0440\u043E\u0441\u0435\u0442\u0438 \u043F\u043E\u043C\u043E\u0433\u0430\u044E\u0442 \u0432 5 \u0440\u0430\u0437 \u0431\u044B\u0441\u0442\u0440\u0435\u0435 \u043E\u0431\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0442\u044C \u043E\u0442\u0437\u044B\u0432\u044B \u043E\u043F\u0435\u0440\u0430\u0442\u043E\u0440\u0430\u043C\u0438."
|
|
21
|
+
}, {
|
|
22
|
+
title: "GPT-4o",
|
|
23
|
+
description: "\u0412\u043D\u0443\u0442\u0440\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043C\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C \u043D\u0435\u0439\u0440\u043E\u0441\u0435\u0442\u044C GPT-4o. \u041E\u043D\u0430 \u043F\u0440\u043E\u0448\u043B\u0430 \u0442\u0435\u0441\u0442 \u0422\u044C\u044E\u0440\u0438\u043D\u0433\u0430 \u0438 \u0435\u0451 \u043E\u0442\u0432\u0435\u0442\u044B \u0442\u0430\u043A\u0438\u0435 \u0436\u0435, \u043A\u0430\u043A \u0443 \u0447\u0435\u043B\u043E\u0432\u0435\u043A\u0430.\xA0"
|
|
24
|
+
}];
|
|
25
|
+
var CardsGrey = function CardsGrey(_ref) {
|
|
26
|
+
var title = _ref.title,
|
|
27
|
+
child = _ref.child;
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
29
|
+
className: "cards-grey"
|
|
30
|
+
}, title && /*#__PURE__*/_react["default"].createElement("h2", {
|
|
31
|
+
className: "cards-grey__title"
|
|
32
|
+
}, title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
+
className: "cards-grey__items"
|
|
34
|
+
}, list.map(function (_ref2) {
|
|
35
|
+
var title = _ref2.title,
|
|
36
|
+
description = _ref2.description;
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
+
className: "cards-grey__item",
|
|
39
|
+
key: title + description
|
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
41
|
+
className: "cards-grey__title-card"
|
|
42
|
+
}, title), /*#__PURE__*/_react["default"].createElement("p", {
|
|
43
|
+
className: "cards-grey__description-card"
|
|
44
|
+
}, description));
|
|
45
|
+
})));
|
|
46
|
+
};
|
|
47
|
+
var _default = exports["default"] = CardsGrey;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
.cards-grey {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 30px;
|
|
5
|
+
|
|
6
|
+
&__items {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-wrap: wrap;
|
|
9
|
+
gap: 12px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&__item {
|
|
13
|
+
display: flex;
|
|
14
|
+
height: auto;
|
|
15
|
+
padding: 14px;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
align-items: flex-start;
|
|
18
|
+
gap: 14px;
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
background: #F7F7F7;
|
|
21
|
+
max-width: calc(25% - 9px);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&__title-card {
|
|
25
|
+
color: #00B45E;
|
|
26
|
+
font-family: "Golos Text";
|
|
27
|
+
font-size: 32px;
|
|
28
|
+
font-style: normal;
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
line-height: 24px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&__description-card {
|
|
34
|
+
color: #333;
|
|
35
|
+
font-family: "Golos Text";
|
|
36
|
+
font-size: 16px;
|
|
37
|
+
font-style: normal;
|
|
38
|
+
font-weight: 400;
|
|
39
|
+
line-height: 24px;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@media (max-width: 1100px) {
|
|
44
|
+
.cards-grey {
|
|
45
|
+
display: flex;
|
|
46
|
+
gap: 32px;
|
|
47
|
+
align-items: center;
|
|
48
|
+
|
|
49
|
+
&__title {}
|
|
50
|
+
|
|
51
|
+
&__items {
|
|
52
|
+
flex-wrap: wrap;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&__item {
|
|
57
|
+
min-width: 155px;
|
|
58
|
+
width: 100%;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&__card_name { }
|
|
62
|
+
|
|
63
|
+
&__card_sum {}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@media (max-width: 430px) {
|
|
68
|
+
.cards-grey {
|
|
69
|
+
|
|
70
|
+
&__title {}
|
|
71
|
+
|
|
72
|
+
&__cards {}
|
|
73
|
+
|
|
74
|
+
&__card {
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&__card_name { }
|
|
78
|
+
|
|
79
|
+
&__card_sum {}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.CardsGreyTest = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _CardsGrey = _interopRequireDefault(require("./CardsGrey"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
|
+
title: 'CardsGrey',
|
|
12
|
+
component: _CardsGrey["default"]
|
|
13
|
+
};
|
|
14
|
+
var CardsGreyTest = exports.CardsGreyTest = function CardsGreyTest() {
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_CardsGrey["default"], null);
|
|
16
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _image = _interopRequireDefault(require("next/image"));
|
|
9
|
+
require("./MainContainer.scss");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
var MainContainer = function MainContainer(_ref) {
|
|
12
|
+
var children = _ref.children;
|
|
13
|
+
return /*#__PURE__*/_react["default"].createElement("main", {
|
|
14
|
+
className: "landing-main-container"
|
|
15
|
+
}, children);
|
|
16
|
+
};
|
|
17
|
+
var _default = exports["default"] = MainContainer;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.landing-main-container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
padding: 60px 40px 100px;
|
|
5
|
+
max-width: 1440px;
|
|
6
|
+
margin-left: auto;
|
|
7
|
+
margin-right: auto;
|
|
8
|
+
gap: 100px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@media (max-width: 1100px) {
|
|
12
|
+
.landing-main-container {
|
|
13
|
+
padding: 42px 24px 60px;
|
|
14
|
+
gap: 80px;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (max-width: 430px) {
|
|
19
|
+
.landing-main-container {
|
|
20
|
+
padding: 60px 16px 60px;
|
|
21
|
+
gap: 50px;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.MainContainerTest = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _MainContainer = _interopRequireDefault(require("./MainContainer"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
|
+
title: 'MainContainer',
|
|
12
|
+
component: _MainContainer["default"]
|
|
13
|
+
};
|
|
14
|
+
var MainContainerTest = exports.MainContainerTest = function MainContainerTest() {
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_MainContainer["default"], {
|
|
16
|
+
children: "\u041A\u043E\u043D\u0442\u0435\u043D\u0442"
|
|
17
|
+
});
|
|
18
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -33,6 +33,12 @@ Object.defineProperty(exports, "ButtonBasic", {
|
|
|
33
33
|
return _ButtonBasic["default"];
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "CardsGrey", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _CardsGrey["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
36
42
|
Object.defineProperty(exports, "CardsInfo", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function get() {
|
|
@@ -57,6 +63,12 @@ Object.defineProperty(exports, "Header", {
|
|
|
57
63
|
return _Header["default"];
|
|
58
64
|
}
|
|
59
65
|
});
|
|
66
|
+
Object.defineProperty(exports, "MainContainer", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _MainContainer["default"];
|
|
70
|
+
}
|
|
71
|
+
});
|
|
60
72
|
Object.defineProperty(exports, "PhoneBlock", {
|
|
61
73
|
enumerable: true,
|
|
62
74
|
get: function get() {
|
|
@@ -107,5 +119,7 @@ var _FormWithBtn = _interopRequireDefault(require("./components/ConstructorCompo
|
|
|
107
119
|
var _BlocksInfo = _interopRequireDefault(require("./components/ConstructorComponents/BlocksInfo/BlocksInfo"));
|
|
108
120
|
var _StepItems = _interopRequireDefault(require("./components/ConstructorComponents/StepItems/StepItems"));
|
|
109
121
|
var _StatisticCard = _interopRequireDefault(require("./components/ConstructorComponents/StatisticCard/StatisticCard"));
|
|
122
|
+
var _MainContainer = _interopRequireDefault(require("./components/ConstructorComponents/MainContainer/MainContainer"));
|
|
123
|
+
var _CardsGrey = _interopRequireDefault(require("./components/ConstructorComponents/CardsGrey/CardsGrey"));
|
|
110
124
|
var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
|
|
111
125
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|