@vkontakte/vkui 4.27.0 → 4.27.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 (306) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +153 -152
  4. package/.cache/ts/src/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
  5. package/.cache/ts/src/hooks/useAppearance.d.ts +1 -1
  6. package/.cache/ts/src/tokenized/index.d.ts +2 -0
  7. package/VKUI_TOKENS_MIGRATION_GUIDE.md +1 -1
  8. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
  9. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  10. package/dist/cjs/components/AppRoot/AppRoot.js +0 -8
  11. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  12. package/dist/cjs/components/AppRoot/AppRootPortal.js +9 -2
  13. package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
  14. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js +6 -11
  15. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  16. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
  17. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js +3 -1
  18. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  19. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +1 -6
  20. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  21. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +1 -6
  22. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  23. package/dist/cjs/hooks/useAppearance.d.ts +1 -1
  24. package/dist/cjs/hooks/useAppearance.js +2 -2
  25. package/dist/cjs/hooks/useAppearance.js.map +1 -1
  26. package/dist/cjs/tokenized/index.d.ts +2 -0
  27. package/dist/cjs/tokenized/index.js +8 -0
  28. package/dist/cjs/tokenized/index.js.map +1 -1
  29. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
  30. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  31. package/dist/components/AppRoot/AppRoot.js +0 -7
  32. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  33. package/dist/components/AppRoot/AppRootPortal.js +7 -2
  34. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  35. package/dist/components/AppearanceProvider/AppearanceProvider.js +6 -11
  36. package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  37. package/dist/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
  38. package/dist/components/AppearanceProvider/AppearanceProviderContext.js +2 -1
  39. package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  40. package/dist/components/HorizontalScroll/HorizontalScroll.js +1 -4
  41. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  42. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +1 -4
  43. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  44. package/dist/components.css +8 -3
  45. package/dist/components.css.map +1 -1
  46. package/dist/cssm/appearance/constants.d.ts +1 -0
  47. package/dist/cssm/components/ActionSheet/ActionSheet.d.ts +26 -0
  48. package/dist/cssm/components/ActionSheet/ActionSheetContext.d.ts +8 -0
  49. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.d.ts +4 -0
  50. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +4 -0
  51. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
  52. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  53. package/dist/cssm/components/ActionSheet/types.d.ts +9 -0
  54. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.d.ts +20 -0
  55. package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.d.ts +46 -0
  56. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +10 -0
  57. package/dist/cssm/components/Alert/Alert.d.ts +24 -0
  58. package/dist/cssm/components/AppRoot/AppRoot.d.ts +14 -0
  59. package/dist/cssm/components/AppRoot/AppRoot.js +0 -7
  60. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  61. package/dist/cssm/components/AppRoot/AppRootContext.d.ts +9 -0
  62. package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +5 -0
  63. package/dist/cssm/components/AppRoot/AppRootPortal.js +7 -2
  64. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  65. package/dist/cssm/components/AppRoot/ScrollContext.d.ts +23 -0
  66. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts +7 -0
  67. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js +6 -11
  68. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  69. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.d.ts +3 -0
  70. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js +2 -1
  71. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  72. package/dist/cssm/components/Avatar/Avatar.d.ts +22 -0
  73. package/dist/cssm/components/Badge/Badge.d.ts +6 -0
  74. package/dist/cssm/components/Banner/Banner.d.ts +65 -0
  75. package/dist/cssm/components/Button/Button.d.ts +20 -0
  76. package/dist/cssm/components/Card/Card.css +1 -1
  77. package/dist/cssm/components/Card/Card.d.ts +7 -0
  78. package/dist/cssm/components/CardGrid/CardGrid.d.ts +8 -0
  79. package/dist/cssm/components/CardScroll/CardScroll.d.ts +12 -0
  80. package/dist/cssm/components/Cell/Cell.d.ts +47 -0
  81. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +5 -0
  82. package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts +6 -0
  83. package/dist/cssm/components/Cell/useDraggable.d.ts +13 -0
  84. package/dist/cssm/components/CellButton/CellButton.d.ts +9 -0
  85. package/dist/cssm/components/Checkbox/Checkbox.d.ts +10 -0
  86. package/dist/cssm/components/Chip/Chip.d.ts +16 -0
  87. package/dist/cssm/components/ChipsInput/ChipsInput.d.ts +30 -0
  88. package/dist/cssm/components/ChipsInput/useChipsInput.d.ts +14 -0
  89. package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +41 -0
  90. package/dist/cssm/components/ChipsSelect/useChipsSelect.d.ts +22 -0
  91. package/dist/cssm/components/ClickPopper/ClickPopper.d.ts +21 -0
  92. package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +12 -0
  93. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.d.ts +43 -0
  94. package/dist/cssm/components/ContentCard/ContentCard.d.ts +34 -0
  95. package/dist/cssm/components/Counter/Counter.d.ts +11 -0
  96. package/dist/cssm/components/CustomScrollView/CustomScrollView.d.ts +10 -0
  97. package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +56 -0
  98. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +12 -0
  99. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.css +1 -1
  100. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.d.ts +15 -0
  101. package/dist/cssm/components/DatePicker/DatePicker.d.ts +24 -0
  102. package/dist/cssm/components/Div/Div.d.ts +7 -0
  103. package/dist/cssm/components/Dropdown/Dropdown.d.ts +8 -0
  104. package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +3 -0
  105. package/dist/cssm/components/Epic/Epic.d.ts +10 -0
  106. package/dist/cssm/components/Epic/ScrollSaver.d.ts +6 -0
  107. package/dist/cssm/components/File/File.d.ts +9 -0
  108. package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +19 -0
  109. package/dist/cssm/components/FocusTrap/FocusTrap.d.ts +8 -0
  110. package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +8 -0
  111. package/dist/cssm/components/Footer/Footer.d.ts +5 -0
  112. package/dist/cssm/components/FormField/FormField.d.ts +14 -0
  113. package/dist/cssm/components/FormItem/FormItem.d.ts +14 -0
  114. package/dist/cssm/components/FormLayout/FormLayout.d.ts +6 -0
  115. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +13 -0
  116. package/dist/cssm/components/FormStatus/FormStatus.d.ts +7 -0
  117. package/dist/cssm/components/Gallery/Gallery.d.ts +39 -0
  118. package/dist/cssm/components/Gradient/Gradient.d.ts +7 -0
  119. package/dist/cssm/components/GridAvatar/GridAvatar.d.ts +8 -0
  120. package/dist/cssm/components/Group/Group.d.ts +23 -0
  121. package/dist/cssm/components/Header/Header.d.ts +18 -0
  122. package/dist/cssm/components/HorizontalCell/HorizontalCell.d.ts +10 -0
  123. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +19 -0
  124. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +1 -4
  125. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  126. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css +6 -1
  127. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +8 -0
  128. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +1 -4
  129. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  130. package/dist/cssm/components/HoverPopper/HoverPopper.d.ts +29 -0
  131. package/dist/cssm/components/IconButton/IconButton.d.ts +11 -0
  132. package/dist/cssm/components/InfoRow/InfoRow.d.ts +7 -0
  133. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.d.ts +32 -0
  134. package/dist/cssm/components/Input/Input.d.ts +9 -0
  135. package/dist/cssm/components/Link/Link.d.ts +6 -0
  136. package/dist/cssm/components/List/List.d.ts +4 -0
  137. package/dist/cssm/components/List/ListContext.d.ts +4 -0
  138. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.d.ts +39 -0
  139. package/dist/cssm/components/ModalCard/ModalCard.d.ts +10 -0
  140. package/dist/cssm/components/ModalCardBase/ModalCardBase.d.ts +32 -0
  141. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +5 -0
  142. package/dist/cssm/components/ModalPage/ModalPage.d.ts +22 -0
  143. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.d.ts +8 -0
  144. package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +16 -0
  145. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +10 -0
  146. package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts +20 -0
  147. package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +16 -0
  148. package/dist/cssm/components/ModalRoot/constants.d.ts +3 -0
  149. package/dist/cssm/components/ModalRoot/types.d.ts +45 -0
  150. package/dist/cssm/components/ModalRoot/useModalManager.d.ts +37 -0
  151. package/dist/cssm/components/ModalRoot/withModalRootContext.d.ts +5 -0
  152. package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +15 -0
  153. package/dist/cssm/components/NavTransitionContext/NavTransitionContext.d.ts +7 -0
  154. package/dist/cssm/components/Panel/Panel.d.ts +9 -0
  155. package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +21 -0
  156. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +9 -0
  157. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.d.ts +8 -0
  158. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +4 -0
  159. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +9 -0
  160. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.d.ts +7 -0
  161. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +18 -0
  162. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +4 -0
  163. package/dist/cssm/components/PanelSpinner/PanelSpinner.d.ts +7 -0
  164. package/dist/cssm/components/Placeholder/Placeholder.d.ts +23 -0
  165. package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts +10 -0
  166. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts +10 -0
  167. package/dist/cssm/components/Popper/Popper.d.ts +32 -0
  168. package/dist/cssm/components/Progress/Progress.d.ts +8 -0
  169. package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +40 -0
  170. package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +37 -0
  171. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.d.ts +11 -0
  172. package/dist/cssm/components/Radio/Radio.d.ts +9 -0
  173. package/dist/cssm/components/RadioGroup/RadioGroup.d.ts +6 -0
  174. package/dist/cssm/components/RangeSlider/RangeSlider.d.ts +6 -0
  175. package/dist/cssm/components/RangeSlider/UniversalSlider.d.ts +16 -0
  176. package/dist/cssm/components/Removable/Removable.d.ts +21 -0
  177. package/dist/cssm/components/RichCell/RichCell.d.ts +36 -0
  178. package/dist/cssm/components/RichTooltip/RichTooltip.d.ts +5 -0
  179. package/dist/cssm/components/Root/Root.d.ts +31 -0
  180. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts +6 -0
  181. package/dist/cssm/components/Search/Search.d.ts +17 -0
  182. package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts +17 -0
  183. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
  184. package/dist/cssm/components/Select/Select.d.ts +7 -0
  185. package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +10 -0
  186. package/dist/cssm/components/Separator/Separator.d.ts +11 -0
  187. package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +39 -0
  188. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts +9 -0
  189. package/dist/cssm/components/Slider/Slider.d.ts +5 -0
  190. package/dist/cssm/components/SliderSwitch/SliderSwitch.d.ts +47 -0
  191. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.d.ts +11 -0
  192. package/dist/cssm/components/Snackbar/Snackbar.d.ts +35 -0
  193. package/dist/cssm/components/Spacing/Spacing.d.ts +18 -0
  194. package/dist/cssm/components/Spinner/Spinner.d.ts +7 -0
  195. package/dist/cssm/components/SplitCol/SplitCol.d.ts +22 -0
  196. package/dist/cssm/components/SplitLayout/SplitLayout.d.ts +15 -0
  197. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts +7 -0
  198. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +21 -0
  199. package/dist/cssm/components/Switch/Switch.d.ts +7 -0
  200. package/dist/cssm/components/Tabbar/Tabbar.d.ts +11 -0
  201. package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +21 -0
  202. package/dist/cssm/components/Tabs/Tabs.d.ts +10 -0
  203. package/dist/cssm/components/TabsItem/TabsItem.d.ts +8 -0
  204. package/dist/cssm/components/Tappable/Tappable.d.ts +40 -0
  205. package/dist/cssm/components/TextTooltip/TextTooltip.d.ts +14 -0
  206. package/dist/cssm/components/Textarea/Textarea.d.ts +11 -0
  207. package/dist/cssm/components/Tooltip/Tooltip.d.ts +55 -0
  208. package/dist/cssm/components/Tooltip/TooltipContainer.d.ts +5 -0
  209. package/dist/cssm/components/Touch/Touch.d.ts +49 -0
  210. package/dist/cssm/components/Touch/TouchContext.d.ts +7 -0
  211. package/dist/cssm/components/Typography/Caption/Caption.d.ts +10 -0
  212. package/dist/cssm/components/Typography/Headline/Headline.d.ts +8 -0
  213. package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +8 -0
  214. package/dist/cssm/components/Typography/Text/Text.d.ts +8 -0
  215. package/dist/cssm/components/Typography/Title/Title.d.ts +12 -0
  216. package/dist/cssm/components/UsersStack/UsersStack.d.ts +23 -0
  217. package/dist/cssm/components/UsersStack/masks.d.ts +1 -0
  218. package/dist/cssm/components/View/View.d.ts +80 -0
  219. package/dist/cssm/components/View/ViewInfinite.d.ts +66 -0
  220. package/dist/cssm/components/View/utils.d.ts +2 -0
  221. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
  222. package/dist/cssm/components/WriteBar/WriteBar.d.ts +23 -0
  223. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.d.ts +18 -0
  224. package/dist/cssm/helpers/avatar.d.ts +5 -0
  225. package/dist/cssm/helpers/getClassName.d.ts +2 -0
  226. package/dist/cssm/helpers/getScheme.d.ts +8 -0
  227. package/dist/cssm/helpers/math.d.ts +5 -0
  228. package/dist/cssm/helpers/scheme.d.ts +34 -0
  229. package/dist/cssm/hoc/withAdaptivity.d.ts +13 -0
  230. package/dist/cssm/hoc/withContext.d.ts +2 -0
  231. package/dist/cssm/hoc/withInsets.d.ts +3 -0
  232. package/dist/cssm/hoc/withPlatform.d.ts +3 -0
  233. package/dist/cssm/hooks/useAdaptivity.d.ts +3 -0
  234. package/dist/cssm/hooks/useAppearance.d.ts +1 -0
  235. package/dist/cssm/hooks/useAppearance.js +2 -2
  236. package/dist/cssm/hooks/useAppearance.js.map +1 -1
  237. package/dist/cssm/hooks/useBrowserInfo.d.ts +2 -0
  238. package/dist/cssm/hooks/useEffectDev.d.ts +2 -0
  239. package/dist/cssm/hooks/useEnsuredControl.d.ts +6 -0
  240. package/dist/cssm/hooks/useEventListener.d.ts +7 -0
  241. package/dist/cssm/hooks/useExternRef.d.ts +2 -0
  242. package/dist/cssm/hooks/useFocusVisible.d.ts +6 -0
  243. package/dist/cssm/hooks/useGlobalEventListener.d.ts +2 -0
  244. package/dist/cssm/hooks/useInsets.d.ts +8 -0
  245. package/dist/cssm/hooks/useKeyboard.d.ts +11 -0
  246. package/dist/cssm/hooks/useKeyboardInputTracker.d.ts +1 -0
  247. package/dist/cssm/hooks/useObjectMemo.d.ts +2 -0
  248. package/dist/cssm/hooks/usePatchChildrenRef.d.ts +6 -0
  249. package/dist/cssm/hooks/usePlatform.d.ts +2 -0
  250. package/dist/cssm/hooks/useTimeout.d.ts +4 -0
  251. package/dist/cssm/hooks/useWaitTransitionFinish.d.ts +3 -0
  252. package/dist/cssm/index.d.ts +279 -0
  253. package/dist/cssm/lib/SSR.d.ts +14 -0
  254. package/dist/cssm/lib/accessibility.d.ts +10 -0
  255. package/dist/cssm/lib/animate.d.ts +15 -0
  256. package/dist/cssm/lib/browser.d.ts +11 -0
  257. package/dist/cssm/lib/callMultiple.d.ts +1 -0
  258. package/dist/cssm/lib/classNames.d.ts +6 -0
  259. package/dist/cssm/lib/classScopingMode.d.ts +8 -0
  260. package/dist/cssm/lib/dom.d.ts +21 -0
  261. package/dist/cssm/lib/fx.d.ts +5 -0
  262. package/dist/cssm/lib/getNavId.d.ts +6 -0
  263. package/dist/cssm/lib/is.d.ts +1 -0
  264. package/dist/cssm/lib/isRefObject.d.ts +2 -0
  265. package/dist/cssm/lib/jsxRuntime.d.ts +8 -0
  266. package/dist/cssm/lib/offset.d.ts +7 -0
  267. package/dist/cssm/lib/platform.d.ts +19 -0
  268. package/dist/cssm/lib/polyfills.d.ts +6 -0
  269. package/dist/cssm/lib/prefixClass.d.ts +1 -0
  270. package/dist/cssm/lib/removeObjectKeys.d.ts +1 -0
  271. package/dist/cssm/lib/select.d.ts +7 -0
  272. package/dist/cssm/lib/styles.d.ts +1 -0
  273. package/dist/cssm/lib/supportEvents.d.ts +9 -0
  274. package/dist/cssm/lib/taptic.d.ts +2 -0
  275. package/dist/cssm/lib/testing.d.ts +1 -0
  276. package/dist/cssm/lib/touch.d.ts +9 -0
  277. package/dist/cssm/lib/useIsomorphicLayoutEffect.d.ts +2 -0
  278. package/dist/cssm/lib/utils.d.ts +15 -0
  279. package/dist/cssm/lib/warnOnce.d.ts +1 -0
  280. package/dist/cssm/styles/components.css +8 -3
  281. package/dist/cssm/styles/themes.css +1 -1
  282. package/dist/cssm/tokenized/index.d.ts +10 -0
  283. package/dist/cssm/tokenized/index.js +1 -0
  284. package/dist/cssm/tokenized/index.js.map +1 -1
  285. package/dist/cssm/types.d.ts +34 -0
  286. package/dist/cssm/unstable/index.d.ts +17 -0
  287. package/dist/hooks/useAppearance.d.ts +1 -1
  288. package/dist/hooks/useAppearance.js +2 -2
  289. package/dist/hooks/useAppearance.js.map +1 -1
  290. package/dist/tokenized/index.d.ts +2 -0
  291. package/dist/tokenized/index.js +1 -0
  292. package/dist/tokenized/index.js.map +1 -1
  293. package/dist/vkui.css +9 -4
  294. package/dist/vkui.css.map +1 -1
  295. package/package.json +4 -3
  296. package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +4 -0
  297. package/src/components/AppRoot/AppRoot.tsx +0 -6
  298. package/src/components/AppRoot/AppRootPortal.tsx +9 -1
  299. package/src/components/AppearanceProvider/AppearanceProvider.tsx +6 -13
  300. package/src/components/AppearanceProvider/AppearanceProviderContext.tsx +4 -9
  301. package/src/components/CustomSelectOption/CustomSelectOption.css +1 -0
  302. package/src/components/HorizontalScroll/HorizontalScroll.tsx +1 -5
  303. package/src/components/HorizontalScroll/HorizontalScrollArrow.css +12 -5
  304. package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +1 -5
  305. package/src/hooks/useAppearance.ts +2 -3
  306. package/src/tokenized/index.ts +3 -0
