@megafon/ui-shared 4.21.0 → 4.21.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.21.1](https://hq-gitlab.megafon.ru/site-portal/libraries/javascript/megafon-ui/compare/@megafon/ui-shared@4.21.0...@megafon/ui-shared@4.21.1) (2023-08-25)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
 # [4.21.0](https://hq-gitlab.megafon.ru/site-portal/libraries/javascript/megafon-ui/compare/@megafon/ui-shared@4.20.5...@megafon/ui-shared@4.21.0) (2023-08-21)
 
 

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

@@ -27,7 +27,7 @@ export interface IAccordionBox {
     isFullWidth?: boolean;
     /** Центрирование по горизонтали для расширения 1280+ */
     hCenterAlignWide?: boolean;
-    /** Дополнительный класс для корнеовго элемента */
+    /** Дополнительный класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для корневого и внутренних элементов */
     classes?: {

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 
@@ -20,6 +21,7 @@ import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./AccordionBox.css";
 import { getColumnConfig } from "../../helpers/getColumnConfig";
+var testIdPrefix = 'AccordionBox';
 var cn = cnCreate('mfui-accordion-box');
 
 var AccordionBox = function AccordionBox(_a) {
@@ -32,8 +34,19 @@ var AccordionBox = function AccordionBox(_a) {
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, /*#__PURE__*/React.createElement(Grid, {
-    hAlign: hCenterAlignWide ? 'center' : 'left'
-  }, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(isFullWidth), /*#__PURE__*/React.createElement(Accordion, restProps))));
+    hAlign: hCenterAlignWide ? 'center' : 'left',
+    dataAttrs: {
+      container: {
+        'data-testid': "".concat(testIdPrefix, "-container")
+      }
+    }
+  }, /*#__PURE__*/React.createElement(GridColumn, _extends({}, getColumnConfig(isFullWidth), {
+    dataAttrs: {
+      root: {
+        'data-testid': "".concat(testIdPrefix, "-column")
+      }
+    }
+  }), /*#__PURE__*/React.createElement(Accordion, restProps))));
 };
 
 AccordionBox.propTypes = {

package/dist/es/components/Card/Card.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-card {
+.mfui-card-old {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -15,7 +15,7 @@ h5 {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
-.mfui-card__inner {
+.mfui-card-old__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -34,18 +34,18 @@ h5 {
   padding: 32px 20px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-card__inner {
+  .mfui-card-old__inner {
     padding: 24px 16px;
   }
 }
-.mfui-card__text {
+.mfui-card-old__text {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
   margin-top: 12px;
   color: var(--content);
 }
-.mfui-card__btns-wrapper {
+.mfui-card-old__btns-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -60,30 +60,30 @@ h5 {
   margin-top: auto;
   padding-top: 12px;
 }
-.mfui-card__btns-wrapper_left-align {
+.mfui-card-old__btns-wrapper_left-align {
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.mfui-card__fake-link {
+.mfui-card-old__fake-link {
   color: var(--systemBlue);
 }
-.mfui-card__button,
-.mfui-card__link,
-.mfui-card__fake-link {
+.mfui-card-old__button,
+.mfui-card-old__link,
+.mfui-card-old__fake-link {
   margin: 12px 10px;
 }
-.mfui-card__svg-wrapper {
+.mfui-card-old__svg-wrapper {
   margin-bottom: 24px;
 }
-.mfui-card__svg-wrapper svg {
+.mfui-card-old__svg-wrapper svg {
   width: 40px;
   height: 40px;
 }
-.mfui-card__pic-wrapper .mfui-card__img {
+.mfui-card-old__pic-wrapper .mfui-card-old__img {
   max-width: 100%;
 }
-.mfui-card__pic-wrapper {
+.mfui-card-old__pic-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -99,32 +99,32 @@ h5 {
   margin-left: -20px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-card__pic-wrapper {
+  .mfui-card-old__pic-wrapper {
     margin-top: -24px;
     margin-right: -16px;
     margin-bottom: 24px;
     margin-left: -16px;
   }
 }
-.mfui-card__pic-wrapper_object-fit_fill img {
+.mfui-card-old__pic-wrapper_object-fit_fill img {
   width: 100%;
   height: auto;
 }
-.mfui-card__pic-wrapper_object-fit_contain img {
+.mfui-card-old__pic-wrapper_object-fit_contain img {
   width: auto;
   height: 100%;
 }
-.mfui-card_href * {
+.mfui-card-old_href * {
   text-decoration: none !important;
 }
-.mfui-card_href:hover {
+.mfui-card-old_href:hover {
   -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
           box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
 }
-.mfui-card_full-height {
+.mfui-card-old_full-height {
   height: 100%;
 }
-.mfui-card_centered-text .mfui-card__text,
-.mfui-card_centered-text .mfui-card__title {
+.mfui-card-old_centered-text .mfui-card-old__text,
+.mfui-card-old_centered-text .mfui-card-old__title {
   text-align: center;
 }

package/dist/es/components/Card/Card.js

@@ -14,7 +14,7 @@ export var ObjectFit = {
   FILL: 'fill',
   CONTAIN: 'contain'
 };
-var cn = cnCreate('mfui-card');
+var cn = cnCreate('mfui-card-old');
 
 var Card = function Card(_ref) {
   var dataAttrs = _ref.dataAttrs,

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

@@ -27,7 +27,7 @@ export interface IAccordionBox {
     isFullWidth?: boolean;
     /** Центрирование по горизонтали для расширения 1280+ */
     hCenterAlignWide?: boolean;
-    /** Дополнительный класс для корнеовго элемента */
+    /** Дополнительный класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для корневого и внутренних элементов */
     classes?: {

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 require("core-js/modules/es.array.index-of.js");
 
 require("core-js/modules/es.symbol.js");
@@ -25,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -38,6 +42,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
+var testIdPrefix = 'AccordionBox';
 var cn = (0, _uiHelpers.cnCreate)('mfui-accordion-box');
 
 var AccordionBox = function AccordionBox(_a) {
@@ -50,8 +55,19 @@ var AccordionBox = function AccordionBox(_a) {
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
-    hAlign: hCenterAlignWide ? 'center' : 'left'
-  }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _getColumnConfig.getColumnConfig)(isFullWidth), /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
+    hAlign: hCenterAlignWide ? 'center' : 'left',
+    dataAttrs: {
+      container: {
+        'data-testid': "".concat(testIdPrefix, "-container")
+      }
+    }
+  }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, (0, _getColumnConfig.getColumnConfig)(isFullWidth), {
+    dataAttrs: {
+      root: {
+        'data-testid': "".concat(testIdPrefix, "-column")
+      }
+    }
+  }), /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
 };
 
 AccordionBox.propTypes = {

package/dist/lib/components/Card/Card.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-card {
+.mfui-card-old {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -15,7 +15,7 @@ h5 {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
-.mfui-card__inner {
+.mfui-card-old__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -34,18 +34,18 @@ h5 {
   padding: 32px 20px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-card__inner {
+  .mfui-card-old__inner {
     padding: 24px 16px;
   }
 }
-.mfui-card__text {
+.mfui-card-old__text {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
   margin-top: 12px;
   color: var(--content);
 }
-.mfui-card__btns-wrapper {
+.mfui-card-old__btns-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -60,30 +60,30 @@ h5 {
   margin-top: auto;
   padding-top: 12px;
 }
-.mfui-card__btns-wrapper_left-align {
+.mfui-card-old__btns-wrapper_left-align {
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.mfui-card__fake-link {
+.mfui-card-old__fake-link {
   color: var(--systemBlue);
 }
-.mfui-card__button,
-.mfui-card__link,
-.mfui-card__fake-link {
+.mfui-card-old__button,
+.mfui-card-old__link,
+.mfui-card-old__fake-link {
   margin: 12px 10px;
 }
-.mfui-card__svg-wrapper {
+.mfui-card-old__svg-wrapper {
   margin-bottom: 24px;
 }
-.mfui-card__svg-wrapper svg {
+.mfui-card-old__svg-wrapper svg {
   width: 40px;
   height: 40px;
 }
-.mfui-card__pic-wrapper .mfui-card__img {
+.mfui-card-old__pic-wrapper .mfui-card-old__img {
   max-width: 100%;
 }
-.mfui-card__pic-wrapper {
+.mfui-card-old__pic-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -99,32 +99,32 @@ h5 {
   margin-left: -20px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-card__pic-wrapper {
+  .mfui-card-old__pic-wrapper {
     margin-top: -24px;
     margin-right: -16px;
     margin-bottom: 24px;
     margin-left: -16px;
   }
 }
-.mfui-card__pic-wrapper_object-fit_fill img {
+.mfui-card-old__pic-wrapper_object-fit_fill img {
   width: 100%;
   height: auto;
 }
-.mfui-card__pic-wrapper_object-fit_contain img {
+.mfui-card-old__pic-wrapper_object-fit_contain img {
   width: auto;
   height: 100%;
 }
-.mfui-card_href * {
+.mfui-card-old_href * {
   text-decoration: none !important;
 }
-.mfui-card_href:hover {
+.mfui-card-old_href:hover {
   -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
           box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
 }
-.mfui-card_full-height {
+.mfui-card-old_full-height {
   height: 100%;
 }
-.mfui-card_centered-text .mfui-card__text,
-.mfui-card_centered-text .mfui-card__title {
+.mfui-card-old_centered-text .mfui-card-old__text,
+.mfui-card-old_centered-text .mfui-card-old__title {
   text-align: center;
 }

package/dist/lib/components/Card/Card.js

@@ -31,7 +31,7 @@ var ObjectFit = {
   CONTAIN: 'contain'
 };
 exports.ObjectFit = ObjectFit;
-var cn = (0, _uiHelpers.cnCreate)('mfui-card');
+var cn = (0, _uiHelpers.cnCreate)('mfui-card-old');
 
 var Card = function Card(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.21.0",
+  "version": "4.21.1",
   "files": [
     "dist"
   ],
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^5.1.2",
+    "@megafon/ui-core": "^5.2.0",
     "@megafon/ui-helpers": "^2.5.2",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "5c1ab056af4f3c2ced942d4e4b820e049b671a5d"
+  "gitHead": "dcc83f03d9aa2088d55b98deecafe819051cda0d"
 }