@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

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 (283) hide show
  1. package/dist/es/components/AccordionBox/AccordionBox.css +1 -15
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
  4. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  5. package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
  6. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  7. package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
  8. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  9. package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
  10. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  11. package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
  12. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
  13. package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
  14. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  15. package/dist/es/components/BannerBox/BannerBox.js +3 -12
  16. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  17. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
  18. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  19. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
  20. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  21. package/dist/es/components/BenefitsIcons/helpers.js +6 -20
  22. package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
  23. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  24. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
  25. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
  26. package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
  27. package/dist/es/components/BenefitsPictures/helpers.js +0 -14
  28. package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
  29. package/dist/es/components/BenefitsPictures/types.js +1 -0
  30. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
  31. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  32. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
  33. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  34. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
  35. package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
  36. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  37. package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
  38. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  39. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  40. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
  41. package/dist/es/components/Card/Card.d.ts +4 -4
  42. package/dist/es/components/Card/Card.js +25 -115
  43. package/dist/es/components/Card/types.d.ts +10 -10
  44. package/dist/es/components/Card/types.js +1 -0
  45. package/dist/es/components/CardsBox/CardsBox.js +3 -14
  46. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  47. package/dist/es/components/CardsBox/helpers.js +0 -4
  48. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  49. package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
  50. package/dist/es/components/Container/Container.d.ts +7 -5
  51. package/dist/es/components/Container/Container.js +10 -25
  52. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  53. package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
  54. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  55. package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
  56. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  57. package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
  58. package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -7
  59. package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
  60. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  61. package/dist/es/components/Instructions/Instructions.js +41 -94
  62. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  63. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  64. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  65. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  66. package/dist/es/components/Partners/Partners.d.ts +2 -2
  67. package/dist/es/components/Partners/Partners.js +17 -48
  68. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  69. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  70. package/dist/es/components/Property/Property.d.ts +4 -4
  71. package/dist/es/components/Property/Property.js +37 -81
  72. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  73. package/dist/es/components/Property/PropertyDescription.js +8 -28
  74. package/dist/es/components/Property/types.d.ts +7 -5
  75. package/dist/es/components/Property/types.js +1 -0
  76. package/dist/es/components/Steps/Steps.d.ts +2 -1
  77. package/dist/es/components/Steps/Steps.js +4 -19
  78. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  79. package/dist/es/components/Steps/StepsItem.js +2 -9
  80. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  81. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  82. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  83. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  84. package/dist/es/components/Table/Table.d.ts +1 -1
  85. package/dist/es/components/Table/Table.js +31 -51
  86. package/dist/es/components/Table/TableCell.js +0 -6
  87. package/dist/es/components/Table/TableRow.js +1 -10
  88. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  89. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  90. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  91. package/dist/es/components/TextBox/TextBox.js +8 -23
  92. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  93. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  94. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  95. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  96. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  97. package/dist/es/components/TextWithIcon/TextWithIconItem.js +6 -21
  98. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  99. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  100. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  101. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  102. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  103. package/dist/es/components/VideoBlock/VideoBlock.js +35 -75
  104. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  105. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  106. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  107. package/dist/lib/components/AccordionBox/AccordionBox.js +10 -66
  108. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  109. package/dist/lib/components/AudioPlayer/AudioPlayer.js +32 -56
  110. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  111. package/dist/lib/components/AudioPlayer/AudioProgress.js +12 -43
  112. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  113. package/dist/lib/components/AudioPlayer/AudioRange.js +9 -17
  114. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  115. package/dist/lib/components/AudioPlayer/AudioVolume.js +4 -23
  116. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +5 -16
  117. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  118. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  119. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  120. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  121. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +26 -86
  122. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  123. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +13 -53
  124. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  125. package/dist/lib/components/BenefitsIcons/helpers.js +10 -37
  126. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
  127. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  128. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  129. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +24 -71
  130. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  131. package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
  132. package/dist/lib/components/BenefitsPictures/helpers.js +9 -40
  133. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
  134. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  135. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  136. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  137. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +18 -60
  138. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  139. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +22 -55
  140. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  141. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  142. package/dist/lib/components/ButtonBanner/ButtonBanner.js +40 -89
  143. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  144. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  145. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +29 -72
  146. package/dist/lib/components/Card/Card.d.ts +4 -4
  147. package/dist/lib/components/Card/Card.js +67 -164
  148. package/dist/lib/components/Card/types.d.ts +10 -10
  149. package/dist/lib/components/Card/types.js +5 -1
  150. package/dist/lib/components/CardsBox/CardsBox.js +7 -31
  151. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  152. package/dist/lib/components/CardsBox/helpers.js +1 -8
  153. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  154. package/dist/lib/components/CarouselBox/CarouselBox.js +15 -39
  155. package/dist/lib/components/Container/Container.d.ts +7 -5
  156. package/dist/lib/components/Container/Container.js +18 -40
  157. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  158. package/dist/lib/components/DownloadLinks/DownloadLink.js +17 -60
  159. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  160. package/dist/lib/components/DownloadLinks/DownloadLinks.js +8 -33
  161. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  162. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  163. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
  164. package/dist/lib/components/ImageBanner/ImageBanner.js +61 -138
  165. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  166. package/dist/lib/components/Instructions/Instructions.js +103 -186
  167. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  168. package/dist/lib/components/NotificationBox/NotificationBox.js +9 -37
  169. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  170. package/dist/lib/components/PageTitle/PageTitle.js +15 -52
  171. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  172. package/dist/lib/components/Partners/Partners.js +21 -65
  173. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  174. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  175. package/dist/lib/components/Property/Property.d.ts +4 -4
  176. package/dist/lib/components/Property/Property.js +60 -120
  177. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  178. package/dist/lib/components/Property/PropertyDescription.js +15 -46
  179. package/dist/lib/components/Property/types.d.ts +7 -5
  180. package/dist/lib/components/Property/types.js +5 -1
  181. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  182. package/dist/lib/components/Steps/Steps.js +8 -35
  183. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  184. package/dist/lib/components/Steps/StepsItem.js +11 -23
  185. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  186. package/dist/lib/components/StoreBanner/StoreBanner.js +47 -118
  187. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  188. package/dist/lib/components/StoreButton/StoreButton.js +17 -63
  189. package/dist/lib/components/Table/Table.d.ts +1 -1
  190. package/dist/lib/components/Table/Table.js +35 -68
  191. package/dist/lib/components/Table/TableCell.js +4 -16
  192. package/dist/lib/components/Table/TableRow.js +5 -19
  193. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  194. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  195. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  196. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  197. package/dist/lib/components/TextBox/TextBox.js +12 -36
  198. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  199. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  200. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  201. package/dist/lib/components/TextWithIcon/TextWithIcon.js +10 -39
  202. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  203. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +10 -37
  204. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  205. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +10 -40
  206. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  207. package/dist/lib/components/VideoBanner/VideoBanner.js +83 -176
  208. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  209. package/dist/lib/components/VideoBlock/VideoBlock.js +58 -114
  210. package/dist/lib/constants/throttleTime.js +2 -3
  211. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  212. package/dist/lib/helpers/getColumnConfig.js +2 -5
  213. package/dist/lib/index.js +10 -57
  214. package/package.json +87 -92
  215. package/CHANGELOG.md +0 -4002
  216. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +0 -58
  217. package/dist/es/components/AudioPlayer/style/AudioProgress.css +0 -35
  218. package/dist/es/components/AudioPlayer/style/AudioRange.css +0 -68
  219. package/dist/es/components/AudioPlayer/style/AudioVolume.css +0 -34
  220. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
  221. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
  222. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
  223. package/dist/es/components/Card/Card.css +0 -354
  224. package/dist/es/components/Container/Container.css +0 -3245
  225. package/dist/es/components/DownloadLinks/DownloadLink.css +0 -37
  226. package/dist/es/components/DownloadLinks/DownloadLinks.css +0 -36
  227. package/dist/es/components/ImageBanner/ImageBanner.css +0 -252
  228. package/dist/es/components/Instructions/Instructions.css +0 -790
  229. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  230. package/dist/es/components/PageTitle/PageTitle.css +0 -80
  231. package/dist/es/components/Partners/Partners.css +0 -53
  232. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +0 -80
  233. package/dist/es/components/Property/Property.css +0 -156
  234. package/dist/es/components/Property/PropertyDescription.css +0 -17
  235. package/dist/es/components/Steps/Steps.css +0 -41
  236. package/dist/es/components/Steps/StepsItem.css +0 -42
  237. package/dist/es/components/StoreBanner/StoreBanner.css +0 -346
  238. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  239. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  240. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  241. package/dist/es/components/StoreButton/StoreButton.css +0 -327
  242. package/dist/es/components/Table/Table.css +0 -157
  243. package/dist/es/components/TextBox/TextBox.css +0 -25
  244. package/dist/es/components/TextBox/TextBoxPicture.css +0 -27
  245. package/dist/es/components/TextWithIcon/TextWithIcon.css +0 -10
  246. package/dist/es/components/TextWithIcon/TextWithIconItem.css +0 -29
  247. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
  248. package/dist/es/components/VideoBanner/VideoBanner.css +0 -225
  249. package/dist/es/components/VideoBlock/VideoBlock.css +0 -106
  250. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +0 -58
  251. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +0 -35
  252. package/dist/lib/components/AudioPlayer/style/AudioRange.css +0 -68
  253. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +0 -34
  254. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
  255. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
  256. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
  257. package/dist/lib/components/Card/Card.css +0 -354
  258. package/dist/lib/components/Container/Container.css +0 -3245
  259. package/dist/lib/components/DownloadLinks/DownloadLink.css +0 -37
  260. package/dist/lib/components/DownloadLinks/DownloadLinks.css +0 -36
  261. package/dist/lib/components/ImageBanner/ImageBanner.css +0 -252
  262. package/dist/lib/components/Instructions/Instructions.css +0 -790
  263. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  264. package/dist/lib/components/PageTitle/PageTitle.css +0 -80
  265. package/dist/lib/components/Partners/Partners.css +0 -53
  266. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +0 -80
  267. package/dist/lib/components/Property/Property.css +0 -156
  268. package/dist/lib/components/Property/PropertyDescription.css +0 -17
  269. package/dist/lib/components/Steps/Steps.css +0 -41
  270. package/dist/lib/components/Steps/StepsItem.css +0 -42
  271. package/dist/lib/components/StoreBanner/StoreBanner.css +0 -346
  272. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  273. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  274. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  275. package/dist/lib/components/StoreButton/StoreButton.css +0 -327
  276. package/dist/lib/components/Table/Table.css +0 -157
  277. package/dist/lib/components/TextBox/TextBox.css +0 -25
  278. package/dist/lib/components/TextBox/TextBoxPicture.css +0 -27
  279. package/dist/lib/components/TextWithIcon/TextWithIcon.css +0 -10
  280. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +0 -29
  281. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
  282. package/dist/lib/components/VideoBanner/VideoBanner.css +0 -225
  283. package/dist/lib/components/VideoBlock/VideoBlock.css +0 -106
