@megafon/ui-shared 6.4.0 → 7.0.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 (335) 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 -4178
  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 -7
  78. package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
  79. package/dist/es/components/InfoCards/InfoCards.css +1 -75
  80. package/dist/es/components/InfoCards/InfoCards.d.ts +1 -1
  81. package/dist/es/components/InfoCards/InfoCards.js +10 -37
  82. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -237
  83. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.d.ts +1 -1
  84. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +17 -46
  85. package/dist/es/components/InfoCards/types.js +1 -0
  86. package/dist/es/components/Instructions/Instructions.css +1 -827
  87. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  88. package/dist/es/components/Instructions/Instructions.js +56 -96
  89. package/dist/es/components/NotificationBox/NotificationBox.css +1 -0
  90. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  91. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  92. package/dist/es/components/PageTitle/PageTitle.css +1 -80
  93. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  94. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  95. package/dist/es/components/Partners/Partners.css +1 -53
  96. package/dist/es/components/Partners/Partners.d.ts +2 -2
  97. package/dist/es/components/Partners/Partners.js +17 -48
  98. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +1 -80
  99. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  100. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  101. package/dist/es/components/Property/Property.css +1 -156
  102. package/dist/es/components/Property/Property.d.ts +4 -4
  103. package/dist/es/components/Property/Property.js +37 -81
  104. package/dist/es/components/Property/PropertyDescription.css +1 -17
  105. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  106. package/dist/es/components/Property/PropertyDescription.js +8 -28
  107. package/dist/es/components/Property/types.d.ts +7 -5
  108. package/dist/es/components/Property/types.js +1 -0
  109. package/dist/es/components/SidePictureCards/SidePictureCards.d.ts +1 -1
  110. package/dist/es/components/SidePictureCards/SidePictureCards.js +8 -41
  111. package/dist/es/components/SidePictureCards/components/SidePictureCard.css +1 -183
  112. package/dist/es/components/SidePictureCards/components/SidePictureCard.d.ts +2 -2
  113. package/dist/es/components/SidePictureCards/components/SidePictureCard.js +21 -23
  114. package/dist/es/components/SidePictureCards/types.d.ts +8 -8
  115. package/dist/es/components/SidePictureCards/types.js +1 -0
  116. package/dist/es/components/Steps/Steps.css +1 -41
  117. package/dist/es/components/Steps/Steps.d.ts +2 -1
  118. package/dist/es/components/Steps/Steps.js +4 -19
  119. package/dist/es/components/Steps/StepsItem.css +1 -42
  120. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  121. package/dist/es/components/Steps/StepsItem.js +2 -9
  122. package/dist/es/components/StoreBanner/StoreBanner.css +1 -346
  123. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  124. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  125. package/dist/es/components/StoreButton/StoreButton.css +1 -327
  126. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  127. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  128. package/dist/es/components/Table/Table.css +1 -157
  129. package/dist/es/components/Table/Table.d.ts +1 -1
  130. package/dist/es/components/Table/Table.js +31 -51
  131. package/dist/es/components/Table/TableCell.js +0 -6
  132. package/dist/es/components/Table/TableRow.js +1 -10
  133. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  134. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  135. package/dist/es/components/TextBox/TextBox.css +1 -25
  136. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  137. package/dist/es/components/TextBox/TextBox.js +8 -23
  138. package/dist/es/components/TextBox/TextBoxPicture.css +1 -27
  139. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  140. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  141. package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -10
  142. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  143. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  144. package/dist/es/components/TextWithIcon/TextWithIconItem.css +1 -38
  145. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  146. package/dist/es/components/TextWithIcon/TextWithIconItem.js +8 -24
  147. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  148. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  149. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  150. package/dist/es/components/VideoBanner/VideoBanner.css +1 -225
  151. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  152. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  153. package/dist/es/components/VideoBlock/VideoBlock.css +1 -106
  154. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  155. package/dist/es/components/VideoBlock/VideoBlock.js +37 -77
  156. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  157. package/dist/es/helpers/setRelAttribute.d.ts +3 -1
  158. package/dist/es/helpers/setRelAttribute.js +0 -2
  159. package/dist/es/hooks/useResolutions.d.ts +1 -1
  160. package/dist/es/hooks/useResolutions.js +13 -21
  161. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  162. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  163. package/dist/lib/components/AccordionBox/AccordionBox.js +11 -67
  164. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  165. package/dist/lib/components/AudioPlayer/AudioPlayer.js +33 -57
  166. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  167. package/dist/lib/components/AudioPlayer/AudioProgress.js +13 -44
  168. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  169. package/dist/lib/components/AudioPlayer/AudioRange.js +10 -18
  170. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  171. package/dist/lib/components/AudioPlayer/AudioVolume.js +5 -24
  172. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +6 -17
  173. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +1 -58
  174. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +1 -35
  175. package/dist/lib/components/AudioPlayer/style/AudioRange.css +1 -68
  176. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +1 -34
  177. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  178. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  179. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  180. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  181. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +27 -87
  182. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  183. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +14 -54
  184. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  185. package/dist/lib/components/BenefitsIcons/helpers.js +11 -38
  186. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
  187. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
  188. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -6
  189. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  190. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  191. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +25 -72
  192. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  193. package/dist/lib/components/BenefitsPictures/helpers.js +10 -41
  194. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -4
  195. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  196. package/dist/lib/components/BlogBox/BlogBox.css +1 -92
  197. package/dist/lib/components/BlogBox/BlogBox.d.ts +2 -2
  198. package/dist/lib/components/BlogBox/BlogBox.js +21 -65
  199. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -197
  200. package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
  201. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +27 -38
  202. package/dist/lib/components/BlogBox/types.d.ts +5 -5
  203. package/dist/lib/components/BlogBox/types.js +5 -1
  204. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  205. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  206. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +19 -61
  207. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
  208. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  209. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +23 -56
  210. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  211. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  212. package/dist/lib/components/ButtonBanner/ButtonBanner.js +41 -90
  213. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  214. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  215. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +30 -73
  216. package/dist/lib/components/Card/Card.css +1 -354
  217. package/dist/lib/components/Card/Card.d.ts +4 -4
  218. package/dist/lib/components/Card/Card.js +68 -165
  219. package/dist/lib/components/Card/types.d.ts +10 -11
  220. package/dist/lib/components/Card/types.js +5 -1
  221. package/dist/lib/components/CardsBox/CardsBox.js +8 -32
  222. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  223. package/dist/lib/components/CardsBox/helpers.js +2 -9
  224. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  225. package/dist/lib/components/CarouselBox/CarouselBox.js +16 -40
  226. package/dist/lib/components/Container/Container.css +1 -4178
  227. package/dist/lib/components/Container/Container.d.ts +7 -5
  228. package/dist/lib/components/Container/Container.js +18 -40
  229. package/dist/lib/components/DownloadLinks/DownloadLink.css +1 -37
  230. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  231. package/dist/lib/components/DownloadLinks/DownloadLink.js +18 -61
  232. package/dist/lib/components/DownloadLinks/DownloadLinks.css +1 -36
  233. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  234. package/dist/lib/components/DownloadLinks/DownloadLinks.js +9 -34
  235. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  236. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  237. package/dist/lib/components/ImageBanner/ImageBanner.css +1 -252
  238. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
  239. package/dist/lib/components/ImageBanner/ImageBanner.js +62 -139
  240. package/dist/lib/components/InfoCards/InfoCards.css +1 -75
  241. package/dist/lib/components/InfoCards/InfoCards.d.ts +1 -1
  242. package/dist/lib/components/InfoCards/InfoCards.js +15 -55
  243. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -237
  244. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.d.ts +1 -1
  245. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +22 -63
  246. package/dist/lib/components/InfoCards/types.js +5 -1
  247. package/dist/lib/components/Instructions/Instructions.css +1 -827
  248. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  249. package/dist/lib/components/Instructions/Instructions.js +121 -191
  250. package/dist/lib/components/NotificationBox/NotificationBox.css +1 -0
  251. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  252. package/dist/lib/components/NotificationBox/NotificationBox.js +10 -38
  253. package/dist/lib/components/PageTitle/PageTitle.css +1 -80
  254. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  255. package/dist/lib/components/PageTitle/PageTitle.js +16 -53
  256. package/dist/lib/components/Partners/Partners.css +1 -53
  257. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  258. package/dist/lib/components/Partners/Partners.js +22 -66
  259. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +1 -80
  260. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  261. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  262. package/dist/lib/components/Property/Property.css +1 -156
  263. package/dist/lib/components/Property/Property.d.ts +4 -4
  264. package/dist/lib/components/Property/Property.js +61 -121
  265. package/dist/lib/components/Property/PropertyDescription.css +1 -17
  266. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  267. package/dist/lib/components/Property/PropertyDescription.js +16 -47
  268. package/dist/lib/components/Property/types.d.ts +7 -5
  269. package/dist/lib/components/Property/types.js +5 -1
  270. package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts +1 -1
  271. package/dist/lib/components/SidePictureCards/SidePictureCards.js +17 -58
  272. package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +1 -183
  273. package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts +2 -2
  274. package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +23 -36
  275. package/dist/lib/components/SidePictureCards/types.d.ts +8 -8
  276. package/dist/lib/components/SidePictureCards/types.js +5 -1
  277. package/dist/lib/components/Steps/Steps.css +1 -41
  278. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  279. package/dist/lib/components/Steps/Steps.js +8 -35
  280. package/dist/lib/components/Steps/StepsItem.css +1 -42
  281. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  282. package/dist/lib/components/Steps/StepsItem.js +11 -23
  283. package/dist/lib/components/StoreBanner/StoreBanner.css +1 -346
  284. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  285. package/dist/lib/components/StoreBanner/StoreBanner.js +48 -119
  286. package/dist/lib/components/StoreButton/StoreButton.css +1 -327
  287. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  288. package/dist/lib/components/StoreButton/StoreButton.js +18 -64
  289. package/dist/lib/components/Table/Table.css +1 -157
  290. package/dist/lib/components/Table/Table.d.ts +1 -1
  291. package/dist/lib/components/Table/Table.js +36 -69
  292. package/dist/lib/components/Table/TableCell.js +4 -16
  293. package/dist/lib/components/Table/TableRow.js +5 -19
  294. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  295. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  296. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  297. package/dist/lib/components/TextBox/TextBox.css +1 -25
  298. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  299. package/dist/lib/components/TextBox/TextBox.js +12 -36
  300. package/dist/lib/components/TextBox/TextBoxPicture.css +1 -27
  301. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  302. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  303. package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -10
  304. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  305. package/dist/lib/components/TextWithIcon/TextWithIcon.js +11 -40
  306. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +1 -38
  307. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  308. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +13 -41
  309. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
  310. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  311. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +11 -41
  312. package/dist/lib/components/VideoBanner/VideoBanner.css +1 -225
  313. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  314. package/dist/lib/components/VideoBanner/VideoBanner.js +84 -177
  315. package/dist/lib/components/VideoBlock/VideoBlock.css +1 -106
  316. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  317. package/dist/lib/components/VideoBlock/VideoBlock.js +59 -115
  318. package/dist/lib/constants/throttleTime.js +2 -3
  319. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  320. package/dist/lib/helpers/getColumnConfig.js +2 -5
  321. package/dist/lib/helpers/setRelAttribute.d.ts +3 -1
  322. package/dist/lib/helpers/setRelAttribute.js +2 -7
  323. package/dist/lib/hooks/useResolutions.d.ts +1 -1
  324. package/dist/lib/hooks/useResolutions.js +15 -31
  325. package/dist/lib/index.js +11 -64
  326. package/package.json +87 -92
  327. package/CHANGELOG.md +0 -4104
  328. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  329. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  330. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  331. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  332. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  333. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  334. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  335. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './TextBox.less';