@@ -0,0 +1,3 @@
1
+ import { AdaptivityProps, AdaptivityContextInterface } from "../components/AdaptivityProvider/AdaptivityContext";
2
+ export type { AdaptivityProps };
3
+ export declare const useAdaptivity: () => AdaptivityContextInterface;
@@ -0,0 +1 @@
1
+ export declare const useAppearance: () => import("@vkontakte/vk-bridge").AppearanceType;
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
- import { ConfigProviderContext } from "../components/ConfigProvider/ConfigProviderContext";
2
+ import { AppearanceProviderContext } from "../components/AppearanceProvider/AppearanceProviderContext";
3
3
  export var useAppearance = function useAppearance() {
4
- return React.useContext(ConfigProviderContext).appearance;
4
+ return React.useContext(AppearanceProviderContext);
5
5
  };
6
6
  //# sourceMappingURL=useAppearance.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"names":["React","ConfigProviderContext","useAppearance","useContext","appearance"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,qBAAT;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAC3BF,KAAK,CAACG,UAAN,CAAiBF,qBAAjB,EAAwCG,UADb;AAAA,CAAtB","sourcesContent":["import * as React from \"react\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport const useAppearance = () =>\n React.useContext(ConfigProviderContext).appearance;\n"],"file":"useAppearance.js"}
