@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
@@ -4,106 +4,77 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.INTERVAL_DELAY = void 0;
7
-
8
7
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
-
10
- require("core-js/modules/web.timers.js");
11
-
12
8
  require("core-js/modules/es.number.constructor.js");
13
-
9
+ require("core-js/modules/web.timers.js");
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
11
  var _uiHelpers = require("@megafon/ui-helpers");
17
-
18
12
  var _AudioRange = _interopRequireDefault(require("./AudioRange"));
19
-
20
13
  var _useTrackDuration = _interopRequireDefault(require("./hooks/useTrackDuration"));
21
-
22
14
  var _timerFormatUtil = _interopRequireDefault(require("./timerFormatUtil"));
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
-
26
- var INTERVAL_DELAY = 1000;
27
- exports.INTERVAL_DELAY = INTERVAL_DELAY;
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
+ var INTERVAL_DELAY = exports.INTERVAL_DELAY = 1000;
28
17
  var cn = (0, _uiHelpers.cnCreate)('mfui-audio-progress');
29
-
30
18
  var AudioProgress = function AudioProgress(_ref) {
31
19
  var audioRef = _ref.audioRef,
32
- audioTitle = _ref.audioTitle,
33
- isPlaying = _ref.isPlaying,
34
- isPause = _ref.isPause,
35
- onChangeAudioCurrentTime = _ref.onChangeAudioCurrentTime,
36
- onPlay = _ref.onPlay,
37
- onSetIsPlaying = _ref.onSetIsPlaying;
38
-
20
+ audioTitle = _ref.audioTitle,
21
+ isPlaying = _ref.isPlaying,
22
+ isPause = _ref.isPause,
23
+ onChangeAudioCurrentTime = _ref.onChangeAudioCurrentTime,
24
+ onPlay = _ref.onPlay,
25
+ onSetIsPlaying = _ref.onSetIsPlaying;
39
26
  var intervalId = _react["default"].useRef(null);
40
-
41
27
  var _React$useState = _react["default"].useState(0),
42
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
43
- trackProgress = _React$useState2[0],
44
- setTrackProgress = _React$useState2[1];
45
-
28
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
29
+ trackProgress = _React$useState2[0],
30
+ setTrackProgress = _React$useState2[1];
46
31
  var trackDuration = (0, _useTrackDuration["default"])(audioRef);
47
-
48
32
  var progressColorPercent = _react["default"].useMemo(function () {
49
33
  return trackProgress / trackDuration * 100;
50
34
  }, [trackDuration, trackProgress]);
51
-
52
35
  var progressValue = _react["default"].useMemo(function () {
53
36
  return isPlaying || isPause ? trackProgress : trackDuration;
54
37
  }, [isPause, isPlaying, trackDuration, trackProgress]);
55
-
56
38
  var handleStartTimer = _react["default"].useCallback(function () {
57
39
  intervalId.current && clearInterval(intervalId.current);
58
40
  intervalId.current = setInterval(function () {
59
41
  var _a, _b, _c;
60
-
61
42
  if ((_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.ended) {
62
43
  onSetIsPlaying === null || onSetIsPlaying === void 0 ? void 0 : onSetIsPlaying(false);
63
44
  setTrackProgress(Math.floor(((_b = audioRef.current) === null || _b === void 0 ? void 0 : _b.duration) || 0));
64
45
  return;
65
46
  }
66
-
67
47
  setTrackProgress(Math.floor(((_c = audioRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) || 0));
68
48
  }, INTERVAL_DELAY);
69
49
  }, [audioRef, onSetIsPlaying]);
70
-
71
50
  var handleScrubProgress = function handleScrubProgress(e) {
72
51
  var currentTime = Number(e.target.value);
73
52
  setTrackProgress(currentTime);
74
53
  onChangeAudioCurrentTime === null || onChangeAudioCurrentTime === void 0 ? void 0 : onChangeAudioCurrentTime(currentTime);
75
54
  };
76
-
77
55
  var handleScrubEndProgress = function handleScrubEndProgress() {
78
56
  if (!isPlaying) {
79
57
  onPlay === null || onPlay === void 0 ? void 0 : onPlay();
80
58
  }
81
-
82
59
  handleStartTimer();
83
60
  };
84
-
85
61
  _react["default"].useEffect(function () {
86
62
  var _a;
87
-
88
63
  setTrackProgress(Math.floor(((_a = audioRef === null || audioRef === void 0 ? void 0 : audioRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) || 0));
89
64
  }, [audioRef]);
90
-
91
65
  _react["default"].useEffect(function () {
92
66
  if (isPlaying) {
93
67
  handleStartTimer();
94
68
  }
95
-
96
69
  if (isPause) {
97
70
  intervalId.current && clearInterval(intervalId.current);
98
71
  }
99
72
  }, [handleStartTimer, isPause, isPlaying]);
100
-
101
73
  _react["default"].useEffect(function () {
102
74
  return function () {
103
75
  intervalId.current && clearInterval(intervalId.current);
104
76
  };
105
77
  }, []);
106
-
107
78
  return /*#__PURE__*/_react["default"].createElement("div", {
108
79
  className: cn()
109
80
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -128,6 +99,4 @@ var AudioProgress = function AudioProgress(_ref) {
128
99
  }
129
100
  })));
130
101
  };
131
-
132
- var _default = AudioProgress;
133
- exports["default"] = _default;
102
+ var _default = exports["default"] = AudioProgress;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import './style/AudioRange.less';
2
+ import './style/AudioRange.scss';
3
3
  export interface IAudioRangeProps {
4
4
  className?: string;
5
5
  maxValue: number | string;
@@ -4,27 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _uiHelpers = require("@megafon/ui-helpers");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
11
  var cn = (0, _uiHelpers.cnCreate)('mfui-audio-range');
17
-
18
12
  var AudioRange = function AudioRange(_ref) {
19
13
  var className = _ref.className,
20
- maxValue = _ref.maxValue,
21
- value = _ref.value,
22
- step = _ref.step,
23
- colorPercent = _ref.colorPercent,
24
- onChange = _ref.onChange,
25
- onMouseUp = _ref.onMouseUp,
26
- onTouchEnd = _ref.onTouchEnd,
27
- dataAttrs = _ref.dataAttrs;
14
+ maxValue = _ref.maxValue,
15
+ value = _ref.value,
16
+ step = _ref.step,
17
+ colorPercent = _ref.colorPercent,
18
+ onChange = _ref.onChange,
19
+ onMouseUp = _ref.onMouseUp,
20
+ onTouchEnd = _ref.onTouchEnd,
21
+ dataAttrs = _ref.dataAttrs;
28
22
  return /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
29
23
  className: cn([className]),
30
24
  style: {
@@ -40,6 +34,4 @@ var AudioRange = function AudioRange(_ref) {
40
34
  onTouchEnd: onTouchEnd
41
35
  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)));
42
36
  };
43
-
44
- var _default = AudioRange;
45
- exports["default"] = _default;
37
+ var _default = exports["default"] = AudioRange;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import './style/AudioVolume.less';
2
+ import './style/AudioVolume.scss';
3
3
  export interface IAudioVolumeProps {
4
4
  onChangeAudioVolume?: (volume: number) => void;
5
5
  }
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  require("core-js/modules/es.number.constructor.js");
13
-
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
11
  var _uiCore = require("@megafon/ui-core");
17
-
18
12
  var _uiHelpers = require("@megafon/ui-helpers");
19
-
20
13
  var _AudioRange = _interopRequireDefault(require("./AudioRange"));
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
24
15
  var NoVolumeIcon = function NoVolumeIcon(props) {
25
16
  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
26
17
  viewBox: "0 0 24 24"
@@ -30,7 +21,6 @@ var NoVolumeIcon = function NoVolumeIcon(props) {
30
21
  d: "M16.094 10.174c.261.56.406 1.177.406 1.826 0 1.426-.7 2.701-1.8 3.548-.3.23-.7-.004-.7-.382v-3.152l2.094-1.84zm-1.225-1.586L14 9.35v-.517c0-.378.4-.613.7-.382.058.044.114.09.169.136zm1.923-1.69a6.998 6.998 0 00-2.438-1.491.525.525 0 01-.354-.489V3.849c0-.32.299-.559.606-.466a8.994 8.994 0 013.694 2.19l-1.508 1.325zM12 11.108V5.36a.5.5 0 00-.342-.474l-.822-.274a.5.5 0 00-.553.167L7.15 8.807A.5.5 0 016.756 9H3.707a.5.5 0 00-.353.146l-.207.208A.5.5 0 003 9.707v4.586a.5.5 0 00.147.353l.207.208a.5.5 0 00.353.146h3.049a.5.5 0 01.394.193l.082.105L12 11.108zM8.462 16.88l1.82 2.34a.5.5 0 00.554.168l.822-.274A.5.5 0 0012 18.64v-4.87l-3.538 3.11zm-5.488 3.563a.5.5 0 01.046-.705L21.497 3.503a.5.5 0 11.66.751L3.68 20.49a.5.5 0 01-.706-.046z"
31
22
  }));
