@megafon/ui-shared 4.14.0 → 4.15.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 (12) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/components/ButtonBanner/ButtonBanner.css +4 -4
  3. package/dist/es/components/Card/Card.css +3 -3
  4. package/dist/es/components/StoreBanner/StoreBanner.css +10 -1
  5. package/dist/es/components/StoreBanner/StoreBanner.d.ts +1 -0
  6. package/dist/es/components/StoreBanner/StoreBanner.js +2 -1
  7. package/dist/lib/components/ButtonBanner/ButtonBanner.css +4 -4
  8. package/dist/lib/components/Card/Card.css +3 -3
  9. package/dist/lib/components/StoreBanner/StoreBanner.css +10 -1
  10. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +1 -0
  11. package/dist/lib/components/StoreBanner/StoreBanner.js +2 -1
  12. package/package.json +3 -3
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
+ # [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)
7
+
8
+
9
+ ### Features
10
+
11
+ * **storebanner:** add new theme ([908aa58](https://github.com/MegafonWebLab/megafon-ui/commit/908aa588067c8e450ef17b10a9c9025bfae9d3c1))
12
+
13
+
14
+
15
+
16
+
6
17
  # [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)
7
18
 
8
19
 
package/dist/es/components/ButtonBanner/ButtonBanner.css CHANGED
@@ -9,11 +9,11 @@ h5 {
9
9
  position: relative;
10
10
  border: 1px solid var(--spbSky2);
11
11
  background-color: var(--base);
12
- border-radius: 0 8px 8px 0;
12
+ border-radius: 0 12px 12px 0;
13
13
  }
14
14
  @media screen and (max-width: 767px) {
15
15
  .mfui-button-banner {
16
- border-radius: 0 0 8px 8px;
16
+ border-radius: 0 0 12px 12px;
17
17
  }
18
18
  }
19
19
  .mfui-button-banner:before {
@@ -79,11 +79,11 @@ h5 {
79
79
  overflow: hidden;
80
80
  background-repeat: no-repeat;
81
81
  background-position: center;
82
- border-radius: 0 8px 8px 0;
82
+ border-radius: 0 12px 12px 0;
83
83
  }
84
84
  @media screen and (max-width: 767px) {
85
85
  .mfui-button-banner__media {
86
- border-radius: 0 0 8px 8px;
86
+ border-radius: 0 0 12px 12px;
87
87
  }
88
88
  }
89
89
  @media screen and (max-width: 767px) {
package/dist/es/components/Card/Card.css CHANGED
@@ -9,11 +9,11 @@ h5 {
9
9
  display: -webkit-box;
10
10
  display: -ms-flexbox;
11
11
  display: flex;
12
- border-radius: 8px;
12
+ border-radius: 12px;
13
13
  overflow: hidden;
14
14
  background-color: var(--base);
15
- -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
16
- box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
15
+ -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
16
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
17
17
  }
18
18
  .mfui-card__inner {
19
19
  display: -webkit-box;
package/dist/es/components/StoreBanner/StoreBanner.css CHANGED
@@ -12,17 +12,26 @@ h5 {
12
12
  color: var(--content);
13
13
  }
14
14
  .mfui-store-banner_theme_green .mfui-store-banner__grid {
15
+ border-color: transparent;
15
16
  background-color: var(--brandGreen);
16
17
  }
17
18
  .mfui-store-banner_theme_green .mfui-store-banner__content {
18
19
  color: var(--stcWhite);
19
20
  }
20
21
  .mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid {
22
+ border-color: transparent;
21
23
  background-color: var(--spbSky1);
22
24
  }
23
25
  .mfui-store-banner_theme_spbSky1 .mfui-store-banner__content {
24
26
  color: var(--content);
25
27
  }
28
+ .mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid {
29
+ border-color: transparent;
30
+ background-color: var(--spbSky0);
31
+ }
32
+ .mfui-store-banner_theme_spbSky0 .mfui-store-banner__content {
33
+ color: var(--content);
34
+ }
26
35
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask {
27
36
  position: relative;
28
37
  z-index: 2;
@@ -92,7 +101,7 @@ h5 {
92
101
  padding-top: 32px;
93
102
  padding-bottom: 32px;
94
103
  border: 1px solid var(--spbSky2);
95
- border-radius: 8px;
104
+ border-radius: 12px;
96
105
  }
97
106
  @media screen and (max-width: 767px) {
98
107
  .mfui-store-banner__grid {
package/dist/es/components/StoreBanner/StoreBanner.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const Theme: {
5
5
  readonly DEFAULT: "default";
6
6
  readonly GREEN: "green";
7
7
  readonly SPB_SKY_1: "spbSky1";
8
+ readonly SPB_SKY_0: "spbSky0";
8
9
  };
9
10
  declare type ThemeType = typeof Theme[keyof typeof Theme];
10
11
  export declare const DeviceMask: {
package/dist/es/components/StoreBanner/StoreBanner.js CHANGED
@@ -9,7 +9,8 @@ import "./StoreBanner.css";
9
9
  export var Theme = {
10
10
  DEFAULT: 'default',
11
11
  GREEN: 'green',
12
- SPB_SKY_1: 'spbSky1'
12
+ SPB_SKY_1: 'spbSky1',
13
+ SPB_SKY_0: 'spbSky0'
13
14
  };
14
15
  export var DeviceMask = {
15
16
  ANDROID: 'android',
package/dist/lib/components/ButtonBanner/ButtonBanner.css CHANGED
@@ -9,11 +9,11 @@ h5 {
9
9
  position: relative;
10
10
  border: 1px solid var(--spbSky2);
11
11
  background-color: var(--base);
12
- border-radius: 0 8px 8px 0;
12
+ border-radius: 0 12px 12px 0;
13
13
  }
14
14
  @media screen and (max-width: 767px) {
15
15
  .mfui-button-banner {
16
- border-radius: 0 0 8px 8px;
16
+ border-radius: 0 0 12px 12px;
17
17
  }
18
18
  }
19
19
  .mfui-button-banner:before {
@@ -79,11 +79,11 @@ h5 {
79
79
  overflow: hidden;
80
80
  background-repeat: no-repeat;
81
81
  background-position: center;
82
- border-radius: 0 8px 8px 0;
82
+ border-radius: 0 12px 12px 0;
83
83
  }
84
84
  @media screen and (max-width: 767px) {
85
85
  .mfui-button-banner__media {
86
- border-radius: 0 0 8px 8px;
86
+ border-radius: 0 0 12px 12px;
87
87
  }
88
88
  }
89
89
  @media screen and (max-width: 767px) {
package/dist/lib/components/Card/Card.css CHANGED
@@ -9,11 +9,11 @@ h5 {
9
9
  display: -webkit-box;
10
10
  display: -ms-flexbox;
11
11
  display: flex;
12
- border-radius: 8px;
12
+ border-radius: 12px;
13
13
  overflow: hidden;
14
14
  background-color: var(--base);
15
- -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
16
- box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
15
+ -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
16
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
17
17
  }
18
18
  .mfui-card__inner {
19
19
  display: -webkit-box;
package/dist/lib/components/StoreBanner/StoreBanner.css CHANGED
@@ -12,17 +12,26 @@ h5 {
12
12
  color: var(--content);
13
13
  }
14
14
  .mfui-store-banner_theme_green .mfui-store-banner__grid {
15
+ border-color: transparent;
15
16
  background-color: var(--brandGreen);
16
17
  }
17
18
  .mfui-store-banner_theme_green .mfui-store-banner__content {
18
19
  color: var(--stcWhite);
19
20
  }
20
21
  .mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid {
22
+ border-color: transparent;
21
23
  background-color: var(--spbSky1);
22
24
  }
23
25
  .mfui-store-banner_theme_spbSky1 .mfui-store-banner__content {
24
26
  color: var(--content);
25
27
  }
28
+ .mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid {
29
+ border-color: transparent;
30
+ background-color: var(--spbSky0);
31
+ }
32
+ .mfui-store-banner_theme_spbSky0 .mfui-store-banner__content {
33
+ color: var(--content);
34
+ }
26
35
  .mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask {
27
36
  position: relative;
28
37
  z-index: 2;
@@ -92,7 +101,7 @@ h5 {
92
101
  padding-top: 32px;
93
102
  padding-bottom: 32px;
94
103
  border: 1px solid var(--spbSky2);
95
- border-radius: 8px;
104
+ border-radius: 12px;
96
105
  }
97
106
  @media screen and (max-width: 767px) {
98
107
  .mfui-store-banner__grid {
package/dist/lib/components/StoreBanner/StoreBanner.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const Theme: {
5
5
  readonly DEFAULT: "default";
6
6
  readonly GREEN: "green";
7
7
  readonly SPB_SKY_1: "spbSky1";
8
+ readonly SPB_SKY_0: "spbSky0";
8
9
  };
9
10
  declare type ThemeType = typeof Theme[keyof typeof Theme];
10
11
  export declare const DeviceMask: {
package/dist/lib/components/StoreBanner/StoreBanner.js CHANGED
@@ -30,7 +30,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
30
30
  var Theme = {
31
31
  DEFAULT: 'default',
32
32
  GREEN: 'green',
33
- SPB_SKY_1: 'spbSky1'
33
+ SPB_SKY_1: 'spbSky1',
34
+ SPB_SKY_0: 'spbSky0'
34
35
  };
35
36
  exports.Theme = Theme;
36
37
  var DeviceMask = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "4.14.0",
3
+ "version": "4.15.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -85,7 +85,7 @@
85
85
  },
86
86
  "dependencies": {
87
87
  "@babel/runtime": "^7.8.4",
88
- "@megafon/ui-core": "^4.14.1",
88
+ "@megafon/ui-core": "^4.14.2",
89
89
  "@megafon/ui-helpers": "^2.4.0",
90
90
  "core-js": "^3.6.4",
91
91
  "htmr": "^0.9.2",
@@ -93,5 +93,5 @@
93
93
  "prop-types": "^15.7.2",
94
94
  "swiper": "^6.5.6"
95
95
  },
96
- "gitHead": "f4e8d7fc125d61575ec4fb4ce4d111c94a87c18f"
96
+ "gitHead": "43725eddf6f23f91c95f9f7c932e9b9589a4af04"
97
97
  }