@megafon/ui-shared 6.3.0 → 7.0.0-beta.1

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 (340) hide show
  1. package/dist/es/components/AccordionBox/AccordionBox.css +1 -15
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
  4. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  5. package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
  6. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  7. package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
  8. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  9. package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
  10. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  11. package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
  12. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
  13. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +1 -58
  14. package/dist/es/components/AudioPlayer/style/AudioProgress.css +1 -35
  15. package/dist/es/components/AudioPlayer/style/AudioRange.css +1 -68
  16. package/dist/es/components/AudioPlayer/style/AudioVolume.css +1 -34
  17. package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
  18. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  19. package/dist/es/components/BannerBox/BannerBox.js +3 -12
  20. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  21. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
  22. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  23. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
  24. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  25. package/dist/es/components/BenefitsIcons/helpers.js +6 -20
  26. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  27. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  28. package/dist/es/components/BenefitsIcons/types.d.ts +5 -6
  29. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  30. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
  31. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
  32. package/dist/es/components/BenefitsPictures/helpers.js +0 -14
  33. package/dist/es/components/BenefitsPictures/types.d.ts +3 -4
  34. package/dist/es/components/BenefitsPictures/types.js +1 -0
  35. package/dist/es/components/BlogBox/BlogBox.css +1 -92
  36. package/dist/es/components/BlogBox/BlogBox.d.ts +2 -2
  37. package/dist/es/components/BlogBox/BlogBox.js +10 -44
  38. package/dist/es/components/BlogBox/components/BlogBoxTile.css +1 -197
  39. package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
  40. package/dist/es/components/BlogBox/components/BlogBoxTile.js +13 -20
  41. package/dist/es/components/BlogBox/types.d.ts +5 -5
  42. package/dist/es/components/BlogBox/types.js +1 -0
  43. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
  44. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  45. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
  46. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  47. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  48. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
  49. package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
  50. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  51. package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
  52. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  53. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  54. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
  55. package/dist/es/components/Card/Card.css +1 -354
  56. package/dist/es/components/Card/Card.d.ts +4 -4
  57. package/dist/es/components/Card/Card.js +25 -115
  58. package/dist/es/components/Card/types.d.ts +10 -11
  59. package/dist/es/components/Card/types.js +1 -0
  60. package/dist/es/components/CardsBox/CardsBox.js +3 -14
  61. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  62. package/dist/es/components/CardsBox/helpers.js +0 -4
  63. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  64. package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
  65. package/dist/es/components/Container/Container.css +1 -3287
  66. package/dist/es/components/Container/Container.d.ts +7 -5
  67. package/dist/es/components/Container/Container.js +10 -25
  68. package/dist/es/components/DownloadLinks/DownloadLink.css +1 -37
  69. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  70. package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
  71. package/dist/es/components/DownloadLinks/DownloadLinks.css +1 -36
  72. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  73. package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
  74. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  75. package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
  76. package/dist/es/components/ImageBanner/ImageBanner.css +1 -252
  77. package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -9
  78. package/dist/es/components/ImageBanner/ImageBanner.js +38 -93
  79. package/dist/es/components/InfoCards/InfoCards.css +1 -0
  80. package/dist/es/components/InfoCards/InfoCards.d.ts +21 -0
  81. package/dist/es/components/InfoCards/InfoCards.js +39 -0
  82. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -0
  83. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.d.ts +15 -0
  84. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +79 -0
  85. package/dist/es/components/InfoCards/types.d.ts +26 -0
  86. package/dist/es/components/InfoCards/types.js +1 -0
  87. package/dist/es/components/Instructions/Instructions.css +1 -827
  88. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  89. package/dist/es/components/Instructions/Instructions.js +56 -96
  90. package/dist/es/components/NotificationBox/NotificationBox.css +1 -0
  91. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  92. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  93. package/dist/es/components/PageTitle/PageTitle.css +1 -80
  94. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  95. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  96. package/dist/es/components/Partners/Partners.css +1 -53
  97. package/dist/es/components/Partners/Partners.d.ts +2 -2
  98. package/dist/es/components/Partners/Partners.js +17 -48
  99. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +1 -80
  100. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  101. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  102. package/dist/es/components/Property/Property.css +1 -156
  103. package/dist/es/components/Property/Property.d.ts +4 -4
  104. package/dist/es/components/Property/Property.js +37 -81
  105. package/dist/es/components/Property/PropertyDescription.css +1 -17
  106. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  107. package/dist/es/components/Property/PropertyDescription.js +8 -28
  108. package/dist/es/components/Property/types.d.ts +7 -5
  109. package/dist/es/components/Property/types.js +1 -0
  110. package/dist/es/components/SidePictureCards/SidePictureCards.d.ts +22 -0
  111. package/dist/es/components/SidePictureCards/SidePictureCards.js +44 -0
  112. package/dist/es/components/SidePictureCards/components/SidePictureCard.css +1 -0
  113. package/dist/es/components/SidePictureCards/components/SidePictureCard.d.ts +16 -0
  114. package/dist/es/components/SidePictureCards/components/SidePictureCard.js +89 -0
  115. package/dist/es/components/SidePictureCards/types.d.ts +46 -0
  116. package/dist/es/components/SidePictureCards/types.js +1 -0
  117. package/dist/es/components/Steps/Steps.css +1 -41
  118. package/dist/es/components/Steps/Steps.d.ts +2 -1
  119. package/dist/es/components/Steps/Steps.js +4 -19
  120. package/dist/es/components/Steps/StepsItem.css +1 -42
  121. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  122. package/dist/es/components/Steps/StepsItem.js +2 -9
  123. package/dist/es/components/StoreBanner/StoreBanner.css +1 -346
  124. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  125. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  126. package/dist/es/components/StoreButton/StoreButton.css +1 -327
  127. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  128. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  129. package/dist/es/components/Table/Table.css +1 -157
  130. package/dist/es/components/Table/Table.d.ts +1 -1
  131. package/dist/es/components/Table/Table.js +31 -51
  132. package/dist/es/components/Table/TableCell.js +0 -6
  133. package/dist/es/components/Table/TableRow.js +1 -10
  134. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  135. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  136. package/dist/es/components/TextBox/TextBox.css +1 -25
  137. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  138. package/dist/es/components/TextBox/TextBox.js +8 -23
  139. package/dist/es/components/TextBox/TextBoxPicture.css +1 -27
  140. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  141. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  142. package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -10
  143. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  144. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  145. package/dist/es/components/TextWithIcon/TextWithIconItem.css +1 -29
  146. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +3 -1
  147. package/dist/es/components/TextWithIcon/TextWithIconItem.js +11 -22
  148. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  149. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  150. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  151. package/dist/es/components/VideoBanner/VideoBanner.css +1 -225
  152. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  153. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  154. package/dist/es/components/VideoBlock/VideoBlock.css +1 -106
  155. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  156. package/dist/es/components/VideoBlock/VideoBlock.js +37 -77
  157. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  158. package/dist/es/helpers/setRelAttribute.d.ts +3 -1
  159. package/dist/es/helpers/setRelAttribute.js +0 -2
  160. package/dist/es/hooks/useResolutions.d.ts +1 -1
  161. package/dist/es/hooks/useResolutions.js +13 -21
  162. package/dist/es/index.d.ts +4 -0
  163. package/dist/es/index.js +4 -0
  164. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  165. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  166. package/dist/lib/components/AccordionBox/AccordionBox.js +11 -67
  167. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  168. package/dist/lib/components/AudioPlayer/AudioPlayer.js +33 -57
  169. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  170. package/dist/lib/components/AudioPlayer/AudioProgress.js +13 -44
  171. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  172. package/dist/lib/components/AudioPlayer/AudioRange.js +10 -18
  173. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  174. package/dist/lib/components/AudioPlayer/AudioVolume.js +5 -24
  175. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +6 -17
  176. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +1 -58
  177. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +1 -35
  178. package/dist/lib/components/AudioPlayer/style/AudioRange.css +1 -68
  179. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +1 -34
  180. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  181. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  182. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  183. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  184. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +27 -87
  185. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  186. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +14 -54
  187. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  188. package/dist/lib/components/BenefitsIcons/helpers.js +11 -38
  189. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  190. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  191. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -6
  192. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  193. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  194. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +25 -72
  195. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  196. package/dist/lib/components/BenefitsPictures/helpers.js +10 -41
  197. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -4
  198. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  199. package/dist/lib/components/BlogBox/BlogBox.css +1 -92
  200. package/dist/lib/components/BlogBox/BlogBox.d.ts +2 -2
  201. package/dist/lib/components/BlogBox/BlogBox.js +21 -65
  202. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -197
  203. package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
  204. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +27 -38
  205. package/dist/lib/components/BlogBox/types.d.ts +5 -5
  206. package/dist/lib/components/BlogBox/types.js +5 -1
  207. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  208. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  209. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +19 -61
  210. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  211. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  212. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +23 -56
  213. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  214. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  215. package/dist/lib/components/ButtonBanner/ButtonBanner.js +41 -90
  216. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  217. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  218. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +30 -73
  219. package/dist/lib/components/Card/Card.css +1 -354
  220. package/dist/lib/components/Card/Card.d.ts +4 -4
  221. package/dist/lib/components/Card/Card.js +68 -165
  222. package/dist/lib/components/Card/types.d.ts +10 -11
  223. package/dist/lib/components/Card/types.js +5 -1
  224. package/dist/lib/components/CardsBox/CardsBox.js +8 -32
  225. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  226. package/dist/lib/components/CardsBox/helpers.js +2 -9
  227. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  228. package/dist/lib/components/CarouselBox/CarouselBox.js +16 -40
  229. package/dist/lib/components/Container/Container.css +1 -3287
  230. package/dist/lib/components/Container/Container.d.ts +7 -5
  231. package/dist/lib/components/Container/Container.js +18 -40
  232. package/dist/lib/components/DownloadLinks/DownloadLink.css +1 -37
  233. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  234. package/dist/lib/components/DownloadLinks/DownloadLink.js +18 -61
  235. package/dist/lib/components/DownloadLinks/DownloadLinks.css +1 -36
  236. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  237. package/dist/lib/components/DownloadLinks/DownloadLinks.js +9 -34
  238. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  239. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  240. package/dist/lib/components/ImageBanner/ImageBanner.css +1 -252
  241. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -9
  242. package/dist/lib/components/ImageBanner/ImageBanner.js +63 -144
  243. package/dist/lib/components/InfoCards/InfoCards.css +1 -0
  244. package/dist/lib/components/InfoCards/InfoCards.d.ts +21 -0
  245. package/dist/lib/components/InfoCards/InfoCards.js +48 -0
  246. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -0
  247. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.d.ts +15 -0
  248. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +88 -0
  249. package/dist/lib/components/InfoCards/types.d.ts +26 -0
  250. package/dist/lib/components/InfoCards/types.js +5 -0
  251. package/dist/lib/components/Instructions/Instructions.css +1 -827
  252. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  253. package/dist/lib/components/Instructions/Instructions.js +121 -191
  254. package/dist/lib/components/NotificationBox/NotificationBox.css +1 -0
  255. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  256. package/dist/lib/components/NotificationBox/NotificationBox.js +10 -38
  257. package/dist/lib/components/PageTitle/PageTitle.css +1 -80
  258. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  259. package/dist/lib/components/PageTitle/PageTitle.js +16 -53
  260. package/dist/lib/components/Partners/Partners.css +1 -53
  261. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  262. package/dist/lib/components/Partners/Partners.js +22 -66
  263. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +1 -80
  264. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  265. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  266. package/dist/lib/components/Property/Property.css +1 -156
  267. package/dist/lib/components/Property/Property.d.ts +4 -4
  268. package/dist/lib/components/Property/Property.js +61 -121
  269. package/dist/lib/components/Property/PropertyDescription.css +1 -17
  270. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  271. package/dist/lib/components/Property/PropertyDescription.js +16 -47
  272. package/dist/lib/components/Property/types.d.ts +7 -5
  273. package/dist/lib/components/Property/types.js +5 -1
  274. package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts +22 -0
  275. package/dist/lib/components/SidePictureCards/SidePictureCards.js +54 -0
  276. package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +1 -0
  277. package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts +16 -0
  278. package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +95 -0
  279. package/dist/lib/components/SidePictureCards/types.d.ts +46 -0
  280. package/dist/lib/components/SidePictureCards/types.js +5 -0
  281. package/dist/lib/components/Steps/Steps.css +1 -41
  282. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  283. package/dist/lib/components/Steps/Steps.js +8 -35
  284. package/dist/lib/components/Steps/StepsItem.css +1 -42
  285. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  286. package/dist/lib/components/Steps/StepsItem.js +11 -23
  287. package/dist/lib/components/StoreBanner/StoreBanner.css +1 -346
  288. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  289. package/dist/lib/components/StoreBanner/StoreBanner.js +48 -119
  290. package/dist/lib/components/StoreButton/StoreButton.css +1 -327
  291. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  292. package/dist/lib/components/StoreButton/StoreButton.js +18 -64
  293. package/dist/lib/components/Table/Table.css +1 -157
  294. package/dist/lib/components/Table/Table.d.ts +1 -1
  295. package/dist/lib/components/Table/Table.js +36 -69
  296. package/dist/lib/components/Table/TableCell.js +4 -16
  297. package/dist/lib/components/Table/TableRow.js +5 -19
  298. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  299. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  300. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  301. package/dist/lib/components/TextBox/TextBox.css +1 -25
  302. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  303. package/dist/lib/components/TextBox/TextBox.js +12 -36
  304. package/dist/lib/components/TextBox/TextBoxPicture.css +1 -27
  305. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  306. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  307. package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -10
  308. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  309. package/dist/lib/components/TextWithIcon/TextWithIcon.js +11 -40
  310. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +1 -29
  311. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +3 -1
  312. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +16 -39
  313. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  314. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  315. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +11 -41
  316. package/dist/lib/components/VideoBanner/VideoBanner.css +1 -225
  317. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  318. package/dist/lib/components/VideoBanner/VideoBanner.js +84 -177
  319. package/dist/lib/components/VideoBlock/VideoBlock.css +1 -106
  320. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  321. package/dist/lib/components/VideoBlock/VideoBlock.js +59 -115
  322. package/dist/lib/constants/throttleTime.js +2 -3
  323. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  324. package/dist/lib/helpers/getColumnConfig.js +2 -5
  325. package/dist/lib/helpers/setRelAttribute.d.ts +3 -1
  326. package/dist/lib/helpers/setRelAttribute.js +2 -7
  327. package/dist/lib/hooks/useResolutions.d.ts +1 -1
  328. package/dist/lib/hooks/useResolutions.js +15 -31
  329. package/dist/lib/index.d.ts +4 -0
  330. package/dist/lib/index.js +39 -60
  331. package/package.json +87 -92
  332. package/CHANGELOG.md +0 -4088
  333. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  334. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  335. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  336. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  337. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  338. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  339. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  340. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