32
23
  };
33
-
34
24
  var VolumeIcon = function VolumeIcon(props) {
35
25
  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
36
26
  viewBox: "0 0 24 24"
@@ -40,29 +30,22 @@ var VolumeIcon = function VolumeIcon(props) {
40
30
  d: "M16.5 12c0 1.426-.7 2.701-1.8 3.548-.3.23-.7-.004-.7-.382V8.834c0-.378.4-.613.7-.382 1.1.847 1.8 2.122 1.8 3.548z"
41
31
  }));
42
32
  };
43
-
44
33
  var cn = (0, _uiHelpers.cnCreate)('mfui-audio-volume');
45
-
46
34
  var AudioVolume = function AudioVolume(_ref) {
47
35
  var onChangeAudioVolume = _ref.onChangeAudioVolume;
48
-
49
36
  var tooltipTrigger = _react["default"].useRef(null);
50
-
51
37
  var _React$useState = _react["default"].useState(0.3),
52
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
53
- trackVolume = _React$useState2[0],
54
- setTrackVolume = _React$useState2[1];
55
-
38
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
39
+ trackVolume = _React$useState2[0],
40
+ setTrackVolume = _React$useState2[1];
56
41
  var volumeColorPercent = _react["default"].useMemo(function () {
57
42
  return trackVolume * 100;
58
43
  }, [trackVolume]);
59
-
60
44
  var handleScrubVolume = function handleScrubVolume(e) {
61
45
  var currentVolume = Number(e.target.value);
62
46
  setTrackVolume(currentVolume);
63
47
  onChangeAudioVolume === null || onChangeAudioVolume === void 0 ? void 0 : onChangeAudioVolume(currentVolume);
64
48
  };
65
-
66
49
  return /*#__PURE__*/_react["default"].createElement("div", {
67
50
  className: cn()
68
51
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -97,6 +80,4 @@ var AudioVolume = function AudioVolume(_ref) {
97
80
  }
98
81
  })));
