@megafon/ui-shared 5.10.2 → 5.11.0

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.
Files changed (20) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/components/StoreBanner/StoreBanner.css +13 -9
  3. package/dist/es/components/StoreBanner/StoreBanner.d.ts +6 -5
  4. package/dist/es/components/StoreBanner/StoreBanner.js +5 -3
  5. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  6. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  7. package/dist/es/components/StoreBanner/img/android.png +0 -0
  8. package/dist/es/components/StoreBanner/img/new-iphone.png +0 -0
  9. package/dist/lib/components/StoreBanner/StoreBanner.css +13 -9
  10. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +6 -5
  11. package/dist/lib/components/StoreBanner/StoreBanner.js +5 -3
  12. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  13. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  14. package/dist/lib/components/StoreBanner/img/android.png +0 -0
  15. package/dist/lib/components/StoreBanner/img/new-iphone.png +0 -0
  16. package/package.json +3 -3
  17. package/dist/es/components/StoreBanner/doc/img/iphone-12-screen.png +0 -0
  18. package/dist/es/components/StoreBanner/doc/img/new-iphone-screen.png +0 -0
  19. package/dist/lib/components/StoreBanner/doc/img/iphone-12-screen.png +0 -0
  20. package/dist/lib/components/StoreBanner/doc/img/new-iphone-screen.png +0 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [5.11.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.10.2...@megafon/ui-shared@5.11.0) (2024-06-03)
7
+
8
+
9
+ ### Features
10
+
11
+ * **storebanner:** change device mask ([4d52954](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/4d52954459b944d100c6cd657808dd23ab7bb674))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [5.10.2](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.10.1...@megafon/ui-shared@5.10.2) (2024-05-27)
7
18
 
8
19
  **Note:** Version bump only for package @megafon/ui-shared
package/dist/es/components/StoreBanner/StoreBanner.css CHANGED
@@ -38,35 +38,39 @@ h5 {
38
38
  background-image: url('./img/new-iphone.png');
39
39
  }
40
40
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
41
- top: 13px;
41
+ top: 9px;
42
42
  z-index: 1;
43
- width: 87%;
43
+ width: 90%;
44
+ border-radius: 14px;
44
45
  }
45
46
  @media screen and (min-width: 768px) and (max-width: 1023px) {
46
47
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
47
- top: 10px;
48
+ top: 8px;
48
49
  }
49
50
  }
50
51
  @media screen and (max-width: 767px) {
51
52
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
52
- top: 33px;
53
+ top: 30px;
53
54
  }
54
55
  }
55
56
  .mfui-store-banner_mask_android .mfui-store-banner__device-mask {
57
+ position: relative;
58
+ z-index: 2;
56
59
  background-image: url('./img/android.png');
57
60
  }
58
61
  .mfui-store-banner_mask_android .mfui-store-banner__screen {
59
- top: 59px;
60
- width: 86%;
62
+ top: 9px;
63
+ width: 92%;
64
+ border-radius: 14px;
61
65
  }
62
66
  @media screen and (min-width: 768px) and (max-width: 1023px) {
63
67
  .mfui-store-banner_mask_android .mfui-store-banner__screen {
64
- top: 48px;
68
+ top: 8px;
65
69
  }
66
70
  }
67
71
  @media screen and (max-width: 767px) {
68
72
  .mfui-store-banner_mask_android .mfui-store-banner__screen {
69
- top: 64px;
73
+ top: 30px;
70
74
  }
71
75
  }
