@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

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 (347) hide show
  1. package/CHANGELOG.md +2292 -0
  2. package/README.md +0 -5
  3. package/dist/es/components/AccordionBox/AccordionBox.css +13 -0
  4. package/dist/es/components/AccordionBox/AccordionBox.d.ts +33 -0
  5. package/dist/es/components/AccordionBox/AccordionBox.js +62 -0
  6. package/dist/es/components/BannerBox/BannerBox.d.ts +5 -0
  7. package/dist/es/components/BannerBox/BannerBox.js +31 -0
  8. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +16 -5
  9. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +79 -14
  10. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +3 -2
  11. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +13 -12
  12. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +1 -1
  13. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +11 -4
  14. package/dist/es/components/BenefitsIcons/types.d.ts +16 -7
  15. package/dist/es/components/BenefitsIcons/types.js +9 -7
  16. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +12 -3
  17. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +25 -11
  18. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -1
  19. package/dist/es/components/BenefitsPictures/types.d.ts +3 -0
  20. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +46 -0
  21. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +21 -0
  22. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +49 -0
  23. package/dist/es/components/ButtonBanner/ButtonBanner.css +122 -0
  24. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +54 -0
  25. package/dist/es/components/ButtonBanner/ButtonBanner.js +107 -0
  26. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +32 -8
  27. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +45 -10
  28. package/dist/es/components/Card/Card.css +130 -0
  29. package/dist/es/components/Card/Card.d.ts +67 -0
  30. package/dist/es/components/Card/Card.js +176 -0
  31. package/dist/es/components/CardsBox/CardsBox.d.ts +15 -0
  32. package/dist/es/components/CardsBox/CardsBox.js +80 -0
  33. package/dist/es/components/CarouselBox/CarouselBox.d.ts +5 -0
  34. package/dist/es/components/CarouselBox/CarouselBox.js +31 -0
  35. package/dist/es/components/Container/Container.css +2830 -0
  36. package/dist/es/components/Container/Container.d.ts +26 -0
  37. package/dist/es/components/Container/Container.js +46 -0
  38. package/dist/es/components/DownloadLinks/DownloadLink.css +36 -0
  39. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +25 -0
  40. package/dist/es/components/DownloadLinks/DownloadLink.js +62 -0
  41. package/dist/es/components/DownloadLinks/DownloadLinks.css +36 -0
  42. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +10 -0
  43. package/dist/es/components/DownloadLinks/DownloadLinks.js +75 -0
  44. package/dist/es/components/Instructions/Instructions.css +489 -0
  45. package/dist/es/components/Instructions/Instructions.d.ts +52 -0
  46. package/dist/es/components/Instructions/Instructions.js +229 -0
  47. package/dist/es/components/Instructions/img/android.png +0 -0
  48. package/dist/es/components/Instructions/img/blackIphone.png +0 -0
  49. package/dist/es/components/Instructions/img/iphone12.png +0 -0
  50. package/dist/es/components/Instructions/img/laptop.png +0 -0
  51. package/dist/es/components/Instructions/img/newIphone.png +0 -0
  52. package/dist/es/components/Instructions/img/whiteIphone.png +0 -0
  53. package/dist/es/components/PageTitle/PageTitle.css +80 -0
  54. package/dist/es/components/PageTitle/PageTitle.d.ts +23 -0
  55. package/dist/es/components/PageTitle/PageTitle.js +65 -0
  56. package/dist/es/components/Partners/Partners.css +53 -0
  57. package/dist/es/components/Partners/Partners.d.ts +32 -0
  58. package/dist/es/components/Partners/Partners.js +114 -0
  59. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +80 -0
  60. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +28 -0
  61. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +61 -0
  62. package/dist/es/components/Property/Property.css +125 -0
  63. package/dist/es/components/Property/Property.d.ts +33 -0
  64. package/dist/es/components/Property/Property.js +130 -0
  65. package/dist/es/components/Property/PropertyDescription.css +17 -0
  66. package/dist/es/components/Property/PropertyDescription.d.ts +5 -0
  67. package/dist/es/components/Property/PropertyDescription.js +51 -0
  68. package/dist/es/components/Property/types.d.ts +14 -0
  69. package/dist/es/components/Property/types.js +0 -0
  70. package/dist/es/components/Steps/Steps.css +41 -0
  71. package/dist/es/components/Steps/Steps.d.ts +10 -0
  72. package/dist/es/components/Steps/Steps.js +35 -0
  73. package/dist/es/components/Steps/StepsItem.css +37 -0
  74. package/dist/es/components/Steps/StepsItem.d.ts +10 -0
  75. package/dist/es/components/Steps/StepsItem.js +26 -0
  76. package/dist/es/components/StoreBanner/StoreBanner.css +289 -0
  77. package/dist/es/components/StoreBanner/StoreBanner.d.ts +65 -0
  78. package/dist/es/components/StoreBanner/StoreBanner.js +145 -0
  79. package/dist/es/components/StoreBanner/doc/img/new-iphone-screen.png +0 -0
  80. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  81. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  82. package/dist/es/components/StoreBanner/img/android.png +0 -0
  83. package/dist/es/components/StoreBanner/img/black-iphone.png +0 -0
  84. package/dist/es/components/StoreBanner/img/new-iphone.png +0 -0
  85. package/dist/es/components/StoreBanner/img/white-iphone.png +0 -0
  86. package/dist/es/components/StoreButton/StoreButton.css +15 -0
  87. package/dist/es/components/StoreButton/StoreButton.d.ts +17 -0
  88. package/dist/es/components/StoreButton/StoreButton.js +37 -0
  89. package/dist/es/components/StoreButton/img/app-store.png +0 -0
  90. package/dist/es/components/StoreButton/img/google-play.png +0 -0
  91. package/dist/es/components/StoreButton/img/huawei-store.png +0 -0
  92. package/dist/es/components/Table/Table.css +153 -0
  93. package/dist/es/components/Table/Table.d.ts +14 -0
  94. package/dist/es/components/Table/Table.js +124 -0
  95. package/dist/es/components/Table/TableCell.d.ts +6 -0
  96. package/dist/es/components/Table/TableCell.js +12 -0
  97. package/dist/es/components/Table/TableRow.d.ts +9 -0
  98. package/dist/es/components/Table/TableRow.js +13 -0
  99. package/dist/es/components/TabsBox/TabBox.d.ts +2 -0
  100. package/dist/es/components/TabsBox/TabBox.js +2 -0
  101. package/dist/es/components/TabsBox/TabsBox.d.ts +8 -0
  102. package/dist/es/components/TabsBox/TabsBox.js +32 -0
  103. package/dist/es/components/TextBox/TextBox.css +16 -0
  104. package/dist/es/components/TextBox/TextBox.d.ts +16 -0
  105. package/dist/es/components/TextBox/TextBox.js +53 -0
  106. package/dist/es/components/TextBox/TextBoxPicture.css +24 -0
  107. package/dist/es/components/TextBox/TextBoxPicture.d.ts +17 -0
  108. package/dist/es/components/TextBox/TextBoxPicture.js +31 -0
  109. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +11 -0
  110. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +13 -7
  111. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +33 -13
  112. package/dist/es/components/VideoBanner/VideoBanner.css +216 -0
  113. package/dist/es/components/VideoBanner/VideoBanner.d.ts +90 -0
  114. package/dist/es/components/VideoBanner/VideoBanner.js +272 -0
  115. package/dist/es/components/VideoBlock/VideoBlock.css +127 -0
  116. package/dist/es/components/VideoBlock/VideoBlock.d.ts +49 -0
  117. package/dist/es/components/VideoBlock/VideoBlock.js +147 -0
  118. package/dist/es/constants/throttleTime.d.ts +4 -0
  119. package/dist/es/constants/throttleTime.js +3 -0
  120. package/dist/es/index.d.ts +29 -17
  121. package/dist/es/index.js +30 -18
  122. package/dist/lib/components/AccordionBox/AccordionBox.css +13 -0
  123. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +33 -0
  124. package/dist/lib/components/AccordionBox/AccordionBox.js +80 -0
  125. package/dist/lib/components/BannerBox/BannerBox.d.ts +5 -0
  126. package/dist/lib/components/BannerBox/BannerBox.js +49 -0
  127. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +16 -5
  128. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +82 -17
  129. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +3 -2
  130. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +14 -15
  131. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -1
  132. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +11 -4
  133. package/dist/lib/components/BenefitsIcons/types.d.ts +16 -7
  134. package/dist/lib/components/BenefitsIcons/types.js +11 -8
  135. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +12 -3
  136. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +27 -13
  137. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -1
  138. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -0
  139. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +46 -0
  140. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +21 -0
  141. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +65 -0
  142. package/dist/lib/components/ButtonBanner/ButtonBanner.css +122 -0
  143. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +54 -0
  144. package/dist/lib/components/ButtonBanner/ButtonBanner.js +133 -0
  145. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +32 -8
  146. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +53 -13
  147. package/dist/lib/components/Card/Card.css +130 -0
  148. package/dist/lib/components/Card/Card.d.ts +67 -0
  149. package/dist/lib/components/Card/Card.js +199 -0
  150. package/dist/lib/components/CardsBox/CardsBox.d.ts +15 -0
  151. package/dist/lib/components/CardsBox/CardsBox.js +105 -0
  152. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +5 -0
  153. package/dist/lib/components/CarouselBox/CarouselBox.js +49 -0
  154. package/dist/lib/components/Container/Container.css +2830 -0
  155. package/dist/lib/components/Container/Container.d.ts +26 -0
  156. package/dist/lib/components/Container/Container.js +61 -0
  157. package/dist/lib/components/DownloadLinks/DownloadLink.css +36 -0
  158. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +25 -0
  159. package/dist/lib/components/DownloadLinks/DownloadLink.js +83 -0
  160. package/dist/lib/components/DownloadLinks/DownloadLinks.css +36 -0
  161. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +10 -0
  162. package/dist/lib/components/DownloadLinks/DownloadLinks.js +95 -0
  163. package/dist/lib/components/Instructions/Instructions.css +489 -0
  164. package/dist/lib/components/Instructions/Instructions.d.ts +52 -0
  165. package/dist/lib/components/Instructions/Instructions.js +258 -0
  166. package/dist/lib/components/Instructions/img/android.png +0 -0
  167. package/dist/lib/components/Instructions/img/blackIphone.png +0 -0
  168. package/dist/lib/components/Instructions/img/iphone12.png +0 -0
  169. package/dist/lib/components/Instructions/img/laptop.png +0 -0
  170. package/dist/lib/components/Instructions/img/newIphone.png +0 -0
  171. package/dist/lib/components/Instructions/img/whiteIphone.png +0 -0
  172. package/dist/lib/components/PageTitle/PageTitle.css +80 -0
  173. package/dist/lib/components/PageTitle/PageTitle.d.ts +23 -0
  174. package/dist/lib/components/PageTitle/PageTitle.js +85 -0
  175. package/dist/lib/components/Partners/Partners.css +53 -0
  176. package/dist/lib/components/Partners/Partners.d.ts +32 -0
  177. package/dist/lib/components/Partners/Partners.js +136 -0
  178. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +80 -0
  179. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +28 -0
  180. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +81 -0
  181. package/dist/lib/components/Property/Property.css +125 -0
  182. package/dist/lib/components/Property/Property.d.ts +33 -0
  183. package/dist/lib/components/Property/Property.js +152 -0
  184. package/dist/lib/components/Property/PropertyDescription.css +17 -0
  185. package/dist/lib/components/Property/PropertyDescription.d.ts +5 -0
  186. package/dist/lib/components/Property/PropertyDescription.js +71 -0
  187. package/dist/lib/components/Property/types.d.ts +14 -0
  188. package/dist/lib/components/Property/types.js +1 -0
  189. package/dist/lib/components/Steps/Steps.css +41 -0
  190. package/dist/lib/components/Steps/Steps.d.ts +10 -0
  191. package/dist/lib/components/Steps/Steps.js +55 -0
  192. package/dist/lib/components/Steps/StepsItem.css +37 -0
  193. package/dist/lib/components/Steps/StepsItem.d.ts +10 -0
  194. package/dist/lib/components/Steps/StepsItem.js +39 -0
  195. package/dist/lib/components/StoreBanner/StoreBanner.css +289 -0
  196. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +65 -0
  197. package/dist/lib/components/StoreBanner/StoreBanner.js +169 -0
  198. package/dist/lib/components/StoreBanner/doc/img/new-iphone-screen.png +0 -0
  199. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  200. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  201. package/dist/lib/components/StoreBanner/img/android.png +0 -0
  202. package/dist/lib/components/StoreBanner/img/black-iphone.png +0 -0
  203. package/dist/lib/components/StoreBanner/img/new-iphone.png +0 -0
  204. package/dist/lib/components/StoreBanner/img/white-iphone.png +0 -0
  205. package/dist/lib/components/StoreButton/StoreButton.css +15 -0
  206. package/dist/lib/components/StoreButton/StoreButton.d.ts +17 -0
  207. package/dist/lib/components/StoreButton/StoreButton.js +58 -0
  208. package/dist/lib/components/StoreButton/img/app-store.png +0 -0
  209. package/dist/lib/components/StoreButton/img/google-play.png +0 -0
  210. package/dist/lib/components/StoreButton/img/huawei-store.png +0 -0
  211. package/dist/lib/components/Table/Table.css +153 -0
  212. package/dist/lib/components/Table/Table.d.ts +14 -0
  213. package/dist/lib/components/Table/Table.js +146 -0
  214. package/dist/lib/components/Table/TableCell.d.ts +6 -0
  215. package/dist/lib/components/Table/TableCell.js +27 -0
  216. package/dist/lib/components/Table/TableRow.d.ts +9 -0
  217. package/dist/lib/components/Table/TableRow.js +28 -0
  218. package/dist/lib/components/TabsBox/TabBox.d.ts +2 -0
  219. package/dist/lib/components/TabsBox/TabBox.js +11 -0
  220. package/dist/lib/components/TabsBox/TabsBox.d.ts +8 -0
  221. package/dist/lib/components/TabsBox/TabsBox.js +50 -0
  222. package/dist/lib/components/TextBox/TextBox.css +16 -0
  223. package/dist/lib/components/TextBox/TextBox.d.ts +16 -0
  224. package/dist/lib/components/TextBox/TextBox.js +70 -0
  225. package/dist/lib/components/TextBox/TextBoxPicture.css +24 -0
  226. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +17 -0
  227. package/dist/lib/components/TextBox/TextBoxPicture.js +48 -0
  228. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +11 -0
  229. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +13 -7
  230. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +37 -17
  231. package/dist/lib/components/VideoBanner/VideoBanner.css +216 -0
  232. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +90 -0
  233. package/dist/lib/components/VideoBanner/VideoBanner.js +309 -0
  234. package/dist/lib/components/VideoBlock/VideoBlock.css +127 -0
  235. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +49 -0
  236. package/dist/lib/components/VideoBlock/VideoBlock.js +170 -0
  237. package/dist/lib/constants/throttleTime.d.ts +4 -0
  238. package/dist/lib/constants/throttleTime.js +10 -0
  239. package/dist/lib/index.d.ts +29 -17
  240. package/dist/lib/index.js +147 -51
  241. package/package.json +22 -77
  242. package/dist/es/components/ProductCard/ProductCardFeatures.css +0 -35
  243. package/dist/es/components/ProductCard/ProductCardFeatures.d.ts +0 -61
  244. package/dist/es/components/ProductCard/ProductCardFeatures.js +0 -82
  245. package/dist/es/components/ProductCard/ProductCardFeaturesBottom.css +0 -41
  246. package/dist/es/components/ProductCard/ProductCardFeaturesBottom.d.ts +0 -22
  247. package/dist/es/components/ProductCard/ProductCardFeaturesBottom.js +0 -80
  248. package/dist/es/components/ProductCard/ProductCardFeaturesTop.css +0 -16
  249. package/dist/es/components/ProductCard/ProductCardFeaturesTop.d.ts +0 -25
  250. package/dist/es/components/ProductCard/ProductCardFeaturesTop.js +0 -67
  251. package/dist/es/components/ProductCard/ProductCardInfo.css +0 -236
  252. package/dist/es/components/ProductCard/ProductCardInfo.d.ts +0 -75
  253. package/dist/es/components/ProductCard/ProductCardInfo.js +0 -169
  254. package/dist/es/components/ProductCard/ProductCardTotal.css +0 -113
  255. package/dist/es/components/ProductCard/ProductCardTotal.d.ts +0 -86
  256. package/dist/es/components/ProductCard/ProductCardTotal.js +0 -161
  257. package/dist/es/components/ProductCard/ProductCardWrapper.css +0 -162
  258. package/dist/es/components/ProductCard/ProductCardWrapper.d.ts +0 -53
  259. package/dist/es/components/ProductCard/ProductCardWrapper.js +0 -109
  260. package/dist/es/components/ProductSwitcher/ProductSwitcher.css +0 -372
  261. package/dist/es/components/ProductSwitcher/ProductSwitcher.d.ts +0 -86
  262. package/dist/es/components/ProductSwitcher/ProductSwitcher.js +0 -612
  263. package/dist/es/components/ProductTile/ProductTile.d.ts +0 -287
  264. package/dist/es/components/ProductTile/ProductTile.js +0 -497
  265. package/dist/es/components/ProductTile/ProductTileBuy.d.ts +0 -53
  266. package/dist/es/components/ProductTile/ProductTileBuy.js +0 -99
  267. package/dist/es/components/ProductTile/ProductTileCashback.d.ts +0 -20
  268. package/dist/es/components/ProductTile/ProductTileCashback.js +0 -60
  269. package/dist/es/components/ProductTile/ProductTileDynamic.d.ts +0 -42
  270. package/dist/es/components/ProductTile/ProductTileDynamic.js +0 -109
  271. package/dist/es/components/ProductTile/ProductTileHint.d.ts +0 -24
  272. package/dist/es/components/ProductTile/ProductTileHint.js +0 -67
  273. package/dist/es/components/ProductTile/ProductTileOptions.d.ts +0 -31
  274. package/dist/es/components/ProductTile/ProductTileOptions.js +0 -130
  275. package/dist/es/components/ProductTile/ProductTilePrice.d.ts +0 -26
  276. package/dist/es/components/ProductTile/ProductTilePrice.js +0 -75
  277. package/dist/es/components/ProductTile/ProductTileStatic.d.ts +0 -20
  278. package/dist/es/components/ProductTile/ProductTileStatic.js +0 -60
  279. package/dist/es/components/ProductTile/ProductTileValue.d.ts +0 -31
  280. package/dist/es/components/ProductTile/ProductTileValue.js +0 -111
  281. package/dist/es/components/ProductTile/style/ProductTile.css +0 -146
  282. package/dist/es/components/ProductTile/style/ProductTileBuy.css +0 -76
  283. package/dist/es/components/ProductTile/style/ProductTileCashback.css +0 -23
  284. package/dist/es/components/ProductTile/style/ProductTileDynamic.css +0 -38
  285. package/dist/es/components/ProductTile/style/ProductTileHint.css +0 -93
  286. package/dist/es/components/ProductTile/style/ProductTileOptions.css +0 -84
  287. package/dist/es/components/ProductTile/style/ProductTilePrice.css +0 -105
  288. package/dist/es/components/ProductTile/style/ProductTileStatic.css +0 -23
  289. package/dist/es/components/ProductTile/style/ProductTileValue.css +0 -58
  290. package/dist/es/components/ProductTileRest/ProductTileRest.css +0 -226
  291. package/dist/es/components/ProductTileRest/ProductTileRest.d.ts +0 -109
  292. package/dist/es/components/ProductTileRest/ProductTileRest.js +0 -291
  293. package/dist/es/constants/breakpoints.d.ts +0 -1
  294. package/dist/es/constants/breakpoints.js +0 -1
  295. package/dist/lib/components/ProductCard/ProductCardFeatures.css +0 -35
  296. package/dist/lib/components/ProductCard/ProductCardFeatures.d.ts +0 -61
  297. package/dist/lib/components/ProductCard/ProductCardFeatures.js +0 -141
  298. package/dist/lib/components/ProductCard/ProductCardFeaturesBottom.css +0 -41
  299. package/dist/lib/components/ProductCard/ProductCardFeaturesBottom.d.ts +0 -22
  300. package/dist/lib/components/ProductCard/ProductCardFeaturesBottom.js +0 -140
  301. package/dist/lib/components/ProductCard/ProductCardFeaturesTop.css +0 -16
  302. package/dist/lib/components/ProductCard/ProductCardFeaturesTop.d.ts +0 -25
  303. package/dist/lib/components/ProductCard/ProductCardFeaturesTop.js +0 -124
  304. package/dist/lib/components/ProductCard/ProductCardInfo.css +0 -236
  305. package/dist/lib/components/ProductCard/ProductCardInfo.d.ts +0 -75
  306. package/dist/lib/components/ProductCard/ProductCardInfo.js +0 -241
  307. package/dist/lib/components/ProductCard/ProductCardTotal.css +0 -113
  308. package/dist/lib/components/ProductCard/ProductCardTotal.d.ts +0 -86
  309. package/dist/lib/components/ProductCard/ProductCardTotal.js +0 -218
  310. package/dist/lib/components/ProductCard/ProductCardWrapper.css +0 -162
  311. package/dist/lib/components/ProductCard/ProductCardWrapper.d.ts +0 -53
  312. package/dist/lib/components/ProductCard/ProductCardWrapper.js +0 -170
  313. package/dist/lib/components/ProductSwitcher/ProductSwitcher.css +0 -372
  314. package/dist/lib/components/ProductSwitcher/ProductSwitcher.d.ts +0 -86
  315. package/dist/lib/components/ProductSwitcher/ProductSwitcher.js +0 -686
  316. package/dist/lib/components/ProductTile/ProductTile.d.ts +0 -287
  317. package/dist/lib/components/ProductTile/ProductTile.js +0 -590
  318. package/dist/lib/components/ProductTile/ProductTileBuy.d.ts +0 -53
  319. package/dist/lib/components/ProductTile/ProductTileBuy.js +0 -156
  320. package/dist/lib/components/ProductTile/ProductTileCashback.d.ts +0 -20
  321. package/dist/lib/components/ProductTile/ProductTileCashback.js +0 -117
  322. package/dist/lib/components/ProductTile/ProductTileDynamic.d.ts +0 -42
  323. package/dist/lib/components/ProductTile/ProductTileDynamic.js +0 -174
  324. package/dist/lib/components/ProductTile/ProductTileHint.d.ts +0 -24
  325. package/dist/lib/components/ProductTile/ProductTileHint.js +0 -124
  326. package/dist/lib/components/ProductTile/ProductTileOptions.d.ts +0 -31
  327. package/dist/lib/components/ProductTile/ProductTileOptions.js +0 -193
  328. package/dist/lib/components/ProductTile/ProductTilePrice.d.ts +0 -26
  329. package/dist/lib/components/ProductTile/ProductTilePrice.js +0 -136
  330. package/dist/lib/components/ProductTile/ProductTileStatic.d.ts +0 -20
  331. package/dist/lib/components/ProductTile/ProductTileStatic.js +0 -123
  332. package/dist/lib/components/ProductTile/ProductTileValue.d.ts +0 -31
  333. package/dist/lib/components/ProductTile/ProductTileValue.js +0 -171
  334. package/dist/lib/components/ProductTile/style/ProductTile.css +0 -146
  335. package/dist/lib/components/ProductTile/style/ProductTileBuy.css +0 -76
  336. package/dist/lib/components/ProductTile/style/ProductTileCashback.css +0 -23
  337. package/dist/lib/components/ProductTile/style/ProductTileDynamic.css +0 -38
  338. package/dist/lib/components/ProductTile/style/ProductTileHint.css +0 -93
  339. package/dist/lib/components/ProductTile/style/ProductTileOptions.css +0 -84
  340. package/dist/lib/components/ProductTile/style/ProductTilePrice.css +0 -105
  341. package/dist/lib/components/ProductTile/style/ProductTileStatic.css +0 -23
  342. package/dist/lib/components/ProductTile/style/ProductTileValue.css +0 -58
  343. package/dist/lib/components/ProductTileRest/ProductTileRest.css +0 -226
  344. package/dist/lib/components/ProductTileRest/ProductTileRest.d.ts +0 -109
  345. package/dist/lib/components/ProductTileRest/ProductTileRest.js +0 -364
  346. package/dist/lib/constants/breakpoints.d.ts +0 -1
  347. package/dist/lib/constants/breakpoints.js +0 -8