@@ -1,54 +1,37 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
- exports["default"] = exports.testIdPrefix = void 0;
9
-
7
+ exports.testIdPrefix = exports["default"] = void 0;
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var React = _interopRequireWildcard(require("react"));
15
-
16
11
  var _uiCore = require("@megafon/ui-core");
17
-
18
12
  var _uiHelpers = require("@megafon/ui-helpers");
19
-
20
- var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- 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; }
25
-
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
-
13
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
28
16
  /* eslint-disable jsx-a11y/no-static-element-interactions */
29
-
30
17
  /* eslint-disable jsx-a11y/click-events-have-key-events */
31
- var testIdPrefix = 'PropertyDescription';
32
- exports.testIdPrefix = testIdPrefix;
33
- var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
34
18
 
19
+ var testIdPrefix = exports.testIdPrefix = 'PropertyDescription';
20
+ var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
35
21
  var PropertyDescription = function PropertyDescription(_ref) {
36
22
  var value = _ref.value,
37
- _ref$isCollapsible = _ref.isCollapsible,
38
- isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
39
- _ref$classes = _ref.classes,
40
- classes = _ref$classes === void 0 ? {} : _ref$classes,
41
- dataAttrs = _ref.dataAttrs;
42
-
23
+ _ref$isCollapsible = _ref.isCollapsible,
24
+ isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
25
+ _ref$classes = _ref.classes,
26
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
27
+ dataAttrs = _ref.dataAttrs;
43
28
  var _React$useState = React.useState(false),
44
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
45
- isOpened = _React$useState2[0],
46
- setIsOpened = _React$useState2[1];
47
-
29
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
30
+ isOpened = _React$useState2[0],
31
+ setIsOpened = _React$useState2[1];
48
32
  var handleClickDesc = React.useCallback(function () {
49
33
  return setIsOpened(!isOpened);
50
34
  }, [isOpened]);
51
-
52
35
  if (isCollapsible) {
53
36
  return /*#__PURE__*/React.createElement("div", {
54
37
  className: cn([isOpened ? classes.open : undefined]),
@@ -63,22 +46,8 @@ var PropertyDescription = function PropertyDescription(_ref) {
63
46
  className: cn('collapse', classes.toggle)
64
47
  }), isOpened ? 'Скрыть' : 'Подробнее'));
65
48
  }
