@megafon/ui-core 8.7.0 → 8.8.0

package/dist/es/components/Banner/Banner.js

@@ -53,14 +53,6 @@ export var PaginationPositionType = {
   BOTTOM_OUT: 'bottom-out',
   TOP_IN: 'top-in'
 };
-var getAutoPlayConfig = function getAutoPlayConfig(delay) {
-  return {
-    delay: delay,
-    waitForTransition: false,
-    disableOnInteraction: false,
-    stopOnLastSlide: true
-  };
-};
 var cn = cnCreate('mfui-banner');
 var Banner = function Banner(_ref) {
   var className = _ref.className,
@@ -294,7 +286,12 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
     className: cn('swiper', [classes.swiper]),
     loop: loop,
-    autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
+    autoplay: {
+      delay: delay,
+      waitForTransition: false,
+      disableOnInteraction: false,
+      stopOnLastSlide: true
+    },
     watchSlidesProgress: true,
     noSwipingClass: classes.noSwiping,
     breakpoints: showNextSlide ? SLIDES_SETTINGS : undefined,

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

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import './Header.scss';
 export interface IHeaderProps {
-    /** Тег */
+    /** Тег (определяет базовый тег и стили) */
     as?: 'h1' | 'h2' | 'h3' | 'h5';
+    /** Тег для семантической разметки (переопределение тега без изменения стилей) */
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /** Поведение текста при встраивании в широкий или узкий контейнер (только для h5) */
     space?: 'wide' | 'tight';
     /** Цвет */

package/dist/es/components/Header/Header.js

@@ -7,6 +7,7 @@ var Header = function Header(_ref) {
   var addition = _ref.addition,
     _ref$as = _ref.as,
     level = _ref$as === void 0 ? 'h1' : _ref$as,
+    tag = _ref.tag,
     _ref$space = _ref.space,
     space = _ref$space === void 0 ? 'wide' : _ref$space,
     children = _ref.children,
@@ -18,7 +19,7 @@ var Header = function Header(_ref) {
     align = _ref$align === void 0 ? 'inherit' : _ref$align,
     margin = _ref.margin,
     onClick = _ref.onClick;
-  var ElementType = level;
+  var ElementType = tag || level;
   var hasVariousSpaces = level === 'h5';
   var spaceLevel = hasVariousSpaces && space;
   return /*#__PURE__*/React.createElement(ElementType, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {

package/dist/lib/components/Banner/Banner.js

@@ -63,14 +63,6 @@ var PaginationPositionType = exports.PaginationPositionType = {
   BOTTOM_OUT: 'bottom-out',
   TOP_IN: 'top-in'
 };
-var getAutoPlayConfig = function getAutoPlayConfig(delay) {
-  return {
-    delay: delay,
-    waitForTransition: false,
-    disableOnInteraction: false,
-    stopOnLastSlide: true
-  };
-};
 var cn = (0, _uiHelpers.cnCreate)('mfui-banner');
 var Banner = function Banner(_ref) {
   var className = _ref.className,
@@ -304,7 +296,12 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/React.createElement(Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
     className: cn('swiper', [classes.swiper]),
     loop: loop,
-    autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
+    autoplay: {
+      delay: delay,
+      waitForTransition: false,
+      disableOnInteraction: false,
+      stopOnLastSlide: true
+    },
     watchSlidesProgress: true,
     noSwipingClass: classes.noSwiping,
     breakpoints: showNextSlide ? _slidesSettings["default"] : undefined,

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

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import './Header.scss';
 export interface IHeaderProps {
-    /** Тег */
+    /** Тег (определяет базовый тег и стили) */
     as?: 'h1' | 'h2' | 'h3' | 'h5';
+    /** Тег для семантической разметки (переопределение тега без изменения стилей) */
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /** Поведение текста при встраивании в широкий или узкий контейнер (только для h5) */
     space?: 'wide' | 'tight';
     /** Цвет */

package/dist/lib/components/Header/Header.js

@@ -16,6 +16,7 @@ var Header = function Header(_ref) {
   var addition = _ref.addition,
     _ref$as = _ref.as,
     level = _ref$as === void 0 ? 'h1' : _ref$as,
+    tag = _ref.tag,
     _ref$space = _ref.space,
     space = _ref$space === void 0 ? 'wide' : _ref$space,
     children = _ref.children,
@@ -27,7 +28,7 @@ var Header = function Header(_ref) {
     align = _ref$align === void 0 ? 'inherit' : _ref$align,
     margin = _ref.margin,
     onClick = _ref.onClick;
-  var ElementType = level;
+  var ElementType = tag || level;
   var hasVariousSpaces = level === 'h5';
   var spaceLevel = hasVariousSpaces && space;
   return /*#__PURE__*/React.createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.7.0",
+    "version": "8.8.0",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.10.1",
+        "@megafon/ui-icons": "^3.11.0",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "3dc2e7509518571130a0f4e4ad3cfc7b581732fa"
+    "gitHead": "999ff51c6364eb3ad881247c77438ea74ba053fe"
 }

package/styles/colors.css

@@ -30,19 +30,19 @@
     --overlay: #000000CC;
 
     /* Gradients Basic*/
-    --gradientGreen1: linear-gradient(270deg, #AAFF00 0%, #00B956 50%);
-    --gradientGreen2: linear-gradient(90deg, #00B956 50%, #1EFA64 100%);
-    --gradientGreen3: linear-gradient(90deg, #00B956 50%, #00D1FF 100%);
-    --gradientPurple1: linear-gradient(95.39deg, #731982 55%, #AA5AFF 90%);
-    --gradientPurple2: linear-gradient(90deg, #731982 50%, #E64DE6 100%);
-    --gradientPurple3: linear-gradient(90deg, #731982 50%, #00D2FF 100%);
-    --gradientPurple4: linear-gradient(90deg, #731982 50%, #1B61AC 100%);
+    --gradientGreen1: linear-gradient(45deg, #00B956 50%, #AAFF00 100%);
+    --gradientGreen2: linear-gradient(45deg, #00B956 50%, #1EFA64 100%);
+    --gradientGreen3: linear-gradient(45deg, #00B956 50%, #00D1FF 100%);
+    --gradientPurple1: linear-gradient(45deg, #731982 50%, #AA5AFF 100%);
+    --gradientPurple2: linear-gradient(45deg, #731982 50%, #E64DE6 100%);
+    --gradientPurple3: linear-gradient(45deg, #731982 50%, #00D2FF 100%);
+    --gradientPurple4: linear-gradient(45deg, #731982 50%, #1B61AC 100%);
 
     /* Gradients Secondary*/
-    --gradientLime: linear-gradient(90deg, #AAFF00 50%, #00D1FF 100%);
-    --gradientGrass: linear-gradient(90deg, #1EFA64 50%, #00D1FF 100%);
-    --gradientBerry1: linear-gradient(90deg, #AA5AFF 50%, #00D1FF 100%);
-    --gradientBerry2: linear-gradient(90deg, #AA5AFF 50%, #E64DE6 100%);
+    --gradientLime: linear-gradient(45deg, #AAFF00 50%, #00D1FF 100%);
+    --gradientGrass: linear-gradient(45deg, #1EFA64 50%, #00D1FF 100%);
+    --gradientBerry1: linear-gradient(45deg, #AA5AFF 50%, #00D1FF 100%);
+    --gradientBerry2: linear-gradient(45deg, #AA5AFF 50%, #E64DE6 100%);
 
     /* Gradients System*/
     --gradientScrim: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%);
@@ -107,17 +107,17 @@
     --buttonHoverPurpleSoft: #492B50;
     --buttonDown: #404D46;
     --overlay: #000000CC;
-    --gradientGreen1: linear-gradient(270deg, #AAFF00 0%, #00B956 50%);
-    --gradientGreen2: linear-gradient(90deg, #00B956 50%, #1EFA64 100%);
-    --gradientGreen3: linear-gradient(90deg, #00B956 50%, #00D1FF 100%);
-    --gradientPurple1: linear-gradient(95.39deg, #731982 55%, #AA5AFF 90%);
-    --gradientPurple2: linear-gradient(90deg, #731982 50%, #E64DE6 100%);
-    --gradientPurple3: linear-gradient(90deg, #731982 50%, #00D2FF 100%);
-    --gradientPurple4: linear-gradient(90deg, #731982 50%, #1B61AC 100%);
-    --gradientLime: linear-gradient(90deg, #AAFF00 50%, #00D1FF 100%);
-    --gradientGrass: linear-gradient(90deg, #1EFA64 50%, #00D1FF 100%);
-    --gradientBerry1: linear-gradient(90deg, #AA5AFF 50%, #00D1FF 100%);
-    --gradientBerry2: linear-gradient(90deg, #AA5AFF 50%, #E64DE6 100%);
+    --gradientGreen1: linear-gradient(45deg, #00B956 50%, #AAFF00 100%);
+    --gradientGreen2: linear-gradient(45deg, #00B956 50%, #1EFA64 100%);
+    --gradientGreen3: linear-gradient(45deg, #00B956 50%, #00D1FF 100%);
+    --gradientPurple1: linear-gradient(45deg, #731982 50%, #AA5AFF 100%);
+    --gradientPurple2: linear-gradient(45deg, #731982 50%, #E64DE6 100%);
+    --gradientPurple3: linear-gradient(45deg, #731982 50%, #00D2FF 100%);
+    --gradientPurple4: linear-gradient(45deg, #731982 50%, #1B61AC 100%);
+    --gradientLime: linear-gradient(45deg, #AAFF00 50%, #00D1FF 100%);
+    --gradientGrass: linear-gradient(45deg, #1EFA64 50%, #00D1FF 100%);
+    --gradientBerry1: linear-gradient(45deg, #AA5AFF 50%, #00D1FF 100%);
+    --gradientBerry2: linear-gradient(45deg, #AA5AFF 50%, #E64DE6 100%);
     --gradientScrim: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 20%);
     --stcWhite: #FFFFFF;
     --stcBlack: #333333;