@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,327 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-store-button {
9
- display: inline-block;
10
- border-radius: 8px;
11
- background-repeat: no-repeat;
12
- background-position: center;
13
- background-size: cover;
14
- }
15
- .mfui-store-button_size-all_small {
16
- width: 119px;
17
- height: 35px;
18
- }
19
- .mfui-store-button_size-all_medium {
20
- width: 136px;
21
- height: 40px;
22
- }
23
- .mfui-store-button_size-all_large {
24
- width: 238px;
25
- height: 70px;
26
- }
27
- .mfui-store-button_size-all_small.mfui-store-button_theme_app-store,
28
- .mfui-store-button_size-all_medium.mfui-store-button_theme_app-store {
29
- background-image: url('./img/app-store.png');
30
- }
31
- .mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store,
32
- .mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store {
33
- background-image: url('./img/galaxy-store.png');
34
- }
35
- .mfui-store-button_size-all_small.mfui-store-button_theme_google-play,
36
- .mfui-store-button_size-all_medium.mfui-store-button_theme_google-play {
37
- background-image: url('./img/google-play.png');
38
- }
39
- .mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store,
40
- .mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store {
41
- background-image: url('./img/huawei-store.png');
42
- }
43
- .mfui-store-button_size-all_small.mfui-store-button_theme_mi-store,
44
- .mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store {
45
- background-image: url('./img/mi-store.png');
46
- }
47
- .mfui-store-button_size-all_small.mfui-store-button_theme_ru-store,
48
- .mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store {
49
- background-image: url('./img/ru-store.png');
50
- }
51
- .mfui-store-button_size-all_small.mfui-store-button_theme_v-appstore,
52
- .mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore {
53
- background-image: url('./img/v-appstore.png');
54
- }
55
- .mfui-store-button_size-all_large.mfui-store-button_theme_app-store {
56
- background-image: url('./img/app-store-large.png');
57
- }
58
- .mfui-store-button_size-all_large.mfui-store-button_theme_galaxy-store {
59
- background-image: url('./img/galaxy-store-large.png');
60
- }
61
- .mfui-store-button_size-all_large.mfui-store-button_theme_google-play {
62
- background-image: url('./img/google-play-large.png');
63
- }
64
- .mfui-store-button_size-all_large.mfui-store-button_theme_huawei-store {
65
- background-image: url('./img/huawei-store-large.png');
66
- }
67
- .mfui-store-button_size-all_large.mfui-store-button_theme_mi-store {
68
- background-image: url('./img/mi-store-large.png');
69
- }
70
- .mfui-store-button_size-all_large.mfui-store-button_theme_ru-store {
71
- background-image: url('./img/ru-store-large.png');
72
- }
73
- .mfui-store-button_size-all_large.mfui-store-button_theme_v-appstore {
74
- background-image: url('./img/v-appstore-large.png');
75
- }
76
- @media screen and (min-width: 1024px) {
77
- .mfui-store-button_size-desktop_small {
78
- width: 119px;
79
- height: 35px;
80
- }
81
- .mfui-store-button_size-desktop_medium {
82
- width: 136px;
83
- height: 40px;
84
- }
85
- .mfui-store-button_size-desktop_large {
86
- width: 238px;
87
- height: 70px;
88
- }
89
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store,
90
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store {
91
- background-image: url('./img/app-store.png');
92
- }
93
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store,
94
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store {
95
- background-image: url('./img/galaxy-store.png');
96
- }
97
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play,
98
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play {
99
- background-image: url('./img/google-play.png');
100
- }
101
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store,
102
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store {
103
- background-image: url('./img/huawei-store.png');
104
- }
105
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store,
106
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store {
107
- background-image: url('./img/mi-store.png');
108
- }
109
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store,
110
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store {
111
- background-image: url('./img/ru-store.png');
112
- }
113
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_v-appstore,
114
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore {
115
- background-image: url('./img/v-appstore.png');
116
- }
117
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_app-store {
118
- background-image: url('./img/app-store-large.png');
119
- }
120
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_galaxy-store {
121
- background-image: url('./img/galaxy-store-large.png');
122
- }
123
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_google-play {
124
- background-image: url('./img/google-play-large.png');
125
- }
126
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_huawei-store {
127
- background-image: url('./img/huawei-store-large.png');
128
- }
129
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_mi-store {
130
- background-image: url('./img/mi-store-large.png');
131
- }
132
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_ru-store {
133
- background-image: url('./img/ru-store-large.png');
134
- }
135
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_v-appstore {
136
- background-image: url('./img/v-appstore-large.png');
137
- }
138
- }
139
- @media screen and (min-width: 1280px) {
140
- .mfui-store-button_size-wide_small {
141
- width: 119px;
142
- height: 35px;
143
- }
144
- .mfui-store-button_size-wide_medium {
145
- width: 136px;
146
- height: 40px;
147
- }
148
- .mfui-store-button_size-wide_large {
149
- width: 238px;
150
- height: 70px;
151
- }
152
- .mfui-store-button_size-wide_small.mfui-store-button_theme_app-store,
153
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store {
154
- background-image: url('./img/app-store.png');
155
- }
156
- .mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store,
157
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store {
158
- background-image: url('./img/galaxy-store.png');
159
- }
160
- .mfui-store-button_size-wide_small.mfui-store-button_theme_google-play,
161
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play {
162
- background-image: url('./img/google-play.png');
163
- }
164
- .mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store,
165
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store {
166
- background-image: url('./img/huawei-store.png');
167
- }
168
- .mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store,
169
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store {
170
- background-image: url('./img/mi-store.png');
171
- }
172
- .mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store,
173
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store {
174
- background-image: url('./img/ru-store.png');
175
- }
176
- .mfui-store-button_size-wide_small.mfui-store-button_theme_v-appstore,
177
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore {
178
- background-image: url('./img/v-appstore.png');
179
- }
180
- .mfui-store-button_size-wide_large.mfui-store-button_theme_app-store {
181
- background-image: url('./img/app-store-large.png');
182
- }
183
- .mfui-store-button_size-wide_large.mfui-store-button_theme_galaxy-store {
184
- background-image: url('./img/galaxy-store-large.png');
185
- }
186
- .mfui-store-button_size-wide_large.mfui-store-button_theme_google-play {
187
- background-image: url('./img/google-play-large.png');
188
- }
189
- .mfui-store-button_size-wide_large.mfui-store-button_theme_huawei-store {
190
- background-image: url('./img/huawei-store-large.png');
191
- }
192
- .mfui-store-button_size-wide_large.mfui-store-button_theme_mi-store {
193
- background-image: url('./img/mi-store-large.png');
194
- }
195
- .mfui-store-button_size-wide_large.mfui-store-button_theme_ru-store {
196
- background-image: url('./img/ru-store-large.png');
197
- }
198
- .mfui-store-button_size-wide_large.mfui-store-button_theme_v-appstore {
199
- background-image: url('./img/v-appstore-large.png');
200
- }
201
- }
202
- @media screen and (min-width: 768px) and (max-width: 1023px) {
203
- .mfui-store-button_size-tablet_small {
204
- width: 119px;
205
- height: 35px;
206
- }
207
- .mfui-store-button_size-tablet_medium {
208
- width: 136px;
209
- height: 40px;
210
- }
211
- .mfui-store-button_size-tablet_large {
212
- width: 238px;
213
- height: 70px;
214
- }
215
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store,
216
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store {
217
- background-image: url('./img/app-store.png');
218
- }
219
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store,
220
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store {
221
- background-image: url('./img/galaxy-store.png');
222
- }
223
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play,
224
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play {
225
- background-image: url('./img/google-play.png');
226
- }
227
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store,
228
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store {
229
- background-image: url('./img/huawei-store.png');
230
- }
231
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store,
232
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store {
233
- background-image: url('./img/mi-store.png');
234
- }
235
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store,
236
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store {
237
- background-image: url('./img/ru-store.png');
238
- }
239
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_v-appstore,
240
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore {
241
- background-image: url('./img/v-appstore.png');
242
- }
243
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_app-store {
244
- background-image: url('./img/app-store-large.png');
245
- }
246
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_galaxy-store {
247
- background-image: url('./img/galaxy-store-large.png');
248
- }
249
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_google-play {
250
- background-image: url('./img/google-play-large.png');
251
- }
252
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_huawei-store {
253
- background-image: url('./img/huawei-store-large.png');
254
- }
255
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_mi-store {
256
- background-image: url('./img/mi-store-large.png');
257
- }
258
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_ru-store {
259
- background-image: url('./img/ru-store-large.png');
260
- }
261
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_v-appstore {
262
- background-image: url('./img/v-appstore-large.png');
263
- }
264
- }
265
- @media screen and (max-width: 767px) {
266
- .mfui-store-button_size-mobile_small {
267
- width: 119px;
268
- height: 35px;
269
- }
270
- .mfui-store-button_size-mobile_medium {
271
- width: 136px;
272
- height: 40px;
273
- }
274
- .mfui-store-button_size-mobile_large {
275
- width: 238px;
276
- height: 70px;
277
- }
278
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store,
279
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store {
280
- background-image: url('./img/app-store.png');
281
- }
282
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store,
283
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store {
284
- background-image: url('./img/galaxy-store.png');
285
- }
286
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play,
287
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play {
288
- background-image: url('./img/google-play.png');
289
- }
290
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store,
291
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store {
292
- background-image: url('./img/huawei-store.png');
293
- }
294
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store,
295
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store {
296
- background-image: url('./img/mi-store.png');
297
- }
298
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store,
299
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store {
300
- background-image: url('./img/ru-store.png');
301
- }
302
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore,
303
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore {
304
- background-image: url('./img/v-appstore.png');
305
- }
306
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store {
307
- background-image: url('./img/app-store-large.png');
308
- }
309
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store {
310
- background-image: url('./img/galaxy-store-large.png');
311
- }
312
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play {
313
- background-image: url('./img/google-play-large.png');
314
- }
315
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store {
316
- background-image: url('./img/huawei-store-large.png');
317
- }
318
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store {
319
- background-image: url('./img/mi-store-large.png');
320
- }
321
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store {
322
- background-image: url('./img/ru-store-large.png');
323
- }
324
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore {
325
- background-image: url('./img/v-appstore-large.png');
326
- }
327
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-store-button_size-all_small{height:35px;width:119px}.mfui-store-button_size-all_medium{height:40px;width:136px}.mfui-store-button_size-all_large{height:70px;width:238px}.mfui-store-button_size-all_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-all_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-all_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-all_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-all_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-all_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-all_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-store-button_size-desktop_small{height:35px;width:119px}.mfui-store-button_size-desktop_medium{height:40px;width:136px}.mfui-store-button_size-desktop_large{height:70px;width:238px}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-desktop_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-desktop_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-store-button_size-wide_small{height:35px;width:119px}.mfui-store-button_size-wide_medium{height:40px;width:136px}.mfui-store-button_size-wide_large{height:70px;width:238px}.mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-wide_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-wide_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-wide_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-store-button_size-tablet_small{height:35px;width:119px}.mfui-store-button_size-tablet_medium{height:40px;width:136px}.mfui-store-button_size-tablet_large{height:70px;width:238px}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-tablet_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-tablet_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-store-button_size-mobile_small{height:35px;width:119px}.mfui-store-button_size-mobile_medium{height:40px;width:136px}.mfui-store-button_size-mobile_large{height:70px;width:238px}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play,.mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store,.mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore,.mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { Link } from '@megafon/ui-core';
3
- import './StoreButton.less';
3
+ import './StoreButton.scss';
4
4
  export declare enum ButtonSizes {
5
5
  SMALL = "small",
6
6
  MEDIUM = "medium",
@@ -15,8 +15,8 @@ export declare enum Theme {
15
15
  RU_STORE = "ru-store",
16
16
  V_APPSTORE = "v-appstore"
17
17
  }
18
- declare type LinkPropTypes = React.ComponentProps<typeof Link>;
19
- export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
18
+ type LinkPropTypes = React.ComponentProps<typeof Link>;
19
+ export type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
20
20
  /** Тема кнопки */
21
21
  theme: Theme;
22
22
  /** Дополнительный класс */
@@ -1,36 +1,25 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import "core-js/modules/es.array.index-of.js";
3
2
  import "core-js/modules/es.symbol.js";
4
- import "core-js/modules/es.object.values.js";
5
-
3
+ import "core-js/modules/es.array.index-of.js";
6
4
  var __rest = this && this.__rest || function (s, e) {
7
5
  var t = {};
8
-
9
- for (var p in s) {
10
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
11
- }
12
-
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
13
7
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
14
8
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
15
9
  }
16
10
  return t;
17
11
  };
18
-
19
12
  import * as React from 'react';
20
13
  import { Link } from '@megafon/ui-core';
21
14
  import { cnCreate } from '@megafon/ui-helpers';
22
- import PropTypes from 'prop-types';
23
15
  import "./StoreButton.css";
24
16
  export var ButtonSizes;
25
-
26
17
  (function (ButtonSizes) {
27
18
  ButtonSizes["SMALL"] = "small";
28
19
  ButtonSizes["MEDIUM"] = "medium";
29
20
  ButtonSizes["LARGE"] = "large";
30
21
  })(ButtonSizes || (ButtonSizes = {}));
31
-
32
22
  export var Theme;
33
-
34
23
  (function (Theme) {
35
24
  Theme["APP_STORE"] = "app-store";
36
25
  Theme["GALAXY_STORE"] = "galaxy-store";
@@ -40,23 +29,20 @@ export var Theme;
40
29
  Theme["RU_STORE"] = "ru-store";
41
30
  Theme["V_APPSTORE"] = "v-appstore";
42
31
  })(Theme || (Theme = {}));
43
-
44
32
  var cn = cnCreate('mfui-store-button');
45
-
46
33
  var StoreButton = function StoreButton(_a) {
47
34
  var href = _a.href,
48
- rel = _a.rel,
49
- onClick = _a.onClick,
50
- theme = _a.theme,
51
- className = _a.className,
52
- _a$sizeAll = _a.sizeAll,
53
- sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
54
- sizeWide = _a.sizeWide,
55
- sizeDesktop = _a.sizeDesktop,
56
- sizeTablet = _a.sizeTablet,
57
- sizeMobile = _a.sizeMobile,
58
- rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
59
-
35
+ rel = _a.rel,
36
+ onClick = _a.onClick,
37
+ theme = _a.theme,
38
+ className = _a.className,
39
+ _a$sizeAll = _a.sizeAll,
40
+ sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
41
+ sizeWide = _a.sizeWide,
42
+ sizeDesktop = _a.sizeDesktop,
43
+ sizeTablet = _a.sizeTablet,
44
+ sizeMobile = _a.sizeMobile,
45
+ rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
60
46
  return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
61
47
  href: href,
62
48
  rel: rel,
@@ -71,21 +57,4 @@ var StoreButton = function StoreButton(_a) {
71
57
  }, className)
72
58
  }));
