@megafon/ui-shared 6.5.1 → 6.7.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 (236) hide show
  1. package/CHANGELOG.md +26 -3
  2. package/dist/es/components/AccordionBox/AccordionBox.css +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +1 -1
  4. package/dist/es/components/AudioPlayer/AudioPlayer.js +1 -1
  5. package/dist/es/components/AudioPlayer/AudioProgress.js +1 -1
  6. package/dist/es/components/AudioPlayer/AudioRange.js +1 -1
  7. package/dist/es/components/AudioPlayer/AudioVolume.js +1 -1
  8. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +10 -10
  9. package/dist/es/components/AudioPlayer/style/AudioProgress.css +5 -5
  10. package/dist/es/components/AudioPlayer/style/AudioRange.css +8 -8
  11. package/dist/es/components/AudioPlayer/style/AudioVolume.css +7 -7
  12. package/dist/es/components/BannerBox/BannerBox.js +1 -1
  13. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +1 -1
  14. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +1 -1
  15. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +9 -9
  16. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +24 -24
  17. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +1 -1
  18. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +9 -9
  19. package/dist/es/components/BlogBox/BlogBox.css +17 -17
  20. package/dist/es/components/BlogBox/BlogBox.js +1 -1
  21. package/dist/es/components/BlogBox/components/BlogBoxTile.css +34 -34
  22. package/dist/es/components/BlogBox/components/BlogBoxTile.js +1 -1
  23. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +12 -9
  24. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +4 -0
  25. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +19 -4
  26. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +3 -3
  27. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +1 -1
  28. package/dist/es/components/ButtonBanner/ButtonBanner.css +21 -21
  29. package/dist/es/components/ButtonBanner/ButtonBanner.js +1 -1
  30. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +3 -3
  31. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
  32. package/dist/es/components/Card/Card.css +60 -60
  33. package/dist/es/components/Card/Card.js +1 -1
  34. package/dist/es/components/CardsBox/CardsBox.js +1 -1
  35. package/dist/es/components/CarouselBox/CarouselBox.js +1 -1
  36. package/dist/es/components/Container/Container.css +1324 -1324
  37. package/dist/es/components/Container/Container.js +1 -1
  38. package/dist/es/components/DarkGradientCards/DarkGradientCards.css +2 -2
  39. package/dist/es/components/DarkGradientCards/DarkGradientCards.js +1 -1
  40. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.css +27 -27
  41. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.js +1 -1
  42. package/dist/es/components/DownloadLinks/DownloadLink.css +5 -5
  43. package/dist/es/components/DownloadLinks/DownloadLink.js +1 -1
  44. package/dist/es/components/DownloadLinks/DownloadLinks.css +7 -7
  45. package/dist/es/components/DownloadLinks/DownloadLinks.js +1 -1
  46. package/dist/es/components/ImageBanner/ImageBanner.css +44 -41
  47. package/dist/es/components/ImageBanner/ImageBanner.d.ts +2 -0
  48. package/dist/es/components/ImageBanner/ImageBanner.js +7 -3
  49. package/dist/es/components/InfoCards/InfoCards.css +14 -14
  50. package/dist/es/components/InfoCards/InfoCards.js +1 -1
  51. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +43 -43
  52. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +1 -1
  53. package/dist/es/components/Instructions/Instructions.css +140 -140
  54. package/dist/es/components/Instructions/Instructions.js +1 -1
  55. package/dist/es/components/Instructions/img/android-new.png +0 -0
  56. package/dist/es/components/Instructions/img/android.png +0 -0
  57. package/dist/es/components/Instructions/img/blackIphone.png +0 -0
  58. package/dist/es/components/Instructions/img/iphone-new.png +0 -0
  59. package/dist/es/components/Instructions/img/iphone15.png +0 -0
  60. package/dist/es/components/Instructions/img/laptop-new.png +0 -0
  61. package/dist/es/components/Instructions/img/laptop.png +0 -0
  62. package/dist/es/components/Instructions/img/newIphone.png +0 -0
  63. package/dist/es/components/Instructions/img/whiteIphone.png +0 -0
  64. package/dist/es/components/NotificationBox/NotificationBox.js +1 -1
  65. package/dist/es/components/NotificationBox/style/NotificationBox.css +5 -5
  66. package/dist/es/components/PageTitle/PageTitle.css +13 -21
  67. package/dist/es/components/PageTitle/PageTitle.js +3 -1
  68. package/dist/es/components/Partners/Partners.css +8 -8
  69. package/dist/es/components/Partners/Partners.js +1 -1
  70. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +12 -12
  71. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +1 -1
  72. package/dist/es/components/Property/Property.css +28 -28
  73. package/dist/es/components/Property/Property.js +1 -1
  74. package/dist/es/components/Property/PropertyDescription.css +2 -2
  75. package/dist/es/components/Property/PropertyDescription.js +1 -1
  76. package/dist/es/components/SidePictureCards/SidePictureCards.js +1 -1
  77. package/dist/es/components/SidePictureCards/components/SidePictureCard.css +25 -25
  78. package/dist/es/components/SidePictureCards/components/SidePictureCard.js +1 -1
  79. package/dist/es/components/Steps/Steps.css +8 -8
  80. package/dist/es/components/Steps/Steps.js +1 -1
  81. package/dist/es/components/Steps/StepsItem.css +4 -4
  82. package/dist/es/components/Steps/StepsItem.js +1 -1
  83. package/dist/es/components/StoreBanner/StoreBanner.css +67 -67
  84. package/dist/es/components/StoreBanner/StoreBanner.js +1 -1
  85. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  86. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  87. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  88. package/dist/es/components/StoreBanner/img/android.png +0 -0
  89. package/dist/es/components/StoreBanner/img/black-iphone.png +0 -0
  90. package/dist/es/components/StoreBanner/img/new-iphone.png +0 -0
  91. package/dist/es/components/StoreBanner/img/white-iphone.png +0 -0
  92. package/dist/es/components/StoreButton/StoreButton.css +121 -121
  93. package/dist/es/components/StoreButton/StoreButton.js +1 -1
  94. package/dist/es/components/StoreButton/img/app-store-large.png +0 -0
  95. package/dist/es/components/StoreButton/img/galaxy-store-large.png +0 -0
  96. package/dist/es/components/StoreButton/img/google-play-large.png +0 -0
  97. package/dist/es/components/StoreButton/img/huawei-store-large.png +0 -0
  98. package/dist/es/components/StoreButton/img/mi-store-large.png +0 -0
  99. package/dist/es/components/StoreButton/img/ru-store-large.png +0 -0
  100. package/dist/es/components/StoreButton/img/v-appstore-large.png +0 -0
  101. package/dist/es/components/StoreButton/img/v-appstore.png +0 -0
  102. package/dist/es/components/Table/Table.css +27 -27
  103. package/dist/es/components/Table/Table.js +1 -1
  104. package/dist/es/components/TabsBox/TabsBox.js +1 -1
  105. package/dist/es/components/TextBox/TextBox.css +6 -6
  106. package/dist/es/components/TextBox/TextBox.js +1 -1
  107. package/dist/es/components/TextBox/TextBoxPicture.css +6 -6
  108. package/dist/es/components/TextBox/TextBoxPicture.js +1 -1
  109. package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -1
  110. package/dist/es/components/TextWithIcon/TextWithIcon.js +1 -1
  111. package/dist/es/components/TextWithIcon/TextWithIconItem.css +5 -5
  112. package/dist/es/components/TextWithIcon/TextWithIconItem.js +1 -1
  113. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +7 -7
  114. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
  115. package/dist/es/components/VideoBanner/VideoBanner.css +43 -48
  116. package/dist/es/components/VideoBanner/VideoBanner.js +2 -1
  117. package/dist/es/components/VideoBlock/VideoBlock.css +18 -18
  118. package/dist/es/components/VideoBlock/VideoBlock.js +1 -1
  119. package/dist/lib/components/AccordionBox/AccordionBox.css +2 -2
  120. package/dist/lib/components/AccordionBox/AccordionBox.js +1 -1
  121. package/dist/lib/components/AudioPlayer/AudioPlayer.js +1 -1
  122. package/dist/lib/components/AudioPlayer/AudioProgress.js +1 -1
  123. package/dist/lib/components/AudioPlayer/AudioRange.js +1 -1
  124. package/dist/lib/components/AudioPlayer/AudioVolume.js +1 -1
  125. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +10 -10
  126. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +5 -5
  127. package/dist/lib/components/AudioPlayer/style/AudioRange.css +8 -8
  128. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +7 -7
  129. package/dist/lib/components/BannerBox/BannerBox.js +1 -1
  130. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +1 -1
  131. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +1 -1
  132. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +9 -9
  133. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +24 -24
  134. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +1 -1
  135. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +9 -9
  136. package/dist/lib/components/BlogBox/BlogBox.css +17 -17
  137. package/dist/lib/components/BlogBox/BlogBox.js +1 -1
  138. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +34 -34
  139. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +1 -1
  140. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +12 -9
  141. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +4 -0
  142. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +20 -4
  143. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +3 -3
  144. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +1 -1
  145. package/dist/lib/components/ButtonBanner/ButtonBanner.css +21 -21
  146. package/dist/lib/components/ButtonBanner/ButtonBanner.js +1 -1
  147. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +3 -3
  148. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
  149. package/dist/lib/components/Card/Card.css +60 -60
  150. package/dist/lib/components/Card/Card.js +1 -1
  151. package/dist/lib/components/CardsBox/CardsBox.js +1 -1
  152. package/dist/lib/components/CarouselBox/CarouselBox.js +1 -1
  153. package/dist/lib/components/Container/Container.css +1324 -1324
  154. package/dist/lib/components/Container/Container.js +1 -1
  155. package/dist/lib/components/DarkGradientCards/DarkGradientCards.css +2 -2
  156. package/dist/lib/components/DarkGradientCards/DarkGradientCards.js +1 -1
  157. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.css +27 -27
  158. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.js +1 -1
  159. package/dist/lib/components/DownloadLinks/DownloadLink.css +5 -5
  160. package/dist/lib/components/DownloadLinks/DownloadLink.js +1 -1
  161. package/dist/lib/components/DownloadLinks/DownloadLinks.css +7 -7
  162. package/dist/lib/components/DownloadLinks/DownloadLinks.js +1 -1
  163. package/dist/lib/components/ImageBanner/ImageBanner.css +44 -41
  164. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +2 -0
  165. package/dist/lib/components/ImageBanner/ImageBanner.js +7 -3
  166. package/dist/lib/components/InfoCards/InfoCards.css +14 -14
  167. package/dist/lib/components/InfoCards/InfoCards.js +1 -1
  168. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +43 -43
  169. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +1 -1
  170. package/dist/lib/components/Instructions/Instructions.css +140 -140
  171. package/dist/lib/components/Instructions/Instructions.js +1 -1
  172. package/dist/lib/components/Instructions/img/android-new.png +0 -0
  173. package/dist/lib/components/Instructions/img/android.png +0 -0
  174. package/dist/lib/components/Instructions/img/blackIphone.png +0 -0
  175. package/dist/lib/components/Instructions/img/iphone-new.png +0 -0
  176. package/dist/lib/components/Instructions/img/iphone15.png +0 -0
  177. package/dist/lib/components/Instructions/img/laptop-new.png +0 -0
  178. package/dist/lib/components/Instructions/img/laptop.png +0 -0
  179. package/dist/lib/components/Instructions/img/newIphone.png +0 -0
  180. package/dist/lib/components/Instructions/img/whiteIphone.png +0 -0
  181. package/dist/lib/components/NotificationBox/NotificationBox.js +1 -1
  182. package/dist/lib/components/NotificationBox/style/NotificationBox.css +5 -5
  183. package/dist/lib/components/PageTitle/PageTitle.css +13 -21
  184. package/dist/lib/components/PageTitle/PageTitle.js +3 -1
  185. package/dist/lib/components/Partners/Partners.css +8 -8
  186. package/dist/lib/components/Partners/Partners.js +1 -1
  187. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +12 -12
  188. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +1 -1
  189. package/dist/lib/components/Property/Property.css +28 -28
  190. package/dist/lib/components/Property/Property.js +1 -1
  191. package/dist/lib/components/Property/PropertyDescription.css +2 -2
  192. package/dist/lib/components/Property/PropertyDescription.js +1 -1
  193. package/dist/lib/components/SidePictureCards/SidePictureCards.js +1 -1
  194. package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +25 -25
  195. package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +1 -1
  196. package/dist/lib/components/Steps/Steps.css +8 -8
  197. package/dist/lib/components/Steps/Steps.js +1 -1
  198. package/dist/lib/components/Steps/StepsItem.css +4 -4
  199. package/dist/lib/components/Steps/StepsItem.js +1 -1
  200. package/dist/lib/components/StoreBanner/StoreBanner.css +67 -67
  201. package/dist/lib/components/StoreBanner/StoreBanner.js +1 -1
  202. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  203. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  204. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  205. package/dist/lib/components/StoreBanner/img/android.png +0 -0
  206. package/dist/lib/components/StoreBanner/img/black-iphone.png +0 -0
  207. package/dist/lib/components/StoreBanner/img/new-iphone.png +0 -0
  208. package/dist/lib/components/StoreBanner/img/white-iphone.png +0 -0
  209. package/dist/lib/components/StoreButton/StoreButton.css +121 -121
  210. package/dist/lib/components/StoreButton/StoreButton.js +1 -1
  211. package/dist/lib/components/StoreButton/img/app-store-large.png +0 -0
  212. package/dist/lib/components/StoreButton/img/galaxy-store-large.png +0 -0
  213. package/dist/lib/components/StoreButton/img/google-play-large.png +0 -0
  214. package/dist/lib/components/StoreButton/img/huawei-store-large.png +0 -0
  215. package/dist/lib/components/StoreButton/img/mi-store-large.png +0 -0
  216. package/dist/lib/components/StoreButton/img/ru-store-large.png +0 -0
  217. package/dist/lib/components/StoreButton/img/v-appstore-large.png +0 -0
  218. package/dist/lib/components/StoreButton/img/v-appstore.png +0 -0
  219. package/dist/lib/components/Table/Table.css +27 -27
  220. package/dist/lib/components/Table/Table.js +1 -1
  221. package/dist/lib/components/TabsBox/TabsBox.js +1 -1
  222. package/dist/lib/components/TextBox/TextBox.css +6 -6
  223. package/dist/lib/components/TextBox/TextBox.js +1 -1
  224. package/dist/lib/components/TextBox/TextBoxPicture.css +6 -6
  225. package/dist/lib/components/TextBox/TextBoxPicture.js +1 -1
  226. package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -1
  227. package/dist/lib/components/TextWithIcon/TextWithIcon.js +1 -1
  228. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +5 -5
  229. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +1 -1
  230. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +7 -7
  231. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
  232. package/dist/lib/components/VideoBanner/VideoBanner.css +43 -48
  233. package/dist/lib/components/VideoBanner/VideoBanner.js +2 -1
  234. package/dist/lib/components/VideoBlock/VideoBlock.css +18 -18
  235. package/dist/lib/components/VideoBlock/VideoBlock.js +1 -1
  236. package/package.json +4 -4