2
+ import './TextBox.scss';
3
3
  export interface ITextBoxProps {
4
4
  /** Центрирование текста по горизонтали */
5
5
  textCenter?: boolean;
@@ -11,6 +11,7 @@ export interface ITextBoxProps {
11
11
  rootRef?: React.Ref<HTMLDivElement>;
12
12
  /** Дополнительный класс для корневого элемента */
13
13
  className?: string;
14
+ children?: React.ReactNode;
14
15
  }
15
16
  declare const TextBox: React.FC<ITextBoxProps>;
16
17
  export default TextBox;
@@ -1,43 +1,31 @@
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
  var React = _interopRequireWildcard(require("react"));
11
-
12
9
  var _uiCore = require("@megafon/ui-core");
13
-
14
10
  var _uiHelpers = require("@megafon/ui-helpers");
15
-
16
- var PropTypes = _interopRequireWildcard(require("prop-types"));
17
-
18
- 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); }
19
-
20
- 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; }
21
-
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; }
22
13
  var cn = (0, _uiHelpers.cnCreate)('mfui-text-box');
23
-
24
14
  var TextBox = function TextBox(_ref) {
25
15
  var _ref$textCenter = _ref.textCenter,
26
- textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
27
- _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
28
- centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
29
- _ref$isFullWidth = _ref.isFullWidth,
30
- isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
31
- rootRef = _ref.rootRef,
32
- className = _ref.className,
33
- children = _ref.children;
34
-
16
+ textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
17
+ _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
18
+ centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
19
+ _ref$isFullWidth = _ref.isFullWidth,
20
+ isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
21
+ rootRef = _ref.rootRef,
22
+ className = _ref.className,
23
+ children = _ref.children;
35
24
  var renderContent = function renderContent() {
36
25
  return /*#__PURE__*/React.createElement("div", {
37
26
  className: cn('content')
38
27
  }, children);
39
28
  };
40
-
41
29
  var renderTextBoxWithGrid = function renderTextBoxWithGrid() {
42
30
  return /*#__PURE__*/React.createElement(_uiCore.Grid, {
43
31
  hAlign: centeringWithLimitedWidth ? 'center' : 'left',
@@ -53,7 +41,6 @@ var TextBox = function TextBox(_ref) {
53
41
  mobile: "12"
54
42
  }, renderContent()));
55
43
  };
56
-
57
44
  return /*#__PURE__*/React.createElement("div", {
58
45
  className: cn({
59
46
  'text-center': textCenter
@@ -61,15 +48,4 @@ var TextBox = function TextBox(_ref) {
61
48
  ref: rootRef
62
49
  }, isFullWidth ? renderContent() : renderTextBoxWithGrid());
63
50
  };
64
-
65
- TextBox.propTypes = {
66
- textCenter: PropTypes.bool,
67
- centeringWithLimitedWidth: PropTypes.bool,
68
- isFullWidth: PropTypes.bool,
69
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
70
- current: PropTypes.elementType
71
- }), PropTypes.any])]),
72
- className: PropTypes.string
73
- };
74
- var _default = TextBox;
75
- exports["default"] = _default;
51
+ var _default = exports["default"] = TextBox;
@@ -1,27 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-text-box-picture_margin_default {
9
- margin: 16px 0;
10
- }
11
- .mfui-text-box-picture_margin_big-top {
12
- margin: 24px 0 16px;
13
- }
14
- .mfui-text-box-picture_margin_big-bottom {
15
- margin: 16px 0 24px;
16
- }
17
- .mfui-text-box-picture_margin_big-vertical {
18
- margin: 24px 0;
19
- }
20
- .mfui-text-box-picture__img {
21
- display: block;
22
- max-width: 100%;
23
- border: 1px solid var(--spbSky1);
24
- }
25
- .mfui-text-box-picture__img_no-border {
26
- border: none;
27
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-text-box-picture_margin_default{margin:16px 0}.mfui-text-box-picture_margin_big-top{margin:24px 0 16px}.mfui-text-box-picture_margin_big-bottom{margin:16px 0 24px}.mfui-text-box-picture_margin_big-vertical{margin:24px 0}.mfui-text-box-picture__img{border:1px solid var(--spbSky1);display:block;max-width:100%}.mfui-text-box-picture__img_no-border{border:none}
@@ -1,12 +1,12 @@
1
1
  import * as React from 'react';
2
- import './TextBoxPicture.less';
2
+ import './TextBoxPicture.scss';
3
3
  export declare const pictureMarginTypes: {
4
4
  readonly DEFAULT: "default";
5
5
  readonly BIG_TOP: "big-top";
6
6
  readonly BIG_BOTTOM: "big-bottom";
7
7
  readonly BIG_VERTICAL: "big-vertical";
8
8
  };
9
- declare type PictureMarginTypesType = typeof pictureMarginTypes[keyof typeof pictureMarginTypes];
9
+ type PictureMarginTypesType = (typeof pictureMarginTypes)[keyof typeof pictureMarginTypes];
10
10
  export interface ITextBoxPictureProps {
11
11
  /** URL картинки */
12
12
  url: string;
@@ -1,38 +1,28 @@
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.pictureMarginTypes = void 0;
9
-
7
+ exports.pictureMarginTypes = exports["default"] = void 0;
10
8
  var React = _interopRequireWildcard(require("react"));
11
-
12
9
  var _uiHelpers = require("@megafon/ui-helpers");
13
-
14
- var PropTypes = _interopRequireWildcard(require("prop-types"));
15
-
16
- 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); }
17
-
18
- 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; }
19
-
20
- var pictureMarginTypes = {
10
+ 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); }
11
+ 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; }
12
+ var pictureMarginTypes = exports.pictureMarginTypes = {
21
13
  DEFAULT: 'default',
22
14
  BIG_TOP: 'big-top',
23
15
  BIG_BOTTOM: 'big-bottom',
24
16
  BIG_VERTICAL: 'big-vertical'
25
17
  };
