@megafon/ui-shared 6.0.0-beta.5 → 6.1.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 (312) hide show
  1. package/CHANGELOG.md +4043 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.css +15 -1
  3. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  4. package/dist/es/components/AccordionBox/AccordionBox.js +49 -6
  5. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  6. package/dist/es/components/AudioPlayer/AudioPlayer.js +27 -11
  7. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  8. package/dist/es/components/AudioPlayer/AudioProgress.js +22 -10
  9. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  10. package/dist/es/components/AudioPlayer/AudioRange.js +10 -8
  11. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  12. package/dist/es/components/AudioPlayer/AudioVolume.js +12 -3
  13. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +10 -4
  14. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +58 -1
  15. package/dist/es/components/AudioPlayer/style/AudioProgress.css +35 -1
  16. package/dist/es/components/AudioPlayer/style/AudioRange.css +68 -1
  17. package/dist/es/components/AudioPlayer/style/AudioVolume.css +34 -1
  18. package/dist/es/components/AudioPlayer/timerFormatUtil.js +9 -1
  19. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  20. package/dist/es/components/BannerBox/BannerBox.js +12 -3
  21. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  22. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +64 -23
  23. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  24. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +36 -9
  25. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  26. package/dist/es/components/BenefitsIcons/helpers.js +20 -6
  27. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +38 -1
  28. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +90 -1
  29. package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
  30. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  31. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +49 -19
  32. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +43 -1
  33. package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
  34. package/dist/es/components/BenefitsPictures/helpers.js +14 -0
  35. package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
  36. package/dist/es/components/BenefitsPictures/types.js +0 -1
  37. package/dist/es/components/BlogBox/BlogBox.css +92 -0
  38. package/dist/es/components/BlogBox/BlogBox.d.ts +28 -0
  39. package/dist/es/components/BlogBox/BlogBox.js +101 -0
  40. package/dist/es/components/BlogBox/components/BlogBoxTile.css +197 -0
  41. package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts +9 -0
  42. package/dist/es/components/BlogBox/components/BlogBoxTile.js +67 -0
  43. package/dist/es/components/BlogBox/types.d.ts +37 -0
  44. package/dist/es/components/BlogBox/types.js +0 -0
  45. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +43 -1
  46. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  47. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +39 -10
  48. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -1
  49. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  50. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +36 -11
  51. package/dist/es/components/ButtonBanner/ButtonBanner.css +122 -1
  52. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  53. package/dist/es/components/ButtonBanner/ButtonBanner.js +53 -22
  54. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +19 -1
  55. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  56. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +51 -20
  57. package/dist/es/components/Card/Card.css +354 -1
  58. package/dist/es/components/Card/Card.d.ts +4 -4
  59. package/dist/es/components/Card/Card.js +115 -25
  60. package/dist/es/components/Card/types.d.ts +10 -10
  61. package/dist/es/components/Card/types.js +0 -1
  62. package/dist/es/components/CardsBox/CardsBox.js +14 -3
  63. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  64. package/dist/es/components/CardsBox/helpers.js +4 -0
  65. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  66. package/dist/es/components/CarouselBox/CarouselBox.js +24 -11
  67. package/dist/es/components/Container/Container.css +3287 -1
  68. package/dist/es/components/Container/Container.d.ts +5 -7
  69. package/dist/es/components/Container/Container.js +25 -10
  70. package/dist/es/components/DownloadLinks/DownloadLink.css +37 -1
  71. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  72. package/dist/es/components/DownloadLinks/DownloadLink.js +44 -13
  73. package/dist/es/components/DownloadLinks/DownloadLinks.css +36 -1
  74. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  75. package/dist/es/components/DownloadLinks/DownloadLinks.js +13 -2
  76. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +2 -5
  77. package/dist/es/components/FaqWrapper/FaqWrapper.js +3 -1
  78. package/dist/es/components/ImageBanner/ImageBanner.css +252 -1
  79. package/dist/es/components/ImageBanner/ImageBanner.d.ts +7 -8
  80. package/dist/es/components/ImageBanner/ImageBanner.js +88 -37
  81. package/dist/es/components/Instructions/Instructions.css +827 -1
  82. package/dist/es/components/Instructions/Instructions.d.ts +13 -11
  83. package/dist/es/components/Instructions/Instructions.js +101 -44
  84. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  85. package/dist/es/components/NotificationBox/NotificationBox.js +19 -5
  86. package/dist/es/components/NotificationBox/style/NotificationBox.css +28 -0
  87. package/dist/es/components/PageTitle/PageTitle.css +80 -1
  88. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  89. package/dist/es/components/PageTitle/PageTitle.js +37 -12
  90. package/dist/es/components/Partners/Partners.css +53 -1
  91. package/dist/es/components/Partners/Partners.d.ts +2 -2
  92. package/dist/es/components/Partners/Partners.js +48 -17
  93. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +80 -1
  94. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +2 -4
  95. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +28 -10
  96. package/dist/es/components/Property/Property.css +156 -1
  97. package/dist/es/components/Property/Property.d.ts +4 -4
  98. package/dist/es/components/Property/Property.js +81 -37
  99. package/dist/es/components/Property/PropertyDescription.css +17 -1
  100. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  101. package/dist/es/components/Property/PropertyDescription.js +28 -8
  102. package/dist/es/components/Property/types.d.ts +5 -7
  103. package/dist/es/components/Property/types.js +0 -1
  104. package/dist/es/components/Steps/Steps.css +41 -1
  105. package/dist/es/components/Steps/Steps.d.ts +1 -2
  106. package/dist/es/components/Steps/Steps.js +19 -4
  107. package/dist/es/components/Steps/StepsItem.css +42 -1
  108. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  109. package/dist/es/components/Steps/StepsItem.js +9 -2
  110. package/dist/es/components/StoreBanner/StoreBanner.css +346 -1
  111. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  112. package/dist/es/components/StoreBanner/StoreBanner.js +97 -41
  113. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  114. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  115. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  116. package/dist/es/components/StoreButton/StoreButton.css +327 -1
  117. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  118. package/dist/es/components/StoreButton/StoreButton.js +44 -13
  119. package/dist/es/components/Table/Table.css +157 -1
  120. package/dist/es/components/Table/Table.d.ts +1 -1
  121. package/dist/es/components/Table/Table.js +51 -31
  122. package/dist/es/components/Table/TableCell.js +6 -0
  123. package/dist/es/components/Table/TableRow.js +10 -1
  124. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  125. package/dist/es/components/TabsBox/TabsBox.js +13 -4
  126. package/dist/es/components/TextBox/TextBox.css +25 -1
  127. package/dist/es/components/TextBox/TextBox.d.ts +1 -2
  128. package/dist/es/components/TextBox/TextBox.js +23 -8
  129. package/dist/es/components/TextBox/TextBoxPicture.css +27 -1
  130. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  131. package/dist/es/components/TextBox/TextBoxPicture.js +14 -5
  132. package/dist/es/components/TextWithIcon/TextWithIcon.css +10 -1
  133. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  134. package/dist/es/components/TextWithIcon/TextWithIcon.js +24 -6
  135. package/dist/es/components/TextWithIcon/TextWithIconItem.css +29 -1
  136. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  137. package/dist/es/components/TextWithIcon/TextWithIconItem.js +21 -6
  138. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +31 -1
  139. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  140. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +23 -6
  141. package/dist/es/components/VideoBanner/VideoBanner.css +225 -1
  142. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  143. package/dist/es/components/VideoBanner/VideoBanner.js +110 -47
  144. package/dist/es/components/VideoBlock/VideoBlock.css +106 -1
  145. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  146. package/dist/es/components/VideoBlock/VideoBlock.js +75 -35
  147. package/dist/es/helpers/getColumnConfig.d.ts +1 -5
  148. package/dist/es/helpers/setRelAttribute.d.ts +1 -0
  149. package/dist/es/helpers/setRelAttribute.js +11 -0
  150. package/dist/es/hooks/useResolutions.d.ts +7 -0
  151. package/dist/es/hooks/useResolutions.js +60 -0
  152. package/dist/es/index.d.ts +2 -0
  153. package/dist/es/index.js +2 -0
  154. package/dist/lib/components/AccordionBox/AccordionBox.css +15 -1
  155. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  156. package/dist/lib/components/AccordionBox/AccordionBox.js +66 -10
  157. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  158. package/dist/lib/components/AudioPlayer/AudioPlayer.js +56 -32
  159. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  160. package/dist/lib/components/AudioPlayer/AudioProgress.js +43 -12
  161. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  162. package/dist/lib/components/AudioPlayer/AudioRange.js +17 -9
  163. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  164. package/dist/lib/components/AudioPlayer/AudioVolume.js +23 -4
  165. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +16 -5
  166. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +58 -1
  167. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +35 -1
  168. package/dist/lib/components/AudioPlayer/style/AudioRange.css +68 -1
  169. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +34 -1
  170. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +13 -2
  171. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  172. package/dist/lib/components/BannerBox/BannerBox.js +25 -7
  173. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  174. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +86 -26
  175. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  176. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +53 -13
  177. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  178. package/dist/lib/components/BenefitsIcons/helpers.js +37 -10
  179. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +38 -1
  180. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +90 -1
  181. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
  182. package/dist/lib/components/BenefitsIcons/types.js +8 -5
  183. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  184. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +71 -24
  185. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +43 -1
  186. package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
  187. package/dist/lib/components/BenefitsPictures/helpers.js +40 -9
  188. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
  189. package/dist/lib/components/BenefitsPictures/types.js +1 -5
  190. package/dist/lib/components/BlogBox/BlogBox.css +92 -0
  191. package/dist/lib/components/BlogBox/BlogBox.d.ts +28 -0
  192. package/dist/lib/components/BlogBox/BlogBox.js +120 -0
  193. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +197 -0
  194. package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +9 -0
  195. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +80 -0
  196. package/dist/lib/components/BlogBox/types.d.ts +37 -0
  197. package/dist/lib/components/BlogBox/types.js +1 -0
  198. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +43 -1
  199. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  200. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +60 -18
  201. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +16 -1
  202. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  203. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +55 -22
  204. package/dist/lib/components/ButtonBanner/ButtonBanner.css +122 -1
  205. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  206. package/dist/lib/components/ButtonBanner/ButtonBanner.js +89 -40
  207. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +19 -1
  208. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  209. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +72 -29
  210. package/dist/lib/components/Card/Card.css +354 -1
  211. package/dist/lib/components/Card/Card.d.ts +4 -4
  212. package/dist/lib/components/Card/Card.js +164 -67
  213. package/dist/lib/components/Card/types.d.ts +10 -10
  214. package/dist/lib/components/Card/types.js +1 -5
  215. package/dist/lib/components/CardsBox/CardsBox.js +31 -7
  216. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  217. package/dist/lib/components/CardsBox/helpers.js +8 -1
  218. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  219. package/dist/lib/components/CarouselBox/CarouselBox.js +39 -15
  220. package/dist/lib/components/Container/Container.css +3287 -1
  221. package/dist/lib/components/Container/Container.d.ts +5 -7
  222. package/dist/lib/components/Container/Container.js +40 -18
  223. package/dist/lib/components/DownloadLinks/DownloadLink.css +37 -1
  224. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  225. package/dist/lib/components/DownloadLinks/DownloadLink.js +60 -17
  226. package/dist/lib/components/DownloadLinks/DownloadLinks.css +36 -1
  227. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  228. package/dist/lib/components/DownloadLinks/DownloadLinks.js +33 -8
  229. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +2 -5
  230. package/dist/lib/components/FaqWrapper/FaqWrapper.js +9 -6
  231. package/dist/lib/components/ImageBanner/ImageBanner.css +252 -1
  232. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +7 -8
  233. package/dist/lib/components/ImageBanner/ImageBanner.js +138 -61
  234. package/dist/lib/components/Instructions/Instructions.css +827 -1
  235. package/dist/lib/components/Instructions/Instructions.d.ts +13 -11
  236. package/dist/lib/components/Instructions/Instructions.js +193 -106
  237. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  238. package/dist/lib/components/NotificationBox/NotificationBox.js +37 -9
  239. package/dist/lib/components/NotificationBox/style/NotificationBox.css +28 -0
  240. package/dist/lib/components/PageTitle/PageTitle.css +80 -1
  241. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  242. package/dist/lib/components/PageTitle/PageTitle.js +52 -15
  243. package/dist/lib/components/Partners/Partners.css +53 -1
  244. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  245. package/dist/lib/components/Partners/Partners.js +65 -21
  246. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +80 -1
  247. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +2 -4
  248. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +46 -16
  249. package/dist/lib/components/Property/Property.css +156 -1
  250. package/dist/lib/components/Property/Property.d.ts +4 -4
  251. package/dist/lib/components/Property/Property.js +120 -60
  252. package/dist/lib/components/Property/PropertyDescription.css +17 -1
  253. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  254. package/dist/lib/components/Property/PropertyDescription.js +46 -15
  255. package/dist/lib/components/Property/types.d.ts +5 -7
  256. package/dist/lib/components/Property/types.js +1 -5
  257. package/dist/lib/components/Steps/Steps.css +41 -1
  258. package/dist/lib/components/Steps/Steps.d.ts +1 -2
  259. package/dist/lib/components/Steps/Steps.js +35 -8
  260. package/dist/lib/components/Steps/StepsItem.css +42 -1
  261. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  262. package/dist/lib/components/Steps/StepsItem.js +23 -11
  263. package/dist/lib/components/StoreBanner/StoreBanner.css +346 -1
  264. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  265. package/dist/lib/components/StoreBanner/StoreBanner.js +118 -47
  266. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  267. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  268. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  269. package/dist/lib/components/StoreButton/StoreButton.css +327 -1
  270. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  271. package/dist/lib/components/StoreButton/StoreButton.js +63 -17
  272. package/dist/lib/components/Table/Table.css +157 -1
  273. package/dist/lib/components/Table/Table.d.ts +1 -1
  274. package/dist/lib/components/Table/Table.js +68 -35
  275. package/dist/lib/components/Table/TableCell.js +16 -4
  276. package/dist/lib/components/Table/TableRow.js +19 -5
  277. package/dist/lib/components/TabsBox/TabBox.js +4 -1
  278. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  279. package/dist/lib/components/TabsBox/TabsBox.js +26 -8
  280. package/dist/lib/components/TextBox/TextBox.css +25 -1
  281. package/dist/lib/components/TextBox/TextBox.d.ts +1 -2
  282. package/dist/lib/components/TextBox/TextBox.js +36 -12
  283. package/dist/lib/components/TextBox/TextBoxPicture.css +27 -1
  284. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  285. package/dist/lib/components/TextBox/TextBoxPicture.js +29 -11
  286. package/dist/lib/components/TextWithIcon/TextWithIcon.css +10 -1
  287. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  288. package/dist/lib/components/TextWithIcon/TextWithIcon.js +39 -10
  289. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +29 -1
  290. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  291. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +37 -10
  292. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +31 -1
  293. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  294. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +40 -10
  295. package/dist/lib/components/VideoBanner/VideoBanner.css +225 -1
  296. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  297. package/dist/lib/components/VideoBanner/VideoBanner.js +176 -83
  298. package/dist/lib/components/VideoBlock/VideoBlock.css +106 -1
  299. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  300. package/dist/lib/components/VideoBlock/VideoBlock.js +114 -58
  301. package/dist/lib/constants/throttleTime.js +3 -2
  302. package/dist/lib/helpers/getColumnConfig.d.ts +1 -5
  303. package/dist/lib/helpers/getColumnConfig.js +5 -2
  304. package/dist/lib/helpers/setRelAttribute.d.ts +1 -0
  305. package/dist/lib/helpers/setRelAttribute.js +20 -0
  306. package/dist/lib/hooks/useResolutions.d.ts +7 -0
  307. package/dist/lib/hooks/useResolutions.js +75 -0
  308. package/dist/lib/index.d.ts +2 -0
  309. package/dist/lib/index.js +73 -10
  310. package/package.json +92 -87
  311. package/dist/es/components/NotificationBox/NotificationBox.css +0 -1
  312. package/dist/lib/components/NotificationBox/NotificationBox.css +0 -1
