@megafon/ui-core 6.2.0 → 7.0.0-beta.1

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 +8 -9
  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 +9 -85
  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 +4 -4
  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 +8 -9
  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 +9 -85
  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 +4 -4
  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 -4051
  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,169 +1 @@
1
- .mfui-slider-range {
2
- display: -webkit-box;
3
- display: -ms-flexbox;
4
- display: flex;
5
- -webkit-box-orient: vertical;
6
- -webkit-box-direction: normal;
7
- -ms-flex-direction: column;
8
- flex-direction: column;
9
- }
10
- .mfui-slider-range__head {
11
- font-size: 15px;
12
- line-height: 24px;
13
- font-weight: 500;
14
- margin-bottom: 8px;
15
- }
16
- .mfui-slider-range__display-values {
17
- display: grid;
18
- grid-template-columns: 45% 45%;
19
- -webkit-box-pack: justify;
20
- -ms-flex-pack: justify;
21
- justify-content: space-between;
22
- width: 100%;
23
- margin-top: 8px;
24
- }
25
- .mfui-slider-range__display-value_left {
26
- margin-right: auto;
27
- }
28
- .mfui-slider-range__display-value_right {
29
- margin-left: auto;
30
- }
31
- .mfui-slider-range__range-container {
32
- position: relative;
33
- height: 12px;
34
- margin: 6px 0;
35
- cursor: pointer;
36
- }
37
- .mfui-slider-range__range-input {
38
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
39
- position: absolute;
40
- top: 50%;
41
- width: 100%;
42
- height: 0;
43
- margin: 0;
44
- border: none;
45
- background: none;
46
- outline: none;
47
- cursor: pointer;
48
- -webkit-appearance: none;
49
- -moz-appearance: none;
50
- appearance: none;
51
- pointer-events: none;
52
- }
53
- .mfui-slider-range__range-input_left {
54
- z-index: 1;
55
- }
56
- .mfui-slider-range__range-input_left.mfui-slider-range__range-input_over {
57
- z-index: 3;
58
- }
59
- .mfui-slider-range__range-input_right {
60
- z-index: 2;
61
- }
62
- .mfui-slider-range__range-input:focus {
63
- outline: none;
64
- }
65
- .mfui-slider-range__range-input::-webkit-slider-thumb {
66
- width: var(--thumbSize);
67
- height: var(--thumbSize);
68
- border: none;
69
- border-radius: 50%;
70
- background-color: var(--stcWhite);
71
- -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
72
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
73
- -webkit-appearance: none;
74
- pointer-events: auto;
75
- }
76
- .mfui-slider-range__range-input::-moz-range-thumb {
77
- width: var(--thumbSize);
78
- height: var(--thumbSize);
79
- border: none;
80
- border-radius: 50%;
81
- background-color: var(--stcWhite);
82
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
83
- -webkit-appearance: none;
84
- pointer-events: auto;
85
- }
86
- .mfui-slider-range__range-input::-ms-thumb {
87
- width: var(--thumbSize);
88
- height: var(--thumbSize);
89
- border: none;
90
- border-radius: 50%;
91
- background-color: var(--stcWhite);
92
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
93
- -webkit-appearance: none;
94
- pointer-events: auto;
95
- }
96
- .mfui-slider-range__range-track {
97
- position: absolute;
98
- right: 0;
99
- left: 0;
100
- z-index: 0;
101
- height: 100%;
102
- padding: 0 12px;
103
- border-radius: 100px;
104
- background-color: var(--spbSky0);
105
- cursor: pointer;
106
- }
107
- .mfui-slider-range__range-track-inner {
108
- position: relative;
109
- width: 100%;
110
- height: 100%;
111
- }
112
- .mfui-slider-range__range-track-segment {
113
- position: absolute;
114
- height: 100%;
115
- border-radius: 100px;
116
- background-color: var(--brandGreen);
117
- }
118
- .mfui-slider-range_disabled .mfui-slider-range__head {
119
- color: var(--spbSky3);
120
- }
121
- .mfui-slider-range_disabled .mfui-slider-range__range-track {
122
- cursor: default;
123
- }
124
- .mfui-slider-range_disabled .mfui-slider-range__range-input {
125
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--spbSky1)), to(var(--spbSky1)));
126
- background-image: linear-gradient(var(--spbSky1), var(--spbSky1));
127
- cursor: default;
128
- }
129
- .mfui-slider-range_disabled .mfui-slider-range__range-track-segment {
130
- background-color: var(--spbSky1);
131
- }
132
- .mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb {
133
- width: var(--thumbSize);
134
- height: var(--thumbSize);
135
- border: none;
136
- border-radius: 50%;
137
- background-color: var(--stcWhite);
138
- -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
139
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
140
- -webkit-appearance: none;
141
- pointer-events: auto;
142
- background-color: var(--spbSky2);
143
- -webkit-box-shadow: none;
144
- box-shadow: none;
145
- }
146
- .mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb {
147
- width: var(--thumbSize);
148
- height: var(--thumbSize);
149
- border: none;
150
- border-radius: 50%;
151
- background-color: var(--stcWhite);
152
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
153
- -webkit-appearance: none;
154
- pointer-events: auto;
155
- background-color: var(--spbSky2);
156
- box-shadow: none;
157
- }
158
- .mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb {
159
- width: var(--thumbSize);
160
- height: var(--thumbSize);
161
- border: none;
162
- border-radius: 50%;
163
- background-color: var(--stcWhite);
164
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
165
- -webkit-appearance: none;
166
- pointer-events: auto;
167
- background-color: var(--spbSky2);
168
- box-shadow: none;
169
- }
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-slider-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-range__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-range__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-range__display-value_left{margin-right:auto}.mfui-slider-range__display-value_right{margin-left:auto}.mfui-slider-range__range-container{cursor:pointer;height:12px;margin:6px 0;position:relative}.mfui-slider-range__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:0;margin:0;outline:none;pointer-events:none;position:absolute;top:50%;width:100%}.mfui-slider-range__range-input_left{z-index:1}.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over{z-index:3}.mfui-slider-range__range-input_right{z-index:2}.mfui-slider-range__range-input:focus{outline:none}.mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-track{background-color:var(--spbSky0);border-radius:100px;cursor:pointer;height:100%;left:0;padding:0 12px;position:absolute;right:0;z-index:0}.mfui-slider-range__range-track-inner{height:100%;position:relative;width:100%}.mfui-slider-range__range-track-segment{background-color:var(--brandGreen);border-radius:100px;height:100%;position:absolute}.mfui-slider-range_disabled .mfui-slider-range__head{color:var(--spbSky3)}.mfui-slider-range_disabled .mfui-slider-range__range-track{cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-track-segment{background-color:var(--spbSky1)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
3
3
  import { ScaleType } from '../components/SliderScale/SliderScale';
4
- import './SliderRange.less';
4
+ import './SliderRange.scss';
5
5
  export interface ISliderRange {
6
6
  /** Дополнительный класс корневого элемента */
7
7
  className?: string;
@@ -1,104 +1,78 @@
1
1
  "use strict";
2
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
-
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
- require("core-js/modules/es.object.values.js");
15
-
16
10
  var React = _interopRequireWildcard(require("react"));
17
-
18
11
  var _uiHelpers = require("@megafon/ui-helpers");
19
-
20
- var PropTypes = _interopRequireWildcard(require("prop-types"));
21
-
22
- var _SliderDisplayValue = _interopRequireWildcard(require("../components/SliderDisplayValue/SliderDisplayValue"));
23
-
24
- var _SliderScale = _interopRequireWildcard(require("../components/SliderScale/SliderScale"));
25
-
12
+ var _SliderDisplayValue = _interopRequireDefault(require("../components/SliderDisplayValue/SliderDisplayValue"));
13
+ var _SliderScale = _interopRequireDefault(require("../components/SliderScale/SliderScale"));
26
14
  var _helpers = require("../helpers");
27
-
28
15
  var _helpers2 = require("./helpers");
29
-
30
- 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); }
31
-
32
- 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; }
33
-
34
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
35
-
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
36
19
  var THUMB_SIZE = 24;
