@sima-land/moleculas 16.0.0-alpha.50 → 16.0.0-alpha.51
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/common/components/interactive-image/interactive-image-util.scss +1 -1
- package/dist/common/components/media-modal/layout.module.scss +2 -2
- package/dist/common/components/media-modal/parts/parts.module.scss +2 -2
- package/dist/common/components/media-modal/parts/review.module.scss +2 -2
- package/dist/common/components/media-modal/parts/scroll-section.module.scss +1 -1
- package/dist/desktop/components/person-info/person-info.js +1 -3
- package/dist/desktop/components/person-info/person-info.js.map +1 -1
- package/dist/desktop/components/person-info/person-info.module.scss +14 -0
- package/dist/desktop/components/product-carousel/product-carousel.module.scss +2 -2
- package/dist/mobile/components/product-row/product-row.js +1 -3
- package/dist/mobile/components/product-row/product-row.js.map +1 -1
- package/dist/mobile/components/product-row/product-row.module.scss +30 -0
- package/dist/mobile/components/product-slider/product-slider.module.scss +1 -1
- package/dist/mobile/components/select-screen/select-screen.module.scss +2 -2
- package/package.json +2 -2
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
min-height: max(50vh, 240px);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@include breakpoints.
|
|
24
|
+
@include breakpoints.lt('xs') {
|
|
25
25
|
.header + .body {
|
|
26
26
|
margin-top: 24px;
|
|
27
27
|
}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
@include breakpoints.
|
|
48
|
+
@include breakpoints.gte('xs') {
|
|
49
49
|
.header + .body {
|
|
50
50
|
margin-top: 40px;
|
|
51
51
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
.header-layout {
|
|
5
5
|
min-height: 40px; // ВАЖНО: чтобы при отсутствии табов не уменьшалась высота
|
|
6
|
-
@include breakpoints.
|
|
6
|
+
@include breakpoints.gte('xs') {
|
|
7
7
|
flex-wrap: wrap;
|
|
8
8
|
display: flex;
|
|
9
9
|
align-items: flex-end;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
.header-button {
|
|
15
15
|
margin-top: 16px !important;
|
|
16
|
-
@include breakpoints.
|
|
16
|
+
@include breakpoints.lt('xs') {
|
|
17
17
|
&:first-child {
|
|
18
18
|
margin-left: auto;
|
|
19
19
|
}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
color: colors.$basic-gray24;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
@include breakpoints.
|
|
36
|
+
@include breakpoints.lt('xs') {
|
|
37
37
|
.header {
|
|
38
38
|
flex-wrap: wrap;
|
|
39
39
|
}
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
@include breakpoints.
|
|
52
|
+
@include breakpoints.gte('xs') {
|
|
53
53
|
.col + .col {
|
|
54
54
|
margin-left: 16px;
|
|
55
55
|
}
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.PersonInfo = PersonInfo;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const avatar_1 = require("@sima-land/ui-nucleons/avatar");
|
|
9
|
-
const box_1 = require("@sima-land/ui-nucleons/box");
|
|
10
|
-
const text_1 = require("@sima-land/ui-nucleons/text");
|
|
11
9
|
const link_1 = require("@sima-land/ui-nucleons/link");
|
|
12
10
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
13
11
|
const person_info_module_scss_1 = __importDefault(require("./person-info.module.scss"));
|
|
@@ -18,6 +16,6 @@ const cx = bind_1.default.bind(person_info_module_scss_1.default);
|
|
|
18
16
|
* @return Элемент.
|
|
19
17
|
*/
|
|
20
18
|
function PersonInfo({ personId, name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }) {
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: cx('main'), children: [(0, jsx_runtime_1.jsx)(
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: cx('main'), children: [(0, jsx_runtime_1.jsx)("div", { className: cx('avatar'), children: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { ...(0, avatar_1.getUserAvatarProps)({ id: personId, name, image: photoUrl }) }) }), (0, jsx_runtime_1.jsx)("div", { className: cx('appointment'), children: appointment }), (0, jsx_runtime_1.jsx)("div", { className: cx('name'), children: name }), arbitraryLinkProps && ((0, jsx_runtime_1.jsx)("div", { className: cx('arbitrary'), children: (0, jsx_runtime_1.jsx)(link_1.Link, { ...arbitraryLinkProps }) })), (0, jsx_runtime_1.jsxs)("div", { className: cx('contacts'), children: [email && ((0, jsx_runtime_1.jsxs)("span", { className: cx('contacts-item'), children: ['Email: ', (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: `mailto:${email}`, children: email })] })), Array.isArray(social) && social.length > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: cx('contacts-item'), children: ["\u0421\u043E\u0446. \u0441\u0435\u0442\u0438:", ' ', social.map((props, key) => ((0, jsx_runtime_1.jsx)(link_1.Link, { className: cx('inline'), color: 'basic-gray87', target: '_blank', rel: 'nofollow', ...props }, key)))] })), skype && ((0, jsx_runtime_1.jsxs)("span", { className: cx('contacts-item'), children: ['Skype: ', (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: `skype:${skype}`, children: skype })] })), phoneText && ((0, jsx_runtime_1.jsx)("span", { className: cx('contacts-item'), children: (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: phoneHref, children: phoneText }) })), secondPhoneText && ((0, jsx_runtime_1.jsx)("span", { className: cx('contacts-item'), children: (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: secondPhoneHref, children: secondPhoneText }) }))] })] }));
|
|
22
20
|
}
|
|
23
21
|
//# sourceMappingURL=person-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"person-info.js","sourceRoot":"","sources":["../../../../src/desktop/components/person-info/person-info.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"person-info.js","sourceRoot":"","sources":["../../../../src/desktop/components/person-info/person-info.tsx"],"names":[],"mappings":";;;;;AA8DA,gCAuEC;;AArID,0DAA2E;AAC3E,sDAAmD;AAEnD,2DAAyC;AACzC,wFAA+C;AAmD/C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,iCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,eAAe,EACf,eAAe,EACf,kBAAkB,GACF;IAChB,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aACxB,gCAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,YAC1B,uBAAC,eAAM,OAAK,IAAA,2BAAkB,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAI,GACvE,EAEN,gCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EAEtD,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAEvC,kBAAkB,IAAI,CACrB,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAC7B,uBAAC,WAAI,OAAK,kBAAkB,GAAI,GAC5B,CACP,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,aAC3B,KAAK,IAAI,CACR,kCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,aACjC,SAAS,EACV,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAI,IAClE,CACR,EACA,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,kCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,8DACvB,GAAG,EACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1B,uBAAC,WAAI,IACH,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EAEvB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,UAAU,KACV,KAAK,IAJJ,GAAG,CAKR,CACH,CAAC,IACG,CACR,EACA,KAAK,IAAI,CACR,kCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,aACjC,SAAS,EACV,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,SAAS,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAI,IACjE,CACR,EACA,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,YAClC,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,GAAI,GAC9D,CACR,EACA,eAAe,IAAI,CAClB,iCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,YAClC,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,GAAI,GAC1E,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -7,6 +7,20 @@
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
flex-grow: 1;
|
|
9
9
|
text-align: center;
|
|
10
|
+
.avatar {
|
|
11
|
+
margin-bottom: 24px;
|
|
12
|
+
}
|
|
13
|
+
.appointment {
|
|
14
|
+
margin-bottom: 4px;
|
|
15
|
+
color: colors.$basic-gray38;
|
|
16
|
+
font-size: 14px;
|
|
17
|
+
font-weight: 400;
|
|
18
|
+
}
|
|
19
|
+
.arbitrary {
|
|
20
|
+
margin-top: 8px;
|
|
21
|
+
font-size: 12px;
|
|
22
|
+
font-weight: 600;
|
|
23
|
+
}
|
|
10
24
|
}
|
|
11
25
|
|
|
12
26
|
.name {
|
|
@@ -26,11 +26,11 @@ $gutter: 32px;
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
@each $key in $breakpoints {
|
|
29
|
-
@include breakpoints.
|
|
29
|
+
@include breakpoints.gte($key) {
|
|
30
30
|
@include sizes($key);
|
|
31
31
|
}
|
|
32
32
|
@if $key == 'xs' {
|
|
33
|
-
@include breakpoints.
|
|
33
|
+
@include breakpoints.lt($key) {
|
|
34
34
|
@include sizes($key);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -9,8 +9,6 @@ const product_row_module_scss_1 = __importDefault(require("./product-row.module.
|
|
|
9
9
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
10
10
|
const link_1 = require("@sima-land/ui-nucleons/link");
|
|
11
11
|
const price_1 = require("@sima-land/ui-nucleons/price");
|
|
12
|
-
const box_1 = require("@sima-land/ui-nucleons/box");
|
|
13
|
-
const text_1 = require("@sima-land/ui-nucleons/text");
|
|
14
12
|
const stroked_svg_1 = require("@sima-land/ui-nucleons/stroked-svg");
|
|
15
13
|
const More_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/More"));
|
|
16
14
|
const Favorite_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/Favorite"));
|
|
@@ -23,6 +21,6 @@ const cx = bind_1.default.bind(product_row_module_scss_1.default);
|
|
|
23
21
|
* @return Элемент.
|
|
24
22
|
*/
|
|
25
23
|
function ProductRow({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }) {
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: cx('wrapper'), children: [(0, jsx_runtime_1.jsxs)("div", { className: cx('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(link_1.Link, { href: itemUrl, children: (0, jsx_runtime_1.jsx)("img", { src: imageUrl, className: cx('image') }) }), onWishButtonClick && ((0, jsx_runtime_1.jsx)(stroked_svg_1.StrokedSVG, { className: cx('wish-button'), fill: isWished ? colors_1.COLORS.get('additional-red') : undefined, component: isWished ? Favorite_1.default : Favorite_2.default, onClick: isFetchingWishItems ? undefined : onWishButtonClick }))] }), (0, jsx_runtime_1.jsxs)("div", { className: cx('info-column'), children: [(0, jsx_runtime_1.jsx)(link_1.Link, { href: itemUrl, className: cx('link'), color: 'basic-gray87', children: (0, jsx_runtime_1.jsx)(
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: cx('wrapper'), children: [(0, jsx_runtime_1.jsxs)("div", { className: cx('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(link_1.Link, { href: itemUrl, children: (0, jsx_runtime_1.jsx)("img", { src: imageUrl, className: cx('image') }) }), onWishButtonClick && ((0, jsx_runtime_1.jsx)(stroked_svg_1.StrokedSVG, { className: cx('wish-button'), fill: isWished ? colors_1.COLORS.get('additional-red') : undefined, component: isWished ? Favorite_1.default : Favorite_2.default, onClick: isFetchingWishItems ? undefined : onWishButtonClick }))] }), (0, jsx_runtime_1.jsxs)("div", { className: cx('info-column'), children: [(0, jsx_runtime_1.jsx)(link_1.Link, { href: itemUrl, className: cx('link'), color: 'basic-gray87', children: (0, jsx_runtime_1.jsx)("div", { className: cx('name'), children: name }) }), (0, jsx_runtime_1.jsxs)("div", { className: cx('sid'), children: ["\u0410\u0440\u0442.: ", sid] }), Boolean(initialCount) && ((0, jsx_runtime_1.jsxs)("div", { className: cx('amount'), children: [(0, jsx_runtime_1.jsx)("div", { children: `Было в заказе: ${initialCount} ${unit}` }), (0, jsx_runtime_1.jsx)("div", { children: `Вы получите: ${count} ${unit}` })] })), Boolean(itemPrice) && ((0, jsx_runtime_1.jsxs)("div", { className: cx('price-calculation'), children: [(0, jsx_runtime_1.jsx)(price_1.Price, { value: itemPrice, currencyGrapheme: currencyGrapheme }), ` × ${count} ${unit}`] })), Boolean(commonPrice && itemPrice) && ((0, jsx_runtime_1.jsx)("div", { className: cx('price-total'), children: (0, jsx_runtime_1.jsx)(price_1.Price, { value: commonPrice, currencyGrapheme: currencyGrapheme }) })), Boolean(movedOrderId) && ((0, jsx_runtime_1.jsxs)("div", { className: cx('moved'), children: [(0, jsx_runtime_1.jsx)("div", { className: cx('moved-text'), children: "\u041F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D \u0432 \u0437\u0430\u043A\u0430\u0437" }), (0, jsx_runtime_1.jsxs)(link_1.Link, { children: ["\u2116", movedOrderId] })] })), notInStock && (0, jsx_runtime_1.jsx)("div", { className: cx('not-stock'), children: "\u041D\u0435\u0442 \u043D\u0430 \u0441\u043A\u043B\u0430\u0434\u0435" })] }), (0, jsx_runtime_1.jsx)("div", { className: cx('action-button'), children: (0, jsx_runtime_1.jsx)(More_1.default, { onClick: onActionsClick }) })] }));
|
|
27
25
|
}
|
|
28
26
|
//# sourceMappingURL=product-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"product-row.js","sourceRoot":"","sources":["../../../../src/mobile/components/product-row/product-row.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"product-row.js","sourceRoot":"","sources":["../../../../src/mobile/components/product-row/product-row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,36 @@
|
|
|
31
31
|
|
|
32
32
|
.info-column {
|
|
33
33
|
flex-grow: 1;
|
|
34
|
+
.name {
|
|
35
|
+
font-weight: 600;
|
|
36
|
+
}
|
|
37
|
+
.sid {
|
|
38
|
+
margin-top: 8px;
|
|
39
|
+
color: colors.$basic-gray38;
|
|
40
|
+
}
|
|
41
|
+
.amount {
|
|
42
|
+
margin-top: 8px;
|
|
43
|
+
font-size: 12px;
|
|
44
|
+
}
|
|
45
|
+
.price-calculation {
|
|
46
|
+
margin-top: 8px;
|
|
47
|
+
font-size: 12px;
|
|
48
|
+
font-weight: 600;
|
|
49
|
+
}
|
|
50
|
+
.price-total {
|
|
51
|
+
margin-top: 16px;
|
|
52
|
+
font-weight: 600;
|
|
53
|
+
}
|
|
54
|
+
.moved {
|
|
55
|
+
margin-top: 8px;
|
|
56
|
+
.moved-text {
|
|
57
|
+
color: colors.$basic-gray38;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
.not-stock {
|
|
61
|
+
margin-top: 8px;
|
|
62
|
+
color: colors.$basic-gray38;
|
|
63
|
+
}
|
|
34
64
|
}
|
|
35
65
|
|
|
36
66
|
.link {
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
margin: 0 auto;
|
|
7
7
|
max-width: calc((var(--gutter) * 5) + ((var(--layoutWidth) - (var(--gutter) * 7)) * 6 / 8));
|
|
8
8
|
|
|
9
|
-
@include breakpoints.
|
|
9
|
+
@include breakpoints.lt('mm') {
|
|
10
10
|
--gutter: 16px;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
@include breakpoints.
|
|
13
|
+
@include breakpoints.lt('ms') {
|
|
14
14
|
max-width: none;
|
|
15
15
|
}
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sima-land/moleculas",
|
|
3
3
|
"type": "commonjs",
|
|
4
|
-
"version": "16.0.0-alpha.
|
|
4
|
+
"version": "16.0.0-alpha.51",
|
|
5
5
|
"author": "www.sima-land.ru team",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"engines": {
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"typescript": "^6.0.3"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
|
-
"@sima-land/ui-nucleons": "^45.0.0-alpha.
|
|
58
|
+
"@sima-land/ui-nucleons": "^45.0.0-alpha.63",
|
|
59
59
|
"@sima-land/ui-quarks": "^5.8.0",
|
|
60
60
|
"react": "^18.0"
|
|
61
61
|
},
|