73
59
  };
74
-
75
- StoreButton.propTypes = {
76
- href: PropTypes.string.isRequired,
77
- rel: PropTypes.string,
78
- theme: PropTypes.oneOf(Object.values(Theme)).isRequired,
79
- onClick: PropTypes.func,
80
- className: PropTypes.string,
81
- target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
82
- sizeAll: PropTypes.oneOf(Object.values(ButtonSizes)),
83
- sizeWide: PropTypes.oneOf(Object.values(ButtonSizes)),
84
- sizeDesktop: PropTypes.oneOf(Object.values(ButtonSizes)),
85
- sizeTablet: PropTypes.oneOf(Object.values(ButtonSizes)),
86
- sizeMobile: PropTypes.oneOf(Object.values(ButtonSizes)),
87
- dataAttrs: PropTypes.shape({
88
- root: PropTypes.objectOf(PropTypes.string.isRequired)
89
- })
90
- };
91
60
  export default StoreButton;
@@ -1,157 +1 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-table {
9
- display: -webkit-box;
10
- display: -ms-flexbox;
11
- display: flex;
12
- font-family: inherit;
13
- font-size: 15px;
14
- line-height: 24px;
15
- }
16
- .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar {
17
- width: 8px;
18
- height: 8px;
19
- }
20
- .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track {
21
- background-color: var(--spbSky1);
22
- }
23
- .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb {
24
- border-radius: 4px;
25
- background-color: var(--spbSky2);
26
- }
27
- .mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner {
28
- background-color: var(--base);
29
- }
30
- .mfui-table:not(.mfui-table_touch) .mfui-table__scroll {
31
- scrollbar-color: var(--spbSky2) var(--spbSky1);
32
- scrollbar-width: thin;
33
- }
34
- .mfui-table__scroll {
35
- position: relative;
36
- display: grid;
37
- grid-template-columns: auto auto auto;
38
- max-width: 100%;
39
- border: 1px solid var(--spbSky2);
40
- overflow: auto;
41
- }
42
- @media screen and (min-width: 1024px) {
43
- .mfui-table__scroll_limit {
44
- max-height: 500px;
45
- }
46
- }
47
- .mfui-table__top-shadow {
48
- position: sticky;
49
- top: 0;
50
- z-index: 2;
51
- display: block;
52
- grid-column-start: 1;
53
- grid-column-end: 4;
54
- width: 100%;
55
- height: 6px;
56
- margin-bottom: -6px;
57
- background: linear-gradient(359.94deg, rgba(0, 0, 0, 0.0001) 0.06%, rgba(0, 0, 0, 0.03) 38.08%, rgba(0, 0, 0, 0.08) 74.98%);
58
- }
59
- .mfui-table__left-shadow {
60
- position: sticky;
61
- top: 0;
62
- bottom: 0;
63
- left: 0;
64
- z-index: 2;
65
- width: 6px;
66
- margin-right: -6px;
67
- background: -webkit-gradient(linear, right top, left top, color-stop(16.3%, rgba(0, 0, 0, 0.0001)), color-stop(51.81%, rgba(0, 0, 0, 0.03)), color-stop(86.27%, rgba(0, 0, 0, 0.08)));
68
- background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 16.3%, rgba(0, 0, 0, 0.03) 51.81%, rgba(0, 0, 0, 0.08) 86.27%);
69
- }
70
- .mfui-table__bottom-gradient {
71
- position: sticky;
72
- bottom: 0;
73
- z-index: 1;
74
- display: block;
75
- grid-column-start: 1;
76
- grid-column-end: 4;
77
- width: 100%;
78
- height: 48px;
79
- margin-top: -48px;
80
- background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, var(--base)), to(rgba(255, 255, 255, 0)));
81
- background: linear-gradient(to top, var(--base) 25%, rgba(255, 255, 255, 0));
82
- }
83
- .mfui-table__right-gradient {
84
- position: sticky;
85
- right: 0;
86
- z-index: 1;
87
- display: block;
88
- width: 48px;
89
- height: 100%;
90
- margin-left: -48px;
91
- background: -webkit-gradient(linear, right top, left top, color-stop(25%, var(--base)), to(rgba(255, 255, 255, 0)));
92
- background: linear-gradient(to left, var(--base) 25%, rgba(255, 255, 255, 0));
93
- }
94
- .mfui-table__table {
95
- border-width: 0;
96
- border-collapse: separate;
97
- border-spacing: 0;
98
- background-color: var(--base);
99
- }
100
- .mfui-table__cell {
101
- -webkit-box-sizing: border-box;
102
- box-sizing: border-box;
103
- padding: 24px;
104
- background-color: var(--base);
105
- }
106
- @media screen and (max-width: 767px) {
107
- .mfui-table__cell {
108
- padding-right: 16px;
109
- padding-left: 16px;
110
- }
111
- }
112
- .mfui-table__cell:first-child {
113
- position: relative;
114
- left: 0;
115
- width: 144px;
116
- min-width: 144px;
117
- border-right: 1px solid var(--spbSky2);
118
- }
119
- .mfui-table__cell:not(:first-child) {
120
- max-width: 288px;
121
- }
122
- .mfui-table__row_head .mfui-table__cell {
123
- font-size: 12px;
124
- line-height: 18px;
125
- height: 72px;
126
- padding-bottom: 12px;
127
- color: var(--spbSky3);
128
- vertical-align: bottom;
129
- background-color: var(--spbSky0);
130
- }
131
- .mfui-table__row:not(:last-child) .mfui-table__cell {
132
- border-bottom: 1px solid var(--spbSky2);
133
- }
134
- .mfui-table__row_align_bottom .mfui-table__cell {
135
- vertical-align: bottom;
136
- }
137
- .mfui-table__row_align_top .mfui-table__cell {
138
- vertical-align: top;
139
- }
140
- .mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell {
141
- padding-top: 12px;
142
- }
143
- .mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child) {
144
- min-width: 72px;
145
- }
146
- .mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child) {
147
- min-width: 144px;
148
- }
149
- .mfui-table_fix-column .mfui-table__cell:first-child {
150
- position: sticky;
151
- }
152
- .mfui-table_fix-column .mfui-table__left-shadow {
153
- left: 144px;
154
- }
155
- .mfui-table_fix-column .mfui-table__bottom-gradient {
156
- z-index: 3;
157
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-table{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar{height:8px;width:8px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:4px}.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner{background-color:var(--base)}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll{scrollbar-color:var(--spbSky2) var(--spbSky1);scrollbar-width:thin}.mfui-table__scroll{border:1px solid var(--spbSky2);display:grid;grid-template-columns:auto auto auto;max-width:100%;overflow:auto;position:relative}@media screen and (min-width:1024px){.mfui-table__scroll_limit{max-height:500px}}.mfui-table__top-shadow{background:linear-gradient(359.94deg,transparent .06%,rgba(0,0,0,.03) 38.08%,rgba(0,0,0,.08) 74.98%);display:block;grid-column-end:4;grid-column-start:1;height:6px;margin-bottom:-6px;position:sticky;top:0;width:100%;z-index:2}.mfui-table__left-shadow{background:-webkit-gradient(linear,right top,left top,color-stop(16.3%,transparent),color-stop(51.81%,rgba(0,0,0,.03)),color-stop(86.27%,rgba(0,0,0,.08)));background:linear-gradient(270deg,transparent 16.3%,rgba(0,0,0,.03) 51.81%,rgba(0,0,0,.08) 86.27%);bottom:0;left:0;margin-right:-6px;position:sticky;top:0;width:6px;z-index:2}.mfui-table__bottom-gradient{background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to top,var(--base) 25%,hsla(0,0%,100%,0));bottom:0;display:block;grid-column-end:4;grid-column-start:1;height:48px;margin-top:-48px;position:sticky;width:100%;z-index:1}.mfui-table__right-gradient{background:-webkit-gradient(linear,right top,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to left,var(--base) 25%,hsla(0,0%,100%,0));display:block;height:100%;margin-left:-48px;position:sticky;right:0;width:48px;z-index:1}.mfui-table__table{background-color:var(--base);border-collapse:separate;border-spacing:0;border-width:0}.mfui-table__cell{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}@media screen and (max-width:767px){.mfui-table__cell{padding-left:16px;padding-right:16px}}.mfui-table__cell:first-child{border-right:1px solid var(--spbSky2);left:0;min-width:144px;position:relative;width:144px}.mfui-table__cell:not(:first-child){max-width:288px}.mfui-table__row_head .mfui-table__cell{background-color:var(--spbSky0);color:var(--spbSky3);font-size:12px;height:72px;line-height:18px;padding-bottom:12px;vertical-align:bottom}.mfui-table__row:not(:last-child) .mfui-table__cell{border-bottom:1px solid var(--spbSky2)}.mfui-table__row_align_bottom .mfui-table__cell{vertical-align:bottom}.mfui-table__row_align_top .mfui-table__cell{vertical-align:top}.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell{padding-top:12px}.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child){min-width:72px}.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child){min-width:144px}.mfui-table_fix-column .mfui-table__cell:first-child{position:sticky}.mfui-table_fix-column .mfui-table__left-shadow{left:144px}.mfui-table_fix-column .mfui-table__bottom-gradient{z-index:3}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './Table.less';
2
+ import './Table.scss';
3
3
  import { ITableRow } from './TableRow';
4
4
  export interface ITable {
5
5
  /** Дополнительный класс корневого элемента */