@megafon/ui-core 4.14.1 → 4.15.0

package/dist/lib/components/Select/Select.css

@@ -38,8 +38,6 @@
   position: relative;
 }
 .mfui-select__control {
-  position: relative;
-  z-index: 11;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
@@ -53,24 +51,6 @@
   -webkit-transition: border-color 0.3s;
   transition: border-color 0.3s;
 }
-.mfui-select__control:after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  right: 27px;
-  z-index: 1;
-  display: block;
-  border-top: 6px solid;
-  border-right: 5px solid transparent;
-  border-bottom: none;
-  border-left: 5px solid transparent;
-  color: var(--brandGreen);
-  cursor: pointer;
-  -webkit-transition: -webkit-transform 0.6s;
-  transition: -webkit-transform 0.6s;
-  transition: transform 0.6s;
-  transition: transform 0.6s, -webkit-transform 0.6s;
-}
 .mfui-select__combobox {
   font-size: 15px;
   line-height: 24px;
@@ -113,6 +93,24 @@
   height: 100%;
   outline: none;
 }
+.mfui-select__title:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 27px;
+  z-index: 1;
+  display: block;
+  border-top: 6px solid;
+  border-right: 5px solid transparent;
+  border-bottom: none;
+  border-left: 5px solid transparent;
+  color: var(--brandGreen);
+  cursor: pointer;
+  -webkit-transition: -webkit-transform 0.6s;
+  transition: -webkit-transform 0.6s;
+  transition: transform 0.6s;
+  transition: transform 0.6s, -webkit-transform 0.6s;
+}
 .mfui-select__title-value {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -343,9 +341,9 @@
   opacity: 1;
 }
 .mfui-select_open {
-  z-index: 100;
+  z-index: 12;
 }
-.mfui-select_open .mfui-select__control:after {
+.mfui-select_open .mfui-select__title:after {
   -webkit-transform: rotate(-180deg);
           transform: rotate(-180deg);
 }
@@ -385,7 +383,7 @@
 .mfui-select_disabled .mfui-select__title-inner:after {
   display: none;
 }
-.mfui-select_disabled .mfui-select__control:after {
+.mfui-select_disabled .mfui-select__title:after {
   color: var(--content);
   opacity: 0.5;
 }

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

@@ -36,6 +36,8 @@ export interface ITabsProps {
         panel?: Record<string, string>;
         prev?: Record<string, string>;
         next?: Record<string, string>;
+        wrapper?: Record<string, string>;
+        swiperWrapper?: Record<string, string>;
     };
     /** Размер табов */
     size?: TabSizeType;

package/dist/lib/components/Tabs/Tabs.js

@@ -425,19 +425,20 @@ var Tabs = function Tabs(_ref) {
       'auto-width': autoWidth
     }, [className, classes.root]),
     ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('wrapper', [classes === null || classes === void 0 ? void 0 : classes.wrapper]),
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     ref: tabListRef,
     style: {
       height: tabListHeight
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.wrapper), {
+    className: cn('wrapper', [classes === null || classes === void 0 ? void 0 : classes.wrapper])
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn('swiper-wrapper', [classes === null || classes === void 0 ? void 0 : classes.swiperWrapper]),
     style: {
       paddingLeft: stickyOffset.left,
       paddingRight: stickyOffset.right
     }
-  }, /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slider), {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiperWrapper)), /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slider), {
     simulateTouch: false,
     className: cn('swiper', {
       beginning: isBeginning,
@@ -489,7 +490,9 @@ Tabs.propTypes = {
     slider: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     panel: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     prev: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    next: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+    next: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    wrapper: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    swiperWrapper: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
   size: _propTypes["default"].oneOf(Object.values(TabSize)),
   align: _propTypes["default"].oneOf(Object.values(TabAlign)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.14.1",
+  "version": "4.15.0",
   "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.0",
+    "@megafon/ui-icons": "^2.8.1",
     "@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": "f4e8d7fc125d61575ec4fb4ce4d111c94a87c18f"
+  "gitHead": "2b3c9ee6628b04ef8cf0105476716cac5558db02"
 }