66
-
67
49
  return /*#__PURE__*/React.createElement("div", {
68
50
  className: cn()
69
51
  }, value);
70
52
  };
71
-
72
- PropertyDescription.propTypes = {
73
- value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
74
- isCollapsible: _propTypes["default"].bool,
75
- classes: _propTypes["default"].shape({
76
- open: _propTypes["default"].string,
77
- toggle: _propTypes["default"].string
78
- }),
79
- dataAttrs: _propTypes["default"].shape({
80
- moreLink: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
81
- })
82
- };
83
- var _default = PropertyDescription;
84
- exports["default"] = _default;
53
+ var _default = exports["default"] = PropertyDescription;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- export declare type Desc = {
2
+ export type DescriptionType = {
3
3
  value: string | React.ReactNode[];
4
4
  isCollapsible?: boolean;
5
5
  classes?: {
@@ -10,10 +10,12 @@ export declare type Desc = {
10
10
  moreLink?: Record<string, string>;
11
11
  };
12
12
  };
13
- export declare type Item = {
14
- title?: string[] | React.ReactNode[];
15
- titleSize?: 'default' | 'big';
16
- description?: Desc[];
13
+ export type TitleSizeType = 'default' | 'big';
14
+ export type ValueFrameColor = 'none' | 'default' | 'gray';
15
+ export type Item = {
16
+ title?: React.ReactNode[];
17
+ titleSize?: TitleSizeType;
18
+ description?: DescriptionType[];
17
19
  value?: string | React.ReactNode;
18
20
  valueUnit?: string;
19
21
  valueFrameColor?: 'none' | 'default' | 'gray';
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ import { BackgroundType, CardDataType } from './types';
3
+ export interface ISidePictureCards {
4
+ /** Карточки. Минимальное количество 2 карточки */
5
+ items: CardDataType[];
6
+ /** Цвет фона карточек */
7
+ background?: BackgroundType;
8
+ /** Дополнительный класс для компонента */
9
+ className?: string;
10
+ /** Дополнительные классы для внутренних элементов */
11
+ classes?: {
12
+ root?: string;
13
+ item?: string;
14
+ };
15
+ /** Дополнительные data атрибуты к внутренним элементам */
16
+ dataAttrs?: {
17
+ root?: Record<string, string>;
18
+ item?: Record<string, string>;
19
+ };
20
+ }
21
+ declare const SidePictureCards: React.FC<ISidePictureCards>;
22
+ export default SidePictureCards;
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports["default"] = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ require("core-js/modules/es.array.concat.js");
10
+ require("core-js/modules/es.array.map.js");
11
+ var React = _interopRequireWildcard(require("react"));
12
+ var _uiCore = require("@megafon/ui-core");
13
+ var _uiHelpers = require("@megafon/ui-helpers");
14
+ var _SidePictureCard = _interopRequireDefault(require("./components/SidePictureCard"));
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
18
+ var MIN_ITEMS_COUNT = 2;
19
+ var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-cards');
20
+ var SidePictureCards = function SidePictureCards(_ref) {
21
+ var items = _ref.items,
22
+ _ref$background = _ref.background,
23
+ background = _ref$background === void 0 ? 'gray' : _ref$background,
24
+ className = _ref.className,
25
+ _ref$classes = _ref.classes,
26
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
27
+ dataAttrs = _ref.dataAttrs;
28
+ if (items.length < MIN_ITEMS_COUNT) {
29
+ return null;
30
+ }
31
+ return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
32
+ className: cn([className, classes.root])
33
+ }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
34
+ className: cn(),
35
+ guttersLeft: "medium",
36
+ guttersBottom: "medium"
37
+ }, items.map(function (item, i) {
38
+ return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
39
+ all: "6",
40
+ mobile: "12",
41
+ key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
42
+ }, /*#__PURE__*/React.createElement(_SidePictureCard["default"], (0, _extends2["default"])({}, item, {
43
+ background: background,
44
+ key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i),
45
+ classes: {
46
+ root: classes.item
47
+ },
48
+ dataAttrs: {
49
+ root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1))
50
+ }
51
+ })));
52
+ })));
53
+ };
54
+ var _default = exports["default"] = SidePictureCards;
@@ -0,0 +1 @@
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-side-picture-card{background-color:var(--base);border-radius:24px;color:var(--content);display:grid;gap:20px;grid-template-columns:auto;grid-template-rows:1fr auto;min-height:100%;padding:12px;text-decoration:none;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s}@media screen and (min-width:1280px){.mfui-side-picture-card{grid-template-columns:1fr 1fr;grid-template-rows:none}}.mfui-side-picture-card:hover{text-decoration:none}.mfui-side-picture-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:12px}@media screen and (min-width:1280px){.mfui-side-picture-card__content{padding:12px 0 12px 12px}}.mfui-side-picture-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}@media screen and (min-width:1280px){.mfui-side-picture-card__title{margin-bottom:24px}}.mfui-side-picture-card__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:auto}@media screen and (min-width:1280px){.mfui-side-picture-card__items{gap:16px}}.mfui-side-picture-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-side-picture-card__item-icon{display:block;max-height:32px;min-width:32px;width:32px}.mfui-side-picture-card__item-icon svg{display:block;height:100%;width:100%;fill:var(--brandGreen)}.mfui-side-picture-card__item-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-side-picture-card__item-text{font-size:15px;font-weight:400;-webkit-line-clamp:3}.mfui-side-picture-card__item-info,.mfui-side-picture-card__item-text{display:-webkit-box;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical}.mfui-side-picture-card__item-info{font-size:18px;font-weight:500;letter-spacing:.5px;-webkit-line-clamp:2}@media screen and (min-width:1280px){.mfui-side-picture-card__item-info{font-size:20px;line-height:28px}}.mfui-side-picture-card__button{margin-top:32px}.mfui-side-picture-card__picture{height:172px;position:relative}@media screen and (min-width:768px) and (max-width:1023px){.mfui-side-picture-card__picture{height:197px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-side-picture-card__picture{height:270px}}@media screen and (min-width:1280px){.mfui-side-picture-card__picture{height:100%}}.mfui-side-picture-card__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mfui-side-picture-card_active:hover:not(.mfui-side-picture-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-side-picture-card_background_gray{background-color:var(--spbSky0)}.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover{background-color:var(--spbSky1)}
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { BackgroundType, CardDataType } from '../types';
3
+ import './SidePictureCard.scss';
4
+ export type SidePictureCardType = CardDataType & {
5
+ background: BackgroundType;
6
+ classes?: {
7
+ root?: string;
8
+ button?: string;
9
+ };
10
+ dataAttrs?: {
11
+ root?: Record<string, string>;
12
+ button?: Record<string, string>;
13
+ };
14
+ };
15
+ declare const SidePictureCard: React.FC<SidePictureCardType>;
16
+ export default SidePictureCard;
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
+ require("core-js/modules/es.array.concat.js");
9
+ require("core-js/modules/es.array.map.js");
10
+ require("core-js/modules/es.array.slice.js");
11
+ var _react = _interopRequireDefault(require("react"));
12
+ var _uiCore = require("@megafon/ui-core");
13
+ var _uiHelpers = require("@megafon/ui-helpers");
14
+ var _setRelAttribute = require("../../../helpers/setRelAttribute");
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
+ var MAX_ICON_ITEMS_COUNT = 4;
17
+ var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-card');
18
+ var SidePictureCard = function SidePictureCard(_ref) {
19
+ var background = _ref.background,
20
+ title = _ref.title,
21
+ image = _ref.image,
22
+ _ref$iconItems = _ref.iconItems,
23
+ iconItems = _ref$iconItems === void 0 ? [] : _ref$iconItems,
24
+ _ref$button = _ref.button,
25
+ button = _ref$button === void 0 ? {} : _ref$button,
26
+ href = _ref.href,
27
+ target = _ref.target,
28
+ rel = _ref.rel,
29
+ _ref$classes = _ref.classes,
30
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
31
+ dataAttrs = _ref.dataAttrs;
32
+ var buttonTitle = button.title,
33
+ buttonHref = button.href,
34
+ buttonTarget = button.target,
35
+ buttonRel = button.rel;
36
+ var isLink = !!href && !buttonHref;
37
+ var ElementType = isLink ? 'a' : 'div';
38
+ var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
39
+ var currentButtonRel = (0, _setRelAttribute.setRelAttribute)(buttonRel, buttonTarget);
40
+ var visibleIconItems = iconItems.slice(0, MAX_ICON_ITEMS_COUNT);
41
+ var items = visibleIconItems.map(function (item, i) {
42
+ var icon = item.icon,
43
+ _item$text = item.text,
44
+ text = _item$text === void 0 ? '' : _item$text,
45
+ _item$info = item.info,
46
+ info = _item$info === void 0 ? '' : _item$info;
47
+ return /*#__PURE__*/_react["default"].createElement("div", {
48
+ className: cn('item'),
49
+ key: "".concat(text || info, "_").concat(i)
50
+ }, /*#__PURE__*/_react["default"].createElement("div", {
51
+ className: cn('item-icon')
52
+ }, icon), /*#__PURE__*/_react["default"].createElement("div", {
53
+ className: cn('item-description')
54
+ }, !!text && /*#__PURE__*/_react["default"].createElement("div", {
55
+ className: cn('item-text')
56
+ }, (0, _uiHelpers.convert)(text, {})), !!info && /*#__PURE__*/_react["default"].createElement("div", {
57
+ className: cn('item-info')
58
+ }, (0, _uiHelpers.convert)(info, {}))));
59
+ });
60
+ return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({
61
+ className: cn({
62
+ background: background,
63
+ active: isLink
64
+ }, [classes.root])
65
+ }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
66
+ href: href,
67
+ target: isLink ? target : undefined,
68
+ rel: isLink ? currentRel : undefined
69
+ }), /*#__PURE__*/_react["default"].createElement("div", {
70
+ className: cn('content')
71
+ }, !!title && /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
72
+ className: cn('title'),
73
+ as: "h3"
74
+ }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/_react["default"].createElement("div", {
75
+ className: cn('items')
76
+ }, items), !!buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
77
+ className: cn('button', [classes.button]),
78
+ dataAttrs: {
79
+ root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
80
+ },
81
+ href: buttonHref,
82
+ target: buttonTarget,
83
+ rel: currentButtonRel
84
+ }, buttonTitle)), /*#__PURE__*/_react["default"].createElement("picture", {
85
+ className: cn('picture')
86
+ }, /*#__PURE__*/_react["default"].createElement("source", {
87
+ media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_MIDDLE_START, "px)"),
88
+ srcSet: image.srcWide
89
+ }), /*#__PURE__*/_react["default"].createElement("img", {
90
+ className: cn('image'),
91
+ src: image.src,
92
+ alt: image.alt || 'image'
93
+ })));
94
+ };
95
+ var _default = exports["default"] = SidePictureCard;
@@ -0,0 +1,46 @@
1
+ import React from 'react';
2
+ type TargetType = '_self' | '_blank' | '_parent' | '_top';
3
+ type ButtonType = {
4
+ /** Название */
5
+ title: string;
6
+ /** Ссылка */
7
+ href: string;
8
+ /** Атрибут ссылки target */
9
+ target?: TargetType;
10
+ /** Атрибут ссылки rel */
11
+ rel?: string;
12
+ };
13
+ type ImageType = {
14
+ /** Изображение на разрешении экрана 0-1279 */
15
+ src: string;
16
+ /** Изображение на разрешении экрана 1280+ */
17
+ srcWide: string;
18
+ /** Значение тега alt для изображения */
19
+ alt?: string;
20
+ };
21
+ type IconContentType = {
22
+ /** Иконка */
23
+ icon: React.ReactNode;
24
+ /** Текст-описание */
25
+ text?: string;
26
+ /** Дополнительная информация, значение */
27
+ info?: string;
28
+ };
29
+ export type CardDataType = {
30
+ /** Заголовок */
31
+ title?: string;
32
+ /** Изображение */
33
+ image: ImageType;
34
+ /** Список пунктов с иконками */
35
+ iconItems: IconContentType[];
36
+ /** Кнопка */
37
+ button?: ButtonType;
38
+ /** Ссылка */
39
+ href?: string;
40
+ /** Атрибут ссылки target */
41
+ target?: TargetType;
42
+ /** Атрибут ссылки rel */
43
+ rel?: string;
44
+ };
45
+ export type BackgroundType = 'white' | 'gray';
46
+ export {};
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -1,41 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-steps {
9
- width: 66%;
10
- margin-right: auto;
11
- margin-left: auto;
12
- }
13
- @media screen and (min-width: 1280px) {
14
- .mfui-steps {
15
- width: 49%;
16
- }
17
- }
18
- @media screen and (max-width: 767px) {
19
- .mfui-steps {
20
- width: 100%;
21
- }
22
- }
23
- .mfui-steps__title {
24
- margin-bottom: 40px;
25
- }
26
- .mfui-steps__list {
27
- margin: 0;
28
- padding: 0;
29
- list-style: none;
30
- }
31
- .mfui-steps__item {
32
- margin-bottom: 48px;
33
- }
34
- @media screen and (max-width: 767px) {
35
- .mfui-steps__item {
36
- margin-bottom: 24px;
37
- }
38
- }
39
- .mfui-steps__item:last-child {
40
- margin-bottom: 0;
41
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-steps{margin-left:auto;margin-right:auto;width:66%}@media screen and (min-width:1280px){.mfui-steps{width:49%}}@media screen and (max-width:767px){.mfui-steps{width:100%}}.mfui-steps__title{margin-bottom:40px}.mfui-steps__list{list-style:none;margin:0;padding:0}.mfui-steps__item{margin-bottom:48px}@media screen and (max-width:767px){.mfui-steps__item{margin-bottom:24px}}.mfui-steps__item:last-child{margin-bottom:0}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './Steps.less';
2
+ import './Steps.scss';
3
3
  export interface ISteps {
4
4
  /** Дополнительный класс корневого элемента */
5
5
  className?: string;
@@ -13,6 +13,7 @@ export interface ISteps {
13
13
  rootRef?: React.Ref<HTMLDivElement>;
14
14
  /** Заголовок */
15
15
  title?: string;
16
+ children: React.ReactNode;
16
17
  }
17
18
  declare const Steps: React.FC<ISteps>;
18
19
  export default Steps;
@@ -1,36 +1,23 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  require("core-js/modules/es.array.map.js");
11
-
12
9
  var React = _interopRequireWildcard(require("react"));
13
-
14
10
  var _uiCore = require("@megafon/ui-core");
15
-
16
11
  var _uiHelpers = require("@megafon/ui-helpers");
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- 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; }
25
-
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
26
14
  var cn = (0, _uiHelpers.cnCreate)('mfui-steps');
27
-
28
15
  var Steps = function Steps(_ref) {
29
16
  var className = _ref.className,
30
- classes = _ref.classes,
31
- title = _ref.title,
32
- rootRef = _ref.rootRef,
33
- children = _ref.children;
17
+ classes = _ref.classes,
18
+ title = _ref.title,
19
+ rootRef = _ref.rootRef,
20
+ children = _ref.children;
34
21
  return /*#__PURE__*/React.createElement("div", {
35
22
  className: cn([className]),
36
23
  ref: rootRef
@@ -46,18 +33,4 @@ var Steps = function Steps(_ref) {
46
33
  }, child);
47
34
  })));
