@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,46 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-beta-breadcrumbs {
9
+ display: -webkit-box;
10
+ display: -ms-flexbox;
11
+ display: flex;
12
+ -ms-flex-wrap: wrap;
13
+ flex-wrap: wrap;
14
+ }
15
+ .mfui-beta-breadcrumbs_color_black .mfui-beta-breadcrumbs__item:before {
16
+ color: #333333;
17
+ }
18
+ .mfui-beta-breadcrumbs_color_white .mfui-beta-breadcrumbs__item:before {
19
+ color: #FFFFFF;
20
+ }
21
+ .mfui-beta-breadcrumbs__icon {
22
+ position: relative;
23
+ width: 14px;
24
+ height: 3px;
25
+ margin-right: 10px;
26
+ }
27
+ .mfui-beta-breadcrumbs__item {
28
+ position: relative;
29
+ margin-right: 10px;
30
+ padding-left: 22px;
31
+ }
32
+ .mfui-beta-breadcrumbs__item:before {
33
+ content: '→';
34
+ position: absolute;
35
+ top: -2px;
36
+ left: 0;
37
+ }
38
+ .mfui-beta-breadcrumbs__item:first-child {
39
+ padding-left: 0;
40
+ }
41
+ .mfui-beta-breadcrumbs__item:first-child:before {
42
+ display: none;
43
+ }
44
+ .mfui-beta-breadcrumbs__item:last-child {
45
+ pointer-events: none;
46
+ }
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import './Breadcrumbs.less';
3
+ declare type ItemType = {
4
+ title: string;
5
+ href?: string;
6
+ };
7
+ export declare const TextColor: {
8
+ readonly BLACK: "black";
9
+ readonly WHITE: "white";
10
+ };
11
+ declare type TextColorType = typeof TextColor[keyof typeof TextColor];
12
+ export declare type Props = {
13
+ className?: string;
14
+ classes?: {
15
+ item?: string;
16
+ };
17
+ items: ItemType[];
18
+ color?: TextColorType;
19
+ };
20
+ declare const Breadcrumbs: React.FC<Props>;
21
+ export default Breadcrumbs;
@@ -0,0 +1,49 @@
1
+ import "core-js/modules/es.array.map";
2
+ import "core-js/modules/es.object.values";
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import { TextLink } from '@megafon/ui-core';
6
+ import { cnCreate } from '@megafon/ui-helpers';
7
+ import "./Breadcrumbs.css";
8
+ export var TextColor = {
9
+ BLACK: 'black',
10
+ WHITE: 'white'
11
+ };
12
+ var cn = cnCreate('mfui-beta-breadcrumbs');
13
+
14
+ var Breadcrumbs = function Breadcrumbs(_ref) {
15
+ var items = _ref.items,
16
+ _ref$color = _ref.color,
17
+ color = _ref$color === void 0 ? 'black' : _ref$color,
18
+ className = _ref.className,
19
+ _ref$classes = _ref.classes,
20
+ classes = _ref$classes === void 0 ? {} : _ref$classes;
21
+ return /*#__PURE__*/React.createElement("div", {
22
+ className: cn({
23
+ color: color
24
+ }, className)
25
+ }, items.map(function (_ref2) {
26
+ var title = _ref2.title,
27
+ href = _ref2.href;
28
+ return /*#__PURE__*/React.createElement("div", {
29
+ className: cn('item', classes.item),
30
+ key: title
31
+ }, /*#__PURE__*/React.createElement(TextLink, {
32
+ href: href,
33
+ color: color
34
+ }, title));
35
+ }));
36
+ };
37
+
38
+ Breadcrumbs.propTypes = {
39
+ className: PropTypes.string,
40
+ classes: PropTypes.shape({
41
+ item: PropTypes.string
42
+ }),
43
+ items: PropTypes.arrayOf(PropTypes.shape({
44
+ title: PropTypes.string.isRequired,
45
+ href: PropTypes.string
46
+ }).isRequired).isRequired,
47
+ color: PropTypes.oneOf(Object.values(TextColor))
48
+ };
49
+ export default Breadcrumbs;
@@ -0,0 +1,122 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-beta-button-banner {
9
+ position: relative;
10
+ border: 1px solid #D8D8D8;
11
+ background-color: #FFFFFF;
12
+ border-radius: 0 8px 8px 0;
13
+ }
14
+ @media screen and (max-width: 767px) {
15
+ .mfui-beta-button-banner {
16
+ border-radius: 0 0 8px 8px;
17
+ }
18
+ }
19
+ .mfui-beta-button-banner:before {
20
+ content: '';
21
+ position: absolute;
22
+ top: 0;
23
+ bottom: 0;
24
+ left: 0;
25
+ width: 12px;
26
+ background-color: #00B956;
27
+ border-radius: 0 12px 12px 0;
28
+ }
29
+ @media screen and (max-width: 767px) {
30
+ .mfui-beta-button-banner:before {
31
+ border-radius: 0 0 12px 12px;
32
+ }
33
+ }
34
+ @media screen and (max-width: 767px) {
35
+ .mfui-beta-button-banner:before {
36
+ right: 0;
37
+ bottom: auto;
38
+ width: auto;
39
+ height: 12px;
40
+ }
41
+ }
42
+ .mfui-beta-button-banner__content {
43
+ -webkit-box-sizing: border-box;
44
+ box-sizing: border-box;
45
+ }
46
+ @media screen and (max-width: 767px) {
47
+ .mfui-beta-button-banner__content {
48
+ padding: 36px 16px 32px;
49
+ text-align: center;
50
+ }
51
+ }
52
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
53
+ .mfui-beta-button-banner__content {
54
+ padding: 32px 0;
55
+ }
56
+ }
57
+ @media screen and (min-width: 1024px) and (max-width: 1279px) {
58
+ .mfui-beta-button-banner__content {
59
+ padding: 40px 0;
60
+ }
61
+ }
62
+ @media screen and (min-width: 1280px) {
63
+ .mfui-beta-button-banner__content {
64
+ padding: 48px 0;
65
+ }
66
+ }
67
+ .mfui-beta-button-banner__media {
68
+ display: -webkit-box;
69
+ display: -ms-flexbox;
70
+ display: flex;
71
+ -webkit-box-align: center;
72
+ -ms-flex-align: center;
73
+ align-items: center;
74
+ -webkit-box-pack: center;
75
+ -ms-flex-pack: center;
76
+ justify-content: center;
77
+ height: 100%;
78
+ padding: 0 20px;
79
+ overflow: hidden;
80
+ background-repeat: no-repeat;
81
+ background-position: center;
82
+ border-radius: 0 8px 8px 0;
83
+ }
84
+ @media screen and (max-width: 767px) {
85
+ .mfui-beta-button-banner__media {
86
+ border-radius: 0 0 8px 8px;
87
+ }
88
+ }
89
+ @media screen and (max-width: 767px) {
90
+ .mfui-beta-button-banner__media {
91
+ height: auto;
92
+ padding: 0 16px 24px;
93
+ }
94
+ }
95
+ .mfui-beta-button-banner_scaling_cover .mfui-beta-button-banner__media {
96
+ background-size: cover;
97
+ }
98
+ .mfui-beta-button-banner_scaling_contain .mfui-beta-button-banner__media {
99
+ background-size: contain;
100
+ }
101
+ .mfui-beta-button-banner__header {
102
+ margin-bottom: 16px;
103
+ }
104
+ .mfui-beta-button-banner__button {
105
+ max-width: 100%;
106
+ }
107
+ .mfui-beta-button-banner__text {
108
+ font-size: 15px;
109
+ line-height: 24px;
110
+ font-weight: 400;
111
+ }
112
+ .mfui-beta-button-banner_image .mfui-beta-button-banner__media {
113
+ padding: 0;
114
+ }
115
+ @media screen and (max-width: 767px) {
116
+ .mfui-beta-button-banner_image .mfui-beta-button-banner__media {
117
+ height: 222px;
118
+ }
119
+ }
120
+ .mfui-beta-button-banner_image .mfui-beta-button-banner__text {
121
+ margin-bottom: 32px;
122
+ }
@@ -0,0 +1,54 @@
1
+ import React, { Ref } from 'react';
2
+ import './ButtonBanner.less';
3
+ export declare const ButtonColor: {
4
+ readonly GREEN: "green";
5
+ readonly PURPLE: "purple";
6
+ };
7
+ declare type ButtonColorType = typeof ButtonColor[keyof typeof ButtonColor];
8
+ export declare const ButtonTarget: {
9
+ readonly SELF: "_self";
10
+ readonly BLANK: "_blank";
11
+ };
12
+ declare type ButtonTargetType = typeof ButtonTarget[keyof typeof ButtonTarget];
13
+ export declare const ImageScaling: {
14
+ readonly COVER: "cover";
15
+ readonly CONTAIN: "contain";
16
+ };
17
+ declare type ImageScalingType = typeof ImageScaling[keyof typeof ImageScaling];
18
+ export interface IButtonBannerProps {
19
+ /** Дата атрибуты для корневого элемента */
20
+ dataAttrs?: {
21
+ [key: string]: string;
22
+ };
23
+ /** Дополнительный css класс для корневого элемента */
24
+ className?: string;
25
+ /** Дополнительный css классы для корневого и внутренних элементов */
26
+ classes?: {
27
+ root?: string;
28
+ button?: string;
29
+ };
30
+ /** Ссылка на корневой элемент */
31
+ rootRef?: Ref<HTMLDivElement>;
32
+ /** Заголовок */
33
+ title: string;
34
+ /** Текст */
35
+ text: string | React.ReactNode | React.ReactNode[];
36
+ /** URL изображения */
37
+ imageUrl?: string;
38
+ /** Текст кнопки */
39
+ buttonText: string;
40
+ /** URL кнопки */
41
+ buttonUrl?: string;
42
+ /** Download - свойство тега <a> */
43
+ buttonDownload?: boolean;
44
+ /** Target - свойство тега <a> */
45
+ buttonTarget?: ButtonTargetType;
46
+ /** Цвет кнопки */
47
+ buttonColor?: ButtonColorType;
48
+ /** Масштабирование изображения */
49
+ imageScaling?: ImageScalingType;
50
+ /** Обработчик клика по кнопке */
51
+ onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
52
+ }
53
+ declare const ButtonBanner: React.FC<IButtonBannerProps>;
54
+ export default ButtonBanner;
@@ -0,0 +1,107 @@
1
+ import "core-js/modules/es.object.values";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import React from 'react';
4
+ import * as PropTypes from 'prop-types';
5
+ import "./ButtonBanner.css";
6
+ import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
7
+ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
8
+ export var ButtonColor = {
9
+ GREEN: 'green',
10
+ PURPLE: 'purple'
11
+ };
12
+ export var ButtonTarget = {
13
+ SELF: '_self',
14
+ BLANK: '_blank'
15
+ };
16
+ export var ImageScaling = {
17
+ COVER: 'cover',
18
+ CONTAIN: 'contain'
19
+ };
20
+
21
+ var getMediaStyle = function getMediaStyle(imageUrl) {
22
+ return imageUrl ? {
23
+ backgroundImage: "url(".concat(imageUrl, ")")
24
+ } : undefined;
25
+ };
26
+
27
+ var cn = cnCreate('mfui-beta-button-banner');
28
+
29
+ var ButtonBanner = function ButtonBanner(_ref) {
30
+ var dataAttrs = _ref.dataAttrs,
31
+ className = _ref.className,
32
+ _ref$classes = _ref.classes,
33
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
34
+ rootRef = _ref.rootRef,
35
+ title = _ref.title,
36
+ text = _ref.text,
37
+ _ref$imageUrl = _ref.imageUrl,
38
+ imageUrl = _ref$imageUrl === void 0 ? '' : _ref$imageUrl,
39
+ buttonText = _ref.buttonText,
40
+ buttonUrl = _ref.buttonUrl,
41
+ buttonDownload = _ref.buttonDownload,
42
+ _ref$buttonTarget = _ref.buttonTarget,
43
+ buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
44
+ _ref$buttonColor = _ref.buttonColor,
45
+ buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
46
+ _ref$imageScaling = _ref.imageScaling,
47
+ imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
48
+ onButtonClick = _ref.onButtonClick;
49
+ var buttonElem = /*#__PURE__*/React.createElement(Button, {
50
+ className: cn('button', [classes.button]),
51
+ href: buttonUrl,
52
+ target: buttonTarget,
53
+ theme: buttonColor,
54
+ onClick: onButtonClick,
55
+ download: buttonDownload
56
+ }, buttonText);
57
+ return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
58
+ className: cn({
59
+ image: !!imageUrl,
60
+ scaling: imageScaling
61
+ }, [className, classes.root]),
62
+ ref: rootRef
63
+ }), /*#__PURE__*/React.createElement(Grid, {
64
+ guttersLeft: "medium"
65
+ }, /*#__PURE__*/React.createElement(GridColumn, {
66
+ all: "6",
67
+ mobile: "12",
68
+ leftOffsetTablet: "1",
69
+ leftOffsetDesktop: "1",
70
+ leftOffsetWide: "1"
71
+ }, /*#__PURE__*/React.createElement("div", {
72
+ className: cn('content')
73
+ }, /*#__PURE__*/React.createElement(Header, {
74
+ className: cn('header'),
75
+ as: "h2"
76
+ }, title), /*#__PURE__*/React.createElement("div", {
77
+ className: cn('text')
78
+ }, text), !!imageUrl && buttonElem)), /*#__PURE__*/React.createElement(GridColumn, {
79
+ all: "5",
80
+ mobile: "12"
81
+ }, /*#__PURE__*/React.createElement("div", {
82
+ className: cn('media'),
83
+ style: getMediaStyle(imageUrl)
84
+ }, !imageUrl && buttonElem))));
85
+ };
86
+
87
+ ButtonBanner.propTypes = {
88
+ dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
89
+ className: PropTypes.string,
90
+ classes: PropTypes.shape({
91
+ root: PropTypes.string,
92
+ button: PropTypes.string
93
+ }),
94
+ rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
95
+ current: PropTypes.elementType
96
+ }), PropTypes.any])]),
97
+ title: PropTypes.string.isRequired,
98
+ text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
99
+ imageUrl: PropTypes.string,
100
+ buttonText: PropTypes.string.isRequired,
101
+ buttonUrl: PropTypes.string,
102
+ buttonDownload: PropTypes.bool,
103
+ buttonTarget: PropTypes.oneOf(Object.values(ButtonTarget)),
104
+ buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
105
+ onButtonClick: PropTypes.func
106
+ };
107
+ export default ButtonBanner;
@@ -1,20 +1,44 @@
1
- import * as React from 'react';
1
+ import React, { Ref } from 'react';
2
2
  import './ButtonLinkBox.less';