26
- exports.pictureMarginTypes = pictureMarginTypes;
27
18
  var cn = (0, _uiHelpers.cnCreate)('mfui-text-box-picture');
28
-
29
19
  var TextBoxPicture = function TextBoxPicture(_ref) {
30
20
  var url = _ref.url,
31
- _ref$margin = _ref.margin,
32
- margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
33
- alt = _ref.alt,
34
- _ref$disableBorder = _ref.disableBorder,
35
- disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
21
+ _ref$margin = _ref.margin,
22
+ margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
23
+ alt = _ref.alt,
24
+ _ref$disableBorder = _ref.disableBorder,
25
+ disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
36
26
  return /*#__PURE__*/React.createElement("div", {
37
27
  className: cn({
38
28
  margin: margin
@@ -45,12 +35,4 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
45
35
  alt: alt
46
36
  }));
47
37
  };
48
-
49
- TextBoxPicture.propTypes = {
50
- url: PropTypes.string.isRequired,
51
- margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL]),
52
- alt: PropTypes.string,
53
- disableBorder: PropTypes.bool
54
- };
55
- var _default = TextBoxPicture;
56
- exports["default"] = _default;
38
+ var _default = exports["default"] = TextBoxPicture;
@@ -1,10 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-text-with-icon__header {
9
- margin-bottom: 24px;
10
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon__header{margin-bottom:24px}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ITextWithIconItem } from './TextWithIconItem';
3
- import './TextWithIcon.less';
3
+ import './TextWithIcon.scss';
4
4
  export interface ITextWithIconProps {
5
5
  /** Заголовок */
6
6
  title?: string;
@@ -1,47 +1,33 @@
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
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
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 = _interopRequireWildcard(require("prop-types"));
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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; }
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
26
15
  var testIdPrefix = 'TextWithIcon';