48
35
  };
49
-
50
- Steps.propTypes = {
51
- className: _propTypes["default"].string,
52
- classes: _propTypes["default"].shape({
53
- title: _propTypes["default"].string,
54
- list: _propTypes["default"].string,
55
- item: _propTypes["default"].string
56
- }),
57
- rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
58
- current: _propTypes["default"].elementType
59
- }), _propTypes["default"].any])]),
60
- title: _propTypes["default"].string
61
- };
62
- var _default = Steps;
63
- exports["default"] = _default;
36
+ var _default = exports["default"] = Steps;
@@ -1,42 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-steps-item {
9
- display: -webkit-box;
10
- display: -ms-flexbox;
11
- display: flex;
12
- }
13
- .mfui-steps-item__step-number {
14
- font-size: 15px;
15
- line-height: 24px;
16
- font-weight: 500;
17
- display: -webkit-box;
18
- display: -ms-flexbox;
19
- display: flex;
20
- -ms-flex-negative: 0;
21
- flex-shrink: 0;
22
- -webkit-box-align: center;
23
- -ms-flex-align: center;
24
- align-items: center;
25
- -webkit-box-pack: center;
26
- -ms-flex-pack: center;
27
- justify-content: center;
28
- width: 40px;
29
- height: 40px;
30
- border-radius: 50%;
31
- color: var(--stcWhite);
32
- background-color: var(--brandGreen);
33
- }
34
- .mfui-steps-item__text-wrapper {
35
- padding-top: 8px;
36
- padding-left: 16px;
37
- }
38
- .mfui-steps-item__nodes {
39
- font-size: 15px;
40
- line-height: 24px;
41
- font-weight: 400;
42
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-steps-item,.mfui-steps-item__step-number{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-steps-item__step-number{font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--brandGreen);border-radius:50%;color:var(--stcWhite);height:40px;justify-content:center;width:40px}.mfui-steps-item__text-wrapper{padding-left:16px;padding-top:8px}.mfui-steps-item__nodes{font-size:15px;font-weight:400;line-height:24px}
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import './StepsItem.less';
1
+ import * as React from 'react';
2
+ import './StepsItem.scss';
3
3
  interface IStepsItem {
4
4
  /** Номер элемента */
5
5
  index: number;
@@ -1,41 +1,29 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
8
+ var React = _interopRequireWildcard(require("react"));
10
9
  var _uiCore = require("@megafon/ui-core");
11
-
12
10
  var _uiHelpers = require("@megafon/ui-helpers");
13
-
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
11
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
13
  var cn = (0, _uiHelpers.cnCreate)('mfui-steps-item');
19
-
20
14
  var StepsItem = function StepsItem(_ref) {
21
15
  var index = _ref.index,
22
- text = _ref.text;
23
- return /*#__PURE__*/_react["default"].createElement("div", {
16
+ text = _ref.text;
17
+ return /*#__PURE__*/React.createElement("div", {
24
18
  className: cn()
25
- }, /*#__PURE__*/_react["default"].createElement("span", {
19
+ }, /*#__PURE__*/React.createElement("span", {
26
20
  className: cn('step-number')
27
- }, index), /*#__PURE__*/_react["default"].createElement("div", {
21
+ }, index), /*#__PURE__*/React.createElement("div", {
28
22
  className: cn('text-wrapper')
29
- }, typeof text === 'string' ? /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
23
+ }, typeof text === 'string' ? /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
30
24
  hasMargin: false
31
- }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/_react["default"].createElement("div", {
25
+ }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/React.createElement("div", {
32
26
  className: cn('nodes')
33
27
  }, text)));
34
28
  };
35
-
36
- StepsItem.propTypes = {
37
- index: _propTypes["default"].number.isRequired,
38
- text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired
39
- };
40
- var _default = StepsItem;
41
- exports["default"] = _default;
29
+ var _default = exports["default"] = StepsItem;