3
3
  export interface IButtonLinkBoxProps {
4
- /** Custom className */
4
+ /** Дата атрибуты для корневого элемента */
5
+ dataAttrs?: {
6
+ [key: string]: string;
7
+ };
8
+ /** Дополнительный класс корневого элемента */
5
9
  className?: string;
6
- /** Button title */
10
+ /** Дополнительные классы для корневого и внутренних элементов */
11
+ classes?: {
12
+ root?: string;
13
+ button?: string;
14
+ link?: string;
15
+ };
16
+ /** Ссылка на корневой элемент */
17
+ rootRef?: Ref<HTMLDivElement>;
18
+ /** Заголовок кнопки */
7
19
  buttonTitle?: string;
8
- /** Button url */
20
+ /** Ссылка кнопки */
9
21
  buttonUrl?: string;
10
- /** Button color */
22
+ /** Добавляет атрибут download для тега <a> компонента Button */
23
+ buttonDownload?: boolean;
24
+ /** Цвет кнопки */
11
25
  buttonColor?: 'green' | 'purple';
12
- /** Link title */
26
+ /** Target свойство кнопки */
27
+ buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
28
+ /** Заголовок ссылки */
13
29
  linkTitle?: string;
14
- /** Link url */
30
+ /** Добавляет атрибут download для тега <a> компонента Button */
15
31
  linkUrl?: string;
16
- /** Horizontal alignment */
32
+ /** Target свойство ссылки */
33
+ linkTarget?: '_self' | '_blank' | '_parent' | '_top';
34
+ /** Добавляет атрибут download к свойству тега <a> */
35
+ linkDownload?: boolean;
36
+ /** Горизонтальное выравнивание */
17
37
  hAlign?: 'center' | 'left';
38
+ /** Обработчик клика по кнопке */
39
+ onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
40
+ /** Обработчик клика по ссылке */
41
+ onLinkClick?: (e: React.SyntheticEvent<EventTarget>) => void;
18
42
  }