99
82
  };
100
-
101
- var _default = AudioVolume;
102
- exports["default"] = _default;
83
+ var _default = exports["default"] = AudioVolume;
@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
10
  var useTrackDuration = function useTrackDuration(audioRef) {
15
11
  var _React$useState = _react["default"].useState(0),
16
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
17
- trackDuration = _React$useState2[0],
18
- setTrackDuration = _React$useState2[1];
19
-
12
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
13
+ trackDuration = _React$useState2[0],
14
+ setTrackDuration = _React$useState2[1];
20
15
  _react["default"].useEffect(function () {
21
16
  var audioNode = audioRef.current;
22
-
23
17
  if (!audioNode) {
24
18
  return;
25
19
  }
26
-
27
20
  var readyState = audioNode.readyState,
28
- duration = audioNode.duration;
29
-
21
+ duration = audioNode.duration;
30
22
  if (readyState > 0) {
31
23
  setTrackDuration(Math.round(duration));
32
24
  } else {
@@ -36,9 +28,6 @@ var useTrackDuration = function useTrackDuration(audioRef) {
36
28
  };
37
29
  }
38
30
  }, [audioRef]);
39
-
40
31
  return trackDuration;
41
32
  };
42
-
43
- var _default = useTrackDuration;
44
- exports["default"] = _default;
33
+ var _default = exports["default"] = useTrackDuration;
@@ -1,58 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-audio-player {
9
- margin-top: 24px;
10
- }
11
- .mfui-audio-player__player {
12
- display: -webkit-box;
13
- display: -ms-flexbox;
14
- display: flex;
15
- -webkit-box-align: center;
16
- -ms-flex-align: center;
17
- align-items: center;
18
- -webkit-box-pack: justify;
19
- -ms-flex-pack: justify;
20
- justify-content: space-between;
21
- -webkit-box-sizing: border-box;
22
- box-sizing: border-box;
23
- padding: 16px;
24
- border-radius: 12px;
25
- background: var(--spbSky0);
26
- }
27
- @media screen and (min-width: 768px) and (max-width: 1023px) {
28
- .mfui-audio-player__player {
29
- max-width: 530px;
30
- }
31
- }
32
- @media screen and (min-width: 1024px) {
33
- .mfui-audio-player__player {
34
- max-width: 550px;
35
- }
36
- }
37
- .mfui-audio-player__playing-controls {
38
- margin-right: 16px;
39
- }
40
- .mfui-audio-player_position_center .mfui-audio-player__player {
41
- margin: 0 auto;
42
- }
43
- .mfui-audio-player_position_left .mfui-audio-player__player {
44
- margin-right: auto;
45
- }
46
- .mfui-audio-player_position_right .mfui-audio-player__player {
47
- margin-left: auto;
48
- }
49
- @media screen and (min-width: 768px) and (max-width: 1023px) {
50
- .mfui-audio-player_full-width .mfui-audio-player__player {
51
- max-width: 100%;
52
- }
53
- }
54
- @media screen and (min-width: 1024px) {
55
- .mfui-audio-player_full-width .mfui-audio-player__player {
56
- max-width: 100%;
57
- }
58
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-audio-player{margin-top:24px}.mfui-audio-player__player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--spbSky0);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-audio-player__player{max-width:530px}}@media screen and (min-width:1024px){.mfui-audio-player__player{max-width:550px}}.mfui-audio-player__playing-controls{margin-right:16px}.mfui-audio-player_position_center .mfui-audio-player__player{margin:0 auto}.mfui-audio-player_position_left .mfui-audio-player__player{margin-right:auto}.mfui-audio-player_position_right .mfui-audio-player__player{margin-left:auto}@media screen and (min-width:768px) and (max-width:1023px){.mfui-audio-player_full-width .mfui-audio-player__player{max-width:100%}}@media screen and (min-width:1024px){.mfui-audio-player_full-width .mfui-audio-player__player{max-width:100%}}
@@ -1,35 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-audio-progress {
9
- width: 100%;
10
- margin-right: 16px;
11
- }
12
- .mfui-audio-progress__info {
13
- display: -webkit-box;
14
- display: -ms-flexbox;
15
- display: flex;
16
- -webkit-box-align: center;
17
- -ms-flex-align: center;
18
- align-items: center;
19
- -webkit-box-pack: justify;
20
- -ms-flex-pack: justify;
21
- justify-content: space-between;
22
- }
23
- .mfui-audio-progress__value {
24
- color: var(-spbSky3);
25
- font-size: 12px;
26
- line-height: 18px;
27
- }
28
- .mfui-audio-progress__range-wrapper {
29
- margin-top: -2px;
30
- }
31
- .mfui-audio-progress__title {
32
- color: var(--stcBlack);
33
- font-size: 12px;
34
- line-height: 18px;
35
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-audio-progress{margin-right:16px;width:100%}.mfui-audio-progress__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-audio-progress__value{color:var(-spbSky3);font-size:12px;line-height:18px}.mfui-audio-progress__range-wrapper{margin-top:-2px}.mfui-audio-progress__title{color:var(--stcBlack);font-size:12px;line-height:18px}
@@ -1,68 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-audio-range {
9
- width: 100%;
10
- height: 4px;
11
- border-radius: 2px;
12
- background: var(--spbSky2);
13
- background-image: -webkit-gradient(linear, left top, left bottom, from(#00B956), to(#00B956));
14
- background-image: linear-gradient(#00B956, #00B956);
15
- background-repeat: no-repeat;
16
- cursor: pointer;
17
- -webkit-appearance: none;
18
- }
19
- .mfui-audio-range:focus {
20
- outline: none;
21
- }
22
- .mfui-audio-range::-webkit-slider-thumb {
23
- width: 16px;
24
- height: 16px;
25
- border: none;
26
- border-radius: 50%;
27
- background: var(--stcWhite);
28
- -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
29
- box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
30
- -webkit-appearance: none;
31
- }
32
- .mfui-audio-range::-moz-range-thumb {
33
- width: 16px;
34
- height: 16px;
35
- border: none;
36
- border-radius: 50%;
37
- background: var(--stcWhite);
38
- box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
39
- -webkit-appearance: none;
40
- }
41
- .mfui-audio-range::-ms-thumb {
42
- width: 16px;
43
- height: 16px;
44
- border: none;
45
- border-radius: 50%;
46
- background: var(--stcWhite);
47
- box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
48
- -webkit-appearance: none;
49
- }
50
- .mfui-audio-range::-webkit-slider-runnable-track {
51
- border: none;
52
- background: transparent;
53
- -webkit-box-shadow: none;
54
- box-shadow: none;
55
- -webkit-appearance: none;
56
- }
57
- .mfui-audio-range::-moz-range-track {
58
- border: none;
59
- background: transparent;
60
- box-shadow: none;
61
- -webkit-appearance: none;
62
- }
63
- .mfui-audio-range::-ms-track {
64
- border: none;
65
- background: transparent;
66
- box-shadow: none;
67
- -webkit-appearance: none;
68
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-audio-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky2);background-image:-webkit-gradient(linear,left top,left bottom,from(#00b956),to(#00b956));background-image:linear-gradient(#00b956,#00b956);background-repeat:no-repeat;border-radius:2px;cursor:pointer;height:4px;width:100%}.mfui-audio-range:focus{outline:none}.mfui-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 9px fade(#000,15%);box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-moz-range-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-ms-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-audio-range::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-audio-range::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}
@@ -1,34 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-audio-volume {
9
- width: 24px;
10
- }
11
- .mfui-audio-volume__tooltip-content {
12
- padding: 7px 16px 14px;
13
- border-radius: 12px;
14
- }
15
- .mfui-audio-volume__tooltip-content-shadow {
16
- border-radius: 12px;
17
- }
18
- .mfui-audio-volume__icon {
19
- display: none;
20
- width: 24px;
21
- min-width: 24px;
22
- height: 24px;
23
- cursor: pointer;
24
- fill: var(--brandGreen);
25
- }
26
- .mfui-audio-volume__icon_visible {
27
- display: block;
28
- }
29
- .mfui-audio-volume__icon:hover {
30
- fill: var(--buttonHoverGreen);
31
- }
32
- .mfui-audio-volume__range {
33
- max-width: 128px;
34
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-audio-volume{width:24px}.mfui-audio-volume__tooltip-content{border-radius:12px;padding:7px 16px 14px}.mfui-audio-volume__tooltip-content-shadow{border-radius:12px}.mfui-audio-volume__icon{cursor:pointer;display:none;height:24px;min-width:24px;width:24px;fill:var(--brandGreen)}.mfui-audio-volume__icon_visible{display:block}.mfui-audio-volume__icon:hover{fill:var(--buttonHoverGreen)}.mfui-audio-volume__range{max-width:128px}
@@ -4,39 +4,28 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
- require("core-js/modules/es.parse-int.js");
9
-
10
7
  require("core-js/modules/es.array.concat.js");
11
-
8
+ require("core-js/modules/es.parse-int.js");
12
9
  var getMinutes = function getMinutes(sec) {
13
10
  var min = parseInt("".concat(sec / 60), 10);
14
-
15
11
  if (min < 10) {
16
12
  return "0".concat(min);
17
13
  }
18
-
19
14
  return "".concat(min);
20
15
  };
21
16
  /**
22
17
  * @param {Number} sec
23
18
  * @returns {String}
24
19
  */
25
-
26
-
27
20
  var getSeconds = function getSeconds(sec) {
28
21
  if (sec < 10) {
29
22
  return "0".concat(sec);
30
23
  }
31
-
32
24
  return "".concat(sec);
33
25
  };
34
-
35
26
  var timerFormat = function timerFormat(sec) {
36
27
  var min = getMinutes(sec);
37
28
  var seconds = getSeconds(sec % 60);
38
29
  return "".concat(min, ":").concat(seconds);
39
30
  };
40
-
41
- var _default = timerFormat;
42
- exports["default"] = _default;
31
+ var _default = exports["default"] = timerFormat;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import { Banner } from '@megafon/ui-core';
3
- declare type BannerBoxProps = React.ComponentProps<typeof Banner>;
3
+ type BannerBoxProps = React.ComponentProps<typeof Banner> & React.PropsWithChildren;
4
4
  declare const BannerBox: React.FC<BannerBoxProps>;
5
5
  export default BannerBox;
@@ -1,49 +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
- require("core-js/modules/es.array.index-of.js");
11
-
12
8
  require("core-js/modules/es.symbol.js");
13
-
9
+ require("core-js/modules/es.array.index-of.js");
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
- 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
-
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; }
24
15
  var __rest = void 0 && (void 0).__rest || function (s, e) {
25
16
  var t = {};
26
-
27
- for (var p in s) {
28
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
29
- }
30
-
17
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
31
18
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
32
19
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
33
20
  }
34
21
  return t;
35
22
  };
36
-
37
23
  var cn = (0, _uiHelpers.cnCreate)('mfui-banner-box');
38
-
39
24
  var BannerBox = function BannerBox(_a) {
40
25
  var children = _a.children,
41
- props = __rest(_a, ["children"]);
42
-
26
+ props = __rest(_a, ["children"]);
43
27
  return /*#__PURE__*/React.createElement("div", {
44
28
  className: cn()
45
29
  }, /*#__PURE__*/React.createElement(_uiCore.Banner, props, children));
46
30
  };
47
-
48
- var _default = BannerBox;
49
- exports["default"] = _default;
31
+ var _default = exports["default"] = BannerBox;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { IconPosition, IBenefit, BackgroundType } from './types';
3
- import './style/BenefitsIcons.less';
3
+ import './style/BenefitsIcons.scss';
4
4
  export interface IBenefitsIcons {
5
5
  /** Дополнительные data атрибуты к внутренним элементам */
6
6
  dataAttrs?: {