@megafon/ui-shared 6.9.1 → 6.10.0

package/dist/es/components/Container/Container.css

@@ -23,6 +23,9 @@ h5 {
     padding-bottom: 72px;
   }
 }
+.mfui-v6-container .mfui-v6-container__inner_prevent {
+  padding-top: 0.1px;
+}
 .mfui-v6-container:first-child .mfui-v6-container__inner {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -4212,3 +4215,16 @@ h5 {
     margin-top: 40px;
   }
 }
+.mfui-v6-container .mfui-v6-banner-box + .mfui-v6-info-cards {
+  margin-top: 56px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-v6-container .mfui-v6-banner-box + .mfui-v6-info-cards {
+    margin-top: 48px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-container .mfui-v6-banner-box + .mfui-v6-info-cards {
+    margin-top: 40px;
+  }
+}

package/dist/es/components/Container/Container.d.ts

@@ -23,6 +23,8 @@ declare type Props = {
     disablePaddingBottom?: boolean;
     /** Включить тень в нижней части компонента */
     bottomShadow?: boolean;
+    /** Предотвратить прохождение верхнего отступа дочернего компонента через верхнюю границу контейнера */
+    preventMarginTopCollapse?: boolean;
 };
 declare const Container: React.FC<Props>;
 export default Container;

package/dist/es/components/Container/Container.js

@@ -23,7 +23,9 @@ var Container = function Container(_ref) {
       disablePaddingTop = _ref.disablePaddingTop,
       disablePaddingBottom = _ref.disablePaddingBottom,
       _ref$bottomShadow = _ref.bottomShadow,
-      bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow;
+      bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow,
+      _ref$preventMarginTop = _ref.preventMarginTopCollapse,
+      preventMarginTopCollapse = _ref$preventMarginTop === void 0 ? false : _ref$preventMarginTop;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'bg-color': backgroundColor,
@@ -34,7 +36,9 @@ var Container = function Container(_ref) {
     ref: rootRef,
     id: id
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn('inner')
+    className: cn('inner', {
+      prevent: preventMarginTopCollapse
+    })
   }, /*#__PURE__*/React.createElement(ContentArea, null, children)));
 };
 
@@ -47,6 +51,7 @@ Container.propTypes = {
   }), PropTypes.any])]),
   disablePaddingTop: PropTypes.bool,
   disablePaddingBottom: PropTypes.bool,
-  bottomShadow: PropTypes.bool
+  bottomShadow: PropTypes.bool,
+  preventMarginTopCollapse: PropTypes.bool
 };
 export default Container;

package/dist/lib/components/Container/Container.css

@@ -23,6 +23,9 @@ h5 {
     padding-bottom: 72px;
   }
 }
+.mfui-v6-container .mfui-v6-container__inner_prevent {
+  padding-top: 0.1px;
+}
 .mfui-v6-container:first-child .mfui-v6-container__inner {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -4212,3 +4215,16 @@ h5 {
     margin-top: 40px;
   }
 }
+.mfui-v6-container .mfui-v6-banner-box + .mfui-v6-info-cards {
+  margin-top: 56px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-v6-container .mfui-v6-banner-box + .mfui-v6-info-cards {
+    margin-top: 48px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-container .mfui-v6-banner-box + .mfui-v6-info-cards {
+    margin-top: 40px;
+  }
+}

package/dist/lib/components/Container/Container.d.ts

@@ -23,6 +23,8 @@ declare type Props = {
     disablePaddingBottom?: boolean;
     /** Включить тень в нижней части компонента */
     bottomShadow?: boolean;
+    /** Предотвратить прохождение верхнего отступа дочернего компонента через верхнюю границу контейнера */
+    preventMarginTopCollapse?: boolean;
 };
 declare const Container: React.FC<Props>;
 export default Container;

package/dist/lib/components/Container/Container.js

@@ -37,7 +37,9 @@ var Container = function Container(_ref) {
       disablePaddingTop = _ref.disablePaddingTop,
       disablePaddingBottom = _ref.disablePaddingBottom,
       _ref$bottomShadow = _ref.bottomShadow,
-      bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow;
+      bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow,
+      _ref$preventMarginTop = _ref.preventMarginTopCollapse,
+      preventMarginTopCollapse = _ref$preventMarginTop === void 0 ? false : _ref$preventMarginTop;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn({
       'bg-color': backgroundColor,
@@ -48,7 +50,9 @@ var Container = function Container(_ref) {
     ref: rootRef,
     id: id
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('inner')
+    className: cn('inner', {
+      prevent: preventMarginTopCollapse
+    })
   }, /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, children)));
 };
 
@@ -61,7 +65,8 @@ Container.propTypes = {
   }), _propTypes["default"].any])]),
   disablePaddingTop: _propTypes["default"].bool,
   disablePaddingBottom: _propTypes["default"].bool,
-  bottomShadow: _propTypes["default"].bool
+  bottomShadow: _propTypes["default"].bool,
+  preventMarginTopCollapse: _propTypes["default"].bool
 };
 var _default = Container;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-shared",
-    "version": "6.9.1",
+    "version": "6.10.0",
     "files": [
         "dist"
     ],
@@ -82,7 +82,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.8.4",
-        "@megafon/ui-core": "^6.4.4",
+        "@megafon/ui-core": "^6.5.0",
         "@megafon/ui-helpers": "^2.6.0",
         "core-js": "^3.6.4",
         "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
         "prop-types": "^15.7.2",
         "swiper": "^6.5.6"
     },
-    "gitHead": "cb2d3e9827cb0754536a50f64c09a3b4a37af255"
+    "gitHead": "9804a8e7196f90b0c310e4ee83988276ff7b58bc"
 }