19
43
  declare const ButtonLinkBox: React.FC<IButtonLinkBoxProps>;
20
44
  export default ButtonLinkBox;
@@ -1,42 +1,77 @@
1
- import * as React from 'react';
1
+ import "core-js/modules/es.string.link";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import React from 'react';
2
4
  import * as PropTypes from 'prop-types';
3
- import { cnCreate, Button, TextLink } from '@megafon/ui-core';
5
+ import { Button, TextLink } from '@megafon/ui-core';
6
+ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
4
7
  import "./ButtonLinkBox.css";
5
8
  var cn = cnCreate('mfui-beta-button-link-box');
6
9
 
7
10
  var ButtonLinkBox = function ButtonLinkBox(_ref) {
8
- var buttonTitle = _ref.buttonTitle,
11
+ var dataAttrs = _ref.dataAttrs,
12
+ rootRef = _ref.rootRef,
13
+ buttonTitle = _ref.buttonTitle,
9
14
  buttonUrl = _ref.buttonUrl,
15
+ buttonDownload = _ref.buttonDownload,
10
16
  _ref$buttonColor = _ref.buttonColor,
11
17
  buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
12
18
  linkTitle = _ref.linkTitle,
13
19
  linkUrl = _ref.linkUrl,
20
+ linkDownload = _ref.linkDownload,
14
21
  hAlign = _ref.hAlign,
15
- className = _ref.className;
16
- return /*#__PURE__*/React.createElement("div", {
22
+ className = _ref.className,
23
+ buttonTarget = _ref.buttonTarget,
24
+ linkTarget = _ref.linkTarget,
25
+ _ref$classes = _ref.classes,
26
+ classes = _ref$classes === void 0 ? {} : _ref$classes,
27
+ onButtonClick = _ref.onButtonClick,
28
+ onLinkClick = _ref.onLinkClick;
29
+ return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
17
30
  className: cn({
18
31
  'h-align': hAlign
19
- }, className)
20
- }, buttonTitle && /*#__PURE__*/React.createElement("div", {
32
+ }, [className, classes.root]),
33
+ ref: rootRef
34
+ }), buttonTitle && /*#__PURE__*/React.createElement("div", {
21
35
  className: cn('row')
22
36
  }, /*#__PURE__*/React.createElement(Button, {
37
+ className: classes.button,
23
38
  href: buttonUrl,
24
- theme: buttonColor
39
+ theme: buttonColor,
40
+ onClick: onButtonClick,
41
+ target: buttonTarget,
42
+ download: buttonDownload
25
43
  }, buttonTitle)), linkTitle && /*#__PURE__*/React.createElement("div", {
26
44
  className: cn('row')
27
45
  }, /*#__PURE__*/React.createElement(TextLink, {
46
+ className: classes.link,
28
47
  href: linkUrl,
29
- underlineVisibility: "always"
48
+ download: linkDownload,
49
+ underlineVisibility: "always",
50
+ target: linkTarget,
51
+ onClick: onLinkClick
30
52
  }, linkTitle)));