1
+ {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"names":["React","AppearanceProviderContext","useAppearance","useContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,yBAAT;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMF,KAAK,CAACG,UAAN,CAAiBF,yBAAjB,CAAN;AAAA,CAAtB","sourcesContent":["import * as React from \"react\";\nimport { AppearanceProviderContext } from \"../components/AppearanceProvider/AppearanceProviderContext\";\n\nexport const useAppearance = () => React.useContext(AppearanceProviderContext);\n"],"file":"useAppearance.js"}
@@ -0,0 +1,2 @@
1
+ import { BrowserInfo } from "../lib/browser";
2
+ export declare function useBrowserInfo(): BrowserInfo;
@@ -0,0 +1,2 @@
1
+ import { useEffect } from "react";
2
+ export declare const useEffectDev: typeof useEffect;
@@ -0,0 +1,6 @@
1
+ export declare function useEnsuredControl<V, E>(props: {
2
+ value?: V;
3
+ onChange?: (e: E) => any;
4
+ }, options: {
5
+ defaultValue: V;
6
+ }): [V | undefined, (e: E) => any];
@@ -0,0 +1,7 @@
1
+ interface EventListenerHandle {
2
+ add: (el: HTMLElement | Document | Window) => void;
3
+ remove: () => void;
4
+ }
5
+ export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void), _options?: AddEventListenerOptions): EventListenerHandle;
6
+ export declare function useEventListener<E extends Event>(event: string, _cb: false | null | undefined | ((ev: E) => void), _options?: AddEventListenerOptions): EventListenerHandle;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ import * as React from "react";
2
+ export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;
@@ -0,0 +1,6 @@
1
+ import { FocusEvent } from "react";
2
+ export declare function useFocusVisible(): {
3
+ focusVisible: boolean | undefined;
4
+ onFocus: (event: FocusEvent<HTMLElement, Element>) => void;
5
+ onBlur: (event: FocusEvent<HTMLElement, Element>) => void;
6
+ };
@@ -0,0 +1,2 @@
1
+ export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: Document | HTMLElement | Window | null | undefined, event: K, cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined, options?: AddEventListenerOptions): void;
2
+ export declare function useGlobalEventListener<E extends Event>(element: Document | HTMLElement | Window | null | undefined, event: string, cb: ((ev: E) => void) | null | false | undefined, options?: AddEventListenerOptions): void;
@@ -0,0 +1,8 @@
1
+ import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
2
+ export interface Insets {
3
+ bottom: BridgeInsets["bottom"] | null;
4
+ top: BridgeInsets["top"] | null;
5
+ left: BridgeInsets["left"] | null;
6
+ right: BridgeInsets["right"] | null;
7
+ }
8
+ export declare function useInsets(): Insets;
@@ -0,0 +1,11 @@
1
+ interface SoftwareKeyboardState {
2
+ isOpened: boolean;
3
+ isPrecise: boolean;
4
+ }
5
+ /**
6
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств
7
+ Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
8
+ */
9
+ export declare function getPreciseKeyboardState(window: any): boolean;
10
+ export declare function useKeyboard(): SoftwareKeyboardState;
11
+ export {};
@@ -0,0 +1 @@
1
+ export declare function useKeyboardInputTracker(): boolean;
@@ -0,0 +1,2 @@
1
+ export declare function objectEquals(o1: any, o2: any): boolean;
2
+ export declare function useObjectMemo<T>(object: T): T;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare type ChildrenElement<T> = React.ReactElement<{
3
+ getRootRef?: React.Ref<T>;
4
+ }>;
5
+ export declare const usePatchChildrenRef: <T = HTMLElement>(children?: ChildrenElement<T> | undefined) => [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined];
6
+ export {};
@@ -0,0 +1,2 @@
1
+ import { PlatformType } from "../lib/platform";
2
+ export declare function usePlatform(): PlatformType;
@@ -0,0 +1,4 @@
1
+ export declare function useTimeout(cb: () => any, duration: number): {
2
+ set: (duration?: any) => void;
3
+ clear: () => void;
4
+ };
@@ -0,0 +1,3 @@
1
+ export declare const useWaitTransitionFinish: () => {
2
+ waitTransitionFinish: (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => void;
3
+ };
@@ -0,0 +1,279 @@
1
+ import "./lib/polyfills";
2
+ import "./styles/constants.css";
3
+ import "./styles/animations.css";
4
+ import "./styles/common.css";
5
+ /**
6
+ * Layout
7
+ */
8
+ export { default as Root } from "./components/Root/Root";
9
+ export type { RootProps } from "./components/Root/Root";
10
+ export { default as View } from "./components/View/View";
11
+ export type { ViewProps } from "./components/View/View";
12
+ export { Panel } from "./components/Panel/Panel";
13
+ export type { PanelProps } from "./components/Panel/Panel";
14
+ export { PanelHeaderButton } from "./components/PanelHeaderButton/PanelHeaderButton";
15
+ export type { PanelHeaderButtonProps } from "./components/PanelHeaderButton/PanelHeaderButton";
16
+ export { default as PanelHeader } from "./components/PanelHeader/PanelHeader";
17
+ export type { PanelHeaderProps } from "./components/PanelHeader/PanelHeader";
18
+ export { default as PanelHeaderContent } from "./components/PanelHeaderContent/PanelHeaderContent";
19
+ export type { PanelHeaderContentProps } from "./components/PanelHeaderContent/PanelHeaderContent";
20
+ export { PanelHeaderContext } from "./components/PanelHeaderContext/PanelHeaderContext";
21
+ export type { PanelHeaderContextProps } from "./components/PanelHeaderContext/PanelHeaderContext";
22
+ export { SplitLayout } from "./components/SplitLayout/SplitLayout";
23
+ export type { SplitLayoutProps } from "./components/SplitLayout/SplitLayout";
24
+ export { SplitCol } from "./components/SplitCol/SplitCol";
25
+ export type { SplitColProps } from "./components/SplitCol/SplitCol";
26
+ export { default as Epic } from "./components/Epic/Epic";
27
+ export type { EpicProps } from "./components/Epic/Epic";
28
+ export { default as Tabbar } from "./components/Tabbar/Tabbar";
29
+ export type { TabbarProps } from "./components/Tabbar/Tabbar";
30
+ export { default as TabbarItem } from "./components/TabbarItem/TabbarItem";
31
+ export type { TabbarItemProps } from "./components/TabbarItem/TabbarItem";
32
+ export { default as HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
33
+ export type { HorizontalScrollProps } from "./components/HorizontalScroll/HorizontalScroll";
34
+ export { default as FixedLayout } from "./components/FixedLayout/FixedLayout";
35
+ export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
36
+ /**
37
+ * Popouts
38
+ */
39
+ export { PopoutWrapper } from "./components/PopoutWrapper/PopoutWrapper";
40
+ export type { PopoutWrapperProps } from "./components/PopoutWrapper/PopoutWrapper";
41
+ export { Alert } from "./components/Alert/Alert";
42
+ export type { AlertProps, AlertActionInterface, } from "./components/Alert/Alert";
43
+ export { ActionSheet } from "./components/ActionSheet/ActionSheet";
44
+ export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
45
+ export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
46
+ export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
47
+ export { default as ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
48
+ export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
49
+ export { Snackbar } from "./components/Snackbar/Snackbar";
50
+ export type { SnackbarProps } from "./components/Snackbar/Snackbar";
51
+ /**
52
+ * Modals
53
+ */
54
+ export { ModalRoot } from "./components/ModalRoot/ModalRootAdaptive";
55
+ export type { ModalRootProps } from "./components/ModalRoot/ModalRootAdaptive";
56
+ export { withModalRootContext } from "./components/ModalRoot/withModalRootContext";
57
+ export { default as ModalRootContext } from "./components/ModalRoot/ModalRootContext";
58
+ export { default as ModalPage } from "./components/ModalPage/ModalPage";
59
+ export type { ModalPageProps } from "./components/ModalPage/ModalPage";
60
+ export { default as ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
61
+ export type { ModalPageHeaderProps } from "./components/ModalPageHeader/ModalPageHeader";
62
+ export { default as ModalCard } from "./components/ModalCard/ModalCard";
63
+ export type { ModalCardProps } from "./components/ModalCard/ModalCard";
64
+ export { default as ModalDismissButton } from "./components/ModalDismissButton/ModalDismissButton";
65
+ export type { ModalDismissButtonProps } from "./components/ModalDismissButton/ModalDismissButton";
66
+ /**
67
+ * Blocks
68
+ */
69
+ export { Badge } from "./components/Badge/Badge";
70
+ export type { BadgeProps } from "./components/Badge/Badge";
71
+ export { default as Button } from "./components/Button/Button";
72
+ export type { ButtonProps } from "./components/Button/Button";
73
+ export { default as IconButton } from "./components/IconButton/IconButton";
74
+ export type { IconButtonProps } from "./components/IconButton/IconButton";
75
+ export { Card } from "./components/Card/Card";
76
+ export type { CardProps } from "./components/Card/Card";
77
+ export { default as CardGrid } from "./components/CardGrid/CardGrid";
78
+ export type { CardGridProps } from "./components/CardGrid/CardGrid";
79
+ export { CardScroll } from "./components/CardScroll/CardScroll";
80
+ export type { CardScrollProps } from "./components/CardScroll/CardScroll";
81
+ export { default as ContentCard } from "./components/ContentCard/ContentCard";
82
+ export type { ContentCardProps } from "./components/ContentCard/ContentCard";
83
+ export { CellButton } from "./components/CellButton/CellButton";
84
+ export type { CellButtonProps } from "./components/CellButton/CellButton";
85
+ export { default as Header } from "./components/Header/Header";
86
+ export type { HeaderProps } from "./components/Header/Header";
87
+ export { default as Group } from "./components/Group/Group";
88
+ export type { GroupProps } from "./components/Group/Group";
89
+ export { Gradient } from "./components/Gradient/Gradient";
90
+ export type { GradientProps } from "./components/Gradient/Gradient";
91
+ export { default as List } from "./components/List/List";
92
+ export { Cell } from "./components/Cell/Cell";
93
+ export type { CellProps } from "./components/Cell/Cell";
94
+ export { default as RichCell } from "./components/RichCell/RichCell";
95
+ export type { RichCellProps } from "./components/RichCell/RichCell";
96
+ export { default as SimpleCell } from "./components/SimpleCell/SimpleCell";
97
+ export type { SimpleCellProps } from "./components/SimpleCell/SimpleCell";
98
+ export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
99
+ export type { HorizontalCellProps } from "./components/HorizontalCell/HorizontalCell";
100
+ export { Footer } from "./components/Footer/Footer";
101
+ export type { FooterProps } from "./components/Footer/Footer";
102
+ export { default as InfoRow } from "./components/InfoRow/InfoRow";
103
+ export type { InfoRowProps } from "./components/InfoRow/InfoRow";
104
+ export { default as Gallery } from "./components/Gallery/Gallery";
105
+ export type { GalleryProps } from "./components/Gallery/Gallery";
106
+ export { default as Avatar } from "./components/Avatar/Avatar";
107
+ export type { AvatarProps } from "./components/Avatar/Avatar";
108
+ export { GridAvatar } from "./components/GridAvatar/GridAvatar";
109
+ export type { GridAvatarProps } from "./components/GridAvatar/GridAvatar";
110
+ export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
111
+ export type { InitialsAvatarProps } from "./components/InitialsAvatar/InitialsAvatar";
112
+ export { default as Progress } from "./components/Progress/Progress";
113
+ export type { ProgressProps } from "./components/Progress/Progress";
114
+ export { default as Search } from "./components/Search/Search";
115
+ export type { SearchProps } from "./components/Search/Search";
116
+ export { default as Tabs } from "./components/Tabs/Tabs";
117
+ export type { TabsProps } from "./components/Tabs/Tabs";
118
+ export { default as TabsItem } from "./components/TabsItem/TabsItem";
119
+ export type { TabsItemProps } from "./components/TabsItem/TabsItem";
120
+ export { default as Spinner } from "./components/Spinner/Spinner";
121
+ export type { SpinnerProps } from "./components/Spinner/Spinner";
122
+ export { default as PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
123
+ export type { PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh";
124
+ export { default as Link } from "./components/Link/Link";
125
+ export type { LinkProps } from "./components/Link/Link";
126
+ export { default as Tooltip } from "./components/Tooltip/Tooltip";
127
+ export type { TooltipProps } from "./components/Tooltip/Tooltip";
128
+ export { TooltipContainer } from "./components/Tooltip/TooltipContainer";
129
+ export { default as Counter } from "./components/Counter/Counter";
130
+ export type { CounterProps } from "./components/Counter/Counter";
131
+ export { default as UsersStack } from "./components/UsersStack/UsersStack";
132
+ export type { UsersStackProps } from "./components/UsersStack/UsersStack";
133
+ export { default as Separator } from "./components/Separator/Separator";
134
+ export type { SeparatorProps } from "./components/Separator/Separator";
135
+ export { Spacing } from "./components/Spacing/Spacing";
136
+ export type { SpacingProps } from "./components/Spacing/Spacing";
137
+ export { default as Placeholder } from "./components/Placeholder/Placeholder";
138
+ export type { PlaceholderProps } from "./components/Placeholder/Placeholder";
139
+ export { default as Banner } from "./components/Banner/Banner";
140
+ export type { BannerProps } from "./components/Banner/Banner";
141
+ export { MiniInfoCell } from "./components/MiniInfoCell/MiniInfoCell";
142
+ export type { MiniInfoCellProps } from "./components/MiniInfoCell/MiniInfoCell";
143
+ export { WriteBar } from "./components/WriteBar/WriteBar";
144
+ export type { WriteBarProps } from "./components/WriteBar/WriteBar";
145
+ export { WriteBarIcon } from "./components/WriteBarIcon/WriteBarIcon";
146
+ export type { WriteBarIconProps } from "./components/WriteBarIcon/WriteBarIcon";
147
+ export { SubnavigationBar } from "./components/SubnavigationBar/SubnavigationBar";
148
+ export type { SubnavigationBarProps } from "./components/SubnavigationBar/SubnavigationBar";
149
+ export { SubnavigationButton } from "./components/SubnavigationButton/SubnavigationButton";
150
+ export type { SubnavigationButtonProps } from "./components/SubnavigationButton/SubnavigationButton";
151
+ /**
152
+ * Forms
153
+ */
154
+ export { default as FormLayout } from "./components/FormLayout/FormLayout";
155
+ export type { FormLayoutProps } from "./components/FormLayout/FormLayout";
156
+ export { FormItem } from "./components/FormItem/FormItem";
157
+ export type { FormItemProps } from "./components/FormItem/FormItem";
158
+ export { FormField } from "./components/FormField/FormField";
159
+ export type { FormFieldProps } from "./components/FormField/FormField";
160
+ export { default as FormLayoutGroup } from "./components/FormLayoutGroup/FormLayoutGroup";
161
+ export type { FormLayoutGroupProps } from "./components/FormLayoutGroup/FormLayoutGroup";
162
+ export { FormStatus } from "./components/FormStatus/FormStatus";
163
+ export type { FormStatusProps } from "./components/FormStatus/FormStatus";
164
+ export { Switch } from "./components/Switch/Switch";
165
+ export type { SwitchProps } from "./components/Switch/Switch";
166
+ export { default as File } from "./components/File/File";
167
+ export type { FileProps } from "./components/File/File";
168
+ export { default as Input } from "./components/Input/Input";
169
+ export type { InputProps } from "./components/Input/Input";
170
+ export { Chip } from "./components/Chip/Chip";
171
+ export type { ChipProps } from "./components/Chip/Chip";
172
+ export { default as ChipsInput } from "./components/ChipsInput/ChipsInput";
173
+ export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
174
+ export { default as Slider } from "./components/Slider/Slider";
175
+ export type { SliderProps } from "./components/Slider/Slider";
176
+ export { default as RangeSlider } from "./components/RangeSlider/RangeSlider";
177
+ export type { RangeSliderProps } from "./components/RangeSlider/RangeSlider";
178
+ export { default as Textarea } from "./components/Textarea/Textarea";
179
+ export type { TextareaProps } from "./components/Textarea/Textarea";
180
+ export { default as Radio } from "./components/Radio/Radio";
181
+ export type { RadioProps } from "./components/Radio/Radio";
182
+ export { RadioGroup } from "./components/RadioGroup/RadioGroup";
183
+ export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
184
+ export { default as Checkbox } from "./components/Checkbox/Checkbox";
185
+ export type { CheckboxProps } from "./components/Checkbox/Checkbox";
186
+ export { default as Select } from "./components/Select/Select";
187
+ export type { SelectProps } from "./components/Select/Select";
188
+ export { default as SelectMimicry } from "./components/SelectMimicry/SelectMimicry";
189
+ export type { SelectMimicryProps } from "./components/SelectMimicry/SelectMimicry";
190
+ export { default as NativeSelect } from "./components/NativeSelect/NativeSelect";
191
+ export type { NativeSelectProps } from "./components/NativeSelect/NativeSelect";
192
+ export { default as CustomSelect } from "./components/CustomSelect/CustomSelect";
193
+ export type { CustomSelectProps, CustomSelectOptionInterface, } from "./components/CustomSelect/CustomSelect";
194
+ export { default as CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
195
+ export type { CustomSelectOptionProps } from "./components/CustomSelectOption/CustomSelectOption";
196
+ export { default as DatePicker } from "./components/DatePicker/DatePicker";
197
+ export type { DatePickerProps, DatePickerDateFormat, } from "./components/DatePicker/DatePicker";
198
+ export { SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
199
+ export type { SliderSwitchProps, SliderSwitchOptionInterface, } from "./components/SliderSwitch/SliderSwitch";
200
+ export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
201
+ export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "./components/SegmentedControl/SegmentedControl";
202
+ /**
203
+ * Helpers
204
+ */
205
+ export { default as Div } from "./components/Div/Div";
206
+ export type { DivProps } from "./components/Div/Div";
207
+ export { default as Tappable } from "./components/Tappable/Tappable";
208
+ export type { TappableProps } from "./components/Tappable/Tappable";
209
+ export { Touch } from "./components/Touch/Touch";
210
+ export type { TouchProps } from "./components/Touch/Touch";
211
+ export { default as PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
212
+ export type { PanelSpinnerProps } from "./components/PanelSpinner/PanelSpinner";
213
+ export { default as PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
214
+ export { default as PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";
215
+ export { default as PanelHeaderSubmit } from "./components/PanelHeaderSubmit/PanelHeaderSubmit";
216
+ export { default as PanelHeaderEdit } from "./components/PanelHeaderEdit/PanelHeaderEdit";
217
+ export type { PanelHeaderEditProps } from "./components/PanelHeaderEdit/PanelHeaderEdit";
218
+ export { ModalCardBase } from "./components/ModalCardBase/ModalCardBase";
219
+ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBase";
220
+ /**
221
+ * Wrappers
222
+ */
223
+ export { AppRoot } from "./components/AppRoot/AppRoot";
224
+ export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
225
+ export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
226
+ export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
227
+ export { ConfigProviderContext, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";
228
+ export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
229
+ export { Scheme, Appearance } from "./helpers/scheme";
230
+ /**
231
+ * Advertisement
232
+ */
233
+ export { default as PromoBanner } from "./components/PromoBanner/PromoBanner";
234
+ export type { PromoBannerProps } from "./components/PromoBanner/PromoBanner";
235
+ /**
236
+ * Typography
237
+ */
238
+ export { default as Title } from "./components/Typography/Title/Title";
239
+ export type { TitleProps } from "./components/Typography/Title/Title";
240
+ export { default as Headline } from "./components/Typography/Headline/Headline";
241
+ export type { HeadlineProps } from "./components/Typography/Headline/Headline";
242
+ export { default as Text } from "./components/Typography/Text/Text";
243
+ export type { TextProps } from "./components/Typography/Text/Text";
244
+ export { default as Caption } from "./components/Typography/Caption/Caption";
245
+ export type { CaptionProps } from "./components/Typography/Caption/Caption";
246
+ export { default as Subhead } from "./components/Typography/Subhead/Subhead";
247
+ export type { SubheadProps } from "./components/Typography/Subhead/Subhead";
248
+ /**
249
+ * HOCs
250
+ */
251
+ export { withInsets } from "./hoc/withInsets";
252
+ export { withPlatform } from "./hoc/withPlatform";
253
+ export { withAdaptivity } from "./hoc/withAdaptivity";
254
+ /**
255
+ * Hooks
256
+ */
257
+ export { useInsets } from "./hooks/useInsets";
258
+ export { usePlatform } from "./hooks/usePlatform";
259
+ export { useAdaptivity } from "./hooks/useAdaptivity";
260
+ export { useAppearance } from "./hooks/useAppearance";
261
+ /**
262
+ * Utils
263
+ */
264
+ export { classNamesString as classNames } from "./lib/classNames";
265
+ export { default as animate } from "./lib/animate";
266
+ export { removeObjectKeys } from "./lib/removeObjectKeys";
267
+ export { SSRWrapper } from "./lib/SSR";
268
+ export { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS, } from "./lib/platform";
269
+ export { getClassName } from "./helpers/getClassName";
270
+ export { ViewWidth, ViewHeight, SizeType, } from "./components/AdaptivityProvider/AdaptivityContext";
271
+ export { calcInitialsAvatarColor } from "./helpers/avatar";
272
+ export { Popper } from "./components/Popper/Popper";
273
+ /**
274
+ * Types
275
+ */
276
+ export type { AlignType, HasPlatform, HasInsets } from "./types";
277
+ export type { NavIdProps } from "./lib/getNavId";
278
+ export type { PlatformType } from "./lib/platform";
279
+ export type { AdaptivityProps } from "./hoc/withAdaptivity";
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { PlatformType } from "./platform";
3
+ import { BrowserInfo } from "./browser";
4
+ export interface SSRContextInterface {
5
+ platform: PlatformType | null;
6
+ userAgent?: string;
7
+ browserInfo?: BrowserInfo;
8
+ }
9
+ export declare const SSRContext: React.Context<SSRContextInterface>;
10
+ export interface SSRWrapperProps {
11
+ userAgent?: string;
12
+ browserInfo?: BrowserInfo;
13
+ }
14
+ export declare const SSRWrapper: React.FC<SSRWrapperProps>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ export declare const FOCUSABLE_ELEMENTS_LIST: string[];
3
+ export declare enum Keys {
4
+ ENTER = "Enter",
5
+ SPACE = "Space",
6
+ TAB = "Tab",
7
+ ESCAPE = "Escape"
8
+ }
9
+ export declare function pressedKey(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): Keys | null;
10
+ export declare function shouldTriggerClickOnEnterOrSpace(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): boolean;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Функция для js анимации
3
+ * @param {number} duration
4
+ * @param {function} timing тайминг функция анимации
5
+ * @param {function} draw коллбэк, в который прокидывается прогресс [0, 1]
6
+ * @returns {void}
7
+ */
8
+ export declare type TimingInterface = (timeFraction: number) => number;
9
+ export declare type DrawInterface = (progress: number) => void;
10
+ export interface AnimateArgumentsInterface {
11
+ duration: number;
12
+ timing: TimingInterface;
13
+ draw: DrawInterface;
14
+ }
15
+ export default function animate({ duration, timing, draw, }: AnimateArgumentsInterface): void;
@@ -0,0 +1,11 @@
1
+ import { Version } from "../types";
2
+ export declare enum System {
3
+ IOS = "ios",
4
+ UNKNOWN = ""
5
+ }
6
+ export interface BrowserInfo {
7
+ userAgent: string;
8
+ system: System;
9
+ systemVersion: Version | null;
10
+ }
11
+ export declare function computeBrowserInfo(userAgent?: string): BrowserInfo;
@@ -0,0 +1 @@
1
+ export declare const callMultiple: (...fns: any[]) => (...args: any[]) => void;
@@ -0,0 +1,6 @@
1
+ export interface ObjectClassNames {
2
+ [index: string]: boolean | undefined | null;
3
+ }
4
+ export declare type ClassName = number | string | ObjectClassNames | false | null | undefined;
5
+ export declare function classNames(...classnames: ClassName[]): string | string[];
6
+ export declare function classNamesString(...args: ClassName[]): string;
@@ -0,0 +1,8 @@
1
+ export declare const __controller: {
2
+ _noConflict: boolean;
3
+ _isSet: boolean;
4
+ noConflict: boolean;
5
+ };
6
+ export declare const classScopingMode: {
7
+ noConflict: boolean;
8
+ };
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ export { canUseDOM, canUseEventListeners, onDOMLoaded } from "@vkontakte/vkjs";
3
+ export interface DOMContextInterface {
4
+ /**
5
+ * @ignore
6
+ */
7
+ window?: Window;
8
+ /**
9
+ * @ignore
10
+ */
11
+ document?: Document;
12
+ }
13
+ export declare type DOMProps = DOMContextInterface;
14
+ export declare const getDOM: () => {
15
+ window: (Window & typeof globalThis) | undefined;
16
+ document: Document | undefined;
17
+ };
18
+ export declare const DOMContext: React.Context<DOMContextInterface>;
19
+ export declare const useDOM: () => DOMContextInterface;
20
+ export declare function withDOM<Props>(Component: React.ComponentType<Props & DOMProps>): React.ComponentType<Props>;
21
+ export declare function blurActiveElement(document: Document | undefined): void;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * ease function
3
+ * @param x absolute progress of the animation in bounds 0 (beginning) and 1 (end)
4
+ */
5
+ export declare function easeInOutSine(x: number): number;
@@ -0,0 +1,6 @@
1
+ export interface NavIdProps {
2
+ /** Уникальный идентификатор навигационного элемента (вместо id) */
3
+ nav?: string;
4
+ id?: string;
5
+ }
6
+ export declare function getNavId(props: NavIdProps, warn?: (text: string) => any): string | undefined;
@@ -0,0 +1 @@
1
+ export declare function is(x: any, y: any): boolean;
@@ -0,0 +1,2 @@
1
+ import * as React from "react";
2
+ export declare const isRefObject: <T, E = Element>(refObject: T | React.RefObject<E>) => refObject is React.RefObject<E>;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ declare function createScopedElement(_type: any, props?: any): React.ReactElement<{}, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
3
+ declare namespace createScopedElement {
4
+ var Fragment: React.ExoticComponent<{
5
+ children?: React.ReactNode;
6
+ }>;
7
+ }
8
+ export { createScopedElement };
@@ -0,0 +1,7 @@
1
+ export interface OffsetRectInterface {
2
+ top: number | undefined;
3
+ left: number | undefined;
4
+ width: number | undefined;
5
+ height: number | undefined;
6
+ }
7
+ export declare function getOffsetRect(elem: HTMLElement | null): OffsetRectInterface;
@@ -0,0 +1,19 @@
1
+ import { BrowserInfo } from "./browser";
2
+ export declare enum Platform {
3
+ ANDROID = "android",
4
+ IOS = "ios",
5
+ VKCOM = "vkcom"
6
+ }
7
+ export declare const ANDROID = Platform.ANDROID;
8
+ export declare const IOS = Platform.IOS;
9
+ export declare const VKCOM = Platform.VKCOM;
10
+ export declare type PlatformType = Platform.ANDROID | Platform.IOS | Platform.VKCOM | string;
11
+ export declare function platform(browserInfo?: BrowserInfo): PlatformType;
12
+ /**
13
+ * @deprecated для определения платформы используйте withPlatform или usePlatform
14
+ */
15
+ export declare const IS_PLATFORM_IOS: boolean;
16
+ /**
17
+ * @deprecated для определения платформы используйте withPlatform или usePlatform
18
+ */
19
+ export declare const IS_PLATFORM_ANDROID: boolean;
@@ -0,0 +1,6 @@
1
+ export declare type MatchesMethod = (css: string) => boolean;
2
+ export interface OldElement extends Element {
3
+ matchesSelector?: MatchesMethod;
4
+ mozMatchesSelector?: MatchesMethod;
5
+ msMatchesSelector?: MatchesMethod;
6
+ }
@@ -0,0 +1 @@
1
+ export declare function prefixClass(scopedStyle: string | string[]): string;
@@ -0,0 +1 @@
1
+ export declare function removeObjectKeys<T, K extends keyof T>(obj: T, keys?: K[]): T;
@@ -0,0 +1,7 @@
1
+ declare type Option = {
2
+ label?: string;
3
+ [index: string]: any;
4
+ };
5
+ declare type GetOptionLabel = (option: Option) => string | undefined;
6
+ export declare const defaultFilterFn: (query: string | undefined, option: Option, getOptionLabel?: GetOptionLabel) => boolean;
7
+ export {};
@@ -0,0 +1 @@
1
+ export declare function setTransformStyle(element: HTMLElement | undefined | null, transform: string): void;
@@ -0,0 +1,9 @@
1
+ export declare type VKUISupportEvents = {
2
+ supported: boolean;
3
+ name?: string | null;
4
+ };
5
+ declare const animationEvent: {
6
+ supported: boolean;
7
+ };
8
+ declare const transitionEvent: VKUISupportEvents;
9
+ export { animationEvent, transitionEvent };
@@ -0,0 +1,2 @@
1
+ import { TapticVibrationPowerType } from "@vkontakte/vk-bridge";
2
+ export declare function runTapticImpactOccurred(style: TapticVibrationPowerType): void;
@@ -0,0 +1 @@
1
+ export declare const isTesting: boolean;
@@ -0,0 +1,9 @@
1
+ export interface VKUITouchEvent extends MouseEvent, TouchEvent {
2
+ }
3
+ export declare type VKUITouchEventHander = (e: VKUITouchEvent) => void;
4
+ declare const coordX: (e: VKUITouchEvent) => number;
5
+ declare const coordY: (e: VKUITouchEvent) => number;
6
+ declare const touchEnabled: () => boolean;
7
+ declare function getSupportedEvents(): string[];
8
+ declare function rubber(offset: number, dimension: number, resistanceRate: number, isAndroid: boolean): number;
9
+ export { getSupportedEvents, coordX, coordY, touchEnabled, rubber };