@@ -45,7 +45,7 @@ export var elementOrderTypes = {
45
45
  REVERSED: 'reversed'
46
46
  };
47
47
  var testIdPrefix = 'Instructions';
48
- var cn = cnCreate('mfui-instructions');
48
+ var cn = cnCreate('mfui-v6-instructions');
49
49
  var swiperSlideCn = cn('slide');
50
50
 
51
51
  var Instructions = function Instructions(_ref) {
@@ -25,7 +25,7 @@ export var Align = {
25
25
  LEFT: 'left',
26
26
  CENTER: 'center'
27
27
  };
28
- var cn = cnCreate('mfui-notification-box');
28
+ var cn = cnCreate('mfui-v6-notification-box');
29
29
 
30
30
  var NotificationBox = function NotificationBox(_a) {
31
31
  var _a$align = _a.align,
@@ -5,23 +5,23 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-notification-box {
8
+ .mfui-v6-notification-box {
9
9
  display: -webkit-box;
10
10
  display: -ms-flexbox;
11
11
  display: flex;
12
12
  }
13
- .mfui-notification-box:not(:first-child) {
13
+ .mfui-v6-notification-box:not(:first-child) {
14
14
  margin-top: 24px;
15
15
  }
16
- .mfui-notification-box__notification {
16
+ .mfui-v6-notification-box__notification {
17
17
  max-width: 740px;
18
18
  }
19
- .mfui-notification-box_align_left {
19
+ .mfui-v6-notification-box_align_left {
20
20
  -webkit-box-pack: start;
21
21
  -ms-flex-pack: start;
22
22
  justify-content: flex-start;
23
23
  }
24
- .mfui-notification-box_align_center {
24
+ .mfui-v6-notification-box_align_center {
25
25
  -webkit-box-pack: center;
26
26
  -ms-flex-pack: center;
27
27
  justify-content: center;
@@ -5,37 +5,29 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-page-title {
8
+ .mfui-v6-page-title {
9
9
  display: inline-block;
10
10
  width: 100%;
11
11
  }
12
- .mfui-page-title__breadcrumbs {
13
- margin-top: 32px;
14
- }
15
- @media screen and (max-width: 767px) {
16
- .mfui-page-title__breadcrumbs {
17
- display: none;
18
- }
19
- }
20
- .mfui-page-title__title {
12
+ .mfui-v6-page-title__title {
21
13
  margin-top: 110px;
22
14
  }
23
15
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
24
- .mfui-page-title__title {
16
+ .mfui-v6-page-title__title {
25
17
  margin-top: 100px;
26
18
  }
27
19
  }
28
20
  @media screen and (min-width: 768px) and (max-width: 1023px) {
29
- .mfui-page-title__title {
21
+ .mfui-v6-page-title__title {
30
22
  margin-top: 90px;
31
23
  }
32
24
  }
33
25
  @media screen and (max-width: 767px) {
34
- .mfui-page-title__title {
26
+ .mfui-v6-page-title__title {
35
27
  margin-top: 45px;
36
28
  }
37
29
  }
38
- .mfui-page-title__badge {
30
+ .mfui-v6-page-title__badge {
39
31
  font-size: 12px;
40
32
  line-height: 18px;
41
33
  display: inline-block;
@@ -46,35 +38,35 @@ h5 {
46
38
  background-color: var(--brandPurple);
47
39
  }
48
40
  @media screen and (min-width: 1280px) {
49
- .mfui-page-title__badge_under-breadcrumbs {
41
+ .mfui-v6-page-title__badge_under-breadcrumbs {
50
42
  margin-top: 32px;
51
43
  }
52
44
  }
53
45
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
54
- .mfui-page-title__badge_under-breadcrumbs {
46
+ .mfui-v6-page-title__badge_under-breadcrumbs {
55
47
  margin-top: 24px;
56
48
  }
57
49
  }
58
50
  @media screen and (min-width: 768px) and (max-width: 1023px) {
59
- .mfui-page-title__badge_under-breadcrumbs {
51
+ .mfui-v6-page-title__badge_under-breadcrumbs {
60
52
  margin-top: 16px;
61
53
  }
62
54
  }
63
55
  @media screen and (min-width: 1280px) {
64
- .mfui-page-title__title_under-breadcrumbs {
56
+ .mfui-v6-page-title__title_under-breadcrumbs {
65
57
  margin-top: 60px;
66
58
  }
67
59
  }
68
60
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
69
- .mfui-page-title__title_under-breadcrumbs {
61
+ .mfui-v6-page-title__title_under-breadcrumbs {
70
62
  margin-top: 50px;
71
63
  }
72
64
  }
73
65
  @media screen and (min-width: 768px) and (max-width: 1023px) {
74
- .mfui-page-title__title_under-breadcrumbs {
66
+ .mfui-v6-page-title__title_under-breadcrumbs {
75
67
  margin-top: 45px;
76
68
  }
77
69
  }
78
- .mfui-page-title__badge + .mfui-page-title__title {
70
+ .mfui-v6-page-title__badge + .mfui-v6-page-title__title {
79
71
  margin-top: 8px;
80
72
  }
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import "./PageTitle.css";
7
7
  import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
8
8
  var testIdPrefix = 'PageTitle';
9
- var cn = cnCreate('mfui-page-title');
9
+ var cn = cnCreate('mfui-v6-page-title');
10
10
 
11
11
  var PageTitle = function PageTitle(_ref) {
12
12
  var dataAttrs = _ref.dataAttrs,
@@ -52,6 +52,8 @@ var PageTitle = function PageTitle(_ref) {
52
52
  className: cn([className]),
53
53
  ref: rootRef
54
54
  }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
55
+ disabledOnMobile: true,
56
+ hasMarginTop: true,
55
57
  hasMicrodata: hasBreadcrumbsMicrodata,
56
58
  items: breadcrumbs,
57
59
  dataAttrs: {
@@ -5,44 +5,44 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-partners__tile:not(:last-child) {
8
+ .mfui-v6-partners__tile:not(:last-child) {
9
9
  margin-bottom: 20px;
10
10
  }
11
11
  @media screen and (max-width: 767px) {
12
- .mfui-partners__tile:not(:last-child) {
12
+ .mfui-v6-partners__tile:not(:last-child) {
13
13
  margin-bottom: 16px;
14
14
  }
15
15
  }
16
- .mfui-partners__tile-inner {
16
+ .mfui-v6-partners__tile-inner {
17
17
  -webkit-box-sizing: border-box;
18
18
  box-sizing: border-box;
19
19
  height: 132px;
20
20
  padding: 28px 48px;
21
21
  }
22
22
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
23
- .mfui-partners__tile-inner {
23
+ .mfui-v6-partners__tile-inner {
24
24
  height: 104px;
25
25
  padding: 22px 37px;
26
26
  }
27
27
  }
28
28
  @media screen and (min-width: 768px) and (max-width: 1023px) {
29
- .mfui-partners__tile-inner {
29
+ .mfui-v6-partners__tile-inner {
30
30
  height: 77px;
31
31
  padding: 10px;
32
32
  }
33
33
  }
34
34
  @media screen and (max-width: 767px) {
35
- .mfui-partners__tile-inner {
35
+ .mfui-v6-partners__tile-inner {
36
36
  height: 60px;
37
37
  padding: 8px;
38
38
  }
39
39
  }
40
- .mfui-partners__img-wrapper {
40
+ .mfui-v6-partners__img-wrapper {
41
41
  position: relative;
42
42
  width: 100%;
43
43
  height: 100%;
44
44
  }
45
- .mfui-partners__tile-img {
45
+ .mfui-v6-partners__tile-img {
46
46
  position: absolute;
47
47
  top: 50%;
48
48
  left: 50%;
@@ -22,7 +22,7 @@ var slidesSettings = (_slidesSettings = {}, _defineProperty(_slidesSettings, bre
22
22
  spaceBetween: 20
23
23
  }), _slidesSettings);
24
24
  var testIdPrefix = 'Partners';
25
- var cn = cnCreate('mfui-partners');
25
+ var cn = cnCreate('mfui-v6-partners');
26
26
 
27
27
  var Partners = function Partners(_ref) {
28
28
  var rootRef = _ref.rootRef,
@@ -6,7 +6,7 @@ h5 {
6
6
  margin: 0;
7
7
  }
8
8
  @media screen and (min-width: 1024px) {
9
- .mfui-picture-with-description {
9
+ .mfui-v6-picture-with-description {
10
10
  display: -webkit-box;
11
11
  display: -ms-flexbox;
12
12
  display: flex;
@@ -18,22 +18,22 @@ h5 {
18
18
  justify-content: center;
19
19
  }
20
20
  }
21
- .mfui-picture-with-description__title {
21
+ .mfui-v6-picture-with-description__title {
22
22
  margin-bottom: 24px;
23
23
  }
24
- .mfui-picture-with-description__picture {
24
+ .mfui-v6-picture-with-description__picture {
25
25
  -ms-flex-item-align: start;
26
26
  align-self: flex-start;
27
27
  overflow: hidden;
28
28
  text-align: center;
29
29
  }
30
30
  @media screen and (max-width: 1023px) {
31
- .mfui-picture-with-description__picture {
31
+ .mfui-v6-picture-with-description__picture {
32
32
  margin: 0 auto 32px;
33
33
  }
34
34
  }
35
35
  @media screen and (min-width: 1024px) {
36
- .mfui-picture-with-description__picture {
36
+ .mfui-v6-picture-with-description__picture {
37
37
  -webkit-box-ordinal-group: 3;
38
38
  -ms-flex-order: 2;
39
39
  order: 2;
@@ -41,26 +41,26 @@ h5 {
41
41
  }
42
42
  }
43
43
  @media screen and (min-width: 1024px) {
44
- .mfui-picture-with-description__picture_align_left {
44
+ .mfui-v6-picture-with-description__picture_align_left {
45
45
  -webkit-box-ordinal-group: 1;
46
46
  -ms-flex-order: 0;
47
47
  order: 0;
48
48
  margin-right: 20px;
49
49
  }
50
50
  }
51
- .mfui-picture-with-description__img {
51
+ .mfui-v6-picture-with-description__img {
52
52
  width: 100%;
53
53
  max-width: 550px;
54
54
  height: 100%;
55
55
  }
56
- .mfui-picture-with-description__content > :first-child {
56
+ .mfui-v6-picture-with-description__content > :first-child {
57
57
  margin-top: 0 !important;
58
58
  }
59
- .mfui-picture-with-description__content > :last-child {
59
+ .mfui-v6-picture-with-description__content > :last-child {
60
60
  margin-bottom: 0 !important;
61
61
  }
62
62
  @media screen and (min-width: 1024px) {
63
- .mfui-picture-with-description__articles {
63
+ .mfui-v6-picture-with-description__articles {
64
64
  -webkit-box-ordinal-group: 2;
65
65
  -ms-flex-order: 1;
66
66
  order: 1;
@@ -68,13 +68,13 @@ h5 {
68
68
  }
69
69
  }
70
70
  @media screen and (min-width: 1024px) {
71
- .mfui-picture-with-description__articles_text-top-align {
71
+ .mfui-v6-picture-with-description__articles_text-top-align {
72
72
  -ms-flex-item-align: start;
73
73
  align-self: flex-start;
74
74
  }
75
75
  }
76
76
  @media screen and (min-width: 1024px) {
77
- .mfui-picture-with-description__articles_align_right {
77
+ .mfui-v6-picture-with-description__articles_align_right {
78
78
  margin-right: 20px;
79
79
  }
80
80
  }
@@ -8,7 +8,7 @@ export var pictureAlignTypes = {
8
8
  RIGHT: 'right'
9
9
  };
10
10
  var testIdPrefix = 'PictureWithDescription';
11
- var cn = cnCreate('mfui-picture-with-description');
11
+ var cn = cnCreate('mfui-v6-picture-with-description');
12
12
 
13
13
  var PictureWithDescription = function PictureWithDescription(_ref) {
14
14
  var rootRef = _ref.rootRef,
@@ -5,7 +5,7 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-property__wrapper {
8
+ .mfui-v6-property__wrapper {
9
9
  display: -webkit-box;
10
10
  display: -ms-flexbox;
11
11
  display: flex;
@@ -15,19 +15,19 @@ h5 {
15
15
  flex-direction: column;
16
16
  padding: 24px 0;
17
17
  }
18
- .mfui-property_border-top.mfui-property_border-color_default .mfui-property__wrapper {
18
+ .mfui-v6-property_border-top.mfui-v6-property_border-color_default .mfui-v6-property__wrapper {
19
19
  border-top: 1px solid var(--spbSky1);
20
20
  }
21
- .mfui-property_border-bottom.mfui-property_border-color_default .mfui-property__wrapper {
21
+ .mfui-v6-property_border-bottom.mfui-v6-property_border-color_default .mfui-v6-property__wrapper {
22
22
  border-bottom: 1px solid var(--spbSky1);
23
23
  }
24
- .mfui-property_border-top.mfui-property_border-color_darker .mfui-property__wrapper {
24
+ .mfui-v6-property_border-top.mfui-v6-property_border-color_darker .mfui-v6-property__wrapper {
25
25
  border-top: 1px solid var(--spbSky2);
26
26
  }
27
- .mfui-property_border-bottom.mfui-property_border-color_darker .mfui-property__wrapper {
27
+ .mfui-v6-property_border-bottom.mfui-v6-property_border-color_darker .mfui-v6-property__wrapper {
28
28
  border-bottom: 1px solid var(--spbSky2);
29
29
  }
30
- .mfui-property__main {
30
+ .mfui-v6-property__main {
31
31
  display: -webkit-box;
32
32
  display: -ms-flexbox;
33
33
  display: flex;
@@ -39,42 +39,42 @@ h5 {
39
39
  -ms-flex-pack: justify;
40
40
  justify-content: space-between;
41
41
  }
42
- .mfui-property__main:not(:first-child) {
42
+ .mfui-v6-property__main:not(:first-child) {
43
43
  margin-top: 24px;
44
44
  }
45
- .mfui-property__main_with-out-title {
45
+ .mfui-v6-property__main_with-out-title {
46
46
  margin-top: 16px !important;
47
47
  }
48
- .mfui-property__main_with-badge {
48
+ .mfui-v6-property__main_with-badge {
49
49
  -webkit-box-align: center;
50
50
  -ms-flex-align: center;
51
51
  align-items: center;
52
52
  }
53
- .mfui-property__title-item_size_default {
53
+ .mfui-v6-property__title-item_size_default {
54
54
  font-size: 15px;
55
55
  line-height: 24px;
56
56
  font-weight: 500;
57
57
  }
58
- .mfui-property__title-item_size_big {
58
+ .mfui-v6-property__title-item_size_big {
59
59
  font-weight: 500;
60
60
  font-size: 18px;
61
61
  line-height: 24px;
62
62
  letter-spacing: 0.5px;
63
63
  }
64
64
  @media screen and (min-width: 1280px) {
65
- .mfui-property__title-item_size_big {
65
+ .mfui-v6-property__title-item_size_big {
66
66
  font-size: 20px;
67
67
  line-height: 28px;
68
68
  }
69
69
  }
70
70
  @media screen and (max-width: 767px) {
71
- .mfui-property__title-item {
71
+ .mfui-v6-property__title-item {
72
72
  font-size: 15px;
73
73
  line-height: 24px;
74
74
  font-weight: 500;
75
75
  }
76
76
  }
77
- .mfui-property__icon {
77
+ .mfui-v6-property__icon {
78
78
  display: inline-block;
79
79
  width: 24px;
80
80
  height: 24px;
@@ -83,15 +83,15 @@ h5 {
83
83
  overflow: hidden;
84
84
  vertical-align: bottom;
85
85
  }
86
- .mfui-property__badge {
86
+ .mfui-v6-property__badge {
87
87
  margin-bottom: 8px;
88
88
  }
89
89
  @media screen and (min-width: 768px) {
90
- .mfui-property__title .mfui-property__desc {
90
+ .mfui-v6-property__title .mfui-v6-property__desc {
91
91
  width: 100%;
92
92
  }
93
93
  }
94
- .mfui-property__tooltip {
94
+ .mfui-v6-property__tooltip {
95
95
  display: inline-block;
96
96
  width: 20px;
97
97
  height: 20px;
@@ -100,21 +100,21 @@ h5 {
100
100
  cursor: pointer;
101
101
  fill: var(--spbSky2);
102
102
  }
103
- .mfui-property__tooltip-inner {
103
+ .mfui-v6-property__tooltip-inner {
104
104
  max-width: 350px;
105
105
  }
106
- .mfui-property__desc {
106
+ .mfui-v6-property__desc {
107
107
  margin-top: 12px;
108
108
  }
109
109
  @media screen and (min-width: 768px) {
110
- .mfui-property__desc {
110
+ .mfui-v6-property__desc {
111
111
  width: 70%;
112
112
  }
113
113
  }
114
- .mfui-property__desc_collapsible {
114
+ .mfui-v6-property__desc_collapsible {
115
115
  margin-top: 12px;
116
116
  }
117
- .mfui-property__value-wrapper {
117
+ .mfui-v6-property__value-wrapper {
118
118
  display: -webkit-box;
119
119
  display: -ms-flexbox;
120
120
  display: flex;
@@ -126,31 +126,31 @@ h5 {
126
126
  white-space: pre-line;
127
127
  text-align: right;
128
128
  }
129
- .mfui-property__value-wrapper_frame_default {
129
+ .mfui-v6-property__value-wrapper_frame_default {
130
130
  background: var(--base);
131
131
  }
132
- .mfui-property__value-wrapper_frame_gray {
132
+ .mfui-v6-property__value-wrapper_frame_gray {
133
133
  background: var(--spbSky0);
134
134
  }
135
- .mfui-property__value {
135
+ .mfui-v6-property__value {
136
136
  font-weight: 500;
137
137
  font-size: 18px;
138
138
  line-height: 24px;
139
139
  letter-spacing: 0.5px;
140
140
  }
141
141
  @media screen and (min-width: 1280px) {
142
- .mfui-property__value {
142
+ .mfui-v6-property__value {
143
143
  font-size: 20px;
144
144
  line-height: 28px;
145
145
  }
146
146
  }
147
147
  @media screen and (max-width: 767px) {
148
- .mfui-property__value {
148
+ .mfui-v6-property__value {
149
149
  font-size: 15px;
150
150
  line-height: 24px;
151
151
  font-weight: 500;
152
152
  }
153
153
  }
154
- .mfui-property__value-unit:before {
154
+ .mfui-v6-property__value-unit:before {
155
155
  content: '\00a0';
156
156
  }
@@ -19,7 +19,7 @@ var InfoIcon = function InfoIcon(props) {
19
19
  };
20
20
 
21
21
  export var testIdPrefix = 'Property';
22
- var cn = cnCreate('mfui-property');
22
+ var cn = cnCreate('mfui-v6-property');
23
23
 
24
24
  var Property = function Property(_ref) {
25
25
  var rootRef = _ref.rootRef,
@@ -5,13 +5,13 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-property-description__collapse {
8
+ .mfui-v6-property-description__collapse {
9
9
  color: var(--systemBlue);
10
10
  font-size: 12px;
11
11
  -webkit-text-decoration: underline dashed var(--systemBlue);
12
12
  text-decoration: underline dashed var(--systemBlue);
13
13
  cursor: pointer;
14
14
  }
15
- .mfui-property-description__content-inner {
15
+ .mfui-v6-property-description__content-inner {
16
16
  margin-bottom: 8px;
17
17
  }
@@ -10,7 +10,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
10
10
  import PropTypes from 'prop-types';
11
11
  import "./PropertyDescription.css";
12
12
  export var testIdPrefix = 'PropertyDescription';
13
- var cn = cnCreate('mfui-property-description');
13
+ var cn = cnCreate('mfui-v6-property-description');
14
14
 
15
15
  var PropertyDescription = function PropertyDescription(_ref) {
16
16
  var value = _ref.value,
@@ -7,7 +7,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
7
7
  import PropTypes from 'prop-types';
8
8
  import SidePictureCard from "./components/SidePictureCard";
9
9
  var MIN_ITEMS_COUNT = 2;
10
- var cn = cnCreate('mfui-side-picture-cards');
10
+ var cn = cnCreate('mfui-v6-side-picture-cards');
11
11
 
12
12
  var SidePictureCards = function SidePictureCards(_ref) {
13
13
  var items = _ref.items,