31
53
  };
32
54
 
33
55
  ButtonLinkBox.propTypes = {
56
+ dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
34
57
  className: PropTypes.string,
58
+ classes: PropTypes.shape({
59
+ root: PropTypes.string,
60
+ button: PropTypes.string,
61
+ link: PropTypes.string
62
+ }),
63
+ rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
64
+ current: PropTypes.elementType
65
+ }), PropTypes.any])]),
35
66
  buttonTitle: PropTypes.string,
36
67
  buttonUrl: PropTypes.string,
68
+ buttonDownload: PropTypes.bool,
37
69
  buttonColor: PropTypes.oneOf(['green', 'purple']),
38
70
  linkTitle: PropTypes.string,
39
71
  linkUrl: PropTypes.string,
40
- hAlign: PropTypes.oneOf(['center'])
72
+ linkDownload: PropTypes.bool,
73
+ hAlign: PropTypes.oneOf(['center']),
74
+ onButtonClick: PropTypes.func,
75
+ onLinkClick: PropTypes.func
41
76
  };
42
77
  export default ButtonLinkBox;
@@ -0,0 +1,130 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5 {
6
+ margin: 0;
7
+ }
8
+ .mfui-beta-card {
9
+ display: -webkit-box;
10
+ display: -ms-flexbox;
11
+ display: flex;
12
+ border-radius: 8px;
13
+ overflow: hidden;
14
+ background-color: #FFFFFF;
15
+ -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
16
+ box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
17
+ }
18
+ .mfui-beta-card__inner {
19
+ display: -webkit-box;
20
+ display: -ms-flexbox;
21
+ display: flex;
22
+ -webkit-box-orient: vertical;
23
+ -webkit-box-direction: normal;
24
+ -ms-flex-direction: column;
25
+ flex-direction: column;
26
+ -webkit-box-flex: 0;
27
+ -ms-flex-positive: 0;
28
+ flex-grow: 0;
29
+ -ms-flex-negative: 1;
30
+ flex-shrink: 1;
31
+ -webkit-box-sizing: border-box;
32
+ box-sizing: border-box;
33
+ width: 100%;
34
+ padding: 32px 20px;
35
+ }
36
+ @media screen and (max-width: 767px) {
37
+ .mfui-beta-card__inner {
38
+ padding: 24px 16px;
39
+ }
40
+ }
41
+ .mfui-beta-card__text {
42
+ font-size: 15px;
43
+ line-height: 24px;
44
+ font-weight: 400;
45
+ margin-top: 12px;
46
+ color: #333333;
47
+ }
48
+ .mfui-beta-card__btns-wrapper {
49
+ display: -webkit-box;
50
+ display: -ms-flexbox;
51
+ display: flex;
52
+ -ms-flex-wrap: wrap;
53
+ flex-wrap: wrap;
54
+ -webkit-box-align: center;
55
+ -ms-flex-align: center;
56
+ align-items: center;
57
+ -webkit-box-pack: space-evenly;
58
+ -ms-flex-pack: space-evenly;
59
+ justify-content: space-evenly;
60
+ margin-top: auto;
61
+ padding-top: 12px;
62
+ }
63
+ .mfui-beta-card__btns-wrapper_left-align {
64
+ -webkit-box-pack: start;
65
+ -ms-flex-pack: start;
66
+ justify-content: flex-start;
67
+ }
68
+ .mfui-beta-card__fake-link {
69
+ color: #34AAF2;
70
+ }
71
+ .mfui-beta-card__button,
72
+ .mfui-beta-card__link,
73
+ .mfui-beta-card__fake-link {
74
+ margin: 12px 10px;
75
+ }
76
+ .mfui-beta-card__svg-wrapper {
77
+ margin-bottom: 24px;
78
+ }
79
+ .mfui-beta-card__svg-wrapper svg {
80
+ width: 40px;
81
+ height: 40px;
82
+ }
83
+ .mfui-beta-card__pic-wrapper .mfui-beta-card__img {
84
+ max-width: 100%;
85
+ }
86
+ .mfui-beta-card__pic-wrapper {
87
+ display: -webkit-box;
88
+ display: -ms-flexbox;
89
+ display: flex;
90
+ -webkit-box-align: center;
91
+ -ms-flex-align: center;
92
+ align-items: center;
93
+ -webkit-box-pack: center;
94
+ -ms-flex-pack: center;
95
+ justify-content: center;
96
+ margin-top: -32px;
97
+ margin-right: -20px;
98
+ margin-bottom: 32px;
99
+ margin-left: -20px;
100
+ }
101
+ @media screen and (max-width: 767px) {
102
+ .mfui-beta-card__pic-wrapper {
103
+ margin-top: -24px;
104
+ margin-right: -16px;
105
+ margin-bottom: 24px;
106
+ margin-left: -16px;
107
+ }
108
+ }
109
+ .mfui-beta-card__pic-wrapper_object-fit_fill img {
110
+ width: 100%;
111
+ height: auto;
112
+ }
113
+ .mfui-beta-card__pic-wrapper_object-fit_contain img {
114
+ width: auto;
115
+ height: 100%;
116
+ }
117
+ .mfui-beta-card_href * {
118
+ text-decoration: none !important;
119
+ }
120
+ .mfui-beta-card_href:hover {
121
+ -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
122
+ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
123
+ }
124
+ .mfui-beta-card_full-height {
125
+ height: 100%;
126
+ }
127
+ .mfui-beta-card_centered-text .mfui-beta-card__text,
128
+ .mfui-beta-card_centered-text .mfui-beta-card__title {
129
+ text-align: center;
130
+ }