@megafon/ui-core 6.2.1 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (509) hide show
  1. package/dist/es/colors/ColorItem/ColorItem.css +1 -45
  2. package/dist/es/colors/ColorItem/ColorItem.d.ts +2 -2
  3. package/dist/es/colors/ColorItem/ColorItem.js +5 -7
  4. package/dist/es/colors/Colors.css +1 -233
  5. package/dist/es/colors/Colors.d.ts +1 -1
  6. package/dist/es/colors/Colors.js +33 -55
  7. package/dist/es/colors/colorsData.d.ts +4 -4
  8. package/dist/es/components/Accordion/Accordion.css +1 -89
  9. package/dist/es/components/Accordion/Accordion.d.ts +2 -1
  10. package/dist/es/components/Accordion/Accordion.js +22 -65
  11. package/dist/es/components/Avatar/Avatar.css +1 -52
  12. package/dist/es/components/Avatar/Avatar.d.ts +1 -1
  13. package/dist/es/components/Avatar/Avatar.js +9 -27
  14. package/dist/es/components/Badges/CounterBadge/CounterBadge.css +1 -0
  15. package/dist/{lib/components/Badges/components → es/components/Badges}/CounterBadge/CounterBadge.d.ts +2 -2
  16. package/dist/es/components/Badges/{components/CounterBadge → CounterBadge}/CounterBadge.js +10 -28
  17. package/dist/es/components/Badges/NotificationBadge/NotificationBadge.css +1 -0
  18. package/dist/{lib/components/Badges/components → es/components/Badges}/NotificationBadge/NotificationBadge.d.ts +3 -3
  19. package/dist/es/components/Badges/{components/NotificationBadge → NotificationBadge}/NotificationBadge.js +8 -22
  20. package/dist/es/components/Badges/PriceBadge/PriceBadge.css +1 -0
  21. package/dist/es/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.d.ts +4 -4
  22. package/dist/es/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.js +11 -54
  23. package/dist/es/components/Badges/PromoBadge/PromoBadge.css +1 -0
  24. package/dist/es/components/Badges/{components/PromoBadge → PromoBadge}/PromoBadge.d.ts +4 -4
  25. package/dist/es/components/Badges/{components/PromoBadge → PromoBadge}/PromoBadge.js +9 -23
  26. package/dist/es/components/Badges/TimerBadge/TimerBadge.css +1 -0
  27. package/dist/{lib/components/Badges/components → es/components/Badges}/TimerBadge/TimerBadge.d.ts +2 -2
  28. package/dist/es/components/Badges/{components/TimerBadge → TimerBadge}/TimerBadge.js +22 -46
  29. package/dist/es/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.js +5 -32
  30. package/dist/es/components/Banner/Banner.css +1 -195
  31. package/dist/es/components/Banner/Banner.d.ts +5 -4
  32. package/dist/es/components/Banner/Banner.js +82 -130
  33. package/dist/es/components/Banner/BannerDot.css +1 -69
  34. package/dist/es/components/Banner/BannerDot.d.ts +1 -1
  35. package/dist/es/components/Banner/BannerDot.js +6 -22
  36. package/dist/es/components/Banner/slidesSettings.d.ts +4 -2
  37. package/dist/es/components/Banner/slidesSettings.js +3 -6
  38. package/dist/es/components/Button/Button.css +1 -814
  39. package/dist/es/components/Button/Button.d.ts +7 -6
  40. package/dist/es/components/Button/Button.js +44 -104
  41. package/dist/es/components/Calendar/Calendar.css +1 -24
  42. package/dist/es/components/Calendar/Calendar.d.ts +4 -4
  43. package/dist/es/components/Calendar/Calendar.js +75 -144
  44. package/dist/es/components/Calendar/components/_Day/Day.css +1 -0
  45. package/dist/es/components/Calendar/components/{Day → _Day}/Day.d.ts +4 -4
  46. package/dist/es/components/Calendar/components/{Day → _Day}/Day.js +21 -53
  47. package/dist/es/components/Calendar/components/_Month/Month.css +1 -0
  48. package/dist/es/components/Calendar/components/{Month → _Month}/Month.d.ts +3 -2
  49. package/dist/es/components/Calendar/components/{Month → _Month}/Month.js +11 -36
  50. package/dist/es/components/Caption/Caption.css +1 -48
  51. package/dist/es/components/Caption/Caption.d.ts +4 -2
  52. package/dist/es/components/Caption/Caption.js +11 -25
  53. package/dist/es/components/Carousel/Carousel.css +1 -215
  54. package/dist/es/components/Carousel/Carousel.d.ts +11 -10
  55. package/dist/es/components/Carousel/Carousel.js +135 -162
  56. package/dist/es/components/Carousel/checkBreakpointsPropTypes.d.ts +1 -1
  57. package/dist/es/components/Carousel/checkBreakpointsPropTypes.js +1 -4
  58. package/dist/es/components/Carousel/useGradient.d.ts +1 -1
  59. package/dist/es/components/Carousel/useGradient.js +9 -13
  60. package/dist/es/components/Checkbox/Checkbox.css +1 -150
  61. package/dist/es/components/Checkbox/Checkbox.d.ts +4 -4
  62. package/dist/es/components/Checkbox/Checkbox.js +21 -50
  63. package/dist/es/components/Chips/Chip.css +1 -132
  64. package/dist/es/components/Chips/Chip.d.ts +6 -26
  65. package/dist/es/components/Chips/Chip.js +17 -42
  66. package/dist/es/components/Chips/Chips.css +1 -19
  67. package/dist/es/components/Chips/Chips.d.ts +2 -2
  68. package/dist/es/components/Chips/Chips.js +32 -56
  69. package/dist/es/components/Chips/components/ChipsDropdown.css +1 -106
  70. package/dist/es/components/Chips/components/ChipsDropdown.d.ts +2 -2
  71. package/dist/es/components/Chips/components/ChipsDropdown.js +12 -27
  72. package/dist/es/components/ContentArea/ContentArea.css +1 -109
  73. package/dist/es/components/ContentArea/ContentArea.d.ts +5 -4
  74. package/dist/es/components/ContentArea/ContentArea.js +9 -28
  75. package/dist/es/components/ContentView/ContentView.css +1 -103
  76. package/dist/es/components/ContentView/ContentView.d.ts +3 -2
  77. package/dist/es/components/ContentView/ContentView.js +12 -46
  78. package/dist/es/components/Counter/Counter.css +1 -123
  79. package/dist/es/components/Counter/Counter.d.ts +1 -1
  80. package/dist/es/components/Counter/Counter.js +20 -55
  81. package/dist/es/components/Grid/Grid.css +1 -102
  82. package/dist/es/components/Grid/Grid.d.ts +1 -1
  83. package/dist/es/components/Grid/Grid.js +8 -24
  84. package/dist/es/components/Grid/GridColumn.css +1 -3102
  85. package/dist/es/components/Grid/GridColumn.d.ts +2 -2
  86. package/dist/es/components/Grid/GridColumn.js +33 -62
  87. package/dist/es/components/Header/Header.css +1 -122
  88. package/dist/es/components/Header/Header.d.ts +3 -1
  89. package/dist/es/components/Header/Header.js +13 -28
  90. package/dist/es/components/Link/Link.d.ts +2 -2
  91. package/dist/es/components/Link/Link.js +9 -25
  92. package/dist/es/components/List/List.css +1 -66
  93. package/dist/es/components/List/List.d.ts +2 -1
  94. package/dist/es/components/List/List.js +8 -18
  95. package/dist/es/components/List/ListItem.css +1 -6
  96. package/dist/es/components/List/ListItem.d.ts +2 -1
  97. package/dist/es/components/List/ListItem.js +1 -7
  98. package/dist/es/components/ListData/ListData.css +1 -162
  99. package/dist/es/components/ListData/ListData.d.ts +6 -34
  100. package/dist/es/components/ListData/ListData.js +22 -65
  101. package/dist/es/components/ListData/ListDataGroup.css +1 -15
  102. package/dist/es/components/ListData/ListDataGroup.d.ts +4 -4
  103. package/dist/es/components/ListData/ListDataGroup.js +29 -74
  104. package/dist/es/components/ListData/components/ListDataSortable.css +1 -79
  105. package/dist/es/components/ListData/components/ListDataSortable.d.ts +4 -4
  106. package/dist/es/components/ListData/components/ListDataSortable.js +21 -42
  107. package/dist/es/components/ListData/helpers.js +1 -8
  108. package/dist/es/components/Logo/Logo.css +1 -43
  109. package/dist/es/components/Logo/Logo.d.ts +1 -1
  110. package/dist/es/components/Logo/Logo.js +9 -25
  111. package/dist/es/components/Modal/Modal.css +1 -0
  112. package/dist/es/components/Modal/Modal.d.ts +106 -0
  113. package/dist/es/components/Modal/Modal.js +278 -0
  114. package/dist/es/components/Modal/_ModalContent/ModalContent.css +1 -0
  115. package/dist/es/components/Modal/_ModalContent/ModalContent.d.ts +8 -0
  116. package/dist/es/components/Modal/_ModalContent/ModalContent.js +168 -0
  117. package/dist/es/components/Modal/_ModalDesktop/ModalDesktop.css +1 -0
  118. package/dist/es/components/Modal/_ModalDesktop/ModalDesktop.d.ts +8 -0
  119. package/dist/es/components/Modal/_ModalDesktop/ModalDesktop.js +32 -0
  120. package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.css +1 -0
  121. package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.d.ts +12 -0
  122. package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.js +114 -0
  123. package/dist/es/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.css +1 -0
  124. package/dist/es/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.d.ts +8 -0
  125. package/dist/es/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.js +55 -0
  126. package/dist/es/components/Modal/mocks.d.ts +3 -0
  127. package/dist/es/components/Modal/mocks.js +79 -0
  128. package/dist/es/components/Modal/types.d.ts +27 -0
  129. package/dist/es/components/Modal/types.js +1 -0
  130. package/dist/es/components/Modal/utils/utils.d.ts +18 -0
  131. package/dist/es/components/Modal/utils/utils.js +66 -0
  132. package/dist/es/components/NavArrow/NavArrow.css +1 -63
  133. package/dist/es/components/NavArrow/NavArrow.d.ts +3 -3
  134. package/dist/es/components/NavArrow/NavArrow.js +8 -28
  135. package/dist/es/components/Notification/Notification.css +1 -350
  136. package/dist/es/components/Notification/Notification.d.ts +5 -4
  137. package/dist/es/components/Notification/Notification.js +61 -131
  138. package/dist/es/components/Pagination/Pagination.css +1 -5
  139. package/dist/es/components/Pagination/Pagination.d.ts +4 -3
  140. package/dist/es/components/Pagination/Pagination.js +7 -22
  141. package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.css +1 -62
  142. package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.d.ts +5 -4
  143. package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js +10 -26
  144. package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.css +1 -10
  145. package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts +3 -2
  146. package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js +5 -22
  147. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.css +1 -17
  148. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts +3 -2
  149. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +7 -23
  150. package/dist/es/components/Pagination/helpers.js +0 -3
  151. package/dist/es/components/Pagination/usePagination.d.ts +2 -1
  152. package/dist/es/components/Pagination/usePagination.js +6 -18
  153. package/dist/es/components/Paragraph/Paragraph.css +1 -43
  154. package/dist/es/components/Paragraph/Paragraph.d.ts +4 -2
  155. package/dist/es/components/Paragraph/Paragraph.js +9 -22
  156. package/dist/es/components/Preloader/Preloader.css +1 -224
  157. package/dist/es/components/Preloader/Preloader.d.ts +3 -3
  158. package/dist/es/components/Preloader/Preloader.js +16 -36
  159. package/dist/es/components/RadioButton/RadioButton.css +1 -120
  160. package/dist/es/components/RadioButton/RadioButton.d.ts +1 -1
  161. package/dist/es/components/RadioButton/RadioButton.js +18 -50
  162. package/dist/es/components/Row/Row.css +1 -238
  163. package/dist/es/components/Row/Row.d.ts +2 -2
  164. package/dist/es/components/Row/Row.js +23 -48
  165. package/dist/es/components/ScrollBar/ScrollBar.css +1 -0
  166. package/dist/es/components/ScrollBar/ScrollBar.d.ts +34 -0
  167. package/dist/es/components/ScrollBar/ScrollBar.js +86 -0
  168. package/dist/es/components/Search/Search.css +1 -453
  169. package/dist/es/components/Search/Search.d.ts +7 -8
  170. package/dist/es/components/Search/Search.js +54 -149
  171. package/dist/es/components/Select/Select.css +1 -389
  172. package/dist/es/components/Select/Select.d.ts +8 -84
  173. package/dist/es/components/Select/Select.js +52 -142
  174. package/dist/es/components/Select/reducer/selectReducer.d.ts +1 -1
  175. package/dist/es/components/Select/reducer/selectReducer.js +18 -32
  176. package/dist/es/components/Selector/Selector.css +1 -132
  177. package/dist/es/components/Selector/Selector.d.ts +1 -1
  178. package/dist/es/components/Selector/Selector.js +23 -50
  179. package/dist/es/components/Sliders/Slider/Slider.css +1 -128
  180. package/dist/es/components/Sliders/Slider/Slider.d.ts +1 -1
  181. package/dist/es/components/Sliders/Slider/Slider.js +25 -56
  182. package/dist/es/components/Sliders/SliderRange/SliderRange.css +1 -169
  183. package/dist/es/components/Sliders/SliderRange/SliderRange.d.ts +1 -1
  184. package/dist/es/components/Sliders/SliderRange/SliderRange.js +33 -80
  185. package/dist/es/components/Sliders/SliderRange/helpers.js +0 -2
  186. package/dist/es/components/Sliders/SliderRatio/SliderRatio.css +1 -219
  187. package/dist/es/components/Sliders/SliderRatio/SliderRatio.d.ts +1 -1
  188. package/dist/es/components/Sliders/SliderRatio/SliderRatio.js +36 -85
  189. package/dist/es/components/Sliders/SliderRatio/helpers.js +1 -1
  190. package/dist/es/components/Sliders/SliderRatio/types.d.ts +1 -1
  191. package/dist/es/components/Sliders/SliderRatio/types.js +0 -1
  192. package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css +1 -84
  193. package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts +2 -2
  194. package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.js +11 -35
  195. package/dist/es/components/Sliders/components/SliderScale/SliderScale.css +1 -15
  196. package/dist/es/components/Sliders/components/SliderScale/SliderScale.d.ts +2 -2
  197. package/dist/es/components/Sliders/components/SliderScale/SliderScale.js +6 -20
  198. package/dist/es/components/Sliders/components/SliderScale/helpers.js +12 -16
  199. package/dist/es/components/Sliders/helpers.js +1 -5
  200. package/dist/es/components/Snackbar/Snackbar.css +1 -220
  201. package/dist/es/components/Snackbar/Snackbar.d.ts +3 -3
  202. package/dist/es/components/Snackbar/Snackbar.js +44 -82
  203. package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.css +1 -66
  204. package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts +3 -3
  205. package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.js +9 -17
  206. package/dist/es/components/Switcher/Switcher.css +1 -160
  207. package/dist/es/components/Switcher/Switcher.d.ts +2 -1
  208. package/dist/es/components/Switcher/Switcher.js +17 -39
  209. package/dist/es/components/Tabs/Tab.js +0 -14
  210. package/dist/es/components/Tabs/Tabs.css +1 -306
  211. package/dist/es/components/Tabs/Tabs.d.ts +6 -5
  212. package/dist/es/components/Tabs/Tabs.js +110 -166
  213. package/dist/es/components/TextField/TextField.css +1 -343
  214. package/dist/es/components/TextField/TextField.d.ts +3 -3
  215. package/dist/es/components/TextField/TextField.js +85 -193
  216. package/dist/es/components/TextField/utils/countGraphemes.js +10 -18
  217. package/dist/es/components/TextLink/TextLink.css +1 -50
  218. package/dist/es/components/TextLink/TextLink.d.ts +2 -2
  219. package/dist/es/components/TextLink/TextLink.js +14 -27
  220. package/dist/es/components/Tile/Tile.css +1 -43
  221. package/dist/es/components/Tile/Tile.d.ts +7 -5
  222. package/dist/es/components/Tile/Tile.js +16 -36
  223. package/dist/es/components/Tooltip/Tooltip.css +1 -335
  224. package/dist/es/components/Tooltip/Tooltip.d.ts +9 -8
  225. package/dist/es/components/Tooltip/Tooltip.js +58 -139
  226. package/dist/es/components/_Collapse/Collapse.css +1 -0
  227. package/dist/{lib/components/Collapse → es/components/_Collapse}/Collapse.d.ts +3 -3
  228. package/dist/es/components/{Collapse → _Collapse}/Collapse.js +25 -62
  229. package/dist/es/hooks/usePrevious.js +0 -2
  230. package/dist/es/hooks/useResolution.d.ts +1 -1
  231. package/dist/es/hooks/useResolution.js +5 -11
  232. package/dist/es/hooks/useSwipe.d.ts +1 -1
  233. package/dist/es/hooks/useSwipe.js +17 -44
  234. package/dist/es/index.d.ts +16 -9
  235. package/dist/es/index.js +17 -10
  236. package/dist/es/styles/base.css +1 -0
  237. package/dist/lib/colors/ColorItem/ColorItem.css +1 -45
  238. package/dist/lib/colors/ColorItem/ColorItem.d.ts +2 -2
  239. package/dist/lib/colors/ColorItem/ColorItem.js +9 -18
  240. package/dist/lib/colors/Colors.css +1 -233
  241. package/dist/lib/colors/Colors.d.ts +1 -1
  242. package/dist/lib/colors/Colors.js +38 -80
  243. package/dist/lib/colors/colorsData.d.ts +4 -4
  244. package/dist/lib/colors/colorsData.js +1 -2
  245. package/dist/lib/components/Accordion/Accordion.css +1 -89
  246. package/dist/lib/components/Accordion/Accordion.d.ts +2 -1
  247. package/dist/lib/components/Accordion/Accordion.js +27 -82
  248. package/dist/lib/components/Avatar/Avatar.css +1 -52
  249. package/dist/lib/components/Avatar/Avatar.d.ts +1 -1
  250. package/dist/lib/components/Avatar/Avatar.js +14 -42
  251. package/dist/lib/components/Badges/CounterBadge/CounterBadge.css +1 -0
  252. package/dist/{es/components/Badges/components → lib/components/Badges}/CounterBadge/CounterBadge.d.ts +2 -2
  253. package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +52 -0
  254. package/dist/lib/components/Badges/NotificationBadge/NotificationBadge.css +1 -0
  255. package/dist/{es/components/Badges/components → lib/components/Badges}/NotificationBadge/NotificationBadge.d.ts +3 -3
  256. package/dist/lib/components/Badges/NotificationBadge/NotificationBadge.js +44 -0
  257. package/dist/lib/components/Badges/PriceBadge/PriceBadge.css +1 -0
  258. package/dist/lib/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.d.ts +4 -4
  259. package/dist/lib/components/Badges/{components/PriceBadge → PriceBadge}/PriceBadge.js +20 -76
  260. package/dist/lib/components/Badges/PromoBadge/PromoBadge.css +1 -0
  261. package/dist/lib/components/Badges/{components/PromoBadge → PromoBadge}/PromoBadge.d.ts +4 -4
  262. package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +56 -0
  263. package/dist/lib/components/Badges/TimerBadge/TimerBadge.css +1 -0
  264. package/dist/{es/components/Badges/components → lib/components/Badges}/TimerBadge/TimerBadge.d.ts +2 -2
  265. package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +96 -0
  266. package/dist/lib/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.js +12 -56
  267. package/dist/lib/components/Banner/Banner.css +1 -195
  268. package/dist/lib/components/Banner/Banner.d.ts +5 -4
  269. package/dist/lib/components/Banner/Banner.js +94 -164
  270. package/dist/lib/components/Banner/BannerDot.css +1 -69
  271. package/dist/lib/components/Banner/BannerDot.d.ts +1 -1
  272. package/dist/lib/components/Banner/BannerDot.js +11 -37
  273. package/dist/lib/components/Banner/slidesSettings.d.ts +4 -2
  274. package/dist/lib/components/Banner/slidesSettings.js +5 -12
  275. package/dist/lib/components/Button/Button.css +1 -814
  276. package/dist/lib/components/Button/Button.d.ts +7 -6
  277. package/dist/lib/components/Button/Button.js +71 -158
  278. package/dist/lib/components/Calendar/Calendar.css +1 -24
  279. package/dist/lib/components/Calendar/Calendar.d.ts +4 -4
  280. package/dist/lib/components/Calendar/Calendar.js +90 -191
  281. package/dist/lib/components/Calendar/components/_Day/Day.css +1 -0
  282. package/dist/lib/components/Calendar/components/{Day → _Day}/Day.d.ts +4 -4
  283. package/dist/lib/components/Calendar/components/{Day → _Day}/Day.js +29 -72
  284. package/dist/lib/components/Calendar/components/_Month/Month.css +1 -0
  285. package/dist/lib/components/Calendar/components/{Month → _Month}/Month.d.ts +3 -2
  286. package/dist/lib/components/Calendar/components/_Month/Month.js +97 -0
  287. package/dist/lib/components/Caption/Caption.css +1 -48
  288. package/dist/lib/components/Caption/Caption.d.ts +4 -2
  289. package/dist/lib/components/Caption/Caption.js +16 -41
  290. package/dist/lib/components/Carousel/Carousel.css +1 -215
  291. package/dist/lib/components/Carousel/Carousel.d.ts +11 -10
  292. package/dist/lib/components/Carousel/Carousel.js +223 -228
  293. package/dist/lib/components/Carousel/checkBreakpointsPropTypes.d.ts +1 -1
  294. package/dist/lib/components/Carousel/checkBreakpointsPropTypes.js +6 -18
  295. package/dist/lib/components/Carousel/useGradient.d.ts +1 -1
  296. package/dist/lib/components/Carousel/useGradient.js +12 -25
  297. package/dist/lib/components/Checkbox/Checkbox.css +1 -150
  298. package/dist/lib/components/Checkbox/Checkbox.d.ts +4 -4
  299. package/dist/lib/components/Checkbox/Checkbox.js +35 -75
  300. package/dist/lib/components/Chips/Chip.css +1 -132
  301. package/dist/lib/components/Chips/Chip.d.ts +6 -26
  302. package/dist/lib/components/Chips/Chip.js +36 -76
  303. package/dist/lib/components/Chips/Chips.css +1 -19
  304. package/dist/lib/components/Chips/Chips.d.ts +2 -2
  305. package/dist/lib/components/Chips/Chips.js +47 -92
  306. package/dist/lib/components/Chips/components/ChipsDropdown.css +1 -106
  307. package/dist/lib/components/Chips/components/ChipsDropdown.d.ts +2 -2
  308. package/dist/lib/components/Chips/components/ChipsDropdown.js +31 -67
  309. package/dist/lib/components/ContentArea/ContentArea.css +1 -109
  310. package/dist/lib/components/ContentArea/ContentArea.d.ts +5 -4
  311. package/dist/lib/components/ContentArea/ContentArea.js +14 -44
  312. package/dist/lib/components/ContentView/ContentView.css +1 -103
  313. package/dist/lib/components/ContentView/ContentView.d.ts +3 -2
  314. package/dist/lib/components/ContentView/ContentView.js +17 -63
  315. package/dist/lib/components/Counter/Counter.css +1 -123
  316. package/dist/lib/components/Counter/Counter.d.ts +1 -1
  317. package/dist/lib/components/Counter/Counter.js +25 -71
  318. package/dist/lib/components/Grid/Grid.css +1 -102
  319. package/dist/lib/components/Grid/Grid.d.ts +1 -1
  320. package/dist/lib/components/Grid/Grid.js +13 -40
  321. package/dist/lib/components/Grid/GridColumn.css +1 -3102
  322. package/dist/lib/components/Grid/GridColumn.d.ts +2 -2
  323. package/dist/lib/components/Grid/GridColumn.js +38 -77
  324. package/dist/lib/components/Header/Header.css +1 -122
  325. package/dist/lib/components/Header/Header.d.ts +3 -1
  326. package/dist/lib/components/Header/Header.js +18 -43
  327. package/dist/lib/components/Link/Link.d.ts +2 -2
  328. package/dist/lib/components/Link/Link.js +15 -34
  329. package/dist/lib/components/List/List.css +1 -66
  330. package/dist/lib/components/List/List.d.ts +2 -1
  331. package/dist/lib/components/List/List.js +12 -30
  332. package/dist/lib/components/List/ListItem.css +1 -6
  333. package/dist/lib/components/List/ListItem.d.ts +2 -1
  334. package/dist/lib/components/List/ListItem.js +5 -19
  335. package/dist/lib/components/ListData/ListData.css +1 -162
  336. package/dist/lib/components/ListData/ListData.d.ts +6 -34
  337. package/dist/lib/components/ListData/ListData.js +51 -111
  338. package/dist/lib/components/ListData/ListDataGroup.css +1 -15
  339. package/dist/lib/components/ListData/ListDataGroup.d.ts +4 -4
  340. package/dist/lib/components/ListData/ListDataGroup.js +48 -118
  341. package/dist/lib/components/ListData/components/ListDataSortable.css +1 -79
  342. package/dist/lib/components/ListData/components/ListDataSortable.d.ts +4 -4
  343. package/dist/lib/components/ListData/components/ListDataSortable.js +35 -74
  344. package/dist/lib/components/ListData/helpers.js +7 -25
  345. package/dist/lib/components/Logo/Logo.css +1 -43
  346. package/dist/lib/components/Logo/Logo.d.ts +1 -1
  347. package/dist/lib/components/Logo/Logo.js +14 -41
  348. package/dist/lib/components/Modal/Modal.css +1 -0
  349. package/dist/lib/components/Modal/Modal.d.ts +106 -0
  350. package/dist/lib/components/Modal/Modal.js +287 -0
  351. package/dist/lib/components/Modal/_ModalContent/ModalContent.css +1 -0
  352. package/dist/lib/components/Modal/_ModalContent/ModalContent.d.ts +8 -0
  353. package/dist/lib/components/Modal/_ModalContent/ModalContent.js +177 -0
  354. package/dist/lib/components/Modal/_ModalDesktop/ModalDesktop.css +1 -0
  355. package/dist/lib/components/Modal/_ModalDesktop/ModalDesktop.d.ts +8 -0
  356. package/dist/lib/components/Modal/_ModalDesktop/ModalDesktop.js +41 -0
  357. package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.css +1 -0
  358. package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.d.ts +12 -0
  359. package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.js +123 -0
  360. package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.css +1 -0
  361. package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.d.ts +8 -0
  362. package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.js +64 -0
  363. package/dist/lib/components/Modal/mocks.d.ts +3 -0
  364. package/dist/lib/components/Modal/mocks.js +85 -0
  365. package/dist/lib/components/Modal/types.d.ts +27 -0
  366. package/dist/lib/components/Modal/types.js +5 -0
  367. package/dist/lib/components/Modal/utils/utils.d.ts +18 -0
  368. package/dist/lib/components/Modal/utils/utils.js +72 -0
  369. package/dist/lib/components/NavArrow/NavArrow.css +1 -63
  370. package/dist/lib/components/NavArrow/NavArrow.d.ts +3 -3
  371. package/dist/lib/components/NavArrow/NavArrow.js +15 -47
  372. package/dist/lib/components/Notification/Notification.css +1 -350
  373. package/dist/lib/components/Notification/Notification.d.ts +5 -4
  374. package/dist/lib/components/Notification/Notification.js +114 -201
  375. package/dist/lib/components/Pagination/Pagination.css +1 -5
  376. package/dist/lib/components/Pagination/Pagination.d.ts +4 -3
  377. package/dist/lib/components/Pagination/Pagination.js +19 -51
  378. package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.css +1 -62
  379. package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.d.ts +5 -4
  380. package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.js +12 -35
  381. package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.css +1 -10
  382. package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts +3 -2
  383. package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.js +7 -32
  384. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.css +1 -17
  385. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts +3 -2
  386. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +9 -32
  387. package/dist/lib/components/Pagination/helpers.js +1 -6
  388. package/dist/lib/components/Pagination/usePagination.d.ts +2 -1
  389. package/dist/lib/components/Pagination/usePagination.js +10 -36
  390. package/dist/lib/components/Paragraph/Paragraph.css +1 -43
  391. package/dist/lib/components/Paragraph/Paragraph.d.ts +4 -2
  392. package/dist/lib/components/Paragraph/Paragraph.js +14 -38
  393. package/dist/lib/components/Preloader/Preloader.css +1 -224
  394. package/dist/lib/components/Preloader/Preloader.d.ts +3 -3
  395. package/dist/lib/components/Preloader/Preloader.js +23 -58
  396. package/dist/lib/components/RadioButton/RadioButton.css +1 -120
  397. package/dist/lib/components/RadioButton/RadioButton.d.ts +1 -1
  398. package/dist/lib/components/RadioButton/RadioButton.js +23 -70
  399. package/dist/lib/components/Row/Row.css +1 -238
  400. package/dist/lib/components/Row/Row.d.ts +2 -2
  401. package/dist/lib/components/Row/Row.js +40 -76
  402. package/dist/lib/components/ScrollBar/ScrollBar.css +1 -0
  403. package/dist/lib/components/ScrollBar/ScrollBar.d.ts +34 -0
  404. package/dist/lib/components/ScrollBar/ScrollBar.js +94 -0
  405. package/dist/lib/components/Search/Search.css +1 -453
  406. package/dist/lib/components/Search/Search.d.ts +7 -8
  407. package/dist/lib/components/Search/Search.js +122 -262
  408. package/dist/lib/components/Select/Select.css +1 -389
  409. package/dist/lib/components/Select/Select.d.ts +8 -84
  410. package/dist/lib/components/Select/Select.js +70 -187
  411. package/dist/lib/components/Select/reducer/selectReducer.d.ts +1 -1
  412. package/dist/lib/components/Select/reducer/selectReducer.js +22 -42
  413. package/dist/lib/components/Selector/Selector.css +1 -132
  414. package/dist/lib/components/Selector/Selector.d.ts +1 -1
  415. package/dist/lib/components/Selector/Selector.js +28 -71
  416. package/dist/lib/components/Sliders/Slider/Slider.css +1 -128
  417. package/dist/lib/components/Sliders/Slider/Slider.d.ts +1 -1
  418. package/dist/lib/components/Sliders/Slider/Slider.js +30 -76
  419. package/dist/lib/components/Sliders/SliderRange/SliderRange.css +1 -169
  420. package/dist/lib/components/Sliders/SliderRange/SliderRange.d.ts +1 -1
  421. package/dist/lib/components/Sliders/SliderRange/SliderRange.js +38 -101
  422. package/dist/lib/components/Sliders/SliderRange/helpers.js +5 -18
  423. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css +1 -219
  424. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.d.ts +1 -1
  425. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.js +41 -112
  426. package/dist/lib/components/Sliders/SliderRatio/helpers.js +9 -28
  427. package/dist/lib/components/Sliders/SliderRatio/types.d.ts +1 -1
  428. package/dist/lib/components/Sliders/SliderRatio/types.js +0 -2
  429. package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css +1 -84
  430. package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.d.ts +2 -2
  431. package/dist/lib/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.js +18 -57
  432. package/dist/lib/components/Sliders/components/SliderScale/SliderScale.css +1 -15
  433. package/dist/lib/components/Sliders/components/SliderScale/SliderScale.d.ts +2 -2
  434. package/dist/lib/components/Sliders/components/SliderScale/SliderScale.js +12 -40
  435. package/dist/lib/components/Sliders/components/SliderScale/helpers.js +16 -34
  436. package/dist/lib/components/Sliders/helpers.js +5 -22
  437. package/dist/lib/components/Snackbar/Snackbar.css +1 -220
  438. package/dist/lib/components/Snackbar/Snackbar.d.ts +3 -3
  439. package/dist/lib/components/Snackbar/Snackbar.js +82 -139
  440. package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.css +1 -66
  441. package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts +3 -3
  442. package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.js +18 -37
  443. package/dist/lib/components/Switcher/Switcher.css +1 -160
  444. package/dist/lib/components/Switcher/Switcher.d.ts +2 -1
  445. package/dist/lib/components/Switcher/Switcher.js +22 -53
  446. package/dist/lib/components/Tabs/Tab.js +5 -26
  447. package/dist/lib/components/Tabs/Tabs.css +1 -306
  448. package/dist/lib/components/Tabs/Tabs.d.ts +6 -5
  449. package/dist/lib/components/Tabs/Tabs.js +121 -200
  450. package/dist/lib/components/TextField/TextField.css +1 -343
  451. package/dist/lib/components/TextField/TextField.d.ts +3 -3
  452. package/dist/lib/components/TextField/TextField.js +119 -244
  453. package/dist/lib/components/TextField/utils/countGraphemes.js +11 -28
  454. package/dist/lib/components/TextLink/TextLink.css +1 -50
  455. package/dist/lib/components/TextLink/TextLink.d.ts +2 -2
  456. package/dist/lib/components/TextLink/TextLink.js +19 -42
  457. package/dist/lib/components/Tile/Tile.css +1 -43
  458. package/dist/lib/components/Tile/Tile.d.ts +7 -5
  459. package/dist/lib/components/Tile/Tile.js +27 -55
  460. package/dist/lib/components/Tooltip/Tooltip.css +1 -335
  461. package/dist/lib/components/Tooltip/Tooltip.d.ts +9 -8
  462. package/dist/lib/components/Tooltip/Tooltip.js +111 -219
  463. package/dist/lib/components/_Collapse/Collapse.css +1 -0
  464. package/dist/{es/components/Collapse → lib/components/_Collapse}/Collapse.d.ts +3 -3
  465. package/dist/lib/components/_Collapse/Collapse.js +95 -0
  466. package/dist/lib/constants/throttleTime.js +2 -3
  467. package/dist/lib/hooks/usePrevious.js +4 -11
  468. package/dist/lib/hooks/useResolution.d.ts +1 -1
  469. package/dist/lib/hooks/useResolution.js +10 -24
  470. package/dist/lib/hooks/useSwipe.d.ts +1 -1
  471. package/dist/lib/hooks/useSwipe.js +22 -64
  472. package/dist/lib/index.d.ts +16 -9
  473. package/dist/lib/index.js +83 -102
  474. package/dist/lib/styles/base.css +1 -0
  475. package/package.json +106 -101
  476. package/styles/base.scss +150 -0
  477. package/styles/colors.css +53 -0
  478. package/CHANGELOG.md +0 -4062
  479. package/dist/es/components/Avatar/doc/i/img.png +0 -0
  480. package/dist/es/components/Badges/components/CounterBadge/CounterBadge.css +0 -54
  481. package/dist/es/components/Badges/components/NotificationBadge/NotificationBadge.css +0 -58
  482. package/dist/es/components/Badges/components/PriceBadge/PriceBadge.css +0 -119
  483. package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css +0 -69
  484. package/dist/es/components/Badges/components/TimerBadge/TimerBadge.css +0 -60
  485. package/dist/es/components/Calendar/components/Day/Day.css +0 -243
  486. package/dist/es/components/Calendar/components/Month/Month.css +0 -135
  487. package/dist/es/components/Collapse/Collapse.css +0 -3
  488. package/dist/es/components/ListData/doc/i/img.png +0 -0
  489. package/dist/es/components/Selector/doc/Selector.example.css +0 -17
  490. package/dist/lib/components/Avatar/doc/i/img.png +0 -0
  491. package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.css +0 -54
  492. package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.js +0 -81
  493. package/dist/lib/components/Badges/components/NotificationBadge/NotificationBadge.css +0 -58
  494. package/dist/lib/components/Badges/components/NotificationBadge/NotificationBadge.js +0 -71
  495. package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.css +0 -119
  496. package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css +0 -69
  497. package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js +0 -84
  498. package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.css +0 -60
  499. package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.js +0 -135
  500. package/dist/lib/components/Calendar/components/Day/Day.css +0 -243
  501. package/dist/lib/components/Calendar/components/Month/Month.css +0 -135
  502. package/dist/lib/components/Calendar/components/Month/Month.js +0 -127
  503. package/dist/lib/components/Collapse/Collapse.css +0 -3
  504. package/dist/lib/components/Collapse/Collapse.js +0 -141
  505. package/dist/lib/components/ListData/doc/i/img.png +0 -0
  506. package/dist/lib/components/Selector/doc/Selector.example.css +0 -17
  507. package/styles/base.less +0 -171
  508. /package/dist/es/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.d.ts +0 -0
  509. /package/dist/lib/components/Badges/{components/TimerBadge → TimerBadge/components}/Timer/Timer.d.ts +0 -0