72
76
  .mfui-store-banner_mask_white-iphone .mfui-store-banner__device-mask {
@@ -144,7 +148,7 @@ h5 {
144
148
  padding-top: 32px;
145
149
  padding-bottom: 32px;
146
150
  border: 1px solid var(--spbSky2);
147
- border-radius: 12px;
151
+ border-radius: 24px;
148
152
  }
149
153
  @media screen and (max-width: 767px) {
150
154
  .mfui-store-banner__grid {
package/dist/es/components/StoreBanner/StoreBanner.d.ts CHANGED
@@ -10,10 +10,11 @@ export declare const Theme: {
10
10
  declare type ThemeType = typeof Theme[keyof typeof Theme];
11
11
  export declare const DeviceMask: {
12
12
  readonly ANDROID: "android";
13
- readonly BLACK_IPHONE: "black-iphone";
14
- readonly IPHONE_12: "iphone-12";
15
13
  readonly NEW_IPHONE: "new-iphone";
14
+ /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
15
+ readonly BLACK_IPHONE: "black-iphone";
16
16
  readonly WHITE_IPHONE: "white-iphone";
17
+ readonly IPHONE_12: "iphone-12";
17
18
  };
18
19
  declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
19
20
  declare type LinkHrefType = StoreButtonPropsType['href'];
@@ -23,7 +24,7 @@ export interface IStoreBannerProps {
23
24
  title: string;
24
25
  /** Текст */
25
26
  text: string;
26
- /** Ссылка на скачивание приложения в App Store */
27
+ /** Ссылка на скачивание приложения в App Store */
27
28
  linkApple?: LinkHrefType;
28
29
  /** Обработчик клика по ссылке в App Store */
29
30
  onClickApple?: LinkOnClickType;
@@ -53,7 +54,7 @@ export interface IStoreBannerProps {
53
54
  onClickVAppstore?: LinkOnClickType;
54
55
  /** Текст кнопки */
55
56
  textButton?: string;
56
- /** Ссылка для кнопки */
57
+ /** Ссылка для кнопки */
57
58
  linkButton?: string;
58
59
  /** Rel - атрибут тега <a> для всех кнопок баннера */
59
60
  rel?: string;
@@ -61,7 +62,7 @@ export interface IStoreBannerProps {
61
62
  qrCode?: string;
62
63
  /** Цветовая тема компонента */
63
64
  theme?: ThemeType;
64
- /** Изображение телефона */
65
+ /** Изображение телефона. DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
65
66
  deviceMask: DeviceMaskType;
66
67
  /** Изображение на дисплее телефона */
67
68
  imageSrc: string;
package/dist/es/components/StoreBanner/StoreBanner.js CHANGED
@@ -14,10 +14,12 @@ export var Theme = {
14
14
  };
15
15
  export var DeviceMask = {
16
16
  ANDROID: 'android',
17
- BLACK_IPHONE: 'black-iphone',
18
- IPHONE_12: 'iphone-12',
19
17
  NEW_IPHONE: 'new-iphone',
20
- WHITE_IPHONE: 'white-iphone'
18
+
19
+ /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
20
+ BLACK_IPHONE: 'black-iphone',
21
+ WHITE_IPHONE: 'white-iphone',
22
+ IPHONE_12: 'iphone-12'
21
23
  };
22
24
  var testIdPrefix = 'StoreBanner';
23
25
  var cn = cnCreate('mfui-store-banner');
package/dist/lib/components/StoreBanner/StoreBanner.css CHANGED
@@ -38,35 +38,39 @@ h5 {
38
38
  background-image: url('./img/new-iphone.png');
39
39
  }
40
40
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
41
- top: 13px;
41
+ top: 9px;
42
42
  z-index: 1;
43
- width: 87%;
43
+ width: 90%;
44
+ border-radius: 14px;
44
45
  }
45
46
  @media screen and (min-width: 768px) and (max-width: 1023px) {
46
47
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
47
- top: 10px;
48
+ top: 8px;
48
49
  }
49
50
  }
50
51
  @media screen and (max-width: 767px) {
51
52
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
52
- top: 33px;
53
+ top: 30px;
53
54
  }
54
55
  }
55
56
  .mfui-store-banner_mask_android .mfui-store-banner__device-mask {
57
+ position: relative;
58
+ z-index: 2;
56
59
  background-image: url('./img/android.png');
57
60
  }
58
61
  .mfui-store-banner_mask_android .mfui-store-banner__screen {
59
- top: 59px;
60
- width: 86%;
62
+ top: 9px;
63
+ width: 92%;
64
+ border-radius: 14px;
61
65
  }
62
66
  @media screen and (min-width: 768px) and (max-width: 1023px) {
63
67
  .mfui-store-banner_mask_android .mfui-store-banner__screen {
64
- top: 48px;
68
+ top: 8px;
65
69
  }
66
70
  }
67
71
  @media screen and (max-width: 767px) {
68
72
  .mfui-store-banner_mask_android .mfui-store-banner__screen {
69
- top: 64px;
73
+ top: 30px;
70
74
  }
71
75
  }
72
76
  .mfui-store-banner_mask_white-iphone .mfui-store-banner__device-mask {
@@ -144,7 +148,7 @@ h5 {
144
148
  padding-top: 32px;
145
149
  padding-bottom: 32px;
146
150
  border: 1px solid var(--spbSky2);
147
- border-radius: 12px;
151
+ border-radius: 24px;
148
152
  }
149
153
  @media screen and (max-width: 767px) {
150
154
  .mfui-store-banner__grid {
package/dist/lib/components/StoreBanner/StoreBanner.d.ts CHANGED
@@ -10,10 +10,11 @@ export declare const Theme: {
10
10
  declare type ThemeType = typeof Theme[keyof typeof Theme];
11
11
  export declare const DeviceMask: {
12
12
  readonly ANDROID: "android";
13
- readonly BLACK_IPHONE: "black-iphone";
14
- readonly IPHONE_12: "iphone-12";
15
13
  readonly NEW_IPHONE: "new-iphone";
14
+ /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
15
+ readonly BLACK_IPHONE: "black-iphone";
16
16
  readonly WHITE_IPHONE: "white-iphone";
17
+ readonly IPHONE_12: "iphone-12";
17
18
  };
18
19
  declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
19
20
  declare type LinkHrefType = StoreButtonPropsType['href'];
@@ -23,7 +24,7 @@ export interface IStoreBannerProps {
23
24
  title: string;
24
25
  /** Текст */
25
26
  text: string;
26
- /** Ссылка на скачивание приложения в App Store */
27
+ /** Ссылка на скачивание приложения в App Store */
27
28
  linkApple?: LinkHrefType;
28
29
  /** Обработчик клика по ссылке в App Store */
29
30
  onClickApple?: LinkOnClickType;
@@ -53,7 +54,7 @@ export interface IStoreBannerProps {
53
54
  onClickVAppstore?: LinkOnClickType;
54
55
  /** Текст кнопки */
55
56
  textButton?: string;
56
- /** Ссылка для кнопки */
57
+ /** Ссылка для кнопки */
57
58
  linkButton?: string;
58
59
  /** Rel - атрибут тега <a> для всех кнопок баннера */
59
60
  rel?: string;
@@ -61,7 +62,7 @@ export interface IStoreBannerProps {
61
62
  qrCode?: string;
62
63
  /** Цветовая тема компонента */
63
64
  theme?: ThemeType;
64
- /** Изображение телефона */
65
+ /** Изображение телефона. DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
65
66
  deviceMask: DeviceMaskType;
66
67
  /** Изображение на дисплее телефона */
67
68
  imageSrc: string;
package/dist/lib/components/StoreBanner/StoreBanner.js CHANGED
@@ -36,10 +36,12 @@ var Theme = {
36
36
  exports.Theme = Theme;
37
37
  var DeviceMask = {
38
38
  ANDROID: 'android',
39
- BLACK_IPHONE: 'black-iphone',
40
- IPHONE_12: 'iphone-12',
41
39
  NEW_IPHONE: 'new-iphone',
42
- WHITE_IPHONE: 'white-iphone'
40
+
41
+ /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
42
+ BLACK_IPHONE: 'black-iphone',
43
+ WHITE_IPHONE: 'white-iphone',
44
+ IPHONE_12: 'iphone-12'
43
45
  };
44
46
  exports.DeviceMask = DeviceMask;
45
47
  var testIdPrefix = 'StoreBanner';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "5.10.2",
3
+ "version": "5.11.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -82,7 +82,7 @@
82
82
  },
83
83
  "dependencies": {
84
84
  "@babel/runtime": "^7.8.4",
85
- "@megafon/ui-core": "^5.13.0",
85
+ "@megafon/ui-core": "^5.14.0",
86
86
  "@megafon/ui-helpers": "^2.5.5",
87
87
  "core-js": "^3.6.4",
88
88
  "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
90
90
  "prop-types": "^15.7.2",
91
91
  "swiper": "^6.5.6"
92
92
  },
93
- "gitHead": "74e2c72c13618880e274c806a702c98d763a49d8"
93
+ "gitHead": "46f4100ccbc226ad65d8dd4ec69d43ec891b0e73"
94
94
  }