@megafon/ui-core 4.15.1 → 4.15.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.15.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.15.1...@megafon/ui-core@4.15.2) (2023-04-11)
+
+
+### Bug Fixes
+
+* **carousel:** fix gradientColor type and gradient height ([2d7eea0](https://github.com/MegafonWebLab/megafon-ui/commit/2d7eea0f215433912542a5a6eb99f48c7331a6d2))
+
+
+
+
+
 ## [4.15.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.15.0...@megafon/ui-core@4.15.1) (2023-04-04)
 
 

package/dist/es/components/Carousel/Carousel.css

@@ -49,9 +49,9 @@
   content: '';
   position: absolute;
   top: 0;
+  bottom: 0;
   z-index: 5;
   width: var(--gap);
-  height: 85%;
 }
 @media screen and (max-width: 1023px) {
   .mfui-carousel__swiper_gradient:before,

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import SwiperCore from 'swiper';
 import { PaginationOptions } from 'swiper/types/components/pagination';
-import { GradientTheme } from './useGradient';
 import './Carousel.less';
 export declare const NavTheme: {
     readonly LIGHT: "light";
@@ -14,9 +13,18 @@ export declare const EffectTheme: {
 declare const SlidesPerView: {
     readonly AUTO: "auto";
 };
+declare const GradientTheme: {
+    readonly DEFAULT: "default";
+    readonly GREEN: "green";
+    readonly BLACK: "black";
+    readonly SPB_SKY_0: "spbSky0";
+    readonly SPB_SKY_1: "spbSky1";
+    readonly SPB_SKY_2: "spbSky2";
+};
 declare type SlidesPerViewType = typeof SlidesPerView[keyof typeof SlidesPerView];
 declare type NavThemeType = typeof NavTheme[keyof typeof NavTheme];
 declare type EffectThemeType = typeof EffectTheme[keyof typeof EffectTheme];
+declare type GradientThemeType = typeof GradientTheme[keyof typeof GradientTheme];
 export declare type SlidesSettingsType = {
     [key: number]: {
         slidesPerView: number | SlidesPerViewType;
@@ -86,7 +94,7 @@ export interface ICarouselProps {
     /** Наличие градиента по краям контейнера */
     gradient?: boolean;
     /** Цвет градиента */
-    gradientColor?: GradientTheme;
+    gradientColor?: GradientThemeType;
 }
 declare const Carousel: React.FC<ICarouselProps>;
 export default Carousel;

package/dist/es/components/Carousel/Carousel.js

@@ -19,7 +19,7 @@ import NavArrow, { Theme as ArrowTheme } from "../NavArrow/NavArrow";
 import throttleTime from "../../constants/throttleTime";
 import usePrevious from "../../hooks/usePrevious";
 import checkBreakpointsPropTypes from "./checkBreakpointsPropTypes";
-import useGradient, { GradientTheme } from "./useGradient";
+import useGradient from "./useGradient";
 import "./Carousel.css";
 SwiperCore.use([Autoplay, Pagination, EffectFade]);
 export var NavTheme = {
@@ -33,6 +33,14 @@ export var EffectTheme = {
 var SlidesPerView = {
   AUTO: 'auto'
 };
+var GradientTheme = {
+  DEFAULT: 'default',
+  GREEN: 'green',
+  BLACK: 'black',
+  SPB_SKY_0: 'spbSky0',
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_2: 'spbSky2'
+};
 
 var getAutoPlayConfig = function getAutoPlayConfig(delay) {
   return {
@@ -101,7 +109,7 @@ var Carousel = function Carousel(_ref) {
       _ref$gradient = _ref.gradient,
       gradient = _ref$gradient === void 0 ? false : _ref$gradient,
       _ref$gradientColor = _ref.gradientColor,
-      gradientColor = _ref$gradientColor === void 0 ? GradientTheme.DEFAULT : _ref$gradientColor;
+      gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor;
 
   var _React$useState = React.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),

package/dist/es/components/Carousel/useGradient.d.ts

@@ -6,13 +6,5 @@ declare type SwiperConfig = {
     slidesSettings: SlidesSettingsType;
     isLocked: boolean;
 };
-export declare enum GradientTheme {
-    DEFAULT = "default",
-    GREEN = "green",
-    BLACK = "black",
-    SPB_SKY_0 = "spbSky0",
-    SPB_SKY_1 = "spbSky1",
-    SPB_SKY_2 = "spbSky2"
-}
 declare const _default: (gradient: boolean, swiper: SwiperConfig) => CSSProperties;
 export default _default;

package/dist/es/components/Carousel/useGradient.js

@@ -3,17 +3,6 @@ import { useState, useEffect } from 'react';
 import { breakpoints } from '@megafon/ui-helpers';
 import throttle from 'lodash.throttle';
 import throttleTime from "../../constants/throttleTime";
-export var GradientTheme;
-
-(function (GradientTheme) {
-  GradientTheme["DEFAULT"] = "default";
-  GradientTheme["GREEN"] = "green";
-  GradientTheme["BLACK"] = "black";
-  GradientTheme["SPB_SKY_0"] = "spbSky0";
-  GradientTheme["SPB_SKY_1"] = "spbSky1";
-  GradientTheme["SPB_SKY_2"] = "spbSky2";
-})(GradientTheme || (GradientTheme = {}));
-
 export default (function (gradient, swiper) {
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),

package/dist/lib/components/Carousel/Carousel.css

@@ -49,9 +49,9 @@
   content: '';
   position: absolute;
   top: 0;
+  bottom: 0;
   z-index: 5;
   width: var(--gap);
-  height: 85%;
 }
 @media screen and (max-width: 1023px) {
   .mfui-carousel__swiper_gradient:before,

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import SwiperCore from 'swiper';
 import { PaginationOptions } from 'swiper/types/components/pagination';
-import { GradientTheme } from './useGradient';
 import './Carousel.less';
 export declare const NavTheme: {
     readonly LIGHT: "light";
@@ -14,9 +13,18 @@ export declare const EffectTheme: {
 declare const SlidesPerView: {
     readonly AUTO: "auto";
 };
+declare const GradientTheme: {
+    readonly DEFAULT: "default";
+    readonly GREEN: "green";
+    readonly BLACK: "black";
+    readonly SPB_SKY_0: "spbSky0";
+    readonly SPB_SKY_1: "spbSky1";
+    readonly SPB_SKY_2: "spbSky2";
+};
 declare type SlidesPerViewType = typeof SlidesPerView[keyof typeof SlidesPerView];
 declare type NavThemeType = typeof NavTheme[keyof typeof NavTheme];
 declare type EffectThemeType = typeof EffectTheme[keyof typeof EffectTheme];
+declare type GradientThemeType = typeof GradientTheme[keyof typeof GradientTheme];
 export declare type SlidesSettingsType = {
     [key: number]: {
         slidesPerView: number | SlidesPerViewType;
@@ -86,7 +94,7 @@ export interface ICarouselProps {
     /** Наличие градиента по краям контейнера */
     gradient?: boolean;
     /** Цвет градиента */
-    gradientColor?: GradientTheme;
+    gradientColor?: GradientThemeType;
 }
 declare const Carousel: React.FC<ICarouselProps>;
 export default Carousel;

package/dist/lib/components/Carousel/Carousel.js

@@ -43,7 +43,7 @@ var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
 
 var _checkBreakpointsPropTypes = _interopRequireDefault(require("./checkBreakpointsPropTypes"));
 
-var _useGradient = _interopRequireWildcard(require("./useGradient"));
+var _useGradient = _interopRequireDefault(require("./useGradient"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -68,6 +68,14 @@ exports.EffectTheme = EffectTheme;
 var SlidesPerView = {
   AUTO: 'auto'
 };
+var GradientTheme = {
+  DEFAULT: 'default',
+  GREEN: 'green',
+  BLACK: 'black',
+  SPB_SKY_0: 'spbSky0',
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_2: 'spbSky2'
+};
 
 var getAutoPlayConfig = function getAutoPlayConfig(delay) {
   return {
@@ -136,7 +144,7 @@ var Carousel = function Carousel(_ref) {
       _ref$gradient = _ref.gradient,
       gradient = _ref$gradient === void 0 ? false : _ref$gradient,
       _ref$gradientColor = _ref.gradientColor,
-      gradientColor = _ref$gradientColor === void 0 ? _useGradient.GradientTheme.DEFAULT : _ref$gradientColor;
+      gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor;
 
   var _React$useState = _react["default"].useState(),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -429,7 +437,7 @@ Carousel.propTypes = {
   onPrevClick: PropTypes.func,
   onChange: PropTypes.func,
   gradient: PropTypes.oneOfType([PropTypes.bool]),
-  gradientColor: PropTypes.oneOf(Object.values(_useGradient.GradientTheme))
+  gradientColor: PropTypes.oneOf(Object.values(GradientTheme))
 };
 var _default = Carousel;
 exports["default"] = _default;

package/dist/lib/components/Carousel/useGradient.d.ts

@@ -6,13 +6,5 @@ declare type SwiperConfig = {
     slidesSettings: SlidesSettingsType;
     isLocked: boolean;
 };
-export declare enum GradientTheme {
-    DEFAULT = "default",
-    GREEN = "green",
-    BLACK = "black",
-    SPB_SKY_0 = "spbSky0",
-    SPB_SKY_1 = "spbSky1",
-    SPB_SKY_2 = "spbSky2"
-}
 declare const _default: (gradient: boolean, swiper: SwiperConfig) => CSSProperties;
 export default _default;

package/dist/lib/components/Carousel/useGradient.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.GradientTheme = void 0;
+exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -17,18 +17,6 @@ var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var GradientTheme;
-exports.GradientTheme = GradientTheme;
-
-(function (GradientTheme) {
-  GradientTheme["DEFAULT"] = "default";
-  GradientTheme["GREEN"] = "green";
-  GradientTheme["BLACK"] = "black";
-  GradientTheme["SPB_SKY_0"] = "spbSky0";
-  GradientTheme["SPB_SKY_1"] = "spbSky1";
-  GradientTheme["SPB_SKY_2"] = "spbSky2";
-})(GradientTheme || (exports.GradientTheme = GradientTheme = {}));
-
 var _default = function _default(gradient, swiper) {
   var _useState = (0, _react.useState)(0),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.15.1",
+  "version": "4.15.2",
   "files": [
     "dist",
     "styles"
@@ -54,7 +54,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.8.1",
+    "@megafon/ui-icons": "^2.9.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ff8786e64e8cc9220fc248899a2328d28bd159b0"
+  "gitHead": "c2d54353eccef1c32cac6aa03b91d48e98dcdb84"
 }