@@ -0,0 +1,289 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-beta-store-banner_theme_clearWhite .mfui-beta-store-banner__grid {
9
+ background-color: #FFFFFF;
10
+ }
11
+ .mfui-beta-store-banner_theme_clearWhite .mfui-beta-store-banner__content {
12
+ color: #333333;
13
+ }
14
+ .mfui-beta-store-banner_theme_green .mfui-beta-store-banner__grid {
15
+ background-color: #00B956;
16
+ }
17
+ .mfui-beta-store-banner_theme_green .mfui-beta-store-banner__content {
18
+ color: #FFFFFF;
19
+ }
20
+ .mfui-beta-store-banner_theme_spbSky1 .mfui-beta-store-banner__grid {
21
+ background-color: #EDEDED;
22
+ }
23
+ .mfui-beta-store-banner_theme_spbSky1 .mfui-beta-store-banner__content {
24
+ color: #333333;
25
+ }
26
+ .mfui-beta-store-banner_mask_new-iphone .mfui-beta-store-banner__device-mask {
27
+ position: relative;
28
+ z-index: 2;
29
+ background-image: url('./img/new-iphone.png');
30
+ }
31
+ .mfui-beta-store-banner_mask_new-iphone .mfui-beta-store-banner__screen {
32
+ top: 13px;
33
+ z-index: 1;
34
+ width: 87%;
35
+ }
36
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
37
+ .mfui-beta-store-banner_mask_new-iphone .mfui-beta-store-banner__screen {
38
+ top: 10px;
39
+ }
40
+ }
41
+ @media screen and (max-width: 767px) {
42
+ .mfui-beta-store-banner_mask_new-iphone .mfui-beta-store-banner__screen {
43
+ top: 33px;
44
+ }
45
+ }
46
+ .mfui-beta-store-banner_mask_android .mfui-beta-store-banner__device-mask {
47
+ background-image: url('./img/android.png');
48
+ }
49
+ .mfui-beta-store-banner_mask_android .mfui-beta-store-banner__screen {
50
+ top: 59px;
51
+ width: 86%;
52
+ }
53
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
54
+ .mfui-beta-store-banner_mask_android .mfui-beta-store-banner__screen {
55
+ top: 48px;
56
+ }
57
+ }
58
+ @media screen and (max-width: 767px) {
59
+ .mfui-beta-store-banner_mask_android .mfui-beta-store-banner__screen {
60
+ top: 64px;
61
+ }
62
+ }
63
+ .mfui-beta-store-banner_mask_white-iphone .mfui-beta-store-banner__device-mask {
64
+ background-image: url('./img/white-iphone.png');
65
+ }
66
+ .mfui-beta-store-banner_mask_black-iphone .mfui-beta-store-banner__device-mask {
67
+ background-image: url('./img/black-iphone.png');
68
+ }
69
+ .mfui-beta-store-banner_mask_white-iphone .mfui-beta-store-banner__screen,
70
+ .mfui-beta-store-banner_mask_black-iphone .mfui-beta-store-banner__screen {
71
+ top: 57px;
72
+ width: 87%;
73
+ }
74
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
75
+ .mfui-beta-store-banner_mask_white-iphone .mfui-beta-store-banner__screen,
76
+ .mfui-beta-store-banner_mask_black-iphone .mfui-beta-store-banner__screen {
77
+ top: 47px;
78
+ }
79
+ }
80
+ @media screen and (max-width: 767px) {
81
+ .mfui-beta-store-banner_mask_white-iphone .mfui-beta-store-banner__screen,
82
+ .mfui-beta-store-banner_mask_black-iphone .mfui-beta-store-banner__screen {
83
+ top: 63px;
84
+ }
85
+ }
86
+ @media screen and (min-width: 1024px) {
87
+ .mfui-beta-store-banner__container {
88
+ padding-top: 30px;
89
+ }
90
+ }
91
+ .mfui-beta-store-banner__grid {
92
+ padding-top: 32px;
93
+ padding-bottom: 32px;
94
+ border: 1px solid #D8D8D8;
95
+ border-radius: 8px;
96
+ }
97
+ @media screen and (max-width: 767px) {
98
+ .mfui-beta-store-banner__grid {
99
+ padding-top: 24px;
100
+ padding-bottom: 0;
101
+ }
102
+ }
103
+ .mfui-beta-store-banner__content {
104
+ padding-left: 32px;
105
+ }
106
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
107
+ .mfui-beta-store-banner__content {
108
+ padding-right: 10px;
109
+ }
110
+ }
111
+ @media screen and (max-width: 767px) {
112
+ .mfui-beta-store-banner__content {
113
+ padding-right: 15px;
114
+ padding-bottom: 32px;
115
+ padding-left: 15px;
116
+ text-align: center;
117
+ }
118
+ }
119
+ .mfui-beta-store-banner__device-mask {
120
+ height: 100%;
121
+ background-repeat: no-repeat;
122
+ background-size: cover;
123
+ }
124
+ .mfui-beta-store-banner__device-wrapper {
125
+ position: relative;
126
+ bottom: calc(2 * (32px - 1px));
127
+ width: 235px;
128
+ height: calc(100% + 2 * 32px + 30px);
129
+ margin-right: auto;
130
+ margin-left: auto;
131
+ overflow: hidden;
132
+ }
133
+ @media screen and (min-width: 1024px) and (max-width: 1279px) {
134
+ .mfui-beta-store-banner__device-wrapper {
135
+ width: 260px;
136
+ }
137
+ }
138
+ @media screen and (max-width: 1023px) {
139
+ .mfui-beta-store-banner__device-wrapper {
140
+ bottom: 0;
141
+ }
142
+ }
143
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
144
+ .mfui-beta-store-banner__device-wrapper {
145
+ width: 196px;
146
+ height: calc(100% + 32px);
147
+ }
148
+ }
149
+ @media screen and (max-width: 767px) {
150
+ .mfui-beta-store-banner__device-wrapper {
151
+ width: 163px;
152
+ height: 222px;
153
+ padding-top: 24px;
154
+ }
155
+ }
156
+ .mfui-beta-store-banner__links {
157
+ display: -webkit-box;
158
+ display: -ms-flexbox;
159
+ display: flex;
160
+ }
161
+ .mfui-beta-store-banner__qr-code {
162
+ margin-right: 16px;
163
+ }
164
+ @media screen and (max-width: 767px) {
165
+ .mfui-beta-store-banner__qr-code {
166
+ display: none;
167
+ }
168
+ }
169
+ @media screen and (min-width: 768px) {
170
+ .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores {
171
+ -webkit-box-orient: vertical;
172
+ -webkit-box-direction: normal;
173
+ -ms-flex-direction: column;
174
+ flex-direction: column;
175
+ -webkit-box-pack: justify;
176
+ -ms-flex-pack: justify;
177
+ justify-content: space-between;
178
+ }
179
+ }
180
+ .mfui-beta-store-banner__store-link {
181
+ width: 136px;
182
+ height: 40px;
183
+ }
184
+ @media screen and (max-width: 767px) {
185
+ .mfui-beta-store-banner__store-link {
186
+ width: 119px;
187
+ height: 35px;
188
+ }
189
+ }
190
+ .mfui-beta-store-banner__store-link:not(:last-child) {
191
+ margin-right: 16px;
192
+ margin-bottom: 10px;
193
+ }
194
+ .mfui-beta-store-banner__stores {
195
+ display: -webkit-box;
196
+ display: -ms-flexbox;
197
+ display: flex;
198
+ -webkit-box-flex: 1;
199
+ -ms-flex-positive: 1;
200
+ flex-grow: 1;
201
+ -ms-flex-wrap: wrap;
202
+ flex-wrap: wrap;
203
+ }
204
+ @media screen and (max-width: 767px) {
205
+ .mfui-beta-store-banner__stores {
206
+ -webkit-box-pack: center;
207
+ -ms-flex-pack: center;
208
+ justify-content: center;
209
+ }
210
+ }
211
+ .mfui-beta-store-banner__text {
212
+ margin-bottom: 32px;
213
+ }
214
+ .mfui-beta-store-banner__title {
215
+ margin-bottom: 16px;
216
+ }
217
+ .mfui-beta-store-banner__screen {
218
+ position: absolute;
219
+ left: 50%;
220
+ -webkit-transform: translateX(-50%);
221
+ transform: translateX(-50%);
222
+ }
223
+ .mfui-beta-store-banner__button {
224
+ margin: 0 auto;
225
+ }
226
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
227
+ -o-object-fit: contain;
228
+ object-fit: contain;
229
+ }
230
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
231
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
232
+ width: 120px;
233
+ height: 120px;
234
+ }
235
+ }
236
+ @media screen and (min-width: 1280px) {
237
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code {
238
+ max-width: 88px;
239
+ max-height: 88px;
240
+ }
241
+ }
242
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores {
243
+ max-width: 305px;
244
+ }
245
+ @media screen and (min-width: 1024px) {
246
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores {
247
+ -webkit-box-orient: horizontal;
248
+ -webkit-box-direction: normal;
249
+ -ms-flex-direction: row;
250
+ flex-direction: row;
251
+ -webkit-box-pack: start;
252
+ -ms-flex-pack: start;
253
+ justify-content: flex-start;
254
+ }
255
+ }
256
+ @media screen and (max-width: 767px) {
257
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores {
258
+ margin: 0 auto;
259
+ }
260
+ }
261
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores .mfui-beta-store-banner__store-link {
262
+ margin-right: 16px;
263
+ }
264
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores .mfui-beta-store-banner__store-link:not(:first-child) {
265
+ margin-right: 0;
266
+ }
267
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link {
268
+ width: 136px;
269
+ height: 40px;
270
+ }
271
+ @media screen and (max-width: 1023px) {
272
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link {
273
+ width: 119px;
274
+ height: 35px;
275
+ }
276
+ }
277
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:last-child) {
278
+ margin-bottom: 8px;
279
+ }
280
+ @media screen and (max-width: 767px) {
281
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:last-child) {
282
+ margin-bottom: 16px;
283
+ }
284
+ }
285
+ @media screen and (max-width: 1023px) {
286
+ .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:first-child) {
287
+ margin-right: 0;
288
+ }
289
+ }
@@ -0,0 +1,65 @@
1
+ import * as React from 'react';
2
+ import { Props as StoreButtonPropsType } from '../StoreButton/StoreButton';
3
+ import './StoreBanner.less';
4
+ export declare const Theme: {
5
+ readonly CLEAR_WHITE: "clearWhite";
6
+ readonly GREEN: "green";
7
+ readonly SPB_SKY_1: "spbSky1";
8
+ };
9
+ declare type ThemeType = typeof Theme[keyof typeof Theme];
10
+ export declare const DeviceMask: {
11
+ readonly ANDROID: "android";
12
+ readonly NEW_IPHONE: "new-iphone";
13
+ readonly BLACK_IPHONE: "black-iphone";
14
+ readonly WHITE_IPHONE: "white-iphone";
15
+ };
16
+ declare type DeviceMaskType = typeof DeviceMask[keyof typeof DeviceMask];
17
+ declare type LinkHrefType = StoreButtonPropsType['href'];
18
+ declare type LinkOnClickType = StoreButtonPropsType['onClick'];
19
+ export interface IStoreBannerProps {
20
+ /** Заголовок */
21
+ title: string;
22
+ /** Текст */
23
+ text: string;
24
+ /** Ссылка на скачивание приложения в App Store */
25
+ linkApple?: LinkHrefType;
26
+ /** Обработчик клика по ссылке в App Store */
27
+ onClickApple?: LinkOnClickType;
28
+ /** Ссылка на скачивание приложения в Google Play */
29
+ linkGoogle?: LinkHrefType;
30
+ /** Обработчик клика по ссылке в Google Play */
31
+ onClickGoogle?: LinkOnClickType;
32
+ /** Ссылка на скачивание приложения в Huawei Store */
33
+ linkHuawei?: LinkHrefType;
34
+ /** Обработчик клика по ссылке в Huawei Store */
35
+ onClickHuawei?: LinkOnClickType;
36
+ /** Текст кнопки */
37
+ textButton?: string;
38
+ /** Ссылка для кнопки */
39
+ linkButton?: string;
40
+ /** Ссылка на картинку с QR-кодом */
41
+ qrCode?: string;
42
+ /** Цветовая тема компонента */
43
+ theme?: ThemeType;
44
+ /** Изображение телефона */
45
+ deviceMask: DeviceMaskType;
46
+ /** Изображение на дисплее телефона */
47
+ imageSrc: string;
48
+ /** Дополнительный класс корневого элемента */
49
+ className?: string;
50
+ /** Дополнительные классы для корневого и внутренних элементов */
51
+ classes?: {
52
+ root?: string;
53
+ appleLink?: string;
54
+ googleLink?: string;
55
+ huaweiLink?: string;
56
+ };
57
+ /** Ссылка на корневой элемент */
58
+ rootRef?: React.Ref<HTMLDivElement>;
59
+ /** Дата атрибуты для корневого элемента */
60
+ dataAttrs?: {
61
+ [key: string]: string;
62
+ };
63
+ }
64
+ declare const StoreBanner: React.FC<IStoreBannerProps>;
65
+ export default StoreBanner;
@@ -0,0 +1,145 @@
1
+ import "core-js/modules/es.object.values";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import * as React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
6
+ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
7
+ import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
8
+ import "./StoreBanner.css";
9
+ export var Theme = {
10
+ CLEAR_WHITE: 'clearWhite',
11
+ GREEN: 'green',
12
+ SPB_SKY_1: 'spbSky1'
13
+ };
14
+ export var DeviceMask = {
15
+ ANDROID: 'android',
16
+ NEW_IPHONE: 'new-iphone',
17
+ BLACK_IPHONE: 'black-iphone',
18
+ WHITE_IPHONE: 'white-iphone'
19
+ };
20
+ var DEFAULT_TEXT_BUTTON = 'Установите приложение';
21
+ var cn = cnCreate('mfui-beta-store-banner');
22
+
23
+ var StoreBanner = function StoreBanner(_ref) {
24
+ var className = _ref.className,
25
+ _ref$classes = _ref.classes;
26
+ _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
27
+ var rootClassName = _ref$classes.root,
28
+ appleLinkClassName = _ref$classes.appleLink,
29
+ googleLinkClassName = _ref$classes.googleLink,
30
+ huaweiLinkClassName = _ref$classes.huaweiLink,
31
+ title = _ref.title,
32
+ text = _ref.text,
33
+ linkApple = _ref.linkApple,
34
+ linkGoogle = _ref.linkGoogle,
35
+ linkHuawei = _ref.linkHuawei,
36
+ linkButton = _ref.linkButton,
37
+ _ref$textButton = _ref.textButton,
38
+ textButton = _ref$textButton === void 0 ? DEFAULT_TEXT_BUTTON : _ref$textButton,
39
+ qrCode = _ref.qrCode,
40
+ imageSrc = _ref.imageSrc,
41
+ _ref$theme = _ref.theme,
42
+ theme = _ref$theme === void 0 ? Theme.CLEAR_WHITE : _ref$theme,
43
+ deviceMask = _ref.deviceMask,
44
+ rootRef = _ref.rootRef,
45
+ dataAttrs = _ref.dataAttrs,
46
+ onClickApple = _ref.onClickApple,
47
+ onClickGoogle = _ref.onClickGoogle,
48
+ onClickHuawei = _ref.onClickHuawei;
49
+ return /*#__PURE__*/React.createElement("div", _extends({
50
+ className: cn({
51
+ theme: theme,
52
+ mask: deviceMask
53
+ }, [className, rootClassName]),
54
+ ref: rootRef
55
+ }, filterDataAttrs(dataAttrs)), /*#__PURE__*/React.createElement("div", {
56
+ className: cn('container')
57
+ }, /*#__PURE__*/React.createElement("div", {
58
+ className: cn('grid')
59
+ }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, {
60
+ all: "6",
61
+ mobile: "12",
62
+ rightOffsetWide: "1"
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: cn('content')
65
+ }, /*#__PURE__*/React.createElement(Header, {
66
+ as: "h2",
67
+ className: cn('title'),
68
+ color: "inherit"
69
+ }, title), /*#__PURE__*/React.createElement(Paragraph, {
70
+ className: cn('text'),
71
+ hasMargin: false,
72
+ color: "inherit"
73
+ }, text), /*#__PURE__*/React.createElement("div", {
74
+ className: cn('links', {
75
+ three: !!linkApple && !!linkGoogle && !!linkHuawei
76
+ })
77
+ }, !linkButton && qrCode && /*#__PURE__*/React.createElement("img", {
78
+ src: qrCode,
79
+ className: cn('qr-code'),
80
+ alt: "QR-\u043A\u043E\u0434"
81
+ }), !linkButton && /*#__PURE__*/React.createElement("div", {
82
+ className: cn('stores')
83
+ }, linkApple && /*#__PURE__*/React.createElement(StoreButton, {
84
+ theme: StoreButtonTheme.APP_STORE,
85
+ href: linkApple,
86
+ onClick: onClickApple,
87
+ className: cn('store-link', {
88
+ 'app-store': true
89
+ }, appleLinkClassName)
90
+ }), linkGoogle && /*#__PURE__*/React.createElement(StoreButton, {
91
+ theme: StoreButtonTheme.GOOGLE_PLAY,
92
+ href: linkGoogle,
93
+ className: cn('store-link', {
94
+ 'google-play': true
95
+ }, googleLinkClassName),
96
+ onClick: onClickGoogle
97
+ }), linkHuawei && /*#__PURE__*/React.createElement(StoreButton, {
98
+ theme: StoreButtonTheme.HUAWEI_STORE,
99
+ href: linkHuawei,
100
+ className: cn('store-link', {
101
+ 'huawei-store': true
102
+ }, huaweiLinkClassName),
103
+ onClick: onClickHuawei
104
+ })), linkButton && /*#__PURE__*/React.createElement(Button, {
105
+ className: cn('button'),
106
+ href: linkButton,
107
+ theme: theme === 'green' ? 'purple' : 'green'
108
+ }, textButton)))), /*#__PURE__*/React.createElement(GridColumn, {
109
+ all: "4",
110
+ desktop: "6",
111
+ tablet: "6",
112
+ mobile: "12"
113
+ }, /*#__PURE__*/React.createElement("div", {
114
+ className: cn('device-wrapper')
115
+ }, /*#__PURE__*/React.createElement("div", {
116
+ className: cn('device-mask')
117
+ }), /*#__PURE__*/React.createElement("img", {
118
+ src: imageSrc,
119
+ className: cn('screen'),
120
+ alt: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u043A\u0440\u0430\u043D\u0435 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430"
121
+ })))))));
122
+ };
123
+
124
+ StoreBanner.propTypes = {
125
+ title: PropTypes.string.isRequired,
126
+ text: PropTypes.string.isRequired,
127
+ linkApple: PropTypes.string,
128
+ onClickApple: PropTypes.func,
129
+ linkGoogle: PropTypes.string,
130
+ onClickGoogle: PropTypes.func,
131
+ qrCode: PropTypes.string,
132
+ theme: PropTypes.oneOf(Object.values(Theme)),
133
+ deviceMask: PropTypes.oneOf(Object.values(DeviceMask)).isRequired,
134
+ imageSrc: PropTypes.string.isRequired,
135
+ className: PropTypes.string,
136
+ classes: PropTypes.shape({
137
+ appleLink: PropTypes.string,
138
+ googleLink: PropTypes.string
139
+ }),
140
+ rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
141
+ current: PropTypes.elementType
142
+ }), PropTypes.any])]),
143
+ dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired)
144
+ };
145
+ export default StoreBanner;
@@ -0,0 +1,15 @@
1
+ .mfui-beta-store-button {
2
+ border-radius: 8px;
3
+ background-repeat: no-repeat;
4
+ background-position: center;
5
+ background-size: cover;
6
+ }
7
+ .mfui-beta-store-button_theme_app-store {
8
+ background-image: url('./img/app-store.png');
9
+ }
10
+ .mfui-beta-store-button_theme_google-play {
11
+ background-image: url('./img/google-play.png');
12
+ }
13
+ .mfui-beta-store-button_theme_huawei-store {
14
+ background-image: url('./img/huawei-store.png');
15
+ }
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ import { Link } from '@megafon/ui-core';
3
+ import './StoreButton.less';
4
+ export declare enum Theme {
5
+ GOOGLE_PLAY = "google-play",
6
+ APP_STORE = "app-store",
7
+ HUAWEI_STORE = "huawei-store"
8
+ }
9
+ declare type LinkPropTypes = React.ComponentProps<typeof Link>;
10
+ export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'onClick'> & {
11
+ /** Тема кнопки */
12
+ theme: Theme;
13
+ /** Дополнительный класс */
14
+ className?: string;
15
+ };
16
+ declare const StoreButton: React.FC<Props>;
17
+ export default StoreButton;
@@ -0,0 +1,37 @@
1
+ import "core-js/modules/es.object.values";
2
+ import * as React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { Link } from '@megafon/ui-core';
5
+ import { cnCreate } from '@megafon/ui-helpers';
6
+ import "./StoreButton.css";
7
+ export var Theme;
8
+
9
+ (function (Theme) {
10
+ Theme["GOOGLE_PLAY"] = "google-play";
11
+ Theme["APP_STORE"] = "app-store";
12
+ Theme["HUAWEI_STORE"] = "huawei-store";
13
+ })(Theme || (Theme = {}));
14
+
15
+ var cn = cnCreate('mfui-beta-store-button');
16
+
17
+ var StoreButton = function StoreButton(_ref) {
18
+ var href = _ref.href,
19
+ onClick = _ref.onClick,
20
+ theme = _ref.theme,
21
+ className = _ref.className;
22
+ return /*#__PURE__*/React.createElement(Link, {
23
+ href: href,
24
+ onClick: onClick,
25
+ className: cn({
26
+ theme: theme
27
+ }, className)
28
+ });
29
+ };
30
+
31
+ StoreButton.propTypes = {
32
+ href: PropTypes.string.isRequired,
33
+ theme: PropTypes.oneOf(Object.values(Theme)).isRequired,
34
+ onClick: PropTypes.func,
35
+ className: PropTypes.string
36
+ };
37
+ export default StoreButton;