27
16
  var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon');
28
-
29
17
  var TextWithIcon = function TextWithIcon(_ref) {
30
18
  var title = _ref.title,
31
- rootRef = _ref.rootRef,
32
- dataAttrs = _ref.dataAttrs,
33
- className = _ref.className,
34
- _ref$isFullWidth = _ref.isFullWidth,
35
- isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
36
- children = _ref.children;
37
-
19
+ rootRef = _ref.rootRef,
20
+ dataAttrs = _ref.dataAttrs,
21
+ className = _ref.className,
22
+ _ref$isFullWidth = _ref.isFullWidth,
23
+ isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
24
+ children = _ref.children;
38
25
  var renderContent = function renderContent() {
39
26
  return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(_uiCore.Header, {
40
27
  className: cn('header'),
41
28
  as: "h5"
42
29
  }, title), children);
43
30
  };
44
-
45
31
  var renderContentWithGrid = function renderContentWithGrid() {
46
32
  return /*#__PURE__*/React.createElement(_uiCore.Grid, {
47
33
  dataAttrs: {
@@ -56,24 +42,9 @@ var TextWithIcon = function TextWithIcon(_ref) {
56
42
  wide: '6'
57
43
  }, renderContent()));
58
44
  };
59
-
60
45
  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
61
46
  className: cn([className]),
62
47
  ref: rootRef
63
48
  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), isFullWidth ? renderContent() : renderContentWithGrid());