@@ -1 +1,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
+ 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,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { Link } from '@megafon/ui-core';
3
- import './StoreButton.scss';
3
+ import './StoreButton.less';
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
- type LinkPropTypes = React.ComponentProps<typeof Link>;
19
- export type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
18
+ declare type LinkPropTypes = React.ComponentProps<typeof Link>;
19
+ export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {
20
20
  /** Тема кнопки */
21
21
  theme: Theme;
22
22
  /** Дополнительный класс */
@@ -1,34 +1,59 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = exports.Theme = exports.ButtonSizes = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- require("core-js/modules/es.symbol.js");
11
+
10
12
  require("core-js/modules/es.array.index-of.js");
13
+
14
+ require("core-js/modules/es.symbol.js");
15
+
16
+ require("core-js/modules/es.object.values.js");
17
+
11
18
  var React = _interopRequireWildcard(require("react"));
19
+
12
20
  var _uiCore = require("@megafon/ui-core");
21
+
13
22
  var _uiHelpers = require("@megafon/ui-helpers");
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
+
24
+ var _propTypes = _interopRequireDefault(require("prop-types"));
25
+
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+
28
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
+
16
30
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
17
32
  var __rest = void 0 && (void 0).__rest || function (s, e) {
18
33
  var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
34
+
35
+ for (var p in s) {
36
+ if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
37
+ }
38
+
20
39
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
21
40
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
22
41
  }
23
42
  return t;
24
43
  };
