@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,135 +0,0 @@
1
- .mfui-month {
2
- position: relative;
3
- z-index: 1;
4
- display: -webkit-box;
5
- display: -ms-flexbox;
6
- display: flex;
7
- -webkit-box-orient: vertical;
8
- -webkit-box-direction: normal;
9
- -ms-flex-direction: column;
10
- flex-direction: column;
11
- -webkit-box-align: center;
12
- -ms-flex-align: center;
13
- align-items: center;
14
- width: 284px;
15
- padding: 28px 0;
16
- }
17
- .mfui-month__header {
18
- display: -webkit-box;
19
- display: -ms-flexbox;
20
- display: flex;
21
- -webkit-box-align: center;
22
- -ms-flex-align: center;
23
- align-items: center;
24
- -webkit-box-pack: justify;
25
- -ms-flex-pack: justify;
26
- justify-content: space-between;
27
- width: 282px;
28
- margin-bottom: 20px;
29
- text-transform: capitalize;
30
- }
31
- .mfui-month__header svg {
32
- height: 24.5px;
33
- cursor: pointer;
34
- -webkit-user-select: none;
35
- -moz-user-select: none;
36
- -ms-user-select: none;
37
- user-select: none;
38
- fill: var(--content);
39
- }
40
- .mfui-month__title {
41
- font-size: 15px;
42
- line-height: 24px;
43
- font-weight: 500;
44
- width: 224px;
45
- text-align: center;
46
- }
47
- .mfui-month__weekday-labels {
48
- display: grid;
49
- grid-template-columns: repeat(7, 1fr);
50
- width: 272px;
51
- padding-bottom: 13px;
52
- border-bottom: 1px solid var(--spbSky1);
53
- -webkit-column-gap: 22px;
54
- -moz-column-gap: 22px;
55
- column-gap: 22px;
56
- }
57
- .mfui-month__weekday {
58
- font-size: 12px;
59
- line-height: 18px;
60
- width: 20px;
61
- height: 16px;
62
- color: var(--content);
63
- font-weight: 600;
64
- line-height: 24px;
65
- text-align: center;
66
- text-transform: capitalize;
67
- }
68
- .mfui-month__days {
69
- display: grid;
70
- grid-template-columns: repeat(7, 1fr);
71
- width: 284px;
72
- margin-top: 8px;
73
- -webkit-column-gap: 0;
74
- -moz-column-gap: 0;
75
- column-gap: 0;
76
- row-gap: 0;
77
- }
78
- svg.mfui-month__arrow_disabled {
79
- cursor: default;
80
- opacity: 0.5;
81
- }
82
- .mfui-month_modern {
83
- width: 344px;
84
- padding: 0 0 24px;
85
- }
86
- .mfui-month_modern .mfui-month__header {
87
- display: -webkit-box;
88
- display: -ms-flexbox;
89
- display: flex;
90
- -webkit-box-align: center;
91
- -ms-flex-align: center;
92
- align-items: center;
93
- width: 328px;
94
- margin-bottom: 16px;
95
- text-transform: capitalize;
96
- }
97
- .mfui-month_modern .mfui-month__title {
98
- font-size: 15px;
99
- line-height: 24px;
100
- font-weight: 500;
101
- width: 224px;
102
- margin: 0 auto;
103
- text-align: center;
104
- }
105
- .mfui-month_modern .mfui-month__weekday-labels {
106
- display: grid;
107
- grid-template-columns: repeat(7, 1fr);
108
- width: 328px;
109
- padding-bottom: 0;
110
- border-bottom: none;
111
- -webkit-column-gap: 8px;
112
- -moz-column-gap: 8px;
113
- column-gap: 8px;
114
- }
115
- .mfui-month_modern .mfui-month__weekday {
116
- width: 20px;
117
- height: 24px;
118
- margin: 0 auto;
119
- color: var(--spbSky3);
120
- font-weight: 400;
121
- font-size: 15px;
122
- line-height: 24px;
123
- text-align: center;
124
- text-transform: capitalize;
125
- }
126
- .mfui-month_modern .mfui-month__days {
127
- display: grid;
128
- grid-template-columns: repeat(7, 1fr);
129
- width: 328px;
130
- margin-top: 10px;
131
- -webkit-column-gap: 0;
132
- -moz-column-gap: 0;
133
- column-gap: 0;
134
- row-gap: 0;
135
- }
@@ -1,3 +0,0 @@
1
- .mfui-collapse {
2
- overflow: hidden;
3
- }
@@ -1,17 +0,0 @@
1
- .top-right {
2
- position: absolute;
3
- top: 10px;
4
- right: 10px;
5
- }
6
- .center {
7
- position: absolute;
8
- top: 50%;
9
- left: 50%;
10
- -webkit-transform: translateX(-50%) translateY(-50%);
11
- transform: translateX(-50%) translateY(-50%);
12
- }
13
- .bottom-left {
14
- position: absolute;
15
- bottom: 10px;
16
- left: 10px;
17
- }
@@ -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,81 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.CounterBadgeColorTheme = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- require("core-js/modules/es.object.values.js");
13
-
14
- var React = _interopRequireWildcard(require("react"));
15
-
16
- var _uiHelpers = require("@megafon/ui-helpers");
17
-
18
- var PropTypes = _interopRequireWildcard(require("prop-types"));
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
-
26
- var DefaultIcon = function DefaultIcon(props) {
27
- return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
28
- viewBox: "0 0 20 20"
29
- }, props), /*#__PURE__*/React.createElement("path", {
30
- d: "M11.39 9H16v1l-7.5 8H7l1.61-7H4v-1l7.5-8H13z",
31
- fillRule: "evenodd"
32
- }));
33
- };
34
-
35
- var CounterBadgeColorTheme = {
36
- LIGHT_BLUE: 'light-blue',
37
- PURPLE: 'purple'
38
- };
39
- exports.CounterBadgeColorTheme = CounterBadgeColorTheme;
40
- var cn = (0, _uiHelpers.cnCreate)('mfui-counter-badge');
41
-
42
- var CounterBadge = function CounterBadge(_ref) {
43
- var totalCount = _ref.totalCount,
44
- currentValue = _ref.currentValue,
45
- _ref$hasIcon = _ref.hasIcon,
46
- hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
47
- customIcon = _ref.customIcon,
48
- _ref$colorTheme = _ref.colorTheme,
49
- colorTheme = _ref$colorTheme === void 0 ? 'light-blue' : _ref$colorTheme,
50
- _ref$isAdaptive = _ref.isAdaptive,
51
- isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
52
- className = _ref.className,
53
- dataAttrs = _ref.dataAttrs;
54
- return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
55
- className: cn({
56
- limited: !!totalCount,
57
- adaptive: isAdaptive,
58
- theme: colorTheme,
59
- icon: hasIcon
60
- }, className)
61
- }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("span", {
62
- className: cn('value')
63
- }, currentValue, !!totalCount && "/".concat(totalCount)), hasIcon && /*#__PURE__*/React.createElement("div", {
64
- className: cn('icon')
65
- }, customIcon || /*#__PURE__*/React.createElement(DefaultIcon, null)));
66
- };
67
-
68
- CounterBadge.propTypes = {
69
- totalCount: PropTypes.number,
70
- currentValue: PropTypes.number.isRequired,
71
- customIcon: PropTypes.element,
72
- colorTheme: PropTypes.oneOf(Object.values(CounterBadgeColorTheme)),
73
- hasIcon: PropTypes.bool,
74
- isAdaptive: PropTypes.bool,
75
- className: PropTypes.string,
76
- dataAttrs: PropTypes.shape({
77
- root: PropTypes.objectOf(PropTypes.string.isRequired).isRequired
78
- })
79
- };
80
- var _default = CounterBadge;
81
- exports["default"] = _default;
@@ -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,71 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.NotificationBadgeSize = exports.NotificationBadgeTheme = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- require("core-js/modules/es.object.values.js");
13
-
14
- var React = _interopRequireWildcard(require("react"));
15
-
16
- var _uiHelpers = require("@megafon/ui-helpers");
17
-
18
- var PropTypes = _interopRequireWildcard(require("prop-types"));
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
-
26
- var NotificationBadgeTheme = {
27
- GREEN: 'green',
28
- RED: 'red'
29
- };
30
- exports.NotificationBadgeTheme = NotificationBadgeTheme;
31
- var NotificationBadgeSize = {
32
- SMALL: 'small',
33
- MEDIUM: 'medium',
34
- BIG: 'big'
35
- };
36
- exports.NotificationBadgeSize = NotificationBadgeSize;
37
- var cn = (0, _uiHelpers.cnCreate)('mfui-notification-badge');
38
-
39
- var NotificationBadge = function NotificationBadge(_ref) {
40
- var _ref$theme = _ref.theme,
41
- theme = _ref$theme === void 0 ? 'green' : _ref$theme,
42
- _ref$size = _ref.size,
43
- size = _ref$size === void 0 ? 'big' : _ref$size,
44
- _ref$autoWidth = _ref.autoWidth,
45
- autoWidth = _ref$autoWidth === void 0 ? false : _ref$autoWidth,
46
- className = _ref.className,
47
- dataAttrs = _ref.dataAttrs,
48
- children = _ref.children;
49
- return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
50
- className: cn({
51
- theme: theme,
52
- size: size,
53
- 'auto-width': autoWidth
54
- }, className)
55
- }), /*#__PURE__*/React.createElement("span", {
56
- className: cn('text')
57
- }, children));
58
- };
59
-
60
- NotificationBadge.propTypes = {
61
- theme: PropTypes.oneOf(Object.values(NotificationBadgeTheme)),
62
- size: PropTypes.oneOf(Object.values(NotificationBadgeSize)),
63
- autoWidth: PropTypes.bool,
64
- className: PropTypes.string,
65
- dataAttrs: PropTypes.shape({
66
- root: PropTypes.objectOf(PropTypes.string.isRequired)
67
- }),
68
- children: PropTypes.node
69
- };
70
- var _default = NotificationBadge;
71
- exports["default"] = _default;
@@ -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
- }