@megafon/ui-shared 9.0.0-alpha.16 → 9.0.0-alpha.18
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/es/components/BlogBox/components/BlogBoxTile.css +1 -1
- package/dist/es/components/Card/Card.js +3 -2
- package/dist/es/components/CardsOnBackground/components/CardOnBackground.css +1 -1
- package/dist/es/components/CardsOnBackground/useUniformHeights.js +3 -2
- package/dist/es/components/DarkGradientCards/components/DarkGradientCard.js +1 -2
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -1
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +2 -0
- package/dist/es/components/Instructions/Instructions.js +0 -1
- package/dist/es/components/Partners/components/PartnersItem/PartnersItem.js +1 -3
- package/dist/es/components/PromoCards/components/PromoCard/PromoCard.js +1 -2
- package/dist/es/components/ServiceCards/components/ServiceCard/ServiceCard.js +1 -2
- package/dist/es/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/dist/es/hooks/useIsomorphicLayoutEffect.js +6 -0
- package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -1
- package/dist/lib/components/Card/Card.js +3 -2
- package/dist/lib/components/CardsOnBackground/components/CardOnBackground.css +1 -1
- package/dist/lib/components/CardsOnBackground/useUniformHeights.js +3 -2
- package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.js +1 -2
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -1
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +2 -0
- package/dist/lib/components/Instructions/Instructions.js +0 -1
- package/dist/lib/components/Partners/components/PartnersItem/PartnersItem.js +1 -3
- package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.js +1 -2
- package/dist/lib/components/ServiceCards/components/ServiceCard/ServiceCard.js +1 -2
- package/dist/lib/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/dist/lib/hooks/useIsomorphicLayoutEffect.js +13 -0
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-blog-box-tile{color:var(--content);display:block;position:relative;text-decoration:none}.mfui-9-blog-box-tile:hover{text-decoration:none}.mfui-9-blog-box-tile:hover .mfui-9-blog-box-tile__title{color:var(--brandGreen)}.mfui-9-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-9-blog-box-tile__picture{display:block}.mfui-9-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-9-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-blog-box-tile{border-radius:24px;color:var(--content);display:block;position:relative;text-decoration:none}.mfui-9-blog-box-tile:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-blog-box-tile:focus{outline:none}.mfui-9-blog-box-tile:hover{text-decoration:none}.mfui-9-blog-box-tile:hover .mfui-9-blog-box-tile__title{color:var(--brandGreen)}.mfui-9-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-9-blog-box-tile__picture{display:block}.mfui-9-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-9-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4}.mfui-9-blog-box-tile_view_thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{-ms-flex-negative:0;flex-shrink:0;height:102px;width:133px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{height:130px;width:170px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{height:170px;width:233px}}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__content{-ms-flex-item-align:center;align-self:center}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__date{font-size:12px;line-height:18px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__date{font-size:15px;line-height:24px}}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__title{font-size:20px;line-height:28px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:358px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:438px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:558px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:8px;left:8px;padding:16px;position:absolute;right:8px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:24px}}@media screen and (min-width:768px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{bottom:12px;left:12px;right:12px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:16px}}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:24px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:32px;line-height:40px}}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:233px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:288px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:367px}}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:12px;left:12px;padding:16px;position:absolute;right:12px}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__title{font-size:20px;line-height:28px}}
|
|
@@ -218,8 +218,9 @@ var Card = function Card(_ref5) {
|
|
|
218
218
|
href: isLink ? link === null || link === void 0 ? void 0 : link.href : undefined,
|
|
219
219
|
target: isLink ? link === null || link === void 0 ? void 0 : link.target : undefined,
|
|
220
220
|
onClick: isLink ? onClick : undefined,
|
|
221
|
-
ref: rootRef
|
|
222
|
-
|
|
221
|
+
ref: rootRef
|
|
222
|
+
}, !!onClick && {
|
|
223
|
+
tabIndex: 0
|
|
223
224
|
}), renderIcon(), !isBottomImage && renderImage(), /*#__PURE__*/React.createElement("div", {
|
|
224
225
|
className: cn('header')
|
|
225
226
|
}, /*#__PURE__*/React.createElement(Header, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-card-on-background{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:100%;justify-content:center;min-width:240px;padding:16px 16px 0;text-decoration:none}@media screen and (min-width:768px){.mfui-9-card-on-background{padding:24px 24px 0}}.mfui-9-card-on-background:hover{text-decoration:none}.mfui-9-card-on-background_active:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card-on-background__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:520px;width:100%}.mfui-9-card-on-background__description{font-size:15px;font-weight:400;line-height:24px;margin-top:8px;text-align:center}.mfui-9-card-on-background__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:150px;justify-content:center;overflow:hidden;width:150px}@media screen and (min-width:768px){.mfui-9-card-on-background__image-wrapper{height:200px;width:200px}}.mfui-9-card-on-background__image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mfui-9-card-on-background__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:16px;width:100%}@media screen and (min-width:768px){.mfui-9-card-on-background__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:24px}}.mfui-9-card-on-background__button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-card-on-background{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:100%;justify-content:center;min-width:240px;padding:16px 16px 0;text-decoration:none}.mfui-9-card-on-background:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-card-on-background:focus{outline:none}@media screen and (min-width:768px){.mfui-9-card-on-background{padding:24px 24px 0}}.mfui-9-card-on-background:hover{text-decoration:none}.mfui-9-card-on-background_active:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card-on-background__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:520px;width:100%}.mfui-9-card-on-background__description{font-size:15px;font-weight:400;line-height:24px;margin-top:8px;text-align:center}.mfui-9-card-on-background__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:150px;justify-content:center;overflow:hidden;width:150px}@media screen and (min-width:768px){.mfui-9-card-on-background__image-wrapper{height:200px;width:200px}}.mfui-9-card-on-background__image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mfui-9-card-on-background__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:16px;width:100%}@media screen and (min-width:768px){.mfui-9-card-on-background__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:24px}}.mfui-9-card-on-background__button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}
|
|
@@ -6,6 +6,7 @@ import "core-js/modules/es.array.map.js";
|
|
|
6
6
|
import "core-js/modules/es.object.to-string.js";
|
|
7
7
|
import "core-js/modules/web.dom-collections.for-each.js";
|
|
8
8
|
import React from 'react';
|
|
9
|
+
import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect";
|
|
9
10
|
var useUniformHeights = function useUniformHeights(itemsCount) {
|
|
10
11
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
11
12
|
var _options$disabled = options.disabled,
|
|
@@ -30,7 +31,7 @@ var useUniformHeights = function useUniformHeights(itemsCount) {
|
|
|
30
31
|
setMaxHeight(newMaxHeight);
|
|
31
32
|
}
|
|
32
33
|
}, [disabled]);
|
|
33
|
-
|
|
34
|
+
useIsomorphicLayoutEffect(function () {
|
|
34
35
|
if (disabled) {
|
|
35
36
|
return undefined;
|
|
36
37
|
}
|
|
@@ -46,7 +47,7 @@ var useUniformHeights = function useUniformHeights(itemsCount) {
|
|
|
46
47
|
(_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
47
48
|
};
|
|
48
49
|
}, [disabled, updateMaxHeight]);
|
|
49
|
-
|
|
50
|
+
useIsomorphicLayoutEffect(function () {
|
|
50
51
|
var _a;
|
|
51
52
|
if (disabled) {
|
|
52
53
|
(_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
@@ -34,8 +34,7 @@ var DarkGradientCard = function DarkGradientCard(_ref) {
|
|
|
34
34
|
rel: isLink ? currentRel : undefined,
|
|
35
35
|
style: {
|
|
36
36
|
backgroundImage: "url(".concat(imageSrc, ")")
|
|
37
|
-
}
|
|
38
|
-
tabIndex: isLink ? 0 : -1
|
|
37
|
+
}
|
|
39
38
|
}), /*#__PURE__*/React.createElement("div", {
|
|
40
39
|
className: cn('inner')
|
|
41
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-info-card{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;-webkit-transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s;transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.mfui-9-info-card
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-info-card{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;text-decoration:none;-webkit-transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s;transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.mfui-9-info-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-info-card:focus{outline:none}.mfui-9-info-card:hover{text-decoration:none}.mfui-9-info-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-9-info-card__title+.mfui-9-info-card__description{margin-top:8px}.mfui-9-info-card__more-info{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;margin-top:auto;padding-top:12px;-webkit-transition:color .3s;transition:color .3s}.mfui-9-info-card_active{cursor:pointer}.mfui-9-info-card_active:hover .mfui-9-info-card__more-info{color:var(--brandGreen)}.mfui-9-info-card__more-info-text{margin-top:-2px}.mfui-9-info-card__more-info-arrow{height:20px;width:20px;fill:currentColor}.mfui-9-info-card_size_small{padding:16px 20px}.mfui-9-info-card_size_small .mfui-9-info-card__image{height:64px;margin-bottom:16px;width:64px}.mfui-9-info-card_size_small .mfui-9-info-card__title{font-size:15px;font-weight:500;line-height:24px}.mfui-9-info-card_size_small .mfui-9-info-card__description{font-size:12px;line-height:18px}.mfui-9-info-card_size_medium{padding:20px 24px}.mfui-9-info-card_size_medium .mfui-9-info-card__image{height:80px;margin-bottom:16px;width:80px}@media screen and (min-width:768px){.mfui-9-info-card_size_medium .mfui-9-info-card__image{margin-bottom:24px}}.mfui-9-info-card_size_medium .mfui-9-info-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-info-card_size_medium .mfui-9-info-card__title{font-size:20px;line-height:28px}}.mfui-9-info-card_size_big{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media screen and (min-width:768px){.mfui-9-info-card_size_big{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:32px}}.mfui-9-info-card_size_big .mfui-9-info-card__image{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;height:150px;order:1;width:150px}@media screen and (max-width:767px){.mfui-9-info-card_size_big .mfui-9-info-card__image{-ms-flex-item-align:start;align-self:start;-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-bottom:16px;order:0}}.mfui-9-info-card_size_big .mfui-9-info-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-info-card_size_big .mfui-9-info-card__title{font-size:20px;line-height:28px}}.mfui-9-info-card_size_big .mfui-9-info-card__more-info{font-size:15px;line-height:24px;padding-top:24px}.mfui-9-info-card_size_big .mfui-9-info-card__more-info-arrow{height:32px;width:32px}.mfui-9-info-card_position_top-left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-info-card_position_right-side{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-info-card_position_right-side .mfui-9-info-card__image{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;margin-bottom:0;order:1}.mfui-9-info-card_position_right-side .mfui-9-info-card__title+.mfui-9-info-card__description{margin-top:6px}.mfui-9-info-card_position_right-side .mfui-9-info-card__more-info{padding-top:8px}@media screen and (min-width:768px){.mfui-9-info-card_size_big.mfui-9-info-card_align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-info-card_size_big.mfui-9-info-card_align-center .mfui-9-info-card__more-info{margin-top:0}}.mfui-9-info-card_position_right-side.mfui-9-info-card_align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-info-card_position_right-side.mfui-9-info-card_align-center .mfui-9-info-card__more-info{margin-top:0}.mfui-9-info-card_background_stroke{border:1px solid var(--spbSky2)}.mfui-9-info-card_background_shadow{background-color:var(--base);-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-info-card_background_green{background-color:var(--brandGreen20)}.mfui-9-info-card_background_purple{background-color:var(--brandPurple20)}.mfui-9-info-card_background_white{background-color:var(--base)}.mfui-9-info-card_background_gray{background-color:var(--spbSky0)}.mfui-9-info-card_background_no{padding:0}.mfui-9-info-card_background_stroke.mfui-9-info-card_active:hover{background-color:var(--spbSky0)}.mfui-9-info-card_background_shadow.mfui-9-info-card_active:hover,.mfui-9-info-card_background_white.mfui-9-info-card_active:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-info-card_background_gray.mfui-9-info-card_active:hover{background-color:var(--spbSky1)}.mfui-9-info-card_background_purple.mfui-9-info-card_active:hover{background-color:var(--buttonHoverPurpleSoft)}.mfui-9-info-card_background_green.mfui-9-info-card_active:hover{background-color:var(--buttonHoverGreenSoft)}
|
|
@@ -66,6 +66,8 @@ var InfoCard = function InfoCard(_ref) {
|
|
|
66
66
|
active: isActive,
|
|
67
67
|
'align-center': !moreInfo
|
|
68
68
|
}, [className, classes === null || classes === void 0 ? void 0 : classes.root])
|
|
69
|
+
}, !!onClick && {
|
|
70
|
+
tabIndex: 0
|
|
69
71
|
}), /*#__PURE__*/React.createElement("img", {
|
|
70
72
|
className: cn('image'),
|
|
71
73
|
src: imgSrc,
|
|
@@ -249,7 +249,6 @@ var Instructions = function Instructions(_ref) {
|
|
|
249
249
|
}), /*#__PURE__*/React.createElement("button", {
|
|
250
250
|
className: cn('articles-item-button'),
|
|
251
251
|
type: "button",
|
|
252
|
-
tabIndex: 0,
|
|
253
252
|
onClick: handleArticleClick(i)
|
|
254
253
|
}, /*#__PURE__*/React.createElement("div", {
|
|
255
254
|
className: cn('articles-item-dot')
|
|
@@ -20,9 +20,7 @@ var PartnersItem = function PartnersItem(_ref) {
|
|
|
20
20
|
background: background,
|
|
21
21
|
interactive: !!href
|
|
22
22
|
}, [className])
|
|
23
|
-
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
|
|
24
|
-
tabIndex: isLink ? 0 : -1
|
|
25
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
|
|
26
24
|
className: cn('inner')
|
|
27
25
|
}, /*#__PURE__*/React.createElement("div", {
|
|
28
26
|
className: cn('img-wrapper')
|
|
@@ -133,8 +133,7 @@ var PromoCard = function PromoCard(_ref2) {
|
|
|
133
133
|
href: linkHref,
|
|
134
134
|
target: linkTarget,
|
|
135
135
|
rel: setRelAttribute(linkRel, linkTarget),
|
|
136
|
-
onClick: onClick
|
|
137
|
-
tabIndex: 0
|
|
136
|
+
onClick: onClick
|
|
138
137
|
}), !!adMark && renderAdMark(), /*#__PURE__*/React.createElement("img", _extends({
|
|
139
138
|
className: cn('image')
|
|
140
139
|
}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image), {
|
|
@@ -66,8 +66,7 @@ var ServiceCard = function ServiceCard(_ref) {
|
|
|
66
66
|
href: href,
|
|
67
67
|
target: target,
|
|
68
68
|
rel: currentRel,
|
|
69
|
-
onClick: onClick
|
|
70
|
-
tabIndex: 0
|
|
69
|
+
onClick: onClick
|
|
71
70
|
}), /*#__PURE__*/React.createElement("div", {
|
|
72
71
|
className: cn('header')
|
|
73
72
|
}, /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// A safe version of `useLayoutEffect` that works with SSR.
|
|
3
|
+
// On the server, it falls back to `useEffect` to avoid hydration warnings.
|
|
4
|
+
// https://reactjs.org/link/uselayouteffect-ssr
|
|
5
|
+
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
6
|
+
export default useIsomorphicLayoutEffect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-blog-box-tile{color:var(--content);display:block;position:relative;text-decoration:none}.mfui-9-blog-box-tile:hover{text-decoration:none}.mfui-9-blog-box-tile:hover .mfui-9-blog-box-tile__title{color:var(--brandGreen)}.mfui-9-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-9-blog-box-tile__picture{display:block}.mfui-9-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-9-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-blog-box-tile{border-radius:24px;color:var(--content);display:block;position:relative;text-decoration:none}.mfui-9-blog-box-tile:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-blog-box-tile:focus{outline:none}.mfui-9-blog-box-tile:hover{text-decoration:none}.mfui-9-blog-box-tile:hover .mfui-9-blog-box-tile__title{color:var(--brandGreen)}.mfui-9-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-9-blog-box-tile__picture{display:block}.mfui-9-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-9-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4}.mfui-9-blog-box-tile_view_thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{-ms-flex-negative:0;flex-shrink:0;height:102px;width:133px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{height:130px;width:170px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{height:170px;width:233px}}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__content{-ms-flex-item-align:center;align-self:center}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__date{font-size:12px;line-height:18px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__date{font-size:15px;line-height:24px}}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__title{font-size:20px;line-height:28px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:358px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:438px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:558px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:8px;left:8px;padding:16px;position:absolute;right:8px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:24px}}@media screen and (min-width:768px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{bottom:12px;left:12px;right:12px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:16px}}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:24px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:32px;line-height:40px}}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:233px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:288px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:367px}}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:12px;left:12px;padding:16px;position:absolute;right:12px}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__title{font-size:20px;line-height:28px}}
|
|
@@ -227,8 +227,9 @@ var Card = function Card(_ref5) {
|
|
|
227
227
|
href: isLink ? link === null || link === void 0 ? void 0 : link.href : undefined,
|
|
228
228
|
target: isLink ? link === null || link === void 0 ? void 0 : link.target : undefined,
|
|
229
229
|
onClick: isLink ? onClick : undefined,
|
|
230
|
-
ref: rootRef
|
|
231
|
-
|
|
230
|
+
ref: rootRef
|
|
231
|
+
}, !!onClick && {
|
|
232
|
+
tabIndex: 0
|
|
232
233
|
}), renderIcon(), !isBottomImage && renderImage(), /*#__PURE__*/React.createElement("div", {
|
|
233
234
|
className: cn('header')
|
|
234
235
|
}, /*#__PURE__*/React.createElement(_uiCore.Header, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-card-on-background{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:100%;justify-content:center;min-width:240px;padding:16px 16px 0;text-decoration:none}@media screen and (min-width:768px){.mfui-9-card-on-background{padding:24px 24px 0}}.mfui-9-card-on-background:hover{text-decoration:none}.mfui-9-card-on-background_active:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card-on-background__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:520px;width:100%}.mfui-9-card-on-background__description{font-size:15px;font-weight:400;line-height:24px;margin-top:8px;text-align:center}.mfui-9-card-on-background__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:150px;justify-content:center;overflow:hidden;width:150px}@media screen and (min-width:768px){.mfui-9-card-on-background__image-wrapper{height:200px;width:200px}}.mfui-9-card-on-background__image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mfui-9-card-on-background__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:16px;width:100%}@media screen and (min-width:768px){.mfui-9-card-on-background__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:24px}}.mfui-9-card-on-background__button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-card-on-background{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:100%;justify-content:center;min-width:240px;padding:16px 16px 0;text-decoration:none}.mfui-9-card-on-background:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-card-on-background:focus{outline:none}@media screen and (min-width:768px){.mfui-9-card-on-background{padding:24px 24px 0}}.mfui-9-card-on-background:hover{text-decoration:none}.mfui-9-card-on-background_active:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card-on-background__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:520px;width:100%}.mfui-9-card-on-background__description{font-size:15px;font-weight:400;line-height:24px;margin-top:8px;text-align:center}.mfui-9-card-on-background__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:150px;justify-content:center;overflow:hidden;width:150px}@media screen and (min-width:768px){.mfui-9-card-on-background__image-wrapper{height:200px;width:200px}}.mfui-9-card-on-background__image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mfui-9-card-on-background__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:16px;width:100%}@media screen and (min-width:768px){.mfui-9-card-on-background__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:24px}}.mfui-9-card-on-background__button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}
|
|
@@ -12,6 +12,7 @@ require("core-js/modules/es.array.map.js");
|
|
|
12
12
|
require("core-js/modules/es.object.to-string.js");
|
|
13
13
|
require("core-js/modules/web.dom-collections.for-each.js");
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
var _useIsomorphicLayoutEffect = _interopRequireDefault(require("../../hooks/useIsomorphicLayoutEffect"));
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
17
|
var useUniformHeights = function useUniformHeights(itemsCount) {
|
|
17
18
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
@@ -37,7 +38,7 @@ var useUniformHeights = function useUniformHeights(itemsCount) {
|
|
|
37
38
|
setMaxHeight(newMaxHeight);
|
|
38
39
|
}
|
|
39
40
|
}, [disabled]);
|
|
40
|
-
|
|
41
|
+
(0, _useIsomorphicLayoutEffect["default"])(function () {
|
|
41
42
|
if (disabled) {
|
|
42
43
|
return undefined;
|
|
43
44
|
}
|
|
@@ -53,7 +54,7 @@ var useUniformHeights = function useUniformHeights(itemsCount) {
|
|
|
53
54
|
(_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
54
55
|
};
|
|
55
56
|
}, [disabled, updateMaxHeight]);
|
|
56
|
-
|
|
57
|
+
(0, _useIsomorphicLayoutEffect["default"])(function () {
|
|
57
58
|
var _a;
|
|
58
59
|
if (disabled) {
|
|
59
60
|
(_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
@@ -43,8 +43,7 @@ var DarkGradientCard = function DarkGradientCard(_ref) {
|
|
|
43
43
|
rel: isLink ? currentRel : undefined,
|
|
44
44
|
style: {
|
|
45
45
|
backgroundImage: "url(".concat(imageSrc, ")")
|
|
46
|
-
}
|
|
47
|
-
tabIndex: isLink ? 0 : -1
|
|
46
|
+
}
|
|
48
47
|
}), /*#__PURE__*/React.createElement("div", {
|
|
49
48
|
className: cn('inner')
|
|
50
49
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-info-card{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;-webkit-transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s;transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.mfui-9-info-card
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-info-card{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;text-decoration:none;-webkit-transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s;transition:background-color .3s,box-shadow .3s,-webkit-box-shadow .3s}.mfui-9-info-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-info-card:focus{outline:none}.mfui-9-info-card:hover{text-decoration:none}.mfui-9-info-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-9-info-card__title+.mfui-9-info-card__description{margin-top:8px}.mfui-9-info-card__more-info{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;margin-top:auto;padding-top:12px;-webkit-transition:color .3s;transition:color .3s}.mfui-9-info-card_active{cursor:pointer}.mfui-9-info-card_active:hover .mfui-9-info-card__more-info{color:var(--brandGreen)}.mfui-9-info-card__more-info-text{margin-top:-2px}.mfui-9-info-card__more-info-arrow{height:20px;width:20px;fill:currentColor}.mfui-9-info-card_size_small{padding:16px 20px}.mfui-9-info-card_size_small .mfui-9-info-card__image{height:64px;margin-bottom:16px;width:64px}.mfui-9-info-card_size_small .mfui-9-info-card__title{font-size:15px;font-weight:500;line-height:24px}.mfui-9-info-card_size_small .mfui-9-info-card__description{font-size:12px;line-height:18px}.mfui-9-info-card_size_medium{padding:20px 24px}.mfui-9-info-card_size_medium .mfui-9-info-card__image{height:80px;margin-bottom:16px;width:80px}@media screen and (min-width:768px){.mfui-9-info-card_size_medium .mfui-9-info-card__image{margin-bottom:24px}}.mfui-9-info-card_size_medium .mfui-9-info-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-info-card_size_medium .mfui-9-info-card__title{font-size:20px;line-height:28px}}.mfui-9-info-card_size_big{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media screen and (min-width:768px){.mfui-9-info-card_size_big{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:32px}}.mfui-9-info-card_size_big .mfui-9-info-card__image{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;height:150px;order:1;width:150px}@media screen and (max-width:767px){.mfui-9-info-card_size_big .mfui-9-info-card__image{-ms-flex-item-align:start;align-self:start;-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-bottom:16px;order:0}}.mfui-9-info-card_size_big .mfui-9-info-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-info-card_size_big .mfui-9-info-card__title{font-size:20px;line-height:28px}}.mfui-9-info-card_size_big .mfui-9-info-card__more-info{font-size:15px;line-height:24px;padding-top:24px}.mfui-9-info-card_size_big .mfui-9-info-card__more-info-arrow{height:32px;width:32px}.mfui-9-info-card_position_top-left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-info-card_position_right-side{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-info-card_position_right-side .mfui-9-info-card__image{-ms-flex-item-align:center;align-self:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;margin-bottom:0;order:1}.mfui-9-info-card_position_right-side .mfui-9-info-card__title+.mfui-9-info-card__description{margin-top:6px}.mfui-9-info-card_position_right-side .mfui-9-info-card__more-info{padding-top:8px}@media screen and (min-width:768px){.mfui-9-info-card_size_big.mfui-9-info-card_align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-info-card_size_big.mfui-9-info-card_align-center .mfui-9-info-card__more-info{margin-top:0}}.mfui-9-info-card_position_right-side.mfui-9-info-card_align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-info-card_position_right-side.mfui-9-info-card_align-center .mfui-9-info-card__more-info{margin-top:0}.mfui-9-info-card_background_stroke{border:1px solid var(--spbSky2)}.mfui-9-info-card_background_shadow{background-color:var(--base);-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-info-card_background_green{background-color:var(--brandGreen20)}.mfui-9-info-card_background_purple{background-color:var(--brandPurple20)}.mfui-9-info-card_background_white{background-color:var(--base)}.mfui-9-info-card_background_gray{background-color:var(--spbSky0)}.mfui-9-info-card_background_no{padding:0}.mfui-9-info-card_background_stroke.mfui-9-info-card_active:hover{background-color:var(--spbSky0)}.mfui-9-info-card_background_shadow.mfui-9-info-card_active:hover,.mfui-9-info-card_background_white.mfui-9-info-card_active:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-info-card_background_gray.mfui-9-info-card_active:hover{background-color:var(--spbSky1)}.mfui-9-info-card_background_purple.mfui-9-info-card_active:hover{background-color:var(--buttonHoverPurpleSoft)}.mfui-9-info-card_background_green.mfui-9-info-card_active:hover{background-color:var(--buttonHoverGreenSoft)}
|
|
@@ -75,6 +75,8 @@ var InfoCard = function InfoCard(_ref) {
|
|
|
75
75
|
active: isActive,
|
|
76
76
|
'align-center': !moreInfo
|
|
77
77
|
}, [className, classes === null || classes === void 0 ? void 0 : classes.root])
|
|
78
|
+
}, !!onClick && {
|
|
79
|
+
tabIndex: 0
|
|
78
80
|
}), /*#__PURE__*/React.createElement("img", {
|
|
79
81
|
className: cn('image'),
|
|
80
82
|
src: imgSrc,
|
|
@@ -259,7 +259,6 @@ var Instructions = function Instructions(_ref) {
|
|
|
259
259
|
}), /*#__PURE__*/React.createElement("button", {
|
|
260
260
|
className: cn('articles-item-button'),
|
|
261
261
|
type: "button",
|
|
262
|
-
tabIndex: 0,
|
|
263
262
|
onClick: handleArticleClick(i)
|
|
264
263
|
}, /*#__PURE__*/React.createElement("div", {
|
|
265
264
|
className: cn('articles-item-dot')
|
|
@@ -29,9 +29,7 @@ var PartnersItem = function PartnersItem(_ref) {
|
|
|
29
29
|
background: background,
|
|
30
30
|
interactive: !!href
|
|
31
31
|
}, [className])
|
|
32
|
-
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
|
|
33
|
-
tabIndex: isLink ? 0 : -1
|
|
34
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
|
|
35
33
|
className: cn('inner')
|
|
36
34
|
}, /*#__PURE__*/React.createElement("div", {
|
|
37
35
|
className: cn('img-wrapper')
|
|
@@ -141,8 +141,7 @@ var PromoCard = function PromoCard(_ref2) {
|
|
|
141
141
|
href: linkHref,
|
|
142
142
|
target: linkTarget,
|
|
143
143
|
rel: (0, _setRelAttribute.setRelAttribute)(linkRel, linkTarget),
|
|
144
|
-
onClick: onClick
|
|
145
|
-
tabIndex: 0
|
|
144
|
+
onClick: onClick
|
|
146
145
|
}), !!adMark && renderAdMark(), /*#__PURE__*/React.createElement("img", (0, _extends2["default"])({
|
|
147
146
|
className: cn('image')
|
|
148
147
|
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image), {
|
|
@@ -75,8 +75,7 @@ var ServiceCard = function ServiceCard(_ref) {
|
|
|
75
75
|
href: href,
|
|
76
76
|
target: target,
|
|
77
77
|
rel: currentRel,
|
|
78
|
-
onClick: onClick
|
|
79
|
-
tabIndex: 0
|
|
78
|
+
onClick: onClick
|
|
80
79
|
}), /*#__PURE__*/React.createElement("div", {
|
|
81
80
|
className: cn('header')
|
|
82
81
|
}, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
|
+
// A safe version of `useLayoutEffect` that works with SSR.
|
|
10
|
+
// On the server, it falls back to `useEffect` to avoid hydration warnings.
|
|
11
|
+
// https://reactjs.org/link/uselayouteffect-ssr
|
|
12
|
+
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react["default"].useLayoutEffect : _react["default"].useEffect;
|
|
13
|
+
var _default = exports["default"] = useIsomorphicLayoutEffect;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-shared",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.18",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -77,13 +77,13 @@
|
|
|
77
77
|
},
|
|
78
78
|
"dependencies": {
|
|
79
79
|
"@babel/runtime": "^7.8.4",
|
|
80
|
-
"@megafon/ui-core": "^9.0.0-alpha.
|
|
80
|
+
"@megafon/ui-core": "^9.0.0-alpha.18",
|
|
81
81
|
"@megafon/ui-helpers": "^5.0.0-alpha.2",
|
|
82
|
-
"@megafon/ui-icons": "^4.0.0-alpha.
|
|
82
|
+
"@megafon/ui-icons": "^4.0.0-alpha.9",
|
|
83
83
|
"core-js": "^3.6.4",
|
|
84
84
|
"htmr": "^1.0.2",
|
|
85
85
|
"lodash.throttle": "^4.1.1",
|
|
86
86
|
"swiper": "^11.1.1"
|
|
87
87
|
},
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "61b804a3e89d0d7f4a8ecf324b9947bad1b7c898"
|
|
89
89
|
}
|