37
20
  var cn = (0, _uiHelpers.cnCreate)('mfui-slider-range');
38
-
39
21
  var SliderRange = function SliderRange(_ref) {
40
22
  var className = _ref.className,
41
- label = _ref.label,
42
- displayValueType = _ref.displayValueType,
43
- displayLeftValuePrefix = _ref.displayLeftValuePrefix,
44
- displayRightValuePrefix = _ref.displayRightValuePrefix,
45
- displayValueUnit = _ref.displayValueUnit,
46
- outerLeftValue = _ref.leftValue,
47
- outerRightValue = _ref.rightValue,
48
- minValue = _ref.minValue,
49
- maxValue = _ref.maxValue,
50
- _ref$isControlled = _ref.isControlled,
51
- isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
52
- _ref$step = _ref.step,
53
- step = _ref$step === void 0 ? 1 : _ref$step,
54
- scale = _ref.scale,
55
- customScale = _ref.customScale,
56
- _ref$disabled = _ref.disabled,
57
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
58
- dataAttrs = _ref.dataAttrs,
59
- onChange = _ref.onChange;
23
+ label = _ref.label,
24
+ displayValueType = _ref.displayValueType,
25
+ displayLeftValuePrefix = _ref.displayLeftValuePrefix,
26
+ displayRightValuePrefix = _ref.displayRightValuePrefix,
27
+ displayValueUnit = _ref.displayValueUnit,
28
+ outerLeftValue = _ref.leftValue,
29
+ outerRightValue = _ref.rightValue,
30
+ minValue = _ref.minValue,
31
+ maxValue = _ref.maxValue,
32
+ _ref$isControlled = _ref.isControlled,
33
+ isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
34
+ _ref$step = _ref.step,
35
+ step = _ref$step === void 0 ? 1 : _ref$step,
36
+ scale = _ref.scale,
37
+ customScale = _ref.customScale,
38
+ _ref$disabled = _ref.disabled,
39
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
40
+ dataAttrs = _ref.dataAttrs,
41
+ onChange = _ref.onChange;
60
42
  var outerLeftRangeValue = (0, _helpers.getRangeValue)(outerLeftValue !== null && outerLeftValue !== void 0 ? outerLeftValue : minValue, minValue, maxValue, step);
61
43
  var outerRightRangeValue = (0, _helpers.getRangeValue)(outerRightValue !== null && outerRightValue !== void 0 ? outerRightValue : maxValue, minValue, maxValue, step);
62
44
  var leftRangeInputRef = React.useRef(null);
63
45
  var rightRangeInputRef = React.useRef(null);
64
46
  var rangeTrackRef = React.useRef(null);
65
47
  var rangeTrackInnerRef = React.useRef(null);
66
-
67
48
  var _React$useState = React.useState(null),
68
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
69
- rawLeftInputValue = _React$useState2[0],
70
- setRawLeftInputValue = _React$useState2[1];
71
-
49
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
50
+ rawLeftInputValue = _React$useState2[0],
51
+ setRawLeftInputValue = _React$useState2[1];
72
52
  var _React$useState3 = React.useState(null),
73
- _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
74
- rawRightInputValue = _React$useState4[0],
75
- setRawRightInputValue = _React$useState4[1];
76
-
53
+ _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
54
+ rawRightInputValue = _React$useState4[0],
55
+ setRawRightInputValue = _React$useState4[1];
77
56
  var _React$useState5 = React.useState(outerLeftRangeValue),
78
- _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
79
- innerLeftRangeValue = _React$useState6[0],
80
- setInnerLeftRangeValue = _React$useState6[1];
81
-
57
+ _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
58
+ innerLeftRangeValue = _React$useState6[0],
59
+ setInnerLeftRangeValue = _React$useState6[1];
82
60
  var _React$useState7 = React.useState(outerRightRangeValue),
83
- _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
84
- innerRightRangeValue = _React$useState8[0],
85
- setInnerRightRangeValue = _React$useState8[1];
86
-
61
+ _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
62
+ innerRightRangeValue = _React$useState8[0],
63
+ setInnerRightRangeValue = _React$useState8[1];
87
64
  var leftRangeValue = isControlled ? outerLeftRangeValue : innerLeftRangeValue;
88
65
  var rightRangeValue = isControlled ? outerRightRangeValue : innerRightRangeValue;
89
66
  var trackSize = (0, _helpers2.getTrackSize)(leftRangeValue, rightRangeValue, minValue, maxValue);
90
67
  var isThumbAtEndOfTrack = (0, _helpers2.checkForThumbAtEndOfTrack)(leftRangeValue, minValue, maxValue, THUMB_SIZE);
91
68
  var showHead = !!label || !!displayValueType;
92
-
93
69
  var handleRangeTrackPointerUp = function handleRangeTrackPointerUp(e) {
94
70
  if (!rangeTrackInnerRef.current || disabled) {
95
71
  return;
96
72
  }
97
-
98
73
  var clickValue = (0, _helpers2.getRangeValueByPageX)(e.pageX, minValue, maxValue, rangeTrackInnerRef.current);
99
74
  var newRangeValue = (0, _helpers.getRangeValue)(clickValue, minValue, maxValue, step);
100
75
  var leftHalfTrack = leftRangeValue + (rightRangeValue - leftRangeValue) / 2;
101
-
102
76
  if (newRangeValue < leftHalfTrack) {
103
77
  !isControlled && setInnerLeftRangeValue(newRangeValue);
104
78
  onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue, rightRangeValue);
@@ -107,25 +81,19 @@ var SliderRange = function SliderRange(_ref) {
107
81
  onChange === null || onChange === void 0 ? void 0 : onChange(leftRangeValue, newRangeValue);
108
82
  }
109
83
  };
110
-
111
84
  var handleRangeTrackPointerLeave = React.useCallback(function () {
112
85
  var _a, _b, _c;
113
-
114
86
  (_a = leftRangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
115
87
  (_b = rightRangeInputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
116
88
  (_c = rangeTrackRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
117
89
  }, []);
118
-
119
90
  var handleRangeTrackPointerDown = function handleRangeTrackPointerDown() {
120
91
  var _a;
121
-
122
92
  if (disabled) {
123
93
  return;
124
94
  }
125
-
126
95
  (_a = rangeTrackRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerleave', handleRangeTrackPointerLeave);
127
96
  };
128
-
129
97
  var handleLeftInputChange = function handleLeftInputChange(isRange) {
130
98
  return function (e) {
131
99
  var targetValue = (0, _helpers.removeFirstZeros)(e.target.value);
@@ -135,7 +103,6 @@ var SliderRange = function SliderRange(_ref) {
135
103
  onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue, rightRangeValue);
136
104
  };
137
105
  };
138
-
139
106
  var handleRightInputChange = function handleRightInputChange(isRange) {
140
107
  return function (e) {
141
108
  var targetValue = (0, _helpers.removeFirstZeros)(e.target.value);
@@ -145,7 +112,6 @@ var SliderRange = function SliderRange(_ref) {
145
112
  onChange === null || onChange === void 0 ? void 0 : onChange(leftRangeValue, newRangeValue);
146
113
  };
147
114
  };
148
-
149
115
  var handleInputBlur = function handleInputBlur(isLeft) {
150
116
  return function () {
151
117
  if (isLeft) {
@@ -155,7 +121,6 @@ var SliderRange = function SliderRange(_ref) {
155
121
  }
156
122
  };
157
123
  };
158
-
159
124
  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
160
125
  className: cn({
161
126
  disabled: disabled
@@ -250,32 +215,4 @@ var SliderRange = function SliderRange(_ref) {
250
215
  }
251
216
  }));
252
217
  };
253
-
254
- SliderRange.propTypes = {
255
- className: PropTypes.string,
256
- leftValue: PropTypes.number,
257
- rightValue: PropTypes.number,
258
- minValue: PropTypes.number.isRequired,
259
- maxValue: PropTypes.number.isRequired,
260
- label: PropTypes.string,
261
- displayValueType: PropTypes.oneOf(Object.values(_SliderDisplayValue.DisplayValue)),
262
- displayLeftValuePrefix: PropTypes.string,
263
- displayRightValuePrefix: PropTypes.string,
264
- displayValueUnit: PropTypes.string,
265
- isControlled: PropTypes.bool,
266
- step: PropTypes.number,
267
- scale: PropTypes.oneOf(Object.values(_SliderScale.Scale)),
268
- customScale: PropTypes.arrayOf(PropTypes.string.isRequired),
269
- disabled: PropTypes.bool,
270
- onChange: PropTypes.func,
271
- dataAttrs: PropTypes.shape({
272
- root: PropTypes.objectOf(PropTypes.string.isRequired),
273
- leftInput: PropTypes.objectOf(PropTypes.string.isRequired),
274
- rightInput: PropTypes.objectOf(PropTypes.string.isRequired),
275
- leftRangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
276
- rightRangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
277
- scale: PropTypes.objectOf(PropTypes.string.isRequired)
278
- })
279
- };
280
- var _default = SliderRange;
281
- exports["default"] = _default;
218
+ var _default = exports["default"] = SliderRange;
@@ -3,26 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.checkForThumbAtEndOfTrack = exports.getRangeValueByPageX = exports.getTrackSize = void 0;
7
-
6
+ exports.getTrackSize = exports.getRangeValueByPageX = exports.checkForThumbAtEndOfTrack = void 0;
8
7
  require("core-js/modules/es.number.constructor.js");
9
-
10
8
  require("core-js/modules/es.number.to-fixed.js");
11
-
12
- var getTrackSize = function getTrackSize() {
9
+ var getTrackSize = exports.getTrackSize = function getTrackSize() {
13
10
  var vleftValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
14
11
  var rightValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
15
12
  var minValue = arguments.length > 2 ? arguments[2] : undefined;
16
13
  var maxValue = arguments.length > 3 ? arguments[3] : undefined;
17
14
  var valueDifference = maxValue - minValue;
18
-
19
15
  if (valueDifference <= 0) {
20
16
  return {
21
17
  left: 0,
22
18
  right: 0
23
19
  };
24
20
  }
25
-
26
21
  var leftPercent = (vleftValue - minValue) * 100 / valueDifference;
27
22
  var rightPercent = (maxValue - rightValue) * 100 / valueDifference;
28
23
  return {
@@ -30,19 +25,11 @@ var getTrackSize = function getTrackSize() {
30
25
  right: Number(rightPercent.toFixed(3))
31
26
  };
32
27
  };
33
-
34
- exports.getTrackSize = getTrackSize;
35
-
36
- var getRangeValueByPageX = function getRangeValueByPageX(pageX, minValue, maxValue, trackInnerNode) {
28
+ var getRangeValueByPageX = exports.getRangeValueByPageX = function getRangeValueByPageX(pageX, minValue, maxValue, trackInnerNode) {
37
29
  var clickPosition = pageX - trackInnerNode.getBoundingClientRect().left;
38
30
  var clickPositionPercent = clickPosition * 100 / trackInnerNode.offsetWidth;
39
31
  return (maxValue - minValue) * clickPositionPercent / 100 + minValue;
40
32
  };
41
-
42
- exports.getRangeValueByPageX = getRangeValueByPageX;
43
-
44
- var checkForThumbAtEndOfTrack = function checkForThumbAtEndOfTrack(leftRangeValue, minValue, maxValue, thumbSize) {
33
+ var checkForThumbAtEndOfTrack = exports.checkForThumbAtEndOfTrack = function checkForThumbAtEndOfTrack(leftRangeValue, minValue, maxValue, thumbSize) {
45
34
  return leftRangeValue > maxValue - thumbSize * (maxValue - minValue) / 100;
46
- };
47
-
48
- exports.checkForThumbAtEndOfTrack = checkForThumbAtEndOfTrack;
35
+ };