64
49
  };
65
-
66
- TextWithIcon.propTypes = {
67
- title: PropTypes.string,
68
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
69
- current: PropTypes.elementType
70
- }), PropTypes.any])]),
71
- dataAttrs: PropTypes.shape({
72
- root: PropTypes.objectOf(PropTypes.string.isRequired)
73
- }),
74
- children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element.isRequired]).isRequired,
75
- isFullWidth: PropTypes.bool,
76
- className: PropTypes.string
77
- };
78
- var _default = TextWithIcon;
79
- exports["default"] = _default;
50
+ var _default = exports["default"] = TextWithIcon;
@@ -1,38 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-text-with-icon-item {
9
- display: -webkit-box;
10
- display: -ms-flexbox;
11
- display: flex;
12
- -webkit-box-align: center;
13
- -ms-flex-align: center;
14
- align-items: center;
15
- }
16
- .mfui-text-with-icon-item:not(:first-of-type) {
17
- margin-top: 12px;
18
- }
19
- .mfui-text-with-icon-item__svg-icon {
20
- -webkit-box-sizing: border-box;
21
- box-sizing: border-box;
22
- width: 40px;
23
- min-width: 40px;
24
- height: 40px;
25
- min-height: 40px;
26
- margin-right: 12px;
27
- overflow: hidden;
28
- }
29
- .mfui-text-with-icon-item_icon-background_stroke .mfui-text-with-icon-item__svg-icon {
30
- padding: 3px;
31
- border: 1px solid var(--spbSky2);
32
- border-radius: 50%;
33
- }
34
- .mfui-text-with-icon-item_icon-background_gray .mfui-text-with-icon-item__svg-icon {
35
- padding: 4px;
36
- border-radius: 50%;
37
- background-color: var(--spbSky0);
38
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-text-with-icon-item:not(:first-of-type){margin-top:12px}.mfui-text-with-icon-item__svg-icon{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;margin-right:12px;min-height:40px;min-width:40px;overflow:hidden;width:40px}.mfui-text-with-icon-item_icon-background_stroke .mfui-text-with-icon-item__svg-icon{border:1px solid var(--spbSky2);border-radius:50%;padding:3px}.mfui-text-with-icon-item_icon-background_gray .mfui-text-with-icon-item__svg-icon{background-color:var(--spbSky0);border-radius:50%;padding:4px}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './TextWithIconItem.less';
2
+ import './TextWithIconItem.scss';
3
3
  export interface ITextWithIconItem {
4
4
  /** Дополнительные классы для внутренних элементов */
5
5
  classes?: {
@@ -1,50 +1,36 @@
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
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  require("core-js/modules/es.array.is-array.js");
13
-
14
10
  require("core-js/modules/es.array.map.js");
15
-
16
11
  var React = _interopRequireWildcard(require("react"));
17
-
18
12
  var _uiHelpers = require("@megafon/ui-helpers");
19
-
20
- var PropTypes = _interopRequireWildcard(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
  var testIdPrefix = 'TextWithIconItem';
29
17
  var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon-item');
30
-
31
18
  var TextWithIconItem = function TextWithIconItem(_ref) {
32
19
  var className = _ref.className,
33
- _ref$classes = _ref.classes,
34
- classes = _ref$classes === void 0 ? {} : _ref$classes,
35
- text = _ref.text,
36
- icon = _ref.icon,
37
- _ref$iconBackground = _ref.iconBackground,
38
- iconBackground = _ref$iconBackground === void 0 ? 'no' : _ref$iconBackground,
39
- rootRef = _ref.rootRef,
40
- dataAttrs = _ref.dataAttrs;
20
+ _ref$classes = _ref.classes,
21
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
22
+ text = _ref.text,
23
+ icon = _ref.icon,
24
+ _ref$iconBackground = _ref.iconBackground,
25
+ iconBackground = _ref$iconBackground === void 0 ? 'no' : _ref$iconBackground,
26
+ rootRef = _ref.rootRef,
27
+ dataAttrs = _ref.dataAttrs;
41
28
  var renderText = React.useMemo(function () {
42
29
  if (Array.isArray(text)) {
43
30
  return text.map(function (item) {
44
31
  return (0, _uiHelpers.convert)(item, _uiHelpers.textConvertConfig);
45
32
  });
46
33
  }
47
-
48
34
  return (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig);
49
35
  }, [text]);
50
36
  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
@@ -60,18 +46,4 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
60
46
  "data-testid": "".concat(testIdPrefix, "-text")
61
47
  }, renderText));
62
48
  };
63
-
64
- TextWithIconItem.propTypes = {
65
- text: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.arrayOf(PropTypes.string.isRequired)]).isRequired,
66
- icon: PropTypes.node.isRequired,
67
- iconBackground: PropTypes.oneOf(['no', 'stroke', 'gray']),
68
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
69
- current: PropTypes.elementType
70
- }), PropTypes.any])]),
71
- dataAttrs: PropTypes.shape({
72
- root: PropTypes.objectOf(PropTypes.string.isRequired)
73
- }),
74
- className: PropTypes.string
75
- };
76
- var _default = TextWithIconItem;
77
- exports["default"] = _default;
49
+ var _default = exports["default"] = TextWithIconItem;
@@ -1,31 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-title-description-box {
9
- font-family: inherit;
10
- color: var(--content);
11
- }
12
- .mfui-title-description-box__item_header {
13
- white-space: pre-wrap;
14
- }
15
- .mfui-title-description-box__item:not(:last-child) {
16
- margin-bottom: 16px;
17
- }
18
- .mfui-title-description-box_text-color_white {
19
- color: var(--stcWhite);
20
- }
21
- .mfui-title-description-box_h-align_center {
22
- text-align: center;
23
- }
24
- .mfui-title-description-box__description {
25
- font-size: 15px;
26
- line-height: 24px;
27
- font-weight: 400;
28
- }
29
- .mfui-title-description-box__description :last-child {
30
- margin-bottom: 0 !important;
31
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-title-description-box{color:var(--content),.mfui-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-title-description-box_h-align_center{text-align:center}.mfui-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-title-description-box__description :last-child{margin-bottom:0!important}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './TitleDescriptionBox.less';
2
+ import './TitleDescriptionBox.scss';
3
3
  export interface ITitleDescriptionBoxProps {
4
4
  /** Дополнительные data атрибуты к внутренним элементам */
5
5
  dataAttrs?: {
@@ -1,43 +1,29 @@
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
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  require("core-js/modules/es.symbol.js");
13
-
14
10
  require("core-js/modules/es.symbol.description.js");
15
-
16
11
  var React = _interopRequireWildcard(require("react"));
17
-
18
12
  var _uiCore = require("@megafon/ui-core");
19
-
20
13
  var _uiHelpers = require("@megafon/ui-helpers");
21
-
22
- var PropTypes = _interopRequireWildcard(require("prop-types"));
23
-
24
- 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); }
25
-
26
- 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; }
27
-
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
-
14
+ 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); }
15
+ 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; }
16
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
30
17
  var testIdPrefix = 'TitleDescriptionBox';
