@megafon/ui-core 5.13.0 → 5.14.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 (6) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/es/components/Carousel/Carousel.js +1 -0
  3. package/dist/es/components/Search/Search.css +10 -4
  4. package/dist/lib/components/Carousel/Carousel.js +1 -0
  5. package/dist/lib/components/Search/Search.css +10 -4
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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.14.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.13.0...@megafon/ui-core@5.14.0) (2024-06-03)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **carousel:** fix page scroll ([99c80bc](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/99c80bccd1f09b3ad3feaa965d9c0205b038d660))
12
+
13
+
14
+ ### Features
15
+
16
+ * **search:** modern gradient ([7c2becc](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/7c2beccd79d83e9cd099ea49de4138e4ab9822af))
17
+
18
+
19
+
20
+
21
+
6
22
  # [5.13.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.12.1...@megafon/ui-core@5.13.0) (2024-05-27)
7
23
 
8
24
 
package/dist/es/components/Carousel/Carousel.js CHANGED
@@ -302,6 +302,7 @@ var Carousel = function Carousel(_ref) {
302
302
  fadeEffect: effectTheme === EffectTheme.FADE ? {
303
303
  crossFade: effectTheme === EffectTheme.FADE
304
304
  } : undefined,
305
+ touchMoveStopPropagation: true,
305
306
  noSwipingSelector: noSwipingSelector ? ".swiper-pagination, ".concat(noSwipingSelector) : '.swiper-pagination',
306
307
  onSwiper: handleSwiper,
307
308
  onReachBeginning: handleReachBeginnig,
package/dist/es/components/Search/Search.css CHANGED
@@ -265,13 +265,19 @@
265
265
  right: 0;
266
266
  bottom: 0;
267
267
  width: 40px;
268
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
269
- background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--base));
268
+ background: var(--base);
269
+ -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
270
+ -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--base) 100%);
271
+ mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
272
+ mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
270
273
  }
271
274
  .mfui-search__list-item_active .mfui-search__item-title:after,
272
275
  .mfui-search__popular-item_active .mfui-search__popular-item-title:after {
273
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
274
- background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--spbSky0));
276
+ background: var(--spbSky0);
277
+ -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
278
+ -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
279
+ mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
280
+ mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
275
281
  }
276
282
  .mfui-search__highlighted-fragment {
277
283
  font-weight: bold;
package/dist/lib/components/Carousel/Carousel.js CHANGED
@@ -345,6 +345,7 @@ var Carousel = function Carousel(_ref) {
345
345
  fadeEffect: effectTheme === EffectTheme.FADE ? {
346
346
  crossFade: effectTheme === EffectTheme.FADE
347
347
  } : undefined,
348
+ touchMoveStopPropagation: true,
348
349
  noSwipingSelector: noSwipingSelector ? ".swiper-pagination, ".concat(noSwipingSelector) : '.swiper-pagination',
349
350
  onSwiper: handleSwiper,
350
351
  onReachBeginning: handleReachBeginnig,
package/dist/lib/components/Search/Search.css CHANGED
@@ -265,13 +265,19 @@
265
265
  right: 0;
266
266
  bottom: 0;
267
267
  width: 40px;
268
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
269
- background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--base));
268
+ background: var(--base);
269
+ -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
270
+ -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--base) 100%);
271
+ mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
272
+ mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
270
273
  }
271
274
  .mfui-search__list-item_active .mfui-search__item-title:after,
272
275
  .mfui-search__popular-item_active .mfui-search__popular-item-title:after {
273
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
274
- background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--spbSky0));
276
+ background: var(--spbSky0);
277
+ -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
278
+ -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
279
+ mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
280
+ mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
275
281
  }
276
282
  .mfui-search__highlighted-fragment {
277
283
  font-weight: bold;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "5.13.0",
3
+ "version": "5.14.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -97,5 +97,5 @@
97
97
  "react-popper": "^2.2.3",
98
98
  "swiper": "^6.5.6"
99
99
  },
100
- "gitHead": "74e2c72c13618880e274c806a702c98d763a49d8"
100
+ "gitHead": "46f4100ccbc226ad65d8dd4ec69d43ec891b0e73"
101
101
  }