@megafon/ui-shared 4.20.1 → 4.20.3

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.20.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.20.2...@megafon/ui-shared@4.20.3) (2023-06-22)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
+## [4.20.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.20.1...@megafon/ui-shared@4.20.2) (2023-06-07)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
 ## [4.20.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.20.0...@megafon/ui-shared@4.20.1) (2023-06-05)
 
 

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

@@ -12,7 +12,7 @@ h5 {
   color: var(--content);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__grid {
-  border-color: transparent;
+  border: 0;
   background-color: var(--brandGreen);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__content {
@@ -101,10 +101,11 @@ h5 {
   top: 16px;
   z-index: 1;
   width: 87%;
+  border-radius: 4px;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
   .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
-    top: 18px;
+    top: 17px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {

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

@@ -10,10 +10,10 @@ export declare const Theme: {
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 export declare const DeviceMask: {
     readonly ANDROID: "android";
-    readonly NEW_IPHONE: "new-iphone";
     readonly BLACK_IPHONE: "black-iphone";
-    readonly WHITE_IPHONE: "white-iphone";
     readonly IPHONE_12: "iphone-12";
+    readonly NEW_IPHONE: "new-iphone";
+    readonly WHITE_IPHONE: "white-iphone";
 };
 declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
 declare type LinkHrefType = StoreButtonPropsType['href'];

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

@@ -14,10 +14,10 @@ export var Theme = {
 };
 export var DeviceMask = {
   ANDROID: 'android',
-  NEW_IPHONE: 'new-iphone',
   BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone',
-  IPHONE_12: 'iphone-12'
+  IPHONE_12: 'iphone-12',
+  NEW_IPHONE: 'new-iphone',
+  WHITE_IPHONE: 'white-iphone'
 };
 var cn = cnCreate('mfui-store-banner');
 

package/dist/es/index.d.ts

@@ -15,7 +15,6 @@ export { default as Card } from './components/Card/Card';
 export { default as CardsBox } from './components/CardsBox/CardsBox';
 export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
 export { default as Container } from './components/Container/Container';
-export { default as DeviceMask } from './components/DeviceMask/DeviceMask';
 export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
 export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';

package/dist/es/index.js

@@ -15,7 +15,6 @@ export { default as Card } from "./components/Card/Card";
 export { default as CardsBox } from "./components/CardsBox/CardsBox";
 export { default as CarouselBox } from "./components/CarouselBox/CarouselBox";
 export { default as Container } from "./components/Container/Container";
-export { default as DeviceMask } from "./components/DeviceMask/DeviceMask";
 export { default as DownloadLink } from "./components/DownloadLinks/DownloadLink";
 export { default as DownloadLinks } from "./components/DownloadLinks/DownloadLinks";
 export { default as FaqWrapper } from "./components/FaqWrapper/FaqWrapper";

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

@@ -12,7 +12,7 @@ h5 {
   color: var(--content);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__grid {
-  border-color: transparent;
+  border: 0;
   background-color: var(--brandGreen);
 }
 .mfui-store-banner_theme_green .mfui-store-banner__content {
@@ -101,10 +101,11 @@ h5 {
   top: 16px;
   z-index: 1;
   width: 87%;
+  border-radius: 4px;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
   .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
-    top: 18px;
+    top: 17px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {

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

@@ -10,10 +10,10 @@ export declare const Theme: {
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 export declare const DeviceMask: {
     readonly ANDROID: "android";
-    readonly NEW_IPHONE: "new-iphone";
     readonly BLACK_IPHONE: "black-iphone";
-    readonly WHITE_IPHONE: "white-iphone";
     readonly IPHONE_12: "iphone-12";
+    readonly NEW_IPHONE: "new-iphone";
+    readonly WHITE_IPHONE: "white-iphone";
 };
 declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
 declare type LinkHrefType = StoreButtonPropsType['href'];

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

@@ -36,10 +36,10 @@ var Theme = {
 exports.Theme = Theme;
 var DeviceMask = {
   ANDROID: 'android',
-  NEW_IPHONE: 'new-iphone',
   BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone',
-  IPHONE_12: 'iphone-12'
+  IPHONE_12: 'iphone-12',
+  NEW_IPHONE: 'new-iphone',
+  WHITE_IPHONE: 'white-iphone'
 };
 exports.DeviceMask = DeviceMask;
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-banner');

package/dist/lib/index.d.ts

@@ -15,7 +15,6 @@ export { default as Card } from './components/Card/Card';
 export { default as CardsBox } from './components/CardsBox/CardsBox';
 export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
 export { default as Container } from './components/Container/Container';
-export { default as DeviceMask } from './components/DeviceMask/DeviceMask';
 export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
 export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';

package/dist/lib/index.js

@@ -105,12 +105,6 @@ Object.defineProperty(exports, "Container", {
     return _Container["default"];
   }
 });
-Object.defineProperty(exports, "DeviceMask", {
-  enumerable: true,
-  get: function get() {
-    return _DeviceMask["default"];
-  }
-});
 Object.defineProperty(exports, "DownloadLink", {
   enumerable: true,
   get: function get() {
@@ -314,8 +308,6 @@ var _CarouselBox = _interopRequireDefault(require("./components/CarouselBox/Caro
 
 var _Container = _interopRequireDefault(require("./components/Container/Container"));
 
-var _DeviceMask = _interopRequireDefault(require("./components/DeviceMask/DeviceMask"));
-
 var _DownloadLink = _interopRequireDefault(require("./components/DownloadLinks/DownloadLink"));
 
 var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/DownloadLinks"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.20.1",
+  "version": "4.20.3",
   "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.11.0",
+    "@megafon/ui-icons": "^2.12.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -86,7 +86,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.16.1",
+    "@megafon/ui-core": "^5.0.0",
     "@megafon/ui-helpers": "^2.5.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -94,5 +94,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "a5c7e2036b6bd896caecea24f7ddab0fd3648309"
+  "gitHead": "e915cddf01ba660df8f0b3ce7345cdfdcb871bd0"
 }

package/dist/es/components/DeviceMask/DeviceMask.css

@@ -1,66 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-device-mask {
-  position: relative;
-  width: 250px;
-  height: 550px;
-  overflow: hidden;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-.mfui-device-mask__screen-content {
-  position: absolute;
-  z-index: 0;
-  width: 214px;
-  height: 462px;
-  overflow: hidden;
-}
-.mfui-device-mask__screen-content_android {
-  top: 10px;
-  left: 10px;
-  width: 228px;
-  height: 460px;
-}
-.mfui-device-mask__screen-content_iphone {
-  top: 16px;
-  left: 16px;
-  width: 218px;
-  height: 469px;
-}
-.mfui-device-mask__screen-content_black-iphone,
-.mfui-device-mask__screen-content_white-iphone {
-  top: 60px;
-  left: 17px;
-  width: 216px;
-  height: 381px;
-}
-.mfui-device-mask__screen-content > * {
-  max-width: 100%;
-}
-.mfui-device-mask__device {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  background-repeat: no-repeat;
-  background-size: 100% auto;
-}
-.mfui-device-mask__device_android {
-  background-image: url('./i/android.png');
-}
-.mfui-device-mask__device_iphone {
-  background-image: url('./i/iphone.png');
-}
-.mfui-device-mask__device_black-iphone {
-  background-image: url('./i/black-iphone.png');
-}
-.mfui-device-mask__device_white-iphone {
-  background-image: url('./i/white-iphone.png');
-}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './DeviceMask.less';
-export declare const Devices: {
-    readonly IPHONE: "iphone";
-    readonly ANDROID: "android";
-    readonly BLACK_IPHONE: "black-iphone";
-    readonly WHITE_IPHONE: "white-iphone";
-};
-declare type DevicesType = typeof Devices[keyof typeof Devices];
-export interface IDeviceMaskProps {
-    device: DevicesType;
-    screenContent: React.ReactNode;
-}
-declare const DeviceMask: React.FC<IDeviceMaskProps>;
-export default DeviceMask;

package/dist/es/components/DeviceMask/DeviceMask.js

@@ -1,25 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
-import "./DeviceMask.css";
-export var Devices = {
-  IPHONE: 'iphone',
-  ANDROID: 'android',
-  BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone'
-};
-var cn = cnCreate('mfui-device-mask');
-
-var DeviceMask = function DeviceMask(_ref) {
-  var device = _ref.device,
-      screenContent = _ref.screenContent;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('screen-content', _defineProperty({}, device, true))
-  }, screenContent), /*#__PURE__*/React.createElement("div", {
-    className: cn('device', _defineProperty({}, device, true))
-  }));
-};
-
-export default DeviceMask;

package/dist/lib/components/DeviceMask/DeviceMask.css

@@ -1,66 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-device-mask {
-  position: relative;
-  width: 250px;
-  height: 550px;
-  overflow: hidden;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-.mfui-device-mask__screen-content {
-  position: absolute;
-  z-index: 0;
-  width: 214px;
-  height: 462px;
-  overflow: hidden;
-}
-.mfui-device-mask__screen-content_android {
-  top: 10px;
-  left: 10px;
-  width: 228px;
-  height: 460px;
-}
-.mfui-device-mask__screen-content_iphone {
-  top: 16px;
-  left: 16px;
-  width: 218px;
-  height: 469px;
-}
-.mfui-device-mask__screen-content_black-iphone,
-.mfui-device-mask__screen-content_white-iphone {
-  top: 60px;
-  left: 17px;
-  width: 216px;
-  height: 381px;
-}
-.mfui-device-mask__screen-content > * {
-  max-width: 100%;
-}
-.mfui-device-mask__device {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  background-repeat: no-repeat;
-  background-size: 100% auto;
-}
-.mfui-device-mask__device_android {
-  background-image: url('./i/android.png');
-}
-.mfui-device-mask__device_iphone {
-  background-image: url('./i/iphone.png');
-}
-.mfui-device-mask__device_black-iphone {
-  background-image: url('./i/black-iphone.png');
-}
-.mfui-device-mask__device_white-iphone {
-  background-image: url('./i/white-iphone.png');
-}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './DeviceMask.less';
-export declare const Devices: {
-    readonly IPHONE: "iphone";
-    readonly ANDROID: "android";
-    readonly BLACK_IPHONE: "black-iphone";
-    readonly WHITE_IPHONE: "white-iphone";
-};
-declare type DevicesType = typeof Devices[keyof typeof Devices];
-export interface IDeviceMaskProps {
-    device: DevicesType;
-    screenContent: React.ReactNode;
-}
-declare const DeviceMask: React.FC<IDeviceMaskProps>;
-export default DeviceMask;

package/dist/lib/components/DeviceMask/DeviceMask.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Devices = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _uiHelpers = require("@megafon/ui-helpers");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var Devices = {
-  IPHONE: 'iphone',
-  ANDROID: 'android',
-  BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone'
-};
-exports.Devices = Devices;
-var cn = (0, _uiHelpers.cnCreate)('mfui-device-mask');
-
-var DeviceMask = function DeviceMask(_ref) {
-  var device = _ref.device,
-      screenContent = _ref.screenContent;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('screen-content', (0, _defineProperty2["default"])({}, device, true))
-  }, screenContent), /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('device', (0, _defineProperty2["default"])({}, device, true))
-  }));
-};
-
-var _default = DeviceMask;
-exports["default"] = _default;