31
18
  var cn = (0, _uiHelpers.cnCreate)('mfui-title-description-box');
32
-
33
19
  var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
34
20
  var dataAttrs = _ref.dataAttrs,
35
- title = _ref.title,
36
- description = _ref.description,
37
- textColor = _ref.textColor,
38
- align = _ref.align,
39
- rootRef = _ref.rootRef,
40
- className = _ref.className;
21
+ title = _ref.title,
22
+ description = _ref.description,
23
+ textColor = _ref.textColor,
24
+ align = _ref.align,
25
+ rootRef = _ref.rootRef,
26
+ className = _ref.className;
41
27
  var renderDescription = React.useCallback(function () {
42
28
  if (typeof description === 'string') {
43
29
  return /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
@@ -51,7 +37,6 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
51
37
  }
52
38
  }, description);
53
39
  }
54
-
55
40
  return /*#__PURE__*/React.createElement("div", {
56
41
  className: cn('description'),
57
42
  "data-testid": "".concat(testIdPrefix, "-description-node")
@@ -81,19 +66,4 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
81
66
  color: "inherit"
82
67
  }, title), description && renderDescription())));
83
68
  };
84
-
85
- TitleDescriptionBox.propTypes = {
86
- dataAttrs: PropTypes.shape({
87
- root: PropTypes.objectOf(PropTypes.string.isRequired)
88
- }),
89
- rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
90
- current: PropTypes.elementType
91
- }), PropTypes.any])]),
92
- className: PropTypes.string,
93
- title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
94
- description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
95
- align: PropTypes.oneOf(['center']),
96
- textColor: PropTypes.oneOf(['white'])
97
- };
98
- var _default = TitleDescriptionBox;
99
- exports["default"] = _default;
69
+ var _default = exports["default"] = TitleDescriptionBox;