44
+
25
45
  var ButtonSizes;
46
+ exports.ButtonSizes = ButtonSizes;
47
+
26
48
  (function (ButtonSizes) {
27
49
  ButtonSizes["SMALL"] = "small";
28
50
  ButtonSizes["MEDIUM"] = "medium";
29
51
  ButtonSizes["LARGE"] = "large";
30
52
  })(ButtonSizes || (exports.ButtonSizes = ButtonSizes = {}));
53
+
31
54
  var Theme;
55
+ exports.Theme = Theme;
56
+
32
57
  (function (Theme) {
33
58
  Theme["APP_STORE"] = "app-store";
34
59
  Theme["GALAXY_STORE"] = "galaxy-store";
@@ -38,20 +63,23 @@ var Theme;
38
63
  Theme["RU_STORE"] = "ru-store";
39
64
  Theme["V_APPSTORE"] = "v-appstore";
40
65
  })(Theme || (exports.Theme = Theme = {}));
66
+
41
67
  var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');
68
+
42
69
  var StoreButton = function StoreButton(_a) {
43
70
  var href = _a.href,
44
- rel = _a.rel,
45
- onClick = _a.onClick,
46
- theme = _a.theme,
47
- className = _a.className,
48
- _a$sizeAll = _a.sizeAll,
49
- sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
50
- sizeWide = _a.sizeWide,
51
- sizeDesktop = _a.sizeDesktop,
52
- sizeTablet = _a.sizeTablet,
53
- sizeMobile = _a.sizeMobile,
54
- rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
71
+ rel = _a.rel,
72
+ onClick = _a.onClick,
73
+ theme = _a.theme,
74
+ className = _a.className,
75
+ _a$sizeAll = _a.sizeAll,
76
+ sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
77
+ sizeWide = _a.sizeWide,
78
+ sizeDesktop = _a.sizeDesktop,
79
+ sizeTablet = _a.sizeTablet,
80
+ sizeMobile = _a.sizeMobile,
81
+ rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
82
+
55
83
  return /*#__PURE__*/React.createElement(_uiCore.Link, (0, _extends2["default"])({}, rest, {
56
84
  href: href,
57
85
  rel: rel,
@@ -66,4 +94,22 @@ var StoreButton = function StoreButton(_a) {
66
94
  }, className)
67
95
  }));
68
96
  };
69
- var _default = exports["default"] = StoreButton;
97
+
98
+ StoreButton.propTypes = {
99
+ href: _propTypes["default"].string.isRequired,
100
+ rel: _propTypes["default"].string,
101
+ theme: _propTypes["default"].oneOf(Object.values(Theme)).isRequired,
102
+ onClick: _propTypes["default"].func,
103
+ className: _propTypes["default"].string,
104
+ target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
105
+ sizeAll: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
106
+ sizeWide: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
107
+ sizeDesktop: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
108
+ sizeTablet: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
109
+ sizeMobile: _propTypes["default"].oneOf(Object.values(ButtonSizes)),
110
+ dataAttrs: _propTypes["default"].shape({
111
+ root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
112
+ })
113
+ };
114
+ var _default = StoreButton;
115
+ exports["default"] = _default;
@@ -1 +1,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
+ 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,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import './Table.scss';
2
+ import './Table.less';
3
3
  import { ITableRow } from './TableRow';
4
4
  export interface ITable {
5
5
  /** Дополнительный класс корневого элемента */