@@ -1,54 +0,0 @@
1
- .mfui-counter-badge {
2
- padding: 5px 6px;
3
- width: -webkit-fit-content;
4
- width: -moz-fit-content;
5
- width: fit-content;
6
- min-width: 24px;
7
- display: -webkit-box;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-box-align: center;
11
- -ms-flex-align: center;
12
- align-items: center;
13
- -webkit-box-pack: center;
14
- -ms-flex-pack: center;
15
- justify-content: center;
16
- font-weight: 500;
17
- font-size: 12px;
18
- line-height: 14px;
19
- border-radius: 12px;
20
- }
21
- .mfui-counter-badge_limited {
22
- padding: 5px 12px;
23
- }
24
- @media screen and (min-width: 1024px) {
25
- .mfui-counter-badge_adaptive {
26
- min-width: 28px;
27
- font-size: 15px;
28
- line-height: 18px;
29
- }
30
- }
31
- .mfui-counter-badge_icon {
32
- padding: 2px 4px 2px 12px;
33
- }
34
- .mfui-counter-badge_adaptive.mfui-counter-badge_icon {
35
- padding: 4px 4px 4px 12px;
36
- }
37
- .mfui-counter-badge__icon {
38
- margin-left: 4px;
39
- width: 20px;
40
- min-width: 20px;
41
- height: 20px;
42
- }
43
- .mfui-counter-badge_theme_light-blue {
44
- background-color: var(--311C20);
45
- }
46
- .mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon {
47
- fill: var(--311C);
48
- }
49
- .mfui-counter-badge_theme_purple {
50
- background-color: var(--brandPurple20);
51
- }
52
- .mfui-counter-badge_theme_purple .mfui-counter-badge__icon {
53
- fill: var(--brandPurple);
54
- }
@@ -1,58 +0,0 @@
1
- .mfui-notification-badge {
2
- display: -webkit-box;
3
- display: -ms-flexbox;
4
- display: flex;
5
- -webkit-box-align: center;
6
- -ms-flex-align: center;
7
- align-items: center;
8
- -webkit-box-pack: center;
9
- -ms-flex-pack: center;
10
- justify-content: center;
11
- width: 24px;
12
- height: 24px;
13
- border-radius: 50%;
14
- overflow: hidden;
15
- color: var(--stcWhite);
16
- }
17
- .mfui-notification-badge_theme_green {
18
- background-color: var(--brandGreen);
19
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 185, 86, 0.5);
20
- box-shadow: 0 2px 4px 0 rgba(0, 185, 86, 0.5);
21
- }
22
- .mfui-notification-badge_theme_red {
23
- background-color: var(--warmRedC);
24
- -webkit-box-shadow: 0 2px 4px 0 rgba(235, 90, 64, 0.5);
25
- box-shadow: 0 2px 4px 0 rgba(235, 90, 64, 0.5);
26
- }
27
- .mfui-notification-badge_auto-width {
28
- width: -webkit-fit-content;
29
- width: -moz-fit-content;
30
- width: fit-content;
31
- min-width: 24px;
32
- padding: 5px 8px;
33
- border-radius: 12px;
34
- }
35
- .mfui-notification-badge_size_small {
36
- width: 8px;
37
- height: 8px;
38
- padding: 0;
39
- border-radius: 50%;
40
- }
41
- .mfui-notification-badge_size_small .mfui-notification-badge__text {
42
- display: none;
43
- }
44
- .mfui-notification-badge_size_medium {
45
- width: 16px;
46
- height: 16px;
47
- border-radius: 50%;
48
- }
49
- .mfui-notification-badge_size_medium .mfui-notification-badge__text {
50
- font-size: 10px;
51
- line-height: 12px;
52
- }
53
- .mfui-notification-badge__text {
54
- font-family: inherit;
55
- font-weight: 500;
56
- font-size: 12px;
57
- line-height: 14px;
58
- }
@@ -1,119 +0,0 @@
1
- .mfui-price-badge {
2
- font-size: 12px;
3
- line-height: 18px;
4
- display: -webkit-box;
5
- display: -ms-flexbox;
6
- display: flex;
7
- -webkit-box-align: center;
8
- -ms-flex-align: center;
9
- align-items: center;
10
- width: -webkit-fit-content;
11
- width: -moz-fit-content;
12
- width: fit-content;
13
- height: -webkit-fit-content;
14
- height: -moz-fit-content;
15
- height: fit-content;
16
- padding: 2px;
17
- padding-right: 8px;
18
- border-radius: 8px;
19
- font-weight: 500;
20
- }
21
- @media screen and (min-width: 1024px) {
22
- .mfui-price-badge_adaptive {
23
- font-size: 15px;
24
- line-height: 24px;
25
- min-height: 32px;
26
- padding: 4px;
27
- padding-right: 8px;
28
- border-radius: 12px;
29
- }
30
- }
31
- .mfui-price-badge_theme_grey {
32
- background-color: var(--spbSky0);
33
- }
34
- .mfui-price-badge_theme_grey .mfui-price-badge__text {
35
- color: var(--spbSky3);
36
- }
37
- .mfui-price-badge_theme_grey .mfui-price-badge__icon {
38
- fill: var(--spbSky3);
39
- }
40
- .mfui-price-badge_theme_orange {
41
- background-color: var(--137C20);
42
- }
43
- .mfui-price-badge_theme_orange .mfui-price-badge__text {
44
- color: var(--137C);
45
- }
46
- .mfui-price-badge_theme_orange .mfui-price-badge__icon {
47
- fill: var(--137C);
48
- }
49
- .mfui-price-badge_theme_green {
50
- background-color: var(--brandGreen20);
51
- }
52
- .mfui-price-badge_theme_green .mfui-price-badge__text {
53
- color: var(--brandGreen);
54
- }
55
- .mfui-price-badge_theme_green .mfui-price-badge__icon {
56
- fill: var(--brandGreen);
57
- }
58
- .mfui-price-badge_theme_purple {
59
- background-color: var(--brandPurple80);
60
- }
61
- .mfui-price-badge_theme_purple .mfui-price-badge__text {
62
- color: var(--stcWhite);
63
- }
64
- .mfui-price-badge_theme_purple .mfui-price-badge__icon {
65
- fill: var(--stcWhite);
66
- }
67
- .mfui-price-badge_theme_red {
68
- background-color: var(--fury20);
69
- }
70
- .mfui-price-badge_theme_red .mfui-price-badge__text {
71
- color: var(--fury);
72
- }
73
- .mfui-price-badge_theme_red .mfui-price-badge__icon {
74
- fill: var(--fury);
75
- }
76
- .mfui-price-badge_theme_light {
77
- background-color: var(--stcWhite20);
78
- }
79
- .mfui-price-badge_theme_dark {
80
- background-color: var(--stcBlack20);
81
- }
82
- .mfui-price-badge_theme_light .mfui-price-badge__text,
83
- .mfui-price-badge_theme_dark .mfui-price-badge__text {
84
- font-weight: 400;
85
- color: var(--stcWhite);
86
- }
87
- .mfui-price-badge_theme_light .mfui-price-badge__icon,
88
- .mfui-price-badge_theme_dark .mfui-price-badge__icon {
89
- fill: var(--stcWhite);
90
- }
91
- .mfui-price-badge_size_big {
92
- padding: 12px 12px 12px 4px;
93
- font-size: 15px;
94
- line-height: 18px;
95
- }
96
- .mfui-price-badge__text {
97
- font-family: inherit;
98
- margin-left: 2px;
99
- }
100
- .mfui-price-badge__icon-container {
101
- display: -webkit-box;
102
- display: -ms-flexbox;
103
- display: flex;
104
- }
105
- .mfui-price-badge__icon {
106
- width: 20px;
107
- min-width: 20px;
108
- height: 20px;
109
- }
110
- .mfui-price-badge_size_big .mfui-price-badge__icon {
111
- width: 32px;
112
- min-width: 32px;
113
- height: 32px;
114
- }
115
- .mfui-price-badge_size_big .mfui-price-badge__sub-title {
116
- margin-top: 2px;
117
- font-size: 12px;
118
- line-height: 18px;
119
- }
@@ -1,69 +0,0 @@
1
- .mfui-promo-badge {
2
- display: -webkit-box;
3
- display: -ms-flexbox;
4
- display: flex;
5
- -webkit-box-align: center;
6
- -ms-flex-align: center;
7
- align-items: center;
8
- width: -webkit-fit-content;
9
- width: -moz-fit-content;
10
- width: fit-content;
11
- padding: 4px 12px;
12
- border-radius: 8px;
13
- color: var(--stcWhite);
14
- /* DEPRECATED classes &_type BEGIN */
15
- /* DEPRECATED classes &_type END */
16
- }
17
- .mfui-promo-badge_color_137c {
18
- background-color: var(--137C);
19
- }
20
- .mfui-promo-badge_color_brand-purple-20 {
21
- color: var(--brandPurple);
22
- background-color: var(--brandPurple20);
23
- }
24
- .mfui-promo-badge_color_brand-purple {
25
- background-color: var(--brandPurple);
26
- }
27
- .mfui-promo-badge_color_reflex-blue {
28
- background-color: var(--reflexBlue);
29
- }
30
- .mfui-promo-badge_color_system-blue {
31
- background-color: var(--systemBlue);
32
- }
33
- .mfui-promo-badge_color_warm-red {
34
- background-color: var(--warmRedC);
35
- }
36
- .mfui-promo-badge_color_gradient-purple {
37
- color: var(--stcWhite);
38
- background: linear-gradient(126.8deg, #A336BE 21%, #363078 78%);
39
- }
40
- .mfui-promo-badge_type_hit {
41
- background-color: var(--warmRedC);
42
- }
43
- .mfui-promo-badge_type_new {
44
- background-color: var(--systemBlue);
45
- }
46
- .mfui-promo-badge_type_vip {
47
- background-color: var(--brandPurple);
48
- }
49
- .mfui-promo-badge_type_popular {
50
- background-color: var(--137C);
51
- }
52
- .mfui-promo-badge_type_user-choice {
53
- background-color: var(--reflexBlue);
54
- }
55
- .mfui-promo-badge_type_interests {
56
- color: var(--brandPurple);
57
- background-color: var(--brandPurple20);
58
- }
59
- .mfui-promo-badge_size_small {
60
- height: 18px;
61
- padding: 0 8px;
62
- border-radius: 8px;
63
- }
64
- .mfui-promo-badge__text {
65
- font-family: inherit;
66
- font-size: 12px;
67
- line-height: 18px;
68
- font-weight: 500;
69
- }
@@ -1,60 +0,0 @@
1
- .mfui-timer-badge {
2
- display: -webkit-box;
3
- display: -ms-flexbox;
4
- display: flex;
5
- -webkit-box-align: center;
6
- -ms-flex-align: center;
7
- align-items: center;
8
- padding: 1px 2px;
9
- padding-right: 8px;
10
- width: -webkit-fit-content;
11
- width: -moz-fit-content;
12
- width: fit-content;
13
- height: -webkit-fit-content;
14
- height: -moz-fit-content;
15
- height: fit-content;
16
- border: 1px solid var(--spbSky1);
17
- border-radius: 12px;
18
- background: var(--base);
19
- overflow: hidden;
20
- }
21
- .mfui-timer-badge_theme_grey .mfui-timer-badge__text {
22
- color: var(--spbSky3);
23
- }
24
- .mfui-timer-badge_theme_grey .mfui-timer-badge__icon {
25
- fill: var(--spbSky3);
26
- }
27
- .mfui-timer-badge_theme_red .mfui-timer-badge__text {
28
- color: var(--fury);
29
- }
30
- .mfui-timer-badge_theme_red .mfui-timer-badge__icon {
31
- fill: var(--fury);
32
- }
33
- .mfui-timer-badge__text {
34
- font-size: 12px;
35
- line-height: 18px;
36
- font-family: inherit;
37
- margin-left: 2px;
38
- font-weight: 500;
39
- }
40
- .mfui-timer-badge__icon {
41
- height: 20px;
42
- width: 20px;
43
- }
44
- .mfui-timer-badge__icon-container {
45
- position: relative;
46
- display: -webkit-box;
47
- display: -ms-flexbox;
48
- display: flex;
49
- }
50
- .mfui-timer-badge__icon-container_shadow:before {
51
- content: '';
52
- position: absolute;
53
- top: 2px;
54
- left: 2px;
55
- height: 16px;
56
- width: 16px;
57
- border-radius: 50%;
58
- -webkit-box-shadow: 0px 0px 6px var(--fury);
59
- box-shadow: 0px 0px 6px var(--fury);
60
- }
@@ -1,243 +0,0 @@
1
- .mfui-day {
2
- position: relative;
3
- -webkit-box-sizing: content-box;
4
- box-sizing: content-box;
5
- width: 32px;
6
- height: 32px;
7
- padding: 0 10px 8px 0;
8
- border: none;
9
- color: var(--content);
10
- line-height: 24px;
11
- text-decoration: none;
12
- background-color: rgba(0, 0, 0, 0);
13
- outline: none;
14
- cursor: pointer;
15
- -webkit-appearance: none;
16
- -moz-appearance: none;
17
- appearance: none;
18
- -webkit-user-select: none;
19
- -moz-user-select: none;
20
- -ms-user-select: none;
21
- user-select: none;
22
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23
- font-size: 12px;
24
- line-height: 18px;
25
- }
26
- .mfui-day:last-child {
27
- padding-right: 0;
28
- }
29
- .mfui-day:not(:disabled):not(.mfui-day_active):hover:after,
30
- .mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
31
- .mfui-day_active:after,
32
- .mfui-day_active-modern:after {
33
- content: '';
34
- position: absolute;
35
- top: 0;
36
- left: 0;
37
- z-index: 1;
38
- width: 32px;
39
- height: 32px;
40
- border-radius: 50% !important;
41
- color: var(--content);
42
- background-color: var(--spbSky0);
43
- }
44
- .mfui-day_active-modern:after {
45
- width: 38px;
46
- height: 38px;
47
- }
48
- .mfui-day_active-modern:hover:after {
49
- background-color: var(--brandGreen) !important;
50
- }
51
- .mfui-day:not(:disabled):not(.mfui-day_active):hover:after {
52
- color: var(--content);
53
- background-color: var(--spbSky0);
54
- }
55
- .mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
56
- .mfui-day_active:after,
57
- .mfui-day_active-modern:after {
58
- background-color: var(--brandGreen);
59
- }
60
- .mfui-day_disabled {
61
- cursor: default;
62
- opacity: 0.3;
63
- pointer-events: none;
64
- }
65
- .mfui-day_active,
66
- .mfui-day_active-modern,
67
- .mfui-day:not(:disabled):not(.mfui-day_active):focus {
68
- color: var(--stcWhite);
69
- }
70
- .mfui-day_active + .mfui-day_active:before,
71
- .mfui-day_between:hover + .mfui-day:not(.mfui-day_monday).mfui-day_active:before {
72
- content: '';
73
- position: absolute;
74
- top: 0;
75
- left: -22px;
76
- z-index: -1;
77
- display: block;
78
- width: 32px;
79
- height: 32px;
80
- background-color: var(--spbSky1);
81
- }
82
- .mfui-day_between {
83
- position: relative;
84
- border-radius: 0;
85
- }
86
- .mfui-day_between:before {
87
- content: '';
88
- position: absolute;
89
- top: 0;
90
- left: -22px;
91
- z-index: -1;
92
- display: block;
93
- height: 32px;
94
- padding: 0 20px;
95
- background-color: var(--spbSky1);
96
- }
97
- .mfui-day_between:after {
98
- content: '';
99
- position: absolute;
100
- top: 0;
101
- right: -16px;
102
- z-index: -1;
103
- display: block;
104
- width: 40px;
105
- height: 32px;
106
- background-color: var(--spbSky1);
107
- }
108
- .mfui-day_sunday,
109
- .mfui-day_last {
110
- border-radius: 50%;
111
- }
112
- .mfui-day_sunday:after,
113
- .mfui-day_last:after {
114
- right: 10px;
115
- width: 32px;
116
- border-radius: 50%;
117
- }
118
- .mfui-day_last:after {
119
- right: 0;
120
- }
121
- .mfui-day_monday,
122
- .mfui-day_first {
123
- border-radius: 50%;
124
- }
125
- .mfui-day_monday:before,
126
- .mfui-day_first:before {
127
- left: 0;
128
- width: 32px;
129
- padding: 0;
130
- border-radius: 50%;
131
- }
132
- .mfui-day_sunday.mfui-day_first {
133
- border-radius: 50%;
134
- }
135
- .mfui-day__label {
136
- position: relative;
137
- z-index: 99;
138
- }
139
- .mfui-day_modern {
140
- width: 38.29px;
141
- height: 38px;
142
- }
143
- .mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):hover:after,
144
- .mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):focus:after,
145
- .mfui-day_modern_active-modern:after {
146
- content: '';
147
- position: absolute;
148
- top: 0;
149
- left: 0;
150
- z-index: 1;
151
- width: 38px;
152
- height: 38px;
153
- border-radius: 50% !important;
154
- color: var(--content);
155
- background-color: var(--spbSky0);
156
- }
157
- .mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):hover:after {
158
- color: var(--content);
159
- background-color: var(--spbSky0);
160
- }
161
- .mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):focus:after,
162
- .mfui-day_modern_active-modern:after {
163
- background-color: var(--brandGreen);
164
- }
165
- .mfui-day_active-modern,
166
- .mfui-day:not(:disabled):focus {
167
- color: var(--stcWhite);
168
- }
169
- .mfui-day_active-modern + .mfui-day_active-modern:before,
170
- .mfui-day_between-modern:hover + .mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before {
171
- content: '';
172
- position: absolute;
173
- top: 0;
174
- left: -22px;
175
- z-index: -1;
176
- display: block;
177
- width: 40px;
178
- height: 38px;
179
- background-color: var(--spbSky1);
180
- }
181
- .mfui-day_between-modern {
182
- position: relative;
183
- border-radius: 0;
184
- }
185
- .mfui-day_between-modern:before {
186
- content: '';
187
- position: absolute;
188
- top: 0;
189
- left: -28px;
190
- z-index: -1;
191
- display: block;
192
- height: 38px;
193
- padding: 0 29px;
194
- background-color: var(--spbSky1);
195
- }
196
- .mfui-day_between-modern:after {
197
- content: '';
198
- position: absolute;
199
- top: 0;
200
- right: -18px;
201
- z-index: -1;
202
- display: block;
203
- width: 45px;
204
- height: 38px;
205
- background-color: var(--spbSky1);
206
- }
207
- .mfui-day_sunday-modern,
208
- .mfui-day_last-modern {
209
- border-radius: 50%;
210
- }
211
- .mfui-day_sunday-modern:before,
212
- .mfui-day_last-modern:before {
213
- padding-left: 20px;
214
- }
215
- .mfui-day_sunday-modern:after,
216
- .mfui-day_last-modern:after {
217
- right: 10px;
218
- width: 38.29px;
219
- border-radius: 50%;
220
- }
221
- .mfui-day_last-modern:after {
222
- right: 0;
223
- }
224
- .mfui-day_monday-modern,
225
- .mfui-day_first-modern {
226
- border-radius: 50%;
227
- }
228
- .mfui-day_monday-modern:before,
229
- .mfui-day_first-modern:before {
230
- left: 0;
231
- width: 38px;
232
- padding: 0;
233
- border-radius: 50%;
234
- }
235
- .mfui-day_sunday-modern.mfui-day_first-modern {
236
- border-radius: 50%;
237
- }
238
- .mfui-day__label_modern {
239
- font-weight: 400;
240
- font-size: 15px;
241
- line-height: 24px;
242
- text-align: center;
243
- }