@megafon/ui-shared 4.13.2 → 4.15.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.15.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.14.0...@megafon/ui-shared@4.15.0) (2023-03-20)
+
+
+### Features
+
+* **storebanner:** add new theme ([908aa58](https://github.com/MegafonWebLab/megafon-ui/commit/908aa588067c8e450ef17b10a9c9025bfae9d3c1))
+
+
+
+
+
+# [4.14.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.13.2...@megafon/ui-shared@4.14.0) (2023-03-15)
+
+
+### Features
+
+* **property:** add prop disableBorderTop ([dd74ac7](https://github.com/MegafonWebLab/megafon-ui/commit/dd74ac7e4391cbaf947b05b409ca82b068c1a490))
+
+
+
+
+
 ## [4.13.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.13.1...@megafon/ui-shared@4.13.2) (2023-03-07)
 
 **Note:** Version bump only for package @megafon/ui-shared

package/dist/es/components/ButtonBanner/ButtonBanner.css

@@ -9,11 +9,11 @@ h5 {
   position: relative;
   border: 1px solid var(--spbSky2);
   background-color: var(--base);
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 12px 12px 0;
 }
 @media screen and (max-width: 767px) {
   .mfui-button-banner {
-    border-radius: 0 0 8px 8px;
+    border-radius: 0 0 12px 12px;
   }
 }
 .mfui-button-banner:before {
@@ -79,11 +79,11 @@ h5 {
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center;
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 12px 12px 0;
 }
 @media screen and (max-width: 767px) {
   .mfui-button-banner__media {
-    border-radius: 0 0 8px 8px;
+    border-radius: 0 0 12px 12px;
   }
 }
 @media screen and (max-width: 767px) {

package/dist/es/components/Card/Card.css

@@ -9,11 +9,11 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  border-radius: 8px;
+  border-radius: 12px;
   overflow: hidden;
   background-color: var(--base);
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
 .mfui-card__inner {
   display: -webkit-box;

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

@@ -347,6 +347,9 @@ h5 {
 .mfui-container .mfui-title-description-box + .mfui-text-with-icon {
   margin-top: 24px;
 }
+.mfui-container .mfui-title-description-box + .mfui-audio-player {
+  margin-top: 32px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-title-description-box + .mfui-benefits-icons {
     margin-top: 48px;
@@ -393,12 +396,6 @@ h5 {
   .mfui-container .mfui-title-description-box + .mfui-picture-with-description {
     margin-top: 48px;
   }
-  .mfui-container .mfui-title-description-box + .mfui-button-link-box {
-    margin-top: 32px;
-  }
-  .mfui-container .mfui-title-description-box + .mfui-download-links {
-    margin-top: 32px;
-  }
 }
 @media screen and (max-width: 767px) {
   .mfui-container .mfui-title-description-box + .mfui-benefits-icons {
@@ -446,12 +443,17 @@ h5 {
   .mfui-container .mfui-title-description-box + .mfui-picture-with-description {
     margin-top: 40px;
   }
+}
+@media screen and (max-width: 1023px) {
   .mfui-container .mfui-title-description-box + .mfui-button-link-box {
     margin-top: 32px;
   }
   .mfui-container .mfui-title-description-box + .mfui-download-links {
     margin-top: 32px;
   }
+  .mfui-container .mfui-title-description-box + .mfui-audio-player {
+    margin-top: 24px;
+  }
 }
 .mfui-container .mfui-benefits-icons + .mfui-benefits-pictures {
   margin-top: 56px;
@@ -2236,6 +2238,9 @@ h5 {
 .mfui-container .mfui-text-box + .mfui-text-with-icon {
   margin-top: 32px;
 }
+.mfui-container .mfui-text-box + .mfui-audio-player {
+  margin-top: 32px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-text-box + .mfui-benefits-icons {
     margin-top: 48px;
@@ -2291,12 +2296,6 @@ h5 {
   .mfui-container .mfui-text-box + .mfui-steps {
     margin-top: 48px;
   }
-  .mfui-container .mfui-text-box + .mfui-button-link-box {
-    margin-top: 32px;
-  }
-  .mfui-container .mfui-text-box + .mfui-download-links {
-    margin-top: 32px;
-  }
 }
 @media screen and (max-width: 767px) {
   .mfui-container .mfui-text-box + .mfui-benefits-icons {
@@ -2353,12 +2352,17 @@ h5 {
   .mfui-container .mfui-text-box + .mfui-steps {
     margin-top: 40px;
   }
+}
+@media screen and (max-width: 1023px) {
   .mfui-container .mfui-text-box + .mfui-button-link-box {
     margin-top: 32px;
   }
   .mfui-container .mfui-text-box + .mfui-download-links {
     margin-top: 32px;
   }
+  .mfui-container .mfui-text-box + .mfui-audio-player {
+    margin-top: 24px;
+  }
 }
 .mfui-container .mfui-picture-with-description + .mfui-benefits-icons {
   margin-top: 56px;
@@ -2769,6 +2773,9 @@ h5 {
 .mfui-container .mfui-page-title + .mfui-picture-with-description {
   margin-top: 56px;
 }
+.mfui-container .mfui-page-title + .mfui-audio-player {
+  margin-top: 32px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-page-title + .mfui-title-description-box {
     margin-top: 48px;
@@ -2869,6 +2876,11 @@ h5 {
     margin-top: 40px;
   }
 }
+@media screen and (max-width: 1023px) {
+  .mfui-container .mfui-page-title + .mfui-audio-player {
+    margin-top: 24px;
+  }
+}
 .mfui-container .mfui-page-title + .mfui-download-links {
   margin-top: 32px;
 }
@@ -3032,6 +3044,14 @@ h5 {
     margin-top: 56px;
   }
 }
+.mfui-container .mfui-audio-player + .mfui-text-box {
+  margin-top: 32px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-audio-player + .mfui-text-box {
+    margin-top: 24px;
+  }
+}
 .mfui-container_disable-padding-top {
   padding-top: 0 !important;
 }

package/dist/es/components/Property/Property.css

@@ -14,13 +14,15 @@ h5 {
       -ms-flex-direction: column;
           flex-direction: column;
   padding: 24px 0;
-  border-top: 1px solid var(--spbSky2);
 }
 @media screen and (min-width: 1280px) {
   .mfui-property__wrapper {
     padding: 26px 0;
   }
 }
+.mfui-property_border-top .mfui-property__wrapper {
+  border-top: 1px solid var(--spbSky2);
+}
 .mfui-property_border-bottom .mfui-property__wrapper {
   border-bottom: 1px solid var(--spbSky2);
 }

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

@@ -10,6 +10,8 @@ export interface IProperty {
     className?: string;
     /** Текст для бейджа */
     badge?: string;
+    /** Отключить верхнюю границу */
+    disableBorderTop?: boolean;
     /** Наличие нижней границы */
     borderBottom?: boolean;
     /** Единое значение для всей строки */

package/dist/es/components/Property/Property.js

@@ -18,6 +18,8 @@ var Property = function Property(_ref) {
       _ref$badge = _ref.badge,
       badge = _ref$badge === void 0 ? '' : _ref$badge,
       icon = _ref.icon,
+      _ref$disableBorderTop = _ref.disableBorderTop,
+      disableBorderTop = _ref$disableBorderTop === void 0 ? false : _ref$disableBorderTop,
       _ref$borderBottom = _ref.borderBottom,
       borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
       _ref$mergedValue = _ref.mergedValue,
@@ -60,6 +62,7 @@ var Property = function Property(_ref) {
   }, [classes.openedDescription, classes.toggleDescription, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink]);
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
+      'border-top': !disableBorderTop,
       'border-bottom': borderBottom
     }, [className]),
     ref: rootRef
@@ -110,6 +113,7 @@ Property.propTypes = {
   }).isRequired).isRequired,
   className: PropTypes.string,
   badge: PropTypes.string,
+  disableBorderTop: PropTypes.bool,
   borderBottom: PropTypes.bool,
   mergedValue: PropTypes.string,
   icon: PropTypes.node,

package/dist/es/components/StoreBanner/StoreBanner.css

@@ -12,17 +12,26 @@ h5 {
   color: var(--content);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__grid {
+  border-color: transparent;
   background-color: var(--brandGreen);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__content {
   color: var(--stcWhite);
 }
 .mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid {
+  border-color: transparent;
   background-color: var(--spbSky1);
 }
 .mfui-store-banner_theme_spbSky1 .mfui-store-banner__content {
   color: var(--content);
 }
+.mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid {
+  border-color: transparent;
+  background-color: var(--spbSky0);
+}
+.mfui-store-banner_theme_spbSky0 .mfui-store-banner__content {
+  color: var(--content);
+}
 .mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask {
   position: relative;
   z-index: 2;
@@ -92,7 +101,7 @@ h5 {
   padding-top: 32px;
   padding-bottom: 32px;
   border: 1px solid var(--spbSky2);
-  border-radius: 8px;
+  border-radius: 12px;
 }
 @media screen and (max-width: 767px) {
   .mfui-store-banner__grid {

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

@@ -5,6 +5,7 @@ export declare const Theme: {
     readonly DEFAULT: "default";
     readonly GREEN: "green";
     readonly SPB_SKY_1: "spbSky1";
+    readonly SPB_SKY_0: "spbSky0";
 };
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 export declare const DeviceMask: {

package/dist/es/components/StoreBanner/StoreBanner.js

@@ -9,7 +9,8 @@ import "./StoreBanner.css";
 export var Theme = {
   DEFAULT: 'default',
   GREEN: 'green',
-  SPB_SKY_1: 'spbSky1'
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_0: 'spbSky0'
 };
 export var DeviceMask = {
   ANDROID: 'android',

package/dist/lib/components/ButtonBanner/ButtonBanner.css

@@ -9,11 +9,11 @@ h5 {
   position: relative;
   border: 1px solid var(--spbSky2);
   background-color: var(--base);
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 12px 12px 0;
 }
 @media screen and (max-width: 767px) {
   .mfui-button-banner {
-    border-radius: 0 0 8px 8px;
+    border-radius: 0 0 12px 12px;
   }
 }
 .mfui-button-banner:before {
@@ -79,11 +79,11 @@ h5 {
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center;
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 12px 12px 0;
 }
 @media screen and (max-width: 767px) {
   .mfui-button-banner__media {
-    border-radius: 0 0 8px 8px;
+    border-radius: 0 0 12px 12px;
   }
 }
 @media screen and (max-width: 767px) {

package/dist/lib/components/Card/Card.css

@@ -9,11 +9,11 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  border-radius: 8px;
+  border-radius: 12px;
   overflow: hidden;
   background-color: var(--base);
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
 .mfui-card__inner {
   display: -webkit-box;

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

@@ -347,6 +347,9 @@ h5 {
 .mfui-container .mfui-title-description-box + .mfui-text-with-icon {
   margin-top: 24px;
 }
+.mfui-container .mfui-title-description-box + .mfui-audio-player {
+  margin-top: 32px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-title-description-box + .mfui-benefits-icons {
     margin-top: 48px;
@@ -393,12 +396,6 @@ h5 {
   .mfui-container .mfui-title-description-box + .mfui-picture-with-description {
     margin-top: 48px;
   }
-  .mfui-container .mfui-title-description-box + .mfui-button-link-box {
-    margin-top: 32px;
-  }
-  .mfui-container .mfui-title-description-box + .mfui-download-links {
-    margin-top: 32px;
-  }
 }
 @media screen and (max-width: 767px) {
   .mfui-container .mfui-title-description-box + .mfui-benefits-icons {
@@ -446,12 +443,17 @@ h5 {
   .mfui-container .mfui-title-description-box + .mfui-picture-with-description {
     margin-top: 40px;
   }
+}
+@media screen and (max-width: 1023px) {
   .mfui-container .mfui-title-description-box + .mfui-button-link-box {
     margin-top: 32px;
   }
   .mfui-container .mfui-title-description-box + .mfui-download-links {
     margin-top: 32px;
   }
+  .mfui-container .mfui-title-description-box + .mfui-audio-player {
+    margin-top: 24px;
+  }
 }
 .mfui-container .mfui-benefits-icons + .mfui-benefits-pictures {
   margin-top: 56px;
@@ -2236,6 +2238,9 @@ h5 {
 .mfui-container .mfui-text-box + .mfui-text-with-icon {
   margin-top: 32px;
 }
+.mfui-container .mfui-text-box + .mfui-audio-player {
+  margin-top: 32px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-text-box + .mfui-benefits-icons {
     margin-top: 48px;
@@ -2291,12 +2296,6 @@ h5 {
   .mfui-container .mfui-text-box + .mfui-steps {
     margin-top: 48px;
   }
-  .mfui-container .mfui-text-box + .mfui-button-link-box {
-    margin-top: 32px;
-  }
-  .mfui-container .mfui-text-box + .mfui-download-links {
-    margin-top: 32px;
-  }
 }
 @media screen and (max-width: 767px) {
   .mfui-container .mfui-text-box + .mfui-benefits-icons {
@@ -2353,12 +2352,17 @@ h5 {
   .mfui-container .mfui-text-box + .mfui-steps {
     margin-top: 40px;
   }
+}
+@media screen and (max-width: 1023px) {
   .mfui-container .mfui-text-box + .mfui-button-link-box {
     margin-top: 32px;
   }
   .mfui-container .mfui-text-box + .mfui-download-links {
     margin-top: 32px;
   }
+  .mfui-container .mfui-text-box + .mfui-audio-player {
+    margin-top: 24px;
+  }
 }
 .mfui-container .mfui-picture-with-description + .mfui-benefits-icons {
   margin-top: 56px;
@@ -2769,6 +2773,9 @@ h5 {
 .mfui-container .mfui-page-title + .mfui-picture-with-description {
   margin-top: 56px;
 }
+.mfui-container .mfui-page-title + .mfui-audio-player {
+  margin-top: 32px;
+}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-container .mfui-page-title + .mfui-title-description-box {
     margin-top: 48px;
@@ -2869,6 +2876,11 @@ h5 {
     margin-top: 40px;
   }
 }
+@media screen and (max-width: 1023px) {
+  .mfui-container .mfui-page-title + .mfui-audio-player {
+    margin-top: 24px;
+  }
+}
 .mfui-container .mfui-page-title + .mfui-download-links {
   margin-top: 32px;
 }
@@ -3032,6 +3044,14 @@ h5 {
     margin-top: 56px;
   }
 }
+.mfui-container .mfui-audio-player + .mfui-text-box {
+  margin-top: 32px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-container .mfui-audio-player + .mfui-text-box {
+    margin-top: 24px;
+  }
+}
 .mfui-container_disable-padding-top {
   padding-top: 0 !important;
 }

package/dist/lib/components/Property/Property.css

@@ -14,13 +14,15 @@ h5 {
       -ms-flex-direction: column;
           flex-direction: column;
   padding: 24px 0;
-  border-top: 1px solid var(--spbSky2);
 }
 @media screen and (min-width: 1280px) {
   .mfui-property__wrapper {
     padding: 26px 0;
   }
 }
+.mfui-property_border-top .mfui-property__wrapper {
+  border-top: 1px solid var(--spbSky2);
+}
 .mfui-property_border-bottom .mfui-property__wrapper {
   border-bottom: 1px solid var(--spbSky2);
 }

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

@@ -10,6 +10,8 @@ export interface IProperty {
     className?: string;
     /** Текст для бейджа */
     badge?: string;
+    /** Отключить верхнюю границу */
+    disableBorderTop?: boolean;
     /** Наличие нижней границы */
     borderBottom?: boolean;
     /** Единое значение для всей строки */

package/dist/lib/components/Property/Property.js

@@ -36,6 +36,8 @@ var Property = function Property(_ref) {
       _ref$badge = _ref.badge,
       badge = _ref$badge === void 0 ? '' : _ref$badge,
       icon = _ref.icon,
+      _ref$disableBorderTop = _ref.disableBorderTop,
+      disableBorderTop = _ref$disableBorderTop === void 0 ? false : _ref$disableBorderTop,
       _ref$borderBottom = _ref.borderBottom,
       borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
       _ref$mergedValue = _ref.mergedValue,
@@ -81,6 +83,7 @@ var Property = function Property(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn({
+      'border-top': !disableBorderTop,
       'border-bottom': borderBottom
     }, [className]),
     ref: rootRef
@@ -131,6 +134,7 @@ Property.propTypes = {
   }).isRequired).isRequired,
   className: _propTypes["default"].string,
   badge: _propTypes["default"].string,
+  disableBorderTop: _propTypes["default"].bool,
   borderBottom: _propTypes["default"].bool,
   mergedValue: _propTypes["default"].string,
   icon: _propTypes["default"].node,

package/dist/lib/components/StoreBanner/StoreBanner.css

@@ -12,17 +12,26 @@ h5 {
   color: var(--content);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__grid {
+  border-color: transparent;
   background-color: var(--brandGreen);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__content {
   color: var(--stcWhite);
 }
 .mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid {
+  border-color: transparent;
   background-color: var(--spbSky1);
 }
 .mfui-store-banner_theme_spbSky1 .mfui-store-banner__content {
   color: var(--content);
 }
+.mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid {
+  border-color: transparent;
+  background-color: var(--spbSky0);
+}
+.mfui-store-banner_theme_spbSky0 .mfui-store-banner__content {
+  color: var(--content);
+}
 .mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask {
   position: relative;
   z-index: 2;
@@ -92,7 +101,7 @@ h5 {
   padding-top: 32px;
   padding-bottom: 32px;
   border: 1px solid var(--spbSky2);
-  border-radius: 8px;
+  border-radius: 12px;
 }
 @media screen and (max-width: 767px) {
   .mfui-store-banner__grid {

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

@@ -5,6 +5,7 @@ export declare const Theme: {
     readonly DEFAULT: "default";
     readonly GREEN: "green";
     readonly SPB_SKY_1: "spbSky1";
+    readonly SPB_SKY_0: "spbSky0";
 };
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 export declare const DeviceMask: {

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -30,7 +30,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var Theme = {
   DEFAULT: 'default',
   GREEN: 'green',
-  SPB_SKY_1: 'spbSky1'
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_0: 'spbSky0'
 };
 exports.Theme = Theme;
 var DeviceMask = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.13.2",
+  "version": "4.15.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.7.0",
+    "@megafon/ui-icons": "^2.8.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -85,7 +85,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.14.0",
+    "@megafon/ui-core": "^4.14.2",
     "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -93,5 +93,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "b9b0a048d2faba323bebaddbf302aed8e0894506"
+  "gitHead": "43725eddf6f23f91c95f9f7c932e9b9589a4af04"
 }