@@ -1,68 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-audio-range {
9
- width: 100%;
10
- height: 4px;
11
- border-radius: 2px;
12
- background: var(--spbSky2);
13
- background-image: -webkit-gradient(linear, left top, left bottom, from(#00B956), to(#00B956));
14
- background-image: linear-gradient(#00B956, #00B956);
15
- background-repeat: no-repeat;
16
- cursor: pointer;
17
- -webkit-appearance: none;
18
- }
19
- .mfui-audio-range:focus {
20
- outline: none;
21
- }
22
- .mfui-audio-range::-webkit-slider-thumb {
23
- width: 16px;
24
- height: 16px;
25
- border: none;
26
- border-radius: 50%;
27
- background: var(--stcWhite);
28
- -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
29
- box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
30
- -webkit-appearance: none;
31
- }
32
- .mfui-audio-range::-moz-range-thumb {
33
- width: 16px;
34
- height: 16px;
35
- border: none;
36
- border-radius: 50%;
37
- background: var(--stcWhite);
38
- box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
39
- -webkit-appearance: none;
40
- }
41
- .mfui-audio-range::-ms-thumb {
42
- width: 16px;
43
- height: 16px;
44
- border: none;
45
- border-radius: 50%;
46
- background: var(--stcWhite);
47
- box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
48
- -webkit-appearance: none;
49
- }
50
- .mfui-audio-range::-webkit-slider-runnable-track {
51
- border: none;
52
- background: transparent;
53
- -webkit-box-shadow: none;
54
- box-shadow: none;
55
- -webkit-appearance: none;
56
- }
57
- .mfui-audio-range::-moz-range-track {
58
- border: none;
59
- background: transparent;
60
- box-shadow: none;
61
- -webkit-appearance: none;
62
- }
63
- .mfui-audio-range::-ms-track {
64
- border: none;
65
- background: transparent;
66
- box-shadow: none;
67
- -webkit-appearance: none;
68
- }
@@ -1,34 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-audio-volume {
9
- width: 24px;
10
- }
11
- .mfui-audio-volume__tooltip-content {
12
- padding: 7px 16px 14px;
13
- border-radius: 12px;
14
- }
15
- .mfui-audio-volume__tooltip-content-shadow {
16
- border-radius: 12px;
17
- }
18
- .mfui-audio-volume__icon {
19
- display: none;
20
- width: 24px;
21
- min-width: 24px;
22
- height: 24px;
23
- cursor: pointer;
24
- fill: var(--brandGreen);
25
- }
26
- .mfui-audio-volume__icon_visible {
27
- display: block;
28
- }
29
- .mfui-audio-volume__icon:hover {
30
- fill: var(--buttonHoverGreen);
31
- }
32
- .mfui-audio-volume__range {
33
- max-width: 128px;
34
- }
@@ -1,38 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-benefits-icons {
9
- overflow: hidden;
10
- }
11
- .mfui-benefits-icons__inner {
12
- margin-bottom: -20px;
13
- }
14
- .mfui-benefits-icons_background_transparent .mfui-benefits-icons__inner {
15
- margin-bottom: -48px;
16
- }
17
- .mfui-benefits-icons__column {
18
- margin-bottom: 20px;
19
- }
20
- .mfui-benefits-icons_background_transparent .mfui-benefits-icons__column {
21
- margin-bottom: 48px;
22
- }
23
- .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
24
- margin-bottom: -24px;
25
- }
26
- @media screen and (max-width: 767px) {
27
- .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
28
- margin-bottom: -32px;
29
- }
30
- }
31
- .mfui-benefits-icons_one-column .mfui-benefits-icons__column {
32
- margin-bottom: 24px;
33
- }
34
- @media screen and (max-width: 767px) {
35
- .mfui-benefits-icons_one-column .mfui-benefits-icons__column {
36
- margin-bottom: 32px;
37
- }
38
- }
@@ -1,90 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-benefits-icons-tile {
9
- min-height: 100%;
10
- padding: 24px;
11
- border-radius: 12px;
12
- }
13
- .mfui-benefits-icons-tile_background_transparent {
14
- padding: 0;
15
- }
16
- .mfui-benefits-icons-tile_background_gray {
17
- background-color: var(--spbSky0);
18
- }
19
- .mfui-benefits-icons-tile_background_green {
20
- background-color: var(--brandGreen20);
21
- }
22
- .mfui-benefits-icons-tile_background_purple {
23
- background-color: var(--brandPurple20);
24
- }
25
- .mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon {
26
- margin-bottom: 10px;
27
- }
28
- .mfui-benefits-icons-tile__content {
29
- font-size: 15px;
30
- line-height: 24px;
31
- font-weight: 400;
32
- }
33
- .mfui-benefits-icons-tile__title + .mfui-benefits-icons-tile__content {
34
- margin-top: 4px;
35
- }
36
- .mfui-benefits-icons-tile__text {
37
- margin-bottom: 0;
38
- }
39
- .mfui-benefits-icons-tile__img-icon {
40
- width: 64px;
41
- height: 64px;
42
- border-radius: 8px;
43
- }
44
- .mfui-benefits-icons-tile__svg-icon {
45
- width: 40px;
46
- height: 40px;
47
- overflow: hidden;
48
- }
49
- .mfui-benefits-icons-tile__svg-icon svg {
50
- fill: var(--brandGreen) !important;
51
- }
52
- .mfui-benefits-icons-tile_background_purple .mfui-benefits-icons-tile__svg-icon svg {
53
- fill: var(--brandPurple) !important;
54
- }
55
- .mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__inner {
56
- display: -webkit-box;
57
- display: -ms-flexbox;
58
- display: flex;
59
- }
60
- .mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__content-wrapper {
61
- padding-top: 8px;
62
- }
63
- .mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__svg-icon,
64
- .mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__img-icon {
65
- -ms-flex-negative: 0;
66
- flex-shrink: 0;
67
- margin-right: 14px;
68
- margin-bottom: 0;
69
- }
70
- .mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__inner {
71
- -webkit-box-align: center;
72
- -ms-flex-align: center;
73
- align-items: center;
74
- }
75
- .mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__content-wrapper {
76
- padding-top: 0;
77
- }
78
- .mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__svg-icon,
79
- .mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__img-icon {
80
- -ms-flex-item-align: start;
81
- align-self: start;
82
- }
83
- .mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__inner {
84
- text-align: center;
85
- }
86
- .mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__svg-icon,
87
- .mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__img-icon {
88
- margin-right: auto;
89
- margin-left: auto;
90
- }
@@ -1,16 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-breadcrumbs-item_color_default {
9
- color: var(--content);
10
- }
11
- .mfui-breadcrumbs-item_color_black {
12
- color: var(--stcBlack);
13
- }
14
- .mfui-breadcrumbs-item_color_white {
15
- color: var(--stcWhite);
16
- }
@@ -1,354 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-card {
9
- font-family: inherit;
10
- font-size: 15px;
11
- line-height: 24px;
12
- font-weight: 400;
13
- display: -webkit-box;
14
- display: -ms-flexbox;
15
- display: flex;
16
- -webkit-box-orient: vertical;
17
- -webkit-box-direction: normal;
18
- -ms-flex-direction: column;
19
- flex-direction: column;
20
- padding: 16px 16px 24px;
21
- border-radius: 24px;
22
- color: var(--content);
23
- text-decoration: none !important;
24
- background-color: var(--base);
25
- -webkit-transition: background-color 0.3s, 0.3s, -webkit-box-shadow;
26
- transition: background-color 0.3s, 0.3s, -webkit-box-shadow;
27
- transition: background-color 0.3s, box-shadow, 0.3s;
28
- transition: background-color 0.3s, box-shadow, 0.3s, -webkit-box-shadow;
29
- }
30
- @media screen and (min-width: 1280px) {
31
- .mfui-card {
32
- padding: 24px 24px 32px;
33
- }
34
- }
35
- .mfui-card_full-height {
36
- height: 100%;
37
- }
38
- .mfui-card_link {
39
- cursor: pointer;
40
- }
41
- .mfui-card_view_shadow {
42
- -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
43
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
44
- }
45
- .mfui-card_link.mfui-card_view_hover-shadow:hover,
46
- .mfui-card_link.mfui-card_view_shadow:hover {
47
- -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
48
- box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
49
- }
50
- .mfui-card_view_background {
51
- background-color: var(--spbSky0);
52
- }
53
- .mfui-card_link.mfui-card_view_background:hover {
54
- background-color: var(--spbSky1);
55
- }
56
- .mfui-card_only-title {
57
- padding: 24px;
58
- }
59
- @media screen and (min-width: 1280px) {
60
- .mfui-card_only-title {
61
- padding: 32px;
62
- }
63
- }
64
- .mfui-card__header {
65
- display: -webkit-box;
66
- display: -ms-flexbox;
67
- display: flex;
68
- gap: 12px;
69
- -webkit-box-align: start;
70
- -ms-flex-align: start;
71
- align-items: start;
72
- -webkit-box-pack: justify;
73
- -ms-flex-pack: justify;
74
- justify-content: space-between;
75
- }
76
- .mfui-card__icon {
77
- width: 40px;
78
- height: 40px;
79
- margin-bottom: 32px;
80
- }
81
- .mfui-card__img-box {
82
- position: relative;
83
- padding-bottom: 56.25%;
84
- border-radius: 24px;
85
- overflow: hidden;
86
- }
87
- .mfui-card__img-box_position_top {
88
- margin: -6px -6px 24px -6px;
89
- }
90
- @media screen and (min-width: 1280px) {
91
- .mfui-card__img-box_position_top {
92
- margin: -12px -12px 32px -12px;
93
- }
94
- }
95
- .mfui-card__img-box_position_bottom {
96
- margin: 24px -6px 0 -6px;
97
- }
98
- @media screen and (min-width: 1280px) {
99
- .mfui-card__img-box_position_bottom {
100
- margin: 32px -12px 0 -12px;
101
- }
102
- }
103
- .mfui-card__img {
104
- position: absolute;
105
- width: 100%;
106
- height: 100%;
107
- -o-object-fit: cover;
108
- object-fit: cover;
109
- -webkit-transition: -webkit-transform 0.3s;
110
- transition: -webkit-transform 0.3s;
111
- transition: transform 0.3s;
112
- transition: transform 0.3s, -webkit-transform 0.3s;
113
- }
114
- .mfui-card_link:hover .mfui-card__img {
115
- -webkit-transform: scale(1.2);
116
- transform: scale(1.2);
117
- }
118
- .mfui-card__marker-list {
119
- margin: 16px 0 0 0;
120
- padding: 0;
121
- list-style-type: none;
122
- }
123
- .mfui-card__marker-item {
124
- position: relative;
125
- padding-left: 20px;
126
- }
127
- .mfui-card__marker-item:not(:last-child) {
128
- margin-bottom: 12px;
129
- }
130
- .mfui-card__marker-item:before {
131
- content: '';
132
- position: absolute;
133
- top: 7px;
134
- left: 0;
135
- width: 6px;
136
- height: 6px;
137
- border-radius: 50%;
138
- background-color: var(--stcBlack20);
139
- opacity: 0.8;
140
- }
141
- .mfui-card__marker-note {
142
- display: block;
143
- margin: 4px 0 0 0;
144
- padding: 0;
145
- font-weight: 500;
146
- }
147
- .mfui-card__texts {
148
- display: -webkit-box;
149
- display: -ms-flexbox;
150
- display: flex;
151
- -webkit-box-orient: vertical;
152
- -webkit-box-direction: normal;
153
- -ms-flex-direction: column;
154
- flex-direction: column;
155
- gap: 12px;
156
- margin-top: 16px;
157
- }
158
- .mfui-card__texts ol,
159
- .mfui-card__texts ul {
160
- margin: 0;
161
- padding-left: 24px;
162
- }
163
- .mfui-card__texts ul {
164
- list-style-type: disc;
165
- }
166
- .mfui-card__texts-title {
167
- font-weight: 500;
168
- }
169
- .mfui-card__features {
170
- display: -webkit-box;
171
- display: -ms-flexbox;
172
- display: flex;
173
- -webkit-box-orient: vertical;
174
- -webkit-box-direction: normal;
175
- -ms-flex-direction: column;
176
- flex-direction: column;
177
- gap: 12px;
178
- margin-top: 16px;
179
- overflow: hidden;
180
- }
181
- .mfui-card__features-list {
182
- margin: 0;
183
- padding: 0;
184
- list-style: none;
185
- }
186
- .mfui-card__features-item {
187
- position: relative;
188
- display: -webkit-box;
189
- display: -ms-flexbox;
190
- display: flex;
191
- -webkit-box-align: end;
192
- -ms-flex-align: end;
193
- align-items: flex-end;
194
- -webkit-box-pack: justify;
195
- -ms-flex-pack: justify;
196
- justify-content: space-between;
197
- }
198
- .mfui-card__features-item:before {
199
- content: '';
200
- position: absolute;
201
- bottom: 0.4em;
202
- width: 100%;
203
- height: 2px;
204
- background-image: radial-gradient(circle, var(--spbSky3) 1px, transparent 1px);
205
- background-size: 6px 2px;
206
- }
207
- .mfui-card__features-item-value {
208
- -ms-flex-negative: 0;
209
- flex-shrink: 0;
210
- text-align: end;
211
- }
212
- .mfui-card__features-item-text {
213
- position: relative;
214
- z-index: 1;
215
- background-color: var(--base);
216
- -webkit-transition: background-color 0.3s;
217
- transition: background-color 0.3s;
218
- }
219
- .mfui-card_view_background .mfui-card__features-item-text {
220
- background-color: var(--spbSky0);
221
- }
222
- .mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text {
223
- background-color: var(--spbSky1);
224
- }
225
- .mfui-card__features-item-title .mfui-card__features-item-text {
226
- padding-right: 4px;
227
- }
228
- .mfui-card__features-item-value .mfui-card__features-item-text {
229
- padding-left: 4px;
230
- }
231
- .mfui-card__icons {
232
- margin-top: 16px;
233
- }
234
- .mfui-card__icons-desc {
235
- margin-bottom: 12px;
236
- }
237
- .mfui-card__icons-list {
238
- display: -webkit-box;
239
- display: -ms-flexbox;
240
- display: flex;
241
- -webkit-box-orient: vertical;
242
- -webkit-box-direction: normal;
243
- -ms-flex-direction: column;
244
- flex-direction: column;
245
- gap: 12px;
246
- }
247
- .mfui-card__icons-item {
248
- display: -webkit-box;
249
- display: -ms-flexbox;
250
- display: flex;
251
- }
252
- .mfui-card__icons-item-icon {
253
- -ms-flex-negative: 0;
254
- flex-shrink: 0;
255
- width: 32px;
256
- height: 32px;
257
- margin-right: 8px;
258
- }
259
- .mfui-card__icons-item-text {
260
- margin-top: 4px;
261
- }
262
- .mfui-card__price {
263
- display: -webkit-box;
264
- display: -ms-flexbox;
265
- display: flex;
266
- -ms-flex-wrap: wrap;
267
- flex-wrap: wrap;
268
- gap: 8px;
269
- -webkit-box-align: baseline;
270
- -ms-flex-align: baseline;
271
- align-items: baseline;
272
- -webkit-box-pack: center;
273
- -ms-flex-pack: center;
274
- justify-content: center;
275
- margin-top: 24px;
276
- padding-top: 24px;
277
- border-top: 1px solid var(--spbSky1);
278
- }
279
- @media screen and (min-width: 1280px) {
280
- .mfui-card__price {
281
- margin-top: 32px;
282
- }
283
- }
284
- .mfui-card__img-box + .mfui-card__price {
285
- padding-top: 0;
286
- border: none;
287
- }
288
- .mfui-card__price-old-value {
289
- position: relative;
290
- color: var(--spbSky3);
291
- }
292
- .mfui-card__price-old-value:before {
293
- content: '';
294
- position: absolute;
295
- top: 50%;
296
- right: -1px;
297
- left: -1px;
298
- height: 1px;
299
- background-color: var(--warmRedC);
300
- }
301
- .mfui-card__price-value {
302
- font-weight: 600;
303
- font-size: 22px;
304
- line-height: 28px;
305
- letter-spacing: 0.5px;
306
- }
307
- @media screen and (min-width: 768px) and (max-width: 1023px) {
308
- .mfui-card__price-value {
309
- font-size: 26px;
310
- line-height: 32px;
311
- }
312
- }
313
- @media screen and (min-width: 1024px) {
314
- .mfui-card__price-value {
315
- font-size: 28px;
316
- line-height: 36px;
317
- }
318
- }
319
- @media screen and (min-width: 1280px) {
320
- .mfui-card__price-value {
321
- font-size: 32px;
322
- line-height: 40px;
323
- }
324
- }
325
- .mfui-card__buttons {
326
- display: -webkit-box;
327
- display: -ms-flexbox;
328
- display: flex;
329
- -ms-flex-wrap: wrap;
330
- flex-wrap: wrap;
331
- gap: 16px;
332
- margin-top: 32px;
333
- }
334
- .mfui-card__price + .mfui-card__buttons {
335
- margin-top: 24px;
336
- }
337
- .mfui-card__buttons_centered {
338
- -webkit-box-pack: center;
339
- -ms-flex-pack: center;
340
- justify-content: center;
341
- }
342
- .mfui-card__button {
343
- -ms-flex-preferred-size: 190px;
344
- flex-basis: 190px;
345
- -webkit-box-flex: 1;
346
- -ms-flex-positive: 1;
347
- flex-grow: 1;
348
- -ms-flex-negative: 1;
349
- flex-shrink: 1;
350
- max-width: 320px;
351
- }
352
- .mfui-card__footer {
353
